Západočeská univerzita v Plzni Fakulta aplikovaných věd Katedra informatiky a výpočetní techniky. Systém pro online testování s podporou mobilních

Za´padoˇceska´ univerzita v Plzni Fakulta aplikovanyćh vˇed Katedra informatiky a vy´poˇcetn´ı techniky

Bakal´ aˇ rsk´ a pr´ ace Syst´ em pro online testov´ an´ı s podporou mobiln´ıch zaˇ r´ızen´ı

Plzeˇ n 2012

Kamil Praum

Západočeská univerzita v Plzni

Studijní program: Inženýrská informatika

Fakulta aplikovaných věd

Forma: Prezenční

Akademický rok: 2011/2012

Obor/komb.: Výpočetní technika (VTB)

Podklad pro zadání BAKALÁŘSKÉ práce studenta PŘEDKLÁDÁ:

ADRESA

OSOBNÍ ČÍSLO

PRAUM Kamil

Strašice 544/II, Strašice

A08B0128P

TÉMA ČESKY: Systém pro online testování s podporou mobilních zařízení NÁZEV ANGLICKY: Online Testing System with Support of Mobile Devices VEDOUCÍ PRÁCE: Ing. Ladislav Pešička - KIV ZÁSADY PRO VYPRACOVÁNÍ: 1. Prozkoumejte vybrané dostupné systémy pro online testování. 2. Analyzujte vhodné typy otázek pro ověřování znalostí. 3. Navrhněte systém pro online testování, který bude vhodný pro použití v prostředí fakulty, bude umožňovat ověření znalostí studentů před zkouškou a bude dále rozšiřitelný pro ostré testy. Systém by měl být multiplatformní s možností webového přístupu z PC či smartphonů. 4. Systém by měl umožňovat editaci testů a zobrazení statistik provedených testů. 5. Navržený systém realizujte a ověřte jeho funkcionalitu v prostředí katedry, zhodnoťte možnosti dalšího rozšíření systému.

SEZNAM DOPORUČENÉ LITERATURY: Dodá vedoucí práce

Podpis studenta:

............................................................

Podpis vedoucího práce:

................................................

Datum: ..............................

Datum: ..............................

(c) IS/STAG , Portál - Podklad kvalifikační práce , A08B0128P , 25.01.2012 09:19

Prohl´ aˇ sen´ı Prohlaˇsuji, ˇze jsem bakaláˇrskou práci vypracoval samostatnˇe a v´ yhradnˇe s pouˇzit´ım citovan´ ych pramen˚ u. V Plzni dne 30. dubna 2012 Kamil Praum

Abstract Online Testing System with Support of Mobile Devices This work deals with the creation of system for online testing with supporting mobile devices. After the analysis of available systems was designed and successfully realized a system suitable for testing student’s knowledge in the environment of the faculty. The system was programmed as the web portal for the online learning. The native applications for mobile devices with the support of J2ME and for mobile devices with Android operating system were also created. Keywords: e-learning, m-learning, LMS, mobile devices

Obsah ´ 1 Uvod

1

2 E-learning

2

3 Pr˚ uzkum dostupn´ ych LMS

4

4 Funkce v´ yukov´ ych syst´ em˚ u

8

5 Mobiln´ı zaˇ r´ızen´ı

10

6 Realizace 6.1 Realizované aplikace . . . . . . . . . . . . . . . . . . . . . . . 6.2 Pouˇzité typy otázek . . . . . . . . . . . . . . . . . . . . . . . . 6.3 Vytvoˇrené funkcionality . . . . . . . . . . . . . . . . . . . . .

11 11 11 12

7 Webov´ a verze syst´ emu 7.1 Uˇzivatelé . . . . . . . . . . 7.2 Testován´ı znalost´ı . . . . . 7.3 Ostré testy . . . . . . . . . 7.4 Statistiky . . . . . . . . . 7.5 Funkce pro uˇcitele . . . . . 7.6 Funkce pro administrátora 7.7 Instalace . . . . . . . . . .

13 14 15 19 20 21 23 25

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

. . . . . . .

8 Podpora mobiln´ıch zaˇ r´ızen´ı 29 8.1 Mobiln´ı web . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29 8.2 Aplikace pro operaˇcn´ı systém Android . . . . . . . . . . . . . 32 8.3 J2ME aplikace . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 9 Funkˇ cnost ˇ reˇ sen´ı a statistiky

41

10 Z´ avˇ er

49

´ Uvod

´ 1 Uvod C´ılem práce je navrhnout a vytvoˇrit systém vhodn´ y pro testován´ı znalost´ı student˚ u. Studenti by mˇeli dostat nástroj vhodn´ y pro v´ yuku a zdokonalován´ı sv´ ych vˇedomost´ı. Stejnˇe tak na druhé stranˇe vyuˇcuj´ıc´ım by se mˇel do rukou dostat systém s potˇrebnou mnoˇzinou funkc´ı pro pohodlné spravován´ı testovac´ıch otázek. Dalˇs´ım c´ılem je návrh systému s ohledem na jednoduchost a snadnou pouˇzitelnost. Stejnˇe d˚ uleˇzitá je multiplatformnost systému tak, aby pokr´ yval vˇetˇsinu zaˇr´ızen´ı, které maj´ı studenti k dispozici. V´ ysledná aplikace bude nasazena v reálném provozu pˇri v´ yuce student˚ u pro ovˇeˇren´ı funkˇcnosti a pouˇzitelnosti. Potenciál vyuˇzit´ı modern´ıch technologi´ı ve v´ yuce je stále obecnˇe málo vyuˇzit a souˇcasné e-learningové systémy ˇcasto odrazuj´ı svoj´ı cenou ˇci sloˇzitost´ı. To je hlavn´ım d˚ uvodem tvorby takového systému.

1

E-learning

2 E-learning Slovem e-learning je obecnˇe oznaˇcován novodob´ y pˇr´ıstup k v´ yuce s vyuˇzit´ım modern´ıch technologi´ı jako jsou poˇc´ıtaˇce a internet. E-learning má velké mnoˇzstv´ı v´ yhod, jako je strmá kˇrivka uˇcen´ı, moˇznost v´ yuky z domova, pˇr´ımá zpˇetná vazba ˇci zaj´ımavá forma uˇcen´ı. Jako kaˇzdá módn´ı záleˇzitost v konzervativn´ım oboru, kter´ ym oblast vzdˇeláván´ı bezpochyby je, má ale i velké mnoˇzstv´ı nev´ yhod. Mezi nejˇcastˇejˇs´ı argumenty proti e-learningu patˇr´ı znaˇcná finanˇcn´ı nároˇcnost na koupi systému a potˇrebné v´ ypoˇcetn´ı techniky. Dále je pˇrekáˇzkou prvotn´ı ˇcasová investice do ˇskolen´ı lid´ı pouˇz´ıvaj´ıc´ıch v´ yukov´ y systém. Náklady na navazuj´ıc´ı provoz a správu takového systému b´ yvaj´ı minimáln´ı, to bohuˇzel ale ˇcasto nedokáˇze vyváˇzit poˇca´teˇcn´ı problémy, které jsou s nasazen´ım ve v´ yuce spojeny. Dnes se e-learning pouˇz´ıvá pˇreváˇznˇe pro v´ yuku v projektech celoˇzivotn´ıho vzdˇeláván´ı a u ˇskolen´ı zamˇestnanc˚ u firemn´ı sféry. Je ale velká ˇskoda ho nevyuˇz´ıt i v bˇeˇzné v´ yuce na ˇskolách vˇsech u ´rovn´ı, protoˇze dneˇsn´ı studenti ˇzij´ı v uspˇechané dobˇe obklopeni poˇc´ıtaˇci. Vˇetˇsina z nich má problémy s dlouhodob´ ym soustˇredˇen´ım a oˇziven´ı ve formˇe e-learningu je v´ yrazné. U e-learningu se stejnˇe jako u vˇetˇsiny internetov´ ych sluˇzeb setkáváme i s problémy, jako je ochrana soukrom´ı. Pro studenty i uˇcitele je d˚ uleˇzit´ ym prvkem zpˇetná vazba ve formˇe v´ ysledk˚ u v´ yuky. Je tedy nutné ˇreˇsit, jak´ ym zp˚ usobem jsou data ukládána a za jak´ ych okolnost´ı. Vhodné statistiky systému mohou odhalovat slabá m´ısta v uˇcené látce a t´ım daj´ı moˇznost reakce. Specializované systémy a aplikace, které slouˇz´ı k v´ yuce takového typu, se oznaˇcuj´ı zkratkou LMS (Learning Management System). Mus´ı ˇreˇsit základn´ı funkcionalitu potˇrebnou pro u ´ˇcinn´ y a funkˇcn´ı e-learning. Hlavn´ı funkc´ı je ˇreˇsen´ı administrativy a organizace v´ yuky. Systémy vyuˇz´ıvaj´ı hlavn´ı centráln´ı u ´loˇziˇstˇe dat, se kter´ ym pracuj´ı jednotlivé vrstvy aplikace, viz obr. 2.1.

2

E-learning

Obrázek 2.1: Obecn´ y LMS model.

Do nedávné doby byl e-learning spojován pouze s osobn´ımi poˇc´ıtaˇci. D´ıky rychlému v´ yvoji na poli mobiln´ıch zaˇr´ızen´ı se do rukou student˚ u dostávaj´ı zaˇr´ızen´ı s postaˇcuj´ıc´ım v´ ykonem a konektivitou pro pouˇzit´ı e-learningu. Ten je na mobiln´ıch platformách oznaˇcován jako m-learning. Souˇcasn´ y trend napov´ıdá tomu, ˇze m-learning bude hlavn´ım smˇerem, jak´ ym se bude v´ yvoj systém˚ u pro modern´ı v´ yuku ub´ırat. V´ yraznou pˇrednost´ı mobiln´ıch telefon˚ u a tablet˚ u ve v´ yuce je jejich mobilita a moˇznost pˇr´ıvˇetivého a intuitivn´ıho ovládán´ı na dotykov´ ych obrazovkách. Student se tedy m˚ uˇze vzdˇelávat modern´ı formou na libovolném m´ıstˇe. T´ım u ´ˇcinnˇe vyuˇz´ıvá sv˚ uj voln´ y ˇcas a situace, jako je napˇr´ıklad cesta hromadnou dopravou do ˇskoly, m˚ uˇze vyuˇz´ıt k uˇziteˇcné ˇcinnosti. Tradiˇcn´ı v´ yuka kombinovaná s e-learningem je oznaˇcována jako blended learning [18].

3

Pr˚ uzkum dostupných LMS

3 Pr˚ uzkum dostupn´ ych LMS Systém˚ u pro e-learning je velké mnoˇzstv´ı. Existuj´ı des´ıtky systém˚ u s nejr˚ uznˇejˇs´ım rozsahem a cenou. Bylo prozkoumáno nˇekolik vybran´ ych systém˚ u pro anal´ yzu funkc´ı, které jsou v praxi vyuˇz´ıvány. U vˇetˇsiny systém˚ u nen´ı kvalita placen´ ych ˇreˇsen´ı v´ yraznˇe lepˇs´ı, ale zákazn´ık si plat´ı za moˇznost technické podpory nebo ˇskolen´ı. Ze vˇsech zkouman´ ych systém˚ u se vymykala pouze drahá ˇreˇsen´ı velk´ ych firem, jako napˇr´ıklad Microsoft Class Server nebo Adobe Connect. Jedná se o robustn´ı interaktivn´ı systémy vyuˇz´ıvaj´ıc´ı veˇskeré dostupné modern´ı technologie. Systémy um´ı napˇr´ıklad videokonference, interaktivn´ı otázky, virtualizaci aplikac´ı nebo sd´ılené tabule. To vˇse je ale vykoupeno znaˇcn´ ymi ekonomick´ ymi a technick´ ymi náklady, proto jsou tyto velké systémy k vidˇen´ı jen ve v´ yuce zamˇestnanc˚ u velk´ ych firem. Mezi hojnˇe vyuˇz´ıvané LMS patˇr´ı: • eDoceo [8] Jedná se o kompletnˇe lokalizovan´ y komerˇcn´ı LMS. Uˇzivatelé jsou dˇeleni do ˇctyˇr skupin, Admin, Manager, Tutor, Student. V praxi se eDoceo vyuˇz´ıvá pˇredevˇs´ım pro kurzy MS Office a jazykové kurzy. • Moodle [10] Moodle je open source projekt, kter´ y nab´ız´ı zdarma kvalitn´ı aplikaci s podporou ˇceského jazyka a velkou komunitou. Jedná se o kompletnˇe modulárn´ı systém, kter´ y si lze sestavit dle potˇreb poˇrizovatele. Dokonce sv´ ymi funkcemi pˇrevyˇsoval vˇetˇsinu zkouman´ ych komerˇcn´ıch systém˚ u. Moodle také podporuje mobiln´ı zaˇr´ızen´ı a v testovac´ıch otázkách lze pouˇz´ıt i multimediáln´ı prvky, viz obr. 3.1. • Blackboard [3] Tento komerˇcn´ı systém je obl´ıben´ y v zahraniˇc´ı. Blackboard je robustn´ı aplikace se ˇsirokou podporou modul˚ u pro uˇzit´ı na vˇsech typech a u ´rovn´ıch ˇskol. V´ yhodou LMS Blackboard je implementace multimediáln´ıch a interaktivn´ıch prvk˚ u ve v´ yuce. Je zde také dobrá podpora mobiln´ıch zaˇr´ızen´ı, viz obr. 3.2.

4

Pr˚ uzkum dostupných LMS

Obrázek 3.1: Audio otázka v LMS Moodle.

Obrázek 3.2: Aplikace LMS Blackboard pro iOS zaˇr´ızen´ı.

5

Pr˚ uzkum dostupných LMS • Adobe Connect [1] Ze vˇsech zkouman´ ych systém˚ u patˇril tento komerˇcn´ı LMS mezi nejkvalitnˇejˇs´ı aplikace. Jako jedin´ y mˇel dobˇre propracovanou podporu mobiln´ıch telefon˚ u i tablet˚ u hlavn´ıch platforem, viz obr. 3.3. Hlavn´ı myˇslenkou v´ yuky v Adobe Connect je sdruˇzován´ı student˚ u ve virtuáln´ıch tˇr´ıdách. Pokud v´ yuka prob´ıhá v reálném ˇcase, tak m˚ uˇze b´ yt vyuˇzito videokonferenc´ı, sd´ılen´ı dokument˚ u a pracovn´ıch ploch.

Obrázek 3.3: Aplikace Adobe Connect pro OS Android. • Microsoft Class Server Je vhodn´ y pˇredevˇs´ım pro v´ yuku v prostˇred´ı MS Office a OS Windows. Systém pˇri testován´ı znalost´ı um´ı virtualizovat dané aplikace ˇci jejich ˇcásti. Dále má kvalitn´ı podporu sd´ılen´ı pracovn´ı plochy. • DrupalEd Zdarma dostupné ˇreˇsen´ı pro webov´ y e-learning zaloˇzené na redakˇcn´ım systému Drupal. • Dokeos [6] Dokeos je open source projekt. Mezi zaj´ımavé funkce patˇr´ı tvorba pr˚ uvodce v´ yukou, sd´ılené kalendáˇre v´ yuky a otázky typu táhni a pust’. • Atutor [2] Zaj´ımavou funkc´ı v tomto systému je mód pro v´ yuku v noˇcn´ıch 6

Pr˚ uzkum dostupných LMS hodinách, kdy je upraven kontrast stránky tak, aby bylo ˇcten´ı co nejv´ıce pohodlné. • Docebo [5] Open source ˇreˇsen´ı s dobrou podporou mobiln´ıch zaˇr´ızen´ı a kvalitn´ımi statistikami v´ yuky. • SyndeoCMS [11] Redakˇcn´ı systém pro ˇskoly, kter´ y lze pouˇz´ıt pro základn´ı prvky e-learningu bez podpory testovac´ıch otázek. • Enterprise Knowledge Platform [9] • WebCT • EDEN [7] • Claroline [4] • Interact Bylo prozkoumáno pˇres dvacet velk´ ych LMS a v´ ysledkem je zjiˇstˇen´ı, ˇze se v´ yrobci LMS nepouˇstˇej´ı do experiment˚ u a vˇsichni se drˇz´ı zaˇzitého standardu. Hlavn´ı nev´ yhodou vˇetˇsiny LMS je aˇz pˇr´ıliˇsná snaha obsáhnout velké mnoˇzstv´ı funkc´ı, to vede k nar˚ ustán´ı objemu systému a prodluˇzuje dobu, kdy se uˇzivatel uˇc´ı systém ovládat.

7

Funkce výukových systém˚ u

4 Funkce výukových systém˚ u Prozkoumán´ım vybran´ ych systém˚ u pro e-learning bylo zjiˇstˇeno, ˇze vˇsechny obsahuj´ı následuj´ıc´ı funkce: • správa uˇzivatel˚ u a pˇr´ıstupov´ ych práv • správa pˇredmˇet˚ u a kurz˚ u • hodnocen´ı student˚ u • statistiky v´ yuky • testován´ı student˚ u • komunikaˇcn´ı nástroje • nástroje pro tvorbu testovac´ıch otázek Systémy dˇel´ı uˇzivatele do tˇr´ı kategori´ı, administrátor, vyuˇcuj´ıc´ı a student. U testovac´ıch otázek jsou podporovány klasické textové typy otázek a u vˇetˇsiny je moˇzné vyuˇz´ıt i multimediáln´ıch prvk˚ u. U drah´ ych systém˚ u se vyskytuj´ı i otázky typu táhni a pust’, otázky s vyuˇzit´ım mapov´ ych podklad˚ u, otázky s vyuˇzit´ım virtualizovan´ ych prostˇred´ı aplikac´ı, nebo otázky formou hry. LMS podporuj´ı v´ıce druh˚ u elektronick´ ych v´ yukov´ ych materiál˚ u a funkc´ı. Ty jsou ve vrstvách zobrazeny v pyramidˇe e-learningového vzdˇeláván´ı, viz obr. 4.1.

8

Funkce výukových systém˚ u

Obrázek 4.1: Pyramida e-learningu.

9

Mobiln´ı zaˇr´ızen´ı

5 Mobiln´ı zaˇr´ızen´ı Pro správnou realizaci zadané práce je dobré znát souˇcasn´ y stav na poli mobiln´ıch zaˇr´ızen´ı. Anal´ yza vycház´ı z reáln´ ych dat, která byla zveˇrejnˇena na tiskové konferenci spoleˇcnosti T-Mobile dne 14.3.2012 [12]. Ze zveˇrejnˇen´ ych statistik vypl´ yvá, ˇze chytré telefony jsou mezi uˇzivateli obl´ıbené a 43% zákazn´ık˚ u ve vˇeku 12–26 let takov´ y telefon vlastn´ı. Ve stejné vˇekové skupinˇe pak 65% uˇzivatel˚ u dennˇe pˇristupuje na sociáln´ı s´ıtˇe prostˇrednictv´ım mobiln´ıch telefon˚ u. Z tˇechto ˇc´ısel se dá usuzovat, ˇze c´ılová skupina student˚ u vlastn´ı ve velké m´ıˇre v´ ykonná mobiln´ı zaˇr´ızen´ı s pˇripojen´ım k internetu vhodná pro m-learning. M´ısto pro r˚ ust prodeje chytr´ ych telefon˚ u je stále jeˇstˇe velké, a proto se nedá na m-learning spoléhat jako na hlavn´ı smˇer v´ yvoje LMS. Do budoucna se dá ale oˇcekávat, ˇze chytrá mobiln´ı zaˇr´ızen´ı bude vlastnit vˇetˇsina student˚ u, stejnˇe jako je tomu dnes u osobn´ıch poˇc´ıtaˇc˚ u. V´ yvoj LMS bude tedy stále v´ıce zamˇeˇren na podporu tˇechto pˇr´ıstroj˚ u. Dalˇs´ım d˚ uleˇzit´ ym u ´dajem je informace o zastoupen´ı operaˇcn´ıch systém˚ u v chytr´ ych telefonech, které jsou pouˇz´ıvány. Pod´ıl nejpouˇz´ıvanˇejˇs´ıch systém˚ u je uveden v tab. 5.1. Syst´ em Symbian Android Apple iOS Microsoft RIM BlackBerry

Pod´ıl mezi chytr´ ymi telefony Meziroˇ cn´ı zmˇ ena 63% -12% 20% +13% 8% +1% 5% -3% 4% +1%

Tabulka 5.1: Tabulka zastoupen´ı mobiln´ıch operaˇcn´ıch systém˚ u. Nejvˇetˇs´ı pod´ıl má stále operaˇcn´ı systém Symbian. Ze stran v´ yrobc˚ u se od tohoto systému ustupuje, coˇz potvrzuje v´ yrazn´ y meziroˇcn´ı pokles. Druh´ y nejpouˇz´ıvanˇejˇs´ı systém je Android, kter´ y má naopak znateln´ y nár˚ ust. Na tˇret´ım m´ıstˇe se um´ıstil iOS od Apple. Se sv´ ymi pod´ılem se ale jedná o menˇsinovou záleˇzitost.

10

Realizace

6 Realizace 6.1

Realizovan´ e aplikace

Systém byl naprogramován jako webov´ y portál s podporou mobiln´ıch zaˇr´ızen´ı ve formˇe mobiln´ı verze webu a klienty pro J2ME a operaˇcn´ı systém Android, viz tab. 6.1. Celá práce byla pojmenována jako e-learningov´ y portál Teri. Systém funguje na adrese http://students.kiv.zcu.cz/teri/. Pˇred migrac´ı na tento ˇskoln´ı server byl systém funkˇcn´ı na doménˇe http://elearning.praum.cz. Aplikace: Webov´ y portál Mobiln´ı web Android aplikace J2ME aplikace

Pouˇ zit´ e technologie: Uloˇ zen´ı dat: PHP, JavaScript, Flash, HTML, CSS databáze MySQL PHP, JavaScript, Flash, HTML, CSS databáze MySQL Android Java soubor XML J2ME - CLDC 1.1 , MIDP 2.1 soubor XML

Tabulka 6.1: Souhrn vytvoˇren´ ych aplikac´ı. Naprogramované aplikace splˇ nuj´ı základn´ı poˇzadavek na snadn´ y pˇr´ıstup a multiplatformnost systému.

6.2

Pouˇ zit´ e typy ot´ azek

Pˇri anal´ yze vybran´ ych LMS podporuj´ıc´ıch zkouˇsen´ı student˚ u bylo zjiˇstˇeno, ˇze vˇetˇsina systém˚ u podporuje standardn´ı textové otázky v kombinaci s jednoduch´ ymi multimediáln´ımi otázkami. U nˇekter´ ych placen´ ych systém˚ u se objevovaly nejr˚ uznˇejˇs´ı typy interaktivn´ıch otázek jako napˇr. otázky typu táhni a pust’, otázky vyuˇz´ıvaj´ıc´ı mapov´ ych podklad˚ u, nebo otázky formou hry. Pˇri realizaci bylo vytvoˇreno prostˇred´ı pro testován´ı student˚ u na v´ yukov´ ych testech. Testy mohou obsahovat ˇctyˇri typy otázek (pˇresná odpovˇed’, jedna správná odpovˇed’, v´ıce správn´ ych odpovˇed´ı, nebo otázky typu ano/ne). Znˇen´ı otázky m˚ uˇze b´ yt standardn´ı textové, nebo multimediáln´ı ve formˇe obrázku, nebo audio nahrávky. Jiné typy otázek nebyly 11

Realizace

Vytvoˇrené funkcionality

z d˚ uvodu zesloˇzitˇen´ı systému a ˇcasové nároˇcnosti na tvorbu editaˇcn´ıho modulu zahrnuty.

6.3

Vytvoˇ ren´ e funkcionality

Funkce, které byly v systému Teri realizovány: • Rozdˇelen´ı uˇzivatel˚ u do tˇr´ı u ´rovn´ı (administrátor, vyuˇcuj´ıc´ı, student). • Správa uˇzivatel˚ u. • Snadná registrace uˇzivatel˚ u vˇcetnˇe oˇsetˇren´ı ztráty hesla uˇzivatele. • Modul pro testován´ı znalost´ı student˚ u formou testovac´ıch otázek. ˇ ast webu pro diskuzi uˇzivatel˚ • C´ u. • Moˇznost staˇzen´ı instalaˇcn´ıch soubor˚ u mobiln´ıch klient˚ u. • Ostré testy. • Nápovˇeda. • Mobiln´ı verze webu. • Mnoˇzina funkc´ı pro spravován´ı testovac´ıch otázek. • Správa pˇredmˇet˚ u. • Vzkazy student˚ um pˇredmˇetu. • Export otázek do souboru. • Tvorba tisknuteln´ ych verz´ı test˚ u. • Import otázek. • Statistiky v´ yuky pro registrované uˇzivatele. • Klient pro mobiln´ı zaˇr´ızen´ı s operaˇcn´ım systémem Android. • Klient pro zaˇr´ızen´ı podporuj´ıc´ı J2ME. 12

Webová verze systému

7 Webová verze systému Jádrem celého systému Teri je webov´ y portál. Ten slouˇz´ı k testován´ı znalost´ı student˚ u prostˇrednictv´ım webového prohl´ıˇzeˇce a ke spravován´ı pˇredmˇet˚ u vyuˇcuj´ıc´ımi. Z pouˇziteln´ ych programovac´ıch jazyk˚ u a technologi´ı byl kv˚ uli své dostupnosti vybrán jazyk PHP pro serverovou ˇcást systému, HTML a CSS pro prezentaˇcn´ı ˇcást a MySQL databázov´ y systém na datové vrstvˇe k ukládán´ı a ˇcten´ı potˇrebn´ ych dat. Systém byl programován s d˚ urazem na pˇr´ımoˇcaré uˇzit´ı pro testován´ı znalost´ı student˚ u. Student˚ um je tedy umoˇznˇeno se v co nejkratˇs´ım ˇcase zapojit do v´ yuky bez nutnosti registrac´ı a podobn´ ych ˇcinnost´ı, které jsou u jin´ ych systém˚ u znaˇcnou pˇrekáˇzkou. Web systému Teri tvoˇr´ı 95 PHP soubor˚ u obsahuj´ıc´ıch pˇribliˇznˇe dvanáct tis´ıc ˇrádk˚ u zdrojového kódu. V tab. 7.1 jsou shrnuty nejd˚ uleˇzitˇejˇs´ı soubory a adresáˇre webu systému. soubor db.php install.php loginKontrola.php noveHeslo.php posilaniMailu.php obsah.css vzhled.css registrace.php stats.php /administrace/ /forum/ /m/ /ostre testy/ /teacher/ /tests/ /tests/otazka.php

popis Soubor zajiˇst’uj´ıc´ı spojen´ı s databázov´ ym serverem. Instalaˇcn´ı skript. Kontrola pˇrihláˇsen´ı uˇzivatel˚ u. Zajiˇst’uje funkcionalitu pro ˇreˇsen´ı ztráty hesla. Funkcionality pro pos´ılán´ı e-mail˚ u. Kaskádové styly obsahu webu. Kaskádové styly vzhledu stránky. Registraˇcn´ı modul. Generátor statistik z dat uloˇzen´ ych v databázi. Adresáˇr se soubory pro hlavn´ı administraci webu. Adresáˇr se soubory diskuzn´ıho modulu. Mobiln´ı ˇca´st webu. Adresáˇr se soubory pro funkci ostr´ ych test˚ u. Adresáˇr se soubory administrace pro vyuˇcuj´ıc´ı. Adresáˇr se soubory pro v´ yukové testy. Zajiˇst’uje zobrazen´ı a vyhodnocen´ı testov´ ych otázek.

Tabulka 7.1: Nejd˚ uleˇzitˇejˇs´ı soubory a adresáˇre webu.

13


7.1

Uˇzivatelé

Uˇ zivatel´ e

Aplikace vyuˇz´ıvá tˇr´ıvrstvého modelu uˇzivatelsk´ ych práv. Prvn´ı vrstvou je student, kter´ y m˚ uˇze systém vyuˇz´ıvat anonymnˇe nebo jako registrovan´ y uˇzivatel. Druhou vrstvou jsou vyuˇcuj´ıc´ı a tˇret´ı administrátoˇri systému. Studenti tedy nemaj´ı povinnost b´ yt pro v´ yuku registrováni a pˇrihláˇseni. Jedinou v´ yjimkou jsou ostré testy, u nich je pˇrihláˇsen´ı student˚ u vyˇzadováno. Naopak uˇcitelé a administrátoˇri mus´ı b´ yt pˇrihláˇseni, aby mˇeli pˇr´ıstup do ˇca´st´ı webu podm´ınˇen´ ych urˇcitou u ´rovn´ı oprávnˇen´ı pˇr´ıstupu. Vyplnˇen´ım krátkého registraˇcn´ıho formuláˇre se m˚ uˇze student nebo uˇcitel snadno do systému zaregistrovat. Na e-mail uveden´ y pˇri registraci je zaslána informaˇcn´ı zpráva o u ´spˇeˇsném dokonˇcen´ı. Dodateˇcnou zmˇenu uˇzivatelského oprávnˇen´ı m˚ uˇze provádˇet pouze administrátor prostˇrednictv´ım hlavn´ı administrace webu, viz obr. 7.1. Pro rozes´ılán´ı e-mail˚ u uˇzivatel˚ um je pouˇzita PHP knihovna PHPMailer.

Obrázek 7.1: Ukázka zmˇeny práv uˇzivatele. V pˇr´ıpadˇe, ˇze uˇzivatel zapomene heslo, tak m˚ uˇze vyuˇz´ıt funkce obnovy hesla. Nejprve je v prvn´ım formuláˇri porovnán u ´daj jeho pˇrihlaˇsovac´ıho jména a e-mailu. Pokud jsou tyto u ´daje zadány správnˇe, tak je na e-mail uˇzivatele zaslán ˇctyˇrm´ıstn´ y kód, kter´ y zadá do následuj´ıc´ıho formuláˇre. V posledn´ım kroku jiˇz staˇc´ı zadat nové heslo pro pˇr´ıstup ke svému u ´ˇctu. Pro generován´ı náhodného ovˇeˇrovac´ıho kódu je pouˇzita PHP funkce rand ve tvaru: rand(1000, 9999). Veˇskerá hesla jsou z d˚ uvodu bezpeˇcnosti v databázi ukládána pouze jako otisk haˇsovac´ı funkce SHA. Funkce pro zahaˇsován´ı je souˇca´st´ı jazyka PHP. 14


Testován´ı znalost´ı

Po pˇrihláˇsen´ı se vytváˇr´ı sezen´ı SESSION, které slouˇz´ı po celou dobu pˇrihláˇsen´ı k identifikaci uˇzivatele a ukládán´ı doˇcasn´ ych parametr˚ u (v´ıce v [13]). K ovˇeˇren´ı pˇrihlaˇsovac´ıch u ´daj˚ u a nastaven´ı sezen´ı se stará skript overeniUzivatele.php.

7.2

Testov´ an´ı znalost´ı

Studenti se pˇres odkaz V´ yukov´ e testy v hlavn´ım menu nebo Zah´ ajit v´ yuku na u ´vodn´ı stranˇe dostanou do v´ yukové ˇca´sti webu. Nejprve se vypisuje tabulka dostupn´ ych pˇredmˇet˚ u pro v´ yuku. Zde jsou vypsány pouze pˇredmˇety, které maj´ı uloˇzené nˇejaké otázky v databázi. Prázdné testy se zde tedy neobjevuj´ı. Po zvolen´ı pˇredmˇetu se zobrazuje nastaven´ı velikosti testu. V´ ychoz´ı hodnotou je maximáln´ı poˇcet otázek pˇredmˇetu, které se v danou chv´ıli nacházej´ı v databázi. Uˇzivatel m˚ uˇze zadat hodnotu ruˇcnˇe do pˇripraveného input boxu nebo pro pohodlnˇejˇs´ı volbu m˚ uˇze vyuˇz´ıt posuvn´ık, viz obr. 7.2.

Obrázek 7.2: Volba velikosti testu. Posuvn´ık je jako formuláˇrová komponenta implementován v novém a stále jeˇstˇe nedokonˇceném standardu HTML5 (jedná se o vstupn´ı pole typu range), viz [16]. Kv˚ uli omezené kompatibilitˇe s prohl´ıˇzeˇci byl ale pro tuto funkci pouˇzit posuvn´ık napsan´ y v jazyce JavaScript. Jedná se o dhtmlxSlider ˇs´ıˇren´ y pod licenc´ı GNU GPL v2. 15



Po volbˇe velikosti následuje jiˇz samotné ovˇeˇrován´ı znalost´ı na otázkách. Pˇred zobrazen´ım prvn´ı otázky si systém z databáze naˇcte identifikaˇcn´ı ˇc´ısla otázek. Ty jsou uloˇzena do pole, které je PHP funkc´ı shuffle náhodnˇe prom´ıcháno. T´ım je doc´ıleno toho, ˇze pˇri kaˇzdém spuˇstˇen´ı testu je poˇrad´ı otázek jiné. Samotné zobrazován´ı a vyhodnocován´ı otázek má na starosti skript /tests/otazka.php. Po kliknut´ı na tlaˇc´ıtko hotovo se provede vyhodnocen´ı otázky. Tlaˇc´ıtka zpˇ et a dalˇ s´ı slouˇz´ı k procházen´ı mezi otázkami, viz obr. 7.3.

Obrázek 7.3: Ukázka zobrazené otázky.

U zobrazené otázky má student moˇznost zobrazen´ı nápovˇedy v pˇr´ıpadˇe, ˇze j´ı vyuˇcuj´ıc´ı k dané otázce napsal. Po ˇspatné odpovˇedi na otázku systém studentovi zv´ yrazn´ı, které odpovˇedi mˇely b´ yt správné, viz obr. 7.4. 16



Obrázek 7.4: Vyhodnocen´ı otázky.

Kromˇe standardn´ıch textov´ ych otázek systém podporuje také otázky multimediáln´ı. Konkrétnˇe otázky s audio nahrávkou, otázky s obrázkem nebo jejich kombinaci, viz obr. 7.5.

17



Obrázek 7.5: Multimediáln´ı otázka. Pro pˇrehráván´ı audio soubor˚ u je vyuˇzito pˇrehrávaˇce NiftyPlayer, kter´ y je ˇs´ıˇren jako open source s licenc´ı MIT. Ten je naprogramován v jazyce JavaScript a Flash. Po kliknut´ı na obrázek dojde k efektn´ımu zvˇetˇsen´ı, viz obr. 7.6. Toho je doc´ıleno pouˇzit´ım modulu FancyBox javascriptové knihovny jQuery (MIT a GPL licence). Viz [15].

18


Ostré testy

Obrázek 7.6: Zvˇetˇsen´ y obrázek.

Obrázky formátu JPG a audio soubory MP3, jsou po nahrán´ı vyuˇcuj´ıc´ım ukládány pˇr´ımo v adresáˇrové struktuˇre webu na serveru (konkrétnˇe v adresáˇri /teacher/data/). Pˇri nahráván´ı je soubor pˇrejmenován jedineˇcn´ ym identifikátorem. T´ım je zaruˇceno bezkolizn´ı nahrán´ı soubor˚ u s libovoln´ ymi názvy. Bˇehem provádˇen´ı testu se ukládaj´ı do databáze informace pro pozdˇejˇs´ı generován´ı statistik. Ukládané informace jsou anonymn´ı. Uˇcitel tedy nemá moˇznost vidˇet v´ ysledky studia konkrétn´ıho studenta.

7.3

Ostr´ e testy

Dalˇs´ı v´ yznamnou funkc´ı jsou ostré testy. Jedná se o funkci pouˇzitelnou pro závazné zkouˇsen´ı znalost´ı student˚ u. Studenti mus´ı b´ yt pˇrihláˇseni, aby mohli ostr´ y test vykonávat. Po zvolen´ı ostrého testu se studentovi zobraz´ı cel´ y test na jedné stránce a do databáze jsou zaznamenány potˇrebná data jako jsou ˇcasy spuˇstˇen´ı a odevzdán´ı testu, vyhodnocen´ı odpovˇed´ı a konkrétn´ı odpovˇedi na otázky. Otázky jsou funkc´ı shuffle náhodnˇe prom´ıchány, aby studenti vykonávaj´ıc´ı stejn´ y test vedle sebe mˇeli jiné poˇrad´ı otázek.

19


7.4

Statistiky

Statistiky

Z uloˇzen´ ych dat o testován´ı student˚ u systém generuje statistiky. Student˚ um zobraz´ı statistiku t´ ykaj´ıc´ı se jeho odpovˇed´ı, naopak uˇcitel˚ um jsou zobrazovány pouze statistiky odpovˇed´ı na jejich pˇredmˇety. Pro zobrazován´ı graf˚ u byl pouˇzit nástroj Google Chart Tools. Jedná se o zdarma dostupn´ y nástroj zaloˇzen´ y na technologii AJAX. Z dostupn´ ych graf˚ u, které API tohoto nástroje umoˇzn ˇuje, byl pouˇzit Pie Chart a Line Chart. Student˚ um se ukazuje u ´daj o poˇctu spuˇstˇen´ ych test˚ u, dokonˇcen´ ych test˚ u a celkov´ y poˇcet zobrazen´ ych otázek. Dále je zobrazen koláˇcov´ y graf s u ´dajem pomˇeru ˇspatn´ ych a správn´ ych odpovˇed´ı, viz obr. 7.7. Pˇri podrˇzen´ı kurzoru myˇsi nad grafem se v bublinˇe zobraz´ı kromˇe procentuáln´ı hodnoty také konkrétn´ı poˇcet odpovˇed´ı.

Obrázek 7.7: Graf správn´ ych a ˇspatn´ ych odpovˇed´ı.

Kromˇe celkového grafu správn´ ych a ˇspatn´ ych odpovˇed´ı se studentovi zobraz´ı stejné grafy ke konkrétn´ım pˇredmˇet˚ um, které absolvoval. Posledn´ı dvˇe statistiky jsou grafy mˇes´ıˇcn´ı aktivity bˇehem celého roku, viz obr. 7.8, a graf hodinové aktivity bˇehem dne.

20


Funkce pro uˇcitele

Obrázek 7.8: Graf roˇcn´ı aktivity.

7.5

Funkce pro uˇ citele

Po pˇrihláˇsen´ı se uˇcitel pˇres tlaˇc´ıtko Administrace dostane do administraˇcn´ı ˇcásti webu pro uˇcitele. Prvn´ı funkc´ı je pˇridán´ı nové otázky. Po vybrán´ı pˇredmˇetu a typu otázky následuje vyplnˇen´ı formuláˇre pro zadán´ı otázky. Mezi povinné u ´daje patˇr´ı znˇen´ı otázky a správná odpovˇed’. Dále lze volitelnˇe k otázce pˇridat obrázek (formát JPG), hudebn´ı soubor (formát MP3), nápovˇedu nebo nastavit volbu obt´ıˇznosti otázky. Dále je zde moˇznost editován´ı a mazán´ı otázek. Dalˇs´ı funkc´ı pro uˇcitele je pˇridáván´ı pˇredmˇet˚ u a okruh˚ u k jiˇz vytvoˇren´ ym pˇredmˇet˚ um. Vyuˇcuj´ıc´ı maj´ı dále moˇznost vytvoˇren´ı vzkazu student˚ um jejich pˇredmˇetu. Souˇca´st´ı formuláˇre pro vytvoˇren´ı vzkazu pro studenty je u ´daj o ukonˇcen´ı platnosti zprávy. Pro pohodlné vkládán´ı datumu byl pouˇzit kalendáˇr Datedit, viz obr. 7.9, kter´ y je napsan´ y v jazyce JavaScript a je ˇs´ıˇren´ y pod licenc´ı The Creative Commons Attribution 3.0.

21


Funkce pro uˇcitele

Obrázek 7.9: Kalendáˇr pro zadáván´ı datumu.

Pro správu ostr´ ych test˚ u jsou vytvoˇreny nástroje pro tvorbu, mazán´ı a vyhodnocován´ı test˚ u. U tvorby testu si uˇcitel m˚ uˇze zvolit, zdali otázky do testu vybere ruˇcnˇe ve v´ ypisu vˇsech otázek pˇredmˇetu nebo zvol´ı moˇznost automatického v´ ybˇeru otázek dle nastaven´ ych parametr˚ u. Mezi nastavovan´ ymi parametry automatického v´ ybˇeru jsou typy vyb´ıran´ ych otázek a v´ ysledná velikost testu. Pˇri zobrazen´ı v´ ysledku ostrého testu se vygeneruje tabulka s procentuáln´ı i konkrétn´ı bodovou u ´spˇeˇsnost´ı jednotliv´ ych student˚ u. Tabulku lze uloˇzit do souboru PDF. Pro generován´ı PDF dokument˚ u je v systému vyuˇzita PHP knihovna mPDF. Této knihovny je vyuˇz´ıváno také u následuj´ıc´ı funkcionality, kterou je tvorba tisknuteln´ ych verz´ı testu. Vyuˇcuj´ıc´ı si obdobn´ ym zp˚ usobem jako u ostr´ ych test˚ u vytvoˇr´ı soubor otázek testu a ty mu systém vygeneruje do dokumentu PDF, viz obr. 7.10.

Obrázek 7.10: Ukázka generován´ı otázek do PDF dokumentu.

22


Funkce pro administrátora

Posledn´ı modul dostupn´ y pro uˇcitele je export a import otázek. V obou pˇr´ıpadech je vyuˇz´ıváno XML souboru. Export dat se provád´ı PHP tˇr´ıdou XMLWriter, import pak s vyuˇzit´ım tˇr´ıdy XMLReader [17]. Pˇri naˇc´ıtán´ı dat pro import otázek se kontroluje struktura XML souboru proti schématu XSD, které se nacház´ı v administrace/teri.xsd.

7.6

Funkce pro administr´ atora

Administrátor jako uˇzivatel s nejvyˇsˇs´ı u ´rovn´ı oprávnˇen´ı má pˇr´ıstup do vˇsech ˇcást´ı webu. Jako jedin´ y má pˇr´ıstup do hlavn´ı administrace systému. Do té se dostane odkazem Teri admin v menu po pˇrihláˇsen´ı. Administrace systému se spust´ı v novém oknˇe prohl´ıˇzeˇce. Administrátor zde m˚ uˇze pˇridávat, editovat a mazat novinky systému. Novinky se uˇzivatel˚ um zobrazuj´ı na u ´vodn´ı stránce webu.

Obrázek 7.11: Ukázka v´ ypisu nˇekolika novinek.

Lze zde také pˇridávat nové uˇzivatele systému, mazat stávaj´ıc´ı uˇzivatele nebo mˇenit uˇzivatelská práva uˇzivatel˚ u systému, viz obr. 7.12.

23


Funkce pro administrátora

Obrázek 7.12: Zmˇena práv uˇzivatele.

Administrátor m˚ uˇze z databáze mazat jednotlivé testy pˇredmˇe˚ u, viz obr. 7.13.

Obrázek 7.13: V´ ypis test˚ u pro mazán´ı.

Dále lze v administraci provádˇet export celé databáze otázek. Administrátor si m˚ uˇze zvolit, zdali bude XML soubor obsahovat pouze textové nebo také multimediáln´ı otázky formou HTML odkazu, viz obr. 7.14. Stejnˇe tak lze pouˇz´ıt funkci importu dat ze XML souboru obsahuj´ıc´ı dˇr´ıve exportovaná data.

24


Instalace

Obrázek 7.14: Tlaˇc´ıtka pro export databáze otázek.

V administraci je dále statistika vˇsech pˇredmˇet˚ u, které jsou v databázi systému. Pˇr´ım´ ym odkazem je moˇzné se dostat do Google Analytics, která jsou vyuˇzita pro webovou analytiku stránek webu. Posledn´ı funkc´ı je mazán´ı pˇr´ıspˇevk˚ u diskuze.

7.7

Instalace

Pro webovou verzi systému byl vytvoˇren instalaˇcn´ı skript pro snadné nasazen´ı na server. Skript se nacház´ı v souboru install.php, ten je po dokonˇcen´ı instalace nutné ze serveru odstranit. V prvn´ım kroku instalace uˇzivatel zadá potˇrebné u ´daje ke spojen´ı s databázov´ ym MySQL serverem, viz obr. 7.15. Po zadán´ı instalaˇcn´ı skript vygeneruje soubor db.php. Tento soubor je pak v sekc´ıch aplikace pracuj´ıc´ıch s databáz´ı vkládán dle d˚ uleˇzitosti pˇr´ıkazy include nebo require.

25


Instalace

Obrázek 7.15: Prvn´ı krok pˇri instalaci systému Teri.

Po kontrole spojen´ı se provede vytvoˇren´ı databázov´ ych tabulek. K tomu je pouˇzito MySQL pˇr´ıkazu CREATE TABLE IF NOT EXISTS. Po vyplnˇen´ı posledn´ıho formuláˇre, viz obr. 7.16, se do databáze uloˇz´ı u ´daje k u ´ˇctu administrátora.

26


Instalace

Obrázek 7.16: Tvorba u ´ˇctu administrátora.

Ukl´ ad´ an´ı dat Ve webové verzi systému Teri je pro ukládán´ı dat vyuˇz´ıvána MySQL databáze. Databázov´ y model nen´ı sloˇzit´ y a systém si vystaˇc´ı s nˇekolika tabulkami, ve kter´ ych jsou ukládána potˇrebná data, viz obr. 7.17.

27


Instalace

Obrázek 7.17: ERM diagram databáze.

28

Podpora mobiln´ıch zaˇr´ızen´ı

8 Podpora mobiln´ıch zaˇr´ızen´ı Jedn´ım ze základn´ıch c´ıl˚ u práce je vytvoˇrit systém co nejv´ıce multiplatformn´ı s podporou pro mobiln´ı zaˇr´ızen´ı student˚ u. Prvn´ım krokem byla tvorba mobiln´ı verze webu. T´ım byla pokryta vˇetˇsina mobiln´ıch telefon˚ u obsahuj´ıc´ıch mobiln´ı webov´ y prohl´ıˇzeˇc. Dále byly vytvoˇreny nativn´ı aplikace pro zaˇr´ızen´ı s podporou J2ME a zaˇr´ızen´ı s operaˇcn´ım systémem Android. Tak bylo dosaˇzeno pokryt´ı vˇetˇsiny chytr´ ych telefon˚ u mezi studenty.

8.1

Mobiln´ı web

Uˇzivatel˚ u, kteˇr´ı maj´ı ve svém zaˇr´ızen´ı mobiln´ı internet, neustále pˇrib´ yvá. Je tedy vhodné m´ıt verzi webu i pro pouˇzit´ı v prohl´ıˇzeˇc´ıch mobiln´ıch telefon˚ u. Systém byl od zaˇca´tku vyv´ıjen se striktnˇe oddˇelenou datovou a prezentaˇcn´ı ˇcást´ı [14]. Pro mobiln´ı web tedy bylo pouze nutné vytvoˇrit novou prezentaˇcn´ı vrstvu s vyuˇzit´ım znaˇckovac´ıho jazyka HTML a kaskádov´ ych styl˚ u CSS. Cel´ y návrh mobiln´ıho webu byl smˇeˇrován k co nejvˇetˇs´ı jednoduchosti s ohledem na malé obrazovky telefon˚ u a omezen´ y v´ ykon. Dalˇs´ım kritériem byla snaha minimalizovat mnoˇzstv´ı pˇrenáˇsen´ ych dat. To kv˚ uli omezené rychlosti mobiln´ıho internetu a stále rozˇs´ıˇren´ ym datov´ ym limit˚ um FUP na staˇzená data. Na normáln´ı verzi webu systému funguje rozpoznáván´ı pˇristupuj´ıc´ıch zaˇr´ızen´ı. PHP skript analyzuje informace zaslané v dotazu protokolu HTTP. V pˇr´ıpadˇe, ˇze bylo zaˇr´ızen´ı detekován´ı jako mobiln´ı, tak je zobrazena potvrzovac´ı hláˇska confirm v jazyce JavaScript, viz obr. 8.1.

29


Mobiln´ı web

Obrázek 8.1: Potvrzovac´ı hláˇska pro pˇrepnut´ı na mobiln´ı web.

Po potvrzen´ı této hláˇsky je student pˇresmˇerován na mobiln´ı web, viz obr. 8.2.

30


Mobiln´ı web

Obrázek 8.2: Mobiln´ı web systému Teri.

Studentovi se po v´ ybˇeru pˇredmˇetu spust´ı test s otázkami optimalizovan´ ymi pro malé displeje, viz obr. 8.3.

31


Aplikace pro operaˇcn´ı systém Android

Obrázek 8.3: Ukázka otázky.

8.2

Aplikace pro operaˇ cn´ı syst´ em Android

Aplikace byla vyv´ıjena pro platformu Android 2.2 FroYo. Funkˇcnost byla vyzkouˇsena na android emulátoru (souˇca´st SDK) pro verze 2.2 aˇ z 4.0 i na reáln´ ych zaˇr´ızen´ıch: • HTC Legend – Android 2.2 • HTC HD2 – Android 4.0 • Motorola Charm – Android 2.2 • HTC Desire – Android 2.2 • HTC Dream G1 – Android 2.3 • Samsung Galaxy Note – Android 2.3.3 • ZTE Skate – Android 2.3.3 32



U vˇsech layout˚ u je vyuˇzit na rozloˇzen´ı prvk˚ u po obrazovce LinearLayout s vertikáln´ı orientac´ı. Aplikace je naprogramována s d˚ urazem na malou nároˇcnost na v´ ykon mobiln´ıho zaˇr´ızen´ı. ´ Uvodn´ ı obrazovka vyuˇz´ıvá pouze jednoduch´ y layout s velk´ ym názvem aplikace ve formˇe obrázku a jedn´ım tlaˇc´ıtkem, které reaguje na onClick akci, viz obr. 8.4. Pˇri jeho stisku se provede vytvoˇren´ı nového vlákna pro naˇc´ıtán´ı dat a pˇrepnut´ı na druhou aktivitu.

´ Obrázek 8.4: Uvodn´ ı obrazovka aplikace.

Kdykoliv se v aplikaci provád´ı naˇc´ıtán´ı dat v samostatném vláknˇe, objev´ı se na obrazovce ProgressDialog, aby byl uˇzivatel informován, ˇze se aplikace nezastavila, ale ˇze naˇc´ıtá potˇrebná data, viz obr. 8.5. Zapnut´ı dialogu se provád´ı pˇr´ıkazem : ProgressDialog.show(Hlavni.this, "","Nacitani dat ...", true); a jeho zmizen´ı pomoc´ı dialog.dismiss();

33



Obrázek 8.5: Progress dialog.

Druhá aktivita vyuˇz´ıvá jednoho grafického prvku a to ListView. V tomto seznamu se zobraz´ı v´ yˇcet vˇsech dostupn´ ych test˚ u, které m˚ uˇze uˇzivatel spustit, viz obr. 8.6. Názvy poloˇzek ListView se nastavuj´ı poslán´ım ArrayList datového typu String pˇri nastavován´ı adaptéru. Pro obsluhu stisku tlaˇc´ıtek v seznamu bylo nutné implementovat posluchaˇce OnItemClickListener a pˇrekr´ yt metodu onItemClick. Po kliknut´ı na vybran´ y pˇredmˇet se provede dalˇs´ı naˇc´ıtán´ı potˇrebn´ ych dat k otázkám daného testu a pˇrepnut´ı na tˇret´ı aktivitu.

Obrázek 8.6: ListView s dostupn´ ymi pˇredmˇety.

Tato aktivita je aktivitou reprezentuj´ıc´ı jiˇz samotn´ y v´ yukov´ y test. Zde se zobrazuj´ı jednotlivé testové otázky, viz obr. 8.7.

34



Obrázek 8.7: Ukázka otázky ve tˇret´ı aktivitˇe Test.java.

Po dokonˇcen´ı testu se automaticky pˇrepne na aktivitu s v´ ysledkem, viz obr. 8.8.

Obrázek 8.8: Aktivita s v´ ysledkem testu.

35



Pro aplikaci byla vytvoˇrena ikona, viz obr. 8.9, která se zobrazuje v nab´ıdce vˇsech nainstalovan´ ych aplikac´ı. Ikonu staˇcilo transformovat do tˇrech velikost´ı a uloˇzit do patˇriˇcn´ ych podadresáˇr˚ u v adresáˇri res.

Obrázek 8.9: Ikona aplikace.

Data která vyuˇz´ıvá aplikace jsou uloˇzeny v XML souboru. Jedná se o export z databáze e-learningového systému Teri. Tento XML soubor slouˇz´ı k naˇc´ıtán´ı dat, proto je pevnou souˇca´st´ı apk bal´ıˇcku a je uloˇzen ve standardn´ım adresáˇri, kter´ y je pro tyto soubory urˇcen, res/raw . S ohledem na pˇredpoklad budouc´ıho r˚ ustu databáze otázek je pro naˇc´ıtán´ı dat pouˇzita metoda SAX (Simple API for XML). Tato metoda je ˇrádovˇe rychlejˇs´ı neˇz DOM a s jej´ım vyuˇzit´ım je aplikace ménˇe datovˇe nároˇcná. U druhé aktivity PredmetyList.java je potˇreba pouze názv˚ u jednotliv´ ych test˚ u. SAX Parser pro tuto aktivitu vyuˇz´ıvá handler DataHandler.java, kter´ y ze XML souboru naˇcte potˇrebné názvy. Pro naˇc´ıtán´ı otázek po kliknut´ı na vybran´ y pˇredmˇet je pouˇzita tˇr´ıda DataHandlerFull.java. Tento handler uˇz naˇc´ıtá do ArrayListu jednotlivé otázky. Pro tuto potˇrebu byla vytvoˇrena datová tˇr´ıda Otazka.java, která reprezentuje objekt otázky se vˇsemi potˇrebn´ ymi daty a parametry, mezi které patˇr´ı napˇr´ıklad znˇen´ı otázky, odpovˇedi, informace o správné odpovˇedi atd. Tento naˇcten´ y ArrayList datového typu Otazka je potom kompletn´ım datov´ ym zdrojem pro jádro aplikace. Jádrem aplikace je tˇr´ıda Test.java. Zde se odehrává zobrazován´ı i vyhodnocován´ı otázek. Po spuˇstˇen´ı testu se provede pomoc´ı metody shuffle java tˇr´ıdy Collections náhodné prom´ıchán´ı otázek, aby pˇri kaˇzdém spuˇstˇen´ı testu bylo poˇrad´ı jiné. Poté se hl´ıdá omezen´ı maximáln´ıho poˇctu otázek pro jeden test, kter´ y si m˚ uˇze uˇzivatel navolit v nastaven´ı aplikace. Ze seznamu se naˇcte otázka, u té se nejprve zjiˇst’uje, o jak´ y typ otázky se jedná. Podle toho se zavolá pˇr´ısluˇsná metoda, která zajist´ı naˇcten´ı potˇrebn´ ych dat a následné pˇrepnut´ı layoutu a vykreslen´ı této otázky.

36



U kaˇzdé otázky bez ohledu na typ se nacházej´ı dvˇe ovládac´ı tlaˇc´ıtka. A to tlaˇc´ıtko zpˇ et, které vrac´ı na pˇredeˇslou otázku, a tlaˇc´ıtko hotovo. Toto tlaˇc´ıtko pˇri stisku nejprve vyvolá metody, které zjist´ı a vyhodnot´ı správnost odpovˇedi a uˇzivatele informuje o správnosti pomoc´ı metody Toast souˇcasnˇe s pˇrepnut´ım na následuj´ıc´ı otázku. V pˇr´ıpadˇe ˇspatné odpovˇedi je studentovi zobrazena správná odpovˇed’. Pro nˇekteré funkce aplikace byla vyuˇzita standardn´ı sada nástroj˚ u systému Android pro vytvoˇren´ı a obsluhu hlavn´ıho menu aplikace, viz obr. 8.10.

Obrázek 8.10: Hlavn´ı menu aplikace. Prvn´ı poloˇzkou menu je Info. Ta zobraz´ı informace o autorovi a verzi aplikace pˇres AlertDialog. Dalˇs´ı poloˇzka Webov´ a verze zobraz´ı ve v´ ychoz´ım prohl´ıˇzeˇci systému mobiln´ı webovou verzi e-learningového portálu Teri. Pro tuto akci nebylo tˇreba vytváˇret novou aktivitu. Byl pouˇzit zámˇer Intent.ACTION_VIEW, kterému se metodou setData nastavuje Uri rozparsován´ım Url adresy uloˇzené jako String: i.setData(Uri.parse(url)); A standardn´ım zavolán´ım metody startActivity je tento Intent spuˇstˇen. Poloˇzka Nastaven´ı zobraz´ı nastaven´ı aplikace. Posledn´ı je Konec, kter´ y ukonˇc´ı aplikaci metodou finish(). U vˇsech poloˇzek menu bylo vyuˇzito v´ ychoz´ıch Android menu ikon. Tyto ikony jsou k nalezen´ı v SDK. Nastaven´ı ikony k poloˇzce se provád´ı v XML souboru popisuj´ıc´ım menu atributem: android:icon="@android:drawable/ic_menu_manage, kde ic menu manage je název obrázku ikony (v SDK uloˇzen jako ic menu manage.png). Pro nastaven´ı parametr˚ u aplikace má Android nástroje ve formˇe Preferences. Staˇc´ı vytvoˇrit XML soubor preferenc´ı podle urˇcitého formátu a o zbytek se postará systém sám. Systém vygeneruje GUI obrazovku pro upravován´ı vˇsech hodnot preferenc´ı vˇcetnˇe ukládán´ı hodnot po stisknut´ı 37


J2ME aplikace

tlaˇc´ıtka zpˇ et, viz obr. 8.11. Tyto hodnoty z˚ ustávaj´ı uloˇzené i po vypnut´ı aplikace nebo telefonu.

Obrázek 8.11: Nastaven´ı. V deklaraci XML souboru preferenc´ı byly pouˇzity ˇctyˇri tagy CheckBoxPreference. Kaˇzd´ y pro zapnut´ı nebo vypnut´ı zobrazován´ı jednoho typu otázek. A jeden EditTextPreference pro nastaven´ı horn´ı hranice poˇctu otázek v jednom testu. U této poloˇzky bylo nutné pˇridat atribut android:numeric="integer", kter´ y zaruˇc´ı, ˇze uˇzivatel zadá pouze ˇc´ıslo. Nemus´ı se tak programovˇe oˇsetˇrovat hodnoty vstupu. V programu se preference pouˇz´ıvaj´ı podobnˇe jako rozhran´ı Map. Kaˇzd´ y element preferenc´ı má sv˚ uj kl´ıˇc a hodnotu.

8.3

J2ME aplikace

Aplikace pro mobiln´ı zaˇr´ızen´ı podporuj´ıc´ı J2ME byla naprogramována pro konfiguraci CLDC 1.1 a profil MIDP 2.1.

38


J2ME aplikace

Funkˇcnost aplikace byla ovˇeˇrena na emulátoru a na fyzick´ ych zaˇr´ızen´ıch: • Nokia C5-03 – Symbian S60 • Samsung Wave II – Bada 1.2 • Nokia E72 – Symbian S60 • Nokia E52 – Symbian 9.3 S60 3rd Edition • Sony Ericsson P1 – Symbian 9.1 UIQ 3.0 Jeˇstˇe v´ıce, neˇz u aplikace pro Android byla aplikace vyv´ıjena s ohledem na malou kapacitu a v´ ykon c´ılové mnoˇziny mobiln´ıch telefon˚ u. Aplikace tedy funguje v plnˇe textovém reˇzimu bez zbyteˇcn´ ych grafick´ ych prvk˚ u. Data jsou zde také uloˇzena ve formˇe XML souboru, kter´ y je exportem otázek z databáze portálu Teri. XML soubor je uloˇzen spoleˇcnˇe s aplikac´ı v archivn´ım souboru jar. Pro naˇc´ıtán´ı dat z tohoto souboru je vyuˇzito knihovny kXML. Parser kXML je tzv. pull parser. Jeho hlavn´ı v´ yhodou je minimáln´ı pamˇet’ová nároˇcnost. Tato knihovna byla vytvoˇrena speciálnˇe pro pouˇzit´ı v MIDP aplikac´ıch. Po startu aplikace jsou naˇcteny nejprve názvy pˇredmˇet˚ u. Ty jsou zobrazeny v seznamu (pouˇzitá komponenta List), viz obr. 8.12.

Obrázek 8.12: Seznam dostupn´ ych test˚ u.

39


J2ME aplikace

Aplikace je ovládána kurzorov´ ymi a potvrzovac´ımi tlaˇc´ıtky telefonu. Pro obsluhu událost´ı tˇechto tlaˇc´ıtek je implementována metoda commandAction. Po v´ ybˇeru pˇredmˇetu se zobrazuj´ı jednotlivé otázky, viz obr. 8.13.


O správném zodpovˇezen´ı otázky je student vˇzdy po odpovˇedi informován v horn´ı ˇca´sti displeje pˇri zobrazen´ı následuj´ıc´ı otázky. Tlaˇc´ıtkem Back má moˇznost návratu zpˇet na pˇredeˇslou otázku.

40

Funkˇcnost ˇreˇsen´ı a statistiky

9 Funkˇcnost ˇreˇsen´ı a statistiky Po naprogramován´ı základn´ı funkcionality systému pro testován´ı znalost´ı student˚ u byl systém uveden do veˇrejného provozu. D´ıky panu Ing. Ladislavu Peˇsiˇckovi, kter´ y systém naplnil otázkami pro pˇredmˇet KIV/ZOS, ho zaˇcali studenti vyuˇz´ıvat. Takové reálné nasazen´ı se ukázalo jako dobrá zpˇetná vazba pˇri v´ yvoji. Po v´ıce neˇz roˇcn´ım ostrém nasazen´ı systému ve v´ yuce byly zaznamenány nejr˚ uznˇejˇs´ı statistiky, které jsou shrnuty v této kapitole. Portál Teri nezaznamenal bˇehem dlouhodobého provozu ˇza´dné problémy se stabilitou systému a ani pˇri vˇetˇs´ım vyt´ıˇzen´ı bˇehem zkouˇskového obdob´ı se neprojevovaly problémy s rychlost´ı celé aplikace. Systém si zaznamenává vlastn´ı statistiky pro pˇrehled v´ yuky. Na ostatn´ı statistiky webové anal´ yzy je pouˇzit nástroj Google Analytics. Návˇstˇevnost webu pro v´ yuku jednoho pˇredmˇetu byla v´ yrazná, viz obr. 9.1. Bylo zaznamenáno v´ıce neˇz p˚ ul tis´ıce unikátn´ıch návˇstˇevn´ık˚ u za dva semestry tohoto pˇredmˇetu. Str´ anky/n´ avˇ stˇ eva je statistika, která ˇr´ıká, kolik stránek pr˚ umˇernˇe zobraz´ı návˇstˇevn´ık pˇri jedné návˇstˇevˇe webu. Spoleˇcnˇe s hodnotou pr˚ umˇ ern´ e doby str´ aven´ e na webu lze usuzovat, ˇze studenti systém pro v´ yuku pouˇz´ıvali opravdu intenzivnˇe. M´ıra okamˇ zit´ eho opuˇ stˇ en´ı vyjadˇruje procentuáln´ı pod´ıl student˚ u, kteˇr´ı po zobrazen´ı prvn´ı stránky web opustili. Procento nov´ ych n´ avˇ stˇ ev udává procentuáln´ı pod´ıl návˇstˇevn´ık˚ u, kteˇr´ı jsou na webu poprvé.

41


Obrázek 9.1: Záznam návˇstˇevnosti webu. D˚ uleˇzit´ ym u ´dajem pro webové v´ yvojáˇre je u ´daj o internetov´ ych prohl´ıˇzeˇc´ıch návˇstˇevn´ık˚ u, viz obr. 9.2. Pro vˇsechny hlavn´ı prohl´ıˇzeˇce uvedené v tabulce byla provádˇena optimalizace a anal´ yza korektn´ıho zobrazen´ı.

Obrázek 9.2: Pod´ıl internetov´ ych prohl´ıˇzeˇc˚ u mezi návˇstˇevn´ıky webu.

Mezi studenty pouˇz´ıvaj´ıc´ıch Teri je v absolutn´ı pˇrevaze operaˇcn´ı systém Windows, viz obr. 9.3. To pouze odráˇz´ı stále velkou obl´ıbenost tohoto operaˇcn´ıho systému, kterou potvrzuj´ı i statistiky jin´ ych web˚ u. Na tˇret´ım m´ıstˇe se um´ıstil systém Android. Studenti tedy k v´ yuce pouˇz´ıvali i mobiln´ı zaˇr´ızen´ı. 42


Obrázek 9.3: Pod´ıl operaˇcn´ıch systém˚ u mezi návˇstˇevn´ıky webu.

Následuj´ıc´ı statistika ukazuje, jaké poskytovatele pˇripojen´ı k internetu studenti vyuˇz´ıvaj´ı, viz obr. 9.4. Na druhém m´ıstˇe se um´ıstila Západoˇceská univerzita. Studenti se tedy ˇcasto uˇcili ve voln´ ych chv´ıl´ıch ve ˇskole.

Obrázek 9.4: Pod´ıl poskytovatel˚ u internetu.

Mezi zaj´ımavé demografické u ´daje patˇr´ı lokalita student˚ u pˇri provádˇen´ı v´ yuky, viz obr. 9.5. Studenti k webu pˇristupovali témˇeˇr z celé repubˇ liky, nejv´ıce vˇsak ze Západn´ıch Cech. Nejv´ıce záznam˚ u bylo z Plznˇe, kde Západoˇceská univerzita s´ıdl´ı. 43


´ Obrázek 9.5: Udaje o lokalitˇe vizualizované na mapˇe.

Graf toku návˇstˇevn´ık˚ u ukazuje základn´ı chován´ı uˇzivatel˚ u na webu, viz obr. 9.6. Lze z nˇej vyˇc´ıst, ˇze nejv´ıce uˇzivatel˚ u zobrazuje v prvn´ım kroku u ´vodn´ı stranu webu. Na druhém m´ıstˇe je pˇr´ımá návˇstˇeva ˇcásti webu, která je urˇcena pro testován´ı znalost´ı student˚ u. V druhém kroku na webu do této testovac´ı ˇcásti zav´ıtá vˇetˇsina uˇzivatel˚ u, kteˇr´ı tak neuˇcinili v kroku prvn´ım. Je zde tedy vidˇet, ˇze testován´ı jakoˇzto hlavn´ı funkce webu je dobˇre a intuitivnˇe dostupná a studenti se do testován´ı znalost´ı mohou zapojit rychle po pˇr´ıstupu na stránky. Dále se ukazuje, ˇze velká ˇcást uˇzivatel˚ u ˇcasto navˇstˇevuje diskusn´ı ˇcást webu.

44


Obrázek 9.6: Graf toku návˇstˇevn´ık˚ u. Anal´ yza jednotliv´ ych komponent na stránce potvrzuje pˇredchoz´ı statistiku, viz obr. 9.7. Vypl´ yvá z n´ı, ˇze vˇetˇsina kliknut´ı uˇzivatel˚ u opravdu vede k v´ yuce na testovac´ıch otázkách.

45


Obrázek 9.7: Anal´ yza na stránce.

Záznamy o zdroj´ıch návˇstˇevnosti ukazuj´ı, ˇze nejv´ıce studenti do systému pˇristupuj´ı pˇr´ımo, viz obr. 9.8. Dále pak z odkazuj´ıc´ıch stránek, konkrétnˇe ˇ , kde byl um´ıstˇen odkaz pro studenty pˇredmˇetu KIV/ZOS. z portálu ZCU Z vyhledávaˇce pˇristupuje nejménˇe nov´ ych student˚ u.

Obrázek 9.8: Graf zdroj˚ u návˇstˇevnosti.

46

Funkˇcnost ˇreˇsen´ı a statistiky Následuj´ıc´ı informace jsou z intern´ı statistiky e-learningového systému Teri a vztahuj´ı se k pˇredmˇetu KIV/ZOS. Na rozd´ıl od pˇredchoz´ıch ˇc´ısel se jedná o záznam pouze jednoho v´ yukového semestru. Modul pro statistiky byl dokonˇcen pˇribliˇznˇe v polovinˇe v´ yvoje. Pˇres jedenáct tis´ıc zobrazen´ ych otázek pˇredmˇetu bˇehem jednoho semestru je pomˇernˇe vysoké ˇc´ıslo vypov´ıdaj´ıc´ı o reálném vyuˇzit´ı systému ve v´ yuce, viz obr. 9.9.

Obrázek 9.9: Statistiky test˚ u pˇredmˇetu KIV/ZOS.

Graf mˇes´ıˇcn´ıho vyuˇzit´ı ukazuje, ˇze se na tento pˇredmˇet studenti uˇcili zejména bˇehem zimn´ıho zkouˇskového obdob´ı a potom pˇred term´ıny státn´ıch závˇereˇcn´ ych zkouˇsek, viz obr. 9.10.

47


Obrázek 9.10: Mˇes´ıˇcn´ı vyuˇzit´ı serveru pro v´ yuku KIV/ZOS.

Dalˇs´ı informac´ı, kterou systém poskytuje, je u ´daj o pouˇz´ıván´ı bˇehem dne, viz obr. 9.11. Nejv´ıce se studenti uˇc´ı v odpoledn´ıch a noˇcn´ıch hodinách. Naopak ráno je aktivita nulová.

Obrázek 9.11: Statistika v´ yuky pˇredmˇetu KIV/ZOS bˇehem dne.

48

Závˇer

10 Závˇer Byly prozkoumány vybrané dostupné systémy pro e-learning. Na základˇe tohoto pr˚ uzkumu byl navrˇzen a realizován systém vhodn´ y pro nasazen´ı v prostˇred´ı fakulty. Hlavn´ım c´ılem práce bylo vytvoˇren´ı multiplatformn´ıho e-learningového systému pro testován´ı znalost´ı student˚ u v pr˚ ubˇehu semestru. Tento c´ıl byl splnˇen. V´ ysledn´ ym produktem této práce je funkˇcn´ı e-learningov´ y systém s podporou mobiln´ıch zaˇr´ızen´ı. Byl naprogramován webov´ y portál, jeho mobiln´ı verze, nativn´ı klient pro operaˇcn´ı systém Android a J2ME klient. Pro uˇzivatele byla vytvoˇrena ˇsiroká ˇskála modul˚ u pro pohodlnou práci s v´ yukov´ ymi testy a testovac´ımi otázkami vˇcetnˇe modulu pro statistiky v´ yuky. Systém byl v´ıce neˇz rok nasazen v ostrém provozu ve v´ yuce student˚ u. Teoretická funkˇcnost tedy byla ovˇeˇrena v praxi a systém se ukázal jako vhodn´ y v´ yukov´ y nástroj. Byl také realizován modul ostr´ ych test˚ u pro závazné zkouˇsen´ı znalost´ı student˚ u. Tento modul by mohl b´ yt v budoucnu dále rozˇs´ıˇren a doplnˇen o vˇetˇs´ı mnoˇzinu funkc´ı, které by lépe zamezily podvádˇen´ı student˚ u. Moˇznost´ı rozˇs´ıˇren´ı systému je naprogramován´ı klient˚ u pro mobiln´ı platformy, které nebyly v této práci obsaˇzeny. Pˇrizp˚ usoben´ı grafického rozhran´ı webu a nativn´ıch aplikac´ı pro dotykové obrazovky zaˇr´ızen´ı typu tablet m˚ uˇze b´ yt dalˇs´ı pˇridanou funkc´ı. Pokud se tablety v´ıce rozˇs´ıˇr´ı mezi c´ılovou skupinu, bude se jednat o ideáln´ı nástroj pro m-learning. Mezi hlavn´ı v´ yhody realizovaného systému patˇr´ı jeho jednoduchost na instalaci i pouˇzit´ı. Systém je funkˇcn´ı na adrese http://students.kiv.zcu.cz/teri/.

49

Literatura [1] Adobe Connect [online]. Informaˇcn´ı zdroj dostupn´ y http://www.adobe.com/products/adobeconnect.html, 18.4.2012. [2] ATutor [online]. Informaˇcn´ı zdroj http://atutor.ca/, cit. 18.4.2012.

dostupn´ y

z

URL: cit.

z

URL:

[3] Blackboard [online]. Informaˇcn´ı zdroj dostupn´ y http://www.blackboard.com/, cit. 18.4.2012.

z

URL:

[4] Claroline [online]. Informaˇcn´ı zdroj dostupn´ y http://www.claroline.net, cit. 18.4.2012.

z

URL:

[5] Docebo [online]. Informaˇcn´ı zdroj dostupn´ y http://www.docebo.com/, cit. 18.4.2012.

z

URL:

[6] Dokeos [online]. Informaˇcn´ı zdroj dostupn´ y http://www.dokeos.com/, cit. 18.4.2012.

z

URL:

[7] EDEN [online]. Informaˇcn´ı zdroj dostupn´ y z URL: http://www.edenonline.org, cit. 18.4.2012. [8] eDoceo [online]. Informaˇcn´ı zdroj http://www.edoceo.cz/, cit. 18.4.2012.

dostupn´ y

z

URL:

[9] Enterprise Knowledge Platform (EKP) LMS [online]. Informaˇcn´ı zdroj dostupn´ y z URL: http://www.courseware.nl/ekp/, cit. 18.4.2012. [10] Moodle [online]. Informaˇcn´ı zdroj http://moodle.org/, cit. 18.4.2012.

dostupn´ y

[11] Syndeo CMS [online]. Informaˇcn´ı zdroj dostupn´ y http://www.syndeocms.org/, cit. 18.4.2012.

z

URL: z

URL:

[12] T–Mobile , tisková zpráva [online]. Informaˇcn´ı zdroj dostupn´ y z URL: http://t-press.cz/_data/2012-03/12-0314_data_hspa+_screen.pdf, cit. 14.3.2012. [13] Andi Gutmans, D. R., Stig Saether Bakken: Mistrovstv´ı v PHP5. Computer Press, a.s., 2008, ISBN 978-80-251-1519-0. [14] Eccher, C.: Profesionáln´ı webdesign. Computer Press, a.s., 2005, ISBN 80-251-0547-4. [15] Margorin, M.: jQuery bez pˇredchoz´ıch znalost´ı. Computer Press, a.s., 2011, ISBN 978-80-251-3379-8. [16] Peter Lubbers, F. S., Brain Albers: HTML5 Programujte modern´ı webové aplikace. Computer Press, a.s., 2011, ISBN 978-80-251-3539-6. ˚ A TRIKU ˚ PRO PHP. Computer Press, a.s., 2010, [17] Vrána, J.: 1001 TIPU ISBN 978-80-251-2940-1. [18] Zounek, J.: E-learning – jedna z podob uˇcen´ı v modern´ı spoleˇcnosti. Masarykova univerzita Brno, 2009, ISBN 978-80-210-5123-2.

Seznam obr´ azk˚ u 2.1

Obecn´ y LMS model. . . . . . . . . . . . . . . . . . . . . . . .

3

3.1

Audio otázka v LMS Moodle. . . . . . . . . . . . . . . . . . .

5

3.2

Aplikace LMS Blackboard pro iOS zaˇr´ızen´ı. . . . . . . . . . .

5

3.3

Aplikace Adobe Connect pro OS Android. . . . . . . . . . . .

6

4.1

Pyramida e-learningu. . . . . . . . . . . . . . . . . . . . . . .

9

7.1

Ukázka zmˇeny práv uˇzivatele. . . . . . . . . . . . . . . . . . . 14

7.2

Volba velikosti testu. . . . . . . . . . . . . . . . . . . . . . . . 15

7.3

Ukázka zobrazené otázky. . . . . . . . . . . . . . . . . . . . . 16

7.4

Vyhodnocen´ı otázky. . . . . . . . . . . . . . . . . . . . . . . . 17

7.5

Multimediáln´ı otázka. . . . . . . . . . . . . . . . . . . . . . . . 18

7.6

Zvˇetˇsen´ y obrázek. . . . . . . . . . . . . . . . . . . . . . . . . . 19

7.7

Graf správn´ ych a ˇspatn´ ych odpovˇed´ı. . . . . . . . . . . . . . . 20

7.8

Graf roˇcn´ı aktivity. . . . . . . . . . . . . . . . . . . . . . . . . 21

7.9

Kalendáˇr pro zadáván´ı datumu. . . . . . . . . . . . . . . . . . 22

7.10 Ukázka generován´ı otázek do PDF dokumentu.

. . . . . . . . 22

7.11 Ukázka v´ ypisu nˇekolika novinek. . . . . . . . . . . . . . . . . . 23 7.12 Zmˇena práv uˇzivatele. . . . . . . . . . . . . . . . . . . . . . . 24 7.13 V´ ypis test˚ u pro mazán´ı. . . . . . . . . . . . . . . . . . . . . . 24 7.14 Tlaˇc´ıtka pro export databáze otázek. . . . . . . . . . . . . . . 25 7.15 Prvn´ı krok pˇri instalaci systému Teri. . . . . . . . . . . . . . . 26 7.16 Tvorba u ´ˇctu administrátora. . . . . . . . . . . . . . . . . . . . 27 7.17 ERM diagram databáze. . . . . . . . . . . . . . . . . . . . . . 28 8.1

Potvrzovac´ı hláˇska pro pˇrepnut´ı na mobiln´ı web. . . . . . . . . 30

8.2

Mobiln´ı web systému Teri. . . . . . . . . . . . . . . . . . . . . 31

8.3

Ukázka otázky. . . . . . . . . . . . . . . . . . . . . . . . . . . 32

8.4

´ Uvodn´ ı obrazovka aplikace. . . . . . . . . . . . . . . . . . . . . 33

8.5

Progress dialog. . . . . . . . . . . . . . . . . . . . . . . . . . . 34

8.6

ListView s dostupn´ ymi pˇredmˇety. . . . . . . . . . . . . . . . . 34

8.7

Ukázka otázky ve tˇret´ı aktivitˇe Test.java. . . . . . . . . . . . . 35

8.8

Aktivita s v´ ysledkem testu. . . . . . . . . . . . . . . . . . . . 35

8.9

Ikona aplikace. . . . . . . . . . . . . . . . . . . . . . . . . . . 36

8.10 Hlavn´ı menu aplikace. . . . . . . . . . . . . . . . . . . . . . . 37 8.11 Nastaven´ı. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 8.12 Seznam dostupn´ ych test˚ u. . . . . . . . . . . . . . . . . . . . . 39 8.13 Ukázka zobrazené otázky. . . . . . . . . . . . . . . . . . . . . 40 9.1

Záznam návˇstˇevnosti webu. . . . . . . . . . . . . . . . . . . . 42

9.2

Pod´ıl internetov´ ych prohl´ıˇzeˇc˚ u mezi návˇstˇevn´ıky webu. . . . . 42

9.3

Pod´ıl operaˇcn´ıch systém˚ u mezi návˇstˇevn´ıky webu. . . . . . . . 43

9.4

Pod´ıl poskytovatel˚ u internetu. . . . . . . . . . . . . . . . . . . 43

9.5

´ Udaje o lokalitˇe vizualizované na mapˇe. . . . . . . . . . . . . . 44

9.6

Graf toku návˇstˇevn´ık˚ u. . . . . . . . . . . . . . . . . . . . . . . 45

9.7

Anal´ yza na stránce. . . . . . . . . . . . . . . . . . . . . . . . . 46

9.8

Graf zdroj˚ u návˇstˇevnosti.

9.9

Statistiky test˚ u pˇredmˇetu KIV/ZOS. . . . . . . . . . . . . . . 47

. . . . . . . . . . . . . . . . . . . . 46

9.10 Mˇes´ıˇcn´ı vyuˇzit´ı serveru pro v´ yuku KIV/ZOS. . . . . . . . . . . 48 9.11 Statistika v´ yuky pˇredmˇetu KIV/ZOS bˇehem dne. . . . . . . . 48

Seznam zkratek AJAX Asynchronous JavaScript and XML API Application Programming Interface CSS Cascading Style Sheets DOM Document Object Model ERM Entity-relationship model FUP Fair User Policy GPL General Public License GUI Graphical user interface HTML HyperText Markup Language HTTP Hypertext Transfer Protocol J2ME Java Platform, Micro Edition LMS Learning Management System SAX Simple API for XML SDK Software development kit URI Uniform Resource Identifier URL Uniform Resource Locator XML Extensible Markup Language XSD XML Schema Definition

Pˇ r´ılohy: Pˇ r´ıloha 1: Nápovˇeda

N´ apovˇ eda E-learningov´ y systém Teri byl navrˇzen tak, aby co nejjednoduˇsˇs´ım zp˚ usobem pomáhal student˚ um v efektivn´ı v´ yuce. Nápovˇeda je rozdˇelena do pˇeti sekc´ı. Prvn´ı tˇri jsou pro webové rozhran´ı podle druhu uˇzivatele systému, pro kterého jsou informace urˇceny. Zbylé dvˇe ˇca´sti popisuj´ı pouˇzit´ı klient˚ u pro mobiln´ı zaˇr´ızen´ı.

1 1.1

N´ apovˇ eda pro studenty Ovˇ eˇ rov´ an´ı znalost´ı - webov´ a verze

Na adrese http://students.kiv.zcu.cz/teri/ se nacház´ı webová verze portálu Teri. Pokud chcete ovˇeˇrit své znalosti v daném pˇredmˇetu, tak staˇc´ı kliknout na tlaˇc´ıtko Zah´ ajit v´ yuku, viz obr. 1.1, nebo následovat odkaz V´ yukov´ e testy z hlavn´ıho menu.

Obrázek 1.1: Zahájen´ı v´ yuky. T´ım se dostanete na stránku s v´ ybˇerem pˇredmˇetu a testu, kter´ y poˇzadujete, viz obr. 1.2.

1

Obrázek 1.2: Tabulka s v´ ybˇerem pˇredmˇet˚ u. Po v´ ybˇeru poˇzadovaného pˇredmˇetu budete vyzváni k urˇcen´ı velikosti v´ yukového testu. Poˇcet otázek testu m˚ uˇzete zadat ruˇcnˇe, nebo pouˇz´ıt posuvn´ık pro pohodlnˇejˇs´ı nastaven´ı, viz obr. 1.3. V´ ychoz´ı velikost je vˇzdy nastavena na maximáln´ı poˇcet otázek, které uˇcitel pro dan´ y pˇredmˇet a test pˇripravil. Pokud chce vyuˇcuj´ıc´ı pˇredmˇetu nˇeco student˚ um sdˇelit, tak se jeho zpráva zobraz´ı na této stránce pod volbou velikosti testu.

2

Obrázek 1.3: Nastaven´ı velikosti testu. Nyn´ı uˇz m˚ uˇzete zlepˇsovat své znalosti odpov´ıdán´ım na zobrazené otázky. Pro kontrolu odpovˇedi na otázku klikejte na tlaˇc´ıtko hotovo. Pokud chcete otázku pˇreskoˇcit, tak volte volbu dalˇ s´ı, nebo v pˇr´ıpadˇe návratu na pˇredeˇslou otázku tlaˇc´ıtko zpˇ et viz obr. 1.4.

3

Obrázek 1.4: Zobrazená otázka.

1.2

Webov´ a verze syst´ emu optimalizovan´ a pro mobiln´ı zaˇ r´ızen´ı

Vzhledem k tomu, ˇze se systém snaˇz´ı b´ yt co nejv´ıce multiplatformn´ı, tak je pˇripravena mobiln´ı verze webového rozhran´ı systému Teri. Na stránkách je automatické rozpoznáván´ı, zdali na stránky pˇristupujete z mobiln´ıho zaˇr´ızen´ı. Pokud ano, tak je vám nab´ıdnuto automatické pˇrepnut´ı na mobiln´ı verzi. V pˇr´ıpadˇe, ˇze vaˇse mobiln´ı zaˇr´ızen´ı nebylo správnˇe rozpoznáno, tak se na mobiln´ı verzi pˇrepnete ruˇcnˇe pˇres odkaz Mobiln´ı verze v hlavn´ım menu.

4

Mobiln´ı verze funguje obdobnˇe jako klasická verze, jen je pˇrizp˚ usobena mal´ ym displej˚ um mobiln´ıch zaˇr´ızen´ı a ohled je brán i na minimalizován´ı datov´ ych pˇrenos˚ u.

1.3

Ostr´ e testy

Systém nab´ız´ı moˇznost ostr´ ych test˚ u. Jedná se o zkouˇsen´ı student˚ u na pˇripraven´ ych testech. Odkaz na ostré testy je v hlavn´ım menu. Abyste mohli tyto testy provádˇet, tak mus´ıte b´ yt pˇrihláˇseni. Staˇc´ı si ze seznamu vybrat test, kter´ y chcete vyplnit. Po dokonˇcen´ı testu se uˇciteli zobraz´ı váˇs v´ ysledek.

1.4

Statistiky

Pro pˇrihláˇsené studenty systém generuje statistiky v´ yuky. Po pˇrihláˇsen´ı se zobraz´ı menu, kde je poloˇzka Statistiky. Zde najdete zaj´ımavé statistiky t´ ykaj´ıc´ı se vaˇs´ı v´ yuky, viz obr. 1.5.

Obrázek 1.5: Ukázka ˇcásti statistiky studenta.

5

1.5

Ztr´ ata hesla

Pokud jste zapomnˇeli své pˇrihlaˇsovac´ı heslo do systému Teri, tak si m˚ uˇzete jednoduˇse vytvoˇrit nové. Staˇc´ı v rámeˇcku pro pˇrihláˇsen´ı kliknout na odkaz Nov´ e heslo. Budete vyzváni k zadán´ı pˇrihlaˇsovac´ıho jména a e-mailu, kter´ y jste uvedli pˇri registraci. Po ovˇeˇren´ı správnosti tˇechto u ´daj˚ u vám systém poˇsle na tento e-mail kontroln´ı kód, kter´ y staˇc´ı opsat do zobrazeného formuláˇre. T´ım si systém ovˇeˇr´ı, ˇze jste to opravdu vy, a nab´ıdne zadán´ı nového hesla.

6

2

N´ apovˇ eda pro uˇ citele

Do administraˇcn´ıho menu pro uˇcitele se dostanete po pˇrihláˇsen´ı pˇres tlaˇc´ıtko Administrace. Zde naleznete vˇsechny potˇrebné nástroje.

2.1

Pˇ ridat ot´ azky

Tuto poloˇzku vyberete v pˇr´ıpadˇe, ˇze chcete pˇridávat nové testovac´ı otázky do systému. V prvn´ım kroku nejprve vyberete pˇredmˇet a test, pro kter´ y otázku pˇridáváte, a typ otázky. V dalˇs´ım kroku vyplˇ nte potˇrebné u ´daje k dané otázce. Tedy znˇen´ı otázky a odpovˇedi. Máte také moˇznost k otázce pˇripojit obrázek ˇci audio nahrávku ve formátu MP3. M˚ uˇzete dále nastavit obt´ıˇznost otázky. Ta je brána v potaz pˇri generován´ı test˚ u. Posledn´ı funkcionalitou je nápovˇeda. Tu doporuˇcuji vyplnit v pˇr´ıpadˇe obt´ıˇzn´ ych otázek. Rozumnˇe napsaná nápovˇeda ˇcasto student˚ um pomáhá k rychlému pochopen´ı otázky pˇri uˇcen´ı. Po u ´spˇeˇsném uloˇzen´ı otázky m˚ uˇzete pokraˇcovat ve tvorbˇe dalˇs´ıch otázek nebo tuto akci ukonˇcit.

2.2

Editovat ot´ azky

V tabulce se zobrazuj´ı vˇsechny vaˇse otázky. Pˇres tlaˇc´ıtko editovat se dostanete k formuláˇri, kter´ y vám dovol´ı otázku upravovat. V tabulce jsou pouze znˇen´ı otázek. Pokud chcete zobrazit celou otázku vˇcetnˇe odpovˇed´ı, tak staˇc´ı kliknout na ono znˇen´ı.

2.3

Maz´ an´ı ot´ azek

Obdobnˇe jako u editace otázek se zobraz´ı tabulka s otázkami. Kliknut´ım na tlaˇc´ıtko smazat otázku ze systému smaˇzete. Pozor, jedná se o nevratný proces.

2.4

Pˇ ridat pˇ redmˇ et

Zde jednoduch´ ym zp˚ usobem m˚ uˇzete pˇridávat své pˇredmˇety. Vyplˇ nte název pˇredmˇetu. Druhé textové pole slouˇz´ı pro pˇr´ıpadn´ y nepovinn´ y popisu pˇredmˇetu.

7

2.5

Pˇ ridat okruh (test) k pˇ redmˇ etu

Tuto volbu budete potˇrebovat, pokud chcete sv˚ uj pˇredmˇet rozdˇelit do v´ıce ˇcást´ı. Napˇr´ıklad na otázky k zápoˇctu a otázky ke zkouˇsce. V horn´ı ˇcásti formuláˇre si vyberte váˇs pˇredmˇet a napiˇste název nového testu, viz obr. 2.6. V pˇr´ıpadˇe, ˇze nechcete dˇelit otázky k pˇredmˇetu, tak nen´ı tˇreba tuto funkci pouˇz´ıvat.

Obrázek 2.6: Formuláˇr pro pˇridán´ı testu k pˇredmˇetu.

2.6

Pˇ ridat vzkaz student˚ um pˇ redmˇ etu

Z tabulky si vyberte pˇredmˇet, ke kterému chcete vzkaz pˇriˇradit. Dále vyplˇ nte znˇen´ı vzkazu a s vyuˇzit´ım kalendáˇre urˇcete, do kdy bude vzkaz platn´ y. Tento vzkaz se bude student˚ um zobrazovat pokaˇzdé, kdyˇz zaháj´ı v´ yuku vaˇseho pˇredmˇetu. Je to vhodná forma, jak student˚ um sdˇelit nˇejakou d˚ uleˇzitou informaci, kterou by nemˇeli pˇrehlédnout.

8

2.7

Vytvoˇ rit ostr´ y test

Jako uˇcitel máte moˇznost v systému vytváˇret i tzv. ostré testy. Tuto volbu m˚ uˇzete zvolit tˇreba pro zápoˇctové nebo zkouˇskové testy. Nejprve si vyberte pˇredmˇet, ke kterému test bude patˇrit. Dále pak máte moˇznost vyuˇz´ıt automatického generátoru testu nebo manuáln´ı v´ ybˇer otázek do testu. Pˇri vyuˇzit´ı prvn´ı moˇznosti pouze zaˇskrtáte, jaké typy otázek chcete, aby bral generátor v potaz, viz obr. 2.7, a dále poˇcet otázek, které bude test obsahovat. Systém pak za vás náhodnˇe vybere otázky. V posledn´ım kroku uˇz pouze urˇc´ıte platnost testu zadán´ım zaˇca´tku a konce, viz obr. 2.8. Je vhodné volit dobu testu napˇr´ıklad na dobu cviˇcen´ı, aby jste mohli zajistit fyzick´ y dohled nad vyplˇ nován´ım a t´ım zamezili podvádˇen´ı. Bˇehem vyplˇ nován´ı otázek systém studenta nepust´ı k standardn´ımu uˇcen´ı otázek. Posledn´ı informace, kterou mus´ıte zadat, je název testu. Druhá moˇznost vytvoˇren´ı ostrého testu je manuáln´ı v´ ybˇer otázek. Zde si ruˇcnˇe zaˇskrtáte konkrétn´ı otázky, které chcete, aby test obsahoval. Ostatn´ı je stejné jako u pˇredchoz´ı moˇznosti.

Obrázek 2.7: Volba typ˚ u otázek pro generován´ı ostrého testu.

9

Obrázek 2.8: Nastaven´ı platnosti ostrého testu.

2.8

Smazat ostr´ y test

Zde m˚ uˇzete mazat vaˇse ostré testy. Jsou zde i testy, které jiˇz byly ukonˇceny. Mˇejte na vˇedom´ı, ˇze smazán´ım pˇredmˇetu smaˇzete i jeho výsledky.

2.9

V´ ysledky ostr´ ych test˚ u

Zde vyberte dan´ y test. Zobraz´ı se vám tabulka, ve které jsou zaznamenány v´ ysledky vˇsech student˚ u, kteˇr´ı ho absolvovali. Na kaˇzdé ˇra´dce vid´ıte identifikaˇcn´ı informace, poˇcet správn´ ych a ˇspatn´ ych odpovˇed´ı, procentuáln´ı u ´spˇeˇsnost a posledn´ı poloˇzkou je ikonka pap´ıru s tuˇzkou. Pokud na tuto ikonku kliknete, tak se zobraz´ı záznam toho, co konkrétnˇe student v testu vyplnil. Jedná se o záznam, kter´ y se m˚ uˇze hodit napˇr´ıklad pˇri reklamaci v´ ysledk˚ u. Je moˇzné, 10

ˇze napˇr´ıklad u otázek s pˇresnou odpovˇed´ı student odpovˇedˇel správnˇe, ale ne dostateˇcnˇe pˇresnˇe, jak by si systém pˇredstavoval. Máte zde i moˇznost exportovat tabulku s v´ ysledky do PDF dokumentu. Tato moˇznost je dobrá pro archivaci ˇci zveˇrejnˇen´ı v´ ysledk˚ u testu.

2.10

Export ot´ azek do XML

Zde si m˚ uˇzete zálohovat otázky z vaˇsich pˇredmˇet˚ u do XML souboru.

2.11

Import ot´ azek ze XML

Systém kromˇe exportu otázek podporuje také import otázek ze XML souboru. Pˇres formuláˇr nahrajte XML soubor, kter´ y mus´ı m´ıt pˇresnou strukturu XML souboru, která vzniká pˇri vyuˇzit´ı funkce exportu.

11

2.12

Tvorba tisknuteln´ ych verz´ı test˚ u

Pokud chcete vytvoˇrit pap´ırov´ y test pro studenty, tak máte moˇznost vyexportovat test do PDF dokumentu, viz obr. 2.9. Obdobnˇe jako u ostr´ ych test˚ u m˚ uˇzete otázky zadat manuálnˇe nebo vyuˇz´ıt automatickému generován´ı testu z databáze otázek.

Obrázek 2.9: Ukázka generován´ı otázek do PDF dokumentu.

2.13

Statistiky

Stejnˇe jako studenti maj´ı uˇcitelé v pˇrihlaˇsovac´ım menu odkaz na Statistiky. Zde se vám zobraz´ı statistiky vˇsech vaˇsich pˇredmˇet˚ u. Kromˇe obecn´ ych statistik ohlednˇe odpov´ıdán´ı na testovac´ı otázky je u kaˇzdého testu tabulka problémov´ ych otázek seˇrazená od nejv´ıce problémov´ ych otázek k tˇem ménˇe problémov´ ym. Uˇcitel tak vid´ı, které otázky student˚ um dˇelaj´ı problémy. U nˇekter´ ych otázek to m˚ uˇze znamenat napˇr´ıklad nekonkrétn´ı nebo zmatené zadán´ı otázky.

12

3

Instalace a n´ apovˇ eda pro administr´ atory

3.1

Instalace syst´ emu Teri

Rozbalte ZIP archiv obsahuj´ıc´ı soubory systému Teri do libovolného adresáˇre. Obsah tohoto adresáˇre nahrajte na váˇs server1 . Je potˇreba HTTP server s podporou skriptovac´ıho jazyka PHP verze 5 a vyˇsˇs´ı a databázov´ y server MySQL. Nyn´ı spust´ıte instalaci zadán´ım adresy ve tvaru dom´ ena_webu/install.php 2 . Spust´ı se jednoduch´ y pr˚ uvodce instalac´ı systému Teri. V prvn´ım kroku mus´ıte vyplnit u ´daje k databázovému serveru. Databázi mus´ıte m´ıt pˇred samotnou instalac´ı vytvoˇrenou. Do formuláˇre mus´ıte vyplnit adresu databázového serveru, uˇzivatelské jméno, heslo a název databáze, viz obr. 3.10.

Obrázek 3.10: Prvn´ı krok pˇri instalaci systému Teri. Dle vaˇsich zadan´ ych u ´daj˚ u se provede vygenerován´ı souboru pro spojen´ı s databáz´ı. Pokud tato akce probˇehne v poˇrádku, tak se v dalˇs´ım kroku 1

Nejˇcastˇeji se pro tuto ˇcinnost pouˇz´ıv´ a protokol FTP. Za dom´ ena_webu dosad’te adresu, na které http://www.zcu.cz/install.php 2

13

web

pobˇeˇz´ı,

napˇr´ıklad

provád´ı kontrola spojen´ı s databázov´ ym serverem. Pˇri u ´spˇeˇsném spojen´ı následuje pˇredposledn´ı krok instalace, pˇri kterém se vytváˇrej´ı vˇsechny potˇrebné databázové tabulky. Posledn´ım krokem je vyplnˇen´ı formuláˇre s u ´daji k administrátorskému u ´ˇctu systému, viz obr. 3.11.

Obrázek 3.11: Tvorba u ´ˇctu administrátora. Nyn´ı je systém u ´spˇeˇsnˇe nainstalován a pˇripraven k pouˇzit´ı. Nezapomeˇ nte z vaˇseho serveru vymazat soubor install.php.

14

3.2

Hlavn´ı administrace webu

Jako administrátor systému máte pˇr´ıstup do hlavn´ı administrace. Do té se dostanete pˇres odkaz Teri admin v menu po pˇrihláˇsen´ı. Hlavn´ı administrace se spust´ı v novém oknˇe prohl´ıˇzeˇce.

3.3

Pr´ ace s novinkami

V administraci m˚ uˇzete pˇridávat, editovat a mazat novinky. Novinky se zobrazuj´ı na hlavn´ı stránce systému. Funkci novinek je vhodné pouˇz´ıvat pro d˚ uleˇzité informace o zmˇenách v systému.

3.4

Spr´ ava uˇ zivatelsk´ ych u ´ˇ ct˚ u

Jako administrátor máte právo pˇridávat ruˇcnˇe nové uˇzivatele do systému. Uˇzivatele také m˚ uˇzete mazat nebo mˇenit jejich uˇzivatelská práva, viz obr. 3.12.

Obrázek 3.12: Ukázka zmˇeny práv uˇzivatele.

15

3.5

Maz´ an´ı pˇ redmˇ et˚ u

V pˇr´ıpadˇe nutnosti vám systém dovoluje odstranit celé pˇredmˇety. Tuto funkci m˚ uˇzete vyuˇz´ıt v pˇr´ıpadˇe nevhodného obsahu nebo u pˇredmˇet˚ u, které nejsou aktuáln´ı.

3.6

Z´ aloha a import

Jednou z funkc´ı je zálohován´ı kompletn´ı databáze otázek do XML souboru. Stejnˇe tak zde naleznete také moˇznost zpˇetného importu takto zálohovan´ ych dat.

3.7

Statistiky

V menu administrace se nacház´ı pˇr´ım´ y odkaz do Google Analytics pro detailn´ı statistiky webu systému. Dále zde naleznete také odkaz pro zobrazen´ı intern´ıch statistik provádˇen´ ych test˚ u pro vˇsechny pˇredmˇety systému.

3.8

Maz´ an´ı pˇ r´ıspˇ evk˚ u diskuze

Posledn´ı funkˇcnost´ı pro administrátory je mazán´ı jednotliv´ ych pˇr´ıspˇevk˚ u z diskuze student˚ u, viz obr. 3.13.

Obrázek 3.13: V´ ypis pˇr´ıspˇevk˚ u diskuze pro moˇznost mazán´ı.

16

4

Klient pro mobiln´ı operaˇ cn´ı syst´ em Android

Na stránkách systému Teri se v sekci Download nacház´ı ke staˇzen´ı instalaˇcn´ı .apk bal´ıˇcek pro mobiln´ı zaˇr´ızen´ı s operaˇcn´ım systémem Android. Pro bezproblémové fungován´ı je potˇreba verze Androidu 2.2 a vyˇsˇs´ı. Aplikaci mus´ıte nejprve stáhnout do vaˇseho zaˇr´ızen´ı a poté spustit standardn´ım instalátorem systému Android. Po odsouhlasen´ı povolen´ı3 pro sluˇzby, které aplikace potˇrebuje, probˇehne instalace. Aplikace nevyˇzaduje trvalé pˇripojen´ı k internetu. Lze tedy provádˇet v´ yuku v offline stavu.

4.1

Volba testu

Po spuˇstˇen´ı aplikace uvid´ıte u ´vodn´ı obrazovku, viz obr. 4.14. Stisknut´ım tlaˇc´ıtka Zah´ ajit v´ yuku pˇristoup´ıte k v´ ybˇeru testu, kter´ y chcete dˇelat.

´ Obrázek 4.14: Uvodn´ ı obrazovka aplikace. M˚ uˇzete ale také stisknout systémové tlaˇc´ıtko menu na vaˇsem mobiln´ım zaˇr´ızen´ı a t´ım vyvolat hlavn´ı menu aplikace, viz obr. 4.15. 3

Aplikace vyˇzaduje pˇr´ıstup na kartu SD, pˇr´ıstup k Internetu a ˇcten´ı stavu a identity telefonu.

17

Obrázek 4.15: Zobrazené menu. Menu obsahuje následuj´ıc´ı poloˇzky: • Info – Zobraz´ı informace o aplikaci. • Webov´ a verze – Pˇrepne vás do mobiln´ı webové verze e-learningového systému. • Nastaven´ı – Zobraz´ı nastaven´ı aplikace. • Konec – Ukonˇc´ı aplikaci. Pokud kliknete na Zah´ ajit v´ yuku, tak se zobraz´ı seznam vˇsech test˚ u, viz obr. 4.16. Zde staˇc´ı kliknout na poˇzadovan´ y test a m˚ uˇzete zaˇc´ıt s v´ yukou.

18

Obrázek 4.16: Volba testu.

4.2

Ovl´ ad´ an´ı testu

Aplikace má ˇctyˇri druhy otázek: jedna správná odpovˇed’, v´ıce správn´ ych, ano/ne a pˇresná odpovˇed’. Pokud se vám zobraz´ı otázka s v´ıce správn´ ymi odpovˇed’mi, viz obr. 4.17, tak m˚ uˇzete zaklikat ˇza´dnou nebo v´ıce odpovˇed´ı. Pod otázkou se nacház´ı dvˇe ovládac´ı tlaˇc´ıtka. Ta se zobrazuj´ı pod kaˇzd´ ym typem otázky. Pokud jste jiˇz odpovˇedˇel, tak kliknˇete na tlaˇc´ıtko hotovo. Pokud se chcete vrátit o jednu otázku, tak kliknˇete na tlaˇc´ıtko zpˇ et.

19

Obrázek 4.17: V´ıce správn´ ych odpovˇed´ı. Po kliknut´ı na hotovo se na obrazovce objev´ı spr´ avn´ a odpovˇ ed’ v pˇr´ıpadˇe, ˇze jste odpovˇedˇeli správnˇe. Nebo s ˇpatn´ a odpovˇ ed’ s v´ ypisem správné odpovˇedi na otázku. Zobraz´ı se vám automaticky dalˇs´ı otázka. Na následuj´ıc´ıch tˇrech obrázc´ıch vid´ıte dalˇs´ı tˇri moˇzné typy otázek. Jedna spr´ avn´ a odpovˇ ed’, viz obr. 4.19, a ano/ne, viz obr. 4.20, jsou typy otázek, u kter´ ych si m˚ uˇzete vybrat pouze jedinou odpovˇed’. U pˇ resn´ e odpovˇ edi, viz obr. 4.18, kliknete do pol´ıˇcka pro text a na klávesnici nap´ıˇsete odpovˇed’.

20

Obrázek 4.18: Otázka typu pˇresná odpovˇed’.

Obrázek 4.19: Otázka typu jedna správná odpovˇed’.

21

Obrázek 4.20: Otázka typu ANO/NE.

4.3

Nastaven´ı aplikace

Pˇres menu aplikace se dostanete také k nastaven´ı aplikace. Zde si m˚ uˇzete navolit, jaké typy otázek chcete, aby vám program zobrazoval, a také m˚ uˇzete omezit maximáln´ı velikost testu, viz obr. 4.21.

22

Obrázek 4.21: Preference.

23

5

Klient pro mobiln´ı zaˇ r´ızen´ı podporuj´ıc´ı J2ME

Stejnˇe jako u klienta pro Android si program pro J2ME4 zaˇr´ızen´ı stáhnete v sekci Download na webu systému Teri. Naleznete zde ke staˇzen´ı soubory .jad a .jar. Ty je nutné po staˇzen´ı nahrát do vaˇseho mobiln´ıho zaˇr´ızen´ı a jejich spuˇstˇen´ım nainstalovat aplikaci.

5.1

Ovl´ ad´ an´ı testu

Po spuˇstˇen´ı aplikace se vám zobraz´ı seznam dostupn´ ych pˇredmˇet˚ u a test˚ u k procviˇcen´ı znalost´ı, viz obr. 5.22. Kurzorov´ ymi ˇsipkami vaˇseho mobiln´ıho zaˇr´ızen´ı najedete na poˇzadovan´ y test a potvrd´ıte tlaˇc´ıtkem ok.

Obrázek 5.22: Seznam dostupn´ ych test˚ u. Po v´ ybˇeru testu se vám zobraz´ı prvn´ı otázka, viz obr. 5.23. Kurzorov´ ymi ˇsipkami a potvrzovac´ım stˇredov´ ym tlaˇc´ıtkem na vaˇsem zaˇr´ızen´ı vol´ıte odpovˇedi na otázku. Pro zobrazen´ı dalˇs´ı otázky vyuˇzijete tlaˇc´ıtka ok. Naopak pro návrat na pˇredchoz´ı otázku tlaˇc´ıtko back. U kaˇzdé otázky jste v horn´ı ˇca´sti informováni o správnosti odpovˇedi pˇredeˇslé otázky. 4

Jsou podporována zaˇr´ızen´ı s konfigurac´ı CLDC 1.1 a profilem MIDP 2.1

24


25

Západočeská univerzita v Plzni Fakulta aplikovaných věd Katedra informatiky a výpočetní techniky. Systém pro online testování s podporou mobilních

Recommend Documents