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

Allikas: Kursused
Mine navigeerimisribale Mine otsikasti
 
(ei näidata sama kasutaja 179 vahepealset redaktsiooni)
2. rida: 2. rida:
 
'''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/course/view.php?id=30645,  <strong>registreerumise kood:</strong>ITI020924<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 2023), <strong>registreerumise kood:</strong>4d6t7s7<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 neljapäeval: '''loeng kell 12:00 ja praktikum 13:45'''<br>
+
'''Aeg:''' Semestri jooksul igal teisipäeval: '''loeng kell 12:00-13:30 ja praktikum 13:45-15:15'''<br>
−
'''Arhiiv:''' 2023 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2023]]<br>
+
'''Arhiiv:''' 2025 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2025]]<br>
  
  
 +
== Üldine ülevaade ==
  
−
== Üldine ülevaade ==
+
Kursus on suunatud 3. kursuse IAIB ja IABB õppekava tudengitele.
  
 
Kursuse lõpetaja:
 
Kursuse lõpetaja:
 
* Oskab hinnata liidese visuaaldisaini kvaliteeti ja terviklikkust.​
 
* Oskab hinnata liidese visuaaldisaini kvaliteeti ja terviklikkust.​
−
* Oskab luua ja valideerida kasutajakeskset liidest nii arvutis kui pihuseadmes.​
+
* 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.
 
* 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 :)
 
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.
 
−
 
−
Kontrolltöö tegemiseks on järgmised ajad.
 
−
* Neljapäev 30. mai kell 12:00, auditoorium ICT-315
 
−
* Reede 01. juuni kell 12:00, ruum täpsustamisel
 
−
 
−
Kui need ajad ei sobi, kirjutage Teamsis õppejõule.
 
−
 
−
 
−
<!--
 
−
* 20..24 mai nädalal toimub 3. iseseisva töö kaitsmine (veebis/kohapeal), täpsed ajad ja graafik selguvad Google vormist mis tuleb siia peale tööde esitamist. Töö ise saate esitada siin: https://moodle.taltech.ee/mod/assign/view.php?id=381087
 
−
 
−
Võimalikud <strong>3 töö kaitsmise ajad</strong> on:<br>
 
−
- kolmapäeval 22. mail algusega vahemikus 16:00 .. 18:00 (Teamsis)<br>
 
−
- neljapäeval 23. mail algusega 12:00 auditooriumis ICT-315 (kohapeal). Kui teie aeg on ajakavas kirjas, siis tulge õigeks ajaks kohale - tervet kaitsmisperioodi kohal olema ei pea.<br>
 
−
- reedel 24. mail vahemikus 14:00 - 16:00 (Teamsis).<br>
 
−
 
−
Kaitsmisaja valikuks täitke ära Google vorm: https://forms.gle/scguLJgbXPm9avje9. Seal on ka link kaitsmisgraafikule mis hakkab jooksvalt uuenema.
 
−
 
−
* Nädal peale seda ehk vahemikus 27..31 mai toimub kontrolltöö. Kontrolltöö tegemiseks on mitu võimalikku aega, ja sobivad ajad selgitab õppejõud 3. iseseisva töö kaitsmise käigus.<br>
 
−
-->
 
  
 
== Loengud ==
 
== Loengud ==
49. rida: 25. rida:
 
=== Nädal 1: Sissejuhatus: Hea kasutajaliides ===
 
=== Nädal 1: Sissejuhatus: Hea kasutajaliides ===
  
−
[[Media:ITI0209_24_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]
  
−
<strong>Ülesanne 04. veebruariks</strong> Ülesandepüstituse kirjeldamine: https://moodle.taltech.ee/mod/assign/view.php?id=360121
+
=== Nädal 2: Kasutajaliidese arendusprotsess ===
  
−
=== Nädal 2: Sissejuhatus disainiprotsessi ===
+
* Ü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]]
  
−
* [[Media:ITI0209_24_02_Intro_to_Design_Process.pdf | Loenguslaidid]]<br>
+
=== Nädal 3: Protsessi algatamine: Briif ===
−
* [[ITI0209_24_week02_Assignment | 2. praktikum ]]
 
  
−
=== Nädal 3: Briif ===
+
* Loeng: [[Media:ITI0209_26_03_Brief.pdf | Loenguslaidid]]
 +
* Praktikum: [[Media:ITI0209_26_03_Paper_Proto.pdf | Praktikum]]
  
−
* [[Media:ITI0209_24_03_Brief.pdf | Loenguslaidid]]<br>
+
=== Nädal 4: Protessi tulemid: Kasutajavood ===
−
* [[Media:ITI0209_24_03_Design_Challenge.pdf ‎ | 3. praktikum - Design Challenge]]
 
  
−
=== Nädal 4: Tulemid ja persoonad ===
+
* Loeng [[Media:ITI0209_26_04_Flows.pdf | Loenguslaidid]]
 +
* Praktikum: [[Media:ITI0209_26_04_Prax.pdf | Praktikum ]]
  
−
* [[Media:ITI0209_24_04_Deliverables_Personas.pdf | Loenguslaidid ]]
+
=== Nädal 5: Protessi tulemid: Persoonad ===
−
* [[Media:ITI0209_24_04_Paper_Prototyping.pdf | 4. praktikum - Paberprototüüpimine ]]
+
* Loeng [[Media:ITI0209_26_05_Personas.pdf | Loenguslaidid]]
 +
* Praktikum: https://cantunsee.space/ <!-- https://www.fabriders.net/user-personas/ -->
  
−
=== Nädal 5: Kasutajavood ja sõrestikmudel ===
+
=== Nädal 6: Kasutatavuse Testimine (Teamsis) ===
 +
* Loengusalvestis: Kursuse Teamsi kanalis
 +
* Loeng [[Media:ITI0209_26_06_User_Testing.pdf | Loenguslaidid]]
 +
* Praktikum: Näidisprojekti tutvustus
  
−
* [[Media:ITI0209_24_05_Flows_Wireframes.pdf | Loenguslaidid ]]
+
=== Nädal 7: Sissejuhatud Disainisüsteemi ===
−
* [[Media:ITI0209_24_05_Figma_Intro.pdf | 5. praktikum - Sissejuhatus Figmasse ]]
+
* Loeng [[Media:ITI0209_26_07_Design_Systems_Intro.pdf | Loenguslaidid]]
 +
* Praktikum: Individiaalsed konsultatsioonid
  
−
=== Nädal 6: Disaineri vaade ===
+
=== 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]]
  
−
Täna räägib UX arendusprotsessist disaineri vaates Mihkel Ronk: https://www.linkedin.com/in/mihkelronk/
+
=== Nädal 9: Vormid ===
 +
* [[Media:ITI0209_26_09_Forms.pdf | Loenguslaidid ]]
 +
* [[Media:_ITI0209_26_09_Prax_Forms.pdf | Hajutus - Vormide parendamine ]]
  
−
Teemad mida kaetakse on:
+
=== Nädal 10: Otsing ja Filtrid ===
 +
* [[Media:ITI0209_26_10_Search_Filters.pdf | Loenguslaidid ]]
 +
* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
  
−
- PM-ilt requirementid/intro<br>
+
=== Nädal 11: Sisu ===
−
- Basic research<br>
+
<!--
−
- Taskihaldus (kehtib ilmselt muude taskimajandajate puhul ka, pmst lihtsalt et hea dokumenteerida asju ka disainis)<br>
+
<strong style="color:red">NB! 16. aprill loeng ja praktikum toimuvad tavalises formaadis Teamsis.</strong>
−
- 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>
+
* Loenguslaidid: [[Media:ITI0209_26_11_Content.pdf | Loenguslaidid ]]
−
- Design review’d ja jällegi dokumenteerimine (et kellelgi hiljem midagi öelda ei oleks)<br>
+
* Praktikum: [[Media:ITI0209_26_11_Prax_Content.pdf | UX kirjutamise harjutus ]]
−
- Disaini versioonid<br>
 
−
- Disaini dokumenteerimine Figmas review ja handoffi jaoks<br>
 
−
- Disainisüsteemi uuendamine uuest featuurist tekkinud komponentidega
 
−
 
 
−
=== Nädal 7: Kasutatavuse testimine ===
 
−
 
 
−
* [[Media:ITI0209_24_07_Usability_Testing.pdf | Loenguslaidid ]]
 
−
* [[Media:ITI0209_24_07_Prax.pdf | 7. praktikum - Figma ]]
 
−
 
 
−
=== Nädal 8: Disainisüsteem. Tüpograafia ===
 
−
 
 
−
* [[Media:ITI0209_24_08_Design_Systems_01.pdf | Loenguslaidid ]]
 
−
* Praktikum: Sissejuhatus Bootstrappi
 
−
 
 
−
=== Nädal 9: Disainisüsteemi jätk. Värvid, Layout ===
 
−
 
 
−
* [[Media:ITI0209_24_09_Design_Systems_02.pdf | Loenguslaidid ]]
 
−
* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid ]]
 
−
 
 
−
=== 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 ]]
+
=== Nädal 12: Juurdepääsetavus ===
−
* [[Media:ITI0209_24_11_Prax_Tailwind.pdf | Praktikum: Sissejuhatus Tailwind CSS-i ]]
+
* Loeguslaidid: [[Media:ITI0209_12_Accessibility.pdf | Loenguslaidid ]]
 +
* Praktikum: Individuaalsed konsultatsioonid (E27.04 on 2. isesesiva töö tähtaeg
  
−
=== Nädal 12:Sisu ===
+
=== Nädal 13: Sissejuhatus andmete visualiseerimisse ===
−
 
+
* Loenguslaidid: [[Media:ITI0209_26_13_Visualization_Intro.pdf | Loenguslaidid ]]
−
* [[Media:ITI0209_24_12_Content.pdf | Loenguslaidid ]]
+
* Praktikum: 3. iseseisva töö tutvustus. [[Media:ITI0209_26_13_Prax_Data.pdf | Harjutus: andmete leidmine ]]
−
* [[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 14: Visualiserimise töövoog ===
 +
* Loenguslaidid: TBC
 +
* Praktikum: Visualiseerimistööriistad. Sissejuhatud Echartsi
  
 
<!--
 
<!--
  
−
 
+
Nädal 15: Dashboard
−
 
+
Nädal 16: Kursuse kokkuvõte
−
Nädal 15. Visualiseerimise jätk
 
−
Nädal 16. 3. töö kaitsmine
 
  
 
-->
 
-->
151. rida: 98. rida:
 
== Iseseisvad tööd ==
 
== 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.
−
 
 
−
1. [[ITI0209 kevad 2024 1. kodutöö kirjeldus | Staatiline prototüüp]], tähtaeg esmaspäev 18. märts kell 12:00<br>
 
−
2. [[ITI0209 kevad 2024 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg reede, 26. aprill kell 17:00<br>
 
−
3. [[ITI0209 kevad 2024 3. kodutöö kirjeldus | Andmete visualiseerimine]], tähtaeg 20. mai<br>
 
  
 +
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 E18.05 12:00<br>
  
 
=== Turingu serveri kasutamine ===
 
=== Turingu serveri kasutamine ===
166. rida: 112. rida:
 
Lõpphinne moodustub järgmistest pukntidest:
 
Lõpphinne moodustub järgmistest pukntidest:
  
−
a. kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 45 punkti)<br>
+
a. 1. iseseisev töö ja kaastudengi töö hindamine: 20p<br>
−
b. hinnatud kaks kaastudengi tööd (maksimaalselt 10 punkti)<br>
+
b. 2. iseseisev töö ja kaastudengi töö hindamine: 20p<br>
−
d. aktiivne osalemine loengutes ja praktikumides, lisaülesanded (maksimaalselt 15 punkti)<br>
+
c. 3. iseseisev töö ja selle kaitsmine: 20p<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>
+
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.
  
−
Lisaks on võimalik saada lisapunkte loengutes ja praktikumides aktiivse osalemise eest.
 
  
 
*91 < punkti      -- hinne 5 (suurepärane)
 
*91 < punkti      -- hinne 5 (suurepärane)

Viimane redaktsioon: 30. aprill 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


Ü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

  • Loenguslaidid: TBC
  • Praktikum: Visualiseerimistööriistad. Sissejuhatud Echartsi


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