|
|
| (ei näidata sama kasutaja 4 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>ITI020925<br> | + | '''Kurusus Moodle keskkonnas:''' https://moodle.taltech.ee/course/view.php?id=36831, <strong>registreerumise kood:</strong>ITI020926<br> |
| | '''Kursuse Teams'i kanal:''' ITI0209 (2025) Kasutajaliidesed, <strong>registreerumise kood:</strong>e50tfje<br> | | '''Kursuse Teams'i kanal:''' ITI0209 (2025) Kasutajaliidesed, <strong>registreerumise kood:</strong>e50tfje<br> |
| − | '''Koht:''' Loengud ja praktikumid toimuvad auditooriumis '''ICT-507'''<br> | + | '''Koht:''' Loengud ja praktikumid toimuvad auditooriumis '''MEK114'''<br> |
| − | '''Aeg:''' Semestri jooksul igal teisipäeval: '''loeng kell 12:30-14:00 ja praktikum 14:15-15:45'''<br> | + | '''Aeg:''' Semestri jooksul igal teisipäeval: '''loeng kell 12:00-13:30 ja praktikum 13:45-15:15'''<br> |
| − | '''Arhiiv:''' 2024 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2024]]<br> | + | '''Arhiiv:''' 2025 aasta kursuse lehte näed siit: [[Kasutajaliidesed_(ITI0209))_2025]]<br> |
| | | | |
| | | | |
| − | == 27. mai kontrolltöö - aeg ja koht == | + | == Üldine ülevaade == |
| | | | |
| − | Kuna ICT majas toimuvad ehitustööd ja ka 5 korrusel on see piisavalt segav, siis broneerisin kontrolltööks eraldi ruumid:
| + | Kursus on suunatud 3. kursuse IAIB ja IABB õppekava tudengitele. |
| − | * Teisipäev 27. mai kell 12:30, auditoorium <strong>ICO-221 (IT Kolledz)</strong>
| |
| − | * Teisipäev 27. mai kell 14:15, auditoorium <strong>U04-103 (Peamaja)</strong>
| |
| − | | |
| − | | |
| − | == Üldine ülevaade ==
| |
| | | | |
| | Kursuse lõpetaja: | | Kursuse lõpetaja: |
| 26. rida: |
21. rida: |
| | 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 ==
| |
| − |
| |
| − | === 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.pptx | 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
| |
| − |
| |
| − | === Nädal 12: Juurdepääsetavus ===
| |
| − |
| |
| − | * [[Media:ITI0209_25_12_Accessibility.pptx | Loenguslaidid]]<br>
| |
| − | * Praktikum: Konsultatsioonid ja abi
| |
| − |
| |
| − | === Nädal 13: Sissejuhatus andmete visualiseerimisse ===
| |
| − |
| |
| − | * [[Media:ITI0209_25_13_Visualization_Intro.pdf | Loenguslaidid]]<br>
| |
| − | * Praktikum: Sissejuhatus Echartsi
| |
| − |
| |
| − | === Nädal 14. Visualiseerimise jätk ===
| |
| − |
| |
| − | * [[Media:ITI0209_25_14_Principles_of_Visualization.pdf | Loenguslaidid]]<br>
| |
| − | * Praktikum (Teamsis). Visualiseerimisest ja andmete leidmisest räägib prof. Tanel Tammet
| |
| − |
| |
| − | === Nädal 15. Dashboard ===
| |
| − |
| |
| − | [[Media:ITI0209_25_15_Dashboard.pdf | Loenguslaidid]]<br>
| |
| − | Praktikum: Jätkame andmete leidmisega. Konsultatsioonid ja abi.
| |
| − |
| |
| − | === Nädal 16. Kursuse kokkuvõte ===
| |
| − |
| |
| − | [[Media:ITI0209_25_16_Summary.pdf | Loenguslaidid]]<br>
| |
| − | Praktikum: Alustame 3. praktikumitööde kaitsmisega
| |
| − |
| |
| − |
| |
| − | <!--
| |
| − |
| |
| − | * [[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
| |
| − |
| |
| − | === 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 ==
| |
| − |
| |
| − | Sarnaselt varasemate aastatega esitatalkse kursuse käigus kolm kohustuslikku iseseisvat tööd. Iseseisvad tööd esitatakse Gitlab'is.
| |
| − |
| |
| − | 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 23:59<br>
| |
| − | 3. [[ITI0209 kevad 2025 3. kodutöö kirjeldus | Andmete visualiseerimine]], Esmaspäev 19. mai kell 20:00, esitatud tööde põhjal moodustatakse kaitsmisgraafik mida jagatakse Teamsis. Nendel kes sellel semestril kaitsevad bakalaureusetööd, on tähtajaks neljapäev 22. mai kell 20:00<br>
| |
| − |
| |
| − | === 3. iseseisva töö kaitsmine ===
| |
| − |
| |
| − | Vormi https://forms.gle/UFoCXhWLB67vLemH9 kaudu tekib virtuaalne järjekord iseseiva töö kaitsmiseks üle Teamsi. Palun täita see võimalikult kohe, aga 2 tundi enne selle päeva kaitsmiste algust. Selle tulemusel tekib kaitsmisgraafik mida õppejõud täidab jooksvalt ja mille linki jagatakse Teamsi kanalis.
| |
| − |
| |
| − | Võimalikud kaitsmisjad on:
| |
| − | * Neljapäeval 22. mail kell 14:00 - 15:30
| |
| − | * Neljapäeval 22. mail kell 16:00 - 17:30
| |
| − | * Reedel 23. mail kell 15:00 - 16:30
| |
| − | * Esmaspäeval 26. mail kell 12:00 - 13:30
| |
| − | * Esmaspäeval 26. mail kell 14:00 - 15:30
| |
| − |
| |
| − | Et leida aeg mis kõige sobivam, siis märkige siia, millised ajad teile ja teie tiimikaaslastele selles vahemikus ei sobi - kaitsmisel peaks olema kohal kogu meeskond.
| |
| − |
| |
| − | Vastuste põhjal tekib kaitsmiste ajakava. Igal väljapakutud ajal teeb õppejõud Teamsi-koosoleku, kus registreerunud saavad oma töid esitada. Iga kaitsmine võtab aega ligikaudu 10 minutit. Ülejäänud on teretulnud pealtvaatajatena.
| |
| − |
| |
| − | == Kursuse lõpetamine, kontrolltöö ==
| |
| − |
| |
| − | Kursuse viimaseks ülesandeks on kontrolltöö. Kontrolltöö toimub loengutes, praktikumides ja iseseisvate tööde käigus läbitud teemade kohta. Küsimused puudutavad ainult neid teemasid mida loengutes ja praktikumides oleme käsitlenud ja mille kohta on ka loenguslaidid.
| |
| − |
| |
| − | Orienteeruv kontrolltöö kirjutamise aeg on 1 .. 1.5 tundi.
| |
| − |
| |
| − | ==== Võimalikud põhiteemad ====
| |
| − |
| |
| − | * Kasutajaliides ja kasutatavus. Põhimõisted. Kasutajaliidese põhielendid.
| |
| − | * Kasutajaliidese arendusprotsess, rollid arendusprotsessis, üleantavad tulemid
| |
| − | * Persoonad ja kasutajavood
| |
| − | * Kasutajatestimine
| |
| − | * Disainisüsteem ja selle elemendid (värvid, tüpograafia, paigutus jne)
| |
| − | * Vormid
| |
| − | * Otsing ja filtreerimine
| |
| − | * Sisu
| |
| − | * Visualiseerimine, õige visualiseerimismeedodi valik
| |
| − |
| |
| − | Kontrolltöö tegemiseks on järgmised ajad.
| |
| − | * Teisipäev 27. mai kell 12:30, auditoorium <strong>ICO-221 (IT Kolledz)</strong>
| |
| − | * Teisipäev 27. mai kell 14:15, auditoorium <strong>U04-103 (Peamaja)</strong>
| |
| | | | |
| | === Turingu serveri kasutamine === | | === Turingu serveri kasutamine === |