Kasutajaliidesed võrgutehnoloogia baasil: erinevus redaktsioonide vahel
| 49. rida: | 49. rida: | ||
; Loeng 28 jaanuar: Sissejuhatav loeng IT-213 A: kursuse ülevaade, esimene laboratoorne töö | ; Loeng 28 jaanuar: Sissejuhatav loeng IT-213 A: kursuse ülevaade, esimene laboratoorne töö | ||
== | == Important reading == | ||
=== UI design === | |||
May be extended later. | May be extended later. | ||
* [http://www.joelonsoftware.com/printerFriendly/uibook/fog0000000249.html | Basic UI design principles: classics | ||
* [http://www.joelonsoftware.com/articles/NotJustUsability.html | |||
* [http://www.asktog.com/basics/firstPrinciples.html | * [http://www.joelonsoftware.com/design/index.html Spolsky book draft: great design]: must read! | ||
* [http:// | * [http://www.joelonsoftware.com/printerFriendly/uibook/fog0000000249.html Splosky: User Interface Design For Programmers]: must read! | ||
* [http://www.joelonsoftware.com/articles/NotJustUsability.html Spolsky: It's Not Just Usability] : must read! | |||
* [http://www.asktog.com/basics/firstPrinciples.html Tognazzini: First Principles of Interaction Design.] | |||
More concrete and practical UI design principles | |||
* [http://www.webdesignfromscratch.com/current-style.cfm#centered current web style] | |||
* [http://mittermayr.wordpress.com/2006/02/03/20-culture/ 2.0 web style from 2006] | |||
* [http://www.wpdfd.com/issues/82/jared_spool_on_design/ Jared Spool on design] | |||
* [http://www.lukew.com/resources/articles/SiteSeeingCH5.pdf personality: one chapter from a book] | |||
* [http://universalusability.com/access_by_design/index.html access by design: online book] | |||
* [http://www.usabilityinstitute.com/resources/userInYourFace/userInYourFace.htm user in your face: short online book] | |||
Web app page structure and design, whitespace, colors etc: | |||
* [http://www.lukew.com/resources/articles/visible_narratives.html understanding visual organisation] | |||
* [http://www.uxmatters.com/MT/archives/000097.php using white space] | |||
* [http://www.boxesandarrows.com/view/natural_selections_colors_found_in_nature_and_interface_design using colors] | |||
* [http://www.designmeltdown.com/ serious online book: use the content menu on the left] | |||
* [http://www.webdesignfromscratch.com/ good, short online book split into separate articles] | |||
Web app design details: pagination, forms, measures: | |||
* [http://kurafire.net/log/archive/2007/06/22/pagination-101 pagination 101] | |||
* [http://www.smashingmagazine.com/2007/11/16/pagination-gallery-examples-and-good-practices/ more pagination] | |||
* [http://www.lukew.com/resources/articles/web_forms.html form design] | |||
* [http://www.markboulton.co.uk/journal/comments/simple_steps_to_designing_grids/ grid system] | |||
Resource collections for finding more: | |||
http://www.alistapart.com/ best universal resource collection | |||
http://www.wpdfd.com/resources/ web page design resources | |||
== UI implementation: browser == | |||
== UI implementation: server-centric == | |||
<!-- | <!-- | ||
== | == Other useful reading == | ||
Will be extended/changed during course. | Will be extended/changed during course. | ||
Redaktsioon: 28. jaanuar 2008, kell 03:22
Kursuse kood: ITV0030
Link: http://www.lambda.ee/index.php/Kasutajaliidesed_võrgutehnoloogia_baasil or http://www.lambda.ee/index/itv0030
Õppejõud: Tanel Tammet
Kontakt: tammet@staff.ttu.ee, 6203457, TTÜ AK223
Varasemate aastate arhiiv: 2007, 2006, 2005.
Koht, aeg, tulemus
Semester: kevad
Nõuded: kaks laboratoorset tööd ja kontrolltöö kursuse lõpus
Punkte: 2.5
Loeng: paaritute nädalate kolmapäevadel kell 12.00-13.30 ruumis VII-131 (uus korpus). Esimene paaritu nädal algab 28. jaanuaril.
Harjutus: paarisnädalate esmaspäevadel kell 12.00-13.30 ruumis IT 213-A (AK arvutiklassid).
Praktikum: paaritute nädalate esmaspäevadel kell 12.00-13.30 ruumis IT 213-A (AK arvutiklassid).
Goals
The goal of the course is studying/practicing ideas, methods and technology for building UI-s for web-based apps. We will focus on applications handling data, not marketing/information pages. Creating the actual app, database schema, security and authentication solutions etc etc are not in the scope of the course.
The three themes of the course (with roughly equal importance) are:
- Nontechnical aspects of the UI design: usability, etc
- Browser technologies: html, css, javascript
- Server technologies: json, xml, xslt
We assume familiarity with html and basic server-side functionality: i.e. competence to create simple web apps.
Labs
There will be two labs with the common theme, yet to be decided]:
- First lab: building the functioning prototype/fake UI using static files for the app.
- Deadline: mid-March.
- Second lab: actually building the app, using web services provided by the lecturer and the UI prototype you built before.
- Deadline is mid-May.
Labwork may be done alone or in pairs. Groups of three, etc are not allowed. Each lab will be graded, and the grade will be worth 1/3 of the final grade. In order to succeed at the course, both labs plus the final test must be presented/passed. Lab presentations after the deadline will be worth 1/2 of the grade it would receive otherwise. All lab results must be presented on site during regular lab hours, both authors must be present. Email submissions are not accepted.
Loengud/harjutused
- Loeng 28 jaanuar
- Sissejuhatav loeng IT-213 A: kursuse ülevaade, esimene laboratoorne töö
Important reading
UI design
May be extended later.
Basic UI design principles: classics
- Spolsky book draft: great design: must read!
- Splosky: User Interface Design For Programmers: must read!
- Spolsky: It's Not Just Usability : must read!
- Tognazzini: First Principles of Interaction Design.
More concrete and practical UI design principles
- current web style
- 2.0 web style from 2006
- Jared Spool on design
- personality: one chapter from a book
- access by design: online book
- user in your face: short online book
Web app page structure and design, whitespace, colors etc:
- understanding visual organisation
- using white space
- using colors
- serious online book: use the content menu on the left
- good, short online book split into separate articles
Web app design details: pagination, forms, measures:
Resource collections for finding more:
http://www.alistapart.com/ best universal resource collection http://www.wpdfd.com/resources/ web page design resources