Erinevus lehekülje "Kasutajaliidesed (ITI0209)" redaktsioonide vahel

Viimane redaktsioon: 30. aprill 2026, kell 13:30

Kursuse kood: ITI0209
Link: https://courses.cs.ttu.ee/pages/Kasutajaliidesed_(ITV0209)
Õppejõud: Martin Verrev, martin.verrev@taltech.ee, TTÜ ruum ICT-422
Kurusus Moodle keskkonnas: https://moodle.taltech.ee/course/view.php?id=36831, registreerumise kood:ITI020926
Kursuse Teams'i kanal: ITI0209 (2026) Kasutajaliidesed, registreerumise kood:df207x3
Koht: Loengud ja praktikumid toimuvad auditooriumis MEK122
Aeg: Semestri jooksul igal teisipäeval: loeng kell 12:00-13:30 ja praktikum 13:45-15:15
Arhiiv: 2025 aasta kursuse lehte näed siit: Kasutajaliidesed_(ITI0209))_2025

Üldine ülevaade

Kursus on suunatud 3. kursuse IAIB ja IABB õppekava tudengitele.

Kursuse lõpetaja:

Oskab hinnata liidese visuaaldisaini kvaliteeti ja terviklikkust.
Oskab luua ja valideerida kasutajakeskset nii arvutile kui nutiseadmetele loodud kasutajaliidest.
Suudab osaleda UX arendusprotsessis erinevates rollides nii täitja kui tellijana.
Oskab andmeid visualiseerida.

Semestri jooksul toimub õppetöö kaheliikmelistes gruppides, kus luuakse ja valideeritakse kasutajaliides enda poolt väljamõeldud teenusele. Loodud teenuse tagarakendust kursuse jooksul reaalselt valmis programmeerima ei hakka :)

Loengud

Nädal 1: Sissejuhatus: Hea kasutajaliides

Loeng: Loenguslaidid
Praktikum: Sissejuhatav loovusharjutus

Nädal 2: Kasutajaliidese arendusprotsess

Ülesanne: Palun kirjelda esmane ülesandepüstitus ja lisa see Moodlesse: https://moodle.taltech.ee/mod/assign/view.php?id=921791 Juhul kui ülesande lisamisega on probleeme, andke sellest märku Teamsis õppejõule.
Loeng: Loenguslaidid
Praktikum: ITI0209_26_02_Prax

Nädal 6: Kasutatavuse Testimine (Teamsis)

Loengusalvestis: Kursuse Teamsi kanalis
Loeng Loenguslaidid
Praktikum: Näidisprojekti tutvustus

Nädal 7: Sissejuhatud Disainisüsteemi

Loeng Loenguslaidid
Praktikum: Individiaalsed konsultatsioonid

Nädal 8: Disainisüsteemi reeglid - Paigutus, Tüpograafia, Värvid

Esmaspäev 23.03 - 1. isesesiva töö tähtaeg
Loeng: Loenguslaid
Praktikum - HTML raamistike tutvustus

Nädal 9: Vormid

Nädal 10: Otsing ja Filtrid

Nädal 11: Sisu

Loenguslaidid: Loenguslaidid
Praktikum: UX kirjutamise harjutus

Nädal 12: Juurdepääsetavus

Loeguslaidid: Loenguslaidid
Praktikum: Individuaalsed konsultatsioonid (E27.04 on 2. isesesiva töö tähtaeg

Nädal 13: Sissejuhatus andmete visualiseerimisse

Loenguslaidid: Loenguslaidid
Praktikum: 3. iseseisva töö tutvustus. Harjutus: andmete leidmine

Nädal 14: Visualiserimise töövoog

Loenguslaidid: TBC
Praktikum: Visualiseerimistööriistad. Sissejuhatud Echartsi

Iseseisvad tööd

Sarnaselt varasemate aastatega esitatalkse kursuse käigus kolm kohustuslikku iseseisvat tööd. Iseseisvad tööd esitatakse Gitlab'is.

1. Staatiline prototüüp, tähtaeg E23.03 kell 12:00
2. HTML Prototüüp, tähtaeg E27.04, 12:00
3. Andmete visualiseerimine, tähtaeg E18.05 12:00

Turingu serveri kasutamine

Turingu serverisse rakenduse paigaldamine

Hinde moodustumine

Lõpphinne moodustub järgmistest pukntidest:

a. 1. iseseisev töö ja kaastudengi töö hindamine: 20p
b. 2. iseseisev töö ja kaastudengi töö hindamine: 20p
c. 3. iseseisev töö ja selle kaitsmine: 20p
d. aktiivne osalemine loengutes ja praktikumides, lisaülesanded 10
e. tehtud kontrolltöö (maksimaalselt 30 punkti).

Kursuse edukaks sooritamiseks peab kontrolltöös saama vähemalt 51% punktidest ja kogu kursuse eest (praktiktikumid+lisad+kontrolltöö) vähemalt 51 punkti.
Hilinenud tööd annavad poole võimalikest punktidest.

91 < punkti -- hinne 5 (suurepärane)
81 < punkti < 90 -- hinne 4 (väga hea)
71 < punkti < 80 -- hinne 3 (hea)
61 < punkti < 70 -- hinne 2 (rahuldav)
51 < punkti < 60 -- hinne 1 (kasin)
alla 51 punkti -- kursust ei läbitud

@@ 1. rida: / 1. rida: @@
-{{UI}}Kursuse kood: <b>ITI0209</b><br>
+{{UI}}'''Kursuse kood:''' ITI0209<br>
-'''Link''': https://courses.cs.ttu.ee/pages/Kasutajaliidesed_(ITV0209)<br>
+'''Link:''' https://courses.cs.ttu.ee/pages/Kasutajaliidesed_(ITV0209)<br>
-'''Õppejõud''': Martin Verrev, martin.verrev@taltech.ee, TTÜ ruum ICT-422<br>
+'''Õppejõud:''' Martin Verrev, martin.verrev@taltech.ee, TTÜ ruum ICT-422<br>
-'''Kurusus Moodle keskkonnas: https://moodle.taltech.ee/enrol/index.php?id=30645, iseregistreerumise võti <strong>ITI0209</strong><br>
+'''Kurusus Moodle keskkonnas:''' https://moodle.taltech.ee/course/view.php?id=36831,  <strong>registreerumise kood:</strong>ITI020926<br>
-'''Kursuse Teams'i kanal:''' ITI0209 Kasutajaliidesed (Kevad 2022), registreerumise võti <strong>
+'''Kursuse Teams'i kanal:''' ITI0209 (2026) Kasutajaliidesed, <strong>registreerumise kood:</strong>df207x3<br>
-emmakg0</strong><br>
+'''Koht:''' Loengud ja praktikumid toimuvad auditooriumis '''MEK122'''<br>
-'''Koht:''' Loengud ja praktikumid toimuvad Teams'is<br>
+'''Aeg:''' Semestri jooksul igal teisipäeval: '''loeng kell 12:00-13:30 ja praktikum 13:45-15:15'''<br>
-'''Aeg:''' Semestri jooksul igal reedel: '''loeng kell 10:00 ja praktikum 12:00'''<br>
+'''Arhiiv:''' 2025 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2025]]<br>
-aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2021]]<br>
 == Üldine ülevaade ==
-Semestri jooksul toimub online-õppena töö kaheliikmelistes gruppides, kus luuakse ja valideeritakse kasutajaliides enda poolt väljamõeldud teenusele. Loodud teenust kursuse jooksul reaalselt valmis programmeerima ei hakka :)
+Kursus on suunatud 3. kursuse IAIB ja IABB õppekava tudengitele.
-== Individuaalsed konsultatsioonid ==
+Kursuse lõpetaja:
+* Oskab hinnata liidese visuaaldisaini kvaliteeti ja terviklikkust.
+* Oskab luua ja valideerida kasutajakeskset nii arvutile kui nutiseadmetele loodud kasutajaliidest.
+* Suudab osaleda UX arendusprotsessis erinevates rollides nii täitja kui tellijana.
+* Oskab andmeid visualiseerida.
-Iganädalane aeg individuaalseteks konsultatsioonideks lepitakse kokku õppetöö käigus nii et see sobiks nii õppejõule kui osalejatele.
+Semestri jooksul toimub õppetöö kaheliikmelistes gruppides, kus luuakse ja valideeritakse kasutajaliides enda poolt väljamõeldud teenusele. Loodud teenuse tagarakendust kursuse jooksul reaalselt valmis programmeerima ei hakka :)
-== Iseseisvad tööd ==
+== Loengud ==
-Iseseisvad tööd esitatakse Gitlab'is ja link nendele lisatakse Moodlesse. Kursuse käigus esitatakse kolm iseseisvat tööd:
+=== Nädal 1: Sissejuhatus: Hea kasutajaliides ===
-. [[ITI0209 kevad 2022 1. kodutöö kirjeldus | Staatiline prototüüp]] Esitmise tähtaeg 11. märts, tagasiside andmise tähtaeg 17. märts<br>
+* Loeng: [[Media:ITI0209_26_01_Good_UI.pdf | Loenguslaidid ]]
-. [[ITI0209 kevad 2022 2. kodutöö kirjeldus | Rakenduse HTML prototüüp.]] Esitmise tähtaeg 17. aprill, tagasiside andmise tähtaeg 21. aprill<br>
+* Praktikum: [https://www.ideo.com/journal/build-your-creative-confidence-30-circles-exercise Sissejuhatav loovusharjutus]
-. [[ITI0209 kevad 2022 3. kodutöö kirjeldus |  Andmete visualiseerimine.]] Esitmise tähtaeg 11. mai.<br>
-Iga iseseisev töö annab 15 punkti ja kaastudengi tööde hindamine 5 punkti, st. kokku kokku 60 punkti.
+=== Nädal 2: Kasutajaliidese arendusprotsess ===
-=== 3. iseseisva töö kaitsmine ===
+* Ülesanne: Palun kirjelda esmane ülesandepüstitus ja lisa see Moodlesse: https://moodle.taltech.ee/mod/assign/view.php?id=921791 Juhul kui ülesande lisamisega on probleeme, andke sellest märku Teamsis õppejõule.
+* Loeng: [[Media:ITI0209_26_02_Design_Process.pdf | Loenguslaidid ]]
+* Praktikum: [[ITI0209_26_02_Prax]]
-iseeisva töö põhi-hindamine toimub Teamsi-kõne vormis reedel 13. mail vahemikus 10:00 .. 13:30 ja 14:00 .. 15:30. Vorm mille alusel moodustub graafik on siin: https://forms.gle/ZXBmhdm88N2gev2d7, palun see täita enne praktikumiaja algust. Jooksev graafik kaitsmiseks on näha siin: https://docs.google.com/spreadsheets/d/1dkpzBPNjhX2aeF4Et3cDracmJRgwMQRF3YPj27APBWk/edit?resourcekey#gid=308769380 Vajadusel organiseerib õppejõud ajad lisa-kaitsmiseks.
+=== Nädal 3: Protsessi algatamine: Briif ===
-=== Kontrolltöö ===
+* Loeng: [[Media:ITI0209_26_03_Brief.pdf | Loenguslaidid]]
+* Praktikum: [[Media:ITI0209_26_03_Paper_Proto.pdf | Praktikum]]
-Lisaks peale 3. töö ülevaatamist kontrolltöö kursuse jooksul läbitud teemade kohta. Kontrolltöö toimub üle Teamsi ja avatud testi vormis, s.t. lubatud on kõigi kursuse abimaterjalide v.a kaastudengi abi kasutamine.
+=== Nädal 4: Protessi tulemid: Kasutajavood ===
-Võimalikud kontrolltöö päevad on Esmaspäeval 16. mail (samal päeval enne seda toimuvad ka 3. praktikumitöö kaitsmised), reedel loenguajal ja  20. mail. 23. maiks peavad need kes lõpetavad ülikooli saama oma õppekava täidetud.
+* Loeng [[Media:ITI0209_26_04_Flows.pdf | Loenguslaidid]]
+* Praktikum: [[Media:ITI0209_26_04_Prax.pdf | Praktikum ]]
-== Loengud ==
+=== Nädal 5: Protessi tulemid: Persoonad ===
+* Loeng [[Media:ITI0209_26_05_Personas.pdf | Loenguslaidid]]
+* Praktikum: https://cantunsee.space/ <!-- https://www.fabriders.net/user-personas/ -->
-=== Nädal 1: Sissejuhatus ainesse. Hea kasutajaliidese heuristikad ===
+=== Nädal 6: Kasutatavuse Testimine (Teamsis) ===
+* Loengusalvestis: Kursuse Teamsi kanalis
+* Loeng [[Media:ITI0209_26_06_User_Testing.pdf | Loenguslaidid]]
+* Praktikum: Näidisprojekti tutvustus
-* [[Media:ITI0209_22_01_UI_Patterns_Heuristics.pdf | Loenguslaidid]]
+=== Nädal 7: Sissejuhatud Disainisüsteemi ===
-* [[Praktikum 1]] Praktikumiks pange palun valmis paber ja kirjutusvahend :)
+* Loeng [[Media:ITI0209_26_07_Design_Systems_Intro.pdf | Loenguslaidid]]
+* Praktikum: Individiaalsed konsultatsioonid
-=== Nädal 2: Kasutajaliidese üldised mustrid. ===
+=== Nädal 8: Disainisüsteemi reeglid - Paigutus, Tüpograafia, Värvid ===
+* Esmaspäev 23.03 - 1. isesesiva töö tähtaeg
+* Loeng: [[Media:ITI0209_26_08_Design_Systems_Layout.pdf | Loenguslaid]]
+* Praktikum - [[Media:CSS_Bootstrap_Intro.pdf | HTML raamistike tutvustus]]
-* [[Media:ITI0209_22_01_UI_Patterns_Heuristics.pdf | Loenguslaidid]]
+=== Nädal 9: Vormid ===
-* [[Ülesanne 2. loenguks]]
+* [[Media:ITI0209_26_09_Forms.pdf | Loenguslaidid ]]
+* [[Media:_ITI0209_26_09_Prax_Forms.pdf | Hajutus - Vormide parendamine ]]
-=== Nädal 3: Sissejuhatus disainiprotsessi: Briif. ===
+=== Nädal 10: Otsing ja Filtrid ===
+* [[Media:ITI0209_26_10_Search_Filters.pdf | Loenguslaidid ]]
+* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
-* [[Media:ITI0209_22_03_Brief.pdf | Loenguslaidid]]
+=== Nädal 11: Sisu ===
-* [[ITI0209 3. praktikum]] Katsetame kaug-grupitööd.
+<!--
+<strong style="color:red">NB! 16. aprill loeng ja praktikum toimuvad tavalises formaadis Teamsis.</strong>
+-->
+* Loenguslaidid: [[Media:ITI0209_26_11_Content.pdf | Loenguslaidid ]]
+* Praktikum: [[Media:ITI0209_26_11_Prax_Content.pdf | UX kirjutamise harjutus ]]
-=== Nädal 4: Kasutaja ja kasutajavood ===
+=== Nädal 12: Juurdepääsetavus ===
+* Loeguslaidid: [[Media:ITI0209_12_Accessibility.pdf | Loenguslaidid ]]
+* Praktikum: Individuaalsed konsultatsioonid (E27.04 on 2. isesesiva töö tähtaeg
-* [[Media:ITI0209_22_04_Personas_Flows.pdf | Loenguslaidid ]]
+=== Nädal 13: Sissejuhatus andmete visualiseerimisse ===
-* [[ITI0209 kevad 2022 4. praktikum]]
+* Loenguslaidid: [[Media:ITI0209_26_13_Visualization_Intro.pdf | Loenguslaidid ]]
+* Praktikum: 3. iseseisva töö tutvustus. [[Media:ITI0209_26_13_Prax_Data.pdf | Harjutus: andmete leidmine ]]
-=== Nädal 5: Sisukaart ja sõrestikmudel ===
+=== Nädal 14: Visualiserimise töövoog ===
+* Loenguslaidid: TBC
+* Praktikum: Visualiseerimistööriistad. Sissejuhatud Echartsi
-* [[Media:ITI0209_22_05_Wireframe.pdf | Loenguslaidid ]]
+<!--
-* Praktikum - Sissejuhatus Figmasse.
-=== Nädal 6: Kasutavuse testimine ===
+Nädal 15: Dashboard
-* [[Media:ITI0209_22_06_Usability_Testing.pdf | Loenguslaidid ]]
+Nädal 16: Kursuse kokkuvõte
-* [[Media:ITI0209_22_05_Prax.pdf | Praktikum ]]
-=== Nädal 7: Disainisüsteem ===
+-->
-* [[Media:ITI0209_22_07_Design_System.pdf | Loenguslaidid ]]
-* Praktikum: Sissejuhatus Bootstrappi
-=== Nädal 8: Disainisüsteemi jätk ===
+== Iseseisvad tööd ==
-* Loeng: Vaata eelsalvestatud loengut mis võtab kokku disainisüsteemi.
-* Praktikum: Vaata iseseisvalt õpetust "Bootstrap 5 Crash Course" (kestvus 1:19): https://www.youtube.com/watch?v=4sosXZsdy-s
-=== Nädal 9: Vormid ===
-* Loeng: [[Media:ITI0209_22_09_Forms.pdf | Loenguslaidid vormide kohta]] ja [[Media:ITI0209_22_08_Tips_for_Layout.pdf | üldisi soovitusi paigutusele ]]
-* Praktikum: [[Media:ITI0209_22_Praktikum_Sass.pdf | Eelprotsessorid. SASS ]]
-=== Nädal 10: Otsing. Filtrid. Sorteerimine ===
-* Loeng [[Media:ITI0209_22_10_Search_Filters_Sort.pdf | Loenguslaidid ]]
+Sarnaselt varasemate aastatega esitatalkse kursuse käigus kolm kohustuslikku iseseisvat tööd. Iseseisvad tööd esitatakse Gitlab'is.
-* Praktikum [[Media:ITI0209_22_Praktikum_10_Vormid.pdf | Harjutusi vormidega ]]
-=== Nädal 11: Ligipääsetavus ===
+. [[ITI0209 kevad 2026 1. kodutöö kirjeldus | Staatiline prototüüp]], tähtaeg E23.03 kell 12:00<br>
+. [[ITI0209 kevad 2026 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg E27.04, 12:00<br>
+. [[ITI0209 kevad 2026 3. kodutöö kirjeldus | Andmete visualiseerimine]], tähtaeg E18.05 12:00<br>
-* Loeng [[Media:ITI0209_22_11_Accessibility.pdf | Loenguslaidid ]]
+=== Turingu serveri kasutamine ===
-* Praktikum: Individuaalsed konsultatsioonid. Et aega paremini jagada, palun täitke see vorm: https://forms.gle/LDD8Zg7Woh5gfwaz8
-=== Nädal 12: Lihavõtted ===
+[[Turingu serverisse rakenduse paigaldamine]]
-=== Nädal 13: Sisu ===
+== Hinde moodustumine ==
-* Loeng [[Media:ITI0209_22_13_Content.pdf | Loenguslaidid ]]
+Lõpphinne moodustub järgmistest pukntidest:
-* Praktikum: sisu häkkimine
-=== Nädal 14: Sissejuhatus andmete visualiseerimisse ===
+a. 1. iseseisev töö ja kaastudengi töö hindamine: 20p<br>
+b. 2. iseseisev töö ja kaastudengi töö hindamine: 20p<br>
+c. 3. iseseisev töö ja selle kaitsmine: 20p<br>
+d. aktiivne osalemine loengutes ja praktikumides, lisaülesanded 10<br>
+e. tehtud kontrolltöö (maksimaalselt 30 punkti). <br>
-* Loeng [[Media:ITI0209_22_14_Visualization.pdf | Loenguslaidid ]]
+Kursuse edukaks sooritamiseks peab kontrolltöös saama vähemalt 51% punktidest ja kogu kursuse eest (praktiktikumid+lisad+kontrolltöö) vähemalt 51 punkti.<br>
-* Praktikum: Echarts
+Hilinenud tööd annavad poole võimalikest punktidest.
-=== Loeng 15: Visualiseerimise järk. Dashboard ===
-* [[Media:ITI0209_15_Visuzalizations_Dashboard.pdf | Loenguslaidid ]]
+*91 < punkti      -- hinne 5 (suurepärane)
+*81 < punkti < 90 -- hinne 4 (väga hea)
+*71 < punkti < 80 -- hinne 3 (hea)
+*61 < punkti < 70 -- hinne 2 (rahuldav)
+*51 < punkti < 60 -- hinne 1 (kasin)
+*alla 51 punkti -- kursust ei läbitud