MATHM-37100 Johdatus hypermediaan kesällä 2008
Kesän 2008 tentit on tarkastettu
Tulokset ovat nähtävillä myös HLAB:n ilmoitustaululla, sähkötalon käytävällä.
Jos olet arvosteluun tyytymätön tai haluat muuten vain käydä tarkistamassa kuinka pisteitä tentissä karttui, laita sähköpostia ja sovitaan tapaaminen.
Kiitoksia kaikille osallistuneille ja hyvää kesän jatkoa! -Jaakko
Kotiharjoitukset on otettu vastaan ja tarkistettu, kaikki tehdyt harjoitukset on hyväksytty.
Pääasiassa vastaukset olivat hyviä, joskin huolimattomuusvirheitä oli lipsahdellut sinne tänne 
Yksilölliselle palautteelle ei tunnu olevan tarvetta, mutta haluan nostaa esille muutamia kohtia, jotka lähes kaikissa vastauksissa tulivat esille.
“HTML-tyyppimääritys”
Kun html:n juurielementtiin määritellään kielikoodit (xml:lang ja lang), niiden arvot viittaavat sisällön kieleen, eivät dokumentissa käytetyn merkkauksen (HTML) kieleen. Toisin sanoen:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
on oikein, mikäli sisältökin on englantia. Oikean sisällön kielen määrittäminen vaikuttaa mm. hakukoneiden sekä ruudunlukijan tulkintaan sivusta.
“Haluan ilmoittaa lukijalle osoitteen, mutta osoite on sellainen, jota ei voi suoraan käyttää esim. selaimella (kuten postiosoite, jonne paketti toimitetaan)”
Tehtävä oli tavallaan kompa. HTML-spesifikaatiosta löytyvä address-elementti ei tähän tarkoitukseen suoraan sovellu, vaikka lähes kaikki sen vastaukseen laittoivatkin. Address-elementti on tarkoitettu käytettäväksi dokumenttiin liittyvän yhteystietojen merkitsemiseen, ei yleisesti miksi tahansa osoite-kentäksi (ks. Address HTML4-speksissä, pätee myös XHTML 1.0:aan). Yhtä oikeaa vastausta tähän tehtävään ei ole, mutta yleisesti ottaen voidaan sanoa, että HTML-kieli ei sisällä elementtiä, joka oletuksena tulkittaisin osoitteeksi, johon selaimella ei voi navigoida.
“…Sivu olisi silmäiltävämpi, jos yhdelle tekstirivulle tulisi arviolta 10-15 sanaa.”
CSS:llä ei voi suoraan määrittää yhden rivin sana- tai edes merkkimäärää, mutta taitavalla ulkoasusuunnittelulla voidaan päästä käytännössä miellyttävään lopputulokseen. Esimerkiksi: määritetään sivun leveydeksi 640px ja tekstin kirjaisinkooksi 12px, tai vastaavasti tekstin leveydeksi 20em ja kirjaisinkooksi 0.8em. Tärkeintä on, että molemmat kirjaisinkoko ja sivun leveys määritetään samantyyppisellä mittayksikällä (suhteellinen/absoluuttinen). Mittayksikkötyyppejä sekoittamalla päätyy tässäkin asiassa ongelmiin.
Kuten luvattua, kuudennen porkkanapisteen voi ansaita kotitehtävänä. Tämä viimeinen porkkana toimii samalla tenttiin valmistavana harjoituksena, joten käytä tilaisuus hyödyksesi ja kertaa samalla prujun asiat aiheista!
Ohjeet porkkanapisteen ansaitsemiseksi
Porkkanapisteen ansaitsemiseksi harjoitus on palautettava ennen tenttiä!
Aiheena web-sivujen laatu ja sen arviointi:
Harjoituksesta jaetaan viides porkkanapiste. Viimeinen eli kuudes porkkanapiste tehdään kotitehtävänä viimeistään ennen tenttiä. Tehtävänanto viimeistä porkkanaa varten julkaistaan blogissa.
Viimeisellä luennolla käsitellään hypermedian laadukkuutta yleensä ja verkkopalvelujen laatua erikseen: Vertauskuvat: metaforat, analogiat ja vertaukset. Hypermedia, taide ja muotoilu. HCI. Iteratiivinen suunnittelu. Käyttäjän ja suunnittelijan käsitemallit. Esimerkki: kaupungin bussi. Esimerkki: selkeä vuorovaikutus ja Mystery Meat Navigation (esimerkki). Eksyminen ja kognitiivinen kuormitus. W3c: saavutettavuus. W3C: laadukas Web-hypermedia. Verkkopalvelun käyttökelpoisuus ja laatu.
Kalvot: Luento 6 (PDF-muodossa)
Linkkejä ja lisälukemista:
Harjoitus 3: Kuvankäsittely ja videoeditointi
Harjoitukset tutussa PC-luokassa Sb204 ke 11.6. kello 9.15.
Luennon nro 5 aiheina ovat videokuva ja videomateriaalien käyttö verkossa. Luentojen sisältö tarkemmin: videon käyttökohteita verkossa, videomateriaalin tuottaminen ja julkaiseminen verkossa sekä verkkovideoformaatit. Luennolla käydään läpi myös käytännön esimerkki videoleikkeen pakkaamisesta ja julkaisemisesta omilla verkkosivuilla.
Luentokalvot: Luento 5: Videokuva ja videomateriaalin käyttö verkossa
Esimerkkejä verkkovideoiden laadusta:
Lisälukemista:
Käytiin multimedian elementtejä webissä, erityisesti syvennyttiin kuvan, mutta myös äänen ja osittain myös animaation esittämiseen.
Luento 4: Multimedian elementit webissä
Täydennystä prujuun ja muita huomioita luennolta:
Nettijatkoja kiinnostuksen mukaan:
Tee toinen tai molemmat:
Harjoitukset tutussa PC-luokassa Sb204 kello 9.15.
Luennolla torstaina 5. kesäkuuta käsiteltäviä teemoja: CSS-tyylien perusteet. Valitsimet ja ominaisuudet. Tyylien liittäminen HTML-dokumenttiin. Miksi CSS-tyylejä kannattaa käyttää? Mitä tyylien tehokas soveltaminen edellyttää? CSS-taitto. Esimerkkejä toimivista käytännöistä.
Lataa kalvot: luento 3 (PDF)
Linkkejä ja lisälukemista: