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

Allikas: Kursused
Mine navigeerimisribale Mine otsikasti
(ei näidata sama kasutaja 168 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/course/view.php?id=30645,  <strong>registreerumise kood: ITI020923</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 2023), <strong>registreerumise kood: xbev7h7</strong><br>
+
'''Kursuse Teams'i kanal:''' ITI0209 (2025) Kasutajaliidesed, <strong>registreerumise kood:</strong>e50tfje<br>
−
'''Koht:''' Loengud ja praktikumid toimuvad auditooriumis ICT-507 ja paralleelselt Teams'is<br>
+
'''Koht:''' Loengud ja praktikumid toimuvad auditooriumis '''ICT-315'''<br>
−
'''Aeg:''' Semestri jooksul igal teisipäeval: '''loeng kell 10:00 ja praktikum 12:00'''<br>
+
'''Aeg:''' Semestri jooksul igal teisipäeval: '''loeng kell 12:30-14:00 ja praktikum 14:15-15:45'''<br>
−
2022 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2022]]<br>
+
'''Arhiiv:''' 2024 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2024]]<br>
 +
 
 +
 
  
 
== Ü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.
 +
 
 +
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 ==
 +
 
 +
=== Nädal 1: Sissejuhatus: Hea kasutajaliides ===
  
−
== Kuruse lõpetamine ==
+
[[Media:ITI0209_25_01_Good_UI.pdf | Loenguslaidid ]]
  
−
Kursuse lõpetamiseks on
+
=== Nädal 2: Disainiprotsess: Double Diamond ===
  
−
=== Kontrolltöö ===
+
* [[Media:ITI0209_25_02_Design_Process.pdf | Loenguslaidid ]]
−
Peale auditoorse õppetöö lõppu ja 3. töö ülevaatamist toimub kontrolltöö kursuse jooksul läbitud teemade kohta. Kontrolltöö toimub  avatud testi vormis, s.t. lubatud on kõigi kursuse abimaterjalide v.a kaastudengi abi kasutamine.
+
* 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
  
−
Kontrolltöö kirjutamiseks on kolm aega:
+
=== Nädal 3: Briif ===
  
−
Teisipäeval: 23. mail kell 10:00 auditooriumis ICT-507a
+
* [[Media:ITI0209_25_03_Brief.pdf | Loenguslaidid]]<br>
−
Neljapäeval: 25. mail kas kell 12:00 (auditoorium täpsustamisel)
+
* [[Media:ITI0209_25_03_Design_Challenge.pdf ‎ | 3. praktikum - Design Challenge]]
−
Vajadusel organiseerib õppejõud ka 3. kontrolltöö kaitsmise aja 22. mail algaval nädalal.
 
  
 +
=== 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 ]]
  
−
== Loengud ==
+
=== Nädal 6: Sisukaart. Kasutatavuse testimine ===  
  
−
=== Nädal 1: Sissejuhatus: Hea kasutajaliides ===
+
* [[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_22_01_Good_UI.pdf | Loenguslaidid]]
+
=== Nädal 7: Sissejuhatus disainisüsteemi ===
−
<!--
 
−
* [[Praktikum 1]] Praktikumiks pange palun valmis paber ja kirjutusvahend :)
 
−
-->
 
  
−
=== Nädal 2: Kasutajaliidese käitumuslikud mustrid ===
+
* [[Media:ITI0209_25_07_Design_Systems_Intro.pdf | Loenguslaidid ]]
 +
* Praktikum: Individuaalsed konsultatsioonid
  
−
* [[Media:ITI0209_22_02_UI_Patterns.pdf | Loenguslaidid ]]
+
=== Nädal 8: Disainisüsteem: Tüpograafia ja Värvid ===
−
* [[ITI0209_23_week02_Assignment | Ülesanne 2. loenguks ]]
 
  
−
=== Nädal 3: Disainiprotsess. Briif  ===
+
[[Media:ITI0209_25_08_Design_Systems_02.pdf | Loenguslaidid ]]<br>
 +
Praktikum: Sissejuhatus Bootstrappi
  
−
* [[Media:ITI0209_23_03_Brief.pdf | Loenguslaidid ]]
+
=== Nädal 9: Disainisüsteem: Layout. Vormid ===
−
* [[ITI0209_23_week03_Assignment | 3. praktikum ]]
 
  
−
=== Nädal 4: Kasutaja ja kasutajavood ===
+
* [[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_23_04_Personas_Flows.pdf | Loenguslaidid ]]
+
=== Nädal 10: Otsing. Filtrid ===
−
* [[ITI0209 kevad 2023 4. praktikum]]
 
  
−
=== Nädal 5: Sisukaart ja sõrestikmudel ===
+
* [[Media:ITI0209_25_10_Search_Filters_Sort.pdf | Loenguslaidid ]]
 +
* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
  
−
* Tunnikontroll Moodles: https://moodle.taltech.ee/mod/quiz/view.php?id=360123
+
=== Nädal 11: Sisu ===
−
* [[Media:ITI0209_23_05_Wireframe.pdf | Loenguslaidid ]]
 
−
* [[Media:ITI0209_23_05_Prax.pdf | Praktikum ]]
 
  
−
=== Nädal 6: Kasutatavuse testimine ===
+
* [[Media:ITI0209_25_11_Content.pdf | Loenguslaidid ]]
 +
* Praktikum: UX kirjutamine. Lisaks: Sissejuhatus Tailwindi
  
−
* [[Media:ITI0209_23_06_Usability_Testing.pdf | Loenguslaidid ]]
 
−
* [[Media:ITI0209_23_06_Prax.pdf | Praktikum ]]
 
  
−
=== Nädal 7: Disainisüsteem. Tüpograafia ===
+
<!--
  
−
* [[Media:ITI0209_23_07_Design_Systems_01.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_25_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid. SASS ]]
−
* Praktikum: individuaalsed konsultatsioonid
 
  
−
=== Nädal 8: Disainisüsteemi jätk. Värvid. Layout ===
 
  
−
* [[Media:ITI0209_23_08_Design_Systems_02.pdf | Loenguslaidid ]]
+
=== Nädal 9: Disainisüsteemi jätk. Värvid, Layout ===
−
* Praktikum: Bootstrap.
 
  
−
=== Nädal 9: Vormid ===
+
* [[Media:ITI0209_24_09_Design_Systems_02.pdf | Loenguslaidid ]]
 +
* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid ]]
  
−
* [[Media:ITI0209_23_09_Forms.pdf | Loenguslaidid ]]
+
=== Nädal 10: Vormid ===
−
* [[Media:ITI0209_23_09_Prax_Forms.pdf | Praktikum: Vormide parendamine ]]
 
  
−
=== Loeng 10: Otsing. Filtrid. Sorteerimine ===
+
* [[Media:ITI0209_24_10_Forms.pdf | Loenguslaidid ]]
 +
* [[Media:ITI0209_24_10_Prax_Forms.pdf | Juhend praktikumiks ]]
  
−
* [[Media:ITI0209_23_10_Search_Filters.pdf | Loenguslaidid ]]
+
=== Nädal 11: Otsing. Filtrid ===
−
* Praktkikum: [[Media:ITI0209_23_10_Prax_Sass.pdf | SASS ]]
 
  
−
=== Loeng 11: Ligipääsetavus ===
+
* [[Media:ITI0209_24_11_Search_Filters_Sort.pdf | Loenguslaidid ]]
 +
* [[Media:ITI0209_24_11_Prax_Tailwind.pdf | Praktikum: Sissejuhatus Tailwind CSS-i ]]
  
−
* [[Media:ITI0209_23_11_Accessibility.pdf | Loenguslaidid ]]
+
=== Nädal 12:Sisu ===
−
* Praktkikum: individuaalsed konsultatsioonid
 
  
−
=== Loeng 12: Sisu ===
+
* [[Media:ITI0209_24_12_Content.pdf | Loenguslaidid ]]
 +
* [[Media:ITI0209_24_12_Prax_Content.pdf | Harjutus praktikumiks ]]
  
−
* [[Media:ITI0209_23_11_Accessibility.pdf | Loenguslaidid ]]
+
=== Nädal 13:Juurdepääsetavus ===
−
* Praktikum: [[Media:ITI0209_23_12_Prax_Content.pdf | UX kirjutamine ]]
 
  
−
=== Loeng 13: Sissejuhatus andmete visualiseerimisse ===
+
* [[Media:ITI0209_24_13_Accessibility.pdf | Loenguslaidid]]<br>
 +
* Praktikum: Konsultatsioonid ja abi
  
−
* Loenguslaidid (4.5 MB) https://drive.google.com/file/d/1FMzjNaMCouJRTCXvyoqFtiHWQ-QZNFdD/view?usp=share_link
+
=== Nädal 14. Sissejuhatus andmete visualiseerimisse ===
−
* Praktikum: Sissejuhatus visualiseerimisse. Echarts
 
  
−
=== Loeng 14: Visualiseerimise jätk ===
+
[[Media:ITI0209_24_14_Visualization_Intro.pdf | Loenguslaidid]]<br>
 +
Praktikum: Sissejuhatus Echartsi
  
−
* [[Media:ITI0209_23_14_Principles_of_Visualization.pdf | Loenguslaidid ]]
+
=== Nädal 15. Visualiseerimise jätk ===
−
* Praktikum: Echartsi järk
 
  
−
=== Loeng 15: Dashboard ===
+
[[Media:ITI0209_24_15_Principles_of_Visualization.pdf | Loenguslaidid]]<br>
 +
Praktikum: Dünaamiline Echarts
  
−
* [[Media:ITI0209_23_15_Dashboard.pdf | Loenguslaidid ]]
+
=== Nädal 16. Dashboard ===
−
* Praktkikum: individuaalsed konsultatsioonid
 
  
−
=== Loeng 16: Kokkuvõte === 
+
[[Media:ITI0209_24_16_01_Dashboard.html.pdf | Loenguslaidid]]<br>
 +
Praktikum: Individuaalsed konsultatsioonid.
  
−
* [[Media:ITI0209_23_16_Summary.pdf | Loenguslaidid ]]
 
−
* Praktikumis: 3. iseseisva töö kaitsmised                             
 
  
−
<!--
+
Nädal 15. Visualiseerimise jätk
−
== Individuaalsed konsultatsioonid ==
+
Nädal 16. 3. töö kaitsmine
  
−
Iganädalane aeg individuaalseteks konsultatsioonideks lepitakse kokku õppetöö käigus nii et see sobiks nii õppejõule kui osalejatele.
 
 
-->
 
-->
  
 
== Iseseisvad tööd ==
 
== Iseseisvad tööd ==
  
−
Iseseisvad tööd esitatakse Gitlab'is ja link nendele lisatakse Moodlesse. Kursuse käigus esitatakse kolm 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 2023 1. kodutöö kirjeldus | Staatiline prototüüp]], tähtaeg 21.03, hindamise tähtaeg 24.03<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 2023 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg 21.04 kell 18:00, hidamise tähtaeg 26.04 kell 14:00 (nihkub bakalaureusetöö eelkaitsmiste pärast paar päeva edasi)<br>
+
2. [[ITI0209 kevad 2025 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg: aprilli lõpp<br>
−
3. [[ITI0209 kevad 2023 3. kodutöö kirjeldus | Andmete visualiseerimine]]. Tähtaeg 15.05<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 ==
  
−
Hindamiseks peavad olema kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 45 punkti), hinnatud kolm kaastudengi tööd (maksimaalselt 15 punkti) ja tehtud kontrolltöö (maksimaalselt 40 punkti). Edukaks sooritamiseks pead kontrolltöös saama vähemalt 51% punktidest ja kogu kursuse eest (praknktikumid+kontrolltöö) vähemalt 51 punkti. Kontrolltöö toimub avatud testi vormis, s.t. lubatud on kõigi kursuse abimaterjalide v.a kaastudengi abi kasutamine.
+
Lõpphinne moodustub järgmistest pukntidest:
  
−
Lisaks on võimalik saada lisapunkte loengutes ja praktikumides aktiivse osalemise eest.
+
a. kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 20 + 20 + 20 punkti)<br>
 +
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>
  
 
*91 < punkti      -- hinne 5 (suurepärane)
 
*91 < punkti      -- hinne 5 (suurepärane)

Redaktsioon: 8. aprill 2025, kell 12:50

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

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: 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=11784"