připomenutí návaznosti a uvedení problému „Událost a uživatelský vstup“. 5–12 min: teoretické minimum – událost, posluchač, vstup, ovládací prvek, obsluha události. 12–18 min: společná ukázka postupu, modelu nebo kontrolních kritérií. 18–36 min: samostatná práce nebo práce ve dvojici – Vytvořit jednoduché interaktivní rozhraní, které zpracuje nejméně dva typy vstupu. 36–41 min: test, vzájemná kontrola nebo krátká konzultace. 41–45 min: uložení výstupu (Funkční interaktivní prototyp), zápis změny a exit ticket.
Interaktivní digitální obsah · 45 minut
Událost a uživatelský vstup
Žák reaguje na kliknutí, klávesu, formulář nebo jinou událost.
00
ČASOVÁ OSA
Struktura 45minutové hodiny
01
VIDEO LEKCE
Ukázka a vysvětlení postupu
▶
Video je připravené k doplnění
Video ukáže princip, první kroky, kontrolu a typickou chybu. Nebude obsahovat celý hotový upravitelný úkol.
provider: youtube · youtubeId: ""02
STUDIJNÍ MATERIÁL
Výklad: z čeho se učíš
Téma „Událost a uživatelský vstup“ patří do celku „Interaktivní digitální obsah“. Nejde pouze o ovládání nástroje: cílem je porozumět rozhodnutím, která vedou od zadání k ověřitelnému digitálnímu výstupu.
Klíčové pojmy událost, posluchač, vstup popisují základní stavební prvky dnešní práce. Pojmy ovládací prvek, obsluha události pomáhají výsledek kontrolovat, vysvětlit nebo porovnat s jinou variantou. Každý pojem proto použij v konkrétním kroku, nikoli jen v definici.
Pracovat budeš v prostředí „Webové prostředí nebo vhodná GUI knihovna“. Nejprve si uchovej původní podklady, potom vytvoř pracovní kopii a změny prováděj po menších ověřitelných krocích. Po každé důležité změně výsledek otevři, spusť nebo porovnej s požadovaným chováním.
Praktické zadání zní: Vytvořit jednoduché interaktivní rozhraní, které zpracuje nejméně dva typy vstupu. Výsledkem je „Funkční interaktivní prototyp“. Nestačí, aby výstup pouze existoval; musí být možné doložit, že splňuje cíl: Žák reaguje na kliknutí, klávesu, formulář nebo jinou událost.
Kvalitu posuzuj podle těchto hledisek: Správná reakce na vstup a oddělení logiky. Před odevzdáním zkontroluj názvy a strukturu souborů, funkčnost na čistém nebo cílovém prostředí a připoj stručnou reflexi rozhodnutí, testu a případné opravy.
Slovníček pojmů
událost
Zachycený podnět, například kliknutí, změna hodnoty nebo dokončení načítání, na který program reaguje.
posluchač
Pojem „posluchač“ označuje konkrétní prvek nebo pravidlo používané při tématu této lekce; jeho význam se ověřuje na pracovním příkladu a podle výsledného výstupu.
vstup
Pojem „vstup“ označuje konkrétní prvek nebo pravidlo používané při tématu této lekce; jeho význam se ověřuje na pracovním příkladu a podle výsledného výstupu.
ovládací prvek
Pojem „ovládací prvek“ označuje konkrétní prvek nebo pravidlo používané při tématu této lekce; jeho význam se ověřuje na pracovním příkladu a podle výsledného výstupu.
obsluha události
Pojem „obsluha události“ označuje konkrétní prvek nebo pravidlo používané při tématu této lekce; jeho význam se ověřuje na pracovním příkladu a podle výsledného výstupu.
03
ŘÍZENÁ PRÁCE
Postup krok za krokem
- 01
Otevři prostředí „Webové prostředí nebo vhodná GUI knihovna“ a vytvoř si vlastní pracovní složku s číslem lekce. Původní podklady neměň; nejprve je zkopíruj do pracovní verze.
- 02
Přečti zadání a napiš si jednou větou očekávaný výsledek: Funkční interaktivní prototyp. Označ vstupy, omezení a nejméně tři kontrolní kritéria.
- 03
Otevři startovní webový balíček. Zkontroluj odkazy mezi soubory a spusť `index.html` v prohlížeči.
- 04
Uprav strukturu, obsah nebo styl po malých krocích. Po každé změně obnov stránku a zkontroluj konzoli a odkazy.
- 05
Proveď sebekontrolu podle kritérií: Správná reakce na vstup a oddělení logiky. Zaznamenej alespoň jeden test nebo porovnání.
- 06
Ulož zdrojovou i výslednou verzi pod jednoznačnými názvy. Odevzdej „Funkční interaktivní prototyp“ a krátce popiš, jak jsi ověřil/a správnost.
04
PRACOVNÍ PODKLADY
Stáhni si soubory, se kterými budeš pracovat
Náhled ukazuje pouze strukturu a typ výsledku. Hotové upravitelné řešení ve studentské části není.
Důležité: Podklady jsou vstupy k práci, nikoli kompletní řešení. Vlastní výsledek musí vzniknout podle zadání, testu a reflexe.
05
OTEVŘENÉ ODPOVĚDI
Pracovní list
1. Výchozí představaNapiš konkrétní příklad, ne pouze obecný dojem.
Co už o tématu „Událost a uživatelský vstup“ víš a kde ses s ním setkal/a?
2. Práce s pojmyKe každému pojmu přidej situaci, ve které ovlivňuje rozhodnutí.
Vysvětli vlastními slovy alespoň tři pojmy: událost, posluchač, vstup, ovládací prvek, obsluha události.
3. Rozhodovací situaceUveď kritérium, důkaz a možné omezení.
Jaké dvě možné varianty řešení připadají v úvahu a podle čeho mezi nimi rozhodneš? Téma: Událost a uživatelský vstup.
4. Plán praktické prácePostup musí obsahovat vstup, konkrétní kroky, kontrolu a výstup.
Rozepiš vlastní postup k zadání: Vytvořit jednoduché interaktivní rozhraní, které zpracuje nejméně dva typy vstupu.
5. SebekontrolaFormuluj kontrolní otázky, které lze skutečně zodpovědět ano/ne nebo měřením.
Jak ověříš, že je výstup „Funkční interaktivní prototyp“ správný? Vycházej z kritérií: Správná reakce na vstup a oddělení logiky.
6. Exit ticketOdpověď má být konkrétní a vztahovat se k dnešní práci.
Napiš jeden princip, jednu provedenou kontrolu a jeden další krok.
06
PRAKTICKÁ PRÁCE
Událost a uživatelský vstup
Vytvořit jednoduché interaktivní rozhraní, které zpracuje nejméně dva typy vstupu.
Očekávaný výstup
Funkční interaktivní prototyp
07
DŮKAZ O UČENÍ
Odevzdání praktického úkolu
Soubor a krátká odpověď
Funkční interaktivní prototyp
Odevzdej výstup „Funkční interaktivní prototyp“. Přilož zdrojové soubory nebo export a krátce popiš, jak jsi výsledek zkontroloval/a.
Zatím nebyl vybrán žádný soubor.
Offline verze ukládá pouze odpovědi a názvy vybraných souborů v prohlížeči; skutečný upload provede Studio po napojení API.
08
ZÁVĚREČNÁ KONTROLA
Test
09
REFLEXE
Co si z lekce odnášíš
Dokončeno neznamená pouze vytvořeno. Výsledek je dokončený tehdy, když je uložený, otevřitelný, otestovaný a vysvětlitelný podle kritérií. Zapiš jednu provedenou kontrolu, jednu opravu a jeden další krok.