http://courses.cs.taltech.ee/w/index.php?action=history&feed=atom&title=Kasutajaliidesed_%28ITI0209%29%29_2025
Kasutajaliidesed (ITI0209)) 2025 - Redigeerimiste ajalugu
2026-04-25T20:02:53Z
Selle lehekülje redigeerimiste ajalugu
MediaWiki 1.35.9
http://courses.cs.taltech.ee/w/index.php?title=Kasutajaliidesed_(ITI0209))_2025&diff=12016&oldid=prev
Verrev: Uus lehekülg: '{{UI}}'''Kursuse kood:''' ITI0209<br> '''Link:''' https://courses.cs.ttu.ee/pages/Kasutajaliidesed_(ITV0209)<br> '''Õppejõud:''' Martin Verrev, martin.verrev@taltech.ee, TTÜ r...'
2026-01-21T15:39:24Z
<p>Uus lehekülg: '{{UI}}'''Kursuse kood:''' ITI0209<br> '''Link:''' https://courses.cs.ttu.ee/pages/Kasutajaliidesed_(ITV0209)<br> '''Õppejõud:''' Martin Verrev, martin.verrev@taltech.ee, TTÜ r...'</p>
<p><b>Uus lehekülg</b></p><div>{{UI}}'''Kursuse kood:''' ITI0209<br><br />
'''Link:''' https://courses.cs.ttu.ee/pages/Kasutajaliidesed_(ITV0209)<br><br />
'''Õppejõud:''' Martin Verrev, martin.verrev@taltech.ee, TTÜ ruum ICT-422<br><br />
'''Kurusus Moodle keskkonnas:''' https://moodle.taltech.ee/course/view.php?id=30645, <strong>registreerumise kood:</strong>ITI020925<br><br />
'''Kursuse Teams'i kanal:''' ITI0209 (2025) Kasutajaliidesed, <strong>registreerumise kood:</strong>e50tfje<br><br />
'''Koht:''' Loengud ja praktikumid toimuvad auditooriumis '''ICT-507'''<br><br />
'''Aeg:''' Semestri jooksul igal teisipäeval: '''loeng kell 12:30-14:00 ja praktikum 14:15-15:45'''<br><br />
'''Arhiiv:''' 2024 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2024]]<br><br />
<br />
<br />
== Kontrolltöö - aeg ja koht ==<br />
<br />
Kontrolltöö kirjutamiseks on võimalikud jörgmised ajad:<br />
* Teisipäev 27. mai kell 12:30, auditoorium <strong>ICO-221 (IT Kolledz)</strong><br />
* Teisipäev 27. mai kell 14:15, auditoorium <strong>U04-103 (Peamaja)</strong><br />
* Teisipäev 10. juuni kell 14:00, auditoorium <strong>ICT-507A</strong><br />
<br />
== Üldine ülevaade ==<br />
<br />
Kursuse lõpetaja:<br />
* Oskab hinnata liidese visuaaldisaini kvaliteeti ja terviklikkust.<br />
* Oskab luua ja valideerida kasutajakeskset nii arvutile kui nutiseadmetele loodud kasutajaliidest.<br />
* Suudab osaleda UX arendusprotsessis nii täitja kui tellijana.<br />
* Oskab andmeid visualiseerida.<br />
<br />
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 :)<br />
<br />
<br />
<br />
== Loengud ==<br />
<br />
=== Nädal 1: Sissejuhatus: Hea kasutajaliides ===<br />
<br />
[[Media:ITI0209_25_01_Good_UI.pdf | Loenguslaidid ]]<br />
<br />
=== Nädal 2: Disainiprotsess: Double Diamond ===<br />
<br />
* [[Media:ITI0209_25_02_Design_Process.pdf | Loenguslaidid ]]<br />
* Praktikum: Meeskondade moodustamine; [[ITI0209_25_02_Assignment | loovusharjutus ]]<br />
* <strong>Ülesanne 10. veebruariks</strong> Ülesandepüstituse kirjeldamine: https://moodle.taltech.ee/mod/assign/view.php?id=360121<br />
<br />
=== Nädal 3: Briif ===<br />
<br />
* [[Media:ITI0209_25_03_Brief.pdf | Loenguslaidid]]<br><br />
* [[Media:ITI0209_25_03_Design_Challenge.pdf | 3. praktikum - Design Challenge]]<br />
<br />
=== Nädal 4: Tulemid: Kasutajavood ja sõrestikmudel ===<br />
<br />
* [[Media:ITI0209_25_04_Deliverables_Flows_Wireframes.pdf | Loenguslaidid]]<br><br />
* [[Media:ITI0209_25_04_Paper_Prototyping.pdf | 4. praktikum - Paberprototüüpimine]]<br />
<br />
=== Nädal 5: Tulemid: Persoonad === <br />
<br />
* [[Media:ITI0209_25_05_Deliverables_Personas.pdf | Loenguslaidid ]]<br />
<br />
=== Nädal 6: Sisukaart. Kasutatavuse testimine === <br />
<br />
* [[Media:ITI0209_25_06_Sitemap.pdf | Tulemite jätk - sisukaart ]]<br />
* [[Media:ITI0209_25_06_Usability_Testing.pdf | Loenguslaidid ]]<br />
* <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<br />
<br />
=== Nädal 7: Sissejuhatus disainisüsteemi ===<br />
<br />
* [[Media:ITI0209_25_07_Design_Systems_Intro.pptx | Loenguslaidid ]]<br />
* Praktikum: Individuaalsed konsultatsioonid<br />
<br />
=== Nädal 8: Disainisüsteem: Tüpograafia ja Värvid ===<br />
<br />
[[Media:ITI0209_25_08_Design_Systems_02.pdf | Loenguslaidid ]]<br><br />
Praktikum: Sissejuhatus Bootstrappi<br />
<br />
=== Nädal 9: Disainisüsteem: Layout. Vormid ===<br />
<br />
* [[Media:ITI0209_25_09_Design_Systems_03.pdf | Loenguslaidid (Layout) ]]<br />
* [[Media:ITI0209_25_09_Forms.pdf | Loenguslaidid (Vormid) ]]<br />
* [[Media:ITI0209_25_09_Prax_Forms.pdf | Praktikum - Vormid ]]<br />
<br />
=== Nädal 10: Otsing. Filtrid ===<br />
<br />
* [[Media:ITI0209_25_10_Search_Filters_Sort.pdf | Loenguslaidid ]]<br />
* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]<br />
<br />
=== Nädal 11: Sisu ===<br />
<br />
* [[Media:ITI0209_25_11_Content.pdf | Loenguslaidid ]]<br />
* Praktikum: [[Media:ITI8740_24_09_Prax_Content.pdf | harjutus ]]. <br />
* Lisaks: Turingu Serveri kasutamine<br />
<br />
=== Nädal 12: Juurdepääsetavus ===<br />
<br />
* [[Media:ITI0209_25_12_Accessibility.pptx | Loenguslaidid]]<br><br />
* Praktikum: Konsultatsioonid ja abi<br />
<br />
=== Nädal 13: Sissejuhatus andmete visualiseerimisse ===<br />
<br />
* [[Media:ITI0209_25_13_Visualization_Intro.pdf | Loenguslaidid]]<br><br />
* Praktikum: Sissejuhatus Echartsi<br />
<br />
=== Nädal 14. Visualiseerimise jätk ===<br />
<br />
* [[Media:ITI0209_25_14_Principles_of_Visualization.pdf | Loenguslaidid]]<br><br />
* Praktikum (Teamsis). Visualiseerimisest ja andmete leidmisest räägib prof. Tanel Tammet <br />
<br />
=== Nädal 15. Dashboard ===<br />
<br />
[[Media:ITI0209_25_15_Dashboard.pdf | Loenguslaidid]]<br><br />
Praktikum: Jätkame andmete leidmisega. Konsultatsioonid ja abi.<br />
<br />
=== Nädal 16. Kursuse kokkuvõte ===<br />
<br />
[[Media:ITI0209_25_16_Summary.pdf | Loenguslaidid]]<br><br />
Praktikum: Alustame 3. praktikumitööde kaitsmisega<br />
<br />
<br />
<!--<br />
<br />
* [[Media:ITI0209_25_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]<br />
<br />
<br />
=== Nädal 9: Disainisüsteemi jätk. Värvid, Layout ===<br />
<br />
* [[Media:ITI0209_24_09_Design_Systems_02.pdf | Loenguslaidid ]]<br />
* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid ]]<br />
<br />
=== Nädal 10: Vormid ===<br />
<br />
* [[Media:ITI0209_24_10_Forms.pdf | Loenguslaidid ]]<br />
* [[Media:ITI0209_24_10_Prax_Forms.pdf | Juhend praktikumiks ]]<br />
<br />
=== Nädal 11: Otsing. Filtrid ===<br />
<br />
* [[Media:ITI0209_24_11_Search_Filters_Sort.pdf | Loenguslaidid ]]<br />
* [[Media:ITI0209_24_11_Prax_Tailwind.pdf | Praktikum: Sissejuhatus Tailwind CSS-i ]]<br />
<br />
=== Nädal 12:Sisu ===<br />
<br />
* [[Media:ITI0209_24_12_Content.pdf | Loenguslaidid ]]<br />
* [[Media:ITI0209_24_12_Prax_Content.pdf | Harjutus praktikumiks ]] <br />
<br />
=== Nädal 13:Juurdepääsetavus ===<br />
<br />
* [[Media:ITI0209_24_13_Accessibility.pdf | Loenguslaidid]]<br><br />
* Praktikum: Konsultatsioonid ja abi<br />
<br />
=== Nädal 14. Sissejuhatus andmete visualiseerimisse ===<br />
<br />
[[Media:ITI0209_24_14_Visualization_Intro.pdf | Loenguslaidid]]<br><br />
Praktikum: Sissejuhatus Echartsi<br />
<br />
=== Nädal 15. Visualiseerimise jätk ===<br />
<br />
[[Media:ITI0209_24_15_Principles_of_Visualization.pdf | Loenguslaidid]]<br><br />
Praktikum: Dünaamiline Echarts<br />
<br />
=== Nädal 16. Dashboard ===<br />
<br />
[[Media:ITI0209_24_16_01_Dashboard.html.pdf | Loenguslaidid]]<br><br />
Praktikum: Individuaalsed konsultatsioonid.<br />
<br />
<br />
Nädal 15. Visualiseerimise jätk<br />
Nädal 16. 3. töö kaitsmine<br />
<br />
--><br />
<br />
== Iseseisvad tööd ==<br />
<br />
Sarnaselt varasemate aastatega esitatalkse kursuse käigus kolm kohustuslikku iseseisvat tööd. Iseseisvad tööd esitatakse Gitlab'is.<br />
<br />
1. [[ITI0209 kevad 2025 1. kodutöö kirjeldus | Staatiline prototüüp]], tähtaeg: Neljapäeval 20. märts kell 17:00<br><br />
2. [[ITI0209 kevad 2025 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg: Teisipäev 29. aprill kell 23:59<br><br />
3. [[ITI0209 kevad 2025 3. kodutöö kirjeldus | Andmete visualiseerimine]], Esmaspäev 19. mai kell 20:00, esitatud tööde põhjal moodustatakse kaitsmisgraafik mida jagatakse Teamsis. Nendel kes sellel semestril kaitsevad bakalaureusetööd, on tähtajaks neljapäev 22. mai kell 20:00<br><br />
<br />
=== 3. iseseisva töö kaitsmine ===<br />
<br />
Vormi https://forms.gle/UFoCXhWLB67vLemH9 kaudu tekib virtuaalne järjekord iseseiva töö kaitsmiseks üle Teamsi. Palun täita see võimalikult kohe, aga 2 tundi enne selle päeva kaitsmiste algust. Selle tulemusel tekib kaitsmisgraafik mida õppejõud täidab jooksvalt ja mille linki jagatakse Teamsi kanalis.<br />
<br />
Võimalikud kaitsmisjad on:<br />
* Neljapäeval 22. mail kell 14:00 - 15:30<br />
* Neljapäeval 22. mail kell 16:00 - 17:30<br />
* Reedel 23. mail kell 15:00 - 16:30<br />
* Esmaspäeval 26. mail kell 12:00 - 13:30<br />
* Esmaspäeval 26. mail kell 14:00 - 15:30<br />
<br />
Et leida aeg mis kõige sobivam, siis märkige siia, millised ajad teile ja teie tiimikaaslastele selles vahemikus ei sobi - kaitsmisel peaks olema kohal kogu meeskond.<br />
<br />
Vastuste põhjal tekib kaitsmiste ajakava. Igal väljapakutud ajal teeb õppejõud Teamsi-koosoleku, kus registreerunud saavad oma töid esitada. Iga kaitsmine võtab aega ligikaudu 10 minutit. Ülejäänud on teretulnud pealtvaatajatena.<br />
<br />
== Kursuse lõpetamine, kontrolltöö ==<br />
<br />
Kursuse viimaseks ülesandeks on kontrolltöö. Kontrolltöö toimub loengutes, praktikumides ja iseseisvate tööde käigus läbitud teemade kohta. Küsimused puudutavad ainult neid teemasid mida loengutes ja praktikumides oleme käsitlenud ja mille kohta on ka loenguslaidid. <br />
<br />
Orienteeruv kontrolltöö kirjutamise aeg on 1 .. 1.5 tundi.<br />
<br />
Kontrolltöö toimub kohapeal paberil ja igasuguste abimaterjalide ja kõrvalise abi kasutamine on keelatud.<br />
<br />
==== Võimalikud põhiteemad kordamiseks ====<br />
<br />
* Kasutajaliides ja kasutatavus. Põhimõisted. Kasutajaliidese põhielendid.<br />
* Kasutajaliidese arendusprotsess, rollid arendusprotsessis, üleantavad tulemid<br />
* Persoonad ja kasutajavood<br />
* Kasutajatestimine<br />
* Disainisüsteem ja selle elemendid (värvid, tüpograafia, paigutus jne)<br />
* Vormid<br />
* Otsing ja filtreerimine<br />
* Sisu<br />
* Visualiseerimine, õige visualiseerimismeedodi valik<br />
<br />
Kontrolltöö tegemiseks on järgmised ajad. <br />
* Teisipäev 27. mai kell 12:30, auditoorium <strong>ICO-221 (IT Kolledz)</strong><br />
* Teisipäev 27. mai kell 14:15, auditoorium <strong>U04-103 (Peamaja)</strong><br />
<br />
=== Turingu serveri kasutamine ===<br />
<br />
[[Turingu serverisse rakenduse paigaldamine]]<br />
<br />
== Hinde moodustumine ==<br />
<br />
Lõpphinne moodustub järgmistest pukntidest:<br />
<br />
a. kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 20 + 20 + 20 punkti)<br><br />
b. hinnatud kaks kaastudengi tööd (maksimaalselt 5 + 5 punkti)<br><br />
d. aktiivne osalemine loengutes ja praktikumides, lisaülesanded (maksimaalselt 10 punkti)<br><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><br />
<br />
*91 < punkti -- hinne 5 (suurepärane)<br />
*81 < punkti < 90 -- hinne 4 (väga hea)<br />
*71 < punkti < 80 -- hinne 3 (hea)<br />
*61 < punkti < 70 -- hinne 2 (rahuldav)<br />
*51 < punkti < 60 -- hinne 1 (kasin)<br />
*alla 51 punkti -- kursust ei läbitud</div>
Verrev