Lehekülje Kasutajaliidesed (2013) lähteteksti vaatamine

Kursuse kood: <b>ITV0130</b><br>
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: [[Kasutajaliidesed (2012)|2012]]


__TOC__

== Korraldusest ==

Loengutes selgitame kasutajaliideste arendamise põhimõtteid. Harjutustundides näidatakse laborite tegemiseks tarvilikke tehnilisi lahendusi. Praktikumis püüame tänavu vaadelda ja lahendada konkreetseid kasutajaliideste puhul esile kerkivaid probleeme.

== Hindest ==

Aine lõppeb hindelise arvestusega. Aine hinne koosneb kolmest komponendist:
* Labor 1: [[UI Prototüüp|Kasutajaliidese prototüüpimine]] staatilise HTML/CSS/Javascripti abil  (30+3p) '''Tähtaeg: 13. märts 2013'''
* Labor 2: AJAX kasutajaliidese viimistlemine HTML/CSS/Javascripti abil. (30+3p) [[Serverirakenduse praktiline juhend]] '''Tähtaeg: 8. mai 2013'''
* Kontrolltöö lugemismaterjalide ja loengumaterjalide peale (40p)

Laborid sooritatakse paarikaupa või soovi korral individuaalselt; hindamisel peavad kohal olema mõlemad paarilised.

* [https://docs.google.com/spreadsheet/pub?key=0Ahj5HjDByo6SdFZmWlN2MzlJUElTdkNwaFludnpvdlE&single=true&gid=0&range=avalik&output=html Hinnete tabel] - probleemide puhul kirjutage!

== Praktikumid ==

# [[UI:Prototüüp|Prototüüpimine paberil]]
# [[UI:Bootstrap|Bootstrap]]
# [[UI:Kassid|Kassid]]
# [[UI:CSS elemente|CSS elemente]]
# [[UI:Transition|Transition]]
# Kaitsmised: Registreerimine on lõppenud
# [[UI:Dijkstra|Dijkstra]]<br/>''IT-maja kolis''
# [[UI:Sqlite|Sqlite]]<br/>''10 aprilll - Õppejõud Tallinnast ära, vajadusel leppida kokku kohtumine reedel''
# [[UI:CSS3 elemente|CSS3 elemente]]
# [[UI:CSS Speech|CSS Speech]]

== Videod == 

* [https://www.youtube.com/playlist?list=PLMQzXA1f24AdPMsiYydc4rcAtHN-MiC6D&feature=view_all CSSi tutvustusvideod]

== Kontrolltöö ==

Kontrolltöö toimub 13. mail loengu ajal, loengu ruumides. Kontrolltöö sisuks on alltoodud materjalide lugemiskontroll ning tehniliste küsimuste lahendamine.

''' Lugemist '''

* A List Apart: [http://alistapart.com/article/indefenseofeyecandy In Defence of Eye Candy] - miks ilus liides on "parem".
* Spolsky: [http://www.joelonsoftware.com/printerFriendly/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://www.asktog.com/basics/firstPrinciples.html 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/ UI-Patterns.com] - parempoolne menüü
* [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 (vt http://www.w3schools.com/htmldom/default.asp). 
* 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 == 
* [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.riso.ee/et/files/Kasutajakeskse_veebi_lehekylgede_disain.pdf RISO: Kasutajakeskse veebi lehekülgede disain (.pdf)]
* [http://www.riso.ee/et/files/Kasutajakeskse_veebi_lehekylgede_disain.pdf Riigi veebi koosvõime raamistik]
* [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.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.

[[Kategooria:Kasutajaliidesed]]