Szerkesztes a Nexiusban lepesrol lepesre
www.nexius.hu
Kedves Tananyagszerkesztő!
Jelen dokumentáció azért készült, hogy bemutassa a Nexius e-learning tananyagszerkesztő szoftver működését. Összesen 7 modulon keresztül, lépésről lépésre sajátíthatod el a szerkesztés fortélyait. Az a célunk, hogy a tanulás végeztével profi szerkesztő váljon belőled. Minden modul elején röviden összefoglaljuk, hogy miről lesz szó, illetve nagyjából mennyi időre van szükséged az elsajátításához. A segédanyaghoz rövid e-learning modulok is készülnek, ezekre mindig felhívjuk a figyelmed. Itt olyan dolgokról olvashatsz majd, amik nem tartoznak szorosan a szoftver kezelésének ismertetéséhez, hanem módszertani értékük miatt segítenek neked abban, hogy magabiztos szerkesztővé válhass.
Jó tanácsaink a tanuláshoz:
Olvass figyelmesen és gyakorolj kitartóan! Miközben olvasol, mindig legyen nyitva egy szerkesztő, és amit olvastál, rögtön próbáld is ki a gyakorlatban.
Ne feledd, minden kezdet nehéz! Légy kitartó a gyakorlás során, mert mint minden szoftver esetében, a Nexiusnál is az számít, hogy mennyi ideje használod.
Minden modul után tarts szünetet! Időt kell hagynod a tanultak leülepedésére, ehhez pedig nem szabad túlterhelned az agyad. Állj fel, és igyál egy kávét vagy egy teát.
Figyelj az információ rendszerezésére! Vedd észre a definíciókat, ne hagyd figyelmen kívül a screenshotokat és mindig olvasd el a jó tanácsokat.
Ha betartod a fentieket és módszeresen haladsz, garantáljuk, hogy néhány óra múlva magabiztosan hozod majd létre az első tananyagodat.
Jó tanulást kíván a Nexius fejlesztő csapata!
2
www.nexius.hu
Változások a dokumentációban A Nexius egy jelen pillananatban is fejlesztés alatt álló szoftver. Ahhoz, hogy szerkesztőink naprakész tudással rendelkezzenek a legújabb funkciókról, rendszeresen frissítjük a súgót. A legutóbbi verzióhoz (2011.01.19.) képest az alábbi változások történtek a dokumentációban:
Át lehet nevezni a tananyagokat a sablonoknál megismert metaadat ablak segítségével. Tovább >>
Új metaadatok jelentek meg a „Person” fülön, amik a tananyag jogosultság állításában fontosak. Tovább >>
A hanggal bővült feltölthető fájlok típusa. Tovább >>
Tesztet már egy excel fájl segítségévek, importálással is létrehozhatsz. Tovább>>
A fájlokat mostantól szövegmezőhöz kötve is fel lehet tölteni. Tovább>>
3
www.nexius.hu
Tartalomjegyzék: Változások a dokumentációban .......................................................................... 3 Ismerkedés a fogalmakkal és a kezelőfelülettel .................................................. 9 1
Az e-learningről ............................................................................................................................. 9 1.1 Példák az e-learningre ............................................................................................................... 9 1.2 A Nexius e-learningről ............................................................................................................. 10
2
A kezdőlapról és a tanulói felületről ........................................................................................... 10 2.1 A Nexius megnyitása ............................................................................................................... 10 2.2 Kezdőlap .................................................................................................................................. 11 2.3 Automatikus kilépés ................................................................................................................ 12 2.4 Tanulás .................................................................................................................................... 13
3
2.4.1
Tananyag megnyitása...................................................................................................... 13
2.4.2
A tanulói felület............................................................................................................... 13
Alapvető szerkesztői ismeretek és a szerkesztői felület ............................................................. 16 3.1 A szerkesztő megnyitása ......................................................................................................... 16 3.2 Mezőben a mező ..................................................................................................................... 16 3.3 A szerkesztői felület áttekintése ............................................................................................. 17 3.4 Content / struktúra fül ............................................................................................................ 18 3.4.1
Tananyag megnyitása...................................................................................................... 20
3.4.2
Oldal megnyitása............................................................................................................. 21
3.4.3
Új elem létrehozása ........................................................................................................ 22
3.4.4
Átnevezés ........................................................................................................................ 22
3.4.5
Másolás, áthelyezés ........................................................................................................ 23
3.4.6
Törlés............................................................................................................................... 23
3.4.7
Struktúra frissítése .......................................................................................................... 23
3.4.8
Struktúrarészlet importálása .......................................................................................... 23
3.4.9
SCORM kompatibilis struktúra ........................................................................................ 24
3.4.10
Új tananyag létrehozása.............................................................................................. 25
3.4.11
Tananyag átnevezése .................................................................................................. 26
3.5 Resources fül ........................................................................................................................... 27 4
www.nexius.hu 3.5.1
A sbalonok és fájlok metaadatai ..................................................................................... 28
3.5.2
Keresés ............................................................................................................................ 31
3.6 Issues fül.................................................................................................................................. 32 3.6.1
Új komment készítése ..................................................................................................... 33
3.6.2
Hozzászólás egy meglévő kommenthez .......................................................................... 35
3.6.3
Kommentek olvasása ...................................................................................................... 36
3.6.4
Kommentek elrejtése ...................................................................................................... 37
3.7 Events fül................................................................................................................................. 38 3.8 Test fül..................................................................................................................................... 38 3.9 A szerkesztéshez szükséges gombok ...................................................................................... 38 4
Gyakorlás ..................................................................................................................................... 42
A szerkesztés alapjai ......................................................................................... 43 5
A szerkesztés megkezdése .......................................................................................................... 43
6
Alapsablonok / base templates ................................................................................................... 44 6.1 A szerkesztés első lépései ....................................................................................................... 45 6.2 Mező tulajdonságok ablak ...................................................................................................... 48 6.2.1
Műveletek mezőkkel ....................................................................................................... 50
6.2.2
Gyakorlás......................................................................................................................... 50
6.3 Alapmező ................................................................................................................................ 56 6.4 Szövegmező............................................................................................................................. 56 6.5 Pixeles kép............................................................................................................................... 59 6.6 Vektoros kép és YouTube videó .............................................................................................. 62 6.6.1
Vektorgrafikus kép .......................................................................................................... 63
6.6.2
YouTube videó ................................................................................................................ 64
6.7 Videó ....................................................................................................................................... 67 6.8 Hang ........................................................................................................................................ 68 6.8.1
Feltöltés audió sablonon keresztül ................................................................................. 68
6.8.2
Feltöltés a Resources fülön keresztül ............................................................................. 68
6.8.3
A kezeléshez szükséges gombok létrehozása ................................................................. 69
6.9 Vonal ....................................................................................................................................... 70
Státuszok, események és effektek .................................................................... 73 5
www.nexius.hu 7
Státuszok ..................................................................................................................................... 73 7.1 Általánosságban a státuszok típusairól ................................................................................... 74 7.2 Státuszjelző információk a tartalomjegyzékben ..................................................................... 74
8
7.2.1
Az ikonok jelentése ......................................................................................................... 75
7.2.2
A struktúraelemek lehetséges státuszai ......................................................................... 76
Események .................................................................................................................................. 76 8.1 Az eseménykezelés elemei ..................................................................................................... 77 8.2 Az események létrehozása ...................................................................................................... 78 8.3 Az esemény módosítása.......................................................................................................... 80 8.4 Az esemény áthelyezése ......................................................................................................... 81 8.5 Gyakorlás................................................................................................................................. 81
9
8.5.1
Link és email küldés ........................................................................................................ 81
8.5.2
Dokumentum csatolása .................................................................................................. 84
8.5.3
Szószedet ........................................................................................................................ 88
8.5.4
A teljesített státusz feltételeinek beállítása .................................................................... 91
Effektek ....................................................................................................................................... 93
A változók, az oldal elrendezése és a saját sablonok .......................................................................... 94 10
Változók ...................................................................................................................................... 94
10.1 Tartalmi oldalon ...................................................................................................................... 94 10.2 Tesztoldalon ............................................................................................................................ 94 11
A mezők pozícionálása ................................................................................................................ 95
11.1 Relatív pozícionált mezők ....................................................................................................... 95
12
11.1.1
Gyakorlás - Kép és képaláírás ...................................................................................... 96
11.1.2
Gyakorlás – Táblázat ................................................................................................... 98
Saját sablonok ........................................................................................................................... 103 12.1.1
Saját sablon készítése ............................................................................................... 105
12.1.2
Sablon módosítása .................................................................................................... 105
12.1.3
Gyakorlás – Esemény a sablonban ............................................................................ 105
12.1.4
Gyakorlás – Felugró ablak ......................................................................................... 107
Teszt a Nexiusban ........................................................................................... 114 13
Tesztoldal .................................................................................................................................. 114 6
www.nexius.hu 13.1 Teszt típusok és a státuszra gyakorolt hatásuk ..................................................................... 114 13.1.1
Elő-felmérő (pre) teszt .............................................................................................. 114
13.1.2
Gyakorló (practice) teszt ........................................................................................... 116
13.1.3
Fejezetzáró (post) teszt ............................................................................................. 116
13.1.4
Final (tananyagzáró) teszt ......................................................................................... 118
13.2 A tesztoldal szerkesztése ...................................................................................................... 118 13.3 A négy szakasz ....................................................................................................................... 121 13.3.1
Bevezető szakasz ....................................................................................................... 121
13.3.2
Teszt szakasz ............................................................................................................. 123
13.3.3
Kétféle befejezés ....................................................................................................... 125
13.4 Kiértékelő táblázat megjelenítése......................................................................................... 127 13.5 A feladatcsoportok, feladatok és részpontszámok ............................................................... 128 13.6 Különböző feladatsablonok egy tesztben ............................................................................. 136 13.7 Tesztkészítés importálással ................................................................................................... 139 13.7.1
A minta Excel fájl ....................................................................................................... 139
13.7.2
Csatolt zip fájl ............................................................................................................ 141
13.7.3
Az importálás folyamata lépésről lépésre................................................................. 141
Többszakaszos tartalmi oldalak ...................................................................... 148 14
Kihajtogatható tartalmi oldalak ................................................................................................ 148
14.1 A szakaszok kapcsolata és az item change esemény a tesztoldalon..................................... 148 14.2 Ugrálás az itemek között a tartalmi oldalon ......................................................................... 149 15
Több szakaszos tartalmi oldalak szerkesztése .......................................................................... 149
15.1 A szakaszok létrehozása és megszerkesztése ....................................................................... 149 15.2 Completed és progress események a többszakaszos tartalmi oldalon ................................ 151
Tananyag megosztása és kiexportálása ........................................................... 152 16
Hozzáférés biztosítása a saját anyagokhoz ............................................................................... 152
16.1 Jogosultsági szintek ............................................................................................................... 152 16.2 Jogosultság beállítása............................................................................................................ 153 17
A tananyag útja a Nexiustól a Neptunig.................................................................................... 153
17.1 Exportálás.............................................................................................................................. 153 17.2 Feltöltés a Neptunba ............................................................................................................. 155 7
www.nexius.hu
Kompatibilitás, rendszerkövetelmények, és kapcsolódási lehetőségek más alkalmazásokkal.............................................................................................. 157 18
Képformátumok ........................................................................................................................ 157
18.1 RGB ........................................................................................................................................ 157 18.1.1
Színárnyalatok ........................................................................................................... 157
18.1.2
Alfa csatorna (átlátszóság) ........................................................................................ 158
18.2 Állóképek a Nexiusban .......................................................................................................... 158
19
18.2.1
Pixelgrafikus képek.................................................................................................... 158
18.2.2
Vektorgrafikus ábrák ................................................................................................. 158
Mozgóképek a Nexiusban ......................................................................................................... 158
19.1 Videókkal kapcsolatos fogalmak ........................................................................................... 158 19.2 Videófájl formátumok ........................................................................................................... 159 19.2.1
Pixelgrafikus mozgóképek ......................................................................................... 159
19.2.2
Vektorgrafikus animációk ......................................................................................... 160
19.3 Konvertálás általános menete .............................................................................................. 160 20
Kapcsolódási lehetőségek más alkalmazásokkal ...................................................................... 161
20.1 Microsoft Office Word .......................................................................................................... 161 20.1.1
Pixelgrafikus képek kimentése .................................................................................. 161
20.2 Microsoft Office Powerpoint ................................................................................................ 161 20.2.1 21
Powerpoint diák felhasználása képként.................................................................... 161
Rendszerkövetelmények ........................................................................................................... 162
8
www.nexius.hu
Ismerkedés a fogalmakkal és a kezelőfelülettel Kinek szól ez a rész? Annak…
aki még nem használta a Nexiust
aki már használja, de úgy érzi, vannak hiányosságai
akit érdekel, hogyan működik egy e-learning tananyagszerkesztő szoftver
A modul elolvasása után tudni fogod:
mit jelent az e-learning
hogyan fogj hozzá a szerkesztéshez
milyen részei vannak a kezelőfelületnek
Kb. 3 órára van szükséged az elvégzéséhez.
1
Az e-learningről
„E” + „learning” = elektronikus tanulás. Számos megfogalmazás létezik az e-learningre, nézzünk meg néhányat: „Az e-learning – a hagyományos, távoktatási, valamint az internet nyújtotta új lehetőségek együttes alkalmazását jelentő új és hatékony tanulási eljárás. Még gyermekcipőben jár és gyermekbetegségekkel küzd, de már ma is több, mint kísérleti oktatási módszer. Előnye a rugalmasság, elérhetőség, kényelem, saját időbeosztás szerinti előrehaladás a tananyagban. Az e-learning fejlődését az egyre kifinomultabb internetes technológiák megjelenése tette lehetővé...” Forrás
Elektronikus média (közeg, csatorna) eszközeinek segítségével megvalósított oktatási forma, amely elsősorban távoktatási rendszerekben használatos.
1.1 Példák az e-learningre
Oktató VHS kazetta pl.: a kohó működéséről
Repülés szimulátor
Nyelvoktató multimédia cd-rom
Wikipedia
Szoftver videokonferenciaszerű oktatása
Sokféle elektronikus oktatási módszer van, amely már bizonyított. Nem az a fő kérdés, hogy mi az elearning, hanem, hogy ezek milyen kombinációja a célravezető az adott helyzetben.
9
www.nexius.hu
1.2 A Nexius e-learningről A Nexius e-learning az elektronikus tanulás olyan formája, amely a számítógépes tanulás jellemzőit figyelembe véve dolgozza fel a tartalmakat. Az e-learningben a tartalmak szöveges feldolgozása helyett másfajta eszközök kerülnek előtérbe, hiszen az elektronikus feldolgozás rendkívül sok olyan lehetőséget biztosít, amelyek más tanulási formákkal nem kivitelezhetőek. A Nexius e-learning saját módszertani elvekkel és eszközökkel dolgozik, a vizuális kommunikáción kívül (amely jóval túlmutat az illusztráció fogalmán) a nagyfokú interaktivitás jellemzi. Ez teszi lehetővé, hogy a tanuló aktív részese legyen a tanulási folyamatnak, feladatokat oldjon meg, azonnali visszajelzéseket kapjon. A Nexius e-learning abban tér el a hagyományos e-learningtől, hogy működése sok szempontból hasonló a tantermi oktatáshoz, hiszen ugyanazokat a didaktikai alapelveket veszi figyelembe. Kiemelten kezeli a tanulói motiváció kérdését, a tanulási szokásokat, a tananyag tanulhatóságát, a tanulás célját és a célközönségét, miközben egyszerre több tanulót képes kiszolgálni. A további fejezetekben a szoftver használatáról olvashatsz.
2
A kezdőlapról és a tanulói felületről
2.1 A Nexius megnyitása A Neptunon keresztül a következőképpen tudod megnyitni a Nexiust.
Kattints az „Oktatás” menü „e-learning anyagok„ almenüjére.
1. kép: A Neptun kezdőoldala
10
www.nexius.hu
Kattints a „Tananyag szerkesztő” gombra.
2. kép: E-learning anyagok menü a Neptunban
Itt néhány információt találsz a hozzáférésedről.
Kattints a „Tovább a szerkesztőprogramhoz” gombra és megnyílik a Nexius.
3. kép: Nexius a Neptunban
2.2 Kezdőlap A Nexius kezdőoldala leginkább egy honlapra hasonlít. Mikor belépsz, rögtön értesülhetsz a legfontosabb frissítésekről, javításokról és esetleges leállásokról. Ha valamiért ritkábban látogatnád az oldalt, az sem gond, hiszen minden információt megtalálsz az archív hírek között. 11
www.nexius.hu Olvasd el a legfrissebb híreket és nézz bele az archív mappákba! Az oldal jobb fölső részén találod azokat a gombokat, amik szükségesek a tanuláshoz, vagy a szerkesztéshez.
Support: e-mailben jelezheted felénk, ha valami problémával, kellemetlenséggel szembesülsz, esetleges hibát észlelsz. Mindig készíts screenshotot az esetről és írd le, hogy pontosan mi történt.
Edit: megnyílik a szerkesztő.
Contents: lista az összes, általad elérhető tananyagról. Itt találod a kezeléshez szükséges gombokat.
A legfrissebb hírek itt jelennek meg.
Ide kerülnek az archív hírek, fontos információk.
4. kép: A Nexius kezdőoldala
2.3 Automatikus kilépés Inaktivitás esetén 20 perc után automatikusan kijelentkezik a szoftver. A kiléptetés célja kettős, egyrészt védi a rendszert és a tanuló adatait az illetéktelen hozzáféréstől, másrészt növeli a kimutatások pontosságát (pl.: ki mennyi időt töltött tanulással). Azonban nemcsak tanuláskor, hanem szerkesztéskor is fennáll ez a jelenség. Fokozottan figyelj az olyan esetekre, amikor egyszerre több szoftverrel dolgozol, vagy elmész egy tárgyalásra. Kijelentkezéskor a nem mentett oldalaid el fognak veszni. Ments gyakran és nem érhet kellemetlenség! 12
www.nexius.hu
2.4 Tanulás 2.4.1 Tananyag megnyitása Kattints a „Contents” gombra és nézd meg a számodra elérhető tananyagok listáját. A tananyagok címei ABC sorrendben, egymás alatt jelennek meg. A jogosultságod szintjétől függ, hogy szerkeszteni is, vagy csak tanulni tudsz egy tananyagot. Az „Action” oszlopban találod a lehetséges műveleteket. Válaszd ki, mit szeretnél csinálni, és kattints rá:
View: megtekintheted a tananyagot.
Edit: szerkesztheted a tananyagot.
Export: kiexportálhatod a tananyagot. Az eredmény egy tömörített fájlt, amit feltölthetsz a Neptunba és csinálhatsz belőle egy kurzust.
Tananyaglista ABC sorrendben.
Ha ide kattintasz, frissül a lista és bekerülnek az újonnan létrehozott tananyagok is.
Megnézheted, szerkesztheted, vagy kiexportálhatod az anyagokat.
5. kép: Lista az elérhető tananyagokról
2.4.2 A tanulói felület Minden tananyag ugyanabban a tanulói felületben jelenik meg. Tekintsük át a felület részeit!
13
www.nexius.hu Listázd ki a tananyagokat, majd kattints az egyik cím melletti „view” gombra. A tananyag és az oldal címe.
Lapozás előre és vissza. Az oldal újratöltése.
Mozgatható sáv
Ide kattintva megjelenik a tartalomjegyzék. Lektori jegyzetek készítése. Oklevél nyomtatása.
A tanulási folyamatot jellemző információk (tanulási idő, haladási ütem).
Kilépés a tananyagból.
6. kép: A tanulói felület részei
A tanulói felület (tananyaglejátszó) felső részében található a fejezet és az oldalcím. Középen jelenik meg a tananyag. Szükség esetén (pl.: nagyobb oldalaknál, vagy nyitott tartalomjegyzéknél) a felső és a középső rész területének egymáshoz viszonyított arányát megváltoztathatod, ha elmozdítod a két rész közti szürke sávot. Jobb oldalon találod a navigációhoz és a tartalom kezeléséhez szükséges gombokat. Nézzük át őket fentről lefelé haladva: Next, previous / előre, vissza: Előre-, illetve visszalapozhatsz a tananyagban. Szürke a tovább gomb, amíg nem teljesíted az oldalt. Ha ekkor kattintasz rá, a rendszer figyelmeztet, hogy nem fejezted be az oldalt. Zöld a tovább gomb, ha befejezted az oldalt és ellapozhatsz. Azt, hogy mitől lesz teljesített egy oldal, a szerkesztő, vagyis te fogod beállítani az események segítségével. Frissítés: Szükséges lehet a bonyolultabb oldalak újraolvasása. Ezzel a gombbal a tanuló egy kattintással újratöltheti az oldalt.
14
www.nexius.hu
Contents / tartalom: Ha erre a gombra kattintasz, az ablak felső részében megjelenik az adott tananyag tartalomjegyzéke, amiben mindig az aktuálisan megnyitott oldal van kiemelve. Oldalakból és fejezetekből álló tartalomjegyzék.
Haladási ütem.
7. kép:
A tartalomjegyzék a tanulói felület részeként jelenik meg
A tartalomjegyzékben lévő ikonok jelentéséről a státuszok részben olvashatsz. Az oldalakat dupla kattintással, a fejezeteket pedig az előtte lévő nyílra kattintva tudod megnyitni. Ezen kívül itt található a „progress bar”, ami azt mutatja, hogy a tananyag hány %-ának van elfogadott státusza. A „details” gombra kattintva részletes haladási kimutatást találsz, összehasonlítva a csoportátlaggal. Ez azonban csak akkor látható, ha tanulója vagy az anyagnak, mert csak ebben az esetben mentjük el a haladási információkat. Ha ismét a „contents” gombra kattintasz, a felső részben megint csak a fejezet-, illetve az oldalcím lesz látható. Comments / kommentek: Ezzel a funkcióval rögzítheted az anyaggal kapcsolatos észrevételeidet. A részletes használatáról a későbbiekben olvashatsz. Certificate / oklevél: Ha elvégezted a tananyagot, ide kattintva tudsz oklevelet nyomtatni. Exit / Kilépés: Mindig erre a gombra kattintva zárd be az anyagot. Ha nem így teszel, a rendszer nem menti el a tanulásra vonatkozó információkat. A bal alsó sarokban a következő információk jelennek meg: 15
www.nexius.hu
3
A tanulási alkalom alatt eltelt idő. Ha megjelenik a piros felkiáltójel (15-20 perc után), célszerű rövid szünetet tartani.
A tananyag hány %-ának van elfogadott státusza.
Alapvető szerkesztői ismeretek és a szerkesztői felület
3.1 A szerkesztő megnyitása Kétféleképpen tudod megnyitni a szerkesztőt, mely minden esetben külön ablakban nyílik meg.
Listázd ki a tananyagokat, majd kattints az egyik cím melletti „edit” gombra. Ekkor közvetlenül a szerkesztendő tananyag nyílik meg.
Ha a kezdőoldal jobb fölső sarkában lévő „edit” gombra kattintasz, akkor a szerkesztő üresen, tananyag nélkül töltődik be.
3.2 Mezőben a mező Mielőtt nekiállnánk a szerkesztésnek, nézzük át, milyen elemekből épülnek fel tananyagaink. Egy tananyagot fejezetek, a fejezeteket oldalak, az oldalakat pedig mezők építik fel. Vannak olyan mezők, melyek üresek és korlátlan számú mezőt tehetsz beléjük, illetve olyan mezők is, melyek képet, szöveget, vagy videót tartalmaznak. Ez utóbbi mezőkbe nem helyezhető további mező. Egy mezőbe akkor teszel bele egy másik mezőt, amikor logikailag vagy szerkezetileg összetartoznak. Tulajdonképpen ezek a legfontosabb szabályok a szerkesztés során. Olyan ez, mint amikor a Wordben vagy a Powerpointban csoportosítod az elemeket. Nálunk ezt a csoportosító szerepet mindig egy közös mező, a szülőmező biztosítja. Szülőmezőnek nevezzük azt a mezőt, melyben van további mező. A benne lévő mezők a gyerekmezők / utódmezők, melyek a szülőmezővel együtt mozognak. Célszerű a mezőknek ezt a tulajdonságát az oldal tervezésekor figyelembe venni és kihasználni. Például, ha az oldalon képaláírással szerepel egy kép, célszerű őket közös szülőmezőbe helyezni, hiszen összetartoznak és a továbbiakban is együtt fogod őket mozgatni.
16
www.nexius.hu
Szülőmező, amiben két gyerekmező van. A kép az egyik gyerekmező. A szöveg a másik gyerekmező.
8. kép: Mezőhierarchia egy képaláírás esetén
Az ilyen, mezőkkel történő szerkesztés leginkább a kiadványszerkesztéshez hasonló. Ha megfigyeled például egy napilap címlapját, észre fogod venni, hogy a címlap felépítése minden nap megegyezik. Napról napra ugyanazt a sablont használják. Ami változik az oldalon, az a szöveg és a kép, vagyis a mezőkben lévő tartalom. A tananyagaink ugyanilyen logika szerint készülnek. A Nexius sablontárban előre megszerkesztett oldalak, vagy oldalrészletek várják, hogy a szerkesztők egy könnyed mozdulattal feltöltsék őket tartalommal. Ennek a sablontárnak a bővítése a szerkesztők, és hamarosan a te feladatod is lesz, ezért mielőbb kezdjünk hozzá a gyakorláshoz!
3.3 A szerkesztői felület áttekintése Miután megnyitottad a szerkesztőt, célszerű az ablakot képernyőméretűre növelned. Minél nagyobb a hasznos felületed a szerkesztéshez, annál könnyebben tudsz majd dolgozni vele.
17
www.nexius.hu
Kattints ide, és a szerkesztő ablak akkorára ugrik, amekkora a képernyőd mérete.
9. kép: Részlet a szerkesztő felületből
Nézzük, mit is látsz most a képernyődön. A szerkesztői felület három fő részre osztható: az ún. fülekre, a kreatív területre, ahol maga a szerkesztett oldal jelenik meg, illetve a szerkesztéshez szükséges gombokra.
Gombok: ebben a sávban vannak az oldal szerkesztéséhez szükséges gombok
Fülek: mikor megnyitsz egy tananyagot, a content fül lesz nyitva, ahol megjelenik a tartalomjegyzék.
Kreatív terület: itt fog megjelenni a szerkesztendő oldal.
10. kép: A szerkesztői felület részei
A továbbiakban áttekintjük a felület részeit és a legfontosabb műveleteket.
3.4 Content / struktúra fül Nézzük át a struktúra fül legfontosabb részeit: 18
www.nexius.hu
Ezzel a gombbal tudsz tananyagot megnyitni. Itt jelenik meg a tananyag struktúrája. Ha változtatnál a struktúra és a kuka egymáshoz való arányán, csak mozdítsd el a szürke sávot. Ide kerülnek a kitörölt oldalak, amiket bármikor visszahúzhatsz a felső részbe.
11. kép: A struktúra fül legfontosabb részei
Már említettük, hogy tananyagainkat fejezetek, a fejezeteket pedig oldalak építik fel. Miután megnyitottad a tananyagot, láthatod, hogyan épül fel. Mappák jelölik a fejezeteket és papírlap ikonok az oldalakat. Csak az oldalakra tudsz rálapozni, a fejezeteknek csoportosító szerepük van. Ugyanúgy, mint a tartalomjegyzékben, a fejezet előtti nyílra kattintva tudod kinyitni és becsukni a fejezetet. Jegyezd meg: ezen a fülön minden struktúramódosításhoz kapcsolódó műveletet a jobb egérgombra kattintva érsz el. Nézzük tehát, milyen struktúraműveleteket végezhetsz ezen a fülön:
19
www.nexius.hu
Új oldal és fejezet létrehozása. Átnevezés. Struktúra frissítése. Struktúraelem törlése. Kommentek megjelenítése.
12. kép: A struktúra fül context menüje
A fejezet további részében ezekről a struktúraműveletekről lesz szó részletesen.
3.4.1 Tananyag megnyitása Szerkesztéshez kétféleképpen tudsz tananyagot megnyitni. 1. A kezdőoldalról: Listázd ki az elérhető tananyagokat a főoldalról, a „contents” gombra kattintva.
Kattints az „edit” gombra a szerkesztés megkezdéséhez.
20
www.nexius.hu 13. kép: Elérhető tananyagok listája
2. A szerkesztői felületről: Nyisd meg a szerkesztőt a főoldalról, az „edit” gombra kattintva. Kattints a tananyag megnyitása gombra.
Ezt követően válaszd ki a tananyagot a listából, majd kattints az „OK” gombra.
14. kép: Tananyag megnyitása és létrehozása ablak
3.4.2 Oldal megnyitása A tananyagok oldalait egyszerűen megnyithatod. Kattints kétszer arra az oldalra, amit meg szeretnél nyitni, vagy az adott oldal kijelölését követően nyomd meg az Entert. Ekkor a képernyő középső részén megjelenik az adott oldalon található tartalom, valamint megváltozik a „contents” fülön az aktuális kijelölés helye.
21
www.nexius.hu
A kreatív területen jelenik meg az oldal tartalma.
A struktúrában a kék sáv az aktuálisan megnyitott oldalt jelöli. Jobbra és balra mozgatható szürke sáv.
15. kép: Oldal megnyitása a szerkesztői felületen keresztül
3.4.3 Új elem létrehozása Kattints a fül fölött a jobb egérgombra, majd a „New page”-re vagy a „New block”-ra attól függően, hogy új oldalt, vagy új fejezetet szeretnél létrehozni. Minden esetben az aktuális kijelölés helyétől függ, hogy hol jelenik meg az új struktúraelem:
Ha egy oldal van kijelölve, az új elem a kijelölés alatt fog megjelenni.
Ha egy fejezet van kijelölve, az új elem a fejezetben fog megjelenni.
Mindig SCORM-kompatibilis struktúrát hozz létre.
3.4.4 Átnevezés Többféleképpen nevezheted át a fejezetek és oldalak címét. Az első lépés minden esetben annak az oldalnak vagy fejezetnek a kijelölése, amit át szeretnél nevezni. Kattints egyszer a kijelölt fejezetre/oldalra, majd az alábbi lehetőségek közül válassz ki egyet:
Kattints még egyszer a kijelölt címre, ekkor a kék keret tartalmát tetszőlegesen módosíthatod.
Nyomd le az F2 billentyűt és nevezd át a címet.
A jobb egérgombra kattintva megjelenő menüből válaszd ki a„Rename” feliratot és nevezd át az oldal vagy a fejezet címét.
22
www.nexius.hu
3.4.5 Másolás, áthelyezés Ha át szeretnél mozgatni egy oldalt, vagy egy fejezetet, csak kattints rá és húzd át a megfelelő helyre. Másoláskor tartsd lenyomva közben a Ctrl gombot. Egy meglévő fejezetbe csak akkor tudsz oldalt mozgatni, ha az nyitva van. Az oldalak szerkesztését az „Edit” gombra kattintva kezdheted el. A „contents” viszont egy olyan fül, amin a szerkesztés gombra kattintás nélkül is tevékenykedhetsz. Ezt a későbbiek során se felejtsd el! Könnyedén áthúzhatóak az oldalak egyik fejezetből a másikba, ezért miközben az egered a „contents” fül fölött van, különösen figyelj a mozdulataidra! Ha véletlenül áthúzol egy fejezet egy másikba, sajnos nem tudod visszavonni a műveletet. A másolást követően minden esetben frissítsd a struktúrát.
3.4.6 Törlés Többféleképpen törölheted a struktúra egyes részeit. Az első lépés minden esetben annak az oldalnak vagy fejezetnek a kijelölése, amit törölni szeretnél. Kattints egyszer a kijelölt fejezetre/oldalra, majd az alábbi lehetőségek közül válassz ki egyet:
A bal egérgomb segítségével húzd át a kijelölt tartalmat a fül alsó részén található „Recycle Bin” / kukába. Az egér mozgatása közben piros X jelzi azokat a helyeket, ahová nem teheted a fejezetet vagy oldalt.
Kattints a jobb egérgombra, majd válaszd ki a menüből a „Delete” feliratot, vagy kattints a Shift + Delete-re.
A törlés során a tartalom minden esetben a kukába kerül, ahonnan bármikor visszahúzhatod a struktúra aktív részéhez.
3.4.7 Struktúra frissítése Miután változott a struktúra, mindig frissítsd! Kattints a jobb egérgombra megjelenő menü „Refresh” feliratára vagy az F5 billentyűre.
3.4.8 Struktúrarészlet importálása A struktúraintéző segítségével tananyagok között is másolhatsz oldalakat és fejezeteket. 1. Kattints a „Struktúraintéző” gombra.
Ekkor az alábbi felugró ablak jelenik meg.
23
www.nexius.hu
Itt tudod kiválasztani azokat a tananyagokat, melyek között struktúrarészleteket mozgatnál.
A két terület egymáshoz viszonyított arányán tetszőlegesen változtathatsz, ha a középső szürke sávot jobbrabalra mozgatod.
16. kép:
Struktúraintáző ablak
2. Először az egyik legörgethető listából válaszd ki azt a tananyagot, ahonnan bizonyos részeket kimásolnál (vagy áthelyeznél), majd a másik listában keresd meg azt a tananyagot, ahová áthelyeznéd a tartalmakat. A következő műveleteket hajthatod végre: Másolás: jelöld ki az adott oldalt/fejezetet, majd a Ctrl lenyomása mellett mozgasd a másik tananyag megfelelő részéhez. Egy zöld „+” mutatja, hogy éppen másolás van folyamatban.
Áthelyezés: jelöld ki az adott oldalt / fejezetet, majd mozgasd a másik tananyag megfelelő részéhez.
Minden művelet után frissítsd a tananyagok struktúráját! Kattints mindkét tananyag struktúrája fölött a jobb egérgombra, majd a „Refresh” feliratra, vagy kattints az F5 billentyűre.
3.4.9 SCORM kompatibilis struktúra Nagyon fontos, hogy SCORM kompatibilis struktúrát hozz létre. Ha nem megfelelő a struktúra, akkor nem fogod tudni kiexportálni a tananyagot. A tesztek típusairól és a struktúra státuszára gyakorolt hatásairól itt olvashatsz. Minden oldalnak fejezetben kell lennie és fejezetenként legfeljebb egy post-test lehet (ennek a tesztnek az eredménye adja a SCO pontszámát). Nézzünk erre egy példát: 1. Fejezet (= 1. SCO)
24
www.nexius.hu
Oldal
Oldal
Post-Test
2. Fejezet (= 2. SCO)
Oldal
Oldal
Post-Test
Ha a tanuló a fenti esetekben sikeresen kitölti a poszt tesztet, akkor abban a fejezetben, ahol a teszt is van, minden oldal teljesített státuszt kap. Ilyenkor tehát nem kötelező a tartalmi oldalakat is elvégezni. Ha viszont a tartalmi oldalak elvégzését és a teszt kitöltését is kötelezővé akarod tenni, akkor tedd a tesztet és a tartalmi oldalakat is külön fejezetbe, például így: 1. Fejezet (= 1. SCO)
Teszt
2. Fejezet (= 2. SCO)
Oldal
Oldal
Oldal
Ebben az esetben tehát sikeresen ki kell töltenie a tesztet és meg kell néznie az oldalakat is a tanulónak. Ha minden fejezet teljesített lesz, akkor kap a tananyag is elvégzett státuszt. Ha a teszteket külön fejezetbe teszed, tetszőleges számú teszt lehet egymás után a struktúrában.
3.4.10 Új tananyag létrehozása Szerkesztői hozzáféréssel korlátlan számú tananyagot hozhatsz létre. Az új tananyaghoz csak neked van hozzáférésed. Ha másoknak is meg szeretnéd mutatni, azt a következőképp csinálhatod.
Jogosultságot adsz hozzá a Nexiusban: a társszerkesztőknek és a lektoroknak ilyen módon, a szoftveren belül érdemes hozzáférést adnod.
Kiexportálod és feltöltöd a Neptunba: a már kész és lektorált anyagot így tudod publikussá tenni.
Hozz létre egy új tananyagot! 1.
Kattints a tananyag megnyitása / „open content” gombra, majd add meg az új tananyag címét és kattints az „Add” / hozzáadás gombra. 25
www.nexius.hu Ide írd az új tananyag címét. Miután megadtad az új tananyagcímet, kattints ide. Az aktuálisan elérhető tananyagok itt jelennek meg. A tananyag megnyitásához válassz egy címet a listából, majd kattints ide.
17. kép: Tananyag megnyitása és létrehozása ablak
2. Töltsd ki a metaadat ablakot, majd kattints az OK gombra. Ezután a tananyag bekerül a listába, ahonnan kiválaszthatod és megnyithatod.
3.4.11 Tananyag átnevezése A Nexiusban található összes fájl, sablon, tananyag, de még a tananyag oldalak is különféle adatokkal vannak ellátva a könnyebb azonosítás és hivatkozás érdekében. A sablonokkal kapcsolatos metaadatokról a következő részben olvashatsz. 1. Nyisd meg a tananyagot szerkesztői nézetben. 2.
Kattints az „open content” (tananyag megnyitása) gomb melletti „Meta editor” gombra. Ezzel megnyílik a tananyagot leíró adatokat tároló metaadat ablak.
3. A „Basic” fülön írd át a „label” és a „title” melletti feliratokat is. Ha szükséges, írj hozzá rövid leírást is.
26
www.nexius.hu
Type: A tartalom típusa, automatikusan megjelenik. Fájl esetében pl.: bitmap, document, sablonoknál template. Label: Kötelező kitöltened, általános címke, ami alapján azonosítható a tartalom. Tananyagok esetében megegyezik a valódi címmel. Title: A tartalom valódi címe. Description: Rövid leírás, ami tananyagok esetében megjelenik a „contents” listában a kezdőoldalon.
Language: Kötelező kitöltened. Az a nyelv, amin a tartalom íródott. Az ABC gombra kattintva megnézheted a teljes listát. 18. kép: A „Szerkesztői gyakorlatok” című tananyag metaadat ablaka
4. Kattins az „OK” gombra az adatok elmentéséhez. Fontos, hogy a tananyag címe csak a következő belépésnél fog mindenhol frissülni, addig viszont előfordulhat, hogy egyes helyeken a régi címen jelenik meg. Ebben az ablakban tudod kiválasztani a tananyag szerzőjét és itt tudsz jogosultságot adni a többi felhasználó számára. Az ezzel kapcsolatos funkciókról egy későbbi fejezetben olvashatsz.
3.5 Resources fül Nyiss meg a struktúrából egy oldalt, majd kattints az „Edit” gombra, amit a szerkesztéshez szükséges gombok között, középen találsz. Ekkor lesz elérhető a többi fül tartalma is, illetve megjelenik a mező tulajdonságok ablak, amiről a következő részben lesz szó. A „Resources” fülön keresztül éred el az összes sablont és fájlt, amit valaha feltöltöttél a Nexiusba. Így minden kép, dokumentum vagy videó megjelenik ebben a listában. Ezeket hívjuk összefoglaló néven, „Resources”-nak. A sablonokról általánosságban, egy korábbi fejezetben már olvashattál. Mivel általában sokan dolgoznak a rendszerben és folyamatosan nő a sablonok száma, ezért elengedhetetlen a megfelelő tárolási és keresési rendszer kialakítása. A megfelelő tárolásban segítenek a metaadatok. 27
www.nexius.hu
3.5.1 A sbalonok és fájlok metaadatai A sablontár egy nagy zsák, amibe mindenki beledobálja a saját sablonjait. A szerkesztők és a tananyagok számának növekedésével a zsák egyre csak telítődik, és egyre nehezebben lehet bármit is megtalálni. Ha címkét teszünk a sablonokra, az valamivel megkönnyíti a helyzetet, de még így is nehéz előkeresni valamit a zsák aljáról. A metaadatok ennek a problémának a megoldásában is segítenek. A metaadatok a digitálisan elérhető tartalmak leíró adatai, tulajdonképpen adatok egy adatról. Egy könyvtári nyilvántartó kártya tartalmazza a könyvhöz kapcsolódó lényeges információkat, például a könyv íróját, címét, műfaját, tárolási helyét, a kölcsönzések dátumát stb. Ilyen metaadat lehet a szoftveren belül egy dokumentum, illusztráció vagy tananyag szerzője, címe, keletkezésének ideje, tárgya, kulcsszavai stb. Nézzük meg, milyen metaadatokkal vannak ellátva a rendszer szintű sablonok! 1. A legörgethető listából válaszd ki a „base templates”-t, vagyis az alapsablonokat.
Ha a „base templates”re kattintasz, az alapsablonok jelennek meg.
Amikor egy új, üres oldalt nyitsz meg, ennyi látszik belőle a szerkesztés kezdetén.
Itt jelennek meg a szűrési feltételeknek megfelelő sablonok. Ha valamelyiket használni szeretnéd, csak húzd be az oldalra.
19. kép: A resources fül részei
Ekkor megjelennek azok a sablonok, amik előre be vannak építve a rendszerbe. Ezekből a sablonokból hozhatod létre a sajátjaidat. Arról, hogy pontosan milyen sablonok ezek, egy másik fejezetben olvashatsz. 2. Kattints az első alapsablonra kétszer és megjelenik a metaadatokat tartalmazó ablak. Ez az ablak tartalmazza a sablonok és egyéb fájlok tulajdonságait, címkéit, vagy más néven, metaadatait. A rendszer szintű sablonoknak értelemszerűen már meg vannak adva az adatai, de ha a későbbiek során
28
www.nexius.hu bármilyen sablont hozol létre, azt célszerű ellátnod néhány metaadattal. Az első két-három fület mindig töltsd ki! Nézzük át az első három fül főbb metaadatait: Type: A tartalom típusa, automatikusan megjelenik. Fájl esetében pl.: bitmap, document, sablonoknál template. Label: Kötelező kitöltened. Általános címke, ami alapján azonosítható a tartalom. Fájlok esetében megegyezik a fájlnévvel és automatikusan generált. Title: A tartalom valódi címe. Description: Rövid leírás, ami segíthet a tartalom azonosításában és keresésekor. Ha a listában a sablonok fölé viszed az egered, akkor ez a szöveg jelenik meg. Próbáld ki! Language: Kötelező kitöltened. Az a nyelv, amin a tartalom íródott. Az ABC gombra kattintva megnézheted a teljes listát.
20. kép: Basic fül metaadatai
29
www.nexius.hu
Icon: Minden fájlhoz vagy linkhez tartozik / tartozhat egy thumbnail. Egyes fájloknak automatikusan lesz ikonja, ilyen például egy pdf fájl, vagy egy kép. Az "Add icon"-nal bármilyen képet feltölthetsz, a "Remove"-ra kattintva pedig eltávolíthatod. A szoftver segítségével is csináltathatsz ikont, csak kattints a „Capture”-re.
Automatikusan generált adatok. 21. kép: View fül metaadatai
Category: Csoportosítás valamilyen szempont (pl.: témakör) alapján. Style: Csak sablonnak lehet stílusa, ami mindig valamilyen vizualitásra utaló tulajdonság. Az ABC gombra kattintva bővítheted a listát.
22. kép: Organize fül metaadatai
A „Resources” fül metaadatai közül a fentiek ismerete feltétlenül szükséges. A sablonokon kívül azonban máshol is találkozhatsz a metaadatokkal, például az oldalak vagy a tananyagok jellemzésénél. Attól függően, hogy mit szeretnénk jellemezni, lesznek aktívak az egyes fülek és a rajtuk lévő funkciók.
30
www.nexius.hu
3.5.2 Keresés Kattints rá a legörgethető listára és nézd meg, hányféleképpen szűrheted, illetve kereshetsz a fájlok és sablonok között. Alapsablonok, melyek a rendszer által definiáltak. A legutóbb használt sablonok a szerkesztés során. A legutóbb használt fájlok a szerkesztés során.
A tananyag metaadataihoz feltöltött forrás- és referenciafájlok. (jelenleg nem aktívak) Az aktuális tananyagban használt fájlok. Az aktuális tananyagban használt sablonok. Gyorskeresés. A részleteket lásd a szövegben. 23. kép: Szűrési és keresési funkciók
A szürke vonal fölött találod a szűrési feltételeket, alatta pedig a kétféle keresési lehetőséget. Értelemszerűen mindig azt a keresést vagy szűrést válaszd, ami a leggyorsabban eredményre vezet. A „quick search” a szabadszavas kereső. Itt bármelyik szót megadhatod, amelyik szerepel a metaadatok ablak „basic” fülének első 4 elemében („type”, „label”, „title”, „description”). Épp ezért nagyon fontos, hogy megfelelően töltsd ki ezeket a mezőket, akár egy új sablont hozol létre, akár egy képet, vagy fájlt töltesz fel! Ezen kívül ezekben a zárt listákban is a „quick search” segítségével tudsz keresni: type, category, vagy style. Nézzük át a főbb szabályokat: 1. Ha szavakra, kifejezésekre keresel rá: Ha szóközzel elválasztva több szót írsz be a keresőbe, ÉS-ÉS kapcsolat lesz a megadott szavak között, vagyis a találati listában azok a sablonok fognak megjelenni, melyek mindegyik szót tartalmazzák. Pl.: ha azt írod be, hogy felugró kék, akkor azok a sablonok és fájlok jelennek meg, melyek metaadataiban a „felugró” és a „kék” szó is megtalálható.Az idézőjelbe tett kifejezések szó szerint értelmezendőek.
31
www.nexius.hu Ha több sorban adod meg a feltételeket, akkor is ÉS-ÉS kapcsolat lesz köztük, így a listában olyan elemek jelennek majd meg, melyek mindkét feltételnek megfelelnek.
2. Ha a zárt listákban keresel: Ha elkezded beírni a type, category, vagy style szavakat, akkor a rendszer felajánlja azokat a lehetőségeket, melyek közt kereshetsz. A mellékelt példa szerint a pixelgrafikus (bitmap) fájlok között.
3. Ha kombinálod a kétféle keresést: Nézzük, mi történik, ha rákeresel a varázsló szóra, illetve több típusra is, például a pixelgrafikus és vektorgrafikus típusú fájlokra. Ebben az esetben a rendszer azokat a fájlokat keresi, amik vagy pixelgrafikusak (bitmap) ÉS az említett metaadatai tartalmazzák a varázsló szót, VAGY a varázsló szót tartalmazzák és vektorgrafikusak. Ha kategóriából adtál volna meg többfélét, akkor ugyanígy, VAGY az egyik, vagy a másik kategóriának megfelelő találatokat listázta volna ki a rendszer. Ez értelemszerű, hiszen ezen metaadatok egyikével jellemezhető csak a fájl vagy sablon. Például nincs olyan kép, ami egyszerre vektor- és pixelgrafikus is. Abban az esetben, ha a varázsló szóra és egy kategóriára, valamint egy típusra keresel rá, akkor változik a helyzet. A példánál maradva, ilyenkor olyan fájlok jelennek meg a találati listában, melyek tartalmazzák a varázsló szót ÉS bitmap típusúak, ÉS a próbasablonok kategóriában vannak. Jól látható, hogy ha több különböző lista között keresel (type, category), akkor ÉS-ÉS lesz a köztük lévő viszony.
3.6 Issues fül Miután elkészült a tananyag első verziója, a lektorálás, a próbatanulás, majd a javítás következik. A szerkesztők ezeket a feladatokat a tanulókkal és a lektorokkal együtt végzik el. A lektorálás célja, hogy a pontatlanságokat, sajtóhibákat, szakmai tévedéseket javítani lehessen. A lektorok által felvett megjegyzések / kommentek megjelölik a hibát, és annak pontos helyét, jelentősen megkönnyítve ezzel a hiba elhárítását, mely a szerkesztők feladata. 32
www.nexius.hu A próbatanulás során laikusok tanulják végig a tananyagot. Feladatuk a nehezen értelmezhető részek kiszűrése. Olyan hibákat keresnek, melyek a tanulhatóságot befolyásolják. A javítás során a szerkesztők elvégzik a szükséges módosításokat. A próbatanulás és a lektorálás során észlelt megjegyzéseket a szoftveren belül a „comments” funkció segítségével lehet rögzíteni. Ez a funkció a tanulói felületről érhető el és nagyban segíti a fenti munkafázisokat. Az észrevétel az tartalmi oldal meghatározott részéhez rögzíthető, így a szerkesztő tudni fogja, hogy melyik szövegrészleten, vagy képen kell változtatni. A tesztoldalhoz csak abban az esetben érdemes kommentelni, ha pontosan megfogalmazod az észrevételed és azt is leírod, hogy melyik feladatra vonatkozik. Mindez a tesztoldal sajátos felépítése miatt szükséges. A kommentek mindig ezen a fülön, illetve magán az oldalon jelennek meg. A tananyag akkor tekinthető késznek, ha a lektorok minden oldalt ellenőriztek és az esetlegesen tapasztalt hibák javításáról meggyőződtek.
3.6.1 Új komment készítése 1. Nyiss meg egy tananyagot tanulói nézetben. 2. Kattints a "Comments" gombra. Ekkor a cím helyén megjelenik a komment sáv. Ha van már komment az oldalon, akkor azokat látni fogod ebben az ablakban felsorolva, valamint a tananyagban is megjelennek, zöld post-itek formájában. 3. Kattints az "Új komment felvétele" / "new issue" gombra, hogy új hozzászólást vehess fel. Ekkor megjelenik egy zöld post-it, amit az egérrel az oldal tetszőleges pontjára tudsz mozgatni.
Piros x ikon jelzi azokat a helyeket, ahová nem helyezheted el a kommentet. A post-iteket később még átmozgathatod. 4. Tedd le valahol a post-itet. Ahol elengeded, ahhoz az oldalrészlethez fog rögzülni az észrevétel. Éppen ezért, célszerű úgy elhelyezned a post-iteket, hogy arra a pontra mutassanak, ahol a hibát észlelted. Ha több mező van egymáson, úgy fogalmazd meg az észrevételed, hogy az egyértelmű legyen. Alul látható a megjegyzés státusza illetve a hozzászólások száma. 33
www.nexius.hu
Ez egy új / „new” státuszú komment.
A kommenthez még nem érkezett hozzászólás. 5. Kattints az ABC ikonra, vagy az "enter your text here" feliratra. Ekkor megjelenik a Komment részletei / Issue details ablak:
Írd ide az észrevételedet. Automatikusan megjelenik a dátummal együtt. Kattintsd be, különben nem lesz látható a kommented. Státusz. Új komment esetén mindig „new”.
Alapértelmezetten minden új észrevétel normál fontosságú. Itt jelennek meg a hozzászólások a kommenthez. Ha ide kattintasz, elmented a kommentet. A későbbiekben ide kattintva tudsz hozzászólni egy létező kommenthez. 24. kép: Megjegyzés részletei ablak
A hozzászólás elmentése után megjelenik a szöveg a zöld post-it mezőben, és a tananyagoldal fölötti komment mezőben is.
34
www.nexius.hu
Itt és az oldalon is megjelenik az észrevétel, ha a „comments” gombra kattintasz. Kattints ismét a gombra és az oldal címe lesz látható.
25. kép: Az oldalhoz tartozó észrevételek
Törekedj arra, hogy egyszerűen és pontosan fogalmazd meg észrevételeid, a post-itet mindig az oldal megfelelő része mellé helyezd, ez lehet egy ábra, kép vagy szövegrészlet.
3.6.2 Hozzászólás egy meglévő kommenthez Szerkesztőként és lektorként is szükséged lehet arra, hogy hozzászólj egy kommenthez. Ha nem értesz egyet vele, vagy nem egyértelmű az instrukció, fogalmazd meg az észrevételed. Ezt követően mindössze annyit kell tenned, hogy megnyitod a kommentet és rákattintasz az ablak alján lévő „Add comment” gombra.
Ide írd a megjegyzésed.
Ezek a mezők automatikusan kitöltődnek.
Miután kitöltötted a mezőt, mentsd el a hozzászólást.
35
www.nexius.hu 26. kép: A hozzászólás részleteit tartalmazó ablak
3.6.3 Kommentek olvasása Ha a tananyag olvasása közben látni szeretnéd az összes kommentet, mindössze annyit kell tenned, hogy rákattintasz a „comments” gombra és úgy lapozgatod a tananyagot. Ha ismét rákattintasz, eltűnnek a hozzászólások. Szerkesztőként a szerkesztői felületen keresztül célszerű megnyitnod a hozzászólásokat. Nyiss meg egy olyan anyagot a szerkesztőn keresztül, amiben vannak hozzászólások, majd kövesd az alábbi lépéseket. 1. Kattints a struktúrában a jobb egérgombra, majd az „Issue summary” feliratra.
27. kép:
A struktúra fül context menüje
2. Nyisd ki a fejezeteket. Piros rajzszög jelöli azokat az oldalakat, amikhez komment tartozik.
Ha a megjelölt oldalak fölé viszed az egered, megjelenik a kommentek státusza. Próbáld ki! 28. kép:
Kommenttel ellátott oldalak a struktúrában
Fontos, hogy csak a „new” és az „acive” státuszú kommentekkel megjelölt oldalak mellett lesz piros rajzszög. Nézzük át, hogy milyen státuszai lehetnek egy hozzászólásnak:
New: Új hozzászólás.
Active: Aktív a hozzászólás, vagyis nem javítottad még ki. Állítsd át a „new” státuszt erre, ha már megnézted a kommentet, de nem volt időd vagy nem tudod kijavítani.
Closed: Le van zárva, vagyis ki lett javítva a hozzászólás.
Refused: Ezzel a státusszal utasíthatod vissza a kérést, ha nem érzed jogosnak.
36
www.nexius.hu
Postponed: Ez a státusz azt jelenti, hogy elhalasztod a javítással kapcsolatos teendőket.
3. Nyisd meg azt az oldalt, ami mellett rajzszöget látsz. Ahhoz, hogy látható legyen a zöld post-it a szerkesztői felületen, kattints a fenti menüsoron található nézet beállítások gombra, és kattintsd be a „comments” melletti mezőt, vagy kattints az „issues” fülre.
Miután láthatóvá tetted a kommenteket, a „close”-ra kattintva csukd be az ablakot.
29. kép:
Nézet beállítások ablak
4. Javítsd ki az oldalt és állítsd át a komment státuszát. 5. Nyisd meg az „issues” fület és nézd meg ott is az oldalhoz tartozó kommenteket. Minden komment külön sorban, a legfontosabb tulajdonságaival (leírás, státusz, fontosság) látható. Ha több komment van, az oszlopok fejlécébe kattintva sorba rendezheted őket.
30. kép:
Az oldalhoz tartozó kommentek az „issues” fülön
3.6.4 Kommentek elrejtése Előfordulhat, hogy túl sok komment lesz egy oldalon, aminek a nagy része már feleslegesen takarja el a képernyőt, hiszen a státusza arra utal, hogy nincs vele több teendő. Az ilyen jellegű észrevételeket egy kattintással el tudod rejteni.
37
www.nexius.hu 1. Nyiss meg egy olyan oldalt a szerkesztői felületen, ahol vannak closed, refused vagy postponed státuszú kommentek. Ha a struktúrában a rajzszöggel jelölt oldalak fölé viszed az egered, akkor látni fogod, hogy hány darab és milyen típusú komment van az oldalon. 2. Tedd láthatóvá az összes kommentet. Kattints a nézet beállítások gombra és kattintsd be a „comments” melletti mezőt. Ekkor meg fog jelenni az összes komment, ami ehhez az oldalhoz tartozik. 3. Ezután kattintsd be a „filter inactive comments” melletti mezőt.
Amíg itt pipa van, addig nem fognak látszódni azok a kommentek, amiknek nem „active” vagy „new” a státusza. Nem kell minden lapozáskor bekattintanod, ez ugyanis egy oldalakon átívelő beállítás.
31. kép:
Nézet beállítások ablak
Az elrejtett kommentek ugyan nem látszódnak az oldalon, de az Issues fülön ugyanúgy megtalálod őket. A továbbiakban, ha újra látni szeretnéd őket az oldalon, csak kattintsd ki a „filter inactive comments” melletti mezőt.
3.7 Events fül A tananyagot statikus és dinamikus oldalak építik fel. Az oldalon belüli mozgásokat, az eseményekkel / „event”-ekkel hozod létre. Az oldalhoz tartozó események mindig ezen a fülön jelennek meg.
3.8 Test fül Ezen a fülön keresztül kell megszerkesztened a tesztoldalt és felvinned az összes feladatot. A tesztekkel kapcsolatos tudnivalókról a későbbiekben lesz szó.
3.9 A szerkesztéshez szükséges gombok Az oldal tetején találod a szerkesztéshez szükséges gombokat.
38
www.nexius.hu
32. kép: Az oldal szerkesztéséhez szükséges gombok
Nézzük át a gombokat balról jobbra: Mentés: ha aktív, akkor színes. /Ctrl+S/ Frissítés: hatására újra megnyílik az oldal. Ha rákattintasz és még nincs elmentve az oldal, a rendszer meg fogja kérdezni, hogy el szeretnéd-e menteni.
Kattints a „Yes”-re, ha el szeretnéd menteni az oldalt, és a „No”-ra, ha nem. Bármelyik opciót választod, az oldal újra betöltődik.
Nyomtatás: egyelőre nem működik. Másolás: miután kijelöltél egy mezőt, ide kattintva elkészítheted a másolatát. /Ctrl+C/ Kivágás: egyelőre nem működik. Beillesztés: miután lemásoltál egy mezőt, ide kattintva elhelyezheted az oldalon a másolatot. (Ctrl+V) Igazítás: ha több elemet jelölsz ki az oldalon, itt kiválaszthatod, hogy milyen szempont szerint legyenek egymáshoz igazítva. Visszavonás: egyelőre nem működik. Helyrehozás: egyelőre nem működik. Szerkesztés: csak azután szerkesztheted az oldalt, miután idekattintottál. Meta: az oldal metaadatait ide kattintva éred el. Előnézet : ha a tanulói felületen is meg szeretnéd nézni a tananyagot, kattints ide. Mindig az első oldal nyílik meg, de a „contents” gombbal bármelyik oldalt meg tudod nyitni. Nézet beállítások: ide kattintva az alábbi ablak jelenik meg.
39
www.nexius.hu
Belenagyíthatsz az oldalba, de egyelőre csak 100%-os nézetben tudod szerkeszteni. A rács bekapcsolásához állítsd ezt a számot 0-nál nagyobbra. Ha a rácshoz igazítás be van kapcsolva, az oldalon elhelyezett mezők a mozgatás során automatikusan a bal felső sarkukhoz legközelebb eső rácsponthoz fognak igazodni. 33. kép: Nézet beállítások ablak
Hasznos lehet, ha megjeleníted a mezők azonosítóit és kereteit. Ha tartozik már az oldalhoz észrevétel, ide kattintva láthatóvá teheted. Az ablakot mindig a „close”-ra kattintva csukd be!
A rács csak szerkesztői nézetben látható és a szerkesztő munkáját segíti, a kész oldalon már nem fog megjelenni.
40
www.nexius.hu
Figyeld meg, hogy a két középvonal vastagabb, ezzel segíti a mezők középre igazítását.
34. kép: Rács a szerkesztőben és a tanulói felületen
A rácshoz igazítás és a segédrács funkció bármikor kikapcsolható. Ehhez állítsd 0-ra a rácsméretet és kapcsold ki a "rácshoz igazít" melletti pipát. Ezután teljesen szabadon tudod mozgatni az oldalon lévő mezőket. Item kiválasztása. Ezzel a gombbal választhatod ki a szerkeszteni kívánt szakaszt. Egyszerre csak egy szakaszt lehet szerkeszteni. Előző verzió viszaállítása: Kiválaszthatod a listából egy korábbi verzióját a szakasznak. Minden mentéskor rögzül a szakasz aktuális állapota, és a dátum, valamint a szerkesztő neve alapján visszakereshető és vissza is állítható.
Ez a funkció jelenleg tesztelés alatt áll, de tudomásunk szerint megfelelően működik. Ha mégis valamilyen hibát, vagy furcsaságot tapasztalsz, mihamarabb juttasd el hozzánk. Új item beszúrása: jelenleg nem működik. Thumbnail készítése az oldalról: jelenleg nem működik. 41
www.nexius.hu
4
Gyakorlás
Most már tudod, hogyan hozz létre új fejezetet és oldalt. A következő modul az oldal szerkesztéséről szól, ezért mielőtt továbbhaladsz: 1. Hozz létre egy új fejezetet, és nevezd át. 2. Ebben a fejezetben hozz létre 3 oldalt, majd nevezd át őket. 3. Csinálj még egy fejezetet, majd nevezd át. 4. Mozgass át két oldalt az első fejezetből a másodikba.
42
www.nexius.hu
A szerkesztés alapjai Kinek szól ez a rész? Annak…
aki elolvasta az első modult és készen áll a folytatásra
aki ismeri a kezelőfelület részeit, de nem tud szerkeszteni
aki már tud szerkeszteni, de vannak még hiányosságai
A modul elolvasása után tudni fogod:
hogyan kell létrehozni egy új oldalt
milyen alapsablonok vannak a rendszerben
miért kell a vonalat beletenni egy alapmezőbe
Kb. 1 órára van szükséged az elvégzéséhez.
5
A szerkesztés megkezdése
Ebben a modulban megtanulod, hogyan kell megszerkesztened egy egyszerű, képet és szöveget tartalmazó oldalt. A szerkesztést minden esetben, ugyanebben a sorrendben kell elkezdened: 1. Tananyag megnyitása, 2. Oldal megnyitása, 3. Kattintás az „Edit” gombra. Amíg nem kattintasz az „Edit” gombra, addig olyan, mintha tanulói nézetben lapozgatnád az anyagot. Figyeld meg, hogy amint a szerkesztés gombra kattintasz, megváltozik a struktúrában az oldal ikonja és megjelenik egy mozgatható ablak az oldal alján.
Itt találod az „Edit” gombot.
Ez az ikon jelöli azt az oldalt, amit épp szerkesztesz.
Ez a mozgatható mező tulajdonságok ablak, amiről a következő alfejezetben lesz szó.
35. kép: A szerkesztés megkezdésekor változik a felület
43
www.nexius.hu Ha egy olyan oldalt próbálsz meg szerkeszteni, amin éppen valaki dolgozik, a rendszer figyelmeztet, és nem engedi megnyitni az oldalt. Lehetetlen, hogy két ember ugyanazon az oldalon dolgozzon.
6
Alapsablonok / base templates
Nyiss meg egy újonnan létrehozott, üres oldalt, és kezdődhet a szerkesztés! Emlékszel még arra, mit jelent a szülő-és a gyerekmező? Ha nem, kattints ide és olvasd el még egyszer. Az oldal szerkesztését egy üres mezővel kell kezdened. Kattints a „Resources” fülre és nézd meg, milyen alapsablonok közül választhatsz. Ha a sablonok ikonja fölé viszed az egered, egy rövid leírást olvashatsz róluk. Alapmező: 100 X 100 pixeles, üres, formázatlan mező.
Szövegmező: 100 X 100 pixeles, üres, formázatlan mező, amibe szöveget tudsz beírni.
Pixeles képmező: 100 X 100 pixeles, üres, formázatlan mező, amin keresztül pixelgrafikus képet tölthetsz fel. Oldalsablon: 810 X 533 pixeles üres alapmező.
Vektoros képmező: 100 X 100 pixeles, üres, formázatlan mező, amin keresztül vektorgrafikus képet, animációt tölthetsz fel.
Videó: 100 X 100 pixeles, üres, formázatlan mező, amin keresztül videót tölthetsz fel. 36. kép: Az alapsablonok ikonjai
Az alapsablonok a többi sablonhoz hasonlóan természetesen tetszőlegesen formázhatóak. Az oldal méretét mindig az első mező mérete szabja meg. Célszerű 810 X 533 pixeles oldalakat készítened, mert a tanulói felület is ekkora. Válaszd az oldalsablont a fentiek közül és biztos lehetsz abban, hogy nem fog megjelenni a görgetősáv a tanulói felületen.
44
www.nexius.hu Mielőtt rátérnénk az alapsablonok részletes ismertetésére, nézzük át a szerkesztés első lépéseit és a mezők általános tulajdonságait.
6.1 A szerkesztés első lépései 1. Nyisd meg a „Resources” fület és húzz be egy oldalsablont az üres oldaladra.
Az alapsablonok közül az oldalsablont húzd be elsőként az oldalra.
Figyelj arra, hogy az egered az üres oldal felett legyen, mert csak így tudod lerakni a sablont.
37. kép: Az első sablon elhelyezése egy üres oldalon
Célszerű rögtön megjeleníteni a mezők kereteit és úgy szerkeszteni az oldalt. Ezt a legegyszerűbben úgy tudod megtenni, hogy a jobb egérgombbal kattintasz a kreatív területen és a „Show / hide all borders”-t választod. Ha még egyszer ide kattintasz, ismét láthatatlanok lesznek a keretek.
38. kép: A kreatív felület context menüje
45
www.nexius.hu A másik lehetőség, hogy a nézet beállítások ablakban kipipálod a „frames” melletti négyzetet. Ekkor láthatóvá válik az oldal, valamint később az összes oldalon elhelyezett mező határvonala. 2. Miután láthatóak a keretek, húzz be egy alapmezőt az oldalra. Az alapmező az első az alapsablonok között.
Mindig annak a mezőnek a háttere lesz zöld, ahová elhelyezheted az új sablont. Jelenleg egyetlen oldalsablon van az oldalon, és ez értelemszerűen teljesen zöld lesz.
39. kép: Egy alapsablon behúzása az oldalsablonba
Most, hogy behúztad a második sablonodat is az oldalra, a következő a mezőhierarchia: az oldalsablonnak, mint szülőmezőnek van egy alapmező gyereke. Az oldal struktúrálására a későbbiek során használj szülőmezőket, mert a Nexiusban máshogy nem tudsz csoportosítani! 3. Kattints rá egyszer az alapmezőre. Mindig így, egy kattintással tudod majd kiválasztani az oldalon lévő mezőket. Amint kiválasztottál egy mezőt, két dolog változik:
Vastag kijelölést kap a mező.
Megváltozik a tulajdonságok ablak tartalma.
A kijelölést az „Esc”-re kattintva tudod megszüntetni.
46
www.nexius.hu
Figyeld meg, hogyan jelöli a Nexius a kiválasztott mezőket. A mező tulajdonságok ablakban mindig az aktuálisan kijelölt mező adatai jelennek meg.
40. kép: Egy formázatlan alapmező és a hozzá tartozó tulajdonságok
A mozgatást és az átméretezést egérrel és a mező tulajdonságok ablak segítségével is elvégezheted. Ez utóbbiról a következő alfejezetben lesz szó, most nézzük az egérrel történő mozgatást. 4. Vidd a kurzorod az alapmező kerete fölé és húzd arrébb.
A pozícionálásban segítenek a segédvonalak, melyek a mező oldalvonalainak meghosszabbításai. Akkor lesznek láthatóak, ha kijelölsz egy mezőt.
41. kép: Segédvonalak
5. Fogd meg a kereten lévő méretező pontok valamelyikét és változtass az alapmező méretén.
47
www.nexius.hu Most pedig lássuk, hogyan lehet mindezt a számok segítségével elvégezni.
6.2 Mező tulajdonságok ablak Ez egy mozgatható ablak, ami a szerkesztés gombra kattintva jelenik meg. Kattints az alapmezőre egyszer és figyeld meg az oldal alján lévő mozgatható „Field properties”ablakot. Mindig itt találod az éppen kiválasztott mező tulajdonságait. Mivel elég sok tulajdonságról van szó, ezért lépésről lépésre nézzük végig őket. Fontos, hogy közben mindig próbáld is ki a funkciókat. Elsőként nézzük a következő tulajdonságokat:
Width, height /Szélesség, magasság: A mező mérete pixelben. A nyilakkal változtathatsz rajta, vagy beírhatod a pontos számot.
Border / keret: A keret mérete (020px) és színe. Border / háttér: A mező háttérszíne és az átlátszóság mértéke.
Position /elhelyezkedés: A mező, szülőmezőben elfoglalt helye.
Corner, shadow /sarok, árnyék: A sarkok lekerekítettségének mértéke (0100), és az árnyék (0-20) mérete.
42. kép: Mező tulajdonságai: szélesség, magasság, helyzet, sarok, héttér, árnyék
Próbáld ki a fenti tulajdonságokat, és csak akkor haladj tovább, ha elkészültél. A háttérszín melletti szám az átlátszóságot jelöli. 0-nál teljesen átlátszó, 100-nál pedig egyáltalán nem átlátszó a mező. Ha 0 és 100 közti értéket választasz, akkor látszódni fog a mögötte lévő tartalom is az oldalon. Ha már több mező van az oldaladon, próbáld ki ezt is!
A kiválasztott mező pozíciója mindig a szülőmező bal felső sarkától számítva értendő. 48
www.nexius.hu Húzz be még egy alapmezőt az oldalra és mindkettőt színezd eltérő színűre.
Állítsd át a mező háttér átlátszóságát 100-ra és adj háttérszínt a mezőidnek.
43. kép: Két színes alapmező egy oldalsablonon
Most tehát van az oldaladon egy oldalsablon, illetve két, különböző színű alapmező. Nézzük a többi mezőtulajdonságot. Z-index: Abszolút elrendezés esetén a z-index mutatja a mező mélységét a szülőmezőben. Igazítás a gyerekmezők méretéhez: A Padding / margó: Relatív szülőmezőt jellemzi. Ha bepipálod, pozícionáltság esetén lesz igazodik a mező mérete a gyerekmezők látható. méretéhez.
Layout / elrendezés: A szülőmezőt jellemzi. Abszolút és relatív (horizontális, vertikális) lehet. Az erre vonatkozó további beállítások vannak alatta.
Width , height % / százalékos részesedés: A gyerekmezőt jellemzi. Akkora hányadot (%) tölt ki a szülőmezőből, amekkora értéket megadsz.
49
www.nexius.hu
44. kép: Mező tulajdonságok: elrendezés, százalékos részesedés, z-index, margó
6.2.1 Műveletek mezőkkel 1. KIJELÖLÉS Egyszer rá kell kattintanod a mezőre.
Több mező kijelölése: nyomd le a Shift-et és kattints egyszer a mezőkre.
Kijelölés a mezőkön lépegetve: ha lenyomod a Shift-et és a fel nyílra kattintasz, akkor a szülőmezőt tudod kijelölni. A le nyíllal a gyerekmezőket, míg az oldalsó nyilakkal a testvéreket jelölheted ki. Ez a fajta kijelölési mód nagyon hasznos akkor, amikor szorosan egymáshoz vannak igazítva a mezők és nehezen tudsz rájuk kattintani.
2. MOZGATÁS Ki kell jelölnöd a mezőt és háromféleképpen tudod mozgatni:
a keret fölött állva az egérrel, ahogy azt az előző részben olvashattad
a billentyűzet nyilaival pixelenként, a Ctrl-t lenyomva pedig 10 pixelenként
a tulajdonságok ablakban a „position X és Y” melletti értékek átállításával.
3. MÁSOLÁS Kattints rá egyszer a mezőre, majd válaszd ki az egyik módszert:
Ctrl + C, majd Ctrl + V
Jobb klikk – Copy, majd jobb klikk Paste
Fenti gombsoron a másolás, majd a beillesztés gombok
4. TÖRLÉS Kattints rá egyszer a mezőre, majd a:
Jobb klikkre és a Remove-ra, vagy a
Shift + Del-re
6.2.2 Gyakorlás 1. Told egymásra a két színes mezőt, majd válaszd ki az egyiket.
50
www.nexius.hu
A zöld mező z-indexe = 1.
2. Kattints rá a fölső mezőre és állítsd át a z-indexét 0-ra.
0 lesz a szülőmező első gyerekmezőjének a z-indexe, és eggyel nagyobb a további mezőké. Minden szülőmezőben újraindulnak ezek az értékek, tehát egy oldalon lehet akár 5 olyan mező is, aminek azonos a z-indexe.
Olyan ez, mint a Powerpointban az előrehozás / hátraküldés. Az alacsonyabb z-indexű mezők alul /vagy hátul, a magasabb z-indexű mezők pedig fölül / vagy elöl lesznek az adott szülőmezőben. 3. Most kattints rá az oldalsablonra és állítsd át a „layout” melletti „absolute” elrendezést verticalra.
51
www.nexius.hu
A vertikálisan pozícionált szülőmező gyerekei egy képzeletbeli függőleges tengely mentén, először középre rendeződnek.
4. Állítsd át az „align H”-t „left”-re, az „align V”-t pedig „top”-ra.
Itt beállíthatod, hogy a gyerekmezők a szülőmező melyik részéhez legyenek igazítva vízszintesen és függőlegesen.
5. Ezután állítsd át az „align V” melletti számot 50-re.
52
www.nexius.hu
Fix, jelen esetben 50 pixel távolságban vannak egymástól a relatív pozícionált szülőmező gyerekei.
6. Csinálj egy másolatot a zöld mezőből és helyezd el az oldalon.
Láthatod, hogy az összes mező fix, 50 pixeles távolságban, egymás alatt fog elhelyezkedni a függőleges tengely mentén.
7. Még mindig az oldalsablon van kijelölve. Pipáld be a szélesség és a magasság melletti négyzeteket és figyeld meg, mi történik!
53
www.nexius.hu
A szülőmező (ami jelen esetben az oldalsablon) mérete pontosan akkora lesz, mint a benne lévő gyerekmezők.
Ha csak a szélesség melletti négyzetet pipálod be, akkor értelemszerűen csak a szülőmező szélessége igazodik a gyerekmezők szélességéhez. 8. Pipáld ki az imént bejelölt mezőket és állítsd vissza az oldal méretét 810 x 533 pixelesre. 9. Válaszd ki az egyik gyerekmezőt és állítsd át a „width %” melletti értéket 100-ra.
Ekkor a gyerekmező épp olyan széles lesz, amilyen a szülőmező szélessége.
Állítsd át a 100-at 50-re és figyeld meg, mi történik. 10. Válaszd ki ismét az oldalsablont és állíts be neki egy 10 pixeles margót.
54
www.nexius.hu
Csak akkor használható a margó, ha a mezőt relatív pozícionáltra állítottad. Ez a funkció különösen hasznos lesz majd a szöveges mezőknél.
11. Végül kattints rá a középső alapmezőre és állítsd át a z-indexét.
A rózsaszín mező z-indexét 2-re állítottuk, így ő lett a harmadik a listában. Az első zöld mező z-indexe 0, a másodiké pedig 1.
Relatív pozícionálásnál, amikor gyakorlatilag nem értelmezhető a harmadik koordináta tengely (hiszen nem lehet fedésbe hozni a mezőket), a z-index a sorrendet jelöli az adott szülőmezőben. Elsőre bonyolultnak tűnhet ez a sokféle szempont szerint történő pozícionálás, és nem is biztos, hogy első olvasásra megjegyezhető. Próbáld ki több mezővel is, illetve variáld a kétféle pozícionáltságot a százalékos értékekkel és a pipákkal, illetve nélkülük. Gondolj vissza a napilap szerkezetére és képzeld el, milyen összetett oldalakat lehet készíteni a fenti beállításokkal. Ne csüggedj, ha elsőre nem megy, mert a későbbiek során kitérünk még ezekre. A mezőtulajdonságok közül már csak az „effect”-et nem ismered. Ez az eseményezéshez köthető jellemző, így annál a fejezetnél megismerheted a részleteit.
55
www.nexius.hu Most pedig nézzük, milyen alapsablonok vannak és mi jellemző rájuk.
6.3 Alapmező Üres mező, ami azt jelenti, hogy bármilyen fajtájú és korlátlan számú további mező helyezhető bele. Lehet átlátszó és formázatlan, ilyenkor leginkább csoportosítás a szerepe, de adhatsz neki háttérszínt és természetesen funkcionálhat önálló mezőként is.
6.4 Szövegmező Látszólag olyan üres mező, mint az előbbi alapmező, de ha duplát kattintasz rá, egyből látni fogod a különbséget. Először húzz be az alapsablonok közül egy szövegmezőt az oldaladra. Ha túlságosan nagy a rendetlenség, kezdj egy új oldalt (természetesen egy új oldalsablonnal). Ne felejts előtte menteni! Figyelj arra, hogy ha új oldalt kezdesz, az első mező mindig üres alapmező, vagy oldalsablon legyen. Ha kihagyod ezt a lépést és rögtön egy szövegmezőt húzol be, akkor arra az oldalra nem fogsz tudni további mezőket tenni, mert az olyan mezőkbe, amik nem üresek, nem helyezhető további mező. Ezen kívül biztonsági okokból az első mezőt az oldalon nem tudod kitörölni sem, így ha ilyen történne, újra kell kezdened az oldal szerkesztését. Kattints kétszer a mezőre és nézd meg, hogyan változott a mezőtulajdonságok ablak. Sötétzöld keret jelöli, hogy a mezőben lévő tartalom van megnyitva. Ha egyszer kattintasz egy mezőre, akkor kiválasztod és a mező tulajdonságai jelennek meg, ha viszont kétszer kattintasz rá, akkor a benne lévő tartalmat éred el. Ez a tartalom szöveg, kép és videó lehet. Itt változtathatsz a szöveg stílusán.
Miután egyszer belekattintottál, ide kell beírnod a szöveget.
Itt változtathatsz a szövegbeviteli mező háttérszínén (ha fehér betűvel írnál).
Frissítést követően jelenik meg a szöveg az oldalon. 56
www.nexius.hu 45. kép: Szöveg tulajdonságai ablak
1. Írj be valamit a szöveg tulajdonságok ablak bal oldalára.
Hiába írod be a szöveget a tulajdonságok ablakba, amíg nem kattintasz a frissítés gombra, addig nem jelenik meg a mezőben. Miután beírtad a szöveget, kattints a frissítés gombra.
Többféle frissítés gomb van a Nexiusban (oldal, szövegmező, struktúra frissítése), ne keverd össze őket! 2. Állítsd a mező méretét akkorára, hogy beleférjen a szöveg. Add meg a mező szélességét, majd kattintsd be a „height” melletti mezőt.
Emlékszel még erre a funkcióra? Ha be van jelölve, akkora lesz a mező, mint a benne lévő tartalom mérete, ami jelen esetben a szöveg.
Ha nem ugrik automatikusan a szöveg magasságához a mező, akkor kattints duplán a mezőbe, majd egyszer a szövegbe. Természetesen nem muszáj ezt a funkciót használnod, e nélkül is beállíthatod a mező méretét.
57
www.nexius.hu 3. Adj egy 10 pixeles margót a szövegnek. Ne felejtsd el beállítani valamelyik relatív pozícionáltságot, hiszen a margó csak így fog megjelenni. 4. Válassz ki egy szövegrészletet és változtass a stílusán.
Miután kijelölted a szövegrészletet, ebből a listából tudsz stílust választani.
A stílusok bekezdésstílusok, ebből adódóan szavak nem, csak teljes bekezdések formázhatóak. A Nexiusban csak stílusokkal lehet szöveget szerkeszteni. Habár a „format” mellett ott van a négyféle igazítás gomb, de nem formázó, hanem szűrő szerepet töltenek be. Ez azt jelenti, hogy csak abban az esetben lehet kiválasztani a jobbra igazított címsor 1 stílust, ha az már létezik. Ellenkező esetben, hiába választod ki a címsor 1 stílust, majd kattintasz a jobbra igazításra, a szoftver megkeresi a legközelebbi jobbra igazított stílust, és arra változtatja a szöveged stílusát. Ez eltér a Wordben megszokott funkcióktól. 5. Jelöld ki a bekezdést és válassz egy fehér stílust.
Ne felejtsd el átállítani a szövegmező és a szövegbeviteli mező háttérszínét, mert nem fogod látni a fehér betűket.
Ha az oldalon is látni szeretnéd a fehér szöveget, háttérszínt kell adnod a mezőnek. 58
www.nexius.hu A változókat is szövegmezőkben kell elhelyezned, ezekről az aktív elemekről itt olvashatsz bővebben.
6.5 Pixeles kép A program a pixel- és vektorgrafikus képek kezelését is lehetővé teszi. Ha pixelgrafikus képet szeretnél feltölteni, válaszd a kép sablont. Ezen a sablonon keresztül png és jpg / jpeg formátumú képeket tölthetsz fel. Húzz be az alapsablonok közül egy képet az oldaladra. Hasonlóan a szövegmezőhöz, erre a sablonra is duplán kell kattintanod, hogy képet tudj feltölteni. Figyeld meg, hogyan változott a tulajdonságok ablak:
Ide kattintva tudsz képet feltölteni.
Itt változtathatsz a feltöltött kép minőségén.
Itt változtathatsz a feltöltött kép színén.
Ha nem megfelelő a kép mérete, itt beméretezheted a mezőbe.
46. kép: Kép tulajdonságai ablak
Miután a mező méretéhez igazítottad a kép méretét, itt javíthatsz a képminőségen.
1. Kattints a plusz gombra és tölts fel egy pixelgrafikus képet. A maximális feltölthető fájlméret 2MB, a kép mérete egyik irányban sem haladhatja meg a 2880 pixelt, a feltölthető fájlformátumok jpg és png. Javasoljuk, hogy ha nagyméretű képet szeretnél feltölteni, előtte egy külső szoftver segítségével kicsinyítsd le. Ne felejtsd el kitölteni a metaadat ablak első 2-3 fülét!
59
www.nexius.hu
Figyeld meg, hogy miután feltöltötted a képet, a „name” és a „descr.” melletti mezők automatikusan kitöltődnek.
A kép egyelőre teljes méretben szerepel az oldalon és akkorra rész látszódik belőle, amekkora a mező mérete. 2. Kattints a „resize” melletti legörgethető listára és méretezd a képet a mező szélességéhez.
Görgesd le a listát és válaszd ki a méretezés módját.
Méretezéskor a következő lehetőségek közül választhatsz: mező szélességéhez (width), magasságához (height), a teljes mezőhöz illesztve (fit) vagy eredeti méretben (none)). A teljes mezőhöz illesztés azt jelenti, hogy a program a képet minden esetben úgy méretezi, hogy beleférjen a mezőbe. 3. Miután beállítottad, hogy a kép igazodjon a mező méretéhez, kattints egyszer a mezőre és növeld meg a méretét 400 x 300 pixelre.
60
www.nexius.hu
A kép egészen addig igazodik a mező méretéhez, amíg a szélességhez való méretezés be van kapcsolva.
Figyeld meg, hogy a kép minősége korántsem tökéletes. Ha már megvan a kép végleges mérete az oldalon, a következő lépés a minőség javítása. 4. A „smooth” / simítás funkcióval javíthatsz a kép minőségén. Először add meg a „smooth” melletti értéket, majd pipáld ki a „high quality” mezőt. Addig ne tegyél pipát mellé, amíg a kép végleges méretét nem állítottad be. Erre azért van szükség, mert amíg változtatsz a mező méretén, addig egy gyengébb (előnézetszerű) átméretezési eljárást használ a program. A simítás funkciót nagymértékű kicsinyítésnél érdemes használni. Túl nagymértékű simítás hatására a kép életlen lehet, a javasolt beállítás 2-4. Gyakorolj sokat és ráérzel majd arra, hogy milyen értékeket válassz. 5. Mentsd el az oldalt. A módosított képet minden esetben fel kell tölteni a szerverre. Ezt úgy tudod megtenni, hogy mentés előtt átkattintasz egy másik mezőre. Miután ellapozol az oldalról, az aktuális beállításokkal menti el a képet az oldalon, ami bekerül a “resource”-ok közé is. Ha viszont a későbbiek során rálapozol erre az oldalra és például nagyítanál a képen, keresd meg a “Resources” fülön az eredeti példányt, és használd azt. A pixelgrafikus képeket ugyanis eredeti méretüknél nagyobbra nem lehet átméretezni. 6. Változtass a kép egyéb beállításain. Mozgasd a csúszkát (háromszöget) a megfelelő irányba. A finomhangoláshoz használhatod a billentyűzet nyilait is:
brightness: világosság
contrast: kontraszt
saturation: színtelítettség. Készíts fekete-fehér képet, húzd teljesen balra a csúszkát.
correction: az alul- és túlexponált fényképeket ezzel az eljárással tudod korrigálni. Az alábbi beállításokat mindhárom alapszín esetében alkalmazhatod:
61
www.nexius.hu
offset: =színeltolás. Egy (vagy több) szín eltolásával speciális hatást érhetsz el, a kép színes részeit pl. pirosabbá, zöldebbé, stb. teheted. Az eljárás a legsötétebb részeket fogja a leginkább befolyásolni, tehát pl. a pirosat maximum értékre tolva a feketék helyett pirosat fogsz látni.
multiply: =szín többszörözés. Ha például a piros színt többszörözöd, akkor a képen található piros, vagy pirosas színek lesznek élénkebbek, a kép adott színtartalmát erősíted fel.
47. kép: Nexiusban manipulált képek (az első az eredeti)
A fenti műveleteket célszerű többféle típusú pixeles képpel is kipróbálnod, különös tekintettel a simítás funkcióra. Tapasztald ki a szoftver határait, és ha nem tudsz megfelelő képminőséget létrehozni, akkor külső szoftverrel vágd meg a képet. Ha screenshotot szeretnél például betenni, egy kismértékű homályosság is nagyon zavaró lehet. Ha sikerült mindent elsajátítanod, jöhetnek a vektorgrafikus képek!
6.6 Vektoros kép és YouTube videó Ha vektorgrafikus képet vagy YouTube-os videót szeretnél feltölteni, válaszd a sablonok közül az ábra / „graphic” sablont. Ezen a sablonon keresztül wmf, emf és swf formátumú képeket tölthetsz fel és swf videókat linkelhetsz be. Húzz be az alapsablonok közül egy ábrát az oldaladra. Kattints duplát a mezőre és nézd meg, hogyan változott a tulajdonságok ablak.
62
www.nexius.hu
Ide kattintva tudsz képet feltölteni. Ide kattintva tudsz YouTube videót belinkelni.
Itt tudod beállítani, hogy a kép méretarányosan, vagy a nélkül legyen a mező méretéhez igazítva. 48. kép: Ábra tulajdonságai ablak
Összehasonlítva a pixeles képekkel, a vektorgrafikus képek esetében a méretezésen kívül nincs lehetőség a kép szoftveren belüli manipulálására.
6.6.1 Vektorgrafikus kép 1. Kattints a „+ file” gombra és tölts fel egy vektorgrafikus képet.
Itt tudod beállítani, hogy a kép méretarányosan, vagy a nélkül legyen a mező méretéhez igazítva.
A „name” és a „descr.” melletti mezők ebben az esetben is automatikusan kitöltődnek. 2. Kattints a „scale” és a „keep ratio” melletti mezőkre, és nézd meg, hogyan változik a mezőhöz illesztés és az aránytartás.
63
www.nexius.hu A „scale” melletti pipa be van kattintva, vagyis beméretezi a képet a mezőbe. A „scale” és a „keep ratio” is be van kattintva, vagyis beméretezve és torzítás nélkül jelenik meg a kép a mezőben.
Sem a „scale” sem a „keep ratio” nincs bekattintva, vagyis az eredeti méretben jelenik meg a kép. A vektorgrafikus képeket minőség romlás nélkül át lehet méretezni, ezért nincs szükség a pixelgrafikus képeknél megismert simításra. Tipp: Ha szeretnél egy prezentációból teljes diákat áthelyezni a szoftverbe, akkor használd a Powerpoint export funkcióját. Az ábra sablonon keresztül nemcsak képet, hanem rövid animációt is feltölthetsz. Mielőtt továbbhaladsz, próbáld ki az animáció feltöltését is.
6.6.2 YouTube videó A Nexiusba a videó sablonon keresztül tudsz videót feltölteni. Erről a következő fejezetben lesz szó. A YouTube videókat természetesen nem kell le és feltöltened, elegendő belinkelni őket. A vektorgrafikus kép sablon segítségével jeleníti meg a szoftver a videólejátszó keretet és magát a videót. 1. Kattints a „+ online” gombra.
64
www.nexius.hu
A „label” és a „title” mezőkhöz másold be a YouTube videó pontos címét.
Másold ide a megfelelő formátumú linket.
49. kép: Online fájlok metaadatainak tárolására szolgáló ablak
2. Keresd meg a videót a YouTube-on. Első példánk legyen az alábbi videó. http://www.youtube.com/watch?v=nMok_W1S5z0 3. Készítsd el a megfelelő formátumú linket. Az alábbi elérési útvonalon keresztül lehet az ilyen videókat belinkelni: http://www.youtube.com/v/VIDEO_ID?version=3 A „VIDEO_ID” egy változó, a 11 karakteres azonosítója a lejátszandó videónak. A YouTube linkek azonosítója általában az = jel utáni 11 karakter, ami jelenlegi példánk esetében ez: nMok_W1S5z0 Másold be ezt az azonosítót a „VIDEO_ID” helyére és máris kész a Nexiusba beillesztendő link: http://www.youtube.com/v/nMok_W1S5z0?version=3 A kiemelt videók linkje kicsit eltér a többitől: http://www.youtube.com/watch?v=7xrU5BxaPWo&feature=topvideos Ilyenkor az azonosító az első = jeltől számított 11 karakter. 4. Töltsd ki a metaadat ablakot. 65
www.nexius.hu
Nem kötelező, de írhatsz a videóhoz rövid leírást is.
Kattints az OK-gombra.
50. kép: Kitöltött metaadat ablak YouTube fájlok belinkeléséhez
5. Ezután megjelent a vektorgrafikus kép sablonban a belinkelt videó, amit tetszés szerint átméretezhetsz.
A mező legyen magasabb, mint a videó, hogy könnyebben tudd mozgatni az oldalon.
66
www.nexius.hu 51. kép: Különböző méretű YouTube videók a Nexiusban
6.7 Videó A Nexiusba Adobe Flash (.swf, .flv kiterjesztés) formátumú videókat tudsz feltölteni. Általában az flv formátumot valamely elterjedt videofájl átkonvertálásával hozzuk létre. Húzz be az alapsablonok közül egy videót az oldaladra.
Ez a sablon abban különbözik az eddigiektől, hogy van rajta egy beépített kezelőfelület. Vidd az egered a sablon fölé, és meg fog jelenni.
Ahhoz, hogy a kezelőfelület elférjen, legalább 240 pixel szélesnek kell lennie a videónak. A kezelőfelület segítségével bármikor elindíthatod a lejátszást, valamint előre- és visszafelé is léphetsz. Kattints duplát a sablonra és nézd meg, hogyan változott a tulajdonságok ablak.
Ide kattintva tudod feltölteni a videót.
52. kép: Videó tulajdonságai ablak
Gyakorlás ebben az esetben nem szükséges, hiszen a szoftveren belül nem tudod módosítani a feltöltött videót. Ehhez minden esetben külső szoftver segítségét kell igénybe venned.
67
www.nexius.hu A maximálisan feltölthető videófájl mérete jelenleg 4 MB. Javasoljuk, hogy a rövidebb, pár másodperces videókat swf, míg a hosszabbakat flv formátumban mentsd el és az ehhez megfelelő sablonon keresztül töltsd fel a Nexiusba: swf – ábra; flv – videó. Ha nem sikerül a feltöltés, szükség lehet a videó átkonvertálására.
6.8 Hangfájl A Nexiusba a képeken és a videókon kívül mp3 típusú hangfájlokat is feltölthetsz. Ahhoz, hogy a tananyagban működtethető legyen a hangfájl, először fel kell tölteni a Nexiusba, majd létre kell hozni a megfelelő eseményeket és gombokat. Erről a folyamatról lesz szó a fejezetben. A feltöltésnek több módja is lehetséges. Teljesen mindegy, hogy melyiket választod, hiszen a fájl minden esetben a resource-ok között, a szerveren tárolódik.
6.8.1 Feltöltés audió sablonon keresztül A folyamat azonos a kép, vagy a videó sablonon keresztül történő feltöltésével. 1. Nyisd meg a Resources fület és listázd ki az alapsablonokat (base templates). 2. Húzd be az oldalra az „audio” nevű sablont. Előfordulhat, hogy olyan verziót használsz, ami még nem tartalmaz ilyen alapsablont. Ez utóbbi esetben a Resources fülön keresztül töltsd fel a fájlt. 3. Kattints rá duplán, majd a tulajdonságok ablak + gombjára. 4. Keresd meg a feltöltendő fájlt, majd kattints a „Megnyitás” gombra. 5. Töltsd ki a metaadat ablakot a legszükségesebb adatokkal. A következő lépés az események és a lejátszáshoz szükséges gombok létrehozása.
6.8.2 Feltöltés a Resources fülön keresztül 1. Nyisd meg a Resources fület. 2. Kattints a fül alján található „Add: file” gombra. 3. Keresd meg a feltöltendő fájlt, majd kattints a „Megnyitás” gombra. 4. Töltsd ki a metaadat ablakot a legszükségesebb adatokkal. A sablonon keresztül történő feltöltéssel ellentétben ilyenkor be kell húznod az oldalra a hangfájlt, hiszen egyelőre csak a sablonkészletbe került be. Gyorskereséssel könnyen megtalálod a feltöltött fájlt.
68
www.nexius.hu
A legörhethető listából válaszd a „quick search” opciót.
A legörhethető listából válaszd a „quick search” opciót.
A következő lépés az események és a lejátszáshoz szükséges gombok létrehozása.
6.8.3 A kezeléshez szükséges gombok létrehozása Miután feltöltötted a hangfájlt, kezdődhet a kezelőgombok és a hozzá tartozó események megszerkesztése. Ha még nem ismered az eseménykezelés alapjait, lapozz oda és olvasd el! Abban az esetben viszont, ha tisztában vagy az alapvető fogalmakkal, nézzük át a kezeléshez szükséges gombok létrehozásának módját. 1. Húzz be egy alapmezőt az oldalra. Ebbe fog kerülni a hangfájl és a kezeléshez szükséges gombok, így együtt mozgathatóak és sablonozhatóak lesznek. 2. Ebbe az alapmezőbe tedd be a feltöltött audio fájlt. A hangfájl maga értelemszerűen nem lesz látható az oldalon, az audio fájl olyan, mintha egy üres mező lenne. 3. Tegyél bele az alapmezőbe két másik mezőt is, amik a kezeléshez szükséges „start” és „stop” gombok lesznek majd. Ha a tananyagnak van előre definiált ikonkészlete, akkor érdemes abból kiválasztani a lejátszógombokat. Ellenkező esetben rajzolhatunk is a Nexius segítségével, vagy egyszerűen beszúrhatunk két szövegmezőt, az egyiken „Start”, a másikon „Stop” felirattal. A gyakorlás szempontjából teljesen mindegy, hogy melyik megoldást választod. 4. Utolsó lépésként eseményekkel kösd össze a három mezőt. Mindkét esemény esetében a hang legyen a célmező.
A Start gombra kattintva meg kell jelennie a fájlnak, vagyis elsőként helyezz el egy Click Show eseményt az oldalon.
69
www.nexius.hu
A Stop gombra kattintva el kell tűnnie a fájlnak, vagyis egy Click Hide eseményre van szükséged a hang megállításához.
5. Próbáld ki, hogy működik-e az új vezérlő. Ehhez mentsd el és frissítsd az oldalt.
Ha egy tananyagban többször is szerepel hangfájl, akkor célszerű elmentened a vezérlőt sablonként. Így a következő használatkor már csak a fájlt kell kicserélned, az eseményeket nem kell újra megszerkesztened.
6.9 Vonal Most jöjjön egy olyan elem, amit nem találsz az alapsablonok közt, hanem az oldalon kell létrehoznod. A nyilak és vonalak nagyon hasznosak az oldal szerkesztése során. Segítségükkel a fontos oldalrészek felé irányíthatod a tanulók figyelmét, összekapcsolhatod a logikailag összetartozó elemeket, stb.
53. kép: Különböző nyilak a Nexiusban
Alapértelmezettként fekete, 2 pixel vastag vonalat tudsz húzni, és ezután tudod megváltoztatni a vonal tulajdonságait. Nézzük, hogyan csinálod mindezt!
70
www.nexius.hu 1. Első lépéseként válaszd ki azt a mezőt, amiben el szeretnéd helyezni a vonalat, vagyis a bal egérgombbal kattints rá egyszer. Ez a mező bármilyen alapmező, akár az oldalsablon is lehet. Célszerű minden vonalat egy újonnan behúzott, üres alapmezőbe tenni, mert a vonalakat sajnos nem lehet másolni és egérrel mozgatni. Viszont, ha beleteszed őket egy mezőbe, akkor magát a mezőt minden további nélkül sokszorosíthatod, vagy mozgathatod. 2. Ezután az egér jobb gombjával kattints a mezőbe és válaszd a „Draw new line” opciót. Ekkor a szülőmezőben megjelenik egy kis kör, ez lesz a leendő vonal kezdőpontja. Rákattintva piros színű lesz, így átmozgathatod a mező megfelelő részére (tartsd lenyomva az egér bal gombját és húzd oda).
3. Amint elhelyezted a vonal kezdőpontját, már tudod is húzni a kívánt méretű és irányú vonalat. Még egy kattintással megadhatod a vonal végpontját, ami szintén piros színű lesz. Ekkor megjelenik a középpont is, ami kék színű.
4. Görbítsd meg a vonalad! Húzd el valamerre a kék pöttyöt. Ha duplát kattintasz a középpontra, az újból egyenes lesz.
5. Rajzolj törtvonalat! A végpont megadáskor tartsd lenyomva a Ctrl billentyűt és úgy kattints. Így több töréspontot is megadhatsz. A törtvonal végpontját a Ctrl lenyomása nélkül add meg.
Ha már egy meglévő vonalat szeretnél folytatni, kattints rá, nyomd le a Ctrl-t, majd folytasd a vonal rajzolását. Ez azonos azzal a lépéssel, mintha kijelölés után a jobb egérgombra kattintanál és az „Add anchor”-t választanád.
Változtass a vonal tulajdonságain. Kattints rá egyszer, majd változtasd meg a vastagságát, a színét és a kezdő- és a végpont alakját. 71
www.nexius.hu
Nyíl vagy vonal vastagsága.
Itt tudod beállítani, hogy vonal, nyíl vagy pötty legyen-e az egyenesed két végén.
Nyíl vagy vonal színe. 54. kép:
Itt tudsz változtatni a végpontok méretén.
Vonal tulajdonságok ablak
6. Csinálj egy balról jobbra mutató 5 pixel vastag piros nyilat. A nyíl mérete 15 pixel legyen. 7. Másold le ezt a nyilat. Ugye emlékszel még, hogy önmagában a vonalakat nem lehet másolni? Ha nem, olvasd el az 1. pontot.
72
www.nexius.hu
Státuszok, események és effektek Kinek szól ez a rész? Annak…
aki ismeri az alapsablonokat és a kezelőfelületet
aki szeretne dinamikus oldalakat is létrehozni
A modul elolvasása után tudni fogod:
milyen eseményekkel teheted mozgalmasabbá az oldalaidat
hogyan hozz létre eseményt
hogyan módosítsd egy meglévő esemény részleteit
milyen összefüggés van a mezők egymáshoz való viszonya és az események elhelyezése között
milyen státuszai vannak az oldalaknak
hogyan vezéreld a tanulási folyamatot az események segítségével
Kb. 1.5 órára van szükséged az elvégzéséhez.
7
Státuszok
A Nexius e-learning lehetővé teszi különféle tanulói statisztikák készítését. Ezek a statisztikák az elearninges oktatás legnagyobb előnyei közé sorolhatóak. Képzeld csak el, milyen lenne, ha pontosan tudnád, hogy a tanulók mennyi időt töltöttek el tanulással egy zárthelyi vizsgára való felkészülés során. Ha egy ZH csoport szinten is értékelhetetlenül rossz eredménnyel zárul, annak több oka is lehet. A nehezen tanulható anyag, a lusta diákok és a rosszul feltett kérdések is rossz jegyeket eredményezhetnek. Az elektronikus tananyagoknál a rendszer elmenti a tanulást jellemző információkat. Visszakövethető, például, hogy pontosan mennyi időt töltött el a tanuló egy adott oldalon, hány percig gondolkodott egy tesztkérdésen, vagy összesen hányszor töltötte ki a tesztet, amíg sikerült neki. Ezek az egyén- és csoportszintű statisztikák a későbbiekben segíthetik a tanulási folyamat tervezését, adott esetben rávilágíthatnak egy hibás tesztkérdés, vagy egy nehezen érthető rész jelenlétére. Minden tanuló megkülönböztethető és visszakereshető a rendszerben, valamint az egyes oldalaknak különféle ún. státuszai vannak. A státusz a tananyagoldalak és a tanuló kapcsolatát jellemző tulajdonság. Kezdetben minden struktúraelemnek nem látogatott státusza van, hiszen a tanuló egyetlen oldalt sem nézett meg. Az a cél, hogy minden fejezet és oldal elfogadott státuszt kapjon, így a teljes modul teljesített lesz. A státuszok rögzítésének kulcsszerepe van a tanuló haladását követő nyilvántartásban.
73
www.nexius.hu
7.1 Általánosságban a státuszok típusairól Általánosságban nem teljesített és teljesített státuszról beszélünk. Teljesített státusz kétféle módon szerezhető és mindig (szürke vagy zöld) pipák jelölik a tartalomjegyzékben. Az ikonok jelentéséről itt, a státuszok és tartalmi elemek összefüggéséről pedig itt olvashatsz. Ha a tanulás végén nem minden oldalnak van elfogadott státusza, a tartalomjegyzéken keresztül meg tudod nézni, hogy pontosan melyek ezek.
7.2 Státuszjelző információk a tartalomjegyzékben A tartalomjegyzékben kirajzolódik a modul struktúrája, amely különböző módon jelöli a megtekintett, átlapozott és még el nem ért oldalakat. Az egyes oldalak és fejezetek státusza tájékoztatja a tanulót arról, hogy a modulban pontosan hol tart, annak mekkora részét végezte már el, és még mit kell teljesítenie, esetleg megismételnie. A státuszokat a rendszer folyamatosan rögzíti, az ezek alapján készülő statisztikák sokkal pontosabb képet adnak a tanulás folyamatáról, mint egyetlen pontszám vagy érdemjegy. Egy modul akkor számít elvégzettnek, ha minden struktúraelemnek valamilyen elfogadott / teljesített státusza van. Elfogadott státuszt kétféleképpen kaphat egy oldal. Ha rálapoz a tanuló és teljesíti a feltételeket, vagy ha sikeresen kitölt például egy elő-felmérő, fejezetzáró vagy tananyagzáró tesztet. A státuszok akkor is kirajzolódnak a tartalomjegyzékben, ha lektorként nyitod meg azt, csak nem tárolja el őket a rendszer. Ez azt jelenti, hogy ha a tananyag lektorálását a felénél abbahagyod és kilépsz, a következő belépésnél nem fog emlékezni a rendszer, hogy hol hagytad abba az olvasást. Nézd meg, hogyan jelöli a Nexius ezeket a státuszokat a tartalomjegyzékben. 1. Nyiss meg egy anyagot a tanulói felületben. 2. Lapozgass benne úgy, mintha épp tanulnál. Maradj egy oldalon több másodpercig, és nézz végig legalább egy fejezetet. Kattints a „contents” gombra. Ekkor megjelenik a tartalomjegyzék és azok az információk, amikről eddig még nem beszéltünk.
74
www.nexius.hu Teljesített fejezet. A zöld fejezet azt jelenti, hogy az összes oldalát teljesítette a tanuló.
Haladási ütem. Azt mutatja, hogy mekkora része van elvégezve az anyagnak. 55. kép:
Teljesített oldal. A zöld pipa azt jelenti, hogy teljesítette az oldalt a tanuló.
Státuszjelző ikonok a tartalomjegyzékben
A tanulói felületről szóló fejezetben már említettük, hogy csak akkor célszerű ellapozni egy oldalról, ha zöld a tovább gomb. Ez egyúttal azt is jelenti, hogy az adott oldal kap egy zöld pipát, vagyis teljesített lesz a státusza a Nexiusban. A fejezet színe akkor lesz zöld, ha a benne lévő összes oldal teljesített státuszt kapott. Ha a fejezethez tartozik egy teszt is, értelemszerűen azt is sikeresen ki kell töltenie a tanulónak. Nagyon fontos, hogy a fenti információk csak akkor kerülnek mentésre a rendszerben, ha az „exit” gombra kattintva zárod be a tanulói felületet. Ilyenkor a legközelebbi belépésnél ugyanott folytathatod a tanulást, ahol korábban abbahagytad. Ha csak becsukod az ablakot, vagy a böngészőt, akkor a rendszer nem menti el az eredményeidet.
7.2.1 Az ikonok jelentése Az előző részben néhány ikon jelentéséről már olvashattál. Nézzük át az összes ikont, amivel az egyes oldal- és teszttípusok esetében találkozhatsz: Zöld pipa és oldal ikon jelzi a sikeresen kitöltött teszteket és az elvégzett tartalmi oldalakat.. Szürke pipa és oldal ikon jelöli a az elfogadott, de nem látogatott oldalakat és teszteket (Pl.: ha nem nyitottad meg az oldalakat, de sikeresen kitöltötted a tananyagzáró tesztet.), vagy a sikertelenül kitölött gyakorló vagy elő-felmérő teszteket. Zöld mappa jelzi azokat a fejezeteket, melyeknek minden eleme teljesített státusszal rendelkezik. A szürke mappával jelzett fejezetekben vannak olyan oldalak, melyek nem elfogadott státuszúak.
75
www.nexius.hu
7.2.2 A struktúraelemek lehetséges státuszai Az alábbi táblázatban összefoglaljuk az összes struktúraelem státuszát. A különféle teszttípusokról egy későbbi fejezetben lesz szó. Ne ijedj meg, a táblázat nem része a kötelezően megtanulandó részeknek, inkább csak összefoglaló, áttekintő célzattal készítettük. NEM TELJESÍTETT STÁTUSZOK nem látogatott – not attempted
fejezet
tartalmi oldal
elő-felmérő (pre) teszt
gyakorló (practice) teszt
látogatott – attempted
- nem látogatott
- nem befejezett
befejezett- completed
eredményes- passed
- befejezett
- sikeres teszt hatására (kivéve gyakorló teszt)
- nem látogatott
- megtekintés / esemény hatására
- nem látogatott
- sikertelen kitöltés
-sikeres kitöltés
- nem látogatott
- sikertelen kitöltés
-sikeres kitöltés
- sikeres záróteszt
-sikeres kitöltés
fejezetzáró (post) teszt
- nem látogatott
- sikertelen kitöltés
tananyagzáró (final) teszt
- nem látogatott
- sikertelen kitöltés
8
TELJESÍTETT STÁTUSZOK
-sikeres kitöltés
Események
Az oldalrészleteknek nem kell rögtön a betöltődésekor megjelenniük, beállíthatod például, hogy egyesek kattintásra jelenjenek meg, mások bizonyos idő elteltével. Az események főbb céljai a következők: 76
www.nexius.hu
Interaktivitás (pl.: csak akkor jelenik meg egy oldalrészlet, ha a tanuló rákattint)
Információ rendszerezés és struktúrálás (pl.: időzítve vagy kattintásra megjelenő folyamatábra részletek)
Tanulási folyamat vezérlése (pl.: csak akkor lesz elvégzett egy oldal, ha a tanuló rákattint a képre)
Az eseményt két elem között kell definiálnod, ami lehet mező, vonal, vagy link.
8.1 Az eseménykezelés elemei Mielőtt a szerkesztőben próbálkoznál, nézzük át az eseménykezelés négy fontos elemét:
eseményt kiváltó ok, vagyis minek a hatására történik meg az esemény
eseményt kiváltó hely = start, azaz milyen tartalmi elemmel történik az esemény
eseménykezelés módja, azaz ahogyan a tartalom reagál a kiváltó eseményre
eseménykezelés helye = cél, az a tartalmi elem, ami reagál.
Pl., ha egy képet meg szeretnél nézni nagyobb méretben:
Eseményt kiváltó ok: kattintás.
Eseményt kiváltó hely: a kisméretű kép
56. kép: Nagyítható kép sablon elemei 1
77
www.nexius.hu
Eseménykezelés helye: egy alapmező, benne a nagyméretű képpel
Eseménykezelés módja: megjelenik
57. kép: Nagyítható kép sablon elemei 2
8.2 Az események létrehozása Emlékszel még arra, hogy melyik fülön vannak az események? Ha nem, olvasd el az erre vonatkozó fejezetet. Ha ez megvan, nézzük, hogyan kell új eseményt létrehoznod. 1. Először is csinálj egy új oldalt és húzz be egy oldalsablont. 2. Húzz be egy szövegmezőt és egy alapmezőt. A szövegmezőbe írd a következőket: “Kattints ide és megjelenik a sárga négyzet”. Az alapmező színét pedig állítsd sárgára.
A szerkesztés megkezdésekor érdemes bekapcsolni a kereteket. Különösen igaz ez az esemény létrehozására, amikor nem mindegy, hogy melyik két mező között hozod létre a kapcsolatot. 3. Nyisd meg az “events” fület és kattints a jobb egérgombra, majd az “Add new”-ra. Ekkor az egérhez tapad egy kis play gombhoz hasonló ikon, ezzel tudod megjelölni az eseményt kiváltó helyet, vagyis azt a mezőt, ahonnan indul az esemény. Az egér mozgatása közben annak a mezőnek 78
www.nexius.hu a háttere lesz zöld, ami felett az egérrel állsz (nyilaknál nem a háttér, hanem a körvonal lesz zöld). A megfelelő elem felett kell kattintanod, ezzel tudod letenni az eseményt.
4. Ezután azt a mezőt kell megjelölnöd, amelyik reagálni fog majd az eseményre, jelen esetben például meg fog jelenni. Ezt, a kurzorodhoz tapadt kis zászlóval tudod megtenni az előzőhöz hasonló módon, a megfelelő mező fölött történő kattintással.
Ezt követően az eseményhez tartozó mezőket piros keret veszi körül és piros vonal köti össze őket.
Figyeld meg, hogy egyúttal megjelent az esemény az „Events” fülön. Az on 9 click -> show 88 azt jelenti, hogy a 9-es mezőre kattintva a 11-es mező fog megjelenni. A mezők azonosítóját a következőképpen tudod láthatóvá tenni:
kattints a jobb egérgombra az oldal fölött és válaszd ki a „Show / hide IDs”-t, vagy
kattints a nézet beállítások gombra és jelöld be az „identifiers” melletti négyzetet.
Az alapbeállítás az, hogy kattintásra jelenjen meg a másik mező (click... --> show...), de ezt bármikor megváltoztathatod, ha duplán kattintasz az eseményre. Ha nem sikerült letenned az eseményt, kezdd újra a folyamatot. Ha rossz helyre tetted az eseményt, csak válaszd ki (kattints rá egyszer a fülön), majd kattints a jobb egérgombra és válaszd a „Remove action”-t.
79
www.nexius.hu 5. Ahhoz, hogy megnézd, megfelelően működik-e az esemény, először is mentsd el az oldalt. Ezután kattints a mentés mellett lévő frissítés gombra. Amint újratöltődött az oldal, láthatod, hogy eltűnt a sárga mező. 6. Próbáld ki az eseményt és kattints a Ctrl lenyomva tartása mellett a szövegre. Tanuláskor az eseményekben részt vevő mezők kattintásra, szerkesztői üzemmódban azonban Ctrl + kattintásra jelennek meg. Erre értelemszerűen azért van szükség, hogy meg legyen különböztetve a mező kijelölése művelet az esemény beindításától.
8.3 Az esemény módosítása Könnyedén tudsz változtatni bármelyik meglévő eseményen. 1. Nyisd meg az „Events” fület és keresd meg azt az eseményt, amelyiket át szeretnéd állítani. Ha kevés mező és esemény van az oldalon, akkor az azonosítók bekapcsolásával a legegyszerűbb megkeresni az eseményt. Mi a teendőd, ha már túl sok esemény lenne a listában? Kattints rá valamelyikre egyszer, majd a billentyűzet fel-le nyilaival lépegess végig az összes eseményen, és közben figyeld az oldalad. Az aktuálisan kijelölt eseményben résztvevő elemek között mindig megjelenik a piros vonal, így könnyedén kiválaszthatod, hogy melyik az, amelyiken változtatnál. 2. Kattints az eseményre kétszer. Trigger: Az eseményt kiváltó ok, ami jelen esetben a kattintás. Event: Az eseménykezelés módja, ebben az esetben a megjelenés. 58. kép:
Esemény részletei
Ha legörgeted a fenti listákat, a következő lehetőségek közül választhatsz. Trigger:
kattintás (click),
mező megjelenés (show)
egérmozgatás (mouse over, mouse out)
link (Ez nem választható. Akkor jelenik meg az eseményben, ha egy szövegrészlethez külső hivatkozást linkeltél.)
Event:
megjelenik (show), 80
www.nexius.hu
eltűnik (hide),
ki lesz nyomtatva (print), - egyelőre nem működik
betöltődik egy megadott url (UrlChange),
külön ablakban megnyílik a mezőhöz feltöltött fájl (load)
kicserélődik egy oldalrészlet (itemChange), - teszteknél lehet használni
megjelenik a részletes teszteredmény (evaluate), - teszteknél lehet használni
a mező jelenléte szükséges, de önmagában nem elégséges feltétele az oldal "elfogadott" státuszának (progress),
a mező jelenléte az oldal „elfogadott” státuszának feltétele (completed).
Delay: Az az idő, ami a két mezőhöz tartozó esemény között eltelik és milliszekundumban kell megadnod (1 sec = 1000 msec). Beírhatod a számot, vagy használhatod a fel-le nyilakat is. Param: Ha az UrlChange event-et választod, ide másold azt az Url-t, aminek be kell betöltődnie. 3. Állítsd át az eseményt. Ha eddig click show volt, legyen show show, és állíts be egy 3 másodperces „delay”-t. 4. Ellenőrizd le, hogy sikerült-e a módosítás. Ments el, majd frissítsd az oldalt.
8.4 Az esemény áthelyezése A már elkészített eseménykezelést (beállításokkal együtt) áthelyezheted, vagyis más mezőkhöz tudod rendelni. 1. Válaszd ki az eseményt. 2. Húzd be az oldalra (ahogy a sablonokat is elhelyezted az oldalon). A már ismertetett módon helyezd el a nyilat, majd a zászlót.
8.5 Gyakorlás Most, hogy az elmélettel már tisztában vagy, nézzük meg a leggyakoribb eseményeket.
8.5.1 Link és email küldés Kétféleképpen tudsz a Nexiusban link eseményt létrehozni: mezőre és szövegrészletre kattintva. Mindkét esetben egy külön ablakban fog megjelenni a belinkelt weboldal. MEZŐRE KATTINTVA:
81
www.nexius.hu 1. Hozz létre egy click url change eseményt. Figyelj arra, hogy a nyíl és a zászló is ugyanazon a mezőn legyen.
2. Másold be a „param” mezőbe a linket.
3. Mentsd el és frissítsd az oldalt, majd a Ctrl lenyomása mellett, próbáld ki az eseményt. SZÖVEGRÉSZLETRE KATTINTVA:
82
www.nexius.hu 1. Kattints rá kétszer egy szövegmezőre. A szöveg tulajdonságok ablakban jelöld ki azt a szövegrészletet, amihez szeretnéd hozzárendelni a linket.
2. Másold be a linket a szöveg tulajdonságok ablak jobb oldalán lévő „link” mezőbe, majd nyomd meg a plusz gombot.
Miután bemásoltad a linket, kattints ide.
83
www.nexius.hu 3. Ekkor jelenik meg az esemény az „Events” fülön.
Automatikusan kék lesz az a szövegrészlet, amire kattintani kell.
4. Mentsd el és frissítsd az oldal, majd a Ctrl lenyomása mellett próbáld ki az eseményt. Gyakran megjelenik a tananyagban a szerző neve, elérhetősége. Be tudod állítani, hogy ha a tanuló rákattint egy mezőre, vagy egy szövegrészletre, akkor egy külön ablakban a levelező rendszer jelenjen meg az illető e-mail címével. Ha a link helyére például ezt írod: mailto:
[email protected], akkor onnantól kezdve egy kattintással lehet majd e-mailt küldeni Kovács Lajosnak.
8.5.2 Dokumentum csatolása linkeléssel Vannak olyan témák, vagy tananyagrészek, amiket nem érdemes vagy nem lehet e-learninges formába ültetni. Például a jogi tananyag szó szerint megtanulandó részeit készítsd el külön fájlként, és linkeld a megfelelő részhez. Így letölthető és kinyomtatható lesz, ami nagyban segíti majd a tanulási folyamatot. Korábban az alábbi két lépésből állt a dokumentum csatolása:
Fel kellett töltened a fájlt. A maximálisan feltölthető fájlméret installfüggő, általában 16MB. A Nexiusszal kompatibilis dokumentumok formátumai a következők: zip, rar, 7z, doc, docx, pdf, ppt, pptx, xls, xlsx, odp, ods, odt.
Be kellett linkelned a tananyagba.
Mivel ez a fajta mód nem minden esetben eredményez működőképes fájlmegjelenítést, ezért kifejlesztettük a mezőhöz történő csatolás módszerét. Azt ajánljuk, hogy ez utóbbi módzsert válaszd, amiről a következő részben olvashatsz. FELTÖLTÉS
84
www.nexius.hu
Kattints ide, keresd meg a fájlt és kattints a „megnyitás” gombra. Várd meg, amíg feltöltődik a Nexiusba, majd töltsd ki a legfontosabb metaadatokat. Az ikon automatikusan megjelenik, de bármikor lecserélheted.
59. kép: A fáj feltöltése gomb és a metaadat ablak
Nagy fájlméretnél a feltöltés hosszabb ideig is eltarthat. Ezt követően megjelenik a fájlt a sablonok között és a „Resources” fülön is bármikor elő tudod keresni. BELINKELÉS A TANANYAGBA Keresd meg a fájlt a „Resources” fülön, majd kattints rá kétszer.
85
www.nexius.hu
Ezt a linket kell kimásolnod, és összekapcsolnod a tananyag megfelelő részével.
60. kép: A feltöltött dokumentum elérhetősége a szerveren
Figyelj arra, hogy másolásnál egyetlen karakter se vesszen el a linkből. Kattints bele az „url” melletti mezőbe, majd kattints a Ctrl + A-ra (ezzel kijelölöd az egész linket), majd a Ctrl + C-re. Mindent ugyanúgy csinálj, mint a többi linknél. Illeszd be a linket a click url change esemény „param” mezőjébe. A fájl minden esetben külön ablakban fog megnyílni. Próbáld ki!
8.5.3 Dokumentum csatolása mezőhöz rögzítéssel Korábban linkelés útján jelenítettük meg a szerverre feltöltött dokumentumokat, de ez több szempontból sem bizonyult ideális megoldásnak. Ha például egy tanulónak nincs internet elérhetősége, akkor nem tudja megtekinteni a belinkelt fájlt. Ezen kívül például, ha átírtad, vagy lemásoltad az eseményben résztvevő mezőt, akkor elveszett az útvonal. A linkelés dokumentummegjelenítő funkciója korábban csak egy átmeneti félmegoldást szolgált, és most bemutatjuk a megfelelő alternatívát! Fontos tudnod, hogy a funkció korai kísérleti fázisban van, ami azt jelenti, hogy kollégáink folyamatosan tesztelik, ezért előfordulhatnak kisebb-nagyobb hibák. A „korai” jelző pedig arra utal, hogy még számos apró kiegészítéssel fogjuk támogatni ezt a funkciót. Az alábbiakban tehát arról lesz szó, hogy miként tudsz a tanulók számára biztosan elérhetővé és letölthetővé tenni egy fájlt. Az első és legfontosabb tudnivalók, hogy fájlt egyelőre csak szövegmezőhöz tudsz csatolni és egy szövegmezőhöz egyelőre csak egyetlen fájl csatolható.
86
www.nexius.hu 1. Kattints duplán arra a szövegmezőre, amihez dokumentumot szeretnél csatolni. 2. Kattints a szöveg tulajdonságok ablakban a fájl feltöltés gombra.
Ahhoz, hogy a fájl feltöltődjön a szerverre, ide kell kattintanod.
61. kép: A fájlt feltöltés gomb a szöveg tulajdonság ablakon
3. Válaszd ki a feltöltendő fájlt, töltsd ki a metaadat ablak legfontosabb mezőit, majd kattints az OK gombra. Ezzel feltöltődött a fájl a szerverre, ami bármikor előkereshető a „Resources” fülön keresztül. 4. Kattints a „+” jelre, ha azt szeretnéd, hogy a teljes szövegmező kattintható legyen. Ha azonban csak egy szövegrészletet szeretnél kattinthatóvá tenni, akkor először jelöld ki a szöveg tulajdonságok ablakban a vonatkozó részt és csak ezt követően kattints a plusz gombra. Miután a plusz gombra kattintottál, meg fog jelenni egy esemény az „Event” fülön. 5. Állítsd át az eseményt az event fülön. Mindig ellenőrizd le, hogy az esemény célpontja („event”-je) az a szövegmezőre mutasson, ellenkező esetben ugyanis nem fog működni.
Az „url change” helyett válaszd a „load” –ot. A „param” mezőbe írj egy nullát. Nulla jelöli az első fájlt, amit a mezőhöz kapcsolsz.
A „load” esemény segítségével betöltöd azt a mezőhöz tartozó fájlt, aminek az azonosítóját a „param” mezőbe írod. Mivel jelenleg csak egyetlen fájl tölthető fel egy mezőhöz (és a
87
www.nexius.hu programozók köztudottan nullától kezdik a számolást), ezért a param mezőbe egyelőre nullát írjatok. 6. Az oldal mentése és frissítése után ki tudod próbálni, hogy sikeres volt-e a fájl csatolása. Többször is írtuk már, de talán nem lehet elégszer hangsúlyozni, hogy ez a funkció még nem készült el teljes egészében, mert:
egy mezőhöz csak egy fájlt lehet csatolni,
nem látszik, ha egy mezőhöz fájlt csatoltál,
teljes egészében nem lett letesztelve a funkció.
Ezért légy körültekintő és tájékoztass bennünket, ha bármi olyat tapasztalsz, ami eltér a fent leírtaktól.
8.5.4 Szószedet Jelenleg nincs a szoftverben beépített szószedet funkció, de az események segítségével könnyedén csinálhatsz. A jó e-learning anyag leginkább egy tanári magyarázattal kiegészített prezentációra hasonlít. Sokszor szükség van arra, hogy az egyes szavakat vagy kifejezéseket megmagyarázzuk, viszont szem előtt kell tartanunk a tanulók eltérő képességeit. Ezért pl. az olyan fogalmakat, amiket feltételezhetően tudják már (de vannak, akik esetleg nem), szószedetbe, vagy felugró ablakba érdemes elhelyezni. 1. Húzz be egy szövegmezőt az oldalra és másold bele ezt a mondatot: Az övsömör a bárányhimlő által okozott ideg- és bőrgyulladás. A célunk ebben az esetben az, hogy a bárányhimlőhöz készítsünk egy szószedetet.
88
www.nexius.hu
Méretezd a mezőt akkorára, hogy beleférjen a szöveg.
2. Jelöld ki a fenti mondatban a bárányhimlő szót és formázd dőltre, aláhúzottra.
A megjelölés módja tetszőleges, a lényeg az, hogy a tanuló számára egyértelműen elkülönüljön ez a szó a többitől.
3. Húzz be még egy szövegmezőt az oldalra és másold bele a következő szöveget: A bárányhimlő, az egyik leggyakoribb fertőző gyermekbetegség. A betegséget a varicella-zoster vírus okozza, mely egyike a 8 ismert, emberre is veszélyes herpeszvírusnak.
89
www.nexius.hu
Állíts be egy 2 pixeles árnyékot, egy 10 pixeles margót és egy 1 pixeles keretet erre a mezőre.
4. Húzz be egy alapmezőt és mozgasd a bárányhimlő szó fölé.
Mértezd át akkorára a mezőt, mint amekkora a „bárányhimlő” szó.
5. Helyezz el két eseményt az oldalon:
mouse over (az alapmező fölé) show (bárányhimlő magyarázata)
mouse out (az alapmezőről) hide (a bárányhimlő magyarázata)
Tehát összesen két esemény szükséges egy szószedet létrehozásához, melyek ugyanazt a két mezőt kapcsolják össze. 90
www.nexius.hu 6. Ha mindent jól csináltál, a következőket kell látnod az „Events” fülön (az azonosítószámok természetesen különbözhetnek):
7. Mentsd el, majd frissítsd az oldalt és a Ctrl lenyomva tartása mellett nézd meg, hogy működik az esemény. 8. Mit teszel, ha a későbbiekben változtatni szeretnél a bárányhimlő magyarázatán? Nem szükséges kitörölni az eseményt ahhoz, hogy a mező szerkeszthető legyen. Nyomd le a Ctrl-t, majd vidd az alapmező fölé, hogy megjelenjen a magyarázat, majd engedd fel a Ctrl-t. Amíg nem aktiválod az eseményt (vagyis nem viszed fölé az egered a Ctrl lenyomva tartása mellett), addig ez a mező szerkeszthető marad.
8.5.5 A teljesített státusz feltételeinek beállítása Arról már a tanulói felület ismertetésénél volt szó, hogy csak akkor érdemes továbblapozni, ha zöld színű lesz a tovább gomb. Ez jelzi ugyanis, hogy teljesített az oldal státusza. Egy tananyag csak akkor számít elvégzettnek, ha az összes oldalnak teljesített a státusza. Egy olyan oldal esetében, ahol egyszerre megjelenik a tartalom, ott az idő a teljesítés feltétele, hiszen a tanulónak csupán végig kell olvasnia. Az alapbeállítás az, hogy 5 másodperc elteltével automatikusan zöld lesz a tovább gomb, vagyis teljesített státuszt kap az oldal. A legtöbb oldal viszont nem ilyen, hanem fokozatosan jelenik meg rajta az információ. Ezeknél az oldalaknál a completed és a progress események segítségével tudod beállítani a teljesített státusz feltételét. Nézzük, hogy pontosan hogyan. HA LINEÁRIS AZ OLDAL BEJÁRHATÓSÁGA Abban az esetben, ha egyszerűen meg lehet határozni, hogy mi az utolsó elem vagy mozdulat az oldalon, mielőtt a teljes tartalom betöltődik, akkor lineárisan bejárható oldalról beszélünk. Ilyen esetekben egy completed eseményt kell használnod.
91
www.nexius.hu Az alábbi oldal például ilyen, hiszen a palacsinta elkészítésének lépései egymás után jelennek meg. Az utolsó mozdulat egy kattintás a 4. lépés után, ennek hatására jelenik meg a „Jó étvágyat”. A completed eseményt vagy a kattintással, vagy a megjelenéssel kell összekapcsolni.
Ebben az esetben akkor lesz teljesített az oldal, ha megjelenik ez a mező.
Az esemény tehát show completed. A zászló és a nyíl is ezen a mezőn van. 62. kép: Az oldal teljesítettségét meghatározó esemény
Természetesen a kattintással is összekapcsolhatod ezt a feltételt, ebben az esetben egy click completed eseményt kell csinálnod. A completed eseményből mindig csak egy van az oldalon, mert vagy a kattintás, vagy a megjelenés hatására kapja meg a zöld pipát az oldal (vagy-vagy viszony). Ha át szeretnéd állítani az 5 másodperces alapbeállítást, akkor csinálj egy show completed eseményt az egész oldalra, majd állíts be hozzá egy tetszőleges „delay”-t. HA NEM MEGJÓSOLHATÓ AZ OLDAL BEJÁRHATÓSÁGA Vannak olyan oldalak, ahol a bejárhatóság nem előre eldöntött, hanem a tanuló választja ki, hogy milyen sorrendben bontja ki az oldalt. Ilyenkor neked, szerkesztőként az a célod, hogy akkor csak akkor legyen teljesített az oldal, amikor minden egyes mező megjelent. Az ilyen esetekben használd a progress eseményeket. Az alábbi oldalon például, kétfelé indulhat el a tanuló. Vagy az egykamarás parlamentre kattint, vagy a kétkamarásra. Nem lehet eldönteni, hogy melyikre fog először rákattintani, ezért mindkét akcióhoz hozzá kell rendelned a progress eseményeket.
92
www.nexius.hu
Amikor a sárga keretes mezők megjelennek az oldalon, akkor lapozhat el a tanuló, vagyis összesen két progress eseményt kell létrehozni.
Show progress események, és hasonlóan a completedhez, itt is ugyanazon a mezőn van a nyíl és a zászló is. 63. kép: Az oldal teljesítettségét meghatározó két esemény
Természetesen ebben az esetben is választhatod a kattintást, mint feltételt, de így is összesen két eseményt kell csinálnod. A progress eseményből összesen annyi van az oldalon, amennyi elágazás lehetséges. Ezek az események és-és viszonnyal kapcsolják össze a teljesítettséghez szükséges feltételeket, vagyis a fenti példánál maradva, csak akkor kaphat zöld pipát az oldal, ha az egykamarás - és a kétkamarás parlament magyarázata is megjelenik.
9
Effektek
Miután beállítottad az eseménykezelést, meghatározhatod az eseményben résztvevő mezők megjelenésének módját. Kattints rá a mezőre, majd a tulajdonságok ablak „effect” listájából válassz egyet:
slidel = balra kinyíló
slider = jobbra kinyíló
enlarge = nagyítódva megjelenő
fade in = áttűnő
fade out = fokozatosan eltűnő
movet = fentről beúszó
movel = balról beúszó
mover =jobbról beúszó 93
www.nexius.hu
A változók, az oldal elrendezése és a saját sablonok Kinek szól ez a rész? Annak…
aki ismeri az alapsablonokat és a kezelőfelületet, valamint tud eseményeket létrehozni
aki logikus felépítésű és a későbbiek során könnyen használható sablonokat szeretne készíteni
A modul elolvasása után tudni fogod:
melyik mezőben tudod használni a változókat
mi a szerepe az oldal megtervezésének
milyen szempontok alapján tervezz
hogyan használd a mezők pozícionálásához köthető funkciókat
Kb. 1 órára van szükséged az elvégzéséhez.
10 Változók A változók, vagy más néven "aktív elemek" helyére a szoftver mindig beilleszt valamilyen tartalmat. Ha például azt szeretnéd, hogy valamelyik oldalon megjelenjen a tananyag címe, akkor csak válaszd ki a {CONTENT_TITLE} változót és másold be a szövegsablonba. Nagyon praktikusak ezek az aktív elemek, mert ha például megváltozik a tananyag címe, akkor ezeken a helyeken automatikusan ki fog cserélődni. Az alábbi változókat tehát szövegként, és csak ebben a formátumban tudod felhasználni a tartalmi-és a tesztoldalakon.
10.1 Tartalmi oldalon
{PAGE_TITLE} oldal címe
{PAGE_LABEL} oldal címe számmal
{CONTENT_TITLE} tananyag címe
{USER_NAME} a felhasználó neve
{USER_ID} a felhasználó azonosítója
{USER_ID_HASH} a felhasználó azonosítójának MD5 kódolt formája
{AUTHORS} a szerzők listája, vesszővel elválasztva
{PUBLISH_DATE} publikálás dátuma
10.2 Tesztoldalon
{MAX_SCORE} maximálisan elérhető pontszám
{REQUIREMENT} elérendő százalék
{QST} a kérdés maga
{QST_SCORE} a helyes válaszért kapható pontszám 94
www.nexius.hu
{SCORE} aktuális pontszám
{PERCENT} tesztben elért százalék
{QST_COUNT} kérdések száma (összesen hányra kell válaszolni)
{QST_NUMBER} az aktuális kérdés sorszáma
{GROUP_COUNT} a kérdéscsoportok száma
{GROUP_TITLE} az aktuális kérdéscsoport címe
{TIME_LIMIT} a tesztkitöltésre mennyi idő áll rendelkezésre
Figyelj arra, hogy mindig a fenti formátumot használd, vagyis: 2 kapcsos zárójel között csupa nagybetű és a szóköz helyén _ legyen. A kapcsos zárójel tartalmát ezután tetszőlegesen formázhatod.
11 A mezők pozícionálása Korábban a szoftvert a Powerpointhoz és egy kiadványszerkesztő szoftver keverékéhez hasonlítottuk. Az alapsablonok építik fel a tananyagokat és tulajdonképpen szerkeszthetnénk mindig, minden oldalt ezekből az elemekből. Azonban ez rengeteg időt venne igénybe és sok esetben nem is sikerülne precíz eredményt létrehozni. A Nexiusban többféle logika szerint igazíthatod egymáshoz a mezőket, ezáltal összetettebb oldalrészleteket, oldalakat, sablonokat hozva létre. A sablonkészlet tetszés szerint bővíthető, így érdemes minél több általános, és gyakran használt sablont létrehoznod. Mielőtt elkezdesz szerkeszteni egy oldalt, mindenképp szánj rá pár percet és gondold végig, hogyan is fogod felépíteni. Ugye nem akarsz minden oldalt az alapelemekből összerakni? A céltudatos tervezéssel rengeteg időt és kellemetlenséget megspórolhatsz magadnak és szerkesztő társaidnak is.
11.1 Relatív pozícionált mezők Az abszolút és a relatív pozícionálás fogalmáról már korábban olvashattál, de itt egy kis emlékeztető: A mezőket alapértelmezetten abszolút módon tudod pozícionálni. Ez azt jelenti, hogy a mezőt minden irányba tudod mozgatni, méretén minden irányban változtathatsz. Ha a szülőmezőt relatív pozícionáltra állítod, akkor a benne lévő gyerekmezők bizonyos szempontok szerint vertikálisan vagy horizontálisan egymás mellé fognak rendeződni. A „field properties” ablakban tudod megadni ezeket a szempontokat. Az alábbiakban mindennapi példákon keresztül gyakorolhatod a mezők pozícionálását.
95
www.nexius.hu
11.1.1 Gyakorlás - Kép és képaláírás Próbálj meg válaszolni a kérdésekre, majd olvasd el a válaszokat alább.
1. Összesen hány mezőt látsz a képen? 2. Milyen viszony van a mezők között? 3. Hányféleképpen lehet mindezt megszerkeszteni?
1. Összesen 3 mező van a képen. Egy szürke alapmező, egy kép és egy szöveg. 2. Erre nem lehet biztosan válaszolni, hiszen nincs előttünk a szerkesztő. Próbáljuk meg kitalálni, hogy hányféleképpen lehet mindezt megszerkeszteni. 3. Nézzük a lehetőségeket:
vagy külön mezőket teszel egymásra, vagy
közös mezőbe teszed a képet és a szöveget. Célszerű közös szülőmezőbe tenni a képet és a képaláírást, hiszen logikailag is összetartoznak a későbbiek során is könnyen lehet őket együtt mozgatni.
Alább meg tudod nézni ugyanezt a képet bekapcsolt keretekkel, illetve a hozzá tartozó tulajdonságok ablakot. Ezzel ki fog derülni, hogy milyen egyéb megoldásokat használt a szerkesztő. Próbálj meg válaszolni a kérdésekre, majd olvasd el a válaszokat alább.
96
www.nexius.hu
1. Hogyan vannak pozícionálva a gyerekmezők? 2. Milyen egyéb szempontok szerint történik a pozícionálás? 3. Miért szürke a magasság melletti két mező? 4. Milyen egyéb beállításokkal lehetne még tökéletesebbé tenni a sablont?
1. Vertikálisan relatív pozícionáltak, vagyis a szülőmezőben egy hosszanti tengely mentén, egymás alá rendeződnek. 2. Vízszintesen a bal oldalához, függőlegesen a szülőmező tetejéhez vannak igazítva ezek a gyerekmezők, vagyis a kép és a szöveg. Ezen kívül be van állítva egy fix, 5 pixeles távolság közöttük, valamint egy 15 pixeles margó. 3. Azért, mert be van kattintva a „height” melletti mező. Ez azt jelenti, hogy a szülőmező magassága igazodik a benne lévő gyerekmezők méretéhez, vagyis ha megnövelnéd a szövegmező magasságát, akkor vele együtt nőne a szürke szülőmező magassága is. Így értelemszerűen a szülőmező magassága is relatív, ezért szürkül ki mindkét erre vonatkozó mező. 4. Ki lehetne pipálni a szélesség melletti négyzetet is, valamint relatívvá lehetne tenni a szövegmező méretét is. Ez utóbbihoz a következőket célszerű beállítani:
97
www.nexius.hu
A szövegmezőnél is be van kattintva a „height” melletti pipa, vagyis a mező magassága igazodik a benne lévő szöveg magasságához. Ezen kívül 100%-ra van állítva a „width %”, vagyis a szövegmező szélessége igazodik a szürke szövegmező szélességéhez. Ha szélesebbre vennénk a szürke mezőt, akkor vele együtt nőne a szöveg szélessége is.
11.1.2 Gyakorlás – Táblázat Jelenleg nem lehet táblázatot készíteni a Nexiusban, de relatív pozícionálással és méretezéssel ez is megoldható. 1. Húzz be egy alapmezőt az oldalra, majd tegyél bele egy szövegmezőt.
A szövegmezőnek állíts be egy 8 pixeles margót, kattintsd be a „height” melletti négyzetet és adj neki valamilyen háttérszínt.
2. Másold le ezt a szövegmezőt és tedd mellé a másolatot.
98
www.nexius.hu 3. Állítsd vertikálisan relatív pozícionálásra a szülőmezőt.
Állítsd át „left”-re és „top”-ra az igazítás melletti mezőket.
4. Állítsd át a második szövegmező színét és írd át benne a szöveget.
99
www.nexius.hu 5. Készíts a második szövegmezőből néhány másolatot és tedd a többi mellé.
A színt tetszés szerint változtathatod. A lényeg, hogy a cellák a későbbiekben jól elkülöníthetőek legyenek.
6. Állítsd be, hogy a szülőmező olyan széles legyen, mint a gyerekmezők.
Ide kattintva tudod ezt beállítani.
Ez lesz a táblázatod egyik oszlopa.
100
www.nexius.hu 7. Húzz be egy alapmezőt az oldalra és másold bele a szülőmezőt háromszor.
8. Állítsd be az újdonsült szülőmezőre azt, hogy a gyerekei legyenek horizontálisan pozícionáltak, és szélessége egyezzen meg a gyerekek szélességével.
Értelemszerűen töltsd ki a táblázat másik két oszlopát is.
Ha most kikapcsolod a kereteket, megnézheted a táblázatod tanulói szemmel is.
101
www.nexius.hu
A sorok már jól elkülönülnek, de az oszlopok nem eléggé. 9. Állíts be egy 1 pixeles keretet az oszlopoknak. Jelöld ki az egyik cellát, majd nyomd le a Shift + fel nyilat. Ilyen módon a mező szülőmezőjét tudod kijelölni. A Shift + le nyíllal a gyerekmezőket, míg a Shift + jobb-bal nyilakkal a testvérmezőket tudod kijelölni. Így a szorosan egymáshoz igazított mezőket is könnyedén ki tudod választani.
10. Ezt követően már el tudod menteni a sablonok közé, és a későbbiekben bármikor felhasználhatod.
A szülőmezőből csinálj majd sablont.
A fenti táblázatot az oszlopok egymáshoz illesztésével hoztuk létre, de az is tökéletes megoldás, ha a sorok elkészítésével kezded a szerkesztést. Mindig aszerint építsd fel a táblázatod, hogy milyen célra 102
www.nexius.hu fogod használni, és várhatóan milyen irányban fog bővülni, inkább vízszintesen, vagy függőlegesen. Ezenkívül, a „width %” és „height %” funciókkal beállíthatod, hogy a cellák mérete milyen mértékben igazodjon a táblázat méretéhez. Így, ha növekszik a táblázat mérete, a cellák vele arányos módon fognak megnőni.
12 Saját sablonok Alapsablonok építik fel a legbonyolultabb oldalakat is, azonban egy kicsit minden sablonon változtatni kell. Egy színes mezőben margóval sokkal szebben mutat a szöveg, és egy fotó is jobban elkülönül az oldal többi részétől, ha van egy vékony kerete. Ezek az apró, de annál időigényesebb változtatások azok, melyek miatt célszerű saját sablonokat létrehoznod. Mielőtt elkezdesz szerkeszteni egy tananyagot, készítsd el az összes olyan sablont, ami többször megjelenik majd. Légy következetes, mert egy vizuálisan egységes tananyag minden esetben segíti a megértést. A tanuló egészen addig nem tud a tanulásra koncentrálni, amíg azon kell gondolkodnia, hogy ugyanaz az ikon az előbb miért volt kék, és most miért piros. Vagy éppen miért háromszor akkora, mint az előbb, és most nem is lehet rákattintani. Szerkesztőként tehát az legfontosabb, hogy hatékonyan tanulható tananyagot hozz létre. Emellett azonban az sem elhanyagolható szempont, hogy minél egyszerűbben és gyorsabban be lehessen szerkeszteni az oldalakat. Ebben segítenek a saját sablonok. Térjünk vissza azokhoz a sablonokhoz, amik szinte minden tananyagban, többször előfordulnak:
Tovább gomb: erre kell kattintani ahhoz, hogy az oldal részletei fokozatosan megjelenjenek. Lehet szöveg, kép, vagy ikon, a lényeg, hogy hasonlítson egy gombra, amire rá lehet kattintani.
Kép és kép + képaláírás: az azonos típusú képek jelenjenek meg mindig ugyanúgy az oldalon. A körbevágott képeket keret nélkül, a fotókat pedig kerettel jelenítsd meg. A képaláírással kapcsolatos beállításokat egy korábbi fejezetben találod.
Szövegmező hosszabb szöveghez: döntsd el, hogy milyen szövegstílussal, mekkora margóval jelennek majd meg a mondatok az oldalon.
Figyelmeztető / fontos szöveg: hangsúlyosabb mező, ami vizuálisan egyértelműen elkülönül a többi oldalrésztől.
Felugró ablak: a kiegészítő információk mindig így jelenjenek meg.
Nézd meg az alábbi oldalt és figyeld meg az ismétlődő elemeket (a könnyebb áttekinthetőség érdekében bekapcsoltuk a kereteket).
103
www.nexius.hu
A lépéseket tartalmazó mező mindig ugyanúgy néz ki.
Ide kattintva megjelenik a felugró ablak (lásd következő kép).
A tovább gombra kattintva megjelenik a következő lépés, és egyúttal eltűnik a gomb.
64. kép: Példaoldal elemei 1
Kissé áttetsző, az egész oldalt eltakaró mező
Ide kattintva becsukódik az ablak.
65. kép: Példaoldal elemei 2
104
www.nexius.hu
12.1.1 Saját sablon készítése Válaszd ki azt a mezőt, amiből sablont szeretnél készíteni és kattints a jobb egérgombra, majd a „Create template”-re. Ekkor megjelenik a metaadatokat tartalmazó ablak, aminek az első három fülét ki kell töltened.
Ha a „Resources” fülön a sablonok fölé viszed az egered, az ide írt szöveg fog megjelenni. Sablonoknál érdemes ideírni a felhasználásra vonatkozó javaslatokat is.
66. kép: Üres metaadat ablak a sablonok számára
Mindig olyan címet és leírást írj, amiből másoknak is egyértelműen kiderül, hogy mit ábrázol a sablon, vagy mire lehet felhasználni. Miután az „OK” gombra kattintva elmentetted a sablont, rá tudsz keresni. Emlékszel még, hogy a szabadszavas kereső a metaadat ablak mely mezőiben keres? A „label”, a „title” és a „description” mezőkben, úgyhogy mindezt vedd figyelembe a kitöltés során.
12.1.2 Sablon módosítása Jelenleg sajnos nem lehet változatni a sablonon, így a másolatot egy új sablonként kell elmentened. Ha valamelyik metaadaton szeretnél változtatni, csak kattints rá duplát a „Resources” fülön és írd át.
12.1.3 Gyakorlás – Esemény a sablonban Ha egy esemény nem mutat ki a sablonból, akkor vele együtt elmenthető. Hogy ezt pontosan mit jelent, a következő példákkal szemléltetjük.
105
www.nexius.hu
Emlékszel még a szószedetre?Ha ebből a mezőből szeretnél sablont készíteni, nem kerülne bele egyetlen esemény sem.
Figyeld meg, hogy amikor kijelölöd az „Events” fülön az eseményt, akkor az összekötő piros vonal kilóg az elmentendő sablonból. Ilyen esetekre mondjuk azt, hogy kilóg a sablonból az esemény. Az alábbi esetben a „tovább” gombon van egy eltűnés esemény, ami kattintásra aktiválódik. Miután kijelöltük az eseményt, látható, hogy nem lóg ki a mezőből, vagyis benne lesz a leendő sablonban.
Ha ebből a mezőből csinálsz sablont, biztos lehetsz abban, hogy a tovább gomb eseménye benne lesz.
Felmerülhet a kérdés benned, hogy mi a helyzet a linkekkel, amik nemcsak a mezőből, de a szoftverből is kimutatnak.
106
www.nexius.hu A linkeknél is ugyanaz a helyzet, mint a többi eseménynél. Ha a nyíl és a zászló is benne van a mezőben, a sablon tartalmazni fogja az eseményt.
A linkhez tartozó esemény zászlóját elvileg bárhová elhelyezheted az oldalon, hiszen a cél ebben az esetben egy külső oldalra történő hivatkozás.
12.1.4 Gyakorlás – Felugró ablak A kiegészítő információkhoz használj felugró ablakot, így elkerülheted azt, hogy azok a tanulók, akik már ismerik azokat, unatkozzanak. Igy, ha már tisztában vannak például egy fogalom jelentésével, akkor egyszerűen csak továbblapoznak. Aszerint, hogy mekkora részét foglalja el az oldalnak, kétféle felugró ablakot tudsz létrehozni. Amikor mindössze egy-két mondatnyi extra információt szeretnél megjeleníteni, akkor használhatsz kisebb felugró ablakot is, ami nem feltétlenül takarja el az egész oldalt. Abban az esetben viszont, ha több információról van szó, és esetleg kép is tartozik hozzá, úgy mindenképp használj teljes oldalas pop-up-ot. Amire minden felugró ablakhoz szükséged van:
mező, amire rákattintasz és megjelenik a felugró ablak
összecsukható felugró ablak
Kezdjük a szerkesztést a kisméretű felugró ablakkal:
107
www.nexius.hu 1. Húzz be egy szövegmezőt az oldalra. Ez lesz az a mező, amire rá kell majd kattintani.
10 pixeles margót és rózsaszín háttérszínt állítottunk be a szövegmezőnek.
2. Húzz be egy alapmezőt, adj neki háttérszínt, majd tedd bele a következőket.
Egy szövegmezőt a címnek.
Egy szövegmezőt, vagy egy képet, ikont a bezár gombnak.
Egy szövegmezőt a tartalomnak.
A fenti mezőn még egy 2 pixeles árnyék, és egy 1 pixeles keret is van.
108
www.nexius.hu 3. Kapcsold össze egy click hide eseménnyel a bezár gombot és a felugró ablakot, valamint egy click show eseménnyel a rózsaszín mezőt és a felugró ablakot.
Mindkét esemény megjelenik az „Events” fülön.
Ezzel el is készült a kisméretű felugró ablak. Mentsd, majd frissítsd az oldalad és próbáld ki! Az imént, abszolút pozícionálással hoztál létre egy felugró ablakot. Ahhoz, hogy a felugró ablak mérete igazodjon a szöveg mennyiségéhez, a relatív pozícionálás eszközeit kell használnod. Ennek megfelelően alakítsuk át ezt a felugró ablakot. 4. Állíts be egy 10 pixeles margót a felugró ablaknak, hogy a szöveg mindig ugyanolyan távolságra legyen a kerettől.
Ahhoz, hogy látszódjon a margó, relatív pozícionáltnak kell lenniük a gyerekmezőknek.
Jól látható, hogy ilyen módon a bezár ikon nem lesz jó helyen, hiába igazítanánk az összes gyerekmezőt a szülőmező bal oldalához.
109
www.nexius.hu 5. Húzz be egy alapmezőt a felugró ablakba és másold bele a címet tartalmazó szövegmezőt és a bezár ikont.
A z-index átállításával az mező tetejére tudod mozgatni.
6. Mozgasd tehát a mező tetejéhez a címet és a bezár ikont tartalmazó dobozt és állítsd horizontálisan pozícionáltra (és igazítsd a mező bal oldalához és a tetejéhez).
Tegyél be egy távtartó mezőt, aminek a szélességét állítsd 100%-ra. A közös mező szélességét a szülőmező szélesséhez, a magasságát pedig a benne lévő tartalom magasságához igazítsd.
A mező méretét igazítsd a benne lévő szöveg méretéhez.
Ezzel a lépéssel olyan címsort hoztál létre, ami igazodik a szöveg méretéhez és ahol a bezár ikon mindig a jobb fölső sarokban helyezkedik el.
110
www.nexius.hu 7. Igazítsd a felugró ablak gyerekmezőit a szülőmező bal oldalához és tetejéhez. Erre a mezőre is állítsd be, hogy igazodjon a szöveg méretéhez, ezenkívül legyen a szélessége a szülőmező 100%-a. A szülőmező legyen olyan magas, mint a benne lévő gyerekek.
Ezzel a lépéssel olyan felugró ablakot készítettél, aminek a magassága igazodik a benne lévő szöveg méretéhez. Ezenkívül, ha oldalirányba átméretezed, akkor a szöveg is olyan széles lesz, mint a felugró ablak. Próbáld ki! 8. Már csak egyetlen teendőd van, mégpedig pótolni azt az eseményt, ami a másolás során elveszett. Amikor a bezár ikont másoltad a címmel közös alapmezőbe, a click hide esemény nem került bele a másolatba, hiszen kimutatott a mezőből. Hozd létre ismét ezt az eseményt! A nagyméretű felugró ablak annyiban különbözik ettől, hogy ez a felugró ablak benne van egy alapmezőben, aminek nagyjából 90-95%-os az átlátszósága és kitölti az egész oldalt.
111
www.nexius.hu 9. Húzz be egy alapmezőt az oldalra, és másold bele a felugró ablakod.
Egyelőre ne legyen akkora, mint az oldal.
Nézd meg az „Events” fület és észre fogod venni, hogy a click show esemény eltűnt, mert a másolatba csak a mezőn belüli események kerülnek át. 10. Hozd létre a click show eseményt újra.
Ezúttal természetesen erre a mezőre tedd a zászlót.
112
www.nexius.hu 11. Helyezd át a click hide eseményt.
Az eseménykezelés helye ezúttal is az alapmező legyen.
12. Méretezd át a felugró ablakot akkorára, mint az oldalad, és állíts be neki egy 90%-osan átlátszó háttérszínt.
Figyeld meg, hogy átlátszik a háttér a felugró ablak mögött.
Ha relatív pozícionáltra állítod a kijelölt mezőt, akkor a felugró ablak mindig az oldal közepén lesz.
Próbáld ki a felugró ablakod. Nézd meg, hogy mi történik vele akkor, amikor dupla annyi szöveget illesztesz be, vagy megnöveled a mező szélességét. Természetesen az utóbbi felugró ablakot kevesebb lépésből, egyszerűbben is elkészítheted. A cél ebben az esetben a gyakorlás volt, valamint annak a bemutatása, hogy ha valamit át szeretnél alakítani, azt másolással és az események áthelyezésével könnyedén megteheted. Persze fontosabb, hogy legyen terved, mielőtt elkezdesz szerkeszteni, így minimálisra csökkentheted a változtatással eltöltött időt.
113
www.nexius.hu
Teszt a Nexiusban 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 tesztekkel szeretné ellenőrizni a tanulók tudását
A modul elolvasása után tudni fogod:
milyen típusú kérdések szerepelhetnek egy tesztoldalon
hogyan használd az evaluate és az item change eseményeket
Kb. 2.5 órára van szükséged az elvégzéséhez.
13 Tesztoldal A tesztoldal abban különbözik egy tartalmi oldaltól, hogy mindig több „item”-ből, vagyis szakaszból áll. A tartalmi oldalak többnyire egy szakaszból állnak, a tesztoldalak pedig több szakaszosak. Az ilyen típusú oldalakat úgy lehet elképzelni, mint egy kihajtogatható könyvoldalt, ami több részből áll, de egy oldalként jelenik meg a tartalomjegyzékben. A tesztek is egy oldalnyi helyet foglalnak el a struktúrában, és tartalmazzák az összes tesztkérdést.
13.1 Teszt típusok és a státuszra gyakorolt hatásuk Egy Nexius tananyagban négyféle tesztet hozhatsz létre. Az, hogy melyik típust választod, hatással lesz az LMS-sel történő kommunikációra és a struktúraelemek státuszára is. Mielőtt végigolvasod ezt a fejezetet, szükség szerint ismételd át a SCORM-kompatibilis struktúráról és a státuszokról szóló fejezeteket. A Nexiusban négyféle tesztet hozhatsz létre:
elő-felmérő (pre) teszt
gyakorló (practice) teszt
fejezetzáró (post) teszt
tananyagzáró (final) teszt
Fontos, hogy a SCORM-os és az AICC-s LMS-eknek csak a fejezet- és tananyagzáró tesztek küldik el az eredményeiket. Ha tehát fontosak ezek az eredmények, mindenképpen ezek közül a tesztek közül válassz. A fejezet további részében ezekről a tesztekről olvashatsz.
13.1.1 Elő-felmérő (pre) teszt A tartalom előzetes felmérésére szolgál, ebből adódóan nem kötelező a teszt sikeres kitöltése. 114
www.nexius.hu Amennyiben az illető sikeresen kitölti a tesztet, akkor lineáris bejárás mellett, a teszttől indulva, ugyanazon a szinten lévő struktúraelemek is teljesítettek lesznek. Ha ezen a szinten post vagy final test is van, akkor csak a tesztet megelőző oldalig kapnak zöld pipát az oldalak. Ha viszont nem sikerül a teszt, akkor az oldal mellett egy szürke pipa jelenik meg. Ez is teljesített státuszt jelent, de mivel sikertelen volt a kitöltés, ezért a többi struktúraelem nem lesz kipipálva. Példa: 1. Fejezet
Oldal
Oldal
Elő-felmérő (pre) teszt
Oldal
Oldal
Fejezet
o
Oldal
o
Oldal
Fejezetzáró (post) test
Ha a tanuló sikeresen kitölti az elő-felmérő tesztet, akkor a teszttől számítva a vele egy szinten lévő oldalak és fejezetek teljesített státuszt kapnak. Figyeld meg, hogy habár a post-test is az előfelmérő teszttel egy szinten van, mégsem kap teljesített státuszt.
2. Fejezet
Oldal
Oldal
115
www.nexius.hu
13.1.2 Gyakorló (practice) teszt A gyakorló teszt ismétlő kérdéseket tartalmaz, célja az interaktivitás fenntartása és tanuló felkészítése a fontosabb tesztekre. Egyszer kötelező kitölteni, de nem számít a kitöltés sikeressége (még a jó kitöltés sem lesz hatással a többi struktúraelem státuszára). Példa: 1. Fejezet
Oldal
Oldal
Gyakorló (practice) teszt
Oldal
Oldal
Fejezet
Értelemszerűen egy sikeresen kitöltött gyakorló teszt csak a tesztoldal státuszára lesz hatással.
o
Oldal
o
Oldal
Fejezetzáró (post) teszt
13.1.3 Fejezetzáró (post) teszt Ezt a tesztet célszerű a fejezet végére betenni. Ha sikeresen tölti ki a tanuló, akkor lineáris bejárás mellett, a vele egy szinten lévő oldalak teljesítettek lesznek. Ez alól a final test képez kivételt, ha ugyanis a post testtel azonos szinten van, akkor az utána következő oldalak nem lesznek teljesítettek.
116
www.nexius.hu Példa 1: 1. Fejezet
Oldal
Oldal
Oldal
Oldal
Fejezetáró (post) teszt
Ez az általános példa a fejezetzáró teszt elhelyezkedésére. Ha valaki megfelelően kitölti, akkor az egész fejezet teljesített státuszt kap.
2. Fejezet
Oldal
Oldal
Tananyagzáró (final) teszt
Példa 2 (speciális eset, kerülendő a használata): 1. Fejezet
Oldal
Oldal
Tananyagzáró (final) teszt
Oldal
Oldal
Fejezet
Ebben az esetben a záróteszt az oka annak, hogy a sikeres fejezetzáró teszt következtében nem lesz teljesített a teljes fejezet. A tananyagzáró teszt szinte mindig a tananyag végén található, csak a példa kedvéért tettük be a fejezet elejére.
o
Oldal
o
Oldal
Fejezetzáró (post) teszt
117
www.nexius.hu
13.1.4 Final (tananyagzáró) teszt A záróteszt a tanananyag végén található és a teljes tananyag tartalmát lefedi. Ha valaki sikeresen kitölti ezt a tesztet, akkor az összes oldal és fejezet, függetlenül attól, hogy melyik szinten van, teljesített lesz. Ennek megfelelően tulajdonképpen mindegy, hogy a struktúra melyik részén helyezed el, de célszerű a legvégére tenni. Példa:
1. Fejezet
Oldal
Oldal
Oldal
Oldal
Fejezetáró (post) teszt
A sikeresen kitöltött záróteszt azt jelenti, hogy a tanuló elsajátította az anyagban tanultakat, vagyis minden oldal teljesített státuszt kap.
2. Fejezet
Oldal
Oldal
Tananyagzáró (final) teszt
13.2 A tesztoldal szerkesztése Minden tesztoldal szerkesztése az alábbi lépésekkel indul. 1. Kattints a „content” fülön a jobb egérgombra és csinál egy tesztoldalt.
Kattints a „New test”-re.
67. kép:
A struktúra fül context menüje
118
www.nexius.hu Figyeld meg, hogy az újonnan létrehozott oldalnak különbözik az ikonja az eddigiektől.
Így tudod megkülönböztetni a tartalmi oldalakat a tesztoldalaktól.
68. kép:
Különböző ikonok a struktúrában
2. Dupla kattintással nyisd meg az oldalt, majd kattints az „Edit” gombra a szerkesztés megkezdéséhez. A tartalmi oldalak szerkesztése is ugyanígy kezdődik. 3. Nyisd meg a „test” fület és nézzük át a főbb részeit.
119
www.nexius.hu
A tesztre vonatkozó általános beállítások.
A kijelölt feladatcsoportra vonatkozó beállítások.
Itt hozod létre a feladatokat és innen érhető el a feladatszerkesztő ablak.
69. kép:
A “test” fül főbb részei
Feladatcsoport: Minden feladatot egy csoport részeként kell létrehoznod. A csoportokat célszerű a feladatok nehézsége alapján megalkotni, mert alapértelmezettként egy csoportban minden feladatért ugyanannyi pont kapható. Így létrehozhatsz például egy-két és három pontot érő feladatokat tartalmazó csoportokat és eldöntheted, hogy a tesztben milyen arányban válogasson közülük a rendszer. Például 100 kérdésből 20-at hozzon fel a rendszer, és ebből legyen 5 hárompontos, 15 egypontos és 5 kétpontos.
Feladat: A kérdés és a hozzá tartozó válasz. Minden feladatnak meg kell adni a típusát, a nehézségét, valamint be kell jelölni a jó válaszokat. Ha több jó válasz lehetséges, akkor 120
www.nexius.hu célszerű részpontokat adni a jó válaszokért. Később még visszatérünk a pontozással kapcsolatos tudnivalókra. A fejezet elején említettük, hogy a tesztoldal több szakaszból áll. Először szerkeszd meg ezeket a szakaszokat, majd vidd fel a feladatokat és a csoportokat.
13.3 A négy szakasz Egy működő teszthez összesen 4 szakaszt kell megszerkesztened: bevezető-(1), teszt-(2) és kétféle befejező szakaszt (sikeres és sikertelen kitöltés – 3,4).
Fejezet Tartalmi oldal Tartalmi oldal Tesztoldal 3 1
2 .
4
Ezen a szakaszon jelennek majd meg a feladatok. 70. kép: A tartalmi oldalakon 1, a tesztoldalakon 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.
13.3.1 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. 1. Húzz be egy oldalsablont, majd egy szövegmezőt.
121
www.nexius.hu
Figyelj, hogy a „cover” szakasz legyen kiválasztva.
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.
71. kép: A bevezető szakasz legfontosabb elemei
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! 2. 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. 3. Végül, állítsd be a click item change eseményt .
122
www.nexius.hu
Az item change eseménnyel a tovább gombot és az oldalsablont kösd össze.
72. kép: A szakaszokat összekötő item change 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.
13.3.2 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.
123
www.nexius.hu
Kérdés, és a kérdésért kapható pontszám.
A teszttel kapcsolatos információk.
Gomb, amire kattintva megjelenik a következő kérdés.
Válaszlehetőségek.
73. kép: A teszt szakasz legfontosabb elemei
1. 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. 2. 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. 3. 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ő. 4. A válaszlehetőségek a „test object” nevű alapsablonon keresztül jelennek meg. A képen ez egy keretes, margós mezőben helyezkedik el. 5. Miután összeraktad ezt a szakaszt is, nincs más hátra, mint beállítani a click item change eseményt.
124
www.nexius.hu
Az item change eseménnyel a tovább gombot és az oldalsablont kösd össze.
74. kép:
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, hogy máskor is könnyedén fel tudd használni.
13.3.3 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.
125
www.nexius.hu
A visszacsatolás egyaránt vizuális és informális.
75. kép: 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ó.
76. kép: 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.
126
www.nexius.hu
13.4 Kiértékelő táblázat megjelenítése Ha szeretnéd, hogy a tanuló a tesztkitöltést követően meg tudja nézni az eredményeit, egy evaluate eseményt kell elhelyezned az utolsó szakaszokon. Nézzük meg az előző fejezetben megszerkesztett tesztet ezzel a plusz eseménnyel.
Helyezz el egy click evaluate eseményt valamelyik mezőn.
Értelemszerűen a „failed” és a „passed” itemre is be kell szerkeszteni ezt az eseményt.
77. kép: Evaluate esemény a sikeres tesztkitöltést jelző itemen
Célszerű felhívni a tanuló figyelmét arra, hogy egy kattintással további információkhoz juthat, pl.: „Kattints ide a részletes teszteredményekhez”. Ezt a funkcióját a szoftvernek csak előnézetben, a tanulói felületen keresztül tudod leellenőrizni. Amint beszerkesztetted az eseményt, kattints a preview gombra és nyisd meg az értékelő ablakot.
127
www.nexius.hu
Itt vannak azok a kérdések, melyek feljöttek a tesztben.
A csoportátlag értelemszerűen csak a kurzusok esetében jelenik meg, hiszen csak a beíratott tanulók eredményeit menti el a rendszer.
78. kép: A kiértékelés mindig külön ablakban jelenik meg
A táblázat tartalmát aszerint az oszlop szerint tudod sorba rendezni, melynek a fejlécébe kattintasz. Próbáld ki ezt is! A „Result history” fül, hasonlóan a csoporteredményekhez, csak a regisztrált tanulók esetében lesz kitöltve.
13.5 A feladatcsoportok, feladatok és részpontszámok Miután elkészült a négy szakasz, vidd fel a feladatokat és a feladatcsoportokat a rendszerbe. Ezt kétféle képpen tudod megtenni. Egyrészt itt a „Test” fülön, másrészt pedig importálással, egy Excel fájlba történő begépeléssel. Nézzük azokat az eseteket, amikor viszonylag kevés feladatból áll a teszt és egyszerűbb a „Test” fülön keresztül begépelned a kérdéseket. Az importálásról a következő részben lesz szó. 1. Nyisd meg a „Test” fület. 2. Állítsd be a tesztre vonatkozó általános információkat a fül felső harmadában.
128
www.nexius.hu
Állítsd be a teszt típusát. Megadhatod, hogy mennyi ideig lehet írni a tesztet (time limit), hányszor lehet próbálkozni a kitöltéssel (attempts), illetve hány szézalékot kell elérni a sikeres tesztkitöltéshez (mastery). Alapértelmezettként 80 %-ot kell teljesíteni egy sikeres teszthez. A teszttípusokról a egy korábbi fejezetben olvashattál. 3. Hozd létre a kérdéscsoportokat. Kattints ide és hozz létre egy csoportot.
4. Nevezd át a csoportot és add meg a hozzá tartozó adatokat. Miután kiválasztottál egy csoportot, itt tudod átnevezni. Itt tudod megadni a csoportban szereplő kérdések pontszámát (score), azt, hogy mennyi kérdést jelenítsen meg a rendszer (count), valamint, hogy véletlenszerűen jelenjenek-e meg a kérdések (random). Alapértelmezettként minden feladatért annyi pontot lehet kapni, amennyit itt, a csoportnál beállítasz. Ha minden feladat megjelenik majd a tesztben, akkor külön pontszámot is rendelhetsz a feladatokhoz, illetve részpontszámokat is megadhatsz. Erre olyankor van szükség, amikor több jó válasz van.
129
www.nexius.hu Ha nem szeretnéd, hogy véletlenszerűen jelenjenek meg a kérdések, akkor kattintsd ki a random melletti pipát és olyan sorrendben fognak megjelenni a kérdések, ahogyan felvitted. Ha változtatni szeretnél a későbbiek során a kérdések sorrendjén, akkor csak fogd meg a kérdést és húzd a megfelelő helyre (drag & drop), majd mentsd el az oldalt. 5. Add hozzá az első kérdést a csoporthoz. Válaszd ki azt a kérdéscsoportot, amelyikbe szeretnél kérdést felvinni.
Kattints ide és megjelenik az első kérdés a listában.
Célszerű ilyenkor jobbra húzni ezt a vonalat, hogy nagyobb legyen a feladatkezelő felülete és jól látszódjanak a kérdés tulajdonságai.
6. Add meg a feladat részleteit. Kattints duplán a „question 0” soron a táblázatban, vagy egyszer az „open” gombra a fül alján és töltsd ki a feladatszerkesztő ablakot.
130
www.nexius.hu
Ide írd a kérdés szövegét. Válaszd ki a feladat típusát. Ha a csoporttól különböző pontszámot és részpontszámot szeretnél, itt tudod megadni őket. Add meg a szintet (1-5). Kattints ide és adj hozzá tetszőleges számú válaszlehetőséget.
Nézzük, milyen feladattípusok vannak a rendszerben:
Egyszeres választás: egyetlen jó válasz van. Itt tudod eltávolítani a válaszokat.
Jelöld be a jó válasz melletti négyzetet. Ha mindent megadtál, kattints ide és mentsd el a feladatot.
131
www.nexius.hu
Többszörös választás: több jó válasz lehetséges.
Ha több jó válasz van, célszerű minden helyes válaszért pontot adni a tanulónak. Az ilyen feladatoknál először állítsd be, hogy összesen hány pontot ér az adott feladat (jelen esetben kettőt), majd kattintsd be a „calculate partial” melletti négyzetet. Így minden helyes válaszért szerezhető részpontszám.
Fontos, hogy ezeknél a feladatoknál a rossz válaszért pontlevonás jár. Ha nem így lenne, akkor minden válasz bekattintásával maximális pontot lehetne elérni. A rossz válaszok bejelöléséért a helyes válaszért kapható részpontszám fele kerül levonásra. Így, ha például a fenti feladatnál minden választ bekattint a tanuló, akkor összesen 1 pontot szerez. Mi a helyzet a nem egész pontszámokkal? Maradjunk a fenti példánál. Ha a tanuló két választ jelöl meg, és az egyik jó, a másik pedig történetesen rossz, akkor 1,5 pontot kap. A kerekítés szabályai szerint ez 2 pontot ér, vagyis egyenértékű azzal, mintha két jó választ jelölt volna meg. Az ilyen esetek elkerülése végett érdemes már az elején tízzel megszorozni minden pontot, vagyis a legkisebb feladatért kapható pontszám legyen 10. Így a fenti példánál összesen 20 pont szerezhető, és ha kettőt jelöl meg a tanuló, amiből az egyik rossz, akkor 15 pont a jutalma. Ezzel elkerülheted a kerekítéssel járó kellemetlenségeket. Lehet mínusz pontot szerezni egy feladatért? Nem, a Nexiusban egy feladatért nem lehet nullánál kevesebb pontot kapni. Ha véletlenszerűen jelennek meg a feladatok, akkor minden teszt ugyanannyi pontos lesz? Ügyelünk arra is, hogy minden tanuló tesztje azonos összpontszámú legyen, habár adott a random feladatkiosztás lehetősége. A következő szabályok érvényesek a Nexiusban. Ha egy feladatcsoportból minden feladat megjelenik a tesztben, akkor bármelyik feladatnak lehet más és más pontszáma, hiszen ebben az esetben nem beszélünk véletlenszerű 132
www.nexius.hu feladatkiosztásról. Mindenki megkapja az összes feladatot ebből a csoportból, vagyis ugyanannyi pontot szerezhet. Ha viszont egy csoportból nem jelenik meg minden kérdés a tesztben, akkor nem különbözhetnek a feladatok pontszám tekintetében. Ha mégis figyelmen kívül hagyod ezt, akkor a rendszer figyelmeztet, és nem engedi, hogy a feladatokért kapható pontszám különbözzön a csoport pontszámától.
Sorrend: A tanulónak valamilyen szempont szerint sorba kell tennie a megadott válaszlehetőségeket. Tedd a válaszokat helyes sorrendbe és akkor mentsd el a feladatot. A sorok mozgatásához használd az egeret, vagy az ablak alján található nyilakat.
Értékadás: A jó válasz egy vagy több szám.
Add meg a minimum és a maximum értékeket. Ebben az esetben csak a 2 fogadható el jó válaszként. Abban az esetben, ha a maximumhoz 4-et írsz,a jó válaszok: 2, 3, 4.
133
www.nexius.hu
Kiegészítés: A mondat egyes részeit kell pontosan megadnia a tanulónak.
A többszörös választáshoz hasonlóan, itt is adj minden válaszért részpontokat. A pontozással kapcsolatos szabályokat lásd feljebb.
A kérdésnél egyértelműen jelöld meg a kipótolandó szavak helyét, majd a válasz mellett add meg ezeket a szavakat. A sorok mozgatásához itt is használd a nyilakat.
7. Miután felvetted a feladatokat, állítsd be a csoport tulajdonságait.
134
www.nexius.hu
A csoportban lévő összes feladat ennyit fog érni az összesítésben, ezért célszerű pontszám szerint csoportosítani a feladatokat. Összesen 4 feladat van a csoportban. Állítsd be, hogy mennyi jelenjen meg belőle a tesztben. Ha kiválasztasz egy feladatot és ide kattintasz, kiveheted a listából. Egy csoportba lehetőleg azonos szintű feladatokat tegyél. Ebben a csoportban minden feladat ugyanabban a sablonban fog megjelenni. Ez az alapértelmezett beállítás. A következő fejezetben lesz szó arról, hogy hogyan tudsz különböző feladatsablonokat létrehozni.
Ne felejtsd! Ha nem jelenik meg minden feladat a csoportból, akkor nem tudsz egyéni pontszámokat rendelni a feladatokhoz. A pontozással kapcsolatos részleteket lásd feljebb. 8. Mentsd el az oldalt és ellenőrizd le a kérdéseket. Töltsd ki a tesztet és a Ctrl lenyomva tartása mellett lapozz át a következő feladatra. Ha csak egy feladatot szeretnél megnézni, kattints a „Test” fül alján lévő „view” gombra.
135
www.nexius.hu
Figyeld meg, hogy a változók helyére a Nexius behelyettesíti a megfelelő szöveget.
Ezzel az eljárással olyan teszteket tudsz létrehozni, melyekben minden feladat ugyanabban a sablonban jelenik meg. A Nexius azt a sablont használja, amit a „default” itemre szerkesztettél. Arra is van mód, hogy akár az összes feladat másféle sablonban jelenjen meg. A következő részben erről lesz szó.
13.6 Különböző feladatsablonok egy tesztben Bizonyos esetekben szükség lehet arra, hogy a feladatok között ne csak tartalmi, hanem vizuális különbség is legyen. Ha például egy kérdéshez képet is fel szeretnél tölteni, csak hozz létre egy másik feladatmegjelenítő sablont, ami képet is tartalmaz. Nézzük, hogy tudod ezt a legegyszerűbben megszerkeszteni. 1. Az előző fejezetben ismertetett módon csinálj egy legalább 2 kérdésből álló tesztet.
136
www.nexius.hu
Az egyik kérdés olyan legyen, amihez mindenképp szükséges mellékelni egy képet. Ha a „copy”-ra kattintasz, akkor a Nexius megduplázza azt a sablont, amit már a „default” itemen megszerkesztettél.
Az új szakasz a „custom 3” nevet kapta. Figyeld meg, hogy megváltozott a kérdés melletti item neve itt és a feladatszerkesztő ablakban is.
2. Nevezd át az új sablont. Kattints a „rename”-re és nevezd át a sablont „képpel”-re. 3. Ezután nincs más dolgod, mint megszerkeszteni ezen a szakaszon a képet is tartalmazó feladatsablont. 137
www.nexius.hu
Válaszd ki a „képpel” itemet és szerkeszd be a képet az oldalra.
Érdemes valamilyen módon rögzíteni, relatív módon pozícionálni a gyerekmezőket.
4. Mentsd el az oldalt és ellenőrizd le a kérdéseket. A továbbiakban, ha bármelyik feladatnak ezt a sablont szeretnéd beállítani, csak válaszd ki a feladatszerkesztőben.
138
www.nexius.hu
13.7 Tesztkészítés importálással Ebben a fejezetben arról lesz szó, hogy miként tudsz egy sok kérdéses tesztet szöveggel és adott esetben képekkel együtt bemiportálni a Nexiusba. Fontos megjegyezni, hogy az importálás kizárólag a kérdések szövegére, és a hozzájuk tartozó képekre vonatkozik, a tesztsablonokra nem. Vagyis egy tesztoldalt az előzőekben ismertetett módon kezdj el szerkeszteni, elsőként a sablonok elkészítésévek és beszúrásával. Az importálás lényege, hogy egy megfelelő formátumú Excel fájlba felvisszük a kérdéseket és a válaszokat, majd egyszerűen beimportáljuk a rendszerbe. Az ilyen módon felvitt feladatok megjelenítése semmiben nem fog különbözni a „Test” fülön keresztül felvitt feladatoktól és a továbbiakban ott ugyanúgy szerkeszthetővé marad.
13.7.1 A minta Excel fájl Van néhány követelmény, aminek a beimportálandó Excel fájl eleget kell, hogy tegyen. Az alábbiakban, egy helyes példán keresztül mutatjuk be ezeket a paramétereket. Ezt a fájlt a közeljövőben letöltheted majd a Nexiusból és a cég honlapjáról is. A munka megkönnyítése végett azt ajánljuk, hogy ezt a fájlt használd mintaként.
139
www.nexius.hu
Itt találod a lehetséges feladattípusokat. A feladattípusnál csak ki kell választanod a megfelelőt a listából.
Ha új kérdést veszel fel, piros keret jelöli a kötelezően kitöltendő mezőket.
79. kép: Tesztkérdések importálására létrehozott fájl
A fájlban egy adattáblaként definiált táblázatot találsz, melyben minden információnak pontos helye van. Nézzük át az összes oszlopot!
Kérdéscsoport: Kötelező megadnod, hiszen ettől függ, hogy melyik csoportba kerül majd a kérdés a Nexiusban.
Kérdés: A kérdés szövege, értelemszerűen kötelező kitöltened. Figyeld meg, hogy minden kérdés szürke háttérrel jelenik meg, így könnyen átlátható a táblázat.
Típus: A kérdés típusa. Fontos, hogy ne legyen benne elgépelés, mert ebben az esetben a rendszer nem tudja értelmezni. Elsősorban emiatt hoztuk létre a mintafájlban a legörgethető listát, hogy csak ki kelljen választani a megfelelő típust.
Pontszám: Ez egy olyan oszlop, amit minden kérdésnél kötelező kitöltened, és ahova csak számokat írhatsz be.
Item név: Itt tudod megadni, hogy melyik tesztsablonban jelenjen meg a feladat. Nem kötelező kitöltened, a Nexiusban vagy importáláskor is beállíthatod. Azoknál a kérdéseknél viszont, ahol kép is van a szöveg mellett, ott fontos, hogy helyesen legyen kitöltve.
Fájlnév: Ha kép is tartozik a kérdéshez, akkor írd ide a pontos fájlnevet.
Válasz: A lehetséges válaszlehetőségek, a fenti példán minden egyes válasz külön sorban látható. Mivel minden kérdés szürke háttérrel jelenik meg, egyértelműen kiderül, hogy melyik válasz hova is tartozik.
Jó válasz / pár: Egyértelműen, egy X-szel jelöld meg a helyes válaszokat. Szókitöltés és sorrend típusú feladat esetében ez az oszlop üresen marad. Értékadás típusú feladatoknál, ha több jó 140
www.nexius.hu válasz is lehetséges, akkor a „válasz” mezőbe kerül a legkisebb szám, a „jó válasz” mezőbe pedig a legnagyobb szám. A minimum és a maximum értékek közé eső egész számokat fogadja el helyes válaszként a rendszer. A táblázat helyes kitöltése mellett ügyelni kell arra is, hogy a munkalapok neve egyértelműen jelezze a tartalmát, hiszen ez alapján fogja kialakítani a tesztcsoportokat a Nexius. A Sheet1 név helyett például érdemes a témakör nevét adni a munkalapnak. Ezenkívül az importálás munkalaponként történik, így ha összesen két munkalapod (Szoftverhasználat, Banküzemtan) van, és munkalaponként háromféle csoportod (könnyű, közepes, nehéz), akkor a Nexiusban a „Test” fülön az alábbi csoportokat fogod látni:
Szoftverhasználat – könnyű
Szoftverhasználat – közepes
Szoftverhasználat – nehéz
Banküzemtan - könnyű
Banküzemtan - közepes
Banküzemtan - nehéz
13.7.2 Csatolt zip fájl Arra is van mód, hogy ne csak a kérdéseket, hanem a hozzájuk tartozó képeket is beolvassa a rendszer, sőt, a kérdés szövegével együtt beillessze a megjelölt tesztsablonba. Ehhez azonban arra van szükség, hogy a táblázatban lévő fájlnevek és a feltöltött zip fájlban lévő fájlok neve pontosan megegyezzen. Importáláskor a Nexius összeveti a tömörített fájl tartalmát a táblázattal és eltérés esetén jelzi a hibát. Mindig figyelj arra, hogy a képek mérete megegyezik-e a feladatsablonban lévő képsablon méretével. Pl.: ha a sablonban egy 300 x 200 pixeles képsablont helyeztél el, akkor a zip fájlban lévő képeknek is ugyanekkorának kell lenniük.
13.7.3 Az importálás folyamata lépésről lépésre Teszteket a következő lépéssorozattal lehet beimportálni a Nexiusba: 1. Teszt oldal létrehozása a struktúrában. 2. Sablonok kiválasztása vagy elkészítése. Ha van képes kérdés, akkor egy olyan sablont (is) kell készíteni, amiben van üres képobjektum. 3. Item-ek (sablonok) elhelyezése a tesztoldalon (cover, default, failed, passed). 4. Tesztkérdések importálása. 5. Teszt feladatsorral kapcsolatos utómunkák (opcionális). 141
www.nexius.hu 6. Teszt kipróbálása. Az első három lépést már korábban ismertettük. Ebben a részben a 4. lépést mutatjuk be egy konkrét példán keresztül.
Tesztkérdések importálása 1. Töltsd ki a mintafájlt a korábban ismertetett szabályok szerint. 2. Kattints az „import” gombra. A gomb a „test” fül felső részében található.
3. Add meg az importáláshoz szükséges adatokat, töltsd ki a felugró ablakot. Az ablak négy fő részből áll, ami az importálás négy nagyobb lépésének feleltethető meg. Nézzük át, milyen feladatok kötődnek ezekhez a részekhez.
142
www.nexius.hu
Itt tudod feltölteni a feladatokhoz tartozó képeket, tömörített formátumban.
Itt tudod betölteni a kitöltött Excel fájlt.
Ha változtatsz a mintafájlon, vagy másikat használsz, itt tudod összefésülni a rendszer adatait a sajátjaiddal.
Utolsó lépésként be kell állítanod néhány általános teszttel kapcsolatos dolgot.
80. kép: A tesztimportáláskor felugró ablak főbb részei
Az alábbiakban az egyes lépésekről és a hozzájuk köthető műveletekről lesz szó. Előkészítés (Step 1 – Prepare)
Elsőként ide kell kattintanod a zip fájl feltöltéséhez. A betöltést követően jelennek meg a képen látható adatok.
143
www.nexius.hu
item: Itt tudod kiválasztani azt a szakaszt vagy tesztsablont (itemet), amelyet az importált feladatok használni fognak a megjelenítéshez. Képes feladatok esetén ezen a szakaszon kell szerepelnie az üres kép objektumnak (példánkban ez az „item 4” sablon).
img files: Itt látható a feltöltött zip fájlban található képek listája. Ha a zip fájl egy korábban feltöltött fájllal tartalmában megegyező, de különböző nevű fájlt tartalmaz, akkor az a korábbi névvel fog megjelenni. Ezt a hibát hamarosan javítani fogjuk.
file match: A „strict” kipipálásával megadhatod, hogy az importáló hibát jelezzen, ha az Excel táblázatból hivatkozott képfájl nem található a zip fájlban. Ha a „strict” nincs kipipálva, akkor az importáló kihagyja a fájlt hibajelzés nélkül.
upload zip: A gomb megnyomása után kiválaszthatjuk és feltölthetjük azt a zip fájlt, amely a teszthez tartozó képeket tartalmazza. A fájl tartalma ezután jelenik meg a fent említett listában.
Táblázat megnyitása (Step 2 – Open table)
Ide kell kattintanod, ha fel szeretnéd tölteni az Excel fájlt. A „group count” mező a betöltést követően is szerkeszthető marad.
first column: Ebben a mezőben lehet az Excel fájl megnyitása előtt beírni annak az oszlopnak a nevét (betűjét), amelytől kezdődjön a munkalap beolvasása. Ha nem adunk meg semmit, akkor az egész munkalapot beolvassa. Megadása opcionális.
last column: Ebben a mezőben lehet megadni a beolvasandó utolsó oszlopot.
group count: Ez a mező beolvasás után is szerkeszthető, itt lehet megadni azt a cellatartományt, ami kérdéscsoportokként megjelenítendő kérdéseket tartalmazza. A tartomány bal szélső oszlopában keresi az importáló a csoportneveket, a jobb szélsőben pedig a kérdések számát, például az A1:B4 tartomány az A oszlopban tartalmaz csoportneveket 4 sorban és a B oszlop tartalmaz kérdésszámokat ugyancsak 4 sorban. A szövegmezőbe kizárólag nagy betűket, számokat és kettőspontot lehet írni.
status: Az Excel fájl beolvasásának állapota jelenik meg itt.
open xlsx: Az Excel fájl kiválasztására és megnyitására szolgáló gomb. 144
www.nexius.hu Az importáló Office Open XML formátumú, azaz Excel 2007 és Excel 2010 xlsx fájlt tud csak beolvasni.
Megfeleltetés (Step 3 – Mapping)
Itt látható a táblázat oszlopainak és a feladatok paramétereinek a megfeleltetése.
Label oszlop: A beolvasandó feladatparaméterek nevei szerepelnek.
Default oszlop: Ebben az oszlopban az alapértelmezés szerinti megfeleltetés látható.
Mapping oszlop: Ebben az oszlopban pedig az alapértelmezettől eltérő megfeleltetés látható (ha a mintafájlt használod, akkor elkerülhető a megfeleltetés, hiszen a default oszlop értékei helyesek).
Alapbeállítás szerint például a kérdéscsoport a munkalap A oszlopából a kérdés szövege pedig a B oszlopból olvasandó ki. Ez úgy változtatható meg, hogy a teszt importálóban megjelenő táblázat megfelelő oszlopának fejlécére kattintunk. Az ott megjelenő legördülő menüből (ez látható a képen) 145
www.nexius.hu lehet kiválasztani az új, egyedi megfeleltetést. Természetesen lehetőség van csak egy-egy paraméter kiolvasási beállítását megváltoztatni. Az importálás megkezdésekor a program a megfeleltetést a mapping oszlopból olvassa ki és, ha ott nem talál semmit, akkor a default oszlop értékét használja.
Ha a kérdésekhez tartozó lehetséges válaszokat oszlopokban tartalmazza a táblázat, tehát egy feladat szigorúan egy sornak felel meg, akkor a lehetséges válaszoknak a jobb szélső oszlopokban kell lennie, felváltva: válasz szövege (choice text), helyes válasz (choice data) sorrendben. Ilyen esetben a megfeleltetésnél csak az első válasz oszloppárt kell megadni, az importáló az attól jobbra eső oszlopokban fogja keresni a további válaszokat.
Importálás (Step 4 – Import) Ez az egyik legfontosabb beállítás. Itt kell megadnod az első olyan sornak a számát, ahol kezdődnek a kérdések.
orientation: A „vertical” kipipálása esetén az importáló a kérdéshez kapcsolódó válaszlehetőségeket az oszlopokban fogja keresni és nem a sorokban. Az első válaszlehetőséget a kérdéssel egy sorban kell elhelyezni. Az importáló addig olvassa be a válaszlehetőséget míg a következő kérdés nem következik. A kérdések között nem szabad üres sort hagyni (lsd.: minta Excel fájl). Ha a jelölőnégyzet nincs kipipálva, akkor az importáló a válaszokat az oszlopokban keresi, és egy sor szigorúan egy feladatnak felel meg. Az Excel fájl olvashatósága és szerkeszthetősége miatt, mi a vertikális elrendezést javasoljuk.
first data row: Az első olyan sor, amely már kérdést tartalmaz, a fejléc és egyéb beállítások miatt ez jellemzően nem a táblázat első sora. A sor száma megadható begépeléssel vagy a
146
www.nexius.hu táblázat egy sorának kiválasztásával. Az alapértelmezett sor a második, tehát a munkalap tartalmaz egy fejléc sort.
score: A „constant” kipipálása esetén minden feladat egységesen megkapja a „default score” mezőbe megadott értéket a megfelelő oszlopból kiolvasott értéktől függetlenül.
group: A „group” jelölőnégyzet kiválasztása esetén az importáló beállítja kérdéscsoport pontszámként az adott csoportba beimportált feladatok közül a legmagasabb értéket. „constant” esetén ez az alapértelmezett érték lesz.
default score: Alapértelmezett pontszám, a „fallback” jelölőnégyzet kipiálása esetén azoknál a feladatoknál, ahol nem található a „score” oszlopban semmi, erre az értékre fog automatikusan beállni a pontszám. Ha nincs kipipálva és az importáló nem talál pontszámot az adott feladathoz, akkor hibát fog jelezni és megszakítja az importálást.
default type: Alapértelmezett típus (ez most fixen: egyszeres feleletválasztás). A „fallback” jelölőnégyzet hasonlóan működik a pontszámhoz. Használatát csak abban az esetben javasoljuk, ha a táblázatban minden feladat egyszeres feleletválasztás és nincs típus oszlop megadva.
default group: Alapértelemezett csoportnév, most fixen: group.
group name: A „use worksheet title” kipipálása esetén a csoportnevek elé beszúrja az importáló az adott munkalap címét. A munkalapok között váltani a betöltött táblázat alatt megjelenő tabokkal lehet. A munkalap címe is ott látható.
import: A „selected” gomb lenyomásával megkezdőik az adott munkalap importálása, az „all” az összes munkalapot importálni fogja. Az importáló algoritmust úgy próbáltuk elkészíteni, hogy a tipikusan előforduló hibák esetén az importáló jól értelmezhető hibaüzenettel jelezze a problémát és úgy szakítsa félbe az importálás folyamatát, hogy az adott munkalap feladatai ne kerüljenek bele a tesztbe. Csak teljesen hibátlanul beolvasott munkalapokat illeszt be az importáló. Az importáló lehetőséget ad több, egymás után megnyitott Excel fájlból való munkalapok importálására. Az egyetlen korlátozás, hogy az azonos feladatcsoportba tartozó feladatoknak azonos munkalapon kell szerepelnie, de természetesen egy munkalap tartalmazhat több kérdéscsoportot is. Az azonos kérdéscsoportba tartozó feladatoknak nem kell egymásután, sorban elhelyezkednie.
Az importálást követően nincs más dolgod, mint leellenőrizni a tesztsort és (ha van) beállítani az időkorlátot. Ha időközben le szeretnéd cserélni valahol a képet, természetesen nem szükséges újra beimportálni a tesztet, hanem használhatod a Nexius szerkesztőjét.
147
www.nexius.hu
Többszakaszos tartalmi oldalak Kinek szól ez a rész? Annak…
aki tisztában van a szakasz fogalmával és szerkesztett már tesztoldalt
akinek nincsenek problémái egy tartalmi oldal megszerkesztésével
aki ismeri az eseményeket és az effekteket
A modul elolvasása után tudni fogod:
milyen esetekben lehet szükséged többszakaszos tartalmi oldalra
hogy az item change esemény nem csak a tesztoldalakon használható
miben más a completed események elhelyezése az ilyen típusú oldalakon
Kb. 40 percre van szükséged az elvégzéséhez.
14 Kihajtogatható tartalmi oldalak A tesztoldalaknál már megismerhetted az item / szakasz fogalmát. Egyelőre csak a feladatoknak készítettünk „kihajtható” oldalakat. A több szakaszból álló oldalak egy oldalként jelennek meg a tartalomjegyzékben, ugyanakkor lényegesen több információt tartalmaznak, mint az egy szakaszos oldalak. A Nexius tananyagok lineárisan vannak felépítve, vagyis a tanuló a tovább gomb segítségével lépésről lépésre halad előre az anyagban. Nincsenek elágazások és keresztbelinkelések, így mindenkinek ugyanazok az oldalak és ugyanolyan sorrendben jelennek meg. Előfordulhat azonban, hogy egy-egy oldalon belül elágazik a tartalom bejárhatósága. Minden a témakörtől függ, és ha az szükségessé teszi, a több szakaszból álló tartalmi oldal lehet a megoldás.
14.1 A szakaszok kapcsolata és az item change esemény a tesztoldalon Mielőtt belevágunk a szerkesztésbe, idézzük fel a tesztoldalaknál tanultakat. Milyen szakaszok szükségesek egy működő tesztoldalhoz? A tesztoldal minimum 4 szakaszból áll és ezeket kell megszerkesztened. Az első egy nyitólapnak minősül, utána jön az a szakasz, amin megjelennek a feladatok (ebből akár többféle is lehet), végül pedig a két záró szakasz következik. Ez utóbbiakból viszont természetesen csak az egyik fog megjelenni, annak megfelelően, hogy az illető sikeresen, vagy sikertelenül töltötte-e ki a tesztet. Milyen események kötik össze ezeket a szakaszokat? Az item change események segítségével a Nexius kicseréli az aktuálisan megnyitott szakaszt a soron következőre. Ne feledd, egyszerre mindig csak egyetlen szakasz látható és szerkeszthető. 148
www.nexius.hu
14.2 Ugrálás az itemek között a tartalmi oldalon A tartalmi oldalon nem csak arra van lehetőség, hogy az egymás utáni szakaszokat kicserélje a rendszer, hanem oda-vissza ugrálhatunk az egyes oldalrészek között. Ehhez mindössze arra van szükség, hogy az esemény létrehozásakor nemcsak a click item change kapcsolatot állítod be, hanem megadod az érintett szakasz sorszámát is. A tesztoldalhoz hasonlóan ilyenkor is ki kell választanod azt a szakaszt, amelyiket szerkeszteni szeretnéd. Itt azonban itt sorszámokkal jelöljük a szakaszokat. Nullás azonosítót kap az a szakasz, ami alapértelmezettként megjelenik egy új oldal létrehozásakor. Minden olyan szakasz, amit te hozol létre, egy ettől nagyobb számot kap. Amikor tehát létrehozod az „item change” eseményt, akkor a param mezőbe be kell írnod annak a szakasznak a sorszámát, amelyik érintett az eseményben, vagyis amelyiknek meg kell majd jelennie. A baloldalon látható képen a kattintást követően az első plusz item (vagyis a listában a második) fog megjelenni.
Nincs más hátra, mint lépésről lépésre átnézni a szerkesztési folyamatot.
15 Több szakaszos tartalmi oldalak szerkesztése A bevezetőben már említettük, hogy az ilyen oldalak szerkesztése erősen témafüggő. Gondold végig, hogy valóban szükség van-e ilyen oldalra, mert:
Egy oldalként fog megjelenni a tartalomjegyzékben. Ha a későbbiek során nem derül ki egyértelműen az oldal címéből, hogy mit tartalmaz, akkor inkább több oldalt használj. Az elsődleges cél mindig a hatékony tanulás legyen!
Egyelőre nem lehet szakaszt törölni. A későbbiek során ez a funkció is aktív lesz, de addig kényelmetlen lehet az ilyen típusú oldalak módosítása.
Másképp kell használni a completed és a progress esmeményeket. A részleteket lásd az alfejezetben.
Ha például egy olyan szituációs gyakorlatot szeretnél készíteni, ahol a tanuló választásától függően változik a folyamat, akkor a több szakaszos oldal a megoldás. Ilyenkor ugyanis minden lépéshez készíthetsz egy szakaszt és nincs más dolgod, mint az események segítségével összekapcsolni őket. Nézzük, hogyan is történik mindez.
15.1 A szakaszok létrehozása és megszerkesztése 1. Hozz létre egy új oldalt a struktúrában és húzz be egy oldalsablont. 149
www.nexius.hu 2. Szerkeszd meg az oldalt, majd döntsd el, hogy melyik lesz az a mező, amire kattintva megjelenik a másik szakasz.
Itt látható, hogy ez melyik szakasz (item 0).
A szerkesztés lépései megegyeznek a korábban megismertekkel.
3.
Hozz létre egy új szakaszt, kattints a felső sávban lévő új szakasz létrehozása gombra.
Ilyenkor rögtön megnyílik az újonnan létrehozott szakasz és már kezdheted is a szerkesztést. Ha vissza szeretnél térni az előző szakaszra, csak görgesd le a listát és válaszd ki az item 0-t, majd kattints bele az oldalba. Annyi új szakasz lesz a listában, ahányszor az új szakasz létrehozása gombra kattintasz. Ne felejtsd, egyelőre nem lehet szakaszt törölni! 4. Szerkeszd meg az összes szakaszt. Minden szakaszon egyértelmű módon jelezd, hogy mire kell kattintania a tanulóknak. 5. Minden szakaszon helyezd el a megfelelő „clickitem change” eseményt. Figyelj arra, hogy mielőtt létrehozod az eseményt, kattints bele egyszer az oldalba. Erre azért van szükség, hogy a rendszer érzékelje, hogy épp melyik szakaszon dolgozol. Ha ezt nem teszed meg, előfordulhat, hogy nem rögzülnek a létrehozott események.
150
www.nexius.hu
A param mezőbe írd be annak a szakasznak a számát, amit meg szeretnél jeleníteni.
6. Mentsd el, majd frissítsd az oldalt. A Ctrl gomb lenyomva tartása mellett próbáld ki, hogy minden megfelelően működik-e. Ha nem, ellenőrizd az eseményeket és a param mezőbe írt számokat.
15.2 Completed és progress események a többszakaszos tartalmi oldalon Emlékszel még ezekre az eseményekre? Ha nem, lapozz vissza. Nézzük a többszakaszos oldalak eseményezésével kapcsolatos szabályokat:
Alapértelmezettként, ha nem helyezel el completed eseményt egyik szakaszon sem, akkor az utolsó szakasz megnyitását követően 5 másodperccel kap teljesített státuszt az oldal. Az utolsó szakasz az a szakasz, amit utoljára hoztál létre, tehát az, amelyik a legnagyobb azonosítóval rendelkezik.
Ha az utolsó szakaszra egy kattintáshoz vagy megjelenéshez kötött completed eseményt teszel, akkor annak hatására fog zöld pipát kapni az oldal.
Ha nem az utolsó szakaszra teszel completed eseményt, akkor természetesen annak hatására is teljesített státuszt kap az oldal.
Egyelőre csak a fenti szabályok figyelembe vételével lehet completed eseményeket elhelyezni az oldalon. Hamarosan azonban az egyes szakaszokhoz is lehet majd progress eseményt rendelni, és megoldható lesz, hogy csak akkor tekintse a rendszer teljesítettnek az oldalt, ha a tanuló minden szakaszt megtekintett.
151
www.nexius.hu
Tananyag megosztása és kiexportálása Kinek szól ez a rész? Annak…
aki szerkesztőtársainak szeretne hozzáférést adni a tananyagához
aki a lektoroknak elérhetővé szeretné tenni a kész tananyagát
aki fel szeretné tölteni az anyagát a Neptunba
A modul elolvasása után tudni fogod:
milyen szintjei vannak a jogosultságoknak
hogyan tudod megosztani másokkal a tananyagodat
milyen módon kerül át a tananyagod a Nexiusból a Neptunba
Kb. 25 percre van szükséged az elvégzéséhez.
16 Hozzáférés biztosítása a saját anyagokhoz Mindenki maga dönt a saját tananyaga sorsáról. Te döntöd el, hogy kinek adsz hozzáférést aNexiusban, vagy mikor töltöd fel a tanulóknak a Neptunba. Elsőként nézzük, hogyan tudsz a Nexiuson belül hozzáférést adni. Különböző szintű jogosultságokkal lehet valaki Nexius felhasználó. Egyesek csak megtekinteni tudják a tananyagokat, mások hozzászólásaikat is beszúrhatják, a szerkesztők pedig változtathatnak is a készülő anyagon. Amikor valakinek hozzáférést szeretnél adni, akkor ki kell választanod, hogy milyen szintű jogosultsága legyen az adott tananyaghoz.
16.1 Jogosultsági szintek 1. Trial user:
egy saját anyagot tud szerkeszteni,
tud sablont menteni,
nem tud publikálni/jogot adni/új tananyagot létrehozni,
csak a céges és az alapsablonokat látja.
2. Standard user:
tud új tananyagot létrehozni és a sajáthoz jogot adni,
tudja szerkeszteni és ki tudja publikálni a saját anyagait,
azokhoz az anyagokhoz is hozzáfér, amikhez mások adtak neki jogosultságot.
3. Admin user:
minden céges anyagot tud szerkeszteni / publikálni /,
tud jogot adni a felhasználóknak. 152
www.nexius.hu
16.2 Jogosultság beállítása Fontos, hogy csak azoknak a tananyagoknál tudod ezt beállítani, melyeknek a tulajdonosa vagy (te hoztad létre). Ezenkívül, természetesen az „admin user” jogosultsággal bármelyik tananyagnak beállíthatod a jogosultságait. Erre a célra szolgál a tananyag metaadatokat tartalmazó ablaka. 1. Nyisd meg a tananyagot szerkesztői nézetben. 2.
Kattints az „open content” gomb melletti „content meta” gombra.
3. A „person” fülön tudod megadni, hogy kik a szerkesztői és kik férhetnek hozzá a tananyaghoz. Contributor = tulajdonos: aki létrehozta az adott tananyagot. Creator: akik résztvettek a tananyag gyárásban, de nem feltétlenül szerkesztőként. Lehet külső emberre hivatkozás is. Editor = szerkesző: akiknek jogosultságuk van a tananyag szerkesztésére. Reviewer =lektor, akiknek a tananyag lektorálásához van jogosultságuk. Publisher: aki a tananyag publikálásáért felelős (egyelőre még nincs jogosultság jelentése). 81. kép: A tananyag metaadatai – „person” fül
17 A tananyag útja a Nexiustól a Neptunig 17.1 Exportálás Az első lépés a kész tananyag kiexportálása, vagyis tömörített fájlként történő lementése. A Neptunba ugyanis ilyen módon, .zip fájlként tudod majd feltölteni.
153
www.nexius.hu Mielőtt elvégzed az exportálást, győződj meg róla, hogy biztosan nincs már teendő az anyaggal. Ellenőrizd a kommentek státuszát és bizonyosodj meg róla, hogy minden completed és progress esemény be van-e állítva. 1. Listázd ki az általad elérhető tananyagokat. 2. Keresd meg a tananyagot, majd kattints a címe melletti „export” gombra.
Itt tudod megkeresni a tananyagot.
Ebben az oszlopban találod az „export” gombokat.
82. kép: Lista az elérhető tananyagokról
3. Mentsd le a tömörített fájlt. Miután az „export”-ra kattintottál, megjelenik a zip fájl, amit már csak le kell mentened.
154
www.nexius.hu
83. kép:
A kiexportált tananyag mentése ablak
17.2 Feltöltés a Neptunba 1. Miután lementetted a fájlt, nyisd meg az e-tananyagok fület a Neptunban.
Először kattints az „Új tananyag feltöltés” gombra.
2. Add meg a tananyag adatait a felugró ablakban.
155
www.nexius.hu
Kattints ide és töltsd fel a fájlt, majd add meg a tananyag adatait.
Ne felejtsd el megadni a verziószámot!
3. A sikeres feltöltésről tájékoztat a rendszer.
156
www.nexius.hu
Kompatibilitás, rendszerkövetelmények, és kapcsolódási lehetőségek más alkalmazásokkal Kinek szól ez a rész? Annak…
akinek a Nexiushoz kapcsolódó, de a szoftverhasználaton kívül eső kérdései merültek fel
A modul elolvasása után tudni fogod:
mit jelent az RGB színskála
mi a különbség a pixel- és a vektorgrafikus képek között
milyen szoftverrel tudod átkonvertálni a videódat, hogy fel lehessen tölteni a Nexiusba
hogyan tudsz néhány kattintással minden képet kimenteni egy szöveges dokumentumból
Kb. 1 órára van szükséged az elvégzéséhez.
18 Képformátumok Ha képformátumokról beszélünk, két főcsoportról kell említést tennünk: az állóképekről és a mozgóképekről, illetve ezek alcsoportjairól: a pixel- és vektorgrafikus fájlokról.
A pixelgrafikus képek mátrixszerűen elrendezett pontokból állnak, ahol minden képpont önállóan definiálva van. Bővebben itt: http://hu.wikipedia.org/wiki/Rasztergrafika
A vektorgrafikus képek egyszerű alakzatokból (egyenesekből, görbékből és vonalakból) állnak. Bővebben itt: http://hu.wikipedia.org/wiki/Vektorgrafika
18.1 RGB Számítógépes környezetben az ember többnyire RGB 'színskálát' használ. Ez azt jelenti, hogy a monitoron megjelenített színek pirosból (Red), zöldből (Green) és kékből (Blue) állnak össze.
18.1.1 Színárnyalatok Ennek a három színnek 256 árnyalatát lehet megjeleníteni, amit 0-255 közötti értékekkel szokás jelölni. A Nexiusban és még sok más szoftverben azonban ennek egy 16-os számrendszerbeli kódját használjuk:
első két karaktere (6. és 5. helyiérték) a pirosat,
második kettő (4. és 3. helyiérték) a zöldet,
a harmadik kettő (2. és 1. helyiérték) pedig a kék tartalmat jelöli.
A karakterek 0-9-ig terjedő számok illetve a-f-ig tartó betűk lehetnek, így jön össze a 16 féle karakter. Pl.:
FF0000 a tiszta pirosat,
00FF00 a zöldet,
0000FF a kéket jelöli. 157
www.nexius.hu
FFFFFF a fehér
000000 a fekete.
Szürkét akkor kapunk, ha minden színből egyforma 'mennyiséget keverünk bele'. Ilyen pl az F5F5F5.
Ezt a színrendszert nevezik egyébként True color-nak, mert 2563 (vagyis kb 16,8 millió) színből áll. (A másik kétféle színrendszer a Web safe color, ami 256, illetve a High color, ami 2562, vagyis kb. 65.000 színből áll.)
18.1.2 Alfa csatorna (átlátszóság) A fenti három színt csatornáknak is szokták nevezni. Ezeken kívül létezik még az alfa csatorna, ami lehetővé teszi, hogy a kép átlátszó részeket is tartalmazzon. Ez szintén 256 elemű lehet, de leggyakrabban %-ban szokták megadni az értékét. A fájlformátumok közül a png teszi lehetővé az alfacsatorna elmentését, a jpg-nek nincsen alfa csatornája.
18.2 Állóképek a Nexiusban 18.2.1 Pixelgrafikus képek A pixelgrafikus képeket két formátumban lehet feltölteni a Nexiusba, png és jpg formátumban. Mindkettő true color színmélységben képes elmenteni a képet, de alapvetően két dologban különböznek:
A png formátum az átlátszóságot is kezeli, míg a jpg azokat a területeket fehérrel tölti ki.
A jpg-t fotókhoz, míg a png-t vonalas ábrákhoz és screenshotokhoz érdemes használni a különböző tömörítési eljárás miatt.
18.2.2 Vektorgrafikus ábrák A vektorgrafikus ábrákat háromféle formátumban tudod feltölteni, wmf-ben, emf-ben és swf-ben. Ha lehetőséged van rá, mindig vektorgrafikus ábrákat használj, mert ezeket szabadon átméretezheted a képminőség romlása nélkül. Clipartokat wmf-ben és emf-ben tudsz letölteni, emf-eket pl.: Microsoft Office dokumentumokból, swf-eket pedig pl.: Adobe Illustrator-ból és Adobe Flash-ből exportálhatsz.
19 Mozgóképek a Nexiusban 19.1 Videókkal kapcsolatos fogalmak Frame rate: Ez a hányados mutatja meg, hogy hány képkocka jelenjen meg 1 másodperc alatt, mértékegysége képkocka per másodperc (fps – frames per second). A televízión keresztül 25 képkockát látsz másodpercenként, de interneten publikált videóknál a letöltési 158
www.nexius.hu idő minimalizálása érdekében alacsonyabb framerate-re lesz szükség. Általánosságban elmondható, hogy a 12 kép / mp még élvezhető minőségben jelenik meg, és 25-nél nagyobb számot nem érdemes beállítanod. Javasoljuk, hogy próbálj ki két-három beállítást a feltöltés előtt.
Size (méret): A videó méretét a képekhez hasonlóan képpontban adjuk meg (szélesség x magasság). A folyamatos megtekinthetőség érdekében ne haladja meg a 320 x 240 pixelt. Célszerű megtartani az eredetileg felvett videó oldalarányát.
Bitrate: Ez a hányados mutatja, hogy 1 másodpernyi videó mennyi információt tartalmaz, mértékegysége Kbps (kilobits per second). Fontos tudnod, hogy külön meg kell adnod a video- és audio bitrate-et. Törekedj a szükség (kép nézhetősége) szerinti minél kisebb értékekre, hiszen az a cél, hogy minden felhasználó meg tudja nézni a videót. A folyamatos lejátszáshoz szükséges internet letöltési sávszélesség a következő módon számítható ki: szükséges sávszélesség = (audio bitrate + video bitrate) x 1.2 Javasoljuk, hogy a videofilmek méretezésénél, 320Kbps sávszélességnél nagyobbat ne állíts be. A fenti adatok megadása (becslése) először nehéznek tűnhet, de kis gyakorlással hamar bele lehet jönni. Az első próbálgatásokhoz segítséget nyújthat az ingyenes Flv bitrate calculator szoftver (Fontos, hogy ezzel a szoftverrel, csak .flv videókon gyakorolhatsz.). http://www.adobe.com/devnet/flash/apps/flv_bitrate_calculator/
19.2 Videófájl formátumok Adobe Flash Streaming videó formátumok: .flv, .f4v , .mp4. Általában a flash video formátumot valamely elterjedt videofájl átkonvertálásával hozzuk létre. Nem streaming videó formátumok: .swf . A flash video formátumokról bővebben itt olvashatsz: http://en.wikipedia.org/wiki/Flash_Video
19.2.1 Pixelgrafikus mozgóképek A pixelgrafikus mozgóképeket videónak szokás nevezni, mely többnyire valamilyen felvevővel rögzített képsor vagy számítógéppel készített képregény, melyet ennek megfelelő formátumba konvertáltak. Mozgóképet Flash video formájában lehet feltölteni, ami swf, flv és f4v. A videófájlok konvertálásáról itt olvashatsz. Streaming videó készítésére is van lehetőség.
159
www.nexius.hu A streaming video olyan videó, aminek lejátszásához nem kell az egész fájlt előre letölteni, hanem a lejátszás közben is folytatódik a letöltés. Ha nem megfelelő a sávszélesség, akkor akadozni fog a videó.
19.2.2 Vektorgrafikus animációk A vektoros animációk általában valamilyen szoftverrel, pl Flash-sel készülnek, ahol interaktivitást is vihetünk az animációkba. Ilyenek például a játékok. Ezeket swf formátumban tudod feltölteni. Swf fájl készítésekor minden esetben Action Script 3-ban és 9-es vagy 10-es Flash Player segítségével exportáld ki a fájlt. Mindez azért szükséges, hogy az swf megfelelően működjön a Nexiusban.
19.3 Konvertálás általános menete Ha fel szeretnél tölteni egy videót és valamiért nem sikerül, konvertálásra lehet szükség, amit az alábbiaknak megfelelően tudsz elvégezni. 1. Szükséged van egy videofilmre valamely elterjedt fájlformátumban: pl. avi, mpg, mpeg, mp4. 2. Mielőtt feltöltöd a videót, próbáld meg lejátszani a gépeden, és ha nem tudod megnézni, valószínűleg nem fog sikerülni az Adobe Flash formátumba való átkonvertálás. Ennek az a leggyakoribb oka, hogy nincs feltelepítve a számítógépedre a videofilm lejátszáshoz szükséges dekóder. Dekódereket az internetről vagy az adott dekóder fejlesztőjének weboldaláról lehet letölteni, vagy valamilyen dekóder csomag részeként. Ezeket a csomagokat codec pack-nek nevezik (compressor / decompressor pack). Az általunk javasolt codec pack, illetve elterjedtebb videó dekóderek elérhetők a következő címeken:
ffdshow codec pack http://sourceforge.net/projects/ffdshow
Xvid decoder http://www.xvid.org/
DivX decoder http://www.divx.com/
3. Ha meg tudod nézni a videót, a következő teendő a konvertálás. Ehhez szükséged van egy konverterre, ami kódolja a videót az alábbi formátumok valamelyikébe:
H.263 (Sorenson Spark): .flv kiterjesztés
On2VP6: .flv kiterjesztés
H.264: .f4v vagy .mp4 kiterjesztés (Ez a legkorszerűbb, a Youtube is ezt használja és mi is ezt ajánljuk, mert azonos fájlméret esetén jobb minőséget, illetve azonos minőség esetén kisebb fájlméretet eredményez. Erről bővebben itt: http://en.wikipedia.org/wiki/H.264/MPEG-4_AVC. Fontos tudnod, hogy ez a formátum csak a 9.0.115-nél újabb Flash Playerrel működik. A 9-es Flash Playerről bővebben: http://www.adobe.com/support/documentation/en/flashplayer/9/releasenotes.html)
A következő oldalakról ilyen konvertereket tölthetsz le: 160
www.nexius.hu
Adobe Media Encoder CS4 - Az Adobe saját programja, ami az Adobe Flash CS4-hez tartozik. (H.263, On2VP6, H.264 - nem ingyenes) http://help.adobe.com/en_US/AdobeMediaEncoder/4.0/
MediaCoder - (H.263, H.264, ingyenes) http://mediacoder.sourceforge.net/
On2 Flix Standard - (On2VP6 , nem ingyenes) http://www.on2.com/index.php?316
Riva FLV Encoder – (H.263 , ingyenes) http://www.rivavx.de/index.php?encoder&L=3
4. A konvertálást követően töltsd fel a videót a videó sablonon keresztül.
20 Kapcsolódási lehetőségek más alkalmazásokkal 20.1 Microsoft Office Word 20.1.1 Pixelgrafikus képek kimentése Ha egy Word dokumentumban több pixelgrafikus kép is van, amit szeretnél használni, akkor a következőképpen tudod a legegyszerűbben és a legjobb minőségben kimenteni őket: 1. Nyisd meg a dokumentumot. 2. A 'Fájl' menüpont alatt kattints a 'Save as' -re. 3. A megjelenő ablakban válaszd a 'Web page' típust és kattints a 'Save' -re. 4. A képeket egy mappába másolva megtalálod ott, ahol maga a dokumentum is volt (vagy ha más célmappát adtál meg, akkor ott). Ezzel az eljárással elérheted, hogy az átméretezett képeket is az eredeti méretben tudod majd felhasználni.
20.2 Microsoft Office Powerpoint 20.2.1 Powerpoint diák felhasználása képként Ha egy prezentációt változtatás nélkül be szeretnél tenni a Nexiusba, akkor például készíthetsz az oldalakból vektorgrafikus képet. Ezeket a vektorgrafikus képeket kell aztán feltöltened az ábra sablonon keresztül. 1. Nyisd meg a dokumentumot. 2. A 'Fájl' menüpont alatt kattints a 'Save as'-re. 3. A megjelenő ablakban válaszd az 'Enhanced Windows Metafile (.emf)' típust és kattints a 'Save' gombra.
161
www.nexius.hu 4. A képeket egy mappába másolva megtalálod ott, ahol maga a dokumentum is volt (vagy ha más célmappát adtál meg, akkor ott).
21 Rendszerkövetelmények A Nexius megfelelő működéséhez a Flash Player 10-es vagy annál újabb verziója szükséges. Ezen a linken keresztül tudod megnézni, hogy milyen Flash player van a gépedre telepítve: http://www.adobe.com/software/flash/about/
Itt találod a verziószámot.
84. kép: Verziószám ellenőrzése az Adobe honlapján
Ezenkívül, a böngészőben engedélyezni kell a javascript cookie-kat.
162