Kasutajaliidesed (2013)

Kursuse kood: ITV0130
Link: http://www.lambda.ee/index.php/Kasutajaliidesed or http://www.lambda.ee/index/itv0130
Õppejõud: Jaagup Irve
Kontakt: jaagup.irve@ttu.ee, TTÜ ruum ICT-425
Kursus varasematel aastatel: 2012

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.

13. mai 2013 - kontrolltöö.

Hindest

Aine lõppeb hindelise arvestusega. Aine hinne koosneb kolmest komponendist:

• Labor 1: 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.

• Hinnete tabel - probleemide puhul kirjutage!

Praktikumid

1. Prototüüpimine paberil
2. Bootstrap
3. Kassid
4. CSS elemente
5. Transition
6. Kaitsmised: Registreerimine on lõppenud
7. Dijkstra
   IT-maja kolis
8. Sqlite
   10 aprilll - Õppejõud Tallinnast ära, vajadusel leppida kokku kohtumine reedel
9. CSS3 elemente

Tehnilist

• CSSi tutvustusvideod

Lugemist

• A List Apart: In Defence of Eye Candy - miks ilus liides on "parem".
• Spolsky: User Interface Design For Programmers - kontrollitundest, kasutajamudelist ja päris inimestest
• Brandon Walkin: Managing UI complexity - sellest kuidas asju kasutaja eest ära peita
• Ask Tog: First Principles of User Interaction Design - tee liides valmis ja loe see uuesti läbi
• Nielsen: 10 heuristilist kriteeriumit - liidese testimiseks
• UI-Patterns.com - parempoolne menüü

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.

Viiteid

• Redesigning Google: How Larry Page Engineered Beautiful Revolution - kuidas Google ennast hiljuti ümber ehitas
• Amazoni alam-menüü nipp
• Firefox developer tools - lahedusi Mozillalt
• RISO: Kasutajakeskse veebi lehekülgede disain (.pdf)
• Riigi veebi koosvõime raamistik
• Windows User Experience Interaction guidelines - Win7
• UX Guidelines for Windows Store apps - Win 8
• iOS Human Interface Guidelines
• GNOME Human Interface Guidelines