|
|
| (ei näidata sama kasutaja 5 vahepealset redaktsiooni) |
| 1. rida: |
1. rida: |
| [[Pilt:Disain vs ux.jpg|right]]Kursuse kood: <b>ITV0130</b><br>
| | [https://courses.cs.ttu.ee/pages/ITV0130 Lehekülg kolis] |
| Link: http://www.lambda.ee/index.php/Kasutajaliidesed or http://www.lambda.ee/index/itv0130<br>
| |
| Õppejõud: Jaagup Irve<br>
| |
| Kontakt: jaagup.irve@ttu.ee, TTÜ ruum ICT-425<br>
| |
| Kursus varasematel aastatel: [http://lambda.ee/w/index.php?title=Kasutajaliidesed&oldid=13571 2016] [http://lambda.ee/w/index.php?title=Kasutajaliidesed&oldid=12421 2015] [http://lambda.ee/w/index.php?title=Kasutajaliidesed&oldid=11832 2014] [[Kasutajaliidesed (2013)|2013]] [[Kasutajaliidesed (2012)|2012]]
| |
| | |
| __TOC__
| |
| | |
| == Tulemused ==
| |
| | |
| Olen harjunud kolmenädalase sessitsükli ja umbes kolmandiku jagu vähemate tudengitega, seega jäid te hinded hiljemaks, kui dekanaadile või lõpetajatele meeldiks. Seega teretulemast loodetavasti interaktiivselt jälgima, kuidas mul läheb.
| |
| | |
| * KT parandamine (100%)
| |
| * Prakside inventuur (98,99%)
| |
| * Avaldatud hinded (100%) - [https://docs.google.com/spreadsheets/d/1o1ekepkX9m-lY_0asKycxCnUYSYaUxFsRm7k7zKFcx4/pubhtml?gid=1412925425&single=true Esialgsed tulemused]
| |
| * ÕIS (98,99%) - kinnitamata, juhuks kui on vigu vms
| |
| | |
| == Korraldusest ==
| |
| | |
| Loengutes selgitame kasutajaliideste arendamise põhimõtteid. Harjutustundide eesmärk on tutvustada laborite tegemiseks tarvilikke tehnilisi lahendusi. Praktikumis lahendame iga nädal mõnd konkreetset liidese ehitamisel ettetulevat probleemi (kui pole kodutööde esitamise nädal, sest siis tegeleme ainult sellega)
| |
| | |
| Aasta 2017 puhul võib esineda mõningane kõrvalekalle etteantud projektist, sest õppejõul on üks kinnisidee tekkinud ja teie olete selle katsejänesed. Sellest esimeses loengus.
| |
| | |
| *[https://bitbucket.org/XonX/android-demo Juri Kazjulja loengu repo]
| |
| | |
| == Kontrolltööst ==
| |
| | |
| Kontrolltööd on võimalik teha 17. ja 24. mail. Oluline on '''registreerida''' [https://ois.ttu.ee/ õppeinfosüsteemis].
| |
| | |
| * 17. mail 10:00 kontrolltöö ruumis '''U06A-229'''
| |
| * 24. mail 10:00 kontrolltöö ruumis '''U02-102'''
| |
| | |
| Varasemate aastate kontrolltöö hinde võib paluda otse üle kanda. Kontrolltööle võtke ruumi kaasa ainult paber-pliiats ja dokument. Kõhurääkijate ja mobiilinokkijate tööd võtan ära ja ei hinda. Tööd saab teha üks kord (topelt-käimisel teist tööd ei hinda).
| |
| | |
| == Hindest ==
| |
| | |
| Aine lõppeb hindelise arvestusega. Aine hinne koosneb kolmest komponendist:
| |
| * Liidese projektid: Meeskonnad ehitavad hindelised liidesed (60p)
| |
| ** [[Projekt 1: Politsei e-avaldus]]
| |
| ** [[Projekt 2: Preemia]]
| |
| ** [[Projekt 3: Typonaut]]
| |
| * Kontrolltöö lugemismaterjalide ja loengumaterjalide peale (40p)
| |
| | |
| Projektide grupid loosime ja vahetame gruppe iga projekti puhul.
| |
| | |
| == Praktikumid ==
| |
| | |
| * [[UI:Prototüüp|Prototüüpimine paberil]]
| |
| * [[UI:Bootstrap|Veebilehtede põhjad]]
| |
| * [[UI:Frustratsioon|Frustratsiooniliides]]
| |
| * [[UI:Nurgelised Kassid|Nurgelised kassid]]
| |
| * [[UI:SASS|Süntaktiliselt äge CSS]]
| |
| * [[UI:Nurgelised_Koerad|Nurgelised koerad]]
| |
| * [[UI:Animatsioonid]]
| |
| * [[UI:Django (Sissejuhatus)|Django Sissejuhatus]]
| |
| * [[UI:Django (Edasijuhatus)|Django Edasijuhatus]]
| |
| * [[UI:Kasutajatestid|Kasutajatestid]]
| |
| | |
| == Videod ==
| |
| | |
| * [https://www.youtube.com/playlist?list=PLMQzXA1f24AdPMsiYydc4rcAtHN-MiC6D&feature=view_all CSSi tutvustusvideod]
| |
| | |
| == Kontrolltöö ==
| |
| | |
| Kontrolltöö toimub viimase loengu ajal, loengu ruumides. Kontrolltöö sisuks on alltoodud materjalide lugemiskontroll ning HTML/javascripti tehniliste küsimuste lahendamine paberil.
| |
| | |
| ''' Lugemist '''
| |
| | |
| * A List Apart: [http://alistapart.com/article/indefenseofeyecandy In Defence of Eye Candy] - miks ilus liides on "parem".
| |
| * Spolsky: [http://www.joelonsoftware.com/uibook/fog0000000249.html User Interface Design For Programmers] - kontrollitundest, kasutajamudelist ja päris inimestest
| |
| * Brandon Walkin: [http://www.brandonwalkin.com/blog/2009/08/10/managing-ui-complexity/ Managing UI complexity] - sellest kuidas asju kasutaja eest ära peita
| |
| * Ask Tog: [http://asktog.com/atc/principles-of-interaction-design/ First Principles of User Interaction Design] - tee liides valmis ja loe see uuesti läbi
| |
| * Nielsen: [http://www.nngroup.com/articles/ten-usability-heuristics/ 10 heuristilist kriteeriumit] - liidese testimiseks
| |
| * [http://ui-patterns.com/patterns UI-Patterns.com] - input, navigation, data
| |
| * [http://www.joelonsoftware.com/articles/Unicode.html Spolsky: The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!)]
| |
| * [http://friedcellcollective.net/outbreak/2007/12/13/messing-up-the-interface/ kuidas vormid koledaks lähevad] ja [http://www.lukew.com/ff/entry.asp?1502 vormide disainist]
| |
| | |
| ''' Tehniline '''
| |
| | |
| * CSS (vt http://www.w3schools.com/css/default.asp). Peab aru saama põhimõtetest ja näidetest. Konkreetsete omaduste ja atribuudite nimesid ise välja ei pea mõtlema.
| |
| * Javascript (vt http://www.w3schools.com/js/default.asp). Peab aru saama väikestest näidetest a la js inclusion, vormist teksti kättesaamine ja muutmine, domi kättesaamine ja muutmine. Ei pea oskama erinevaid teeke.
| |
| * Json/ajax (vt http://www.w3schools.com/ajax/default.asp). Peab oskama kirjutada väikese JSONi kasutava ajaxi näite. Väike progeülesanne.
| |
| * HTML DOM põhipunktid
| |
| * Cookied ja sessioonid (vt http://en.wikipedia.org/wiki/HTTP_cookie, http://www.quirksmode.org/js/cookies.html). Peab aru saama cookie põhimõtetest server-side ja aru saama javascripti näidetest cookiede kasutamise kohta. Programmeerimisülesannet selle kohta ei tule.
| |
| * Cgi protokoll (vt http://www.jmarshall.com/easy/cgi/). Peab aru saama, kuidas vormisisusid postitaktakse, mis vahe on GET ja POST protokollil.
| |
| | |
| == Niisama huvitavat lugemist ==
| |
| * [https://www.codeschool.com/courses/shaping-up-with-angular-js Shaping up with angular] - imeline angulari veebikoolitus (aga spämmib teid pärast rohkelt äraütlemisvõimalusega)
| |
| * [http://www.theverge.com/2013/1/24/3904134/google-redesign-how-larry-page-engineered-beautiful-revolution Redesigning Google: How Larry Page Engineered Beautiful Revolution] - kuidas Google ennast hiljuti ümber ehitas
| |
| * [http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown Amazoni alam-menüü nipp]
| |
| * [http://paulrouget.com/e/devtoolsnext/ Firefox developer tools] - lahedusi Mozillalt
| |
| * [http://www.trinidad.ee/public/materjalid/Kasutajakeskse_veebi_lehekylgede_disain.pdf RISO: Kasutajakeskse veebi lehekülgede disain (.pdf)]
| |
| * [http://msdn.microsoft.com/en-us/library/windows/desktop/aa511258.aspx Windows User Experience Interaction guidelines] - Win7
| |
| * [http://msdn.microsoft.com/en-us/library/windows/apps/hh465424.aspx UX Guidelines for Windows Store apps] - Win 8
| |
| * [http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html iOS Human Interface Guidelines]
| |
| * [https://developer.android.com/design/index.html Android UI Design]
| |
| * [https://developer.gnome.org/hig-book/stable/ GNOME Human Interface Guidelines]
| |
| * [https://medium.com/product-design/5ccef7b3e1fc Kuidas iOS lapikumaks muutub aja jooksul]
| |
| * [http://www.behance.net/rogeroddone Google Visual Asset Guidelines] - Google'i ikonograafia loomisest
| |
| * [http://www.theverge.com/2013/8/29/4640308/dark-patterns-inside-the-interfaces-designed-to-trick-you Dark Patterns] - salakavalatest kasutajaliidese mustritest.
| |
| * [https://medium.com/@zmh/bye-google-maps-ea3ea10f84dc CityMapper vs Google Maps] - UX võrdlus
| |
| * [http://www.allenpike.com/2014/schrodingers-shift-key/ iOS 8 ja shift]
| |
| * [https://xss-game.appspot.com/ Cross-Site Scripting] - tore mäng turvaprobleemidest kasutajaliidese ehitamisel
| |
| * [http://eev.ee/blog/2012/04/09/php-a-fractal-of-bad-design/ Vihakõne PHP suunal] - väga must huumor
| |
| * [http://blog.martindoms.com/2011/01/24/poor-ui-design-can-kill/ Kuidas lennuk valesti disainiti ja inimesed katki läksid sellest]
| |
| * [http://www.fastcodesign.com/3053406/how-apple-is-giving-design-a-bad-name How Apple Is Giving Design A Bad Name] - kuidas Apple oma liideste disainiga veidi rappa on jõudnud
| |
| * [https://www.npmjs.com/package/jade Jade - miinimumsüntaksiga HTML]
| |
| * [http://sass-lang.com/guide Sass - miinimumsüntaksiga CSS]
| |
| | |
| [[Kategooria:Kasutajaliidesed]]
| |