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Ü AK222
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.

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
• 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

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

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