Itv0030 2008

Allikas: Lambda

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



Laborid: Jaagup Irve
Kontakt: jaagup.irve@ttu.ee, TTÜ IT-232

NB! Tegemist on 2008 kevadsemestri arhiiviga, mitte hetkel kehtivate materjalidega!

Varasemate aastate arhiiv: 2007, 2006, 2005.

Koht, aeg, tulemus

Semester: kevad
Tulemus: hindeline arvestus
Nõuded: kaks laboratoorset tööd ja kontrolltöö kursuse lõpus
Punkte: 2.5


Igal esmaspäeval toimub ruumis IT-213 harjutus või praktikum. Igal teisel (paaritu nädala) kolmapäeval toimub ruumis VII-131 loeng. Teisisõnu:

Loeng: paaritute nädalate kolmapäevadel kell 12.00-13.30 ruumis VII-131 (uus korpus). Esimene paaritu nädal algab 28. jaanuaril.
Harjutus: paaritute nädalate esmaspäevadel kell 12.00-13.30 ruumis IT 213-A (AK arvutiklassid).
Praktikum: paarisnädalate esmaspäevadel kell 12.00-13.30 ruumis IT 213-A (AK arvutiklassid).

Siin nüüd ITV0030 tulemused 2008 kevad.

Kontrolltöö

Kontrolltöö (kaks varianti):

  • 27 mai kell 9-12 ruumis I-202 (aula taga)
  • 3 juuni kell 9-12 ruumis I-202 (aula taga)

Lõpphindes läheb arvesse nii töö praktikumis (2/3 punktidest) kui kontrolltöö (1/3 punktidest). Positiivse tulemuse jaoks on kontrolltööst vaja saada vähemalt 1/3 punktidest.


Kontrolltöö sisu punktide kaupa:

  • kasutajaliideste üldpõhimõtted 1: lugemiskontroll paari artikli kohta. Artiklid:


  • kasutajaliideste üldpõhimõtted 2: lugemiskontroll paari artikli kohta. Artiklid:
  • Javascript koos htmli ja css muutmisega (DOM): ülesanne. Palun teha väike näide a la tabidega lehe tegemise kohta (div-de muutmine linkidele või nuppudele vajutamise korral).

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. Think catalogues, blogs, cms, reservation, e-commerce, financial apps, mashups etc. 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: usability, structure, visual design.
  • Browser technologies: html, css, javascript, dom. Ajax.
  • Server-focused technologies: json, xml, xslt. REST, content aggregation and mashups.


We assume familiarity with html and basic server-side functionality: i.e. competence to create simple web apps.

Labs

Kursusel on kaks kohustuslikku laboratoorset tööd. Töö teemaks tuleb valida üks kahest:

Mõlemad laboratoorsed tööd realiseerivad siis seda ühte valitud teemat: esimene töö ehitab dummy-ui ilma tegeliku serveripoolse rakenduse ja andmebaasita, teine lisab serveripoolse rakenduse ja andmebaasi.

Labs:

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öö
Loeng 30 jaanuar VII-131
sissejuhatus css-i
Harjutus 11 veebruar IT-213A
esimese laboratoorse töö detailid
Loeng 13 veebruar VII-131
sissejuhatus javascript-i
Harjutus 25 veebruar IT-213A
UI: lingid, baasitabeli jaotamine lehekülgedeks, sorteerimine, vormid
Loeng 27 veebruar VII-131
css dünaamilised menüüd, dom ning javascripti kasutamine htmli/cssi modifitseerimiseks
Harjutus 10 märts IT-213A
extjs teegi widgetite kasutamine
Loeng 12 märts VII-131
XMLHttpRequest, ajax ja json
Harjutus 24 märts IT-213A
teise laboratoorse töö serveripoolsed detailid
Loeng 12 märts VII-131
XML ja XSL

UI design

To be extended later.

Collection:

Basic UI design principles: classics

More concrete and practical UI design principles

Web app page structure and design, whitespace, colors etc:

Web app design details: pagination, forms, menus, measures:

Resource collections for finding more:

UI implementation: browser

Standards:

HTML, CSS and Javascript tutorials:

Concrete UI widgets:

Javascript libraries:

HTML dom in general:

Creating innerhtml and elements using HTML dom:

Javascript graphics with SVG:

Javascript graphics with css and canvas:

Ajax:

Json:

Articles, ideas, howtos:


Resource collections:

Server-centric

To be filled later.

Tips, tricks and cool stuff