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

Allikas: Kursused
Mine navigeerimisribale Mine otsikasti
(ei näidata sama kasutaja 78 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>ITI020924<br>
'''Kursuse Teams'i kanal:''' ITI0209 Kasutajaliidesed (Kevad 2023), <strong>registreerumise kood: xbev7h7</strong><br>
+
'''Kursuse Teams'i kanal:''' ITI0209 Kasutajaliidesed (Kevad 2023), <strong>registreerumise kood:</strong>4d6t7s7<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 neljapäeval: '''loeng kell 12:00 ja praktikum 13:45'''<br>
2022 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2022]]<br>
+
'''Arhiiv:''' 2023 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2023]]<br>
  
== Ü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õpetamine ==
+
== Üldine ülevaade ==
  
Kursuse lõpetamiseks on vaja kaitsta 3. iseseisev töö ja teha kontrolltöö
+
Kursuse lõpetaja:
 +
* Oskab hinnata liidese visuaaldisaini kvaliteeti ja terviklikkust.
 +
* Oskab luua ja valideerida kasutajakeskset liidest nii arvutis kui pihuseadmes.​
 +
* Suudab osaleda UX arendusprotsessis nii täitja kui tellijana.
 +
* Oskab andmeid visualiseerida.
  
=== 3. iseseisva töö kaitsmine ===
+
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 :)
  
3. praktikumitöö kaitsmine toimub Teamsi-kõne vormis auditoorse õppetöö viimasel nädalal. Kohal peaksid kaitsmisel olema kõik meeskonna liikmed. Olge valmis näitama videot ja veenduge et mikrofon töötab.
+
== Loengud ==
  
Töö kaitsmiseks on kolm aega:
+
=== Nädal 1: Sissejuhatus: Hea kasutajaliides ===
  
- Teisipäeval 16. mail praktikumiajal 12:00 .. 14:00<br>
+
[[Media:ITI0209_24_01_Good_UI.pdf | Loenguslaidid ]]
- Neljapäeval 18. mail 10:00 .. 13:00 <br>
 
- Reedel 19. mail vahemikus 12:00 - 15:00<br>
 
  
Palun täita vorm https://forms.gle/EFSGyjZm6qLnDYS37 kaitsmispäeva hommikul tund enne kaitsmiste algust. Selle tulemusel tekib virtuaalne järjekord mida õppejõud täidab jooksvalt ja mille linki jagatakse Teamsi kanalis. Sealt saate näha millal teiega õppejõud ühendust võtab.
+
<strong>Ülesanne 04. veebruariks</strong> Ülesandepüstituse kirjeldamine: https://moodle.taltech.ee/mod/assign/view.php?id=360121
  
=== Kontrolltöö ===
+
=== Nädal 2: Sissejuhatus disainiprotsessi ===
  
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.
+
* [[Media:ITI0209_24_02_Intro_to_Design_Process.pdf | Loenguslaidid]]<br>
 +
* [[ITI0209_24_week02_Assignment | 2. praktikum ]]
  
Kontrolltöö kirjutamiseks on kolm aega:
+
=== Nädal 3: Briif ===
  
- Teisipäeval: 23. mail kell 10:00 auditooriumis ICT-507a<br>
+
* [[Media:ITI0209_24_03_Brief.pdf | Loenguslaidid]]<br>
- Neljapäeval: 25. mail kas kell 12:00 (auditoorium täpsustamisel)<br>
+
* [[Media:ITI0209_24_03_Design_Challenge.pdf ‎ | 3. praktikum - Design Challenge]]
- Vajadusel organiseerib õppejõud ka 3. kontrolltöö kaitsmise aja 22. mail algaval nädalal.<br>
 
 
 
== Loengud ==
 
  
=== Nädal 1: Sissejuhatus: Hea kasutajaliides ===
+
=== Nädal 4: Tulemid ja persoonad ===
  
* [[Media:ITI0209_22_01_Good_UI.pdf | Loenguslaidid]]
+
* [[Media:ITI0209_24_04_Deliverables_Personas.pdf | Loenguslaidid ]]
<!--
+
* [[Media:ITI0209_24_04_Paper_Prototyping.pdf | 4. praktikum - Paberprototüüpimine ]]
* [[Praktikum 1]] Praktikumiks pange palun valmis paber ja kirjutusvahend :)
 
-->
 
  
=== Nädal 2: Kasutajaliidese käitumuslikud mustrid ===
+
=== Nädal 5: Kasutajavood ja sõrestikmudel ===
  
* [[Media:ITI0209_22_02_UI_Patterns.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_24_05_Flows_Wireframes.pdf | Loenguslaidid ]]
* [[ITI0209_23_week02_Assignment | Ülesanne 2. loenguks ]]
+
* [[Media:ITI0209_24_05_Figma_Intro.pdf | 5. praktikum - Sissejuhatus Figmasse ]]
  
=== Nädal 3: Disainiprotsess. Briif  ===
+
=== Nädal 6: Disaineri vaade ===
  
* [[Media:ITI0209_23_03_Brief.pdf | Loenguslaidid ]]
+
Täna räägib UX arendusprotsessist disaineri vaates Mihkel Ronk: https://www.linkedin.com/in/mihkelronk/
* [[ITI0209_23_week03_Assignment | 3. praktikum ]]
 
  
=== Nädal 4: Kasutaja ja kasutajavood ===
+
Teemad mida kaetakse on:
  
* [[Media:ITI0209_23_04_Personas_Flows.pdf | Loenguslaidid ]]
+
- PM-ilt requirementid/intro<br>
* [[ITI0209 kevad 2023 4. praktikum]]
+
- 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 5: Sisukaart ja sõrestikmudel ===  
+
=== Nädal 7: Kasutatavuse testimine ===
  
* Tunnikontroll Moodles: https://moodle.taltech.ee/mod/quiz/view.php?id=360123
+
* [[Media:ITI0209_24_07_Usability_Testing.pdf | Loenguslaidid ]]
* [[Media:ITI0209_23_05_Wireframe.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_24_07_Prax.pdf | 7. praktikum - Figma ]]
* [[Media:ITI0209_23_05_Prax.pdf | Praktikum ]]
 
  
=== Nädal 6: Kasutatavuse testimine ===
+
=== Nädal 8: Disainisüsteem. Tüpograafia ===
  
* [[Media:ITI0209_23_06_Usability_Testing.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_24_08_Design_Systems_01.pdf | Loenguslaidid ]]
* [[Media:ITI0209_23_06_Prax.pdf | Praktikum ]]
+
* Praktikum: Sissejuhatus Bootstrappi
  
=== Nädal 7: Disainisüsteem. Tüpograafia ===
+
=== Nädal 9: Disainisüsteemi jätk. Värvid, Layout ===
  
* [[Media:ITI0209_23_07_Design_Systems_01.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_24_09_Design_Systems_02.pdf | Loenguslaidid ]]
* Praktikum: individuaalsed konsultatsioonid
+
* [[Media:ITI0209_CSS_SASS.pdf | Praktikum: CSS eelprotsessorid ]]
  
=== Nädal 8: Disainisüsteemi jätk. Värvid. Layout ===
+
=== Nädal 10: Vormid ===
  
* [[Media:ITI0209_23_08_Design_Systems_02.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_24_10_Forms.pdf | Loenguslaidid ]]
* Praktikum: Bootstrap.
+
* [[Media:ITI0209_24_10_Prax_Forms.pdf | Juhend praktikumiks ]]
  
=== Nädal 9: Vormid ===
+
=== Nädal 11: Otsing. Filtrid ===
  
* [[Media:ITI0209_23_09_Forms.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_24_11_Search_Filters_Sort.pdf | Loenguslaidid ]]
* [[Media:ITI0209_23_09_Prax_Forms.pdf | Praktikum: Vormide parendamine ]]
+
* [[Media:ITI0209_24_11_Prax_Tailwind.pdf | Praktikum: Sissejuhatus Tailwind CSS-i ]]
  
=== Loeng 10: Otsing. Filtrid. Sorteerimine ===
+
=== Nädal 12:Sisu ===
  
* [[Media:ITI0209_23_10_Search_Filters.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_24_12_Content.pdf | Loenguslaidid ]]
* Praktkikum: [[Media:ITI0209_23_10_Prax_Sass.pdf | SASS ]]
+
* [[Media:ITI0209_24_12_Prax_Content.pdf | Harjutus praktikumiks ]]  
  
=== Loeng 11: Ligipääsetavus ===
+
=== Nädal 13:Juurdepääsetavus ===
  
* [[Media:ITI0209_23_11_Accessibility.pdf | Loenguslaidid ]]
+
* [[Media:ITI0209_24_13_Accessibility.pdf | Loenguslaidid]]<br>
* Praktkikum: individuaalsed konsultatsioonid
+
* Praktikum: Konsultatsioonid ja abi
  
=== Loeng 12: Sisu ===
+
=== Nädal 14. Sissejuhatus andmete visualiseerimisse ===
  
* [[Media:ITI0209_23_12_Content_compressed.pdf | Loenguslaidid ]]
+
[[Media:ITI0209_24_14_Visualization_Intro.pdf | Loenguslaidid]]<br>
* Praktikum: [[Media:ITI0209_23_12_Prax_Content.pdf | UX kirjutamine ]]
+
Praktikum: Sissejuhatus Echartsi
  
=== Loeng 13: Sissejuhatus andmete visualiseerimisse ===
+
=== Nädal 15. Visualiseerimise jätk ===
  
* Loenguslaidid (4.5 MB) https://drive.google.com/file/d/1FMzjNaMCouJRTCXvyoqFtiHWQ-QZNFdD/view?usp=share_link
+
TBC<br>
* Praktikum: Sissejuhatus visualiseerimisse. Echarts
+
Praktikum: Dünaamiline Echarts
  
=== Loeng 14: Visualiseerimise jätk ===
+
=== Nädal 16. Dashboard ===
  
* [[Media:ITI0209_23_14_Principles_of_Visualization.pdf | Loenguslaidid ]]
+
TBC<br>
* Praktikum: Echartsi järk
+
Praktikum: Individuaalsed konsultatsioonid.
  
=== Loeng 15: Dashboard ===
 
  
* [[Media:ITI0209_23_15_Dashboard.pdf | Loenguslaidid ]]
+
<!--
* Praktkikum: individuaalsed konsultatsioonid
 
  
=== Loeng 16: Kokkuvõte === 
 
  
* [[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:
+
Iseseisvad tööd esitatakse Gitlab'is ja link nendele lisatakse Moodles. Kursuse käigus esitatakse kolm kohustuslikku iseseisvat tööd:
  
1. [[ITI0209 kevad 2023 1. kodutöö kirjeldus | Staatiline prototüüp]], tähtaeg 21.03, hindamise tähtaeg 24.03<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 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 2024 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg reede, 26. aprill kell 17:00<br>
3. [[ITI0209 kevad 2023 3. kodutöö kirjeldus | Andmete visualiseerimine]]. Tähtaeg 15.05<br>
+
3. [[ITI0209 kevad 2024 3. kodutöö kirjeldus | Andmete visualiseerimine]], tähtaeg 15. mai<br>
  
  
144. rida: 139. rida:
 
== 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:
 +
 
 +
a. kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 45 punkti)<br>
 +
b. hinnatud kaks kaastudengi tööd (maksimaalselt 10 punkti)<br>
 +
d. aktiivne osalemine loengutes ja praktikumides, lisaülesanded (maksimaalselt 15 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>
  
 
Lisaks on võimalik saada lisapunkte loengutes ja praktikumides aktiivse osalemise eest.
 
Lisaks on võimalik saada lisapunkte loengutes ja praktikumides aktiivse osalemise eest.

Redaktsioon: 2. mai 2024, kell 10:56

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:ITI020924
Kursuse Teams'i kanal: ITI0209 Kasutajaliidesed (Kevad 2023), registreerumise kood:4d6t7s7
Koht: Loengud ja praktikumid toimuvad auditooriumis ICT-315
Aeg: Semestri jooksul igal neljapäeval: loeng kell 12:00 ja praktikum 13:45
Arhiiv: 2023 aasta kursuse lehte näed siit: Kasutajaliidesed_(ITI0209))_2023


Üldine ülevaade

Kursuse lõpetaja:

  • Oskab hinnata liidese visuaaldisaini kvaliteeti ja terviklikkust.​
  • Oskab luua ja valideerida kasutajakeskset liidest nii arvutis kui pihuseadmes.​
  • 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

Ülesanne 04. veebruariks Ülesandepüstituse kirjeldamine: https://moodle.taltech.ee/mod/assign/view.php?id=360121

Nädal 2: Sissejuhatus disainiprotsessi

Nädal 3: Briif

Nädal 4: Tulemid ja persoonad

Nädal 5: Kasutajavood ja sõrestikmudel

Nädal 6: Disaineri vaade

Täna räägib UX arendusprotsessist disaineri vaates Mihkel Ronk: https://www.linkedin.com/in/mihkelronk/

Teemad mida kaetakse on:

- PM-ilt requirementid/intro
- Basic research
- Taskihaldus (kehtib ilmselt muude taskimajandajate puhul ka, pmst lihtsalt et hea dokumenteerida asju ka disainis)
- Esmane wireframe (ja see kuidas need ei näe välja nagu wireframe’id kui kasutatakse disainisüsteemi komponente)
- Ülevaade Figma komponentide kasutamise loogikast, faili ülesehitus
- Design review’d ja jällegi dokumenteerimine (et kellelgi hiljem midagi öelda ei oleks)
- Disaini versioonid
- Disaini dokumenteerimine Figmas review ja handoffi jaoks
- Disainisüsteemi uuendamine uuest featuurist tekkinud komponentidega

Nädal 7: Kasutatavuse testimine

Nädal 8: Disainisüsteem. Tüpograafia

Nädal 9: Disainisüsteemi jätk. Värvid, Layout

Nädal 10: Vormid

Nädal 11: Otsing. Filtrid

Nädal 12:Sisu

Nädal 13:Juurdepääsetavus

Nädal 14. Sissejuhatus andmete visualiseerimisse

Loenguslaidid
Praktikum: Sissejuhatus Echartsi

Nädal 15. Visualiseerimise jätk

TBC
Praktikum: Dünaamiline Echarts

Nädal 16. Dashboard

TBC
Praktikum: Individuaalsed konsultatsioonid.


Iseseisvad tööd

Iseseisvad tööd esitatakse Gitlab'is ja link nendele lisatakse Moodles. Kursuse käigus esitatakse kolm kohustuslikku iseseisvat tööd:

1. Staatiline prototüüp, tähtaeg esmaspäev 18. märts kell 12:00
2. HTML Prototüüp, tähtaeg reede, 26. aprill kell 17:00
3. Andmete visualiseerimine, tähtaeg 15. mai


Turingu serveri kasutamine

Turingu serverisse rakenduse paigaldamine

Hinde moodustumine

Lõpphinne moodustub järgmistest pukntidest:

a. kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 45 punkti)
b. hinnatud kaks kaastudengi tööd (maksimaalselt 10 punkti)
d. aktiivne osalemine loengutes ja praktikumides, lisaülesanded (maksimaalselt 15 punkti)
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.

Lisaks on võimalik saada lisapunkte loengutes ja praktikumides aktiivse osalemise eest.

  • 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