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

Allikas: Kursused
Mine navigeerimisribale Mine otsikasti
 
(ei näidata sama kasutaja 387 vahepealset redaktsiooni)
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>
−
2021 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2021]]<br>
+
 
 +
 
 +
== Kontrolltöö ja kursuse lõpetamine ==
 +
 
 +
3. iseseisva töö Teamsis ülevaatamiseks ja sobiva kontrolltöö aja leidmiseks täitke palun see vorm: https://forms.gle/jrpXjfqWRTRjyTWt7
 +
 
 +
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. Orienteeruv kontrolltöö kirjutamise aeg on 1 .. 1.5 tundi.
 +
 
 +
Kontrolltöö toimub kohapeal paberil ja igasuguste abimaterjalide ja kõrvalise abi kasutamine on keelatud.
 +
 
 +
Kontrolltöö tegemiseks on kaks aega:
 +
* Teisipäev 02. juuni kell 12:00 auditooriumis SOC-211a
 +
* Neljapäev 04. juuni kell 12:00 auditooriumis SOC-311
 +
 
 +
Kontrolltööle eraldi registreerima ei pea, aga võtke kaasa pildiga dokument
  
 
== Üldine ülevaade ==
 
== Ü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.
 +
 
 +
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: [[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: 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: [[Media:ITI0209_26_02_Design_Process.pdf | Loenguslaidid ]]
 +
* Praktikum: [[ITI0209_26_02_Prax]]
  
−
== Individuaalsed konsultatsioonid ==
+
=== Nädal 3: Protsessi algatamine: Briif ===
  
−
Iganädalane aeg individuaalseteks konsultatsioonideks lepitakse kokku õppetöö käigus nii et see sobiks nii õppejõule kui osalejatele.
+
* Loeng: [[Media:ITI0209_26_03_Brief.pdf | Loenguslaidid]]
 +
* Praktikum: [[Media:ITI0209_26_03_Paper_Proto.pdf | Praktikum]]
  
−
== Iseseisvad tööd ==
+
=== Nädal 4: Protessi tulemid: Kasutajavood ===
  
−
Iseseisvad tööd esitatakse Gitlab'is ja link nendele lisatakse Moodlesse. Kursuse käigus esitatakse kolm iseseisvat tööd:
+
* Loeng [[Media:ITI0209_26_04_Flows.pdf | Loenguslaidid]]
 +
* Praktikum: [[Media:ITI0209_26_04_Prax.pdf | Praktikum ]]
  
−
1. [[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 5: Protessi tulemid: Persoonad ===
−
2. [[ITI0209 kevad 2022 2. kodutöö kirjeldus | Rakenduse HTML prototüüp.]] Esitmise tähtaeg 17. aprill, tagasiside andmise tähtaeg 21. aprill<br>
+
* Loeng [[Media:ITI0209_26_05_Personas.pdf | Loenguslaidid]]
−
3. [[ITI0209 kevad 2022 3. kodutöö kirjeldus |  Andmete visualiseerimine.]] Esitmise tähtaeg 12. mai kell 12:00 <br>
+
* Praktikum: https://cantunsee.space/ <!-- https://www.fabriders.net/user-personas/ -->
  
−
Iga iseseisev töö annab 15 punkti ja kaastudengi tööde hindamine 5 punkti, st. kokku kokku 60 punkti.  
+
=== Nädal 6: Kasutatavuse Testimine (Teamsis) ===
 +
* Loengusalvestis: Kursuse Teamsi kanalis
 +
* Loeng [[Media:ITI0209_26_06_User_Testing.pdf | Loenguslaidid]]
 +
* Praktikum: Näidisprojekti tutvustus
  
−
Lisaks toimubloenguajal nädal 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 7: Sissejuhatud Disainisüsteemi ===
 +
* Loeng [[Media:ITI0209_26_07_Design_Systems_Intro.pdf | Loenguslaidid]]
 +
* Praktikum: Individiaalsed konsultatsioonid
  
−
== Loengud ==
+
=== 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]]
  
−
=== Nädal 1: Sissejuhatus ainesse. Hea kasutajaliidese heuristikad ===
+
=== Nädal 9: Vormid ===
 +
* [[Media:ITI0209_26_09_Forms.pdf | Loenguslaidid ]]
 +
* [[Media:_ITI0209_26_09_Prax_Forms.pdf | Hajutus - Vormide parendamine ]]
  
−
* [[Media:ITI0209_22_01_UI_Patterns_Heuristics.pdf | Loenguslaidid]]
+
=== Nädal 10: Otsing ja Filtrid ===
−
* [[Praktikum 1]] Praktikumiks pange palun valmis paber ja kirjutusvahend :)
+
* [[Media:ITI0209_26_10_Search_Filters.pdf | Loenguslaidid ]]
 +
* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
  
−
=== Nädal 2: Kasutajaliidese üldised mustrid. ===
+
=== Nädal 11: Sisu ===
 +
<!--
 +
<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 ]]
  
−
* [[Media:ITI0209_22_01_UI_Patterns_Heuristics.pdf | Loenguslaidid]]  
+
=== Nädal 12: Juurdepääsetavus ===
−
* [[Ülesanne 2. loenguks]]
+
* Loeguslaidid: [[Media:ITI0209_12_Accessibility.pdf | Loenguslaidid ]]
 +
* Praktikum: Individuaalsed konsultatsioonid (E27.04 on 2. isesesiva töö tähtaeg
  
−
=== Nädal 3: Sissejuhatus disainiprotsessi: Briif. ===
+
=== Nädal 13: Sissejuhatus andmete visualiseerimisse ===
 +
* Loenguslaidid: [[Media:ITI0209_26_13_Visualization_Intro.pdf | Loenguslaidid ]]
 +
* Praktikum: 3. iseseisva töö tutvustus. [[Media:ITI0209_26_13_Prax_Data.pdf | Harjutus: andmete leidmine ]]
  
−
* [[Media:ITI0209_22_03_Brief.pdf | Loenguslaidid]]
+
=== Nädal 14: Visualiserimise töövoog ===
−
* [[ITI0209 3. praktikum]] Katsetame kaug-grupitööd.
+
* Loeng: [[Media: ITI0209_26_14_Visualization_Storytelling.pdf | Loenguslaidid ]]
 +
* Praktikum: Visualiseerimistööriistad. Sissejuhatud Echartsi [[Media:ITI0209_26_14_Prax_Charts.pdf | Harjutus ]]
  
−
=== Nädal 4: Kasutaja ja kasutajavood ===
+
=== Nädal 15: Dashboard ===
 +
<strong>15. nädala loengut auditooriumis ei toimu.</strong>
  
−
* [[Media:ITI0209_22_04_Personas_Flows.pdf | Loenguslaidid ]]
+
* Loenguslaidid: [[Media:ITI0209_26_15_Dashboard.pdf | Loenguslaidid]]
−
* [[ITI0209 kevad 2022 4. praktikum]]
+
* Video: https://youtu.be/UINdSjavjss?si=9l0xONVb3ytfB0S0 ja koodinäited Echartsi kasutamiseks: https://github.com/martinve/iti0209_kasutajaliidesed
 +
* Iseseisev töö: Vaata läbi video: https://www.youtube.com/watch?v=viY9gvV0nBQ (How to Design Professional Dashboards for Data Analytics)
  
−
=== Nädal 5: Sisukaart ja sõrestikmudel ===
+
=== Nädal 16: Kursuse kokkuvõte ===
  
−
* [[Media:ITI0209_22_05_Wireframe.pdf | Loenguslaidid ]]
+
* Loenguslaidid [[Media:ITI0209_26_16_Summary.pdf | Loenguslaidid]]
−
* Praktikum - Sissejuhatus Figmasse.
+
* Praktikum: Individuaalsed konsultatsioonid
  
−
=== Nädal 6: Kasutavuse testimine ===
+
=== Kursuse lõpetamine ===
−
* [[Media:ITI0209_22_06_Usability_Testing.pdf | Loenguslaidid ]]
 
−
* [[Media:ITI0209_22_05_Prax.pdf | Praktikum ]]
 
  
−
=== Nädal 7: Disainisüsteem ===
+
* 17. nädalal (25..29 mai) vaatame üle 3. iseseisva töö
−
* [[Media:ITI0209_22_07_Design_System.pdf | Loenguslaidid ]]
+
* 18. nädalal (1 .. 5 juuni) teeme kontrolltöö
−
* Praktikum: Sissejuhatus Bootstrappi
 
  
−
=== Nädal 8: Disainisüsteemi jätk ===  
+
== Iseseisvad tööd ==
  
−
* Loeng: Vaata eelsalvestatud loengut mis võtab kokku disainisüsteemi.
+
Sarnaselt varasemate aastatega esitatalkse kursuse käigus kolm kohustuslikku iseseisvat tööd. Iseseisvad tööd esitatakse Gitlab'is.
−
* Praktikum: Vaata iseseisvalt õpetust "Bootstrap 5 Crash Course" (kestvus 1:19): https://www.youtube.com/watch?v=4sosXZsdy-s
 
  
−
=== Nädal 9: Vormid ===
+
1. [[ITI0209 kevad 2026 1. kodutöö kirjeldus | Staatiline prototüüp]], tähtaeg E23.03 kell 12:00<br>
 +
2. [[ITI0209 kevad 2026 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg E27.04, 12:00<br>
 +
3. [[ITI0209 kevad 2026 3. kodutöö kirjeldus | Andmete visualiseerimine]], tähtaeg E25.05 12:00<br>
  
−
* Loeng: [[Media:ITI0209_22_09_Forms.pdf | Loenguslaidid vormide kohta]] ja [[Media:ITI0209_22_08_Tips_for_Layout.pdf | üldisi soovitusi paigutusele ]]
+
=== Turingu serveri kasutamine ===
−
* Praktikum: [[Media:ITI0209_22_Praktikum_Sass.pdf | Eelprotsessorid. SASS ]]
 
  
−
=== Nädal 10: Otsing. Filtrid. Sorteerimine ===
+
[[Turingu serverisse rakenduse paigaldamine]]
  
−
* Loeng [[Media:ITI0209_22_10_Search_Filters_Sort.pdf | Loenguslaidid ]]
+
== Hinde moodustumine ==
−
* Praktikum [[Media:ITI0209_22_Praktikum_10_Vormid.pdf | Harjutusi vormidega ]]
 
  
−
=== Nädal 11: Ligipääsetavus ===
+
Lõpphinne moodustub järgmistest pukntidest:
  
−
* Loeng [[Media:ITI0209_22_11_Accessibility.pdf | Loenguslaidid ]]
+
a. 1. iseseisev töö ja kaastudengi töö hindamine: 20p<br>
−
* Praktikum: Individuaalsed konsultatsioonid. Et aega paremini jagada, palun täitke see vorm: https://forms.gle/LDD8Zg7Woh5gfwaz8
+
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>
  
−
=== Nädal 12: Lihavõtted ===
+
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.
  
−
=== Nädal 13: Sisu ===
 
  
−
* Loeng [[Media:ITI0209_22_13_Content.pdf | Loenguslaidid ]]
+
*91 < punkti      -- hinne 5 (suurepärane)
−
* Praktikum: sisu häkkimine
+
*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

Viimane redaktsioon: 1. juuni 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


Kontrolltöö ja kursuse lõpetamine

3. iseseisva töö Teamsis ülevaatamiseks ja sobiva kontrolltöö aja leidmiseks täitke palun see vorm: https://forms.gle/jrpXjfqWRTRjyTWt7

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. Orienteeruv kontrolltöö kirjutamise aeg on 1 .. 1.5 tundi.

Kontrolltöö toimub kohapeal paberil ja igasuguste abimaterjalide ja kõrvalise abi kasutamine on keelatud.

Kontrolltöö tegemiseks on kaks aega:

  • Teisipäev 02. juuni kell 12:00 auditooriumis SOC-211a
  • Neljapäev 04. juuni kell 12:00 auditooriumis SOC-311

Kontrolltööle eraldi registreerima ei pea, aga võtke kaasa pildiga dokument

Ü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

Nädal 2: Kasutajaliidese arendusprotsess

Nädal 3: Protsessi algatamine: Briif

Nädal 4: Protessi tulemid: Kasutajavood

Nädal 5: Protessi tulemid: Persoonad

Nädal 6: Kasutatavuse Testimine (Teamsis)

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

Nädal 7: Sissejuhatud Disainisüsteemi

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

Nädal 9: Vormid

Nädal 10: Otsing ja Filtrid

Nädal 11: Sisu

Nädal 12: Juurdepääsetavus

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

Nädal 13: Sissejuhatus andmete visualiseerimisse

Nädal 14: Visualiserimise töövoog

Nädal 15: Dashboard

15. nädala loengut auditooriumis ei toimu.

Nädal 16: Kursuse kokkuvõte

  • Loenguslaidid Loenguslaidid
  • Praktikum: Individuaalsed konsultatsioonid

Kursuse lõpetamine

  • 17. nädalal (25..29 mai) vaatame üle 3. iseseisva töö
  • 18. nädalal (1 .. 5 juuni) teeme kontrolltöö

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 E25.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
Pärit leheküljelt "http://courses.cs.taltech.ee/w/index.php?title=Kasutajaliidesed_(ITI0209)&oldid=12183"