![Page 1: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/1.jpg)
Veebipõhise õpihaldussüsteemikasutajaliidese disain
Hans Põldoja
![Page 2: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/2.jpg)
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
![Page 3: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/3.jpg)
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
![Page 4: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/4.jpg)
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
![Page 5: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/5.jpg)
5/22
Kasutatavuse kriteeriumid
• Õpihaldussüsteemi kasutama õppimise lihtsus• Õpihaldussüsteemi kasutamise efektiivsus• Piisav tagasiside kasutajale• Vigadekindlus• Esteetiline ja minimalistlik kujundus
![Page 6: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/6.jpg)
6/22
W3C standardid
• Hüperteksti standardid HTML, XHTML• Astmeliste laadilehtede standardid CSS1, CSS2• Veebisisu käideldavusjuhised WCAG 1.0
![Page 7: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/7.jpg)
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
![Page 8: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/8.jpg)
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)
![Page 9: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/9.jpg)
9/22
Nõueteanalüüs
Kontseptuaalnedisain
Visandid japrototüübid Tootmine Kasutuselevõtt
Evalvatsioon
Disainiprotsessi etapid
(Brinck jt, 2002)
![Page 10: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/10.jpg)
10/22
Tööde jaotus erinevatel etappidel
(Brinck jt, 2002)
![Page 11: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/11.jpg)
11/22
Nõuete analüüs
• Nõuete spetsifikatsioon Volere’i malli põhjal• IVA kasutajatüübid• Õpihaldussüsteemide kasutajaliideste võrdlev analüüs
![Page 12: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/12.jpg)
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)
![Page 13: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/13.jpg)
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
![Page 14: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/14.jpg)
14/22
Kokkuvõte kontseptuaalsest disainist
• Pedagoogiline kontseptsioon• Metafooride komplektid• IVA struktuur• Wireframe prototüüp struktuuri kirjeldamiseks
![Page 15: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/15.jpg)
15/22
![Page 16: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/16.jpg)
16/22
![Page 17: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/17.jpg)
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
![Page 18: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/18.jpg)
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
![Page 19: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/19.jpg)
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)
![Page 20: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/20.jpg)
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
![Page 21: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/21.jpg)
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
![Page 22: Veebipõhise õpihaldussüsteemi kasutajaliidese disain · 4/22 Töö struktuur Peat kk 2 Veebirakenduste kasutajaliidese disaini p him tted Peat kk 3 Metafooridel p hinev kasutajaliidese](https://reader033.vdocuments.pub/reader033/viewer/2022060217/5f0659337e708231d4178b87/html5/thumbnails/22.jpg)
Tänan kuulamast!
Ootan küsimusi