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

Allikas: Kursused
Mine navigeerimisribale Mine otsikasti
 
(ei näidata sama kasutaja 98 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 ]]
 +
 
 +
=== 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 ]]
 +
 
 +
 
 +
<!--
  
−
<strong>Ülesanne 04. veebruariks</strong> Ülesandepüstituse kirjeldamine: https://moodle.taltech.ee/mod/assign/view.php?id=360121
+
* [[Media:ITI0209_25_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
  
−
=== Nädal 2: Sissejuhatus disainiprotsessi ===
 
  
−
* [[Media:ITI0209_24_02_Intro_to_Design_Process.pdf | Loenguslaidid]]<br>
+
=== Nädal 9: Disainisüsteemi jätk. Värvid, Layout ===
−
* [[ITI0209_24_week02_Assignment | 2. praktikum ]]
 
  
−
=== Nädal 3: Briif ===
+
* [[Media:ITI0209_24_09_Design_Systems_02.pdf | Loenguslaidid ]]
 +
* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid ]]
 +
 
 +
=== Nädal 10: Vormid ===
  
−
* [[Media:ITI0209_24_03_Brief.pdf | Loenguslaidid]]<br>
+
* [[Media:ITI0209_24_10_Forms.pdf | Loenguslaidid ]]
−
* [[Media:ITI0209_24_03_Design_Challenge.pdf ‎ | 3. praktikum - Design Challenge]]
+
* [[Media:ITI0209_24_10_Prax_Forms.pdf | Juhend praktikumiks ]]
  
−
=== Nädal 4: Tulemid ja persoonad ===
+
=== Nädal 11: Otsing. Filtrid ===
  
−
* [[Media:ITI0209_24_04_Deliverables_Personas.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_24_11_Search_Filters_Sort.pdf | Loenguslaidid ]]
−
* [[Media:ITI0209_24_04_Paper_Prototyping.pdf | 4. praktikum - Paberprototüüpimine ]]
+
* [[Media:ITI0209_24_11_Prax_Tailwind.pdf | Praktikum: Sissejuhatus Tailwind CSS-i ]]
  
−
=== Nädal 5: Kasutajavood ja sõrestikmudel ===
+
=== Nädal 12:Sisu ===
  
−
* [[Media:ITI0209_24_05_Flows_Wireframes.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_24_12_Content.pdf | Loenguslaidid ]]
−
* [[Media:ITI0209_24_05_Figma_Intro.pdf | 5. praktikum - Sissejuhatus Figmasse ]]
+
* [[Media:ITI0209_24_12_Prax_Content.pdf | Harjutus praktikumiks ]]  
  
−
=== Nädal 6: Disaineri vaade ===
+
=== Nädal 13:Juurdepääsetavus ===
  
−
Täna räägib UX arendusprotsessist disaineri vaates Mihkel Ronk: https://www.linkedin.com/in/mihkelronk/
+
* [[Media:ITI0209_24_13_Accessibility.pdf | Loenguslaidid]]<br>
 +
* Praktikum: Konsultatsioonid ja abi
  
−
Teemad mida kaetakse on:
+
=== Nädal 14. Sissejuhatus andmete visualiseerimisse ===
  
−
- PM-ilt requirementid/intro<br>
+
[[Media:ITI0209_24_14_Visualization_Intro.pdf | Loenguslaidid]]<br>
−
- Basic research<br>
+
Praktikum: Sissejuhatus Echartsi
−
- 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 ===
+
=== Nädal 15. Visualiseerimise jätk ===
  
−
* [[Media:ITI0209_24_07_Usability_Testing.pdf | Loenguslaidid ]]
+
[[Media:ITI0209_24_15_Principles_of_Visualization.pdf | Loenguslaidid]]<br>
−
* [[Media:ITI0209_24_07_Prax.pdf | 7. praktikum - Figma ]]
+
Praktikum: Dünaamiline Echarts
  
−
=== Nädal 8: Disainisüsteem. Tüpograafia. Värvid ===
+
=== Nädal 16. Dashboard ===
  
−
TBC
+
[[Media:ITI0209_24_16_01_Dashboard.html.pdf | Loenguslaidid]]<br>
 +
Praktikum: Individuaalsed konsultatsioonid.
  
−
<!--
 
  
−
Nädal 9. Disainisüsteemi jätk
 
−
Nädal 10. Vormid
 
−
Nädal 11. Otsing. Filtrid
 
−
Nädal 12. Juurdepääsetavus
 
−
Nädal 13. Sisu
 
−
Nädal 14. Sissejuhatus andmete visualiseerimisse
 
 
Nädal 15. Visualiseerimise jätk
 
Nädal 15. Visualiseerimise jätk
 
Nädal 16. 3. töö kaitsmine
 
Nädal 16. 3. töö kaitsmine
88. 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 2025 1. kodutöö kirjeldus | Staatiline prototüüp]], tähtaeg: Neljapäeval 20. märts kell 17:00<br>
 +
2. [[ITI0209 kevad 2025 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg: aprilli lõpp<br>
 +
3. [[ITI0209 kevad 2025 3. kodutöö kirjeldus | Andmete visualiseerimine]], mail lõpp<br>
 +
 
  
−
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]], 18. aprill<br>
+
=== Turingu serveri kasutamine ===
−
3. Andmete visualiseerimine, tähtaeg 15. mai<br>
+
 
 +
[[Turingu serverisse rakenduse paigaldamine]]
 +
 
 +
-->
  
 
== Hinde moodustumine ==
 
== Hinde moodustumine ==
98. 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
Pärit leheküljelt "http://courses.cs.taltech.ee/w/index.php?title=Kasutajaliidesed_(ITI0209)&oldid=11778"