--- title: A négy szakasz menu: A négy szakasz visible: true taxonomy: documentType: [docs] label: [a négy szakasz, bevezető szakasz, teszt szakasz, kétféle befejezés] project: [LCMS] role: [editor] --- [TOC] Egy működő teszthez összesen 4 szakaszt kell megszerkesztened: 1. `cover`: bevezető-, 1. `default`: teszt-, 1. `passed`: sikeres befejező szakasz, 1. `failed`: és sikertelen befejező szakasz. A tartalmi oldalakon általában 1, a tesztoldalakon általában 4 szakasz van A szakaszok szerkesztése a tartalmi oldalakhoz hasonlóan, itt is [sablonok] és [események] segítségével történik, és tetszőlegesen formázhatóak. Ebben a fejezetben áttekintjük, hogy milyen részekből és hogyan szerkeszd meg ezeket a szakaszokat. ### Bevezető szakasz Amikor a tanuló rálapoz a tesztoldalra, elsőként ez a szakasz jelenik meg. Itt értesül róla először, hogy egy tesztoldalon jár, így célszerű vizuálisan is elkülöníteni a tesztoldalakat a tartalmi oldalaktól. A szerkesztéshez szükséges gomboknál válaszd ki a „cover” itemet és szerkeszd meg a szakaszt: ![](file219.png?lightbox&classes=inline) - **Húzz be egy oldalsablont, majd egy szövegmezőt.** ![](file220.png?lightbox&classes=inline "Teszt bevezető szakasz legfontosabb elemei") 1. Figyelj, hogy a „cover” szakasz legyen kiválasztva. 1. A tanulót célszerű tájékoztatni arról, hogy hány kérdésből áll a teszt, mennyi ideje van kitölteni, stb. !! A teszttel kapcsolatos információkat a szövegmezőn keresztül, a [változók] segítségével add meg. A változók a szöveghez hasonlóan formázhatóak. Figyelj a helyes formátumra! - **Húzz be egy újabb szövegmezőt, vagy csinálj egy ikont. **Kell egy olyan elem (ikon, vagy `tesztkitöltés` felirat, stb…), amire kattintva megjelenik a következő szakasz. Így eldöntheti a tanuló, hogy mikor válaszol a kérdésekre. A fenti példánál ezt a célt szolgálja a `Tovább a teszthez!` gomb. - **Végül, állítsd be a click :fa-arrow-right: itemChange [eseményt][események].** Fontos, hogy az itemChange eseménynek ne legyen megadva paraméter. Az itemChange eseménnyel megvalósul az oldalon belüli navigáció. Tesztek esetében csak paraméter nélküli itemChange-t használj! ![](file221.png?lightbox&classes=inline "A teszt szakaszokat összekötő itemChange esemény") A szakaszok között ezekkel az eseményekkel lapozgat a tanuló. Mikor rákattint a tovább gombra, tulajdonképpen kicseréli a szoftver az első szakaszt a másodikra, ami tartalmazza majd a kérdéseket. Ezt jelenti az `item change` kifejezés. Amikor a formázással is elkészültél, [mentsd el sablonként], hogy máskor könnyedén fel tudd használni. ### Teszt szakasz Ezen a szakaszon jelennek meg a tesztkérdések. **A szerkesztéshez szükséges gomboknál válaszd ki a `default` itemet és szerkeszd meg a szakaszt.** **Az alábbi elemeket használd fel a szerkesztés során.** Nézzük át, hogy milyen változókat használunk majd a szerkesztés során: | megnevezés | karakterlánc | |:------------------------------------|:-----------------------------| | aktuális / összes kérdés | `{QST_NUMBER} / {QST_COUNT}` | | aktuális / összes pontszám | `{SCORE} / {MAX_SCORE}` | | követelmény | `{REQUIREMENT}%` | | kérdés / kérdésért kapható pontszám | `{QST} / {QST_SCORE}` | ![](file222.png?lightbox&classes=inline "A teszt szakasz legfontosabb elemei") 1. A teszttel kapcsolatos információk. 1. Kérdés, és a kérdésért kapható pontszám. 1. Gomb, amire kattintva megjelenik a következő kérdés. 1. Válaszlehetőségek (tesztmező -alapsablon) - **A teszttel kapcsolatos információkat az előző szakaszhoz hasonló módon, szöveges formában add meg és használd a [változókat].** - **A kérdés és az érte kapható pontszám is változóként, egy szövegmezőben van megadva.** A fenti példánál közös, margóval ellátott mezőben szerepel a tovább gombbal, valamint a mérete relatív, igazodik a kérdés hosszához. - **Szükség van egy olyan mezőre is, amire kattintva megjelenik a következő kérdés.** A fenti példánál ez egy szövegmező. - **A válaszlehetőségek a tesztmezőn keresztül jelennek meg, amely az alapsablonok között található. **A képen ez egy keretes, margós mezőben helyezkedik el. - **Miután összeraktad ezt a szakaszt is, nincs más hátra, mint beállítani a click itemChange [eseményt].** Az item change eseménnyel a tovább gombot és az oldalsablont kösd össze. ![](file223.png?lightbox&classes=inline "A feladatokat összekötő item change esemény") A feladatok között ezzel az eseményekkel lapozgat a tanuló. Mikor rákattint a tovább gombra, a rendszer betölti a következő feladatot. Amikor a formázással is elkészültél, célszerű [elmentened sablonként][mentsd el sablonként], hogy máskor is könnyedén fel tudd használni. !! Ha a teszt-mező auto-height beállítású, akkor a mező magassága felveszi az adott tesztfeladathoz generált válaszlehetőségek által definiált magasságot. A tesztobjektumra duplán kattintva előjön a `Teszt tulajdonságok` ablak, itt be tudjuk állítani a teszt betűméretét és színét. Alapértelmezetten 12-es betűméret és fekete (#000000) betűszín van beállítva. ![A tesztobjektum betűmérete és betűszíne](file226.png?lightbox&crop=237,451,717,196&classes=inline "A tesztobjektum betűmérete és betűszíne") Amikor beállítottuk a kívánt változtatásokat, az eredményt tanulói előnézetben, illetve a tesztkérdéseknél a `megnéz` gombra kattintva tudjuk ellenőrizni: ![A tesztobjektum betűméretének és betűszínének állítása](file227.png?lightbox&crop=186,449,716,196&classes=inline "A tesztobjektum betűméretének és betűszínének állítása") ### Kétféle befejezés !! Kétféle szakaszt kell megszerkesztened, hiszen a tesztkitöltés eredményességétől függően az egyik fog csak megjelenni. Helyes tesztkitöltést követően gratulálhatsz az eredményhez, ellenkező esetben javasolhatod az érintett témakör újraolvasását. Mindkét esetben célszerű megjeleníteni a tanuló összesített pontszámát vagy az elért százalékot, valamint vizuálisan ráerősíteni az eredményre. A visszacsatolás egyaránt vizuális és informális: ![](file224.png?lightbox&classes=inline "Példa a sikertelenül kitöltött teszt záró szakaszára") Hasonlóan a sikertelen kitöltéshez, itt is ugyanazokat az információkat találja meg a tanuló. ![](file225.png?lightbox&classes=inline "Példa a sikeresen kitöltött teszt záró szakaszára") Erre a szakaszra nem kell eseményt tenned, hiszen ez az utolsó szakasz az oldalon. A tanuló ezt követően a tanulói felület tovább gombjával lapozza tovább az anyagot. [sablonok]: /lcms/az_oldal_elrendezese_es_a_sajat_sablonok/sajat_sablonok#sajat-sablonok "Saját_sablonok" [események]: /lcms/statuszok,_esemenyek_es_effektek/esemenyek#esemenyek-1 "Események_1" [változók]: /lcms/az_oldal_elrendezese_es_a_sajat_sablonok/a_mezok_pozicionalasa#valtozok "Változók" [mentsd el sablonként]: /lcms/az_oldal_elrendezese_es_a_sajat_sablonok/sajat_sablonok#sajat-sablon-keszitese "Saját_sablon_készítése" [változókat]: /lcms/tesztoldal/a_tesztoldal_szerkesztese#valtozok-1 "Változók_1" [eseményt]: /lcms/az_oldal_elrendezese_es_a_sajat_sablonok/kihajtogathato_(tobbszakaszos)_tartalmi_oldalak#az-itemchange-esemeny "Az_itemChange_esemény"