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

  • Nagy Zsolt
Type of lesson / project plan
Lesson plan
Sector
Információs és kommunikációs technológiák
Topic, learning area
weboldalak formai kialakítása css segítségével (doboz modell)
Competencies, skills to be developed
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
Professional competencies, skills to be developed
kontrollált AI használat, kritikus gondolkodás, prezentáció készítés/előadás, csoportmunka
Teaching method
(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
Learning and development goals
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.
Concepts
tartalom, belső margó, szegély, külső margó
Required tools
számítógép vagy laptop
Duration
3*45 perc
Materials released before class or for a project

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

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

Introductory part and preparation of the lesson / project plan

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.

Implementation of the lesson / project plan

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).

Used digital devices
ChatGPT
DeepL - fordító
Gamma.app - prezentáció készítő
Google Tanterem
Google NotebookLM
PowerPoint 2016+ videó rögzítés
Other
youtube, codex, wheelofnames.com, MS Word
Evaluation plan

É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.

Differentiation

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.

Homework, project task

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.

Attached file