Harjoitustyön kuvaus

Yleistä

Tämä sivusto on tehty osaltaan Hypermedialaboratorion kurssien Johdatus vuorovaikutteiseen mediaan ja Hypermediaohjelmistojen ja verkkojulkaisemisen perusteet harjoitustyöksi.

P2:n osalta tämä sivu on eräänlainen tiivistelmä varsinaisesta dokumentoinnista, P1:n harjoitustyölle tämä on hyvin karkea P2:n dokumentoinnin määritelmät suurin piirtein täyttävä kuvaus.

Tekijä

Juho-Matti "Pompo" Stenberg
pompo@rispekt.org
opiskelijanumero 70767

Jako P1:n ja P2:n välillä

Hypermedialaboratorion kurssien harjoitustyönä sivusto jakautuu kahteen osaan siten, että jäljessä mainitut sivut muodostavat P1:n suorituksen.
?sivu=albumi&galleria=1
?sivu=paivakirja&paiva=0506
?sivu=paivakirja&paiva=0606
?sivu=paivakirja&paiva=0706
?sivu=etusivu

Teknisestä toteutuksesta

Tämä sivusto ei noudata W3C:n HTML 3.2 -suositusta vaan XHTML 1.0 Strictiä (etusivun validointi) ja CSS 2:a (validointi). Sivujen ulkoasu on tehty määrityksiä ymmärtävälle selaimelle, mutta näyttää tarpeeksi "oikealta" ainakin Gecko-perheen selaimilla kuten Netscape 7 ja Mozilla sekä Internet Explorerin versiolla 5.00:sta alkaen. Sivujen sisältö on luettavissa myös muilla normaalia HTML:ää ymmärtävillä selaimilla.
Taulukoita ja kuvia on käytetty niiden alkuperäisissä tarkoituksissa, ei taittoon. Gif-formaatin kuvia ei ole käytetty.
Sivut skaalautuvat leveyssuunnassa, eikä tekstin koon kohtuullinen muutos aiheuta katastrofia luettavuudelle.

Sivusto on varsinaisesti toteutettu PHP:tä hyödyntäen. Tällä on saavutettu useita etuja: ulkoasu on voitu pitää mahdollisimman pitkälti erillään sisällöstä ja sivujen perusrakenne on yhtenäinen. Lisäksi PHP:n avulla päiväkirjan ja albumin sisäinen ja näiden välinen linkitys on ollut helppoa ja nopeaa toteuttaa. Albumi itse asiassa perustuu lähes täysin PHP:hen: kuvat haetaan ja niiden esitysmuoto asetetaan automaattisesti.

Rakenne

Sivusto koostuu kolmesta pääosiosta: yleistietosivut (etusivu, varustesivu, yleistä-sivu), matkapäiväkirja ja valokuva-albumi.
Navigoinnissa on sekä lineaarisia että epälineaarisia piirteitä. Periaatteessa jatkuvasti näkyvä päävalikko tarkoittaa navigoinnin epälineaarisuutta, käytännössä sivut kuitenkin usein käydään läpi valikon järjestyksessä. Päiväkirja- ja albumisivujen omassa navigoinnissa on myös molempia piirteitä. Päiviä (ja albumin gallerioita) voidaan käydä läpi järjestyksessä, tai tutkia vain joitakin sivuja kalenterin avulla.
Varsinainen navigointi on toteutettu jatkuvasti samassa paikassa pysyvällä div-elementillä, ja päiväkirja- ja albumiosiossa lisäksi seuraavaan ja edelliseen päivään (galleriaan) viittaavalla linkillä. Näissä on lisäksi linkki, joka viittaa nykyistä päiväkirjasivua vastaavaan albumisivuun ja päinvastoin.

En koonnut sivuille linkkikirjastoa, koska Pekka Pöyhtärin Interrail FAQ:n linkkilista on melko tyhjentävä. Myöskään lomaketta ei sivuilla ole: vieraskirjaan oli puolessatoista vuodessa kertynyt vähän toistakymmentä merkintään. Palautteen antaminen ja muu yhteydenotto käy kätevimmin sähköpostitse. Liioin Flash ei olisi tuonut lisäarvoa sivustolle.

Analysointi

Sivusto toimii WWW:ssä niin kuin oli tarkoituskin, mutta CD-formaattiin siirtäminen oli odotettua hankalampaa. Jos olisin tämän tiennyt, olisin todennäköisesti tehnyt tiedostorakenteen toisin.

Erityisen onnistuneena pidän valokuva-albumia, jonka ylläpito on todella helppoa. Myös taiton keveys (niin tiedostokoon kuin ulkonäön osalta) miellyttää.

Tekoprosessi vastasi tarkkaan odotuksiani. Koodaaminen ja taitto olivat hyvin mieluisia osia. Kuten odotinkin, päiväkirjamerkintöjen ja kuvien digitointi oli hyvin työlästä ja tylsää. Jos olisin tiennyt Ohjelmoinnin tekniikka -kurssin harjoitustyön ja tämän työn deadlinen olevan saman, olisin tehnyt "ikäviä" osioita enemmän jo aiemmin. Nyt molempien töiden valmistuminen jäi viime tinkaan.