Vaihe 1 - Suunnitelma

• Harjoitustyön aiheen valinta
• Suunnitelman vaatimukset lyhyesti
• Suunnitelma
• Harjoitustyön aihe ja tekniset vaatimukset
• Suunnitelman hyväksyttäminen

Ennen harjoitustyön toteuttamista harjoitustyön aihe, rakennesuunnitelma ja ulkoasusuunnitelma täytyy hyväksyttää harjoitustyön ohjaajalla. Hyväksyttäminen tehdään erillisen lomakkeen avulla. Seuraavissa luvuissa tarkemmat kuvaukset asiasta.

Harjoitustyön aiheen valinta

Harjoitustyössä on tarkoitus toteuttaa jokin yksityishenkilön kotisivuja laajempi WWW-sivusto. WWW-sivusto voi olla esimerkiksi WWW-kauppa tai organisaation WWW-sivusto. Sivusto voi olla kuvitteellinen tai todellinen. Tarkemman harjoitustyön aiheen voi valita itse tai sen voi tehdä valmiiksi annetusta aiheesta. Harjoitustyön aihealueen kannattaa valita itse, koska silloin työn tekeminen on mielenkiintoista ja hyvällä mielikuvituksella toteutetut työt ovat myös mukavaa tarkastettavaa!

Vapaa aihealueen valinta ei kuitenkaan tarkoita, ettei työtä tarvitsisi tehdä yhtä tarkoin kuin valmiista aiheesta! Harjoitustyöstä täytyy löytyä jossakin muodossa kaikki osat, joita harjoitustyöltä vaaditaan.

Suunnitelman vaatimukset lyhyesti

Alta löydät tarkemmat ohjeet harjoitustyön suunnitelman tekemiseen. Tässä lyhyt kooste vaadituista asioista.

• Harjoitustyön suunnitelma toteutetaan WWW-dokumentiksi. Mallia voi ottaa esimerkkisuunnitelmasta.
• Suunnitelmassa on oltava
  • Tekijätiedot
  • Varsinaisen harjoitustyön URL
  • Kuvaus sivuston aiheesta ja tarkoituksesta
  • Kuvaus sivuston osakokonaisuuksista
  • Lomakkeiden kysymykset
  • Hakemistorakenne (3 tasoa)
  • Navigointien suunnittelu
  • Ulkoasusuunnitelma ja alustava CSS-tyylitiedosto

Suunnitelma

Harjoitustyön tarkoituksena on kuvata suuren WWW-sivuston rakentamista sekä siihen liittyviä ongelmia, joten harjoitustyöstä täytyy tehdä sekä rakenne- että ulkoasusuunnitelma XHTML 1.1-dokumenttina, joka julkaistaan WWW:ssä. Pohjana suunnitelman teossa voit käyttää esimerkkisuunnitelmaa, joka on toteutettu WWW-julkaiseminen -kurssin sivustosta.

Suunnitelman yhtenä tarkoituksena on tehdä valmiiksi sivupohja varsinaista työtä varten, joten siinä on oltava kaikki asiat (esim. navigointi, tyylit) samoilla paikoilla kuin varsinaisessa työssä. Suunnitelmadokumentin täytyy sisältää seuraavat asiat:

• Harjoitustyön tekijän nimi ja sähköpostiosoite.
• Harjoitustyön URL.
• Lyhyt kuvaus harjoitustyöstä ja sen tarkoituksesta. Kuvauksen on tarkoitus antaa vastaus seuraaviin kysymyksiin:
  • Mitä tehtävää sivusto palvelee?
  • Kenelle sivusto on tarkoitettu?
• Tarkempi kuvaus jokaisesta sivustolle tulevasta kokonaisuudesta (sivuston eri osat). Seuraavassa on muutamia kysymyksiä, joihin pitäisi löytyä vastaukset kuvauksesta.
  • Millaisia asioita sivustolta pitää löytyä?
  • Mitä sivuston kautta täytyy pystyä tekemään?
  • Lomakkeilla kysyttävät tiedot?
    • Erittele mitä valintalomakkeella ja palautelomakkeella kysytään.
    • Mieti suunnitelmassa miten asioita kysytään yksiselitteisesti.
  • Millaisia osakokonaisuuksia sivustolle tulee? Mitä osakokonaisuudet pitävät sisällään? Sivustolla on oltava ainakin yksi alisivusto, joka sisältää riittävästi alisivuja (kts. tekniset vaatimukset). Suunnitellun sivuston pitää olla järkevästi ylläpidettävä vaikka sivuja olisi kymmeniä. Esimerkiksi:
    • WWW-julkaiseminen-kurssin alla on luentosivusto, joka sisältää 12 luentosivua. Luentoja voitaisiin melko vaivattomasti lisätä.
    • Verkkokaupassa myydään kenkiä ja paitoja. Paidoille on oma alisivunsa, josta voi valita useita erilaisia paitoja. Kengille on oma alisivustonsa, josta voi edelleen valita urheilukenkiin liittyvän tai kävelykenkiin keskittyvän alisivun.
• Suunnitelma käytettävästä hakemistorakenteesta. Suunnitelman tarkoituksena on suunnitella työlle hakemistorakenne, jonka avulla voidaan päätellä missä osassa sivustoa ollaan menossa. Hakemistorakenteessa kerrotaan ainoastaan kansiot, joihin harjoitustyödokumentit tullaan sijoittamaan. Mallia hakemistorakenteen suunnittelusta voit katsoa esimerkkisuunnitelmasta. Suunnittelussa kannattaa noudattaa seuraavia periaatteita:
  • Jokainen osa (edellä suunniteltu), joka koostuu useasta dokumentista tai useammasta tiedostosta kannattaa laittaa omaan hakemistoonsa. Esim. yksittäiseen tuotteeseen liittyy usein kuvia ja useita dokumentteja eli kannattaa luoda oma kansio jokaiselle tuotteelle ja kaikkeen siihen liittyvälle materiaalille.
  • Kansioiden nimien on oltava kuvaavia.
  • Kansioiden nimissä kannattaa käyttää vain pieniä kirjaimia ja välttää skandinaavisia merkkejä (ä,ö,å) sekä välilyöntejä.
  • Hakemistopuussa on oltava vähintään kolme tasoa. Esimerkiksi sivuston juurihakemisto (etusivun hakemisto), alisivujen hakemistot ja alialisivujen hakemistot.

  Suunniteltu hakemistorakenne kannattaa toteuttaa WWW-palvelimelle, jolloin ainakin st-sarjan (verso, itu, silmu) -koneissa toimivalla tree-komennolla saadaan helposti esimerkkisuunnitelman mukainen hakemistorakennekuva.

• Suunnitelma harjoitustyön ulkoasusta. Mallia ulkoasusuunnitelman tekemiseen voit katsoa esimerkkisuunnitelmasta. Ulkoasusuunnitelmasta täytyy löytyä seuraavat asiat:
  • Navigointipalkkien paikat ja niiden sisältämät linkit. (Tekstikuvaus)
  • Muiden sivulle tulevien elementtien paikat, kuten esimerkiksi toistuvien kuvien ja taulukoiden paikat. (Tekstikuvaus)

  Suunnitelmasivu täytyy toteuttaa ulkoasusuunnitelman mukaisesti, joten käytännössä toteutat harjoitustyössä käytettävästä CSS-tyylitiedostosta ensimmäisen version jo tässä vaiheessa. Suunnitelmasivulle on sijoitettava navigointipalkit oikeille paikoilleen sekä käytettävä suunnitelmassa mainittuja värejä ja kirjasimia. CSS-tyylitiedostoa voi vielä parannella lopullista sivustoa tehtäessä.

• Vapaamuotoinen ja tarkka kuvaus sivuston navigointimahdollisuuksista. Mallia kuvaukseen voit katsoa esimerkkisuunnitelmasta. Kuvauksesta täytyy löytyä seuraavat asiat:
  • Jokaiselle sivulle tulevan navigointipalkin tai -reunuksen sijoitus, ulkomuoto ja linkit.
  • Jokaiselle sivulle vakionavigoinnin lisäksi tulevat linkit.
  • Navigoinnin toteuttaminen tuotteesta tms. toiseen.

Harjoitustyön aihe ja tekniset vaatimukset

Harjoitustyön aiheen on oltava riittävän laaja, että se kattaa harjoitustyöltä vaaditut tekniset vaatimukset. Suunnitelmassa kannattaa huomioida, että nämä tulevat täytetyksi varsinaisessa harjoitustyössä. Tiivistelmän harjoitustyön vaatimuksista löydät toisen vaiheen ohjeistuksesta. Huomioi suunnitelmassa erityisesti seuraavat tekniset asiat:

• Ei ulkoasun määrityksiä XHTML-dokumenttiin.
• Suhteelliset koonmääritykset CSS:ään. Käytä esim. em- ja %-määreitä. px-määrettä saa käyttää vain syystä, esim. kuva-alueen tai pienten reunusten määrittämiseen.
• Älä rivitä br-elementillä. Esimerkiksi navigointilinkit ovat tyypillisesti listoja.

Suunnitelman hyväksyttäminen

Siirrä dokumenttisi WWW-palvelimelle, ellet ole sitä vielä tehnyt. Palvelimena voit käyttää W-asemaa, jolloin dokumenttisi näkyy www.it.jyu.fi-osoitteen alla, tai ATK-keskuksen palvelimia, jolloin dokumenttisi näkyy joko people.cc.jyu.fi- tai www.cc.jyu.fi-osoitteen alla. Tarkista, että sinulla on kaikki suunnitelmassa vaaditut kohdat ja dokumentti on kaikkien luettavissa. Tämän jälkeen voit lähettää suunnitelman ohjaajalle tarkistettavaksi vaiheen 1 palautuslomakkeella.