Kolmannen tentin tulokset.

Hypermedian perusteiden syksyn 2006 toteutuskerran kolmannen ja viimeisen tentin tulokset on toimitettu kirjattavaksi ja viety ilmoitustaululle.

Tulokset löytyvät myös verkosta (pdf-muodossa).

Kommentit ja kysymykset yms. opintojakson vastuuhenkilölle.

Toisen tentin tulokset.

Hypemedian perusteiden syksyn 2006 toteutuskerran toisen tentin tulokset on toimitettu ilmoitustaululle (13.2.2007).

Tulokset löytyvät myös verkosta.

Ensimmäisen tentin tulokset.

Ensimmäisen tentin tulokset on toimitettu eilen (3.1.2007) ilmoitustaululle ja kirjattavaksi.

Tulokset löytyvät myös verkosta pdf-muodossa.

Mikäli mahdollisen uusintatenttiin ilmoittautumisen kanssa ilmenee ongelmia johtuen 30 päivän aikarajan ylittymisestä, ottakaa yhteyttä luennoitsijaan pikimmiten!

Milloin tenttitulokset tulevat?

Kurssin tentti taisi olla 28.11., eli siitä on jo kulunut yli kuukausi. Tulokset olisi mukava saada ennen uusintatenttiä(15.1.). Uusintatenttiin ilmottautuminenkin taitaa sulkeutua tällä viikolla?

Porkkanapisteet.

Opintojaksolla jaossa olleet porkkanapisteet on julkaistu.

Oman pistesaaliinsa pääsee tarkistamaan osoitteessa http://matriisi.ee.tut.fi/hmopetus/hmp/2006/yms/porkkanat.html.

Virheistä ja puutteellisuuksista kannattaa tiedottaa pikimmiten luennoitsijalle.

CSS-kilpailun satoa.

Opintojakson CSS-kilpailu oli osanotoltaan ennätyksellinen;)

Äänestyksen perusteella voittajaksi selvisi Cemre Güngör:n ehdotus.
Seuraavaksi eniten ääniä sai Lasse Holmstedtin ehdokas.

Kaikille osallistuneille jaettiin yksi porkkanapiste.

Lisää kilpailusta alasivulla!

Continue reading ‘CSS-kilpailun satoa.’

Viimeinen luento 22.11.2006

Opintojakson toteutuskerran viimeisellä luennolla aiheena olivat asioiden kertaaminen ja mahdolliset kysymykset.

Yhdessä laadittiin tenttitehtävä, joka vaikuttanee asioihin.
Toisin sanoen: joku näistä esiintynee jossain muodossaan tentissä;)

  • Kuvaileva vs formatoiva merkkaus? Käyttö?
  • Essee:
    1. mihin hypermediaa käytetään
    2. miten hypermedia on helpottanut ihmisten elämää?
    3. Mikä on hypermedian tulevaisuus?
  • Sisällön, rakenteen ja ulkoasun erottaminen?
    Miksi ja miten?
  • HTML?
    Virheiden etsiminen?

Luennolla esitettiin seuraavia kysymyksiä (vastauksineen)

  • Harkkojen mallivastaukset: tulossa ennen tenttiä.
  • Tentin rakenne?
  • Määritelmiä? Termejä? Lyhenteet?
  • Essee?
  • HTML-kysymys?
  • Motto:Ymmärrä mieluummin kokonaisuudet kuin opettele nippeleitä
  • Porkkanapistelistat laitetaan näkyviin tämän viikon loppuun mennessä
  • Lisäksi kerrattiin opintojakson asioita. Itse kertaamisen kannalta hyödyllisiä asioita ovat esimerkiksi opintojakson luentopäiväkirjaa mukaillen seuraavat asiat:

    1. Hypermedia?
    (Määritelmä! Menneisyys, nykypäivä.)

    • Mikä on Memex ja miten se liittyy hypermediaan?
    • Määritelmä?
    • keskiössä tieto ja ihminen
    • “…keskeisiä ominaisuuksia ovat siis hypertekstimäisyys, multimedia sekä
    • tapa jolla sovellus kootaan (jäsennys/organisointi)…”
    • teksti, hyperteksti, multimedia, hypermedia?

    2. Internet, www ja hypermedia
    (perusrakenteet, suhteet, www-hypermedia )

    • historia?
    • http –protokolla ja sen käyttö
    • miksi?
    • asiakas-palvelin -malli

    3. HTML ja CSS
    (perusrakenteet, käyttö, dokumentin tyyppimääritys jne.)

    • ”suuret linjat” ja perusmerkkaus (luennolla aikanaan taululla esitetty malli html-miehestä voi auttaa muistamaan;))
    • miksi ja miten CSS?

    4. Hypertekstin rakenteet ja CSS
    (graafit, linkkien tyypit, navigoinnin apuvälineet)

    • graafit? Suunnattu graafi?
    • linkkien tyypit? Esim. Rakenteinen, assosiatiivinen, viittaava
    • rakenteiden sieventämistä ei kysytä, pruju s. 158
    • sivuhuomio; maamerkki (ja muut navigoinnin apuvälineet)?

    5. Rakenteisen hypermedian suunnitteleminen
    (RMM, käytännöt…)

    • RMM? Luennolla muisteltiin, että sisältää eri vaiheita.
    • miten tehdään käytännössä?

    6. Multimedia: kuva ja ääni

    • eri formaatit ja sopivuudet erilaisiin tehtäviin

    7. Multimedia: video

    • formaatit ja sopivuudet erilaisiin käyttötilanteisiin

    8. Ihminen, hypermedia ja käytettävyys
    (metaforat, yleinen käytettävyys, arviointi?, miksi?)

    • liitos hypermediaan?

    9. Hypermediajärjestelmistä
    (Dexter ja HAM, nykyaikainen web-arkkitehtuuri)

    • yleinen hypermedian perusjako? (ulkoasu, rakenne, sisältö)
    • Dexter ja linkit? (monensuuntainen linkki, vrt. html ja yhdensuuntainen linkki)
    • HAM –mallin jako?
    • web-at:n jako? Kts. Levylaariesimerkki luentomateriaaleista.

    10. Edistynyt hypermedia?
    (seittiohjelmointi, lomakkeet, mukautuminen jne. Rakenteisuus? Prosessit?).

    • ulkoasu, rakenne, sisältö?

    Matti Myöhänen CSS-kisaan

    Tässä viime hetken osanotto CSS-kilpailuun. Kantavina teemoina ovat elegantti yksinkertaisuus ja viileähköt värit. Tuttua ja turvallista satunnaiselle selaajalle. Siniset värit symbolisoikoot hypermedian yleistä viileyttä. Kunkin sivun otsikkoa ja kopiovaroitusta lukuunottamatta koodia ei olla muutettu.

    Hyvät puolet
    + Validi CSS
    + Toimii yleisimmillä selaimilla, jopa IE:llä.
    + Miellyttävä selata

    Kehittämistä kaivataan
    - Sisällön tyyli on turhan tasapaksua. Esim. blogi-osiolle olisi voinut kehittää oman tyylin, jotta se olisi erottunut muusta tekstistä.
    - Valikon jo vierailtujen linkkien väriä saattaa olla joillakin näytöillä vaikea erottaa taustasta.

    Tiedostot:

    http://www.students.tut.fi/~ikonen5/css/index.php

    http://www.students.tut.fi/~ikonen5/css/luentopaivakirja.php

    http://www.students.tut.fi/~ikonen5/css/harjoitustyo.php

    CSS-tiedosto 

    http://www.students.tut.fi/~ikonen5/css/style/screen.css
    Olli-Pekka Ikonen
    olli.ikonen@tut.fi

    CSS-yritelmä

    Päätin sitten viime hetkillä porkkanapisteen kiilto silmissä osallistua CSS-kilpailuun.

    Sivut löytyvät osoitteesta: http://www.students.tut.fi/~mustonep/hypmed/css-skaba/index.php

    CSS-tiedosto on osoitteessa: http://www.students.tut.fi/~mustonep/hypmed/css-skaba/style/screen.css

    Ainoat muutokset HTML:ssä ovat kopiomerkinnät.

    Hyviä puolia:

    +yksinkertainen

    +selkeä

    +eri kokonaisuudet erottuvat taustavärien ja reunaviivojen ansiosta

    +otsikotkin nyt tummaa tekstiä vaalealla taustalla –> erottuvat paremmin

    +validi CSS-tiedosto

    +toimii myös IE:ssä (ainakin IE7:ssa)

    +ei kuvia tai muuta ylimääräistä sälää –> kevyt

    Huonoja puolia:

    - tylsännäköinen

    -värien valinnassa parannettavaa

    -fontteja ei muutettu

    -kesken

    -tehty vanhan CSS-tiedoston päälle

    CSS-terveisin: Pasi Mustonen

    CSS-kisaan

    Sivut osoitteessa: www.students.tut.fi/~alahuhtl/index.php

    + yksinkertaiset

    + värit miellyttävät omaa silmää

    + harjoituksen vuoksi kannattaa osallistua

    - kuvilla sais näyttävyyttä

    - ja taidoilla kans

    Muutaman id:n ja class:n olen lisännyt.

    Lotta-Regina Alahuhtala