Kasutajaliidesed võrgutehnoloogia baasil: erinevus redaktsioonide vahel

Allikas: Lambda
Mine navigeerimisribale Mine otsikasti
← Vanem muudatusUuem muudatus →
Resümee puudub
Resümee puudub
4. rida: 4. rida:
Contact: tammet@staff.ttu.ee, 6203457, TTÜ AK223<br>
Contact: tammet@staff.ttu.ee, 6203457, TTÜ AK223<br>
Course materials from  [http://cs.ttu.ee/kursused/itv0030/  two years ago] and [[itv0030_2006|last year]] are available as well.  
Course materials from  [http://cs.ttu.ee/kursused/itv0030/  two years ago] and [[itv0030_2006|last year]] are available as well.  
== <font color="red">Results</font> ==
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 ==
== Time, place, result ==
35. rida: 11. rida:
Credit points: 2.5<br>
Credit points: 2.5<br>


Lectures and seminars: every Monday at 14.00-15.30, room VI-229. Lecture, seminar, lecture, seminar, etc.<br>
Lectures and seminars: every Monday at 17.00-18.30, room VII-226. Lecture, seminar, lecture, seminar, etc.<br>
Lab: odd weeks  a 2*45 minutes, AK computer classes IT-213a:
Lab: even weeks  a 2*45 minutes, AK computer classes IT-213e:
* Mondays at 17.30-19.00
* Tuesdays at 10.00-11.30: IAPB42, IAPB43, IAPB44
* Tuesdays at 12.00-13.30
* Tuesdays at 16.00-17.30: IAPB41, IAPB47
FYI: odd weeks start at: 23 January, 6. February, 20. February, ...
FYI: even weeks start at: 5 Feb, 19 Feb etc


== Goals ==
== Goals ==
54. rida: 30. rida:
== Labs ==
== Labs ==


There will be two labs with the [[kasutajaliidesed lectures 2005 common theme]]:  
There will be two labs with the common theme:  
* '''First lab''':  building the functioning prototype/fake UI using static files for the app.
* '''First lab''':  building the functioning prototype/fake UI using static files for the app.
** Deadline: 17 March.
** Deadline: 20 March.
** You must follow the [[kasutajaliidesed lectures lab 1 requirements]]
** You must follow the lab 1 requirements (to appear soon)
* '''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.  
* '''Second lab''': actually building the app, using web services provided by the lecturer, basing the  UI on the prototype built before.  
** Deadline is <font color="red">extended to 15 May</font>.
** Deadline is mid-May.
** You must follow the [[kasutajaliidesed lectures lab 2 requirements]]
** You must follow the lab 2 requirements (to appear in mid-March)


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
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
69. rida: 45. rida:
== Lectures/seminars ==
== Lectures/seminars ==


; 1. Introductory lecture: 23. January. Introduction to the course, first half of the core XML lecture
; 1. Introductory lecture: 29. January. Introduction to the course, few specific example questions: splitting and navigation long lists.
:Materials to read:
 
; 2. Labwork seminar: 5. February. Basic UI issues. Selection/introduction of labwork. xml, html, rdf, json issues and comparisons.
 
:Obligatory materials to read:
:* [http://www.joelonsoftware.com/printerFriendly/uibook/fog0000000249.html  J. Spolsky. User Interface Design For Programmers. ]
:* [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://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]
:Recommended refreshening:
:* [http://www.w3.org/TR/xhtml1/ XHTML 1.0 standard]  
:* [http://www.w3.org/TR/xhtml1/ XHTML 1.0 standard]  


; 3. Second lecture: 12. February. CSS issues.


; 2. Labwork seminar: 30. January. Selection/introduction of labwork. Some UI aspects.
; 4. Seminar: 19. February. Basic UI components and choices. Examples from apps.


; 3. Second lecture: 6. February. Starting CSS.
; 5. Third lecture: Javascript, dom, css.


; 4. Seminar: 13. February. Basic UI components and choices. Examples from apps.
; 6. Seminar:   We'll investigate sites and demos using CSS and Javascript.
: 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
; 7. Fourth lecture: xmlhttprequest and friends.
: 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.
; 8. Seminar:  We'll investigate sites and demos using xmlhttprequest  extensively.
: 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.
; 9. Lecture: xml and xsl.
: See the materials of the first XSL lecture from http://cs.ttu.ee/kursused/itv0030/


; 8. Seminar: 13. March. Various issues, XSL.
; 10. Lecture: Second lab.
: See [[kasutajaliidesed lectures lab 2 requirements]]


; 9. Lecture: 20. March. XSL.
; 11. Seminar


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


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


; 12. Lecture. XmlHttpRequest (Ajax etc)
== <b>Initial</b>obligatory reading on UI design principles ==
: See the example code here: [[kasutajaliidesed lectures lab 2 ajax example 1]]


== Obligatory 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/printerFriendly/uibook/fog0000000249.html  J. Spolsky. User Interface Design For Programmers. ]
116. rida: 89. rida:


== Useful reading ==
== Useful reading ==
Will be extended/changed during course.


=== Browser UI design principles ===
=== Browser UI design principles ===
142. rida: 117. rida:


=== Tips, tricks and cool stuff ===
=== 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://css.maxdesign.com.au/listamatic/  perfect list-based menu/tabs/etc design examples from listamatic],

Redaktsioon: 5. veebruar 2007, kell 18:48

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 two years ago and last 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 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

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 common theme:

  • First lab: building the functioning prototype/fake UI using static files for the app.
    • Deadline: 20 March.
    • You must follow the lab 1 requirements (to appear soon)
  • Second lab: actually building the app, using web services provided by the lecturer, basing the UI on the prototype built before.
    • Deadline is mid-May.
    • You must follow the lab 2 requirements (to appear in mid-March)

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 long lists.
2. Labwork seminar
5. February. Basic UI issues. Selection/introduction of labwork. xml, html, rdf, json issues and comparisons.
Obligatory materials to read:
Recommended refreshening:
3. Second lecture
12. February. CSS issues.
4. Seminar
19. February. Basic UI components and choices. Examples from apps.
5. Third lecture
Javascript, dom, css.
6. Seminar
We'll investigate sites and demos using CSS and Javascript.
7. Fourth lecture
xmlhttprequest and friends.
8. Seminar
We'll investigate sites and demos using xmlhttprequest extensively.
9. Lecture
xml and xsl.
10. Lecture
Second lab.
See kasutajaliidesed lectures lab 2 requirements
11. Seminar
12. Lecture.
Reserve
not yet planned for

Initialobligatory reading on UI design principles

May be extended later.

Useful reading

Will be extended/changed during course.

Browser UI design principles

Core browser tech (html,css,javascript)

Tips, tricks and cool stuff

Will be extended/changed during course.

Pärit leheküljelt "http://www.lambda.ee/w/index.php?title=Kasutajaliidesed_võrgutehnoloogia_baasil&oldid=1482"