--- title: Teszt létrehozása mezőkkel és eseményekkel menu: Teszt létrehozása mezőkkel és eseményekkel visible: true taxonomy: documentType: [docs] label: [teszt létrehozása mezőkkel és eseményekkel, egyszeres választás (single choice), többszörös választás (multiple choice), kitöltés (fill in), szám (numeric), sorba rendezés (sequencing), tesztkészítés importálással, teszt létrehozása mezőkkel, egyszeres választás single choice, többszörös választás multiple choice, kitöltés fill in, szám numeric, sorba rendezés sequencing] project: [LCMS] role: [editor] --- Kinek szól ez a rész? Annak… - aki tisztában van az események, a változók, és a relatív pozícionálás fogalmával, - aki készített már feladatsablonokat tesztekhez, - aki feladatonként szeretne visszajelezni a tanulónak eredményeket. A modul elolvasása után tudni fogod: - hogyan ruházhatod fel egyedi működéssel a különböző típusú feladatokat, - hogyan használd a *selected, deselected* kioldókat, - hogyan használd az *bind, evaluate, single Select / multiple Select és drag* eseményeket - hogyan használd a *drop* mező tulajdonságot, - mire használható `{LABEL}` változó. Kb. 3-4 órára van szükséged az elvégzéséhez. Ha a feladataidra adott válaszlehetőségeket nem ugyanúgy szeretnéd megjeleníteni, mint ahogy a tesztobjektum ezt automatikusan teszi, sablonokat lehet létrehozni különböző megjelenéssel, és egyéni belső működéssel. Vegyük sorra a feladattípusokat. Az előző [részben] tanult módszerrel hozzunk létre egy új sablont az egyedi, egyszeres választásos feladatunknak `mySingleChoice` néven. Másold, nevezd át, és győződj meg, hogy a megfelelő van kiválasztva: ![](file243.png?lightbox&classes=inline "Sablon kiválasztása") ### Egyszeres választás `single Choice` Ha kész a sablon, ami a `default` szakasz másolata, töröljük ki belőle a teszt objektumot, és hozzunk létre helyette egy hasonló méretű mezőt. Ez tartalmazza majd a szakaszra betöltődő feladat válaszlehetőségeit, ezért össze kell kössük az alapmezőnket ezzel a mezővel az összeköt (`bind`) eseményen keresztül, aminek paraméterként adjuk azt, hogy `choice` `on alapmező show -> bind lehetőségek mezeje, teszt mező)`.* Állítsuk át ennek a mezőnek az elrendezését valamely relatív módra (fontos ez, hogy egymás mellett jelenjenek meg a válaszok, ne egymásra csúszva), és hozzuk létre első gyerekmezőjét. Ez a mező lesz egy válaszlehetőség, amit ha horizontálisan rendezzük el, középre ugrik. A lehetőség mezőjébe tegyünk egy szövegdobozt, amibe helyezzük el a `{LABEL}` változót. Tanulói előnézetben láthatjuk, hogy a mező annyiszor duplikálódik, ahány válaszlehetőségünk van (jelen esetben kétszer), és a `{LABEL}` változó lecserélődik a válaszlehetőség szövegére. ![](file244.png?lightbox&classes=inline "A `{LABEL}` változó lecserélődik a válaszlehetőségek szövegére") Már közelítünk a végleges megoldáshoz, de így a feladat még nem interaktív, nem tudjuk kiválasztani a lehetőségeket. A kiválasztást bármilyen kioldóhoz hozzáköthetjük (például egér föléhúzásra), de most válasszuk a klasszikus kattintás-kiválasztás kombinációt. Ehhez, a válaszlehetőség mezőre való kattintáskor egy egyszeres választás `single Select` eseménynek kell megtörténnie, aminek a célja ugyanaz a válaszlehetőség mező. ![](file245.png?lightbox&classes=inline "Az egyszeres választás `single Select` esemény kioldója és célja önmaga") A válaszlehetőség mezőbe teszünk egy jelzőmezőt, amivel azt mutatjuk majd, hogy az adott lehetőséget kiválasztottuk. Ezt egy selected/deselected kioldóval tudjuk megjeleníteni/eltűntetni majd, amit az előző eseményünk ad vissza kattintásra a gyermek mezőinek. ![](file246.png?lightbox&classes=inline "A két esemény hasonló, selected / deselected kioldással, megjelenés / eltűnés eseménnyel") Már csak a jelzőmezőnket kell oldal-betöltődéskor eltűntetni, amihez kijelölés után a mező tulajdonságok ablakban a látható checkboxból kell kivenni a pipát. Az utolsó lépés a feladat kiértékelése, amit mindenféleképpen meg kell tenni, ahhoz, hogy a válasz a teszt végső értékeléséhez eljusson. Ezt a kiértékel `evaluate` eseménnyel érjük el, ami a teszt mezőre (öszzekötöt, bind-elt mezőre) kell, hogy mutasson. Ahhoz, hogy ez ne maradjon el, tegyük most egy mezőre a szakaszváltással. Ebben az esetben biztosítanunk kell az események sorrendjét, hogy a kiértékelés után történjen meg a szakaszváltás. Ezt az esemény késleltetésével (250 ms) érhetjük el. !! **Kiértékelésnél a teszt mezőben lévő gyerek mezők sorrendjét (z-indexét) hasonlítja össze a program a szerkesztéskor megadott helyes válaszokkal**. Tehát, ha még egyedibb megvalósításra (különböző válasz-interakciók, illetve megjelenés) vágyunk, egyszerűen csak a teszt mezőnk gyermekeit kell kedvünk szerint átalakítani. Ha csatoltunk a válaszlehetőségekhez képeket, megjelenítésükhöz csak egy üres képmezőt kell elhelyezzünk a `bindolt` teszt mező gyermekmezejében (a válaszlehetőség mezőjében). Előnézetben már látható is a csatolt kép. Ha a feladathoz is tartozik kép, ahhoz is egy üres képmező kell. Ezt a `bindolt` teszt mezőn kívülre kell elhelyezzük. A visszajelzés opcionális, de remek lehetőség, hogy a tanuló figyelmét, motivációját ébren tartsuk. A kiértékelés után a teszt mezőnk egy helyes / helytelen kioldót süt el, amivel például láthatóvá tudunk tenni egy helyes illetve egy helytelen visszajelzést mutató mezőt. `on teszt mező correct -> visible helyes visszajelzés mező).* Ezeket szintén nem akarjuk megjeleníteni oldal-betöltődéskor, ezért mindkét mező tulajdonságaiban vegyük ki a láthatóság pipát. ![](file247.png?lightbox&classes=inline "A viszzajelzést segítő mezők összekapcsolása a teszt mezővel") A visszajelzés jelen esetben annyi ideig lesz látható, ameddig a szakaszváltás meg nem történik. Ezért növeljük a szakaszváltás esemény késleltetését 1000 ms-re. !! Szükség lehet mezők szerkesztés közbeni, ideiglenes elrejtésére. Ez akkor lehet hasznos, ha a mezőre rakott eseménytől függetlenül akarjuk a láthatóságot szerkesztés időben változtatni. A helyi menü „Show/Hide” pontja ideiglenesen elrejti/megjeleníti a kiválasztott mezőt. ![](file248.png?lightbox&classes=inline "A kreatív terület helyi menüje") ### Többszörös választás `multiple Choice` A többszörös választásos feladatoknál hasonlóan járunk el, mint az egyszeres választásúaknál, csak arra kell ügyeljünk, hogy az egyszeres választás `single choice` helyett a többszörös választás `multiple choice` eseményt válasszuk. Ha már elkészítettük a *mySingleChoice* szakaszt, egyszerűen másolhatjuk a megfelelő feladat szerkesztőjén keresztül, majd billentsük át az esemény típusát. ![](file249.png?lightbox&classes=inline "A mySingleChoice szakasz másolása, és átnevezése") ### Kitöltés `fill In` A kitöltős feladatoknál használunk egy új típusú mezőt (`input`) amibe tanulói nézetben bele lehet írni a szabad szövegesen az általunk jónak ítélt válaszlehetőséget. Ahhoz, hogy ezt megtegyük, először az interakció fókuszát meg kell adjuk a mezőnek, tehát bele kell kattintsunk egérrel. A beviteli mező helye az eszköztáron: ![](file250.png?lightbox&classes=inline "A beviteli mező helye az eszköztáron.") Egyénileg kitalált helyőrzők a kérdés szövegében: ![](file251.png?lightbox&classes=inline "A válaszlehetőség helyeit érdemes helyőrzőkkel kitölteni, pl.: (1) (2)") ### Szám `numeric` A szám típusú feladatok megoldását ugyanúgy beviteli mezőkbe írjuk be, ezért ezekhez használhatjuk a kitöltés típushoz használt sablont is, hiszen a működése számunkra megfelelő. ### Sorba rendezés `sequencing` A sorba rendezés típusú feladatoknál szükségünk lesz egy újabb eseményre, és egy mező tulajdonság használatára, amivel megoldhatóvá válik egyes mezők egérrel való vonszolása `drag`, és másik mezőbe ejtése `drop`. A vonszolás esemény csak az egérlenyomás `mouseDown` kioldó elsütésekor indul el. Másoljuk ehhez a típusú feladathoz, a `mySingleChoice` szakast. A szakaszon szereplő eseményünket, ami a kattintásra `click` -> egyszeres választás `single Choice`, módosítsuk erre egérlenyomásra `mouse Down` -> vonszolás `drag`. Ha most megnézzük tanulói előnézetben a feladatot, láthatjuk, hogy a válaszlehetőségeket egérlenyomásra `fel tudjuk venni, és vonszolni` tudjuk. Megjelenésében az egérkurzor alá teszi halványan mező körvonalait. Olyan helyeknél, ahova nem dobható a mező megjelenik a piros x: ![](file252.png?lightbox&classes=inline "A vonszolás folyamatának megjelenése") Hogy sorba tudjuk rendezni a mezőket, le is kell tudjuk tenni az egérből a vonszolt mezőt. Ehhez a teszt mező ejtés `drop` tulajdonságát kell átállítsuk. Ez a tulajdonság azt takarja, hogy egy mezőbe hány mező dobható bele. Állítsuk ezt most a válaszlehetőségek számánál eggyel nagyobbra. Készen is vagyunk. Próbáljuk ki tanulói előnézetben. ![](file253.png?lightbox&classes=inline "Itt már ledobható a mező") [részben]: /lcms/tesztoldal/kulonbozo_feladatsablonok_egy_tesztben#kulonbozo-feladatsablonok-egy "Különböző_feladatsablonok_egy"