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

Allikas: Kursused
Mine navigeerimisribale Mine otsikasti
 
(ei näidata sama kasutaja 280 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=30645, <strong>registreerumise kood:</strong>ITI020925<br>
−
'''Kursuse Teams'i kanal:''' ITI0209 Kasutajaliidesed (Kevad 2022), registreerumise võti <strong>
+
'''Kursuse Teams'i kanal:''' ITI0209 (2025) Kasutajaliidesed, <strong>registreerumise kood:</strong>e50tfje<br>
−
emmakg0</strong><br>
+
'''Koht:''' Loengud ja praktikumid toimuvad auditooriumis '''ICT-315'''<br>
−
'''Koht:''' Loengud ja praktikumid toimuvad Teams'is<br>
+
'''Aeg:''' Semestri jooksul igal teisipäeval: '''loeng kell 12:30-14:00 ja praktikum 14:15-15:45'''<br>
−
'''Aeg:''' Semestri jooksul igal reedel: '''loeng kell 10:00 ja praktikum 12:00'''<br>
+
'''Arhiiv:''' 2024 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2024]]<br>
−
2021 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2021]]<br>
+
 
 +
 
 +
== Auditooriumi muutus ==
 +
 
 +
Kuna ICT majas toimuvad ehitustööd, siis alates <strong>28. aprillist</strong> on uueks auditooriumiks <strong>ICT-507</strong>. <strong>22. aprilli</strong> loeng toimub veel vanas asukohas.
 +
 
  
 
== Ü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 :)
+
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.
  
−
== Individuaalsed konsultatsioonid ==
+
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 :)
  
−
Iganädalane aeg individuaalseteks konsultatsioonideks lepitakse kokku õppetöö käigus nii et see sobiks nii õppejõule kui osalejatele.
+
'''
 +
<!--
 +
== Kursuse lõpetamine, kontrolltöö ==
  
−
== Iseseisvad tööd ==
+
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 ==
 +
 
 +
=== Nädal 1: Sissejuhatus: Hea kasutajaliides ===
 +
 
 +
[[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 ]]
 +
 
 +
=== Nädal 10: Otsing. Filtrid ===
 +
 
 +
* [[Media:ITI0209_25_10_Search_Filters_Sort.pdf | Loenguslaidid ]]
 +
* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
 +
 
 +
=== Nädal 11: Sisu ===
 +
 
 +
* [[Media:ITI0209_25_11_Content.pdf | Loenguslaidid ]]
 +
* Praktikum: [[Media:ITI8740_24_09_Prax_Content.pdf | harjutus ]]. Lisaks: Turingu Serveri kasutamine
 +
 
 +
 
 +
<!--
 +
 
 +
* [[Media:ITI0209_25_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
 +
 
 +
 
 +
=== 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 ]]
 +
* [[Media:ITI0209_24_11_Prax_Tailwind.pdf | Praktikum: Sissejuhatus Tailwind CSS-i ]]
 +
 
 +
=== Nädal 12:Sisu ===
 +
 
 +
* [[Media:ITI0209_24_12_Content.pdf | Loenguslaidid ]]
 +
* [[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
  
−
Iseseisvad tööd esitatakse Gitlab'is ja link nendele lisatakse Moodlesse. Kursuse käigus esitatakse kolm iseseisvat tööd:
+
=== Nädal 16. Dashboard ===
  
−
1. [[ITI0209 kevad 2022 1. kodutöö kirjeldus | Staatiline prototüüp]] Esitmise tähtaeg 11. märts, tagasiside andmise tähtaeg 15. märts<br>
+
[[Media:ITI0209_24_16_01_Dashboard.html.pdf | Loenguslaidid]]<br>
−
2. Rakenduse HTML prototüüp.<br>  
+
Praktikum: Individuaalsed konsultatsioonid.
−
3. Andmete visualiseerimine.<br>
 
  
−
Iga iseseisev töö annab 15 punkti ja kaastudengi tööde hindamine 5 punkti, st. kokku kokku 60 punkti.
 
  
−
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 15. Visualiseerimise jätk
 +
Nädal 16. 3. töö kaitsmine
  
−
== Loengud ==
+
-->
  
−
=== Nädal 1: Sissejuhatus ainesse. Hea kasutajaliidese heuristikad ===
+
== Iseseisvad tööd ==
  
−
* [[Media:ITI0209_22_01_UI_Patterns_Heuristics.pdf | Loenguslaidid]]
+
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.
−
* [[Praktikum 1]] Praktikumiks pange palun valmis paber ja kirjutusvahend :)
 
  
−
=== Nädal 2: Kasutajaliidese üldised mustrid. ===
+
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: Teisipäev 29. aprill kell 17:00<br>
 +
3. [[ITI0209 kevad 2025 3. kodutöö kirjeldus | Andmete visualiseerimine]], mail lõpp<br>
  
−
* [[Media:ITI0209_22_01_UI_Patterns_Heuristics.pdf | Loenguslaidid]]
 
−
* [[Ülesanne 2. loenguks]]
 
  
−
=== Nädal 3: Sissejuhatus disainiprotsessi: Briif. ===
+
=== Turingu serveri kasutamine ===
  
−
* [[Media:ITI0209_22_03_Brief.pdf | Loenguslaidid]]
+
[[Turingu serverisse rakenduse paigaldamine]]
−
* [[ITI0209 3. praktikum]] Katsetame kaug-grupitööd.
 
  
−
=== Nädal 4: Kasutaja ja kasutajavood ===
 
  
−
* [[Media:ITI0209_22_04_Personas_Flows.pdf | Loenguslaidid ]]
+
== Hinde moodustumine ==
−
* [[ITI0209 kevad 2022 4. praktikum]]
 
  
−
=== Nädal 5: Sisukaart ja sõrestikmudel ===
+
Lõpphinne moodustub järgmistest pukntidest:
  
−
* [[Media:ITI0209_22_05_Wireframe.pdf | Loenguslaidid ]]
+
a. kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 20 + 20 + 20 punkti)<br>
−
* Praktikum - Sissejuhatus Figmasse.
+
b. hinnatud kaks kaastudengi tööd (maksimaalselt 5 + 5 punkti)<br>
 +
d. aktiivne osalemine loengutes ja praktikumides, lisaülesanded (maksimaalselt 10 punkti)<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>
  
−
=== Nädal 6: Kasutavuse testimine ===
+
*91 < punkti      -- hinne 5 (suurepärane)
−
* [[Media:ITI0209_22_06_Usability_Testing.pdf | Loenguslaidid ]]
+
*81 < punkti < 90 -- hinne 4 (väga hea)
−
* [[Media:ITI0209_22_05_Prax.pdf | Praktikum ]]
+
*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: 21. aprill 2025, kell 15:09

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


Auditooriumi muutus

Kuna ICT majas toimuvad ehitustööd, siis alates 28. aprillist on uueks auditooriumiks ICT-507. 22. aprilli loeng toimub veel vanas asukohas.


Ü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

Nädal 10: Otsing. Filtrid

Nädal 11: Sisu


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: Teisipäev 29. aprill kell 17:00
3. Andmete visualiseerimine, mail lõpp


Turingu serveri kasutamine

Turingu serverisse rakenduse paigaldamine


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=11800"