Kasutajaliidesed (2012)

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

Täiendusi

• Tulemuste arvestus

Hindest

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

• Labor 1: Kasutajaliidese prototüüpimine staatilise HTML/CSS/Javascripti abil (33p)
• Labor 2: AJAX kasutajaliidese viimistlemine HTML/CSS/Javascripti abil. (33p) Serverirakenduse praktiline juhend
• Kontrolltöö lugemismaterjalide ja loengumaterjalide peale (40p)
• Jooksvad tulemused - ma kahjuks ei tohi nimesid panna ja osade nr on puudu. CTRL+F abistab.

Tunnid

• Loeng: üldisem taust ja kasutajaliidese põhimõtted, paaritu nädala esmaspäeviti
• Harjutustund: liideste ehitamise ja kodutööde tehnilise külje harjutamine
• Praktikum: konsultatsiooniaeg koduste tööde tarvis

• CSS harjutuste näide
• jQuery JSON näide
• Harjutuse lisamise-salvestamise näide

Laborid

• Labor 1: Kasutajaliidese prototüüpimine (tähtaeg 10. ja 12. aprilli praktikum vastavalt rühmale (algsest tähtajast nädal hiljem, sest 4ndal on riigpüha eelne))
• Labor 2: Viimistletud UI prototüüp koos serverilahendusega (tähtaeg 15. mai praktikum vastavalt eelmise esitamise ajale. Esimese labori varem esitanud saavad seekord kauem viivitada ja kontroll on reedel kell 14:00 algusega)

Kontrolltöö

Kontrolltöö toimub 22. mail kell 14:00 ruumis X-209. Kontrolltöö sisuks on materjalide lugemiskontroll ning tehniliste küsimuste lahendamine. Lähemalt allpool.

Lugemiseks

• Joel Spolsky: User Interface Design for Programmers
• Tognazzini: First Principles of Interaction Design
• Managing Complexity
• CGI protokollist
• kuidas vormid koledaks lähevad ja vormide disainist
• In defence of Eye Candy
• Heuristic criteria - heuristilise ülevaatuse kriteeriumid

Tehniline

• CSS (vt http://www.w3schools.com/css/default.asp). Peab aru saama põhimõtetest ja näidetest. Konkreetsete omaduste ja atribuudite nimesid jne ei pea mäletama.
• 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