Harjoitustyö

Seuraavassa on esitelty Tietoverkot työvälineenä-kurssin harjoitustyö ja sen tekemiseen liittyviä asioita. Harjoitustyössä ilmeneviin ongelmiin ja niiden ratkaisuihin löytyy erillinen FAQ.

Harjoitustyön päämäärä

Harjoitustyössä on tarkoitus perehtyä seuraaviin asioihin:

• XHTML 1.0 Strict -suosituksen mukaisen HTML-dokumentin tekemiseen.
• Yhtenäisen ulkoasun muodostamiseen CSS:llä.
• Tekijänoikeuksiin WWW:ssä.
• Käytettävän ja esteettömän WWW-sivun tekemiseen.
• Lomakkeiden käyttämiseen ja toimintaan WWW:ssä.
• Pienen WWW-kaupan tekemisessä huomioitaviin asioihin.

Jokainen kurssille osallistuja joutuu itsenäisesti tekemään harjoitustyön, joten harjoitustyötä ei saa tehdä pareittain!

Harjoitustyön aiheet

Harjoitustyössä on tarkoitus toteuttaa pienimuotoinen WWW-kauppa. Tarkemman harjoitustyön aiheen voi valita itse tai sen voi tehdä valmiiksi annetuista aiheista. Harjoitustyön aihealue kannattaa kuitenkin 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! Omat aiheet hyväksytetään joko demo-ohjaajalla tai harjoitustyön ohjaajalla. Hyväksymisen yhteydessä aiheesta pitää olla jäsennelty esitys paperilla, josta harjoitustyön rakenne käy selville. Harjoitustyöstä kannattaa piirtää rakennekaavio, josta käy ilmi harjoitustyössä olevat sivut ja niiden tarkoitus.

Harjoitustyön sisältö

Harjoitustyöstä täytyy löytyä seuraavat asiat :

Aloitussivu

• Aloitussivulla täytyy selkeästi käydä ilmi sivuston tekijän nimi ja sähköpostiosoite.
• Aloitussivulta täytyy yhdellä silmäyksellä selvitä mikä on sivuston tarkoitus ja päästä selkeästi etenemään muille sivuille
• Aloitussivulla täytyy olla linkki WDG:n HTML Validatoriin seuraavassa muodossa:

  <a href="http://www.htmlhelp.com/cgi-bin/validate.cgi?input=yes&amp;spider=yes&amp;url=harjoitustyön url">WDG HTML Validator</a>
  

  Kohtaan harjoitustyön url pitää kirjoittaa harjoitustyön aloitussivun osoite. Tämän jälkeen kyseisen linkin avulla harjoitustyön tarkistaja ja tekijä voivat helposti validoida koko sivuston

  Aloitussivulla täytyy olla myös linkki W3C:n CSS Validation Serviceen seuraavassa muodossa:

  <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS Validation Service</a>

Tuotesivut

• Tuotesivuja pitää olla vähintään kolme (3) kappaletta.
• Tuotteiden tarkka esittely riittävän pienissä kokonaisuuksissa ja erillään tilausten tekemisestä. Esimerkiksi yhdellä sivulla listaus tuotteista josta pääsee edelleen tutkimaan tarkemmin yksittäisen tuotteen tietoja. Jokaiselle yksittäiselle tuotteelle tai tuoteperheelle pitäisi löytyä oma sivu.
• Tuotesivuille olevien kuvien käyttöön pitää olla lupa.

Tilauslomake

• Tilauslomake, jolta voidaan tilata firman tuotteita tai pyytää lisätietoja tuotteista.
• Tilauslomakkeen pitää olla niin yksikäsitteinen, että tilaaja pystyy tilamaan ainoastaan tuotteita, joita on myytävänä. Vapaita tekstikenttiä pitäisi käyttää ainoastaan erilaisten lisätietojen kysymiseen.
• Tilauslomakkeen käsittelyyn on käytettävä CGI-ohjelmaa.

Palautelomake

• Palautelomake kannattaa toteuttaa kokonaan erillisenä kokonaisuutena. Lomakkeen kautta on tarkoitus mahdollistaa erilaiset yhteydenotot yritykseen.
• Palautelomakkeen käsittelyyn on käytettävä CGI-ohjelmaa.

Kaikki sivut

Jokaiselta sivulta täytyy löytyä seuraavat asiat:

• Alla oleva maininta, josta linkki kurssin kotisivulle.

  Tietoverkot työvälineenä kurssin harjoitustyö

• Jokaisella sivulla on oltava navigointipalkki, jonka avulla sivuston pääkohtien välillä voidaan liikkua joustavasti. Jokaiselta sivulta täytyy päästä ainakin jokaiselle päätason sivulle. (Ei suoraan yksittäiseen tuotteeseen.)

HTML-dokumentissa aihetta täytyy käsitellä riittävällä laajuudella, jolloin työn lukijalle selviää työn tarkoitus. WWW-kauppapaikkaa rakennettaessa on tuotteiden esittely tehtävä riittävän selkeästi kuvia ja tekstiä hyväksikäyttäen.

Tekstin on oltava omaa, joten valmiiden WWW-sivujen kopiointi ei luonnollisestikaan ole luvallista.

HTML-dokumenttien tekniset vaatimukset

Dokumenttien on oltava XHTML 1.0 Strict määrittelyn mukaan tehty. Jokaisessa dokumentissa täytyy siis olla seuraava dokumenttityypin määrittely:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Dokumenttien sisältämiä HTML-elementtejä pitää käyttää rakenteellisesti oikein niiden merkityksen mukaan. Esim. otsikot pitää merkitä h1 - h6 -elementeillä eikä vain kirjasinkokoa muuttamalla!

Kaikkien dokumenttien täytyy mennä läpi ilman virheitä jostakin seuraavista validaattoreista:

• Lehtori <URL: http://www.snowman.sgic.fi/lehtori/>
• WDG HTML Validator <URL: http://www.htmlhelp.com/tools/validator/>
• W3C HTML Validation Service <URL: http://validator.w3.org/> .

Koko sivuston ulkomuotoilu on tehtävä käyttäen yhtä (1) koko sivustolle yhteistä CSS-tiedostoa.

Dokumentin ulkomuotoiluun käytetyn CSS-tiedoston on läpäistävä toinen seuraavista CSS-tarkistajista ilman virheitä ja varoituksia:

• W3C CSS Validation Service <URL: http://jigsaw.w3.org/css-validator/validator-uri.html>
• CSSCheck <URL: http://www.htmlhelp.com/tools/csscheck/> (HUOM. Bonukset!)

Dokumenttien on täytettävä W3C:n Web Content Accessibility Guidelines 1.0 vaatimukset dokumentin esteettömyydesta Priority 1 ja Priority 2 -tasoilla. Tarkistuslista näistä vaatimuksista löytyy kurssimonisteen sivulta 97 eteenpäin tai osoitteesta <URL: http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/checkpoint-list.html> (Poikkeus seuraavassa). Näiden vaatimusten täyttyminen on helpointa tarkistaa Bobbylla <URL: http://www.cast.org/bobby/>

• Listojen hierarkiaan liittyvää OPTGROUPin käyttöä ei kuitenkaan vaadita. (Konetarkistuskohta)

Dokumentit eivät saa olla liian suuria. Hyväksyttävä koko yhdelle xhtml-dokumentille kuvien kera on maksimissaan 30 - 50 kilotavua.

Sivuston on toimittava myös ilman CSS:ää. Sivun toiminta ei saa myöskään riippua Javascript- tai Java-viritelmistä.

Dokumenttien ulkoasu

Dokumenttien ulkoasun on oltava

• Yhtenäinen koko sivustolla
• Selkeä
• Sivuston on näytettävä järkevältä valtaselaimilla (Internet Explorer 5.5 ja Netscape 4.75) sekä tekstiselaimilla (Lynx). Osoitteesta http://www.mit.jyu.fi/opetus/appro/haku/html.shtml löytyy useampikin työkalu joilla voi testata miltä sivustonsa näyttää tekstiselaimilla.

Bonuspisteet

Harjoitustyöstä voi saada bonuspisteitä hyväksyttyyn tenttitulokseen. Bonuspisteillä ei voi saada hylättyä tenttiä hyväksytyksi! Bonuspisteen voi saada seuraavista asioista jos harjoitustyö on hyväksytty viimeistään 10.11.2000.

• CSS-dokumentti menee läpi varoituksetta seuraavasta validaattorista: CSSCheck <URL: http://www.htmlhelp.com/tools/csscheck/> Validaattori varoittaa myös selainkohtaisista ongelmista! 1 piste

• Jos dokumentti täyttää W3C:n Web Content Accessibility Guidelines 1.0 vaatimukset dokumentin esteettömyydesta Priority 3 -tasolla. 1 piste

  Tarkistuslista näistä vaatimuksista löytyy kurssimonisteen sivulta 97 eteenpäin tai osoitteesta <URL: http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/checkpoint-list.html>. Näiden vaatimusten täyttyminen on helpointa tarkistaa Bobbylla <URL: http://www.cast.org/bobby/> Lista Bobbyn käyttäjätarkistuksista (engl. User Checks), jotka harjoitustyöltä vaaditaan, löytyy kurssin FAQ:sta.

Harjoitustyön palautus ja ohjaus

Harjoitustyöhön kannattaa pyytää ohjausta jos tormää ylitsepääsemättömiin ongelmiin. Ohjausajoista tiedotetaan erikseen, mutta ohjausta voi hakea aina silloin kun sitä tuntuu tarvitsevansa. Ohjaajina toimivat henkilöt, joille harjoitustyö palautetaan.

Palauttaminen tapahtuu ilmoittamalla sivuston URL ja tekijän tiedot (nimi, sähköpostiosoite ja syntymäaika) sähköpostitse. Sähköpostiviestin otsikkona pitää lukea:

Tietoverkot työvälineenä -kurssin harjoitustyö

Jos harjoitustyöstään haluaa bonuspisteitä niin viimeinen palautuspäivä on perjantai 10.11.2000

Ehdottomasti viimeinen palautuspäivä harjoitustyölle on PE 24.11.2000.

Harjoitustyön voi palauttaa seuraaville henkilöille: (HUOM. Jako sukunimen ensimmäisen kirjaimen mukaan!)

• Annemari Auvinen(annauvi@cc.jyu.fi) yliopiston varsinaiset opiskelijat (A - K) Varaa aika Kuukkelista
• Hans Björn(harobj@cc.jyu.fi) yliopiston varsinaiset opiskelijat (L - P) Varaa aika Kuukkelista
• Pauli Kujala(pjkujala@mit.jyu.fi) yliopiston varsinaiset opiskelijat (R - Ö) Varaa aika Kuukkelista
• Petri Heinonen (peheinon@mit.jyu.fi) avoimen yliopiston opiskelijat (A - L)
• Tommi Lahtonen (tommi.j.lahtonen@jyu.fi) avoimen yliopiston opiskelijat (M - Ö)

Valmiita aiheita

Valmiit aihealueet on tarkoitettu helpottamaan sellaisten ihmisten harjoitustyön tekemistä, jotka eivät itse keksi harjoitustyön aihetta. Pyri tekemään harjoitustyö omasta aihealueestasi, jolloin työn tekeminen on varmasti mielenkiintoisinta.

Mielipaha OY

Mielipaha Oy tunnekauppa on tarkoitettu erilaisten tunteiden tai tunnelmien myymistä varten. Tunnekaupan tuotevalikoimaan kuuluu kuusi erilaista tunnetta:

• Ilo :-)
• Suru :-(
• Onni :->
• Ahdistus :-<
• Jännitys :-|
• Autuus :-\

Tunnekaupasta pitää pystyä tekemään tarkkoja tilauksia, koska tunteet ovat pakattu kilon pusseihin. Asiakas voi haluta esimerkiksi iloa kaksi kiloa, jolloin hänen pitäisi pystyä tekemään tilaus joustavasti. Asiakas voi samalla tilata myös useampia tunteita. Kaupan pitäjä voi halutessaan rajoittaa tilausmääriä.

Seuraavassa tunnekaupan rakennesuunnitelma. Kuvan viivat edustavat linkkejä eri sivujen välillä. Kuvassa näkyvyt linkitykset eivät tarkoita navigointipalkin linkkejä. Kuvan linkitysten lisäksi jokaisella sivulla olevalla navigointipalkilla päästään suoraan kaikille päätasoille eli etusivulle, about-sivulle, tuotevalikoimaan ja tilaussivulle.