🗣️ Icebreaker (5 min):
Zeptejte se studentů: "Co vás na ovládání vašeho mobilu nebo PC nejvíc štve?" (Nepřehledné menu, malé ikony, gesta, která nefungují). To vše je špatné UX.
Historie: 3 éry interakce
Cesta ke zjednodušení
CLI (Command Line Interface): Textové příkazy. Člověk se musí učit jazyk počítače. (Příklad: MS-DOS, Linux Terminál).
GUI (Graphical User Interface): Ikony, Okna, Myš. Metafora pracovního stolu. Počítač se učí jazyk lidí (vizuální symboly).
NUI (Natural User Interface): Dotyk, Hlas, Gesta. Žádné učení. Ovládání je intuitivní. (Příklad: iPad, Alexa, VR).
🗣️ Kontext (5 min):
Zmiňte, že přechod z CLI na GUI byl revolucí, která přinesla počítače do domácností. Předtím to byly stroje jen pro inženýry. Dnes s NUI může počítač ovládat i batole.
Příkazová řádka (CLI): Proč neumřela?
Moc textu v rukou správce
Pro běžného uživatele je CLI noční můra. Pro správce je to dar.
Výhody:
Rychlost: Myší klikáte 5 minut. Příkaz napíšete za 5 sekund.
Automatizace (Skriptování): Můžete napsat "recept" (skript), který se provede každý den o půlnoci.
Vzdálená správa: Přes internet se přenáší jen text (málo dat), ne obraz plochy.
Úkol: Jak byste myší přejmenovali 1000 fotek z "IMG_XXXX.jpg" na "Vylet_XXXX.jpg"?
V GUI: Nemožné (nebo na hodinu práce).
V CLI: Jeden příkaz (např. ren IMG* Vylet*). Hotovo za 0.1 sekundy.
GUI: WIMP a Metafora stolu
Xerox PARC a Steve Jobs
WIMP: Windows, Icons, Menus, Pointer.
Metafora: Obrazovka je jako deska stolu.
Soubor = List papíru.
Adresář = Složka na papíry.
Koš = Odpadkový koš pod stolem.
Díky metafoře uživatel intuitivně tuší, co se stane, když něco "hodí do koše".
🗣️ Historie (10 min):
Vyprávějte příběh o tom, jak Steve Jobs navštívil Xerox PARC, viděl tam myš a okna, a řekl: "To je budoucnost". Xerox tomu nevěřil. Apple to pak zpopularizoval v Macintoshi.
Anatomie GUI: Window Manager
Kdo kreslí rámečky?
GUI není jeden kus betonu. Je to skládačka.
X Window System / Wayland (Linux): Základní vrstva, která umí jen "nakreslit obdélník".
Window Manager: Stará se o to, jak okna vypadají (rámečky, stíny), jak se minimalizují a přesouvají.
🗣️ Rozdíl (5 min):
Ve Windows je to "vše v jednom" (nelze snadno vyměnit správce oken). V Linuxu si můžete vybrat z desítek prostředí. To je svoboda vs. konzistence.
Shell vs. Jádro
Slupka a Oříšek
Opakování důležitého konceptu:
Kernel (Jádro): Mozek. Řídí hardware, paměť, procesy. Uživatel tam nesmí.
Shell (Slupka): Rozhraní. Přijímá pokyny od uživatele a tlumočí je jádru.
GUI (Plocha) i CLI (Příkazový řádek) jsou jen dva různé shelly pro to samé jádro.
🗣️ Analogie (5 min):
Jádro = Kuchyně restaurace.
Shell = Číšník.
Můžete mít číšníka, který mluví formálně (CLI), nebo číšníka s obrázkovým menu (GUI). Ale jídlo vaří stále tatáž kuchyně.
Přístupnost (Accessibility / A11y)
Inkluze v digitálním světě
Definice: Design systému tak, aby ho mohl používat každý, bez ohledu na postižení.
Legislativa: Veřejné weby a školní systémy MUSÍ být přístupné (zákon o přístupnosti).
Typy postižení:
Zrakové (Nevidomí, Slabozrací, Barvoslepí).
Sluchové (Neslyšící - potřeba titulků).
Motorické (Nemožnost používat myš).
Kognitivní (Poruchy soustředění, dyslexie).
🗣️ Moralita (5 min):
Nepřístupný školní systém diskriminuje žáky. Pokud se žák nedostane k učebnici v PDF, protože ji čtečka nepřečte, je to selhání školy.
Efekt sníženého obrubníku (Curb-cut Effect)
Když pomáháme všem
Snížené obrubníky byly vymyšleny pro vozíčkáře.
Kdo je využívá dnes? Maminky s kočárky, cyklisté, lidé s kufry na kolečkách.
V IT:
Titulky: Původně pro neslyšící -> Dnes pro lidi v hlučné tramvaji.
Hlasové ovládání: Pro lidi bez rukou -> Dnes pro řidiče v autě.
Tmavý režim: Pro světloplaché -> Dnes módní trend šetřící oči.
🗣️ Didaktika (5 min):
Toto je klíčový argument pro vedení školy. "Investice do přístupnosti není charita pro jednoho žáka. Zlepší to výuku všem."
Úkol: Zkuste si na mobilu zapnout "VoiceOver" / "TalkBack", zavřít oči a napsat SMS. (Varování: Naučte se předem gesto pro vypnutí!).
Unplugged aktivita: Slepý terminál
Simulace práce nevidomého uživatele
Role
Uživatel (1 žák): Má zavázané oči. Chce "otevřít soubor" na ploše.
Čtečka (1 žák): Stojí vedle a popisuje, co je pod prstem uživatele.
Scénář: Na stole jsou rozházené papíry (ikony). Uživatel šmátrá. Čtečka říká: "Prázdno... Prázdno... Ikona Koš... Prázdno... Ikona Internet."
Cíl: Najít konkrétní papír.
🗣️ Reflexe (10 min):
Ukazuje to, jak důležité je lineární uspořádání a logické názvy. Kdyby se ikona jmenovala "Obrázek123", nevidomý neví, co to je. Musí se jmenovat "Fotka psa".
Digital Wellbeing: Ochrana před modrým světlem (Noční režim). Časovače aplikací.
Kognitivní zátěž: Příliš mnoho notifikací a blikajících ikon přetěžuje mozek. Dobré UI je klidné a předvídatelné.
🗣️ Praxe (5 min):
Doporučte učitelům aplikaci f.lux nebo vestavěný "Noční režim" ve Windows. Pro studenty, kteří do noci koukají do monitoru, je to nutnost pro spánek.
Didaktické okénko: Lokalizace
Proč se "File" jmenuje "Soubor"?
Lokalizace (L10n): Překlad textů, ale i formátů.
Problémy:
Datum: 10/05/2024 (Je to květen nebo říjen? USA vs. ČR).
Desetinná čárka vs. tečka (3,14 vs 3.14).
Kódování znaků: "Příliš žluťoučký kůň" vs. "P?ÃliÅ¡ žluÅ¥ouÄ?ký". (Unicode/UTF-8 je spása).
🗣️ Zkušenost (5 min):
Ukažte studentům, co se stane, když otevřou český text v kódování ASCII. Uvidí "rozsypaný čaj". Vysvětlete, že OS musí vědět, jakou "abecedu" soubor používá.
Závěr a shrnutí 6. lekce
Co si odnést?
GUI je jen vrstva. Pod ní je stále textový svět.
Přístupnost není charita, je to nutnost a pomáhá všem (Curb-cut effect).
Učitelé musí umět zapnout Lupu a Předčítání, aby pomohli žákům se SVP.
Dobré rozhraní je neviditelné – nepřekáží v práci.
🗣️ Upoutávka:
Příště se podíváme na Uživatele a Bezpečnost. Jak OS ví, že jste to vy? Proč potřebujeme hesla a jak fungují práva k souborům (kdo smí smazat žákovskou knížku?).