Kasutajaliidesed (2013): erinevus redaktsioonide vahel
Mine navigeerimisribale
Mine otsikasti
Resümee puudub |
|||
| 38. rida: | 38. rida: | ||
# [[UI:CSS Speech|CSS Speech]] | # [[UI:CSS Speech|CSS Speech]] | ||
== | == Videod == | ||
* [https://www.youtube.com/playlist?list=PLMQzXA1f24AdPMsiYydc4rcAtHN-MiC6D&feature=view_all CSSi tutvustusvideod] | * [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". | * A List Apart: [http://alistapart.com/article/indefenseofeyecandy In Defence of Eye Candy] - miks ilus liides on "parem". | ||
| 53. rida: | 57. rida: | ||
* [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] | * [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. | * 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. | ||
Redaktsioon: 6. mai 2013, kell 14:25
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
- Prototüüpimine paberil
- Bootstrap
- Kassid
- CSS elemente
- Transition
- Kaitsmised: Registreerimine on lõppenud
- Dijkstra
IT-maja kolis - Sqlite
10 aprilll - Õppejõud Tallinnast ära, vajadusel leppida kokku kohtumine reedel - CSS3 elemente
- CSS Speech
Videod
Kontrolltöö
Kontrolltöö toimub 13. mail loengu ajal, loengu ruumides. Kontrolltöö sisuks on alltoodud materjalide lugemiskontroll ning tehniliste küsimuste lahendamine.
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üü
- Spolsky: The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!)
- kuidas vormid koledaks lähevad ja 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.
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