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

Allikas: Kursused
Mine navigeerimisribale Mine otsikasti
 
(ei näidata sama kasutaja 260 vahepealset redaktsiooni)
1. rida: 1. rida:
2020 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2020]]<br>
+
{{UI}}'''Kursuse kood:''' ITI0209<br>
 +
'''Link:''' https://courses.cs.ttu.ee/pages/Kasutajaliidesed_(ITV0209)<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>
 +
'''Kursuse Teams'i kanal:''' ITI0209 Kasutajaliidesed (Kevad 2023), <strong>registreerumise kood:</strong>4d6t7s7<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>
 +
'''Arhiiv:''' 2023 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2023]]<br>
 +
 
  
{{UI}}Kursuse kood: <b>ITV0209</b><br>
 
'''Link''': https://courses.cs.ttu.ee/pages/Kasutajaliidesed_(ITV0209)<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>
 
'''Kursuse Teams'i kanal:''' ITI0209 Kasutajaliidesed (Kevad 2021), registreerumise võti <strong>
 
kvmyo5a</strong><br>
 
  
 
== Üldine ülevaade ==
 
== Üldine ülevaade ==
  
Semestri jooksul toimub töö 1 .. 2 liikmelistes 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 liidest nii arvutis kui pihuseadmes.
 +
* 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 :)
  
Individuaalsed konsultatsioonid toimuvad Teamsis neljapäeviti vahemikus 14:00 .. 15:30. Selleks et paremini konsultatsiooniaega planeerida kirjuta õppejõule otsesõnumiga hiljemalt kolmapäeval kell 18:00.
 
  
== Iseseisvad tööd ==
+
== 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.
 +
 
 +
Kontrolltöö tegemiseks on järgmised ajad.
 +
* Neljapäev 30. mai kell 12:00, auditoorium ICT-315
 +
* Reede 31. mai kell 12:00, auditoorium ICT-315
 +
 
 +
 
 +
Kui need ajad ei sobi, kirjutage Teamsis õppejõule.
  
* [[ITI0209 kevad 2021 1. kodutöö kirjeldus | 1. kodutöö - Staatiline prototüüp]], tähtaeg 23. märts. Palun lisage enda 1. praktikumitöö Gitlabi URL Moodlesse: https://moodle.taltech.ee/mod/assign/view.php?id=368960. Kaastudengile tagasiside esitamise tähtaeg on pühapäeval, 28. märtsil ja selle saate Moodle-sse laadida siit: https://moodle.taltech.ee/mod/assign/view.php?id=369840
 
* [[UI:Kodutöö_2 | 2 kodutöö: HTML prototüüp]], tähtaeg on 22.04 18:00. Palun lisa Gitlabi repo URL ja viide rakendusele Turingu keskkonnas selle Moodle ülesande kaudu: https://moodle.taltech.ee/mod/assign/view.php?id=376904 Kaastudengile tagasiside esitamise tähtaeg on laupäeval 01.05 kell 19.00 ja selle Moodle link on siin: https://moodle.taltech.ee/mod/assign/view.php?id=376904
 
* [[ITI0209 kevad 2021 3. kodutöö kirjeldus | 3 kodutöö: Andmete visualiseerimine]], tähtaeg 11.05. 3 iseeisva töö põhi-hindamine toimub Teamsi-kõne vormis teisipäeval 18. mail vahemikus 10:00 .. 13:30. Vorm mille alusel moodustub graafik on siin: https://forms.gle/3dHzQ5goZEphCwH46, palun see täita enne praktikumiaja algust. Jooksev graafik kaitsmiseks on näha siin: https://docs.google.com/document/d/1Q5VepSM27dXL_rkrVqjVV2wKD0KQLi0DP9TatVbiYyk/edit#
 
  
Iseseisvad tööd koos kaastudengi tööde hindamisega (3. töö hindab õppejõud 1) annavad kokku 60 punkti.  
+
<!--
 +
* 20..24 mai nädalal toimub 3. iseseisva töö kaitsmine (veebis/kohapeal), täpsed ajad ja graafik selguvad Google vormist mis tuleb siia peale tööde esitamist. Töö ise saate esitada siin: https://moodle.taltech.ee/mod/assign/view.php?id=381087
  
 +
Võimalikud <strong>3 töö kaitsmise ajad</strong> on:<br>
 +
- kolmapäeval 22. mail algusega vahemikus 16:00 .. 18:00 (Teamsis)<br>
 +
- neljapäeval 23. mail algusega 12:00 auditooriumis ICT-315 (kohapeal). Kui teie aeg on ajakavas kirjas, siis tulge õigeks ajaks kohale - tervet kaitsmisperioodi kohal olema ei pea.<br>
 +
- reedel 24. mail vahemikus 14:00 - 16:00 (Teamsis).<br>
  
Lisaks toimub 25. mail kell 10:00 - s.t loenguajal 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.
+
Kaitsmisaja valikuks täitke ära Google vorm: https://forms.gle/scguLJgbXPm9avje9. Seal on ka link kaitsmisgraafikule mis hakkab jooksvalt uuenema.
  
Vajadusel organiseerib õppejõud täiendavad kontrolltöö ajad.
+
* Nädal peale seda ehk vahemikus 27..31 mai toimub kontrolltöö. Kontrolltöö tegemiseks on mitu võimalikku aega, ja sobivad ajad selgitab õppejõud 3. iseseisva töö kaitsmise käigus.<br>
 +
-->
  
 
== Loengud ==
 
== Loengud ==
  
=== Loeng 1: Hea kasutajaliidese heuristikad ===
+
=== Nädal 1: Sissejuhatus: Hea kasutajaliides ===
 +
 
 +
[[Media:ITI0209_24_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: Sissejuhatus disainiprotsessi ===
 +
 
 +
* [[Media:ITI0209_24_02_Intro_to_Design_Process.pdf | Loenguslaidid]]<br>
 +
* [[ITI0209_24_week02_Assignment | 2. praktikum ]]
  
* [[Media:ITI0209_01_Kasutajaliidese_Mustrid_Heuristikad.pdf | Loenguslaidid]]
+
=== Nädal 3: Briif ===
* [[ITI0209_2021 1. loengu ülesanne]]
 
  
=== Loeng 2: Kasutajaliidese arendusprotsess ===
+
* [[Media:ITI0209_24_03_Brief.pdf | Loenguslaidid]]<br>
 +
* [[Media:ITI0209_24_03_Design_Challenge.pdf ‎ | 3. praktikum - Design Challenge]]
  
* [[ITI0209_2021 2. loengu ülesanne]]
+
=== Nädal 4: Tulemid ja persoonad ===
* [[Media:ITI0209_02_Briif.pdf | Loenguslaidid]]
 
  
=== Loeng 3: Kasutaja ja kasutajavood ===
+
* [[Media:ITI0209_24_04_Deliverables_Personas.pdf | Loenguslaidid ]]
 +
* [[Media:ITI0209_24_04_Paper_Prototyping.pdf | 4. praktikum - Paberprototüüpimine ]]
  
* [[Media:ITI0209_03_Personas_Flows.pdf | Loenguslaidid]]
+
=== Nädal 5: Kasutajavood ja sõrestikmudel ===
* [[Media:ITI0209_Praktikum_03.pdf | Praktikumiharjutuse kirjeldus]]
 
  
=== Loeng 4: Sisukaart ja sõrestikmudel ===
+
* [[Media:ITI0209_24_05_Flows_Wireframes.pdf | Loenguslaidid ]]
 +
* [[Media:ITI0209_24_05_Figma_Intro.pdf | 5. praktikum - Sissejuhatus Figmasse ]]
  
* [[Media:ITI0209_04_Sitemap_Wireframes.pdf | Loenguslaidid]]
+
=== Nädal 6: Disaineri vaade ===
* [[Media:ITI0209_Praktikum_04.pdf | Praktikumiharjutuse kirjeldus]]
 
  
=== Loeng 5: Kasutatavuse testimine ===
+
Täna räägib UX arendusprotsessist disaineri vaates Mihkel Ronk: https://www.linkedin.com/in/mihkelronk/
  
* [[Media:ITI0209_05_Usability_Testing.pdf | Loenguslaidid]]
+
Teemad mida kaetakse on:
* Praktikum - individuaalsed konsultatsioonid
 
  
=== Loeng 6: Disainisüsteem ===
+
- PM-ilt requirementid/intro<br>
 +
- 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
  
* [[Media:ITI0209_06_Design_Systems.pdf | Loenguslaidid]]
+
=== Nädal 7: Kasutatavuse testimine ===
* Praktikum - Bootstrapi tutvustus
 
  
=== Loeng 7: Vormid ===
+
* [[Media:ITI0209_24_07_Usability_Testing.pdf | Loenguslaidid ]]
 +
* [[Media:ITI0209_24_07_Prax.pdf | 7. praktikum - Figma ]]
  
* [[Media:ITI0209_07_Forms.pdf | Loenguslaidid]]
+
=== Nädal 8: Disainisüsteem. Tüpograafia ===
* Praktikum - SASS'i tutvustus
+
 
 +
* [[Media:ITI0209_24_08_Design_Systems_01.pdf | Loenguslaidid ]]
 +
* Praktikum: Sissejuhatus Bootstrappi
 +
 
 +
=== 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
 +
 
 +
=== Nädal 16. Dashboard ===
 +
 
 +
[[Media:ITI0209_24_16_01_Dashboard.html.pdf | Loenguslaidid]]<br>
 +
Praktikum: Individuaalsed konsultatsioonid.
 +
 
 +
 
 +
<!--
 +
 
 +
 
 +
 
 +
Nädal 15. Visualiseerimise jätk
 +
Nädal 16. 3. töö kaitsmine
 +
 
 +
-->
 +
 
 +
== Iseseisvad tööd ==
  
=== Loeng 8: Otsing, Filtrid ===
+
Iseseisvad tööd esitatakse Gitlab'is ja link nendele lisatakse Moodles. Kursuse käigus esitatakse kolm kohustuslikku iseseisvat tööd:
  
* [[Media:ITI0209_08_Search_Filters_Sort.pdf | Loenguslaidid ]]
+
1. [[ITI0209 kevad 2024 1. kodutöö kirjeldus | Staatiline prototüüp]], tähtaeg esmaspäev 18. märts kell 12:00<br>
* [[Media:Praktikum_08_Vormid.pdf | Prakikum: Vormid ]]
+
2. [[ITI0209 kevad 2024 2. kodutöö kirjeldus | HTML Prototüüp]], tähtaeg reede, 26. aprill kell 17:00<br>
 +
3. [[ITI0209 kevad 2024 3. kodutöö kirjeldus | Andmete visualiseerimine]], tähtaeg 20. mai<br>
  
=== Loeng 9: Juurdepääsetavus ===
 
  
* [[Media:ITI0209_09_Accessibility.pdf | Loenguslaidid]]
+
=== Turingu serveri kasutamine ===
* Praktikum - Küsimused ja vastused
 
  
=== Loeng 10: Sisu ===
+
[[Turingu serverisse rakenduse paigaldamine]]
  
* [[Media:ITI0209_10_Content.pdf | Loenguslaidid]]
+
== Hinde moodustumine ==
  
=== Loeng 11: Sissejuhatus andmete visualiseerimisse ===
+
Lõpphinne moodustub järgmistest pukntidest:
  
* [[Media:ITI0209_11_Visualization.pdf | Loenguslaidid ]]
+
a. kaitstud kõik kohustuslikud iseseisvad tööd (maksimaalselt 15 + 15 + 20 punkti)<br>
* [[Media:ITI0209_practice_week_11.pdf | Praktikum - Echarts ]]
+
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 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 ja keelemudelite kasutamine.<br>
  
=== Loeng 12: Visualiseerimise järk. Dashboard ===
+
Lisaks on võimalik saada lisapunkte loengutes ja praktikumides aktiivse osalemise eest.
  
* [[Media:ITI0209_12_Visuzalizations_Dashboard.pdf | Loenguslaidid ]]
+
*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

Viimane redaktsioon: 31. mai 2024, kell 08:24

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 :)


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.

Kontrolltöö tegemiseks on järgmised ajad.

  • Neljapäev 30. mai kell 12:00, auditoorium ICT-315
  • Reede 31. mai kell 12:00, auditoorium ICT-315


Kui need ajad ei sobi, kirjutage Teamsis õppejõule.


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

Loenguslaidid
Praktikum: Dünaamiline Echarts

Nädal 16. Dashboard

Loenguslaidid
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 20. 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 15 + 15 + 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 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 ja keelemudelite 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