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

Viimane redaktsioon: 15. aprill 2025, kell 11:28

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

Ü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

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

@@ 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=30645,  <strong>registreerumise kood:</strong>ITI020925<br>
-'''Kursuse Teams'i kanal:''' ITI0209 Kasutajaliidesed (Kevad 2022), registreerumise võti <strong>
+'''Kursuse Teams'i kanal:''' ITI0209 (2025) Kasutajaliidesed, <strong>registreerumise kood:</strong>e50tfje<br>
-emmakg0</strong><br>
+'''Koht:''' Loengud ja praktikumid toimuvad auditooriumis '''ICT-315'''<br>
-'''Koht:''' Loengud ja praktikumid toimuvad Teams'is<br>
+'''Aeg:''' Semestri jooksul igal teisipäeval: '''loeng kell 12:30-14:00 ja praktikum 14:15-15:45'''<br>
-'''Aeg:''' Semestri jooksul igal reedel: '''loeng kell 10:00 ja praktikum 12:00'''<br>
+'''Arhiiv:''' 2024 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2024]]<br>
-aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2021]]<br>
-<h3 style="color: red;">3. iseseisva töö kaitsmise üksikasjade kohta vaadake kursuse Teamsi kanalis pin-itud sõnumit</h3>
 == Ü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 :)
+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 :)
+'''
+<!--
+== Kursuse lõpetamine, kontrolltöö ==
-== Individuaalsed konsultatsioonid ==
+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.
+'''
+-->
-Iganädalane aeg individuaalseteks konsultatsioonideks lepitakse kokku õppetöö käigus nii et see sobiks nii õppejõule kui osalejatele.
+== Loengud ==
-== Iseseisvad tööd ==
+=== Nädal 1: Sissejuhatus: Hea kasutajaliides ===
+[[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]]
+=== Nädal 4: Tulemid: Kasutajavood ja sõrestikmudel ===
+* [[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 7: Sissejuhatus disainisüsteemi ===
+* [[Media:ITI0209_25_07_Design_Systems_Intro.pdf | Loenguslaidid ]]
+* Praktikum: Individuaalsed konsultatsioonid
+=== Nädal 8: Disainisüsteem: Tüpograafia ja Värvid ===
+[[Media:ITI0209_25_08_Design_Systems_02.pdf | Loenguslaidid ]]<br>
+Praktikum: Sissejuhatus Bootstrappi
+=== Nädal 9: Disainisüsteem: Layout. Vormid ===
+* [[Media:ITI0209_25_09_Design_Systems_03.pdf | Loenguslaidid (Layout) ]]
+* [[Media:ITI0209_25_09_Forms.pdf | Loenguslaidid (Vormid) ]]
+* [[Media:ITI0209_25_09_Prax_Forms.pdf | Praktikum - Vormid ]]
+=== Nädal 10: Otsing. Filtrid ===
-Iseseisvad tööd esitatakse Gitlab'is ja link nendele lisatakse Moodlesse. Kursuse käigus esitatakse kolm iseseisvat tööd:
+* [[Media:ITI0209_25_10_Search_Filters_Sort.pdf | Loenguslaidid ]]
+* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
-. [[ITI0209 kevad 2022 1. kodutöö kirjeldus | Staatiline prototüüp]] Esitmise tähtaeg 11. märts, tagasiside andmise tähtaeg 17. märts<br>
+=== Nädal 11: Sisu ===
-. [[ITI0209 kevad 2022 2. kodutöö kirjeldus | Rakenduse HTML prototüüp.]] Esitmise tähtaeg 17. aprill, tagasiside andmise tähtaeg 21. aprill<br>
-. [[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.
+* [[Media:ITI0209_25_11_Content.pdf | Loenguslaidid ]]
+* Praktikum: [[Media:ITI8740_24_09_Prax_Content.pdf | harjutus ]]. Lisaks: Turingu Serveri kasutamine
-=== 3. iseseisva töö kaitsmine ===
-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/5KZhFC5L2H8tNYCC8, palun see täita enne praktikumiaja algust. Jooksev graafik kaitsmiseks on näha siin: https://docs.google.com/spreadsheets/d/1dkpzBPNjhX2aeF4Et3cDracmJRgwMQRF3YPj27APBWk/edit?usp=sharing Vajadusel organiseerib õppejõud ajad lisa-kaitsmiseks.
+<!--
-=== Kontrolltöö ===
+* [[Media:ITI0209_25_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
-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.
-Kontrolltöö kirjutamiseks on kolm aega:
+=== Nädal 9: Disainisüsteemi jätk. Värvid, Layout ===
-* Esmaspäeval 16. mail kell 11:00 (samal päeval peale seda toimuvad ka osade 3. praktikumitöö kaitsmised). <b>16. mai kontrolltöö Moodles:</b> https://moodle.taltech.ee/mod/assign/view.php?id=382770<br>
+* [[Media:ITI0209_24_09_Design_Systems_02.pdf | Loenguslaidid ]]
-* Reedel 20. mail kas kell 10:00 loengu ajal.
+* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid ]]
-* Esmaspäeval 22. mail kell 16:00<br>
-== Loengud ==
+=== Nädal 10: Vormid ===
-=== Nädal 1: Sissejuhatus ainesse. Hea kasutajaliidese heuristikad ===
+* [[Media:ITI0209_24_10_Forms.pdf | Loenguslaidid ]]
+* [[Media:ITI0209_24_10_Prax_Forms.pdf | Juhend praktikumiks ]]
-* [[Media:ITI0209_22_01_UI_Patterns_Heuristics.pdf | Loenguslaidid]]
+=== Nädal 11: Otsing. Filtrid ===
-* [[Praktikum 1]] Praktikumiks pange palun valmis paber ja kirjutusvahend :)
-=== Nädal 2: Kasutajaliidese üldised mustrid. ===
+* [[Media:ITI0209_24_11_Search_Filters_Sort.pdf | Loenguslaidid ]]
+* [[Media:ITI0209_24_11_Prax_Tailwind.pdf | Praktikum: Sissejuhatus Tailwind CSS-i ]]
-* [[Media:ITI0209_22_01_UI_Patterns_Heuristics.pdf | Loenguslaidid]]
+=== Nädal 12:Sisu ===
-* [[Ülesanne 2. loenguks]]
-=== Nädal 3: Sissejuhatus disainiprotsessi: Briif. ===
+* [[Media:ITI0209_24_12_Content.pdf | Loenguslaidid ]]
+* [[Media:ITI0209_24_12_Prax_Content.pdf | Harjutus praktikumiks ]]
-* [[Media:ITI0209_22_03_Brief.pdf | Loenguslaidid]]
+=== Nädal 13:Juurdepääsetavus ===
-* [[ITI0209 3. praktikum]] Katsetame kaug-grupitööd.
-=== Nädal 4: Kasutaja ja kasutajavood ===
+* [[Media:ITI0209_24_13_Accessibility.pdf | Loenguslaidid]]<br>
+* Praktikum: Konsultatsioonid ja abi
-* [[Media:ITI0209_22_04_Personas_Flows.pdf | Loenguslaidid ]]
+=== Nädal 14. Sissejuhatus andmete visualiseerimisse ===
-* [[ITI0209 kevad 2022 4. praktikum]]
-=== Nädal 5: Sisukaart ja sõrestikmudel ===
+[[Media:ITI0209_24_14_Visualization_Intro.pdf | Loenguslaidid]]<br>
+Praktikum: Sissejuhatus Echartsi
-* [[Media:ITI0209_22_05_Wireframe.pdf | Loenguslaidid ]]
+=== Nädal 15. Visualiseerimise jätk ===
-* Praktikum - Sissejuhatus Figmasse.
-=== Nädal 6: Kasutavuse testimine ===
+[[Media:ITI0209_24_15_Principles_of_Visualization.pdf | Loenguslaidid]]<br>
-* [[Media:ITI0209_22_06_Usability_Testing.pdf | Loenguslaidid ]]
+Praktikum: Dünaamiline Echarts
-* [[Media:ITI0209_22_05_Prax.pdf | Praktikum ]]
-=== Nädal 7: Disainisüsteem ===
+=== Nädal 16. Dashboard ===
-* [[Media:ITI0209_22_07_Design_System.pdf | Loenguslaidid ]]
-* Praktikum: Sissejuhatus Bootstrappi
-=== Nädal 8: Disainisüsteemi jätk ===
+[[Media:ITI0209_24_16_01_Dashboard.html.pdf | Loenguslaidid]]<br>
+Praktikum: Individuaalsed konsultatsioonid.
-* 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 ===
+Nädal 15. Visualiseerimise jätk
+Nädal 16. 3. töö kaitsmine
-* 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 ===
+== Iseseisvad tööd ==
-* 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 ja link nendele lisatakse Moodles. Praegu lisatud kuupäevad on indikatiivsed ja selguvad täpselt kursuse käigus.
-* Praktikum [[Media:ITI0209_22_Praktikum_10_Vormid.pdf | Harjutusi vormidega ]]
-=== Nädal 11: Ligipääsetavus ===
+. [[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: Teisipäev 29. aprill kell 17:00<br>
+. [[ITI0209 kevad 2025 3. kodutöö kirjeldus | Andmete visualiseerimine]], mail lõpp<br>
-* Loeng [[Media:ITI0209_22_11_Accessibility.pdf | Loenguslaidid ]]
-* Praktikum: Individuaalsed konsultatsioonid. Et aega paremini jagada, palun täitke see vorm: https://forms.gle/LDD8Zg7Woh5gfwaz8
-=== Nädal 12: Lihavõtted ===
+=== Turingu serveri kasutamine ===
-=== Nädal 13: Sisu ===
+[[Turingu serverisse rakenduse paigaldamine]]
-* Loeng [[Media:ITI0209_22_13_Content.pdf | Loenguslaidid ]]
-* Praktikum: sisu häkkimine
-=== Nädal 14: Sissejuhatus andmete visualiseerimisse ===
+== Hinde moodustumine ==
-* Loeng [[Media:ITI0209_22_14_Visualization.pdf | Loenguslaidid ]]
+Lõpphinne moodustub järgmistest pukntidest:
-* Praktikum: Echarts
-=== Loeng 15: Visualiseerimise järk. Dashboard ===
+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 20 punkti). Edukaks sooritamiseks pead kontrolltöös saama vähemalt 51% punktidest ja kogu kursuse eest (praktiktikumid+kontrolltöö) vähemalt 51 punkti.<br>
-* [[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