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

Allikas: Kursused
Mine navigeerimisribale Mine otsikasti
 
(ei näidata sama kasutaja 77 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=30645,  <strong>registreerumise kood:</strong>ITI020925<br>
'''Kursuse Teams'i kanal:''' ITI0209 Kasutajaliidesed (Kevad 2023), <strong>registreerumise kood:</strong>4d6t7s7<br>
+
'''Kursuse Teams'i kanal:''' ITI0209 (2025) Kasutajaliidesed, <strong>registreerumise kood:</strong>e50tfje<br>
'''Koht:''' Loengud ja praktikumid toimuvad auditooriumis ICT-315<br>
+
'''Koht:''' Loengud ja praktikumid toimuvad auditooriumis '''ICT-315'''<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:30-14:00 ja praktikum 14:15-15:45'''<br>
'''Arhiiv:''' 2023 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2023]]<br>
+
'''Arhiiv:''' 2024 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2024]]<br>
  
  
14. rida: 14. rida:
 
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 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.
 +
'''
 +
-->
  
 
== Loengud ==
 
== Loengud ==
24. rida: 32. rida:
 
=== Nädal 1: Sissejuhatus: Hea kasutajaliides ===
 
=== Nädal 1: Sissejuhatus: Hea kasutajaliides ===
  
[[Media:ITI0209_24_01_Good_UI.pdf | Loenguslaidid ]]
+
[[Media:ITI0209_25_01_Good_UI.pdf | Loenguslaidid ]]
  
<strong>Ülesanne 04. veebruariks</strong> Ülesandepüstituse kirjeldamine: https://moodle.taltech.ee/mod/assign/view.php?id=360121
+
=== Nädal 2: Disainiprotsess: Double Diamond ===
  
=== Nädal 2: Sissejuhatus disainiprotsessi ===
+
* [[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
  
* [[Media:ITI0209_24_02_Intro_to_Design_Process.pdf | Loenguslaidid]]<br>
+
=== Nädal 3: Briif ===
* [[ITI0209_24_week02_Assignment | 2. praktikum ]]
 
  
=== 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]]
  
* [[Media:ITI0209_24_03_Brief.pdf | Loenguslaidid]]<br>
+
=== Nädal 5: Tulemid: Persoonad ===
* [[Media:ITI0209_24_03_Design_Challenge.pdf ‎ | 3. praktikum - Design Challenge]]
 
  
=== Nädal 4: Tulemid ja persoonad ===
+
* [[Media:ITI0209_25_05_Deliverables_Personas.pdf | Loenguslaidid ]]
  
* [[Media:ITI0209_24_04_Deliverables_Personas.pdf | Loenguslaidid ]]
+
=== Nädal 6: Sisukaart. Kasutatavuse testimine ===
* [[Media:ITI0209_24_04_Paper_Prototyping.pdf | 4. praktikum - Paberprototüüpimine ]]
 
  
=== Nädal 5: Kasutajavood ja sõrestikmudel ===
+
* [[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
  
* [[Media:ITI0209_24_05_Flows_Wireframes.pdf | Loenguslaidid ]]
+
=== Nädal 7: Sissejuhatus disainisüsteemi ===
* [[Media:ITI0209_24_05_Figma_Intro.pdf | 5. praktikum - Sissejuhatus Figmasse ]]
 
  
=== Nädal 6: Disaineri vaade ===
+
* [[Media:ITI0209_25_07_Design_Systems_Intro.pdf | Loenguslaidid ]]
 +
* Praktikum: Individuaalsed konsultatsioonid
  
Täna räägib UX arendusprotsessist disaineri vaates Mihkel Ronk: https://www.linkedin.com/in/mihkelronk/
+
=== Nädal 8: Disainisüsteem: Tüpograafia ja Värvid ===
  
Teemad mida kaetakse on:
+
[[Media:ITI0209_25_08_Design_Systems_02.pdf | Loenguslaidid ]]<br>
 +
Praktikum: Sissejuhatus Bootstrappi
  
- PM-ilt requirementid/intro<br>
+
=== Nädal 9: Disainisüsteem: Layout. Vormid ===
- Basic research<br>
 
- 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 ===
+
* [[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 ]]
  
* [[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_25_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
  
* [[Media:ITI0209_24_08_Design_Systems_01.pdf | Loenguslaidid ]]
 
* Praktikum: Sissejuhatus Bootstrappi
 
  
 
=== Nädal 9: Disainisüsteemi jätk. Värvid, Layout ===
 
=== Nädal 9: Disainisüsteemi jätk. Värvid, Layout ===
101. rida: 109. rida:
 
=== Nädal 14. Sissejuhatus andmete visualiseerimisse ===
 
=== Nädal 14. Sissejuhatus andmete visualiseerimisse ===
  
TBC
+
[[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.
  
  
114. rida: 130. 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 ja link nendele lisatakse Moodles. Praegu lisatud kuupäevad on indikatiivsed ja selguvad täpselt kursuse käigus.
  
1. [[ITI0209 kevad 2024 1. kodutöö kirjeldus | Staatiline prototüüp]], tähtaeg esmaspäev 18. märts kell 12:00<br>
+
1. [[ITI0209 kevad 2025 1. kodutöö kirjeldus | Staatiline prototüüp]], tähtaeg: Neljapäeval 20. märts kell 17:00<br>
2. [[ITI0209 kevad 2024 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg reede, 26. aprill kell 17:00<br>
+
2. [[ITI0209 kevad 2025 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg: aprilli lõpp<br>
3. Andmete visualiseerimine, tähtaeg 15. mai<br>
+
3. [[ITI0209 kevad 2025 3. kodutöö kirjeldus | Andmete visualiseerimine]], mail lõpp<br>
  
  
 +
<!--
 
=== Turingu serveri kasutamine ===
 
=== Turingu serveri kasutamine ===
  
 
[[Turingu serverisse rakenduse paigaldamine]]
 
[[Turingu serverisse rakenduse paigaldamine]]
 +
 +
-->
  
 
== Hinde moodustumine ==
 
== Hinde moodustumine ==
129. rida: 148. 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. kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 20 + 20 + 20 punkti)<br>
b. hinnatud kaks kaastudengi tööd (maksimaalselt 10 punkti)<br>
+
b. hinnatud kaks kaastudengi tööd (maksimaalselt 5 + 5 punkti)<br>
d. aktiivne osalemine loengutes ja praktikumides, lisaülesanded (maksimaalselt 15 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 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)
 
*91 < punkti      -- hinne 5 (suurepärane)

Viimane redaktsioon: 1. aprill 2025, kell 11:53

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

Nädal 3: Briif

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

Nädal 5: Tulemid: Persoonad

Nädal 6: Sisukaart. Kasutatavuse testimine

Nädal 7: Sissejuhatus disainisüsteemi

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

Loenguslaidid
Praktikum: Sissejuhatus Bootstrappi

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


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: aprilli lõpp
3. Andmete visualiseerimine, mail lõpp


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