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

Viimane redaktsioon: 9. aprill 2026, kell 09:00

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

NB! 16. aprilli loeng ja praktikum (nädal 11) toimuvad tavalises formaadis Teamsis.

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

NB! 16. aprill loeng ja praktikum toimuvad tavalises formaadis Teamsis.

Loenguslaidid: TBC
Praktikum: UX kirjutamise harjutus

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

@@ 2. rida: / 2. rida: @@
 '''Link:''' https://courses.cs.ttu.ee/pages/Kasutajaliidesed_(ITV0209)<br>
 '''Õppejõud:''' Martin Verrev, martin.verrev@taltech.ee, TTÜ ruum ICT-422<br>
-'''Kurusus Moodle keskkonnas:''' https://moodle.taltech.ee/course/view.php?id=30645,  <strong>registreerumise kood:</strong>ITI020925<br>
+'''Kurusus Moodle keskkonnas:''' https://moodle.taltech.ee/course/view.php?id=36831,  <strong>registreerumise kood:</strong>ITI020926<br>
-'''Kursuse Teams'i kanal:''' ITI0209 (2025) Kasutajaliidesed, <strong>registreerumise kood:</strong>e50tfje<br>
+'''Kursuse Teams'i kanal:''' ITI0209 (2026) Kasutajaliidesed, <strong>registreerumise kood:</strong>df207x3<br>
-'''Koht:''' Loengud ja praktikumid toimuvad auditooriumis '''ICT-315'''<br>
+'''Koht:''' Loengud ja praktikumid toimuvad auditooriumis '''MEK122'''<br>
-'''Aeg:''' Semestri jooksul igal teisipäeval: '''loeng kell 12:30-14:00 ja praktikum 14:15-15:45'''<br>
+'''Aeg:''' Semestri jooksul igal teisipäeval: '''loeng kell 12:00-13:30 ja praktikum 13:45-15:15'''<br>
-'''Arhiiv:''' 2024 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2024]]<br>
+'''Arhiiv:''' 2025 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2025]]<br>
+== Üldine ülevaade ==
-== Üldine ülevaade ==
+<strong style="color:red">NB! 16. aprilli loeng ja praktikum (nädal 11) toimuvad tavalises formaadis Teamsis.</strong>
+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 nii täitja kui tellijana.
+* 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 :)
-'''
-<!--
-== Kursuse lõpetamine, kontrolltöö ==
-Kursuse viimaseks ülesandeks on kontrolltöö. Kontrolltöö toimub avatud testi vormis loengutes, praktikumidesja iseseisvate tööde käigus läbitud teemade kohta. Lubatud on kasutada kõiki kursuse abimaterjale v.a kaastudengi abi ja keele mudeleid. Orienteeruv kontrolltöö kirjutamise aeg on 1 .. 1.5 tundi.
-'''
--->
 == Loengud ==
@@ 32. rida: / 29. rida: @@
 === Nädal 1: Sissejuhatus: Hea kasutajaliides ===
-[[Media:ITI0209_25_01_Good_UI.pdf | Loenguslaidid ]]
+* Loeng: [[Media:ITI0209_26_01_Good_UI.pdf | Loenguslaidid ]]
+* Praktikum: [https://www.ideo.com/journal/build-your-creative-confidence-30-circles-exercise Sissejuhatav loovusharjutus]
-=== Nädal 2: Disainiprotsess: Double Diamond ===
+=== Nädal 2: Kasutajaliidese arendusprotsess ===
-* [[Media:ITI0209_25_02_Design_Process.pdf | Loenguslaidid ]]
+* Ü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.
-* Praktikum: Meeskondade moodustamine; [[ITI0209_25_02_Assignment | loovusharjutus ]]
+* Loeng: [[Media:ITI0209_26_02_Design_Process.pdf | Loenguslaidid ]]
-* <strong>Ülesanne 10. veebruariks</strong> Ülesandepüstituse kirjeldamine: https://moodle.taltech.ee/mod/assign/view.php?id=360121
+* Praktikum: [[ITI0209_26_02_Prax]]
-=== Nädal 3: Briif ===
+=== Nädal 3: Protsessi algatamine: Briif ===
-* [[Media:ITI0209_25_03_Brief.pdf | Loenguslaidid]]<br>
+* Loeng: [[Media:ITI0209_26_03_Brief.pdf | Loenguslaidid]]
-* [[Media:ITI0209_25_03_Design_Challenge.pdf ‎ | 3. praktikum - Design Challenge]]
+* Praktikum: [[Media:ITI0209_26_03_Paper_Proto.pdf | Praktikum]]
-=== Nädal 4: Tulemid: Kasutajavood ja sõrestikmudel ===
+=== Nädal 4: Protessi tulemid: Kasutajavood ===
-* [[Media:ITI0209_25_04_Deliverables_Flows_Wireframes.pdf | Loenguslaidid]]<br>
+* Loeng [[Media:ITI0209_26_04_Flows.pdf | Loenguslaidid]]
-* [[Media:ITI0209_25_04_Paper_Prototyping.pdf | 4. praktikum - Paberprototüüpimine]]
+* Praktikum: [[Media:ITI0209_26_04_Prax.pdf | Praktikum ]]
-=== Nädal 5: Tulemid: Persoonad ===
+=== Nädal 5: Protessi tulemid: Persoonad ===
+* Loeng [[Media:ITI0209_26_05_Personas.pdf | Loenguslaidid]]
+* Praktikum: https://cantunsee.space/ <!-- https://www.fabriders.net/user-personas/ -->
-* [[Media:ITI0209_25_05_Deliverables_Personas.pdf | Loenguslaidid ]]
+=== Nädal 6: Kasutatavuse Testimine (Teamsis) ===
+* Loengusalvestis: Kursuse Teamsi kanalis
+* Loeng [[Media:ITI0209_26_06_User_Testing.pdf | Loenguslaidid]]
+* Praktikum: Näidisprojekti tutvustus
-=== Nädal 6: Sisukaart. Kasutatavuse testimine ===
+=== Nädal 7: Sissejuhatud Disainisüsteemi ===
+* Loeng [[Media:ITI0209_26_07_Design_Systems_Intro.pdf | Loenguslaidid]]
+* Praktikum: Individiaalsed konsultatsioonid
-* [[Media:ITI0209_25_06_Sitemap.pdf | Tulemite jätk - sisukaart ]]
+=== Nädal 8: Disainisüsteemi reeglid - Paigutus, Tüpograafia, Värvid ===
-* [[Media:ITI0209_25_06_Usability_Testing.pdf | Loenguslaidid ]]
+* Esmaspäev 23.03 - 1. isesesiva töö tähtaeg
-* <strong>Meeskonnapõhine kodune ülesanne 03. märtsiks: Figma prototüüp</strong> https://moodle.taltech.ee/mod/assign/view.php?id=703475. Juhul kui varem Figmaga kokku puutunud ei ole, siis sissejuhatuseks on hea näiteks see õpetus: https://help.figma.com/hc/en-us/sections/4405269443991-Figma-for-beginners-4-parts
+* Loeng: [[Media:ITI0209_26_08_Design_Systems_Layout.pdf | Loenguslaid]]
+* Praktikum - [[Media:CSS_Bootstrap_Intro.pdf | HTML raamistike tutvustus]]
-=== Nädal 7: Sissejuhatus disainisüsteemi ===
+=== Nädal 9: Vormid ===
+* [[Media:ITI0209_26_09_Forms.pdf | Loenguslaidid ]]
+* [[Media:_ITI0209_26_09_Prax_Forms.pdf | Hajutus - Vormide parendamine ]]
-* [[Media:ITI0209_25_07_Design_Systems_Intro.pdf | Loenguslaidid ]]
+=== Nädal 10: Otsing ja Filtrid ===
-* Praktikum: Individuaalsed konsultatsioonid
+* [[Media:ITI0209_26_10_Search_Filters.pdf | Loenguslaidid ]]
+* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
-=== Nädal 8: Disainisüsteem: Tüpograafia ja Värvid ===
+=== Nädal 11: Sisu ===
+<strong style="color:red">NB! 16. aprill loeng ja praktikum toimuvad tavalises formaadis Teamsis.</strong>
+* Loenguslaidid: TBC
+* Praktikum: UX kirjutamise harjutus
-[[Media:ITI0209_25_08_Design_Systems_02.pdf | Loenguslaidid ]]<br>
-Praktikum: Sissejuhatus Bootstrappi
-=== Nädal 9: Disainisüsteem: Layout ===
-* [[Media:ITI0209_25_09_Design_Systems_02.pdf | Loenguslaidid ]]
-* [[Media:ITI0209_25_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
 <!--
+Nädal 9: Disainisüsteem - Vormid
+Nädal 10: Otsing ja Filtrid
+Nädal 11: Sisu
+Nädal 12: Juurdepääsetavus
-=== Nädal 9: Disainisüsteemi jätk. Värvid, Layout ===
+Nädal 13: Sissejuhatus andmete visualiseerimisse
+Nädal 14: Visualiseerimise töövoog
-* [[Media:ITI0209_24_09_Design_Systems_02.pdf | Loenguslaidid ]]
+Nädal 15: Dashboard
-* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid ]]
+Nädal 16: Kursuse kokkuvõte
-=== Nädal 10: Vormid ===
-* [[Media:ITI0209_24_10_Forms.pdf | Loenguslaidid ]]
-* [[Media:ITI0209_24_10_Prax_Forms.pdf | Juhend praktikumiks ]]
-=== Nädal 11: Otsing. Filtrid ===
-* [[Media:ITI0209_24_11_Search_Filters_Sort.pdf | Loenguslaidid ]]
-* [[Media:ITI0209_24_11_Prax_Tailwind.pdf | Praktikum: Sissejuhatus Tailwind CSS-i ]]
-=== Nädal 12:Sisu ===
-* [[Media:ITI0209_24_12_Content.pdf | Loenguslaidid ]]
-* [[Media:ITI0209_24_12_Prax_Content.pdf | Harjutus praktikumiks ]]
-=== Nädal 13:Juurdepääsetavus ===
-* [[Media:ITI0209_24_13_Accessibility.pdf | Loenguslaidid]]<br>
-* Praktikum: Konsultatsioonid ja abi
-=== Nädal 14. Sissejuhatus andmete visualiseerimisse ===
-[[Media:ITI0209_24_14_Visualization_Intro.pdf | Loenguslaidid]]<br>
-Praktikum: Sissejuhatus Echartsi
-=== Nädal 15. Visualiseerimise jätk ===
-[[Media:ITI0209_24_15_Principles_of_Visualization.pdf | Loenguslaidid]]<br>
-Praktikum: Dünaamiline Echarts
-=== Nädal 16. Dashboard ===
-[[Media:ITI0209_24_16_01_Dashboard.html.pdf | Loenguslaidid]]<br>
-Praktikum: Individuaalsed konsultatsioonid.
-Nädal 15. Visualiseerimise jätk
-Nädal 16. 3. töö kaitsmine
 -->
@@ 127. rida: / 97. rida: @@
 == Iseseisvad tööd ==
-Sarnaselt varasemate aastatega esitatalkse kursuse käigus kolm kohustuslikku iseseisvat tööd. Iseseisvad tööd esitatakse Gitlab'is ja link nendele lisatakse Moodles. Praegu lisatud kuupäevad on indikatiivsed ja selguvad täpselt kursuse käigus.
+Sarnaselt varasemate aastatega esitatalkse kursuse käigus kolm kohustuslikku iseseisvat tööd. Iseseisvad tööd esitatakse Gitlab'is.
-. [[ITI0209 kevad 2025 1. kodutöö kirjeldus | Staatiline prototüüp]], tähtaeg: Neljapäeval 20. märts kell 17:00<br>
-. [[ITI0209 kevad 2025 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg: aprilli lõpp<br>
-. [[ITI0209 kevad 2025 3. kodutöö kirjeldus | Andmete visualiseerimine]], mail lõpp<br>
+. [[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>
-<!--
 === Turingu serveri kasutamine ===
 [[Turingu serverisse rakenduse paigaldamine]]
--->
 == Hinde moodustumine ==
@@ 145. rida: / 111. rida: @@
 Lõpphinne moodustub järgmistest pukntidest:
-a. kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 20 + 20 + 20 punkti)<br>
+a. 1. iseseisev töö ja kaastudengi töö hindamine: 20p<br>
-b. hinnatud kaks kaastudengi tööd (maksimaalselt 5 + 5 punkti)<br>
+b. 2. iseseisev töö ja kaastudengi töö hindamine: 20p<br>
-d. aktiivne osalemine loengutes ja praktikumides, lisaülesanded (maksimaalselt 10 punkti)<br>
+c. 3. iseseisev töö ja selle kaitsmine: 20p<br>
-c. tehtud kontrolltöö (maksimaalselt 20 punkti). Edukaks sooritamiseks pead kontrolltöös saama vähemalt 51% punktidest ja kogu kursuse eest (praktiktikumid+kontrolltöö) vähemalt 51 punkti.<br>
+d. aktiivne osalemine loengutes ja praktikumides, lisaülesanded 10<br>
+e. tehtud kontrolltöö (maksimaalselt 30 punkti). <br>
+Kursuse edukaks sooritamiseks peab kontrolltöös saama vähemalt 51% punktidest ja kogu kursuse eest (praktiktikumid+lisad+kontrolltöö) vähemalt 51 punkti.<br>
+Hilinenud tööd annavad poole võimalikest punktidest.
 *91 < punkti      -- hinne 5 (suurepärane)