Kasutajaliidesed võrgutehnoloogia baasil
Course code: ITV0030
Link: http://www.lambda.ee/index.php/Kasutajaliidesed_võrgutehnoloogia_baasil or http://www.lambda.ee/index/itv0030
Lecturer: Tanel Tammet
Contact: tammet@staff.ttu.ee, 6203457, TTÜ AK223
Course materials from the previous year are available as well
Time, place, result
Semester: spring
Grading: two labs plus one test (end of semester)
Credit points: 2.5
Lectures and seminars: every Monday at 14.00-15.30, room VI-229. Lecture, seminar, lecture, seminar, etc.
Lab: odd weeks a 2*45 minutes, AK computer classes IT-213a:
- Mondays at 17.30-19.00
- Tuesdays at 12.00-13.30
FYI: odd weeks start at: 23 January, 6. February, 20. February, ...
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: 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 kasutajaliidesed lectures 2005 common theme:
- First lab: building the functioning prototype/fake UI using static files for the app.
- Deadline: 17 March.
- You must follow the kasutajaliidesed lectures lab 1 requirements
- Second lab: actually building the app, using web services provided by the lecturer (i.e. xml data over http), basing the UI on the prototype built before.
- Deadline: 5 May.
- The exact requirements are not yet here.
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.
Lectures/seminars
- 1. Introductory lecture
- 23. January. Introduction to the course, first half of the core XML lecture
- Materials to read:
- 2. Labwork seminar
- 30. January. Selection/introduction of labwork. Some UI aspects.
- 3. Second lecture
- 6. February. Starting CSS.
- 4. Seminar
- 13. February. Basic UI components and choices. Examples from apps.
- some examples: design, silverorange intranet, ttu intranet
- 5. Third lecture
- 20. February. CSS and Javascript
- some examples: splitting a form into tabs, examples from listamatic, autofill example
Obligatory reading on UI design principles
- J. Spolsky. User Interface Design For Programmers.
- J. Spolsky. It's Not Just Usability
- B. Tognazzini. First Principles of Interaction Design.
- N. Stephenson. In the beginning was the command line.
Useful reading
Browser UI design principles
- classics: style and structure of a web page text
- Great design: draft of the new Spolsky book
- visual style currently in (2006) plus a similar story
Core browser tech (html,css,javascript)
- HTML 4.01
- HTML tutorial
- First CSS intro
- CSS
- CSS tutorial
- Javascript tutorial 1
- Tutorial: javascript + css + html
- Westciv CSS book
- Westciv CSS tutorial
- CSS edge
- CSS Zen garden
- A list apart
- Differences between browsers
- a large collection of tutorials and tips
- htmldog: html ja css tutorials and handbooks