Luentopäiväkirja
Tuoreimmat blogiviestit Luentopäiväkirja -kategoriassa:
- 22.11.2006 Viimeinen luento 22.11.2006 [Ilkka K.]
- Opintojakson toteutuskerran viimeisellä luennolla ... Lue koko viesti >>
Luentopäiväkirja kerää yhteen kunkin luentoviikon keskeiset teemat ja käsitteet sekä luentoviikon aiheeseen liittyvät linkit.
| 47. | Vierailuluennot ja kurssin viimeinen luento Tiistaina 21.11 vierailuluennoimassa W3C:n Suomen toimiston toiminnanjohtaja Ossi Nykänen ja Jaakko Salonen TTY:n Hypermedialaboratoriosta. Osallistumisesta jaossa yksi porkkanapiste. // Keskiviikkona viimeinen luento ja opintojakson tiivis kertaus (& mahdollisuus kysymyksiin). |
| 46. | Kohti edistynyttä hypermediaa CSS-kilpailun äänestys. Tiedostot, dokumentit, tieto ja hypermedia, esimerkki: opintojakson sivut ja julkaisujärjestelmä (ks. homesite.xml, content/, ja default.html), tiedon täsmällinen esittäminen. Harjoituksissa jatkuvat harjoitustöiden esittelyt. Pruju s. 279-320 >> |
| 45. | Kohti edistynyttä seittiohjelmointia johdanto seittiohjelmointiin, lomakkeet ja CGI, HTML-lomakkeet (ks. lomake-elementit) WWW-ohjelmointi (JavaScript, CGI, PHP, Java) (ks. www-ohjelmointi), mukautuva hypermedia. Harjoituksissa jatkuvat harjoitustöiden esittelyt. Pruju s. 279-320 >> |
| 44. | Hypermediajärjestelmistä Dexter ja HAM, nykyaikainen WWW-arkkitehtuuri (yksilöinti, vuorovaikutus, representaatio) // laiteriippumattomuus (ks. laiteriippumattomuus). Pruju s. 261-278 >> Tulevan viikon harjoitustehtävät: Harjoitus 9. |
Linkkejä ja lisälukemista:
|
|
| 43. | Ihminen, hypermedia ja käytettävyys käyttöliittymämetaforat, hypermedia vs. taide vs. muotoilu (ks. Nuspirit Helsinki), HCI, rakenteellinen ja toiminnallinen mentaalinen malli, esimerkki: kaupungin bussi // esimerkki: selkeä vuorovaikutus ja Mystery Meat Navigation (vrt. Fry Steel), heuristinen käyttöliittymäsuunnittelu, eksyminen ja kognitiivinen ylikuormitus, käytettävyyden suunnittelu, virheet. Tulevan viikon harjoitustehtävät: Harjoitus 8. Pruju s. 217-260 >> |
Linkkejä ja lisälukemista:
|
|
| 42. | Multimedian elementtejä video Tutkija Pasi Häkkinen TTY:n Hypermedialaboratoriosta luennoi videokuvasta ja videomateriaalin käytöstä verkossa. Tulevan viikon harjoitustehtävät: Harjoitus 7. Pruju / videoluento >> |
| 41. | Tenttiviikko, ei luentoja tai harjoituksia. |
| 40. | Multimedian elementtejä: kuva, animaatio ja ääni kuvan esittäminen tietokoneella (ks. rgb-ja-css), kuvaformaatit, kuvan bittikarttaesitys (ks. kuvan-bittikarttaesitys) pakkaaminen ja kuvaformaatit, GIF, JPG ja PNG, kuvankäsittelyohjelmistoja: Paintshop Pro ja Photoshop, GIF vai JPG: ohjeita ja vinkkejä, esimerkkikuvia (ks. kuvan-pakkaaminen ja kuvaformaatit-termit), animaation perusteet (ks. animaatio) // ääni Web-hypermediassa, äänen digitoiminen, vaihtoehtoja äänen esittämiseen Webissä (MP3, AAC, RealAudio, WMA, MIDI, ...), ääni ja css (esimerkki), esimerkkejä. Harjoitustehtävät tenttiviikon jälkeen: Harjoitus 6. Pruju s. 189-208 & 209-216 >> |
Linkkejä ja lisälukemista:
|
|
| 39. |
Rakenteisen hypermedian suunnitteleminen
RMM-suunnittelumalli, rakenteisen WWW-hypermedian periaate (ks.
rakenteistaminen)
//
div- ja span-elementit ja CSS, HTML vs. XML (ks. levy-xml-xslt),
esimerkkejä HTML-editoreista (..., Macromedia Dreamweaver, ...),
esimerkki: rakenteistaminen ja Dreamweaver (ks.
rakenteistaminen/dw)
käytännön WWW-hypermedia.
Tulevan viikon harjoitustehtävät: Harjoitus 5.
Pruju s. 173-188 >>
|
Linkkejä ja lisälukemista:
|
|
| 38. | CSS-ominaisuudet & Hypertekstin rakenne, rakenteen suunnittelu ja navigointi katsaus CSS-ominaisuuksiin, CSS-formatoinnin suorakaidemalli (ks. css-formatointi), graafit ja käsitekartat, hyperlinkkien tyyppi (rakenteellinen, assosiatiivinen ja viittaava), esimerkki: linkkien tyyppi (ks. linkkien-tyyppi) // linkit (HTML, Dexter ja XLink), esimerkki: XLink ja monensuuntainen linkki, esimerkki: hyperlinkkeja, navigoinnin apuvälineet, demo: navigoinnin apuvälineitä (ks. navigoinnin-apuvalineita). Tulevan viikon harjoitustehtävät: Harjoitus 4. Pruju s. 121-172 >> |
Linkkejä ja lisälukemista:
|
|
| 37. | HTML ja CSS dokumentin tyyppimäärittely, keskeinen HTML-merkkaus (ks. keskeinen-html-luento.html), HTML ja tyylit, huomioita HTML-dokumenteista, mitä HTML:llä saa/ei saa aikaan?, demo: HTML 4.01 vs. XHTML Basic (ks. html-sgml.html ja html-xml.html) // HTML:n tulevaisuus on XHTML, johdanto CSS-tyyleihin, demo: tyylikielten idea (ks. record-xhtmlbasic.html ja record.css), tyylien liittäminen HTML-dokumenttiin, CSS-tyylien perusta: valitsimet, ryhmittely, pseudoluokat ja -elementit, demo: CSS-perusteet (ks. muistio-tietokanta-luento.html ja muistio-luento.css). Tulevan viikon harjoitustehtävät: Harjoitus 3. Pruju s. 81-120 >> |
|
Linkkejä ja lisälukemista:
|
|
| 36. | Internet, WWW ja HTML Internetin rakenne ja palvelut, asiakas-palvelin -malli, WWW:n ja Internetin historia, WWW-seitit, WWW-hypermedia // demo (HTML-dokumentin julkaiseminen, selaimen rooli ja HTTP-protokolla), Web-teknologioiden soveltamisen tasot organisaatiossa, HTML-kielen esittely, HTML-kielen evoluutio, merkkauksen perusteet, esimerkki: (X)HTML-dokumentti on puu, HTML-dokumentin yleisrakenne. Tulevan viikon harjoitustehtävät: Harjoitus 2. Pruju s. 33-80 >> |
|
Linkkejä ja lisälukemista:
|
|
| 35. | Kurssin avausluento tiistaina 29.8.2006 kello 14-16 salissa TB109 (Tietotalo): kurssin esittely ja hypermedian visio // johdanto hypermediaan, hypermedian käsitteet (teksti, hyperteksti, multimedia, hypermedia), hypermedian historiaa, esimerkkejä. Tulevan viikon harjoitustehtävät: Harjoitus 1. Pruju s. 1-32 >> |
Linkkejä ja lisälukemista:
|
Kunkin luentokerran pääotsikot pyritään julkaisemaan tälle sivulle aina ennen viikon ensimmäistä luentoa.