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

Viimane redaktsioon: 22. aprill 2025, kell 11:23

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=30645, registreerumise kood:ITI020925
Kursuse Teams'i kanal: ITI0209 (2025) Kasutajaliidesed, registreerumise kood:e50tfje
Koht: Loengud ja praktikumid toimuvad auditooriumis ICT-315
Aeg: Semestri jooksul igal teisipäeval: loeng kell 12:30-14:00 ja praktikum 14:15-15:45
Arhiiv: 2024 aasta kursuse lehte näed siit: Kasutajaliidesed_(ITI0209))_2024

Auditooriumi muutus

Kuna ICT majas toimuvad ehitustööd, siis alates 28. aprillist on uueks auditooriumiks ICT-507. 22. aprilli loeng toimub veel vanas asukohas.

Üldine ülevaade

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.
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

Loenguslaidid

Nädal 2: Disainiprotsess: Double Diamond

Loenguslaidid
Praktikum: Meeskondade moodustamine; loovusharjutus
Ülesanne 10. veebruariks Ülesandepüstituse kirjeldamine: https://moodle.taltech.ee/mod/assign/view.php?id=360121

Nädal 3: Briif

Nädal 4: Tulemid: Kasutajavood ja sõrestikmudel

Nädal 5: Tulemid: Persoonad

Loenguslaidid

Nädal 6: Sisukaart. Kasutatavuse testimine

Tulemite jätk - sisukaart
Loenguslaidid
Meeskonnapõhine kodune ülesanne 03. märtsiks: Figma prototüüp 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

Nädal 7: Sissejuhatus disainisüsteemi

Loenguslaidid
Praktikum: Individuaalsed konsultatsioonid

Nädal 8: Disainisüsteem: Tüpograafia ja Värvid

Loenguslaidid
Praktikum: Sissejuhatus Bootstrappi

Nädal 9: Disainisüsteem: Layout. Vormid

Nädal 10: Otsing. Filtrid

Nädal 11: Sisu

Loenguslaidid
Praktikum: harjutus .
Lisaks: Turingu Serveri kasutamine

Nädal 12: Juurdepääsetavus

Loenguslaidid
Praktikum: Konsultatsioonid ja abi

Nädal 13: Sissejuhatus andmete visualiseerimisse

Loenguslaidid
Praktikum: Sissejuhatus Echartsi

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.

1. Staatiline prototüüp, tähtaeg: Neljapäeval 20. märts kell 17:00
2. HTML Prototüüp, tähtaeg: Teisipäev 29. aprill kell 17:00
3. Andmete visualiseerimine, mail lõpp

Turingu serveri kasutamine

Turingu serverisse rakenduse paigaldamine

Hinde moodustumine

Lõpphinne moodustub järgmistest pukntidest:

a. kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 20 + 20 + 20 punkti)
b. hinnatud kaks kaastudengi tööd (maksimaalselt 5 + 5 punkti)
d. aktiivne osalemine loengutes ja praktikumides, lisaülesanded (maksimaalselt 10 punkti)
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.

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>TBC<br>
+'''Kurusus Moodle keskkonnas:''' https://moodle.taltech.ee/course/view.php?id=30645,  <strong>registreerumise kood:</strong>ITI020925<br>
-'''Kursuse Teams'i kanal:''' ITI0209 Kasutajaliidesed (Kevad 2025), <strong>registreerumise kood:</strong>TBC<br>
+'''Kursuse Teams'i kanal:''' ITI0209 (2025) Kasutajaliidesed, <strong>registreerumise kood:</strong>e50tfje<br>
 '''Koht:''' Loengud ja praktikumid toimuvad auditooriumis '''ICT-315'''<br>
-'''Aeg:''' Semestri jooksul igal teisipäeval: '''loeng kell 12:30 ja praktikum 14:15'''<br>
+'''Aeg:''' Semestri jooksul igal teisipäeval: '''loeng kell 12:30-14:00 ja praktikum 14:15-15:45'''<br>
 '''Arhiiv:''' 2024 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2024]]<br>
+== Auditooriumi muutus ==
+Kuna ICT majas toimuvad ehitustööd, siis alates <strong>28. aprillist</strong> on uueks auditooriumiks <strong>ICT-507</strong>. <strong>22. aprilli</strong> loeng toimub veel vanas asukohas.
@@ 32. rida: / 36. rida: @@
 === Nädal 1: Sissejuhatus: Hea kasutajaliides ===
-Loenguslaidid: TBC
+[[Media:ITI0209_25_01_Good_UI.pdf | Loenguslaidid ]]
+=== Nädal 2: Disainiprotsess: Double Diamond ===
+* [[Media:ITI0209_25_02_Design_Process.pdf | Loenguslaidid ]]
+* Praktikum: Meeskondade moodustamine; [[ITI0209_25_02_Assignment | loovusharjutus ]]
+* <strong>Ülesanne 10. veebruariks</strong> Ülesandepüstituse kirjeldamine: https://moodle.taltech.ee/mod/assign/view.php?id=360121
+=== Nädal 3: Briif ===
+* [[Media:ITI0209_25_03_Brief.pdf | Loenguslaidid]]<br>
+* [[Media:ITI0209_25_03_Design_Challenge.pdf ‎ | 3. praktikum - Design Challenge]]
-[[Media:ITI0209_24_01_Good_UI.pdf | Loenguslaidid ]]
+=== Nädal 4: Tulemid: Kasutajavood ja sõrestikmudel ===
-<strong>Ülesanne 04. veebruariks</strong> Ülesandepüstituse kirjeldamine: https://moodle.taltech.ee/mod/assign/view.php?id=360121
+* [[Media:ITI0209_25_04_Deliverables_Flows_Wireframes.pdf | Loenguslaidid]]<br>
+* [[Media:ITI0209_25_04_Paper_Prototyping.pdf | 4. praktikum - Paberprototüüpimine]]
-<!--
+=== Nädal 5: Tulemid: Persoonad ===
+* [[Media:ITI0209_25_05_Deliverables_Personas.pdf | Loenguslaidid ]]
+=== Nädal 6: Sisukaart. Kasutatavuse testimine ===
+* [[Media:ITI0209_25_06_Sitemap.pdf | Tulemite jätk - sisukaart ]]
+* [[Media:ITI0209_25_06_Usability_Testing.pdf | Loenguslaidid ]]
+* <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
-=== Nädal 2: Sissejuhatus disainiprotsessi ===
+=== Nädal 7: Sissejuhatus disainisüsteemi ===
-* [[Media:ITI0209_24_02_Intro_to_Design_Process.pdf | Loenguslaidid]]<br>
+* [[Media:ITI0209_25_07_Design_Systems_Intro.pdf | Loenguslaidid ]]
-* [[ITI0209_24_week02_Assignment | 2. praktikum ]]
+* Praktikum: Individuaalsed konsultatsioonid
-=== Nädal 3: Briif ===
+=== Nädal 8: Disainisüsteem: Tüpograafia ja Värvid ===
-* [[Media:ITI0209_24_03_Brief.pdf | Loenguslaidid]]<br>
+[[Media:ITI0209_25_08_Design_Systems_02.pdf | Loenguslaidid ]]<br>
-* [[Media:ITI0209_24_03_Design_Challenge.pdf ‎ | 3. praktikum - Design Challenge]]
+Praktikum: Sissejuhatus Bootstrappi
-=== Nädal 4: Tulemid ja persoonad ===
+=== Nädal 9: Disainisüsteem: Layout. Vormid ===
-* [[Media:ITI0209_24_04_Deliverables_Personas.pdf | Loenguslaidid ]]
+* [[Media:ITI0209_25_09_Design_Systems_03.pdf | Loenguslaidid (Layout) ]]
-* [[Media:ITI0209_24_04_Paper_Prototyping.pdf | 4. praktikum - Paberprototüüpimine ]]
+* [[Media:ITI0209_25_09_Forms.pdf | Loenguslaidid (Vormid) ]]
+* [[Media:ITI0209_25_09_Prax_Forms.pdf | Praktikum - Vormid ]]
-=== Nädal 5: Kasutajavood ja sõrestikmudel ===
+=== Nädal 10: Otsing. Filtrid ===
-* [[Media:ITI0209_24_05_Flows_Wireframes.pdf | Loenguslaidid ]]
+* [[Media:ITI0209_25_10_Search_Filters_Sort.pdf | Loenguslaidid ]]
-* [[Media:ITI0209_24_05_Figma_Intro.pdf | 5. praktikum - Sissejuhatus Figmasse ]]
+* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
-=== Nädal 6: Disaineri vaade ===
+=== Nädal 11: Sisu ===
-Täna räägib UX arendusprotsessist disaineri vaates Mihkel Ronk: https://www.linkedin.com/in/mihkelronk/
+* [[Media:ITI0209_25_11_Content.pdf | Loenguslaidid ]]
+* Praktikum: [[Media:ITI8740_24_09_Prax_Content.pdf | harjutus ]].
+* Lisaks: Turingu Serveri kasutamine
-Teemad mida kaetakse on:
+=== Nädal 12: Juurdepääsetavus ===
-- PM-ilt requirementid/intro<br>
+* [[Media:ITI0209_25_13_Accessibility.pdf | Loenguslaidid]]<br>
-- Basic research<br>
+* Praktikum: Konsultatsioonid ja abi
-- Taskihaldus (kehtib ilmselt muude taskimajandajate puhul ka, pmst lihtsalt et hea dokumenteerida asju ka disainis)<br>
-- Esmane wireframe (ja see kuidas need ei näe välja nagu wireframe’id kui kasutatakse disainisüsteemi komponente)<br>
-- Ülevaade Figma komponentide kasutamise loogikast, faili ülesehitus<br>
-- Design review’d ja jällegi dokumenteerimine (et kellelgi hiljem midagi öelda ei oleks)<br>
-- Disaini versioonid<br>
-- Disaini dokumenteerimine Figmas review ja handoffi jaoks<br>
-- Disainisüsteemi uuendamine uuest featuurist tekkinud komponentidega
-=== Nädal 7: Kasutatavuse testimine ===
+=== Nädal 13: Sissejuhatus andmete visualiseerimisse ===
-* [[Media:ITI0209_24_07_Usability_Testing.pdf | Loenguslaidid ]]
+* [[Media:ITI0209_25_13_Visualization_Intro.pdf | Loenguslaidid]]<br>
-* [[Media:ITI0209_24_07_Prax.pdf | 7. praktikum - Figma ]]
+* Praktikum: Sissejuhatus Echartsi
-=== Nädal 8: Disainisüsteem. Tüpograafia ===
-* [[Media:ITI0209_24_08_Design_Systems_01.pdf | Loenguslaidid ]]
+<!--
-* Praktikum: Sissejuhatus Bootstrappi
+* [[Media:ITI0209_25_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
 === Nädal 9: Disainisüsteemi jätk. Värvid, Layout ===
@@ 134. rida: / 155. rida: @@
 == Iseseisvad tööd ==
-Iseseisvad tööd esitatakse Gitlab'is ja link nendele lisatakse Moodles. Kursuse käigus esitatakse kolm kohustuslikku iseseisvat 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.
-. [[ITI0209 kevad 2024 1. kodutöö kirjeldus | Staatiline prototüüp]], tähtaeg esmaspäev 18. märts kell 12:00<br>
+. [[ITI0209 kevad 2025 1. kodutöö kirjeldus | Staatiline prototüüp]], tähtaeg: Neljapäeval 20. märts kell 17:00<br>
-. [[ITI0209 kevad 2024 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg reede, 26. aprill kell 17:00<br>
+. [[ITI0209 kevad 2025 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg: Teisipäev 29. aprill kell 17:00<br>
-. [[ITI0209 kevad 2024 3. kodutöö kirjeldus | Andmete visualiseerimine]], tähtaeg 20. mai<br>
+. [[ITI0209 kevad 2025 3. kodutöö kirjeldus | Andmete visualiseerimine]], mail lõpp<br>
-<!--
 === Turingu serveri kasutamine ===
 [[Turingu serverisse rakenduse paigaldamine]]
--->
 == Hinde moodustumine ==
@@ 152. rida: / 171. rida: @@
 Lõpphinne moodustub järgmistest pukntidest:
-a. kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 15 + 15 + 20 punkti)<br>
+a. kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 20 + 20 + 20 punkti)<br>
 b. hinnatud kaks kaastudengi tööd (maksimaalselt 5 + 5 punkti)<br>
 d. aktiivne osalemine loengutes ja praktikumides, lisaülesanded (maksimaalselt 10 punkti)<br>
-c. tehtud kontrolltöö (maksimaalselt 30 punkti). Edukaks sooritamiseks pead kontrolltöös saama vähemalt 51% punktidest ja kogu kursuse eest (praktiktikumid+kontrolltöö) vähemalt 51 punkti. Kontrolltöö toimub avatud testi vormis, s.t. lubatud on kõigi kursuse abimaterjalide v.a kaastudengi abi ja keelemudelite kasutamine.<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>
-Lisaks on võimalik saada lisapunkte loengutes ja praktikumides aktiivse osalemise eest.
 *91 < punkti      -- hinne 5 (suurepärane)