Tammet – 27. jaanuar 2008, kell 23:29

2008-01-27T23:29:44Z

Uus lehekülg

= NB! Tegu on 2007 kevadsemestri arhiiviga: need ei ole tegelikult käimasoleva kursuse materjalid! =

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 
Course materials from [http://cs.ttu.ee/kursused/itv0030/ two years ago] and [[itv0030_2006|last year]] are available as well.

Labs: Jaagup Irve 
Contact: jaagup.irve@ttu.ee, TTÜ IT-232

=== Tulemused ===

Siit leiad [[itv0030 21 ja 28 mai kontrolltöö tulemused]] . Maksimumpunktid on 60, kontrolltöö punktid on 1/3 kursuse kogupunktidest, mille järgi lõpuks arvestatakse hinne.

=== Kontrolltöö ===

21 mai: kontrolltöö, ruumis VII-226 kell 10.00

28 mai: järelkontrolltöö, ruumis VII-226 kell 10.00

Kontrolltöö sisu:

* kasutajaliideste üldpõhimõtted: lugemiskontroll paari artikli kohta. Artiklid: http://www.joelonsoftware.com/printerFriendly/uibook/fog0000000249.html, http://www.asktog.com/basics/firstPrinciples.html

* CSS: põhiteadmised. Annan CSS-i tekstijupi ette ja palun selgitust ja/või tulemuse kirjeldust. Artiklid: http://www.w3.org/MarkUp/Guide/Style.html. Näited valikust: http://www.w3schools.com/css/css_examples.asp

* Javascript koos htmli ja css muutmisega (DOM): põhiteadmised. Annan js tekstijupi ette ja palun selgitust ja/või tulemuste kirjeldust. Näited valikust: http://www.w3schools.com/dhtml/dhtml_dom_examples.asp ja http://www.w3schools.com/dhtml/dhtml_examples.asp

* XMLi süntaks. Tuvastada süntaksivigu etteantud XMLi näites. Materjalid: http://cs.ttu.ee/kursused/itv0030/loeng/xmlbaas1.PPT ja http://cs.ttu.ee/kursused/itv0030/loeng/xmlbaas2.PPT

* XSL: väikesed baasteadmised. Annan väikese programmijupi koos toor-xmlga ette ja palun vastus kirja panna: mis on tulemus. Materjalid: http://cs.ttu.ee/kursused/itv0030/loeng/xmlbaas3.PPT ja http://cs.ttu.ee/kursused/itv0030/loeng/xmlbaas4.PPT

* Üldküsimus(ed) xmlhttprequesti kohta. Artikkel: http://www-128.ibm.com/developerworks/java/library/wa-ajaxintro2/index.html

== Time, place, result ==

Semester: spring 
Grading: two labs plus one test (end of semester) 
Credit points: 2.5 

Lectures and seminars: every Monday at 17.00-18.30, room VII-226. Lecture, seminar, lecture, seminar, etc. 
Lab: even weeks a 2*45 minutes, AK computer classes IT-213e:
* Tuesdays at 10.00-11.30: IAPB42, IAPB43, IAPB44
* Tuesdays at 16.00-17.30: IAPB41, IAPB47
FYI: even weeks start at: 5 Feb, 19 Feb etc

NB! 6. veebruari praktikumides juhendamist veel - tõenäoliselt - ei toimu: esialgu on soovitav teha baas-htmli abil valmis üleslaadimis/otsivormid ja tulemuste listi näiteleht, alustada võib staatilise css-i lisamisega. Esimene css ja javascripti loeng on 12. veebruaril, peale seda algab
praktikumide juhendamine.

== 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 [[itv0030 2007 lab common theme]]:
* '''First lab''': building the functioning prototype/fake UI using static files for the app.
** Deadline: 20 March.
** You must follow the [[itv0030 2007 lab 1 requirements]]
* '''Second lab''': actually building the app, using web services provided by the lecturer and the UI prototype you built before.
** Deadline is mid-May.
** You must follow the [[itv0030 2007 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: 29. January. Introduction to the course, few specific example questions: splitting and navigation of long lists.

; 2. Labwork seminar: 5. February. Basic UI issues. Selection/introduction of labwork.

:Obligatory materials to read:
:* [http://www.joelonsoftware.com/printerFriendly/uibook/fog0000000249.html J. Spolsky. User Interface Design For Programmers. ]



; 3. Second lecture: 12. February. Starting with CSS and javascript.

; 4. Seminar: 19. February. Basic UI components and choices. Examples from apps.

; 5. Third lecture: Javascript, dom, css continues.

; 6. Seminar: We'll investigate sites and demos using CSS and Javascript.

; 7. Fourth lecture: xmlhttprequest and friends.
: vaata ajxi demo http://papermountain.org/demos/live/ ja ilma xmlhttprequestita analoogi: [[Media:Autofill_example_bus.html]]
: loe [http://www-128.ibm.com/developerworks/java/library/wa-ajaxintro2/index.html ibm-i ajaxi tutoriali]
: vaata: [[lihtne ajaxi näide]] ja [[ajaxi näite jaoks sobiv sisend-cgi]] kust datat lugeda

; 8. Seminar: We'll investigate sites and demos using xmlhttprequest extensively.

; 9. Lecture: this and the following lectures will focus on server-side, xml, xslt, json, rest etc.

== Initialobligatory reading on UI design principles ==

May be extended later.

* [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 ==

Will be extended/changed during course.

=== 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 ===

Will be extended/changed during course.

* [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]

[[Category:Kursus]]

Itv0030 2007 - Redigeerimiste ajalugu

Tammet – 27. jaanuar 2008, kell 23:29