Zhrnutie na Dynamické smerovanie, GUI a 3D tlač

## Úvod Grafická aplikácia (GUI) umožňuje používateľovi komunikovať s programom pomocou grafických prvkov ako okná, tlačidlá, textové polia alebo menu. Takáto aplikácia funguje **udalostne riadene**: program čaká na udalosti (kliknutie, stlačenie klávesu) a reaguje cez obslužné metódy (event handler). Tento materiál vysvetľuje základné pojmy, princípy návrhového vzoru MVC a ukáže praktické príklady a aplikácie. > **Definícia:** Grafická aplikácia (GUI) je softvér, ktorý komunikuje s používateľom pomocou vizuálnych prvkov a reaguje na udalosti. ## Základné pojmy ### Udalostne riadené programovanie - Program nebeží linearne od začiatku do konca, ale čaká na vstupy (udalosti). - Keď nastane udalosť, systém zavolá príslušný event handler (obslužnú funkciu). > **Definícia:** Event handler je funkcia alebo metóda, ktorá sa vykoná ako odpoveď na udalosť, napr. kliknutie tlačidla alebo zmena textu. Praktický príklad: Kliknutie na tlačidlo "Odoslať" spustí overenie údajov a uloženie do databázy. ### Hlavné grafické prvky - Okno (window) - Tlačidlo (button) - Textové pole (text field) - Menu a podmenu - Zoznamy a tabuľky Tabuľka: porovnanie vstupných prvkov | Prvok | Použitie | Výhody | Nevýhody | | --- | --- | --- | --- | | Tlačidlo | Spúšťa akciu | Jednoduché ovládanie | Limitované informácie | | Textové pole | Vstup textu | Flexibilné | Nutné overenie vstupu | | Menu | Výber možností | Štruktúrované volby | Môže byť preplnené | ## Návrhový vzor MVC MVC rozdeľuje aplikáciu na tri časti, čím sa zvyšuje prehľadnosť a uľahčuje údržba. ### Model - Obsahuje dáta a obchodnú logiku. - Model nepozná detaily zobrazenia. > **Definícia:** Model je časť aplikácie zodpovedná za ukladanie a spracovanie dát a za pravidlá správy týchto dát. Príklad: Trieda User, ktorá uchováva meno, e-mail a overovacie metódy. ### View - Určuje, ako sú dáta prezentované používateľovi. - Zobrazenie by malo byť čo najviac bez logiky okrem tej, ktorá súvisí s prezentáciou. > **Definícia:** View je vizuálna reprezentácia dát z modelu, zodpovedná za vykreslenie prvkov na obrazovke. Príklad: Formulár zobrazujúci meno a e-mail používateľa. ### Controller - Riadi spracovanie vstupov, volá model a aktualizuje view. - Mapuje udalosti (napr. kliknutie) na akcie v modeli alebo v view. > **Definícia:** Controller spracúva požiadavky používateľa, volá operácie modelu a rozhoduje, ktoré view sa má zobraziť. Praktický tok akcie (čísla sú kroky): 1. Používateľ klikne na tlačidlo uložiť. 2. Controller spracuje kliknutie a zavolá metódu modelu na uloženie. 3. Model uloží dáta a prípadne vráti výsledok. 4. Controller rozhodne, ktoré view sa má aktualizovať a pošle nové dáta. Tabuľka: porovnanie rolí v MVC | Komponent | Zodpovednosť | Komunikuje s | | --- | --- | --- | | Model | Dáta, logika | Controller | | View | Zobrazenie | Controller, Model (len na čítanie) | | Controller | Riadenie toku | Model, View | ## Príklady a real-world aplikácie - Desktopové aplikácie: textové editory, prehliadače súborov - Mobilné aplikácie: formuláre, nastavenia aplikácií - Webové aplikácie: formuláre prihlásenia, administračné panely Konkrétny príklad: jednoduchá aplikácia pre správu kontaktov 1. Model: trieda Contact s políčkami $name$, $email$, $phone$ a metódami na validáciu a ukladanie. 2. View: formulár zobrazený v okne s poliami a tlačidlami Uložiť/Zrušiť. 3. Controller: spracuje klik na Uložiť, zavolá validáciu v modeli a pri úspechu pošle signál view na aktualizáciu zoznamu. Fun fact: Grafické používateľské rozhrania boli široko populárne po uvedení rozhrania Xerox Alto a neskôr Apple Lisa a Macintosh, ktoré priniesli myš a okná do bežného použitia. ## Praktické tipy pre tvorbu GUI - Držte logiku v modeli alebo kontroléri, nie vo view. - Používajte malé, znovupoužiteľné komponenty. - Validujte vstupy čo najskôr (na strane klienta aj servera pri webových aplikáciách). - Testujte event handlery jednotlivo. ### Príklad event handleru (pseudokód) 1. Funkcia onSaveButtonClick(