Veebipõhise õpihaldussüsteemikasutajaliidese disain

Hans Põldoja

2/22

Probleem ja eesmärk

• Probleem: olemasolevad ÕHS’id ei vasta Eesti ülikoolideja õppejõudude vajadustele, seda eelkõige kasutatavuseosas

• Eesmärk: luua ÕHS kasutajaliidese disain, midaiseloomustab:– intuitiivsus läbi metafooride– interoperaablus läbi W3C standardite järgimise– järjekindlus läbi disainiprotsessi süstemaatilisuse– köitvus läbi innovatiivse pedagoogilise kontseptsiooni ja

uudsete töövahendite

3/22

Püstitatud ülesanded

• Analüüsida kirjanduse põhjal veebirakenduste disainileesitatavaid nõudeid ning metafooride rakendamistkasutajaliidese disainis

• Anda terviklik ülevaade kasutajaliidese disainiprotsessist TPÜ õpihaldussüsteemi näitel

• Luua TPÜ veebipõhise õpihaldussüsteemikasutajaliidese disain

• Viia läbi loodud õpisüsteemi kasutajaliidese evalvatsioon

4/22

Töö struktuur

Peatükk 2

Veebirakenduste

kasutajaliidese

disaini põhimõtted

Peatükk 3

Metafooridel

põhinev

kasutajaliidese

disain

Peatükk 4

IVA projekt

Peatükk 5

IVA

kasutajaliidese

disain

Peatükk 6

IVA

kasutajaliidese

evalvatsioon

Kriteeriumid

5/22

Kasutatavuse kriteeriumid

• Õpihaldussüsteemi kasutama õppimise lihtsus• Õpihaldussüsteemi kasutamise efektiivsus• Piisav tagasiside kasutajale• Vigadekindlus• Esteetiline ja minimalistlik kujundus

6/22

W3C standardid

• Hüperteksti standardid HTML, XHTML• Astmeliste laadilehtede standardid CSS1, CSS2• Veebisisu käideldavusjuhised WCAG 1.0

7/22

Metafooridel põhinev kasutajaliidese disain

• Metafoor – ühe sõna või väljendi tähenduse teiseleülekandmine sarnasuse alusel

• Metafoori mõistmise protsess• Liitmetafoorid: alusmetafoor + abimetafoorid• Näited sagedamini rakendatavatest metafooridest• Ikoonide rakendamine• POPITS mudel liitmetafooride leidmiseks• Kriitika metafooride kasutamise suhtes

8/22

IVA projekti strateegia

• IVA peab jääma avatud lähtekoodiga vabavaraks• Kuna meid huvitab uute ideede katsetamine ja mitte

tootearendus, siis pole mõttekas programmeerida kõikeise

• Tarkvaraarenduse kiirendamiseks tuleks kasutadaekstreemprogrammeerimise meetodeid (sprindid,paarisprogrammeerimine, prototüübid)

9/22

Nõueteanalüüs

Kontseptuaalnedisain

Visandid japrototüübid Tootmine Kasutuselevõtt

Evalvatsioon

Disainiprotsessi etapid

(Brinck jt, 2002)

10/22

Tööde jaotus erinevatel etappidel

(Brinck jt, 2002)

11/22

Nõuete analüüs

• Nõuete spetsifikatsioon Volere’i malli põhjal• IVA kasutajatüübid• Õpihaldussüsteemide kasutajaliideste võrdlev analüüs

12/22

Konstruktivistliku õpikeskkonnakontseptuaalne mudel

CONTEXT – tähendusrikas kontekst ärgitab õpilasileidma huvitavaid probleeme

CONSTRUCTION - iga õpilane konstrueerib ise omateadmusmaailma, luues ise teooriaid kogetud nähtusteseletamiseks ja kontrollib oma teooriate paikapidavust

COLLABORATION – loodud teooriatetoimivuse/õigsuse arutelu ning koostöö oma kaaslastega

(Jonassen, 1994)

13/22

IVA struktuur

Wiki

Portfolio

Sahtel

Veebilaud

Kursuse info

Raamaturiiul

TeadmusPaja

MeediaPaja

Sisegrupp

Wiki

Testid

Töötoad

Kasutajate haldus

Sisegruppide haldus

Testide haldus

Kursusete haldus

Haldus

14/22

Kokkuvõte kontseptuaalsest disainist

• Pedagoogiline kontseptsioon• Metafooride komplektid• IVA struktuur• Wireframe prototüüp struktuuri kirjeldamiseks

15/22

16/22

17/22

Tootmine

• FLE3 kasutajaliidese baasil IVA kasutajaliidese loomine• Kasutatavuse tagamiseks järgitakse:

– kinnipidamist nõuete spetsifikatsioonist– kasutatavuse kriteeriumidest– W3C standarditest (XHTML 1.0 Transitional)

• Testkursused kasutajatega

18/22

Kasutuselevõtt

• Kvaliteedi tagamine– Testimine kasutajatega– Tehnilised testid (HTML väljundi valideerimine, logide

monitooring)• Kasutajate tagasiside haldus

– Vigade haldus Savannah’is– Loomisel on IVA helpdesk

19/22

Evalvatsioon

• Testkursused IVA keskkonnas• Kasutajaliidese evalvatsiooni küsimustik (27 küsimust)

– Üldine arvamus tarkvarast– Ekraanipilt– Kasutajaliidese terminid ja metafoorid– Õppimine– Süsteemi võimekus

(QUIS, Questionnaire for User Interaction Satisfaction)

20/22

Evalvatsiooni tulemused

• Positiivne:– Visuaalne kujundus– IVA kontseptsioon ja metafoorid– Eestikeelne kasutajaliides

• Negatiivne– TeadmusPaja kasutatavus– Kasutajate haldus– Wiki kasutamine ebaselge

Ankeedile täitis 9 eksperti 10-st

21/22

Töö tulemused

• Kasutajaliidese disainiprotsessi käsitlus, mis ühendab niitraditsioonilisi tarkvaraarenduse meetodeid kui kahumanitaarseid aspekte nagu metafooride rakendamine

• Ainulaadne innovatiivsel pedagoogilisel mudelil põhinevõpihaldussüsteemi kontseptsioon ja struktuur

• Intuitiivselt õpitav, kasutajasõbralik ja esteetilinekasutajaliidese kujundus TPÜ õpihaldussüsteemile IVA

Tänan kuulamast!

Ootan küsimusi