Zhrnutie na Základy informatiky a programovania

## Úvod Webové technológie sú súbor nástrojov a princípov, ktoré umožňujú tvorbu webových stránok a webových aplikácií. Tento materiál vysvetlí základné časti používateľského rozhrania, rozdiel medzi klientskym a administrátorským rozhraním, princípy návrhu stránky, základné spôsoby písania CSS a praktický postup pri tvorbe webu pomocou redakčného systému (napr. WordPress). Materiál je určený pre stredoškolákov — jednoduchý, prehľadný a s praktickými príkladmi. ## Hlavné časti front-end rozhrania Front-end je rozhranie, s ktorým priamo pracuje užívateľ. Skladá sa z niekoľkých logických oblastí. ### Hlavička (Header) - Obsahuje logo alebo názov aplikácie ako identifikačný prvok. - Navigačné menu umožňuje prechod medzi sekciami stránky. - Môže obsahovať odkazy na prihlásenie alebo registráciu. > Definícia: Hlavička je horná časť webovej stránky, ktorá poskytuje identitu a základnú navigáciu. ### Obsah (Content) - Hlavný obsah stránky sa nachádza v strede alebo strednej časti rozhrania. - Obsah je rozdelený do sekcií (napr. články, zoznamy, formuláre) pre lepšiu orientáciu. - Obsah sa dynamicky mení podľa aktuálnej podstránky. > Definícia: Obsah je súhrn informácií a prvkov, ktoré užívateľ vidí a s ktorými môže interagovať. ### Patička (Footer) - Nachádza sa v dolnej časti stránky. - Obsahuje informácie o autorovi, kontaktné údaje a odkazy na podmienky používania či sociálne siete. > Definícia: Patička poskytuje doplnkové informácie a odkazy, ktoré nie sú súčasťou hlavného obsahu. Fun fact: V mnohých moderných webových stránkach patrí do patičky aj indikátor aktuálnej verzie webu a odkaz na changelog. ## Užívateľský životný cyklus na webe ### Pred prihlásením - Užívateľ sa musí vedieť ľahko zaregistrovať. - Systém kontroluje obmedzenia (napr. dĺžka mena, duplicitný e-mail, zakázané slová, nevyplnené povinné polia). - Po registrácii užívateľ obdrží aktivačný e-mail; po kliknutí na aktivačný odkaz je presmerovaný ako prihlásený. > Definícia: Aktivačný e-mail overuje vlastníctvo e-mailovej adresy a zvyšuje bezpečnosť registrácie. ### Po prihlásení - Užívateľ má prístup k svojmu profilu. - Má k dispozícii funkcie, ktoré mu sú určené (napr. upraviť profil, posielať správy, používať nástroje aplikácie). ## Administrátorské rozhranie (Admin) ### Čo je admin rozhranie - Špeciálna časť stránky prístupná len administrátorovi, slúži na správu webu a obsahu. ### Zabezpečenie - Admin rozhranie musí byť chránené pred neoprávneným prístupom; kontrola pravosti prebieha na serveri pri každom načítaní. > Definícia: Zabezpečenie admin rozhrania znamená kontrolu identity a oprávnení používateľa pred udelením prístupu. ### Práva prístupu - Admin môže prezerať, upravovať a mazať obsah v systéme. - Bežný užívateľ má prístup len k vlastnému obsahu. - Práva sú uložené pri každom užívateľovi. ### Ochrana pred neúmyselným vymazaním - Systém zobrazí potvrdzovací dialóg pred vymazaním; bez potvrdenia sa záznam neodstráni. - Vhodné je mať zálohy dát. ### Prihlasovanie a rozpoznanie roly - Prihlasovací formulár môže byť rovnaký pre admina i bežného užívateľa. - Po prihlásení sa skontroluje rola a používateľ sa presmeruje buď do admin časti alebo na bežnú stránku. Fun fact: Niektoré systémy umožňujú dvojfaktorovú autentifikáciu (2FA) pre adminov, čím zvyšujú bezpečnosť citlivých nastavení. ## Návrh klientského a administratívneho rozhrania - Lepšie navrhnuté rozhranie zjednodušuje údržbu a použiteľnosť. - Porovnanie: | Kritérium | Klientske rozhranie | Administratívne rozhranie | |---|---:|---:| | Údržba | jednoduchšia | náročnejšia | | Vhodné pre | bežných užívateľov, malé projekty | správcov, veľké projekty | | Funkcie | zamerané na užívateľa | zamerané na správu a kontrolu | > Definícia: Klientske rozhranie je určené pre návštevníkov a bežných užívateľov; administrátorské rozhranie je pre správcov systému. ## Navigácia a informačná architektúra - Každá aplikácia potrebuje hlavnú navigáciu (hore alebo na boku) pre prechod medzi hlavnými