CSS doboz modell témakörének feldolgozása AI eszközök segítségével

  • Nagy Zsolt
Vrsta učne ure/projektnega načrta
načrt lekcije
Sector
Információs és kommunikációs technológiák
Tema, učno področje
weboldalak formai kialakítása css segítségével (doboz modell)
Razred
Kompetence/spretnosti, ki jih je treba razviti
Digitális készségek
Információs műveltség
Kommunikáció és együttműködés
Kritikus gondolkodás és problémamegoldás
Strokovne kompetence in spretnosti, ki jih je treba razviti
kontrollált AI használat, kritikus gondolkodás, prezentáció készítés/előadás, csoportmunka
Metoda poučevanja
(556) magyarázat
A téma közös megbeszélése
AI-alapú egyéni és csoportmunka
aktív tanulás
csoport és pármunka
digitális kvíz
Cilji učenja in razvoja
A tanulók átismétlik a 9. osztályban tanult css doboz modell tudnivalóit AI eszközök segítségével. A foglalkozás végére képesek lesznek a padding, borde ill. margin beállításokat szakszerűen alkalmazni.
Koncepti
tartalom, belső margó, szegély, külső margó
Potrebna orodja
számítógép vagy laptop
Trajanje
3*45 perc
Gradiva, ki se izdajo pred poukom ali za projekt

https://www.youtube.com/watch?v=rIO5326FgPE

youtube link: angol nyelvű video a témakör feldolgozásához

Uvodni del učne ure / Priprave na projekt

A foglalkozás főbb feladatai: angol nyelvű video megtekintés/megbeszélés, video szöveges leírása, video lefordítása magyarra, video magyar szövege alapján gamma.app segítségével prezentáció készítés, valaki (sorsolás útján) bemutatja a prezentációt (közös megbeszélés), házi feladat kiadása, video szövege alapján kvíz generálás (közös megoldás), kiadott feladatsor 2-3 fős csoportokban való elvégzése.

Izvajanje učne ure/projekta

A foglalkozás elején angol nyelvű youtube video közös megtekintése, majd megbeszélése. További feladatok:

1. Egyéni munka: NotebookLM segítségével video angol szövegének leíratása, magyarra lefordítása (pl. chatGPT vagy DeepL), lefordított szöveg segítségével prezentáció készítése (gamma.app).

2. Véletlenül kiválasztott tanuló (pl. wheelofnames.com oldalon sorsolással) bemutatja mindeki előtt az elkészült prezentációt (többiek közben figyelnek, hogy mi az amit az AI esetleg nem jól csinált). Mindezeknek a közös megbeszélése.

3. Házi feladat kiadása otthonra: prezentáció elkészítése codex segítségével. Jegyzet készítése a két prezentáció összehasonlításáról. Miben volt jobb a gamma, miben volt jobb a codex.

4. Magyar nyelvű szöveg felhasználásával NotebookLM  kvíz készítése. Közös megoldás.

5. Véletlenszerűen 2-3 fős csoportok képzése. A téma kapcsán kiadott feladatsor elvégzése, megoldások feltöltése Classroom csoportba (feladatsor a 6. lépésben csatolva).

Digitalne naprave, ki se uporabljajo za ustvarjanje lastne vsebine
ChatGPT
DeepL - fordító
Gamma.app - prezentáció készítő
Google Tanterem
Google NotebookLM
PowerPoint 2016+ videó rögzítés
Drugo orodje, ki ni vključeno v prejšnji seznam
youtube, codex, wheelofnames.com, MS Word
Načrt vrednotenja

Értékelés az utolsó pontban szereplő csoportfeladat kapcsán valósul meg. Használható: eredeti video, lefordított szöveg, elkészített prezentáció, alapvizsgán engedélyezett weboldalak.

Értékelés alapja: feladatlapra kapott pontszám (azonos pontszám esetén a beadási idő számít). Ezen sorrend alapján kapnak az egyes csoportok tanulói osztályzatot. Így versenyhelyzet alakul ki a csoportok között, hiszen egyszerre kell figyelniük, hogy jól dolgozzanak és ezzel párhuzamban gyorsabban, mint a többi csoport.

Diferenciacija

Klasszikus differenciálás ezen foglalkozás során nem valósul meg. A csoportokba véletlenszerűen kerülnek tanulók. Így minden csoportban lehet jobb ill. rosszabb képességű tanuló is.

Domača naloga, projektna naloga

Házi feladatként codex segítségével kell elvégezni az órán gamma.app segítségével készült prezentációt. Cél: különböző AI eszközök összehasonlítása ugyanazon feladat elvégzése során.

Priponka