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

Allikas: Kursused
Mine navigeerimisribale Mine otsikasti
 
(ei näidata sama kasutaja 82 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_24_03_Brief.pdf | Loenguslaidid]]<br>
+
* [[Media:ITI0209_25_04_Deliverables_Flows_Wireframes.pdf | Loenguslaidid]]<br>
−
* [[Media:ITI0209_24_03_Design_Challenge.pdf ‎ | 3. praktikum - Design Challenge]]
+
* [[Media:ITI0209_25_04_Paper_Prototyping.pdf | 4. praktikum - Paberprototüüpimine]]
  
−
=== Nädal 4: Tulemid ja persoonad ===
+
=== Nädal 5: Tulemid: Persoonad ===  
  
−
* [[Media:ITI0209_24_04_Deliverables_Personas.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_25_05_Deliverables_Personas.pdf | Loenguslaidid ]]
−
* [[Media:ITI0209_24_04_Paper_Prototyping.pdf | 4. praktikum - Paberprototüüpimine ]]
 
  
−
=== Nädal 5: Kasutajavood ja sõrestikmudel ===
+
=== Nädal 6: Sisukaart. Kasutatavuse testimine ===  
  
−
* [[Media:ITI0209_24_05_Flows_Wireframes.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_25_06_Sitemap.pdf | Tulemite jätk - sisukaart ]]
−
* [[Media:ITI0209_24_05_Figma_Intro.pdf | 5. praktikum - Sissejuhatus Figmasse ]]
+
* [[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 6: Disaineri vaade ===
+
=== Nädal 7: Sissejuhatus disainisüsteemi ===
  
−
Täna räägib UX arendusprotsessist disaineri vaates Mihkel Ronk: https://www.linkedin.com/in/mihkelronk/
+
* [[Media:ITI0209_25_07_Design_Systems_Intro.pdf | Loenguslaidid ]]
 +
* Praktikum: Individuaalsed konsultatsioonid
  
−
Teemad mida kaetakse on:
+
=== Nädal 8: Disainisüsteem: Tüpograafia ja Värvid ===
  
−
- PM-ilt requirementid/intro<br>
+
[[Media:ITI0209_25_08_Design_Systems_02.pdf | Loenguslaidid ]]<br>
−
- Basic research<br>
+
Praktikum: Sissejuhatus Bootstrappi
−
- 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 9: Disainisüsteem: Layout. Vormid ===
  
−
* [[Media:ITI0209_24_07_Usability_Testing.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_25_09_Design_Systems_03.pdf | Loenguslaidid (Layout) ]]
−
* [[Media:ITI0209_24_07_Prax.pdf | 7. praktikum - Figma ]]
+
* [[Media:ITI0209_25_09_Forms.pdf | Loenguslaidid (Vormid) ]]
 +
* [[Media:ITI0209_25_09_Prax_Forms.pdf | Praktikum - Vormid ]]
  
−
=== Nädal 8: Disainisüsteem. Tüpograafia ===
 
  
−
* [[Media:ITI0209_24_08_Design_Systems_01.pdf | Loenguslaidid ]]
+
<!--
−
* Praktikum: Sissejuhatus Bootstrappi
+
 
 +
* [[Media:ITI0209_25_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
 +
 
  
 
=== Nädal 9: Disainisüsteemi jätk. Värvid, Layout ===
 
=== Nädal 9: Disainisüsteemi jätk. Värvid, Layout ===
94. rida: 102. rida:
 
* [[Media:ITI0209_24_12_Prax_Content.pdf | Harjutus praktikumiks ]]  
 
* [[Media:ITI0209_24_12_Prax_Content.pdf | Harjutus praktikumiks ]]  
  
−
=== Nädal 12:Juurdepääsetavus ===
+
=== Nädal 13:Juurdepääsetavus ===
  
−
TBC
+
* [[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 13. Juurdepääsetavus
 
−
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
109. 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 ==
124. 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"