Tammet – 5. veebruar 2007, kell 16:30

2007-02-05T16:30:26Z

←Vanem redaktsioon		Redaktsioon: 5. veebruar 2007, kell 18:30
4. rida:		4. rida:
	Contact: tammet@staff.ttu.ee, 6203457, TTÜ AK223<br>		Contact: tammet@staff.ttu.ee, 6203457, TTÜ AK223<br>

	<font color="red"><b>NB! This is an archive copy from 2006: this page is NOT used for 2007 or later years]]</b></font>		<font color="red"><b>NB! This is an archive copy from 2006: this page is NOT used for 2007 or later years</b></font>

	== <font color="red">Results</font> ==		== <font color="red">Results</font> ==

Tammet – 5. veebruar 2007, kell 16:30

2007-02-05T16:30:05Z

Uus lehekülg

Course code: ITV0030 
Link: http://www.lambda.ee/index.php/Kasutajaliidesed_võrgutehnoloogia_baasil or http://www.lambda.ee/index/itv0030 
Lecturer: [http://tanel.tammet.googlepages.com Tanel Tammet] 
Contact: tammet@staff.ttu.ee, 6203457, TTÜ AK223 

NB! This is an archive copy from 2006: this page is NOT used for 2007 or later years]]

== Results ==

The [[kasutajaliidesed results 2006]] are available. The points awarded have been converted to the scale 0-33 for each of three tasks (two labs and a test).

In case you have a question mark (?) in some column,
please contact T.Tammet latest at Friday, 2. June.

== Written test and lab presentations ==

Consultation:
* 15. may at 14.00 in room VI-122

Times for the test:
* 22. may (Monday) at 10.00 in room VI-122
* 29. may (Monday) at 10.00 in room VI-122

Since the deadline for the second lab is shifted to 15 May, it will be possible to show the second lab in
AK computer rooms on the following days:
* Tuesday, 2 May at 12.00-13.30
* Monday, 9 May at 12.00-13.30
* Monday, 15 May at 12.00-14.00 (before consultation)
* Tuesday, 16 May at 12.00-13.30
* Thursday, 18 May at 10.00-11.30

== 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 is extended to 15 May.
** You must follow the [[kasutajaliidesed lectures lab 2 requirements]]

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:
:* [http://www.joelonsoftware.com/printerFriendly/uibook/fog0000000249.html J. Spolsky. User Interface Design For Programmers. ]
:* [http://cs.ttu.ee/kursused/itv0030/loeng/xmlbaas1.PPT XML course lecture 1 (in Estonian, PPT)]
:* [http://www.w3schools.com/xml/default.asp XML tutorial from w3schools]
:* alternative: [http://www.zvon.org/xxl/XMLTutorial/General/book.html another XML tutorial]
:* [http://www.w3.org/TR/xhtml1/ XHTML 1.0 standard]

; 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: [http://www.webdesignfromscratch.com/current-style.cfm design], [http://demo.silverorange.com/sub.php silverorange intranet], [http://intranet.ttu.ee/ ttu intranet], [http://www.opensourcecms.com/ cms live demos: a lot!]

; 5. Third lecture: 20. February. CSS and Javascript
: some examples: [http://cs.ttu.ee/kursused/itv0030/calctabs.html splitting a form into tabs], [http://css.maxdesign.com.au/listamatic/ examples from listamatic], [[Media:autofill_example_bus.html | autofill example]]

; 6. Seminar: 27. February. We'll investigate sites and demos using CSS and Javascript.
: some examples taken from here: [http://www.cssplay.co.uk/ a large number of cool categorized pure css demos with explanations]
: we'll also check out the [http://developer.yahoo.net/yui/ Yahoo UI library]

; 7. Fourth lecture: 6. March. Starting with XSL.
: See the materials of the first XSL lecture from http://cs.ttu.ee/kursused/itv0030/

; 8. Seminar: 13. March. Various issues, XSL.

; 9. Lecture: 20. March. XSL.

; 10. Lecture: 27. March. XSL. Second lab.
: See [[kasutajaliidesed lectures lab 2 requirements]]

; 11. Seminar: 3. March. Second lab example with a standalone Java server.
: See the example at the end of [[kasutajaliidesed lectures lab 2 requirements]]

; 12. Lecture. XmlHttpRequest (Ajax etc)
: See the example code here: [[kasutajaliidesed lectures lab 2 ajax example 1]]

== Obligatory reading on UI design principles ==

* [http://www.joelonsoftware.com/printerFriendly/uibook/fog0000000249.html J. Spolsky. User Interface Design For Programmers. ]
* [http://www.joelonsoftware.com/articles/NotJustUsability.html J. Spolsky. It's Not Just Usability]
* [http://www.asktog.com/basics/firstPrinciples.html B. Tognazzini. First Principles of Interaction Design.]
* [http://cs.ttu.ee/kursused/itv0010/command.html N. Stephenson. In the beginning was the command line.]

== Useful reading ==

=== Browser UI design principles ===

* [http://www.useit.com/alertbox/9710a.html classics: style and structure of a web page text]
* [http://www.joelonsoftware.com/design/index.html Great design: draft of the new Spolsky book]
* [http://www.vipedio.com/roman/blog/20culture_full.html visual style currently in (2006)] plus [http://www.webdesignfromscratch.com/current-style.cfm a similar story]

=== Core browser tech (html,css,javascript) ===

* [http://www.w3.org/TR/html4/ HTML 4.01]
* [http://www.w3schools.com/html/default.asp HTML tutorial]
* [http://www.w3.org/MarkUp/Guide/Style.html First CSS intro]
* [http://www.w3c.org/Style/CSS/ CSS]
* [http://www.w3schools.com/css/default.asp CSS tutorial]
* [http://www.w3schools.com/js/default.asp Javascript tutorial 1]
* [http://www.w3schools.com/dhtml/default.asp Tutorial: javascript + css + html]
* [http://www.westciv.com/style_master/academy/css_tutorial/index.html Westciv CSS book]
* [http://www.westciv.com/style_master/academy/hands_on_tutorial/index.html Westciv CSS tutorial]
* [http://www.meyerweb.com/eric/css/edge/ CSS edge]
* [http://www.csszengarden.com CSS Zen garden]
* [http://www.alistapart.com/ A list apart]
* [http://www.quirksmode.org/home.shtml Differences between browsers]
* [http://www.websitetips.com/css/ a large collection of tutorials and tips]
* [http://www.htmldog.com/ htmldog: html ja css tutorials and handbooks]

=== Tips, tricks and cool stuff ===

* [http://css.maxdesign.com.au/listamatic/ perfect list-based menu/tabs/etc design examples from listamatic],
* [http://www.cssplay.co.uk/ a large number of cool categorized pure css demos with explanations]
* [http://www.evolt.org/article/comment/17/60369/index.html 10 css tricks]
* [http://www-128.ibm.com/developerworks/web/library/wa-ajaxintro3/?ca=dgr-lnxw01MasterAJAX3 mastering Ajax: see also links at the end]
* [http://developer.yahoo.net/yui/ Yahoo UI library]

Itv0030 2006 - Redigeerimiste ajalugu

Tammet – 5. veebruar 2007, kell 16:30

Tammet – 5. veebruar 2007, kell 16:30