Podcast o Základy informatiky a ekonómie

Kapitoly

Úvod do sieťovej mágie

Čo je prepínač a ako pracuje?

Virtuálne siete (VLAN)

Keď sa niečo pokazí: Redundancia a STP

Viac prúdov, väčšia rýchlosť

Čo sú zložené dáta?

Polia a zoznamy

Štruktúry a triedy

Ako funguje web?

Responzívny dizajn a menu

Ako určiť cenu

Z čoho sa skladá cena

Fixné verzus variabilné

Zhrnutie a záver

Přepis

Viktória: Zamyslel si sa niekedy, ako je možné, že v škole na počítači v učebni nemôžeš len tak nazrieť do súborov riaditeľne? Aj keď ste všetci pripojení na tú istú školskú sieť?

Peter: Presne tak. Nie je to žiadna mágia, aj keď to tak môže vyzerať. Je to práca šikovných zariadení, o ktorých si dnes povieme.

Viktória: Výborne. Počúvate Studyfi Podcast a dnes sa s expertom Petrom pozrieme na sieťové technológie.

Peter: A začneme hneď tým najdôležitejším zariadením v lokálnej sieti... prepínačom.

Viktória: Dobre, takže prepínač, anglicky switch. Čo to vlastne je?

Peter: Predstav si ho ako inteligentného poštára v rámci jednej budovy, napríklad školy. Vie presne, v ktorej miestnosti sedí ktorý študent. Nefunguje na L3 vrstve, ale na druhej, teda L2.

Viktória: A ako vie, komu patrí ktorá správa? Podľa mena?

Peter: Skoro. Každé zariadenie v sieti, či už počítač alebo telefón, má unikátny identifikátor, takzvanú MAC adresu. Prepínač si vytvára tabuľku, kde si zapisuje: „aha, táto MAC adresa je na porte číslo 5“.

Viktória: Takže keď mu príde správa pre mňa, nepošle ju všetkým, ale len na môj port? To je celkom efektívne.

Peter: Presne tak. Ak však adresu ešte nepozná, vtedy urobí výnimku a zakričí na všetky porty, okrem toho, odkiaľ správa prišla. Tomu hovoríme flooding. Ale to robí len kým sa nenaučí, kam dáta patria.

Viktória: Dobre, a teraz sa vráťme k tej škole. Ako prepínač zabezpečí, aby som nevidela súbory z administratívy?

Peter: Na to slúži skvelá vec menom VLAN, alebo Virtual Local Area Network. Umožňuje nám jednu fyzickú sieť logicky rozdeliť na viacero menších, úplne oddelených podsietí.

Viktória: Čiže vytvoríme také neviditeľné steny v rámci siete?

Peter: Perfektné prirovnanie! Môžeme mať napríklad VLAN 10 pre učebne, VLAN 20 pre administratívu a VLAN 30 pre hosťovskú Wi-Fi. Zariadenia v jednej VLAN sa medzi sebou vidia, ale nevidia zariadenia v inej VLAN. Bezpečnosť na prvom mieste.

Viktória: A porty na prepínači sa priraďujú k tým VLANkám ručne?

Peter: Najčastejšie áno, to je statická VLAN. Existujú aj dynamické, ktoré zariadenie priradia automaticky napríklad podľa jeho MAC adresy, ale to je už pokročilejšia správa.

Viktória: Super. Ale čo sa stane, ak sa jeden kábel alebo prepínač pokazí? Vypadne celá sieť?

Peter: Dobrá otázka. Preto v sieťach budujeme redundanciu – záložné cesty. Problém ale je, že prepínače nemajú rady slučky. Ak prepojíš dva prepínače dvoma káblami, dáta začnú behať v kruhu a zahltia celú sieť. Tomu sa hovorí broadcast storm.

Viktória: Znie to ako recept na katastrofu.

Peter: Aj je. Preto existuje protokol STP – Spanning Tree Protocol. Funguje ako taký dopravný policajt. Zistí, že existuje záložná cesta a jeden port dočasne zablokuje, aby slučka nevznikla.

Viktória: A keď tá hlavná cesta vypadne?

Peter: Vtedy STP ten zablokovaný port okamžite aktivuje a prevádzka plynule pokračuje ďalej. Moderná verzia, RSTP, to zvládne za pár sekúnd.

Viktória: A čo ak potrebujeme medzi dvoma prepínačmi vyššiu rýchlosť, než dokáže jeden kábel?

Peter: Aj na to máme riešenie. Volá sa to agregácia liniek alebo Link Aggregation. Je to technika, ktorou môžeme spojiť viacero fyzických káblov do jedného logického, superrýchleho spojenia.

Viktória: Takže ak spojím dva 1-gigabitové káble, dostanem 2-gigabitové pripojenie?

Peter: Presne tak. A ako bonus, ak jeden z tých káblov zlyhá, ten druhý pokračuje bez prerušenia. Získaš tak rýchlosť aj redundanciu zároveň. Je to win-win situácia.

Viktória: Fantastické. Takže vďaka prepínačom, VLANkám a STP máme siete, ktoré sú nielen rýchle, ale aj bezpečné a odolné voči výpadkom.

Peter: Presne tak, Viktória. A vieš, táto myšlienka skladania vecí dohromady... to je základ aj v programovaní. Namiesto káblov a prepínačov tam spájame dáta.

Viktória: Hovoríš o zložených dátových typoch, však? To znie... zložito.

Peter: Názov trochu klame. Predstav si ich ako organizéry. Namiesto toho, aby si mala všade pohádzané čísla a texty, dáš si ich do jedného pekného balíčka.

Viktória: Dobre, to dáva zmysel. Aké sú teda tie najbežnejšie „organizéry“?

Peter: Najzákladnejší je Pole, alebo po anglicky Array. To je ako škatuľa na vajíčka. Môžeš tam dať len veci rovnakého typu a počet miest je pevne daný.

Viktória: Chápem. A čo ak chcem mať v jednej škatuli jablká aj mlieko a ešte niečo pridať?

Peter: Na to je Zoznam, alebo List, napríklad v Pythone. Je dynamický. Môžeš doň pridávať a odoberať veci za behu a môžu byť rôznych typov. Je to skôr ako nákupný košík.

Viktória: Super analógia! Takže pole je statické, zoznam je flexibilný.

Peter: Presne. A teraz poďme o level vyššie. Čo ak chceš uložiť info o osobe? Meno, vek, mesto... Rôzne typy, ktoré patria k sebe.

Viktória: To by som dala do jedného balíčka.

Peter: A ten balíček sa volá Štruktúra, alebo Struct. Jednoducho združíš rôzne premenné. A keď k tomu pridáš aj funkcie – teda čo tá osoba vie robiť, napríklad „pozdraviť“ – zrazu máš Triedu, alebo Class. To je základ objektovo orientovaného programovania.

Viktória: Takže trieda je štruktúra s vlastnými schopnosťami?

Peter: Perfektne povedané. A keď už vieme, ako dáta štruktúrovať, môžeme sa pozrieť, ako ich efektívne spracovať, čo nás privádza k algoritmom.

Viktória: Super, takže algoritmy spracúvajú dáta. Ale ako sa tie dáta vlastne zobrazia používateľovi, napríklad na webovej stránke? To mi vždy vŕtalo hlavou.

Peter: Skvelá otázka! Predstav si, že prehliadač je ako maliar. Tvoja URL adresa mu dá pokyn, on si od servera vypýta plátno a farby – teda HTML, CSS a obrázky – a potom to celé vykreslí.

Viktória: A tie farby sú CSS a plátno HTML, však?

Peter: Presne tak. HTML je štruktúra, kostra. CSS povie, že nadpis je modrý a tlačidlo zelené. A JavaScript to celé oživí, aby to bolo interaktívne.

Viktória: Okej, a čo keď si tú istú stránku otvorím na mobile? Vyzerá úplne inak.

Peter: Tomu sa hovorí responzívny dizajn! Stránka sa inteligentne prispôsobí veľkosti obrazovky. Je to ako mať oblek, ktorý ti sedí, či priberieš alebo schudneš.

Viktória: Tak to by sa mi zišlo! Takže jedna stránka pre všetky zariadenia?

Peter: Presne tak. Je to lepšie pre používateľa a aj vyhľadávače ako Google to milujú. Všetci sú spokojní.

Viktória: A navigácia, teda menu, je tiež súčasťou tohto dizajnu?

Peter: Samozrejme. Menu je ako GPS na stránke. Či už je hore ako horizontálne, alebo na boku ako vertikálne, musí byť jasné. A práve to, ako dobre je navrhnuté, nás privádza k téme UX, teda používateľského zážitku.

Viktória: Super, takže máme skvelý dizajn a perfektný používateľský zážitok. Ale ako sa vlastne dostaneme k cene za takýto web?

Peter: Výborná otázka! Tým sa dostávame k poslednej téme – cenotvorbe. V podstate je to jednoduchý výpočet všetkých nákladov, aby projekt nebol v strate.

Viktória: A čo všetko do tých nákladov patrí? To asi nie je len čas programátora, však?

Peter: Presne tak. Je to ako skladačka. Máš tam prácu, teda mzdy, potom licencie na softvér, náklady na marketing... a dokonca aj prevádzkové veci ako nájom.

Viktória: A čo ak sa niečo pokazí alebo zabudne?

Peter: Na to slúži rezerva. Je to taká finančná poistka na nepredvídané výdavky.

Viktória: Dáva to zmysel. Spomínal si nájom. Ten sa platí stále rovnako, či nie?

Peter: Áno. To sú takzvané fixné náklady – sú nemenné. No a potom sú premenné, ktoré sa menia podľa objemu práce. Napríklad materiál alebo práca na hodinu.

Viktória: Takže čím väčší projekt, tým viac premenných nákladov. Rozumiem. A na čo je to celé dobré?

Peter: Výsledkom je jasný odhad, či sa projekt vôbec oplatí a či prinesie nejaký zisk. Pomáha to pri rozhodovaní.

Viktória: Perfektné zhrnutie. Dnes sme si prešli všetko od responzívneho dizajnu, cez UX až po cenotvorbu. Peter, ďakujem ti veľmi pekne za skvelé tipy.

Peter: Aj ja ďakujem za pozvanie. A vám, milí poslucháči, prajem veľa úspechov pri vašich vlastných projektoch!