Author Archive for Jaakko

Tentin tulokset

Kesän 2008 tentit on tarkastettu

  • JOHD-HM kesä 2008 tentin tulokset (poistettu nähtäviltä määräajan täytyttyä)

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

Palaute kotiharjoituksesta

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.

Tenttiin valmistava harjoitus

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

  • Kopioi kuudennen porkkanan vastauspohja täältä itsellesi (HTML-muoto)
  • Täydennä HTML-dokumenttiin vastaukset siinä kuvattuihin tehtäviin
  • Palauta täydennetty dokumentti liitteinen ZIP-paketissa sähköpostitse Jaakolle (Jaakko Salonen - etunimi.sukunimi@tut.fi). Esimerkki sähköpostiviestistä ja sen muodosta:
    • Otsikko
      • JOHD-HM kotitehtävä
    • Viesti
      • Nimi: Matti Meikäläinen
        Opnum: 123456
        Ohessa mun kotitehtävä.
    • Liitteet
      • johd-hm-koti-123456.zip

Porkkanapisteen ansaitsemiseksi harjoitus on palautettava ennen tenttiä!

Harjoitus 4

Aiheena web-sivujen laatu ja sen arviointi:

Tehtävät harjoituksessa 4

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.

Luento 4: Multimedian elementtejä webissä

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:

  • Bittikarttagrafiikka = kuva esitetään pikseleittäin
    • Häviöttömät bittikarttamuodot (PNG, GIF, TIFF)
      • Soveltuvat pikselintarkkaan tiedon taltioitiin, säilyttävät kaiken informaation
    • Häviölliset bittikarttamuodot (JPG, myös uudempi JPG2000)
      • Soveltuvat erityisesti valokuvien taltiointiin, mutta hävittävät yksityiskohtia
  • Vektorigrafiikka = kuva esitetään geometrisina muotoina (SVG)
    • Ikonien, logojen, myös animaatioiden tuotantomuodoksi
    • SVG sopii myös web-julkaisuun, mutta sen tuki selaimissa on hieman puutteellinen
  • Ääni webissä
    • Ydinasia: mieti kahdesti, ennen kuin julkaiset ääntä webissä. On erityisen tärkeää miettiä motivaatio äänen käytölle:

      • Mitä haluan viestiä äänellä? Tuoko äänenkäyttö jotain lisäarvoa?
      • Kuinka sijoitan äänitiedoston webbiin? Soiko se heti, kun avaan selaimella sivun vai löytyykö se linkin takaa?
    • Hyviä formaatteja: MP3, OGG Vorbis on kiva, mutta vähemmän tuettu
      • AAC ja erityisesti WMA ovat pitkälti sovellusriippuvia

Nettijatkoja kiinnostuksen mukaan:

Harjoitus 1

Harjoitus 1: Web ja HTML

Nähdään PC-luokassa Sb204 kello 9.

Luento 2: HTML ja rakenteinen merkkaus

Toisella luennolla syvennyttiin HTML:ään ja sen kautta myös hieman rakenteiseen merkkaukseen.

Linkki luentokalvoihin: Kalvot, luento 2 (PDF)

Muutamia huomioita:

  • Kuvaileva vs. formatoiva merkkaus. Kuvaileva merkkaus pyrkii esittämään tiedon rakennetta, formatoiva merkkaus pyrkii esittämään tiedon esitystapaa.
  • XHTML vai HTML? XHTML on XML-pohjainen, kun taas HTML on SGML-pohjainen. XHTML hyötyy mm. XML:n tarjoamista laajennusmekanismeista. Katso esim [1].
  • XHTML pyrkii kuvailevaan merkkaukseen. Tavoitteena, että XHTML-kieltä käytetään ainoastaan dokumentin rakenteen merkkaukseen, tyyli määritellään sitten erikseen esimerkiksi CSS:n avulla. Kun tyylittelyyn liittyvä problematiikka ulkoistetaan, voidaan XHTML-kielessä keskittyä dokumentin rakenteistamiseen.

Luento 1: Johdanto

Avausluennolla käytiin läpi kurssin suorittamiseen liittyvät asiat. Harjoituksissa on luvassa porkkanapisteitä: tarkennetut tiedot täydennetään alkuviikon aikana kotisivuille.

Kalvot, luento 1 (PDF)

Huomioita:

  • Hyperteksti: Tekstiä, joka on epälineaarista ja jossa on assosiaatioita
  • Hypermedia: Assosiatiivinen, epälineaarinen jäsennys alkioista (teksti, kuva, …)
  • Hypermedia kontekstissa: tiedon ja palveluiden mallinnus, jäsennys ja esittäminen siten, että käyttäjän ja käyttötilanteen erityispiirteet tulevat huomioiduksi
  • Hypermedian tuotannossa sisällön rooli on korostunut: toisin kuin vaikkapa ohjelmistotuotannossa, tuotantotyö liittyy tiiviisti sovellusalueeseen (esim. musiikkikaupan toteutus, auton markkinointi)
  • Usein hypermediaa sovelletaan webissä, mutta muitakin esimerkkejä on (esim. lähdekoodit, tietämyskannat, Windowsin help. Huomaa myös, että kaikki web-sisältö ei pakosti ole hypermediaa.
  • Mutta kuinkas WWW syntyi? Lue lisää artikkelista “How the Web was Born”

Tervetuloa johdatus hypermediaan kesäkurssille!

Aloitamme luennolla maanantaina 2.6. kello 9, sähkötalon salissa S2. Lisätietoja kurssista löytyy sivulta aikataulu ja suorittaminen.

Kaikki kesäkurssin tiedottaminen tehdään tämän kotisivun kautta, joten laitathan tämän osoitteen itsellesi ylös!