BUÉK a TanárBlog-tól! Mi nem AI-generált képekkel, vagy vicces videókkal kívánunk minden kedves olvasónknak sikerekben gazdag új évet, hanem egy vibe-kódolt 'újévi fogadalom' alkalmazással. Angolul van, de ha tetszik, töltsd le a GitHub-ról, töltsd fel mondjuk a Gemini-nek, vagy a ChatGPT-nek az angol (HTML) fájlt, és mondd azt, hogy 'ezt szeretném, de olaszul'. És már viheted is a személyre szabott alkalmazást a te órádra. Az alábbiakban a Gemini által (szerinte) az én stílusomban készült összefoglaló, bemutató írás található. Ezért talán kicsit marketingesebb, mint általában.

A legtöbb nyelvtanár ismeri azt a pillanatot, amikor január elején előkerül a „New Year’s Resolutions” téma. A diákok unottan sorolják: „I will go to the gym” (sosem fognak), vagy „I will travel to Japan” (ami B1 szinten inkább vágyálom, mint reális terv). A probléma az, hogy a nyelvkönyvi példák gyakran túl távoliak, a nyelvtani szerkezetek pedig elszigeteltek maradnak a valódi szándéktól.

Erre a problémára alkottunk meg egy új, interaktív eszközt, amit most ti is kipróbálhattok. Ez a Micro-Resolution Planner. ITT ÉRHETŐ EL A JÁTÉK, és INNEN TÖLTHETŐ LE a forrásfájl, amit el lehet vinni, és módosítani kedvedre.

a) Pedagógiai helyzet: Mikor vegyük elő?

Az alkalmazást elsősorban B1 (Pre-intermediate) szintű csoportoknak ajánljuk, de némi tanári segítséggel Elementary szinten is bevethető. A következő helyzetekben nyújt valódi segítséget:

A „be going to” és a „will” megkülönböztetése: A program tudatosan épít a konkrét tervekre (be going to). Mivel a diákok kész listából választanak, nem a szavakkal küzdenek, hanem a jelentéstartalommal és az időtartam (collocation) összehangolásával.

Személyre szabott tanulási utak: Ahelyett, hogy mindenki ugyanazt a mondatot írná le a füzetbe, a diákok 10 különböző életterület (a közösségi médiától az angoltanulásig) közül választhatnak. Ez növeli az autonómiát és a belső motivációt.

Projektalapú óraindítás: Kiváló „ice-breaker” szünet utáni első órára. A diákok nem csak beszélnek a célokról, hanem egy digitális terméket (letölthető tervet) hoznak létre, amit később a portfóliójukba is betehetnek.

b) Mit tud a „gép”? – Feature-ök és a Vibe

Az alkalmazás fejlesztésekor a legfontosabb szempont a vibe-kódolás volt: ne legyen „flashy”, ne legyen túl gyerekes, de legyen modern és hívogató.

150 mikrofogadalom: Nem hagytuk magukra a diákokat. 10 kategóriában összesen 150, nyelvileg ellenőrzött, reális „mikro-célt” programoztunk be. Nincsenek elérhetetlen vágyak, csak apró, megvalósítható lépések (pl. „Phone in another room while studying”).

Multi-select csempés felület: A diákok egyszerre több területet is kiválaszthatnak, így egy komplex, mindenre kiterjedő tervet kapnak a végén.

Pill-shaped időzítők: Minden fogadalom mellé rendelhető egy időtartam (egy hét, egy hónap, egy év). Ez segít a diákoknak megérteni a „commitment” fogalmát.

Azonnali collation és letöltés: Az alkalmazás az összes választást egyetlen esztétikus összefoglalóba gyűjti, amit a diákok egyetlen kattintással letölthetnek .txt formátumban. Ez ideális arra, hogy beküldjék a tanárnak vagy feltöltsék a Google Classroomba/Teamsbe.

Navigációs szabadság: A „Main” gombbal bármikor újrakezdhetik a folyamatot, ha menet közben jönnének rá, hogy mégis inkább a sport helyett a kreativitásra fókuszálnának.

Összegzés

Ez az alkalmazás remek példa arra, hogy egy egyszerű HTML fájl hogyan tudja kiváltani a fénymásolt munkalapokat. A design letisztult, a használata pedig annyira intuitív, hogy magyarázatot sem igényel.

Próbáljátok ki az órán, és nézzétek meg, mennyivel lelkesebben terveznek a gyerekek, ha a saját kezükben van az irányítás!

Sok kártyajátékot játszottam már iskolában életemben, de van egy, amit még soha nem vittem be az órára, amelynek a vonzereje pont a gátlástalanságában rejlik. Ez a Cards against humanity nevű kártyajáték, ahol tényleg a South Park humorát idézik fel gyakran - erősen altesti poénokkal többek között. Készült azonban egy 'családi' verzió is a játékból, Ezt vettem alapul, és elkészítettem egy vibe kódolt verzióját. Akár letölteni, akár játszani vele elég szórakoztató. Bővíteni is lehet a kártyákat, ha valaki szeretné tovább fejleszteni, ennek semmi akadálya. A lapozás után mutatom az online verziót, illetve a forrásfájlt is, amit letöltve elviheted, és saját szórakoztatásodra játszhatod ezt az alapvetően jópofa (bár néha még a családi verzióban is közönséges) kártyajátékot.

Tizenkét éve már, hogy bemutattuk a Ha a Hold egy pixel lenne című oldalt (ITT), amit én azóta is használok a tanításban. Az oldal lényege, hogy valós arányaival mutatja meg a Naprendszert és úgy mozoghatunk benne, akár fénysebességgel is. Nagy előnye, hogy leleplezi, milyen félrevezető a legtöbb illusztráció, hol a Föld és a Vénusz között ugyanakkora atávolság, mint a Jupiter és a Szaturnusz között, azt is remekül bemutatja, hogy mennyire üres az űr.

Kicsit ettől az oldaltól is inspirálódva készítettem egy valós kronológiát, amiben a földtörténeti eseményeken lehet végigmenni. Megadhatjuk, hogy melyik évek között és hány perc alatt akarjuk látni a földi élet eseményeit és akkor arányos időzítéssel pereg le a szemünk előtt.

Írtuk már sokszor, milyen alapvetően alakította át a tanári munkánkat a vibe-kódolás. Míg korábban az elérhető eszközök köré szervezte az ember a tanórákat, most más az elképzelt tanórához készítem el vibe-kódolással a szükséges alkalmazást. A diákok már hozzá is szoktak, hogy nagyon sok dologhoz van interaktív anyag, alkalmazás. Egy percig sem tagadtam, hogy ezek mesterséges intelligenciával készültek, még dicsekedtem is vele.

Történt, hogy az egyik angol tankönyvben (ráadásul nem is haladó szinten) belefutottunk a Nash-egyensúly fogalmába. Azt kellett elmagyaráznom (és nekik a tankönyv olvasmánya alapján megérteniük), hogy ha egy tengerparti szakaszon egy fagyiárus mellett megjelenik egy másik, az egy idő után azt fogja eredményezni, hogy ... node nem szeretném elrontani annak a játékát, akik esetleg nem ismeri ezt a játékelméleti fogalmat, és szeretné azt lejátszani azt annak az interaktív animációnak a segítségével, amit ehhez gyorsan vibe-kódoltam.

Sokat, és egyre többet beszélünk monstanság az ún. vibe-kódolás jelenségéről, ami egyszerűen annyit tesz, hogy szabadszöveges promptokban elmeséljük egy AI chatbot-nak, hogy mit szeretnénk. és ő lekódolja nekünk az interaktív alkalmazást, játékot. Persze azért ennyire nem egyszerű, de majdnem. Ma egy olyan eszközt mutatunk be, amely arra feltétlenül jólehet, hogy egy ötlet kóddá válását, és azonnali megvalósítását megéljük. Nem kell mást tennünk, mint almondani, hogy milyen alkalmazásra vágyunk, és 2 perc múlva már meg is kapjuk az elkészült appot. Hátránya, hogy nem nagyon vihetjük el, korlátozottan tudjuk fejleszteni, akalítgatni, szóval hosszabb távon nem boztos, hogy ez a mi meogoldásunk, de annak a tabunak a lebontására kiváló, hogy 'csak akkor írj AI-val kódot, ha egyébként is jól tudsz kódolni'. Lapozás után mutatjuk az eszközt, amely és ez sem utolsó szempont - a korlátokért cserébe teljesen ingyenes.

Nagy erőkkel írjuk a vibe-kódolásról szóló kézikönyvünket, ahol te is megtanulhatsz alkalmazásokat fejleszteni saját és diákjaid épülésére. A könyből hozunk a csoportba néha önmagukban használható részleteket, most egy általam fejlesztett interaktív játékot mutatunk be.

Ha valakit érdekel mindez, és lenne kedve megtanulni, jöjjön el a webináriumunkra OKTÓBER 27-én 15:00-17:00 között, itt a jelentkezési lap

Mi volt a pedagógiai helyzet?

Az egyik nyelvkönyvben egy érdekes televíziós játék volt a téma, ahol az ábécé 25 betűjét egy nagy keréken elhelyezték (az X-et okosan kihagyták), és a játék abból áll, hogy összesen bruttó 5 perc alatt a versenyző egy betűre kattintva kap egy definíciót, amelyre a válasz az adott betűvel kezdődik (pl. A: egy hely, ahol repülők szállnak le és fel. A megoldás: airport). A versenyző - ha nem jut eszébe a szó - passzolhat, és visszatérhet a definícióhoz később. Ha 5 perc alatt végigér, nyert. Izgalmas, vicces, jó kis játék, sajnáltam, hogy nem tudunk (vagy csak nagyon körülményesen, egy táblával, egyszerre az egész osztállyal) ilyet játszani. Aztán eszembe jutott, hogy hiszen többek között erre találták ki a vibe-kódolást, és feltöltöttem a nyelvkönyvből a játék képét, valamint a szabályait, és vártam a csodát.

Hogyan nyújtott a vibe-coding megoldást?

És a csoda megtörtént. Sőt, én hosszabb, bonyolult fejlesztésre számítottam, ehhez képest két lépésben el is készült az alkalmazás. Ez végül is logikus, hiszen volt konkrét vizuális terv, illetve nagyon világos folyamatleírás, ahogyan az appnak működnie kellett.

Az első verzió, ami szerintem tökéletesen működött, megbukott a tanórán. A gyerekek hatalmas lelkesedéssel vetették rá magukat, itt az időkorlát külön stresszelte őket, de az órán egy hanganyagban megtanultuk a működést, szóval az nem volt probléma. Aztán egy-két perc után egyre több helyen csalódott arcok, idegesség, egy-egy csúnya szó kezdemény kezdett úrrá lenni a tanórán, és 3 perc után a diákok felének elment a kedve a játéktól. Amikor megkérdeztem, mi a baj, elmondták, hogy a Passz és a reset gomb olyan közel vannak egymáshoz, hogy amikor gyorsan próbálnak dolgozni, akaratlanul folyamatosan a Reset gombra kattintanak, és ez mindent lenulláz, kezdhetik elölről az egészet. Azaz, egy aprócska hiba elrontott mindent. Ezért arra kértem az AI-t, hogy tervezze át a gombok helyét. Az első képen a gyakorlatilag használhatatlan első verzió, a másodikon a nagy sikerrel használt második verzió található. Néha ennyin múlik. A játék ITT TALÁLHATÓ.

Én biztosan milliárdos lennék, ha tudnék kódolni - gondoltam magamban már annyiszor az évtizedek során (némi arroganciával)! Bárcsak meg tudnék írni egy értelmesen működő appot, érteném az adatbáziskezelés alapjait, tudnék javascript funkciókat írni, vagy legalább egy HTML kódot magamtól össze tudnék rakni. Az utolsónak nekimentem, el is kezdtem a HTML programnyelven egyszerű dolgokat írni, és hatalmas öröm volt, amikor egy szót egy weboldalon sikerült a megfelelő színben kirakni. De éreztem, hogy magas szinten elsajátítani ezt annyi erőfeszítést igényelne, amennyi jelenleg az én életembe nem fér bele. Ennyiben is hagytam - egészen mostanáig. Nemrég írtunk a 'Vibe coding' jelenségről, ami az AI előretörésének egy igen izgalmas folyománya - ti. MINDENKI készíthet bármilyen kódot. Én elhittem, belekezdtem, csinálom - teljesen kezdőként. Ha érdekel, hogyan tudsz ténylegesen a nulláról (és nulla kódolás tapasztalattal, vagy előtanulmányokkal) hatékony, jól működő weboldalakat, alkalmazásokat összerakni villámgyorsan, akkor kattints, és elmesélem, én hogyan csináltam. Ha te is szívesen kipróbálnád magad, de egy kis segítségre vágysz, és van kedved velünk vibe-olni és közben weboldalakat fejleszteni, gyere el az interaktív webináriumunkra SZEPTEMBER 18-án 17 órakor. A webinárium címe Programozás AI-val, azt mutatjuk be benne, hogy hogyan tudja bárki elkészíteni, bármiféle programozási ismeret nélkül azt az alkalmazást, azt az oldalt, amit mindig is szeretett volna. (Megj: A webinárium előfizetőinknek ingyenes, jelentkezni rá IDE KATTINTVA lehet.)