Harjoitustyön aihe. mrahkila/ht/ Martti Rahkila opnro

Transkriptio

1 Teknillinen korkeakoulu Tik Hypermediadokumentin laatiminen, kevät 1999 Harjoitustyön toteutus Harjoitustyön aihe mrahkila/ht/ Ryhmä XX: Martti Rahkila opnro

2 1 Johdanto 1 1 Johdanto Keväällä 1999 hypermediadokumentin laatiminen kurssilla harjoitustyöesimerkkinä ovat kurssin omat sivut. Näinollentämä dokumentti, joka käsittelee kurssisivujen toteutusta, on samalla myös esimerkki harjoitustöiden toteutuksen dokumentaatiolle. Dokumentaatiosta on luonnollisesti jätetty pois vain kurssihenkilökunnan käyttöön tarkoitettu aineisto. Opintojaksojen sivuilla voidaan yleisesti ottaen erottaa kolme erilaista tavoitetta: tiedotus, oppimateriaali sekä tukitoiminnot. Näistä tiedotus on kaikkein yleisin ja soveltuu erinomaisesti toteutettavaksi WWW:ssä. Oppimateriaali on, kurssin sisällöstä riippuen, ehdottomasti hankalin ja laajin tavoite toteutettavaksi, varsinkin jos halutaan kehittää interaktiivista itseopiskeluaineistoa. Tukitoiminnot vaihtelevat kurssihallinnasta opetuksen arviointiin ja voivat niinikään olla varsin mutkikkaita, esimerkkinä vaikkapa erilaiset ryhmätyökalut. Kevään 1999 kurssisivut keskittyvät tiedotuksellisiin tavoitteisiin, mutta mukana on myös sisällöllistä aineistoa (mm. esimerkkidokumentit) ja tukitoimintoja (kurssin arviointi). Tiedotuksellisesti kurssi voidaan jakaa kahteen eri osaan, jotka eroavat toisistaan sekä ajallisesti että kohderyhmiltään. Nämä osat ovat ns. ympärivuotiset sivut, joiden tarkoitus on palvella ketä tahansa käyttäjää, joka on kiinnostunut kurssista tai haluaa siitä lisätietoa, sekä kurssinaikaiset sivut, joiden tavoitteena on tarjota kaikki kurssin suorittamiseksi tarvittava tieto. Kurssinaikaisia sivuja päivitetään ahkerasti aina kun kurssi on käynnissä, ympärivuotisten sivujen päivitys sen sijaan noudattelee opetusohjelman mukaista päivittämistä, yleensä vuosittain. Pohjana sivujen toteutukselle ja suunnittelulle ovat olleet TML-laboratorion omille opintojaksoilleen määritellyt tavoitteet, mutta hype-kurssin osalta on päädytty osittain poikkeaviin ratkaisuihin. Tämä dokumentaatio täydentää aiemmin julkaistua esimerkkisuunnitelmaa. 2 Kohderyhmät Kurssisivujen tärkeimmät kohderyhmät ovat: 1) Kurssia suorittavatopiskelijat, 2) kurssista kiinnostuneet opiskelijat, 3) kurssihenkilökunta (joka siis on jätetty tästä dokumentista tietoisesti pois) sekä 4) korkeakoulun opetuksen kanssa tekemisissä olevat henkilöt kuten muut opettajat, opintoneuvojat, suunnittelijat jne. Kohderyhmistä voidaan olettaa seuraavaa: 1) Kurssia suorittavat opiskelijat - tiedoiltaan ja taidoiltaan varsin heterogeeninen, mutta voidaan olettaa, että kaikki ovat jossain määrin tuttuja WWW-sivujen toteutuksen kanssa (vrt. kurssin suositeltavat esitiedot) - selvästi kiinnostuneita kurssinsisällöstä - ovat suhteellisen hyvin tuttuja selainohjelmien kanssa (voidaan myös olettaa, että suurin osa käyttää kehittyneimpien selainten uusimpia versioita mutta lisäksi myös muita!) 2) Kurssista kiinnostuneet opiskelijat - tarvitsevat tietoa kurssista, jotta voivat päättää onko kurssi heille sopiva ja miten sijoittaa sen opintosuunnitelmaan - markkinointia, mutta tiukasti asialinjalla! - todennäköisesti joukossa myös ei-suomenkielisiä opiskelijoita - selainohjelmista tai osaamisen tasosta ei voida olettaa mitään! 4) Korkeakoulun opetuksen kanssa tekemisissäolevat - tarvitsevat tietoa, jolla vertailla kurssia muuhun opetustarjontaan - ovat kiinnostuneita

3 2 myös siitä, mitä kaikkea tietoa sivuilta on löydettävissä (jota voitaisiin mahdollisesti hyödyntää muissa kursseissa) - selainohjelmista tai osaamisen tasosta ei voida olettaa mitään! 3 Käyttöliittymä ja navigointi Käyttäjä etenee sivuilla pääosin tekstimuotoisina esitettyjen linkkien avulla. Linkit järjestetään joko listoiksi tai sijoitetaan suoraan tekstiaineiston sekaan. Kaikkien sivujen alussa on hype-tunnus, joka toimii myös linkkinä joko kurssin kotisivulle (ympärivuotiset sivut) tai kevään 1999 pääsivulle (kurssinaikaiset sivut). Sivujen lopussa on niinikään palkki, josta pääsee myös kotisivuille tai karttasivulle, joka sisältää myös sivujen ilmestymisaikataulun. Selaimen Back-toiminnon käyttö oletetaan hyvin tunnetuksi. 4 Graafinen ilme Koska kurssisivujen on tarkoitus toimia esimerkkinä yhtenäisestä kokonaisuudesta, graafinen ilme pidetään tiukasti yhtenäisenä kautta linjan, mutta toisaalta myös riittävän poikkeavana TML-laboratorion muista sivuista. Kurssisivujen graafinen ilme pidetään suhteellisen yksinkertaisena ja hillittynä. Elävyyttä pyritään luomaan harkitusti käytetyillä 3-D efekteillä. Sivuille halutaan myös luoda selvät rajat: alku ja loppu, joiden välistä löytyy varsinainen informaatio. Jokaisen sivun yläreunsta löytyy kurssin logo, joka helpottaa sivun tunnistamista juuri tähän kurssiin kuuluvaksi. Toteutuksessa on huomioitu WWW:n erityispiirteet siten, että 1) isoja kuvatiedostoja on pyritty välttämään sisällössä, 2) kaikki kuvatiedostot on optimoitu WWWkäyttöön ja 3) kaikille kuvatiedostoille on määritelty tekstivastine ALT-attribuutilla. Kurssisivuilla ei ole omia itsenäisiä alikokonaisuuksia, jotka eroaisivat ulkoasultaan muista sivuista. 5 Hakemistorakenne ja nimeämiskäytäntö Puuesitys koko sitesta:. -- [ 1024] [ 544] BannerCapsule.class -- [ 4693] NewsBanner.class -- [ 11610] aikataulu.html -- [ 1024] arviointi -- [ 4207] arviointi.html -- [ 2531] index.html -- [ 8] kuvat ->../kuvat -- [ 4528] arvostelu.html -- [ 6858] esite.html -- [ 18224] faq.html -- [ 1024] harjoitustyo -- [ 567] BannerCapsule.10.txt -- [ 22] BannerCapsule.class ->../BannerCapsule.class -- [ 10583] NewsBanner.10.txt -- [ 11685] NewsBanner.11.txt -- [ 19] NewsBanner.class ->../NewsBanner.class -- [ 3977] aiheet.html -- [ 4178] demo.html -- [ 13352] hypejava.html -- [ 15346] hypesql.html -- [ 4252] index.html

4 5 Hakemistorakenne ja nimeämiskäytäntö 3 -- [ 23135] javaluento.html -- [ 8] kuvat ->../kuvat -- [ 5433] palautus.html -- [ 3820] pdf.html -- [ 7232] suunnitelma.html -- [ 43397] suunnitelma.pdf -- [ 20747] tekniikat.html -- [ 9375] toteutus.html -- [ 69009] www-h.gif -- [ 69351] -- [ 1969] hype.css -- [ 11701] hype.html -- [ 4489] hypeuser.pdf -- [ 3128] ilmoittautuminen.html -- [ 4841] index.html -- [ 5269] info.html -- [ 6948] kurs.html -- [ 1024] kuvat -- [ 2503] bg.gif -- [ 1316] go.gif -- [ 17802] hype-en.jpg -- [ 17842] hype-se.jpg -- [ 17677] hype.jpg -- [ 13083] hype99.jpg -- [ 8544] hype99a.jpg -- [ 5852] hype99p.gif -- [ 10982] hype99w.jpg -- [ 10160] hypeala.jpg -- [ 10654] hypealan.jpg -- [ 0] index.html -- [ 1301] slowdown.gif -- [ 1316] status.gif -- [ 1287] stop.gif -- [ 2141] wait.gif -- [ 3768] lahetetty.html -- [ 8604] lahteet.html -- [ 4143] luennot.html -- [ 4720] palaute.html -- [ 4925] palvelin.html -- [ 4233] sitemap.html -- [ 4798] tehtavat.html -- [ 21143] tulokset.html -- [ 10] Kuvat -> 1999/kuvat -- [ 15] esite.html -> 1999/esite.html -- [ 13] faq.html -> 1999/faq.html -- [ 13] hype.css -> 1999/hype.css -- [ 15] index.html -> 1999/index.html -- [ 14] info.html -> 1999/info.html -- [ 14] kurs.html -> 1999/kurs.html -- [ 10] kuvat -> 1999/kuvat -- [ 19] lahetetty.html -> 1999/lahetetty.html -- [ 17] palaute.html -> 1999/palaute.html Nimeämisessä on pyritty mahdollisimman havainnollisiin nimiin ja sitä kautta havainnollisiin urleihin. Vaikka kurssisivut on tarkoitus arkistoida CD-ROM:lle muun kurssimateriaalin ohessa, ei ole tarpeen pitäytyä tiukassa ISO 9660 Level 1-standardin mukaisessa nimeämisessä, sillä arkisto- CD-ROM ei tule yleiseen jakeluun, jolloin voidaan nimeämisessä hyödyntää CD-ROM:eilla käytettäviä nimeämislaajennuksia kuten

5 4 Rock Ridge ja Joliet. Sivujen tärkein julkaisukanava tulee olemaan TML-laboratorion WWW-palvelin. Hakemistorakenteen osalta on syytä todeta, että koska sivut ovat olennaisesti itsenäinen osakokonaisuus TML-laboratorion ja TKK:n WWW-sivuja, on rakenne pyritty toteuttamaan mahdollisimman pitkälle TML-laboratorion käytännön pohjalta. Tästä johtuenrakenneei oleaivansisällönkanssa yhtenevä, vaan esimerkiksi ympärivuotiset sivut on sijoitettu samaan hakemistoon kevään 1999 sivujen kanssa. Sivujen näkyvyys erilaisina urleina on toteutettu symbolisten linkkien avulla. Ratkaisu on sinänsä toimiva, mutta johtaa siihen, että osassa sivuja on jouduttu käyttämään absoluuttisia osoitteita suhteellisten sijasta sekä mahdollisesti BASE-tageilla toteutettua suhteellisten osoitteiden sitomista absoluuttiseen osoitteeseen. 6 Ympärivuotiset sivut 6.1 Kotisivu Otsikko: TKK - TML-laboratorio - Opinnot - Hypermediadokumentin laatiminen (index.html) Yhteenveto: Kotisivun tarkoitus on ensisijaisesti palvella kurssista kiinnostunutta opiskelijaa,jokaei välttämättä tiedä kurssista mitään. Näin myös riippumattasiitä, sattuuko kurssi olemaan käynnissä vai ei. Sivu sisöltää linkit opintojaksoesitteisiin suomeksi, ruotsiksi tai englanniksi. Näiden alapuolella oleva liikennevalo kertoo kurssin tilan: käynnissä vai ei. Valon vieressä oleva selite kertoo saman sanoin. Sivun alareunasta löytyy lisäksi linkit kurssiarkistoon, FAQ:iin sekä palautelomakkeeseen. Tavoite: Kertoa onko kurssi käynnissä vai ei sekä tarjotalinkit esitteisiin ja lisäaineistoon. Kohderyhmät: 1,2,4 Grafiikka: normaalin lisäksi liikennevalot, jotka kertovat, onko kurssi käynnissävai ei. Julkaisuajankohta: tammikuu syksy 2000 Indeksointi: kyllä Toteutustapa: HTML Ylläpitäjä: vastaava opettaja 6.2 Opintojaksoesite Otsikko: TKK - TML - Opinnot - Hype - Esite (esite.html) TH - TML - Studier - Hype - Kursbeskrivning (kurs.html) HUT - TML - Studies - Hypermedia documents - Overview (info.html) Yhteenveto: kooste kurssin olennaisista asioista suomeksi, ruotsiksi ja englanniksi. Muistilista, jonka voi vaikka printata. Kohderyhmät: 1,2,4 Grafiikka: myös kuvat eri kielillä! Julkaisuajankohta: tammikuu syksy 2000 /Ruotsi/Englanti Indeksointi: Kyllä Toteutustapa: HTML Ylläpitäjä: vastaava opettaja 6.3 Arkisto Yhteenveto: kokoelma linkkejä aiempien vuosien kurssisivuille. Kun kurssi ei ole käynnissä, arkistosta voi opiskelija löytää lisätietoa esimerkiksi kurssin työmäärän arvioimiseksi. Arkiston merkitys on kuitenkin suurempi kurssi- ja opetushenkilö-kunnalle.

6 6.4 Palaute 5 Kohderyhmät: 1,2,4 Grafiikka: vaihtelee vuosittain Julkaisuajankohta: päivittyy kerran vuodessa Voimassaoloaika: - Kieli: - Indeksointi: ei Toteutustapa: - Ylläpitäjä: kurssihenkilökunta Huomioita: ei oma sivunsa, vaan linkit kotisivulta 6.4 Palaute Otsikko: TKK - TML - Opinnot - Hype - Palaute (palaute.html) Yhteenveto: Välitön yhteydenottokanava kaikenlaisten kurssiin liittyvien kysymysten esittämiseen. Sikäli kuin kysymykset liittyvät parhaillaan suoritettavaan kurssiin, lomakkeessa on valmiit kohdat myös harjoitustyön aihetta yms. varten. Kohderyhmät: 1,2,4 Julkaisuajankohta: tammikuu syksy 2000 Indeksointi: ei Toteutustapa: HTML-lomake + CGI-skripti Ylläpitäjä: vastaava opettaja 6.5 FAQ Otsikko: TKK - TML - Opinnot - Hype - FAQ (faq.html) Yhteenveto: FAQ:iin kootaan vastauksia useimpiin kurssia koskeviin kysymyksiin. Luonnollisesti kaikki kurssin suorittamista jne. koskevat asiat sijoitetaan suoraan uusimmille kurssisivuille ja FAQ:in tarkoitus on sisältää lähinnä yleisluontoista tietoa kurssista. Kohderyhmät: 1,2,4 Julkaisuajankohta: päivitetään tarpeen mukaan Voimassaoloaika: - Indeksointi: kyllä Toteutustapa: HTML Ylläpitäjä: kurssihenkilökunta 6.6 Muuta tietoa Yhteenveto: linkki news-ryhmään, kurssin yhteystiedot. Kohderyhmät: 1,2,4 Julkaisuajankohta: tammikuu syksy 2000 Kieli: - Indeksointi: - Toteutustapa: - Ylläpitäjä: vastaava opettaja Huomioita: ei oma sivunsa, vaan linkit kotisivulta

7 6 7 Uusimmat kurssisivut 7.1 K-99 Pääsivu Otsikko: TKK - TML - Opinnot - Hype - K-99 (1999/hype.html) Yhteenveto: Pääsivu sisältää kaiken kurssin suorittamista varten tarvittavan tiedon alkaen tavoitteista ja ilmoittautumisesta päätyen kurssiarviointiin. Rakenne on periaatteessa lista, joka on järjestetty sekä ajallisesti että sisällöllisesti kurssin suorittamista tukevaan muotoon. Pääotsikoiden seassa on lisäksi selittävää tekstiä. Tavoite: toimii päävalikkona, josta löytää kaiken kurssin suorittamista varten tarvitavan tiedon järjestettynäsisällöllisesti ja ajallisesti järkeväksi listaksi. Kohderyhmät: 1,4 Grafiikka: logot K-99 merkinnällä varustettuja Julkaisuajankohta: tammikuu 1999 Indeksointi: kyllä Toteutustapa: HTML + Java Ylläpitäjä: kurssihenkilökunta Huomioita: Sivun yläreunassa on lisäksi Uutiset -appletti, jossa pyörii kulloisellakin hetkellä ajankohtaisia tiedotteita. 7.2 Ilmoittautumislomake Otsikko: TKK - TML - Opinnot - Hype - K-99 - Ilmoittautumislmake (1999/ilmoittautuminen.html) Yhteenveto: Kurssin pääasiallinen ilmoittautumiskanavaon TOPI, muttaniilleopiskelijoille, jotka eivät voi tätä käyttää on vaihtoehtona ilmoittautumislomake. Lomakkeessa on valmiit kohdat aiheelle ja taustatiedoille. Kohderyhmät: 1 Julkaisuajankohta: tammikuu 1999 Voimassaoloaika: tammi/helmikuu 1999 Indeksointi: ei Toteutustapa: HTML-lomake + CGI-skripti Ylläpitäjä: kurssihenkilökunta 7.3 Luennot Otsikko: TKK - TML - Opinnot - Hype - K-99 - Luennot (1999/luennot.html) Yhteenveto: Luentoaikataulu, jossa luentojen aihepiirit, luennoitsijat ja mahdolliset yritysten nimet. Linkit luentoaineistoon, jos saatavissa. Kohderyhmät: 1,4 Julkaisuajankohta: tammikuu 1999 Indeksointi: kyllä Toteutustapa: HTML Ylläpitäjä: kurssihenkilökunta

8 7.4 Java-askartelutunti Java-askartelutunti Otsikko: TKK - TML - Opinnot - Hype - K-99 - Luennot - Java (1999/harjoitustyo/javaluento.html) Yhteenveto: Esitietopaketti ja johdatus Java-kieleen ennen luentoa Kohderyhmät: 1 Julkaisuajankohta: maaliskuu 1999 Indeksointi: kyllä Toteutustapa: HTML Ylläpitäjä: luennoitsija Huomioita: ei mukana suunnitelmassa! 7.5 Interaktiivisuuden toteuttamistekniikat WWW:ssä Otsikko: TKK - TML - Opinnot - Hype - K-99 - Luennot - Interaktiivisuus (1999/harjoitustyo/tekniikat.html) Yhteenveto: Kooste interaktiivisuudentoteuttamistavoista WWW-ympäristössä luennon tueksi. Kohderyhmät: 1 Grafiikka: Isohko kuva, jossa eri toteuttamistekniikat kontekstissaan. Imagemap. Julkaisuajankohta: huhtikuu 1999 Indeksointi: kyllä Toteutustapa: HTML Ylläpitäjä: luennoitsija Huomioita: ei mukana suunnitelmassa! 7.6 Kirjallisuus ja lähdeaineisto Otsikko: TKK - TML - Opinnot - Hype - K-99 - Lähdeaineisto (1999/lahteet.html) Yhteenveto: Suurehko kokoelma linkkejä hyväksi havaittuun tietoon aihepiirien mukaisesti järjestettynä. Linkkien toimivuus täytyy testata määräajoin. Listaa kasvatetaan opiskelijoilta ja luennoitsijoilta saatavien tietojen perusteella. Kohderyhmät: 1,4 Julkaisuajankohta: tammikuu 1999, päivitetään tarpeen mukaan Indeksointi: kyllä Toteutustapa: HTML Ylläpitäjä: kurssihenkilökunta 7.7 Harjoitustyö Otsikko: TKK - TML - Opinnot - Hype - K-99 - Harjoitustyö (1999/harjoitustyo/index.html) Yhteenveto: Harjoitustöidenpääsivu noudattelee samaa linjaa kurssin pääsivun kanssa: kaikki harjoitustöihinliittyvä materiaali esitetään listamuodossa alkaen aiheista ja päätyen 3. osan palautukseen. Pääsivulla on lisäksi yleiskuvaus harjoitustöistä. Kohderyhmät: 1 Julkaisuajankohta: tammikuu 1999, päivitetään deadlinejen yhteydessä

9 8 Indeksointi: ei Toteutustapa: HTML Ylläpitäjä: kurssihenkilökunta 7.8 Aiheet Otsikko: TKK - TML - Opinnot - Hype - K-99 - Harjoitustyö - Aiheet (1999/harjoitustyo/aiheet.html) Yhteenveto: Yksinkertainen luettelo harjoitustyöaiheista/aihepiireistä varustettuna esimerkeillä. Kohderyhmät: 1 Julkaisuajankohta: tammikuu 1999 Indeksointi: ei Toteutustapa: HTML Ylläpitäjä: kurssihenkilökunta 7.9 Ohjeet 1. osaan Otsikko: TKK - TML - Opinnot - Hype - K-99 - Harjoitustyö - Suunnitelma (1999/harjoitustyo/suunnitelma.html) Yhteenveto: Harjoitustyön suunnitelman vaatimukset. Jaetaan myös opetusmonisteissa. Tavoite: kuvata yksiselitteisesti kaikki suunnitelman osat. Kohderyhmät: 1 Julkaisuajankohta: helmikuu 1999 Indeksointi: ei Toteutustapa: HTML (LaTeX2HTML + editointi) Ylläpitäjä: vastaava opettaja 7.10 Esimerkkisuunnitelma (1999/harjoitustyo/suunnitelma.pdf) Yhteenveto: Tämä dokumentti PDF-muotoisena. Jaetaan myös opetusmonisteissa. Kohderyhmät: 1 Julkaisuajankohta: helmikuu 1999 Indeksointi: - Toteutustapa: PDF Ylläpitäjä: vastaava opettaja 7.11 Palautusohjeet Otsikko: TKK - TML - Opinnot - Hype - K-99 - Harjoitustyö - Palautus (1999/harjoitustyo/palautus.html) Yhteenveto: Palautusohjeet harjoitustyön eri osille. Kohderyhmät: 1 Julkaisuajankohta: helmikuu 1999, päivitetään deadlinejen yhteydessä

10 7.12 PDF-ohjeet 9 Indeksointi: ei Toteutustapa: HTML Ylläpitäjä: kurssihenkilökunta 7.12 PDF-ohjeet Otsikko: TKK - TML - Opinnot - Hype - K-99 - Harjoitustyö - PDF-ohjeet (1999/harjoitustyo/pdf.html) Yhteenveto: ohjeet dokumenttien saattamiseksi PDF-muotoon. Linkkejä ohjelmistoihin. Kohderyhmät: 1 Julkaisuajankohta: helmikuu 1999, päivitetään deadlinejen yhteydessä Indeksointi: ei Toteutustapa: HTML Ylläpitäjä: kurssihenkilökunta 7.13 Ohjeet 2. osaan Otsikko: TKK - TML - Opinnot - Hype - K-99 - Harjoitustyö-Demo (1999/harjoitustyo/demo.html) Yhteenveto: Harjoitustyön demo-osan vaatimukset. Kohderyhmät: 1 Julkaisuajankohta: maaliskuu 1999 Indeksointi: ei Toteutustapa: HTML (LaTeX2HTML + editointi) Ylläpitäjä: vastaava opettaja 7.14 Ohjeet 3. osaan Otsikko: TKK - TML - Opinnot - Hype - K-99 - Harjoitustyö - Toteutus (1999/harjoitustyo/toteutus.html) Yhteenveto: Harjoitustyön toteutusosan vaatimukset ja dokumentaatio. Kohderyhmät: 1 Julkaisuajankohta: huhtikuu 1999 Indeksointi: ei Toteutustapa: HTML (LaTeX2HTML + editointi) Ylläpitäjä: vastaava opettaja 7.15 Esimerkkidokumentaatio Yhteenveto: Esimerkkidokumentaatio kurssisivujen toteutuksesta. Kohderyhmät: 1 Julkaisuajankohta: huhtikuu/toukokuu 1999 Indeksointi: ei Toteutustapa: PDF

11 10 Ylläpitäjä: vastaava opettaja Huomioita: tämä dokumentti 7.16 Huono esimerkki Yhteenveto: Esimerkki erittäin huonosta HTML-sivusta. Sivulle rakennetaan sisäl-löllisesti huonoa ja epäselvää materiaalia, joka vielä toteutetaanmahdollisimman huonosti. Huomioita: Ei toteutettu, vaan kurssihenkilökunnan yhteiselläpäätöksellä korvattu tehtävällä. Maailmassahan on jo aivan riittävän monta huonosti tehtyä WWW-sivua Tehtävät Otsikko: TKK - TML - Opinnot - Hype - K-99 - Tehtävät (1999/tehtavat.html) Yhteenveto: Harjoitustyön eri vaiheiden yhteydessä palautettavat tehtävät, jotka liittyvät kurssin aihepiireihin. Kohderyhmät: 1 Julkaisuajankohta: helmikuu 1999, päivitetään deadlinejen yhteydessä Indeksointi: ei Toteutustapa: HTML Ylläpitäjä: vastaava opettaja 7.18 Hype-palvelin Otsikko: TKK - TML - Opinnot - Hype - K-99 - Hype-palvelin (1999/palvelin.html) Yhteenveto: Ohjeet ja kuvaus kurssin omasta palvelinkoneesta. Kohderyhmät: 1 Julkaisuajankohta: helmikuu 1999, päivitetään tarpeen vaatiessa Indeksointi: ei Toteutustapa: HTML Ylläpitäjä: kurssihenkilökunta 7.19 Hype-koneen Java-ohjeet Otsikko: TKK - TML - Opinnot - Hype - K-99 - Harjoitustyö - Hypen Java-ympäristö (1999/harjoitustyo/hypejava.html) Yhteenveto: Esimerkkejä ja ohjeita Java:n käyttöön hype-palvelinkoneessa Kohderyhmät: 1 Julkaisuajankohta: maaliskuu 1999, päivitetään tarpeen vaatiessa Indeksointi: kyllä Toteutustapa: HTML Ylläpitäjä: kurssihenkilökunta Huomioita: ei mukana suunnitelmassa!

12 7.20 Hype-koneen SQL-ohjeet Hype-koneen SQL-ohjeet Otsikko: TKK - TML - Opinnot - Hype - K-99 - Harjoitustyö - Hypen SQL-ympäristö (1999/harjoitustyo/hypesql.html) Yhteenveto: Esimerkkejä ja ohjeita MySQL-tietokannan käyttöön hype-palvelinkoneessa Kohderyhmät: 1 Julkaisuajankohta: maaliskuu 1999, päivitetään tarpeen vaatiessa Indeksointi: kyllä Toteutustapa: HTML Ylläpitäjä: kurssihenkilökunta Huomioita: ei mukana suunnitelmassa! 7.21 Lupahakemuslomake Yhteenevto: lomake käyttäjätunnuksenhakemistavarten kurssinpalvelinkoneeseenpdfmuodossa. Kohderyhmät: 1 Julkaisuajankohta: tammikuu 1999 Indeksointi: - Toteutustapa: PDF Ylläpitäjä: kurssihenkilökunta 7.22 Aikataulu Otsikko: TKK - TML - Opinnot - Hype - K-99 - Aikataulu (1999/aikataulu.html) Yhteenveto: Kurssin tärkeät päivämäärät havainnollistettuna JavaScript-laskurilla. Kohderyhmät: 1 Julkaisuajankohta: tammikuu 1999 Indeksointi: ei Toteutustapa: HTML + JavaScript Ylläpitäjä: kurssihenkilökunta 7.23 Arvostelu Otsikko: TKK - TML - Opinnot - Hype - K-99 - Arvostelu (1999/arvostelu.html) Yhteenveto: Arvosteluperiaatteet ja tavallisimmat kompastuskivet aiemmilta vuosilta. Kohderyhmät: 1 Julkaisuajankohta: maaliskuu 1999, päivitetään tarpeen mukaan Indeksointi: ei Toteutustapa: HTML Ylläpitäjä: kurssihenkilökunta

13 Tulokset Otsikko: TKK - TML - Opinnot - Hype - K-99 - Tulokset (1999/arvostelu.html) Yhteenveto: harjoitustyön eri osien arvostelu ja tulokset. Kohderyhmät: 1,4 Julkaisuajankohta: kesäkuu 1999 Voimassaoloaika: 6 kk Indeksointi: ei Toteutustapa: HTML Ylläpitäjä: kurssihenkilökunta 7.25 Arviointi Otsikko: TKK - TML - Opinnot - Hype - K-99 - Kurssiarviointi (1999/arviointi/index.html) Yhteenveto: interaktiivinen arviointimoottori, jolla opiskelijat voivat arvioida kurssia. Opiskelijat voivat arvioida kurssia eri vaiheissa ja myös muuttaa arviointiaan. Arvioinnin yhteistulokset lasketaan lennossa. Tulokset ovat alkuun nähtävissä vain opiskelijoille ja myöhemmin kaikille. Luonnollinen toteutustapa on tekstitietokantapohjainen CGI-sovellus. Kohderyhmät: 1,4 Julkaisuajankohta: huhti/toukokuu 1999 Indeksointi: kyllä Toteutustapa: HTML-lomake + CGI-skripti Ylläpitäjä: vastaava opettaja Luokitus: kurssin aikana vain ilmoittautuneille opiskelijoille, myöhemmin arviointitulokset julkiseksi 8 Esimerkkisivut 8.1 Kurssin kotisivu Kurssin kotisivu löytyy kuvasta 8 ja lähdekoodi liitteestä1. Validaattoriajo ( W3C HTML Validation Service Results Document Checked URI: Last modified: Fri, 05 Mar :46:08 GMT Server: Apache/1.3.3 Content length: 4841 Character encoding: unknown Level of HTML: HTML 4.0 Transitional. Below are the results of attempting to parse this document with an SGML parser. No errors found! Congratulations, this document validates as HTML 4.0 Transitional!

14 8.1 Kurssin kotisivu 13 Kuva 1: Kurssin kotisivu nähtynä Linux Netscape 4.5-selaimella

15 14 Kuva 2: Kurssin K-99 kotisivu nähtynä MS Internet Explorer 4.0 (Win95)-selaimella SiteInspector ( taas antaa tulokseksi: Overall Rating 3/5 Browser Compatibility 3/5 Link Validator 4/5 Popularity 1/5 Load Time 4/5 Submit It! Readiness 4/5 Spelling 1/5 HTML Validity 4/5 Tulokset ovat selitettävissä siten, että SiteInspector tarkistaa selainyhteensopivuutta olemassaolevien selainten tukemien tagien puitteissa ja kaikki selaimet eivät tue puhtaasti kaikkia HTML- spesifikaation mukaisia määrittelyjä. Popularity-tulos on selvä: kurssisivuja ei ole (vielä) mitenkään erityisemmin ilmoitettu hakukoneille, joten niiden löytyminen tätä kautta on satunnaisten hakurobottien vierailun tulosta. SiteInspector ei myöskään osaa tarkistaa Suomen kielen oikeakielisyyttä. 8.2 Kurssin K-99 kotisivu Kurssin kotisivu löytyy kuvasta 8.2 ja lähdekoodi liitteestä2. Validaattoriajo ( W3C HTML Validation Service Results

16 8.3 Aikataulu 15 Document Checked URI: Last modified: Wed, 28 Apr :11:10 GMT Server: Apache/1.3.3 Content length: Character encoding: unknown Level of HTML: HTML 4.0 Transitional. Below are the results of attempting to parse this document with an SGML parser. No errors found! Congratulations, this document validates as HTML 4.0 Transitional! SiteInspector ( Overall Rating 4/5 Browser Compatibility 5/5 Link Validator 5/5 Popularity 1/5 Load Time 5/5 Submit It! Readiness 4/5 Spelling 1/5 HTML Validity 5/5 8.3 Aikataulu JavaScriptillähöystetty aikataulusivu löytyy kuvasta 8.3 ja lähdekoodi liitteestä3. Sama sivu nähtynä tekstipohjaisella lynx-selaimella: Hype K-99 kotisivulle Aikataulu Ilmoittautuminen TOPI:lla klo mennessä. Harjoitustyön 1. osa (suunnitelma) klo mennessä. Harjoitustyön 2. osa (demo) klo mennessä. Harjoitustyön 3. osa (toteutus) klo mennessä. Tällä sivulla on käytetty JavaScript:iä deadline-päivämäärien havainnollistamiseksi. Kokeile eri selainohjelmilla ja huomaat eron! Hype K-99 Tämän sivun sisällöstä vastaa Martti Rahkila Viimeksi päivitetty:

17 16 Kuva 3: Kurssin K-99 kotisivu nähtynä MacOS Netscape 4.5-selaimella

18 8.4 Kurssiarviointi 17 URL: Validaattoriajo ( Muutamia virheitä\ldots Oivallisena JavaScript-henkisenä harjoitustehtävänä kannattaa tutustua sivun lähdekoodiin liitteessä 3 ja selvitellä, mitkä asiat ovat toimivaa, mutta virheellistä HTML:ää ja miksi näin on tehty. Samalla tulee selvitettyä laskurinkin toimintaperiaate. SiteInspector ( samasta sivusta (!): Overall Rating 4/5 Browser Compatibility 5/5 Link Validator 5/5 Popularity 1/5 Load Time 5/5 Submit It! Readiness 4/5 Spelling 1/5 HTML Validity 4/5 8.4 Kurssiarviointi Koska kurssiarviointisivut luodaan kaikki dynaamisesti palvelimella POST-metodia käyttäen, ei näiden validointi yllämainituilla työkaluilla ole mahdollista. 9 Aktiivinen osa Kurssisivuilla on useita aktiivisia osia kuten K-99 pääsivun uutisappletti, aikataululaskuri sekä kurssiarviointimoottori. 9.1 Uutisappletti Uutisappletti näyttää animoidusti kurssin eri uutisaiheita. Osa uutisaiheista on varustettu linkillä, jolloin klikkaamalla saa lisätietoa. Appletista on tehty kaksi versiota: JDK 1.0 ja JDK 1.1-yhteensopivat versiot, joista jälkimmäinen toimii vain uusimmilla selaimilla. Tiedostot: 1999/hype.html, NewsBanner.class, BannerCapsule.class Selainriippuvuus: toimii vain Javaa tukevilla selaimilla, muille on esitetty uutiset listana APPLET-tagin normaalilla vaihtoehtomenettelyllä. Lähdekoodit löytyvät hype-koneen hakemistosta: /usr/local/hype/newsbanner.java /usr/local/hype/bannercapsule.java 9.2 Deadlinelaskuri Aikataulusivulla on deadlinejen vauhdikasta lähestymistä havainnollistettu JavaScriptin avulla. Laskuri laskee sekunteja alaspäin aina seuraavaan deadlineen. Käytetty JavaScriptin versio on 1.1, joka julkaistiin Netscape 3-sarjan selainten yhteydessä. Tiedostot: aikataulu.html Selainriippuvuus: toimii vain Netscape 3 ja 4-sarjan selaimilla. JavaScriptillä on ensin toteutettu sopivien selainten tunnistus ja tämän jälkeen laskuri ilmestyy sivulle

19 18 vain sopivaa selainta käytettäessä. Muiden selainten käyttäjät näkevät vastaavan informaation ilman laskuria. Toteutukselle ominaista on se, että JavaScriptin avulla kirjoitetaan tiedostoon HTML-koodia suorituksen yhteydessä. Tästä johtuen kyseinen tiedosto ei saa puhtaita papereita validaattorilta, vaan validaattorin näkemä koodi on osittain virheellistä. Lähdekoodi löytyy liitteestä 3. (Huom! täydellinen lähdekoodi ei ole saatavissa selaimen View Source-toiminnolla) 9.3 Kurssiarviointimoottori Hyvin sisältöön sopiva interaktiivinen palvelu on kurssiarviointi. Palvelun avulla opiskelija voi arvioida kurssin sisältöä ja järjestelyjä ja halutessaan myös muuttaa aiempaa arviointia. Arviointipalvelu myös näyttää arvioinnin yhteistulokset numeeristen arviointien osalta on-line. Kurssin kuluessa vain ilmoittautuneilla opiskelijoilla on mahdollisuus seurata tuloksia, kurssin päätyttyä tulokset asetetaan kaikkien näkyville. Toteutustapa on CGI/tietokantaratkaisu, jossa indeksinä toimii opiskelijanumero. CGI-ohjelma on kirjoitettu Perl-kielellä jakäytetty tietokanta perinteinen tekstitietokanta (esimerkkejä SQL-tietokannan käytöstä eri ohjelmointikielillä on runsaasti esimerkkiaineiston joukossa). Palvelun käyttöedellyttääkäyttäjätunnusta (opiskelijanumero)käyttäjätietokannassa (users.db). Käyttäjätietokannan päivitys on mahdollista vain kurssin vastaavalta opettajalta. Varsinainen toiminnallisuus ja käyttäjälle näkyvä ulkoasu on erotettu toisistaan (virheilmoituksia lukuunottamatta) käyttämällä template-tiedostoja. Tiedostot: arviointi/index.html, arviointi.cgi, Hype.pm, arviointi.tmpl, tulokset.tmpl, users.db, n datatiedostoa Selainriippuvuus:Palvelinpuolen ratkaisuna edellyttää vain selaimelta vain HTMLlomakkeiden tuen eli toimii (lähes) kaikilla selaimilla. Lähdekoodit löytyväthype-koneen hakemistosta: /usr/local/hype/arviointi/* 10 Palautemekanismi Palautemekanismia hyödynnetään välittömänä yhteydenotto- ja kyselykanavana kurssin asioista. Se on suunnattu erityisesti sellaisille käyttäjille, jotka ovat kiinnostuneita kurssista, mutta eivät välttämättä ole TKK:lta. Palautemekanismi on käytössä myös ilmoittautumislomakkeessa, joka on tarkoitettu sellaisille henkilöille, jotka syystä tai toisesta eivät voi ilmoittautua kurssille TOPIlla. Palautekanava on toteutettu tavallisena HTML-lomakkeena ja CGI- -skriptinä, joka on kirjoitettu Perl-kielellä. Koska palautekanavan käyttöönotto kuuluu kaikkiin kurssin harjoitustöihin, ei sitäoletässä sen tarkemmin dokumentoitu. Käyttöönotossa tarvittava CGI-skripti löytyy hype-koneesta hakemistosta: /usr/local/hype/mail.cgi ja lomake-esimerkki mrahkila/palaute/palaute.html 11 Ajankäyttö Toteutunut työmäärä kurssisivujen osalta oli 1) suunnittelu n. 40 h, 2) toteutus + testaus n. 70 h ja 3) korjaukset ja päivitykset 30 h. Aikaa siis kului n. 20 h enemmän arvioituun nähden, mikä lienee tyypillinentilanne kaikissa WWW-sivustoissa, jotka sisältävät asteittaintapahtuviapäivityksiä. 12 Tyylisivut Kaikki kurssisivut ovat ulkoasultaan yhtenevät, joten kaikilla sivuilla on käytetty myös samaa tyylisivumäärittelyä. Käytetty määrittely löytyy liitteestä4.

20 13 Selainriippuvuus 19 Määrittely on pyritty tekemään mahdollisimman geneeriseksi, mutta jo heti kurssin alussa havaittiin CSS-tuen puutteellisuus ja vaihtelu eri selaimissa. Lisäksi itse tyylimäärittelykin sisältää huolimattomasti tehtyjä määrittelyjä mm. fonttikokojen osalta (pitäisi käyttää suhteellisiamittoja, ei pistekokoja!) Määrittelyt ja niiden käyttö onnistuttiinkuitenkin toteuttamaan siten, ettänekäyttjät, joiden selain ei tue, tai selaimessa ei ole CSS-tuki käytössä, näkevät sivut vielä suhteellisen järkevästi tai ainakin siten, että olennainen informaatio on tallella. 13 Selainriippuvuus Sivuilla on maksimoitu yhteensopivuus eri selainten välillä noudattamalla tiukasti HTML 4.0 Transitional spesifikaatiota, mikä lienee tämän hetken joustavin HTML-spesifikaatio. Se on myös suhteellisen hyvintuettuuudemmissa selaimissa, sillä spesifikaatio sisältää myös aiemmin selainkohtaisia HTML-laajennuksia. Näitä ei ole sivuilla käytetty lainkaan. Aktiivisten osien selainriippuvuus on dokumentoitu näiden muun dokumentaation yhteydessä. Olennaisesti mikään aktiivisista elementeistä ei ole tehty siten, etteikö käyttäjälle olisi vastaava informaatio tarjolla jossain muodossa. 14 Työkalut Kurssisivuja tehtäessä käytettiinseuraavia työkaluja: Emacs-editori (HTML), Adobe Illustrator (vektorigrafiikka), CorelDraw (vektorigrafiikka), Adobe Photoshop (kuvankäsittely), MapThis (imagemap-editori, PC), ImageMapper (imagemap-editori, Mac), Adobe Acrobat (PDF), LaTeX2HTML (konvertteri), W3C:n ja LinkExchangen validointipalvelut, Web Design Groupin HTML-referenssi. Sivuja työstettiinunix,pc ja Mac-ympäristöissä. WYSIWYG-editoreja ei käytetty lainkaan. Imagemap-editoreja ja validointipalveluja lukuunottamatta käyttö vaatii opettelua. Kaikkien työkalujen tuottama laatu on kuitenkin hyvää, jos ja kun tietäämitä tekee :-) 15 Muita huomioita Koska kaikki materiaali oli tehty scratchistä ja ulkopuolinen materiaali selvästi merkitty linkkeinä, ei kurssisivuilla ole tekijänoikeusongelmia. Käytettävyydessä sen sijaan olisi parantamisen varaa. Suunniteltu ja toteutunut navigointi ja sivujen jako osoittautui käytännössä hieman hankalaksi ja asiaan täytynee palata jälleen ensi vuonna. Kurssisivuilla ei ole tunnettuja tietoturva-aukkoja (ja jos olisi, en varmasti kirjoittaisi niitätähän dokumenttiin ;-)

21 20 16 Ryhmätyöskentely Mallikkaana huonona esimerkkinä ryhmätyöskentelystö kurssisivut ovat lähes yksinomaan vastaavan opettajan käsialaa. Kurssin assistentitosallistuivatpäivityksiin,käännöksiin ja hype-palvelimen ohjeiden laatimiseen sekä luentoihin liittyvän materiaalin tekemiseen. Kurssin luennoitsijatkommentoivat kurssisivuja omasta näkökulmastaan, mikä johti pienehköihinparannus- tai korjaustoimiin. Kurssin opiskelijatauliistiraportoivattoimimattomista linkeistäjne. 17 Tulevaisuudennäkymiä Ei perhana, täytyy varmaan laittaa sivut uusiksi taas ensi vuonna...

22 17 Tulevaisuudennäkymiä 21 Liite 1: Kurssin kotisivun lähdekoodi <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" " <html lang=fi> <head> <title>tkk - TML-laboratorio - Opinnot - Hypermediadokumentin laatiminen</title> <link rev="made" href="mailto:martti.rahkila@tcm.hut.fi"> <link rel=stylesheet href="hype.css" type="text/css" title="hype-tyylimäärittelyt"> <meta name="keywords" content="hypermedia,www,opinnot, TKK,TML-laboratorio"> <meta name="description" content="tkk:n opintojakson Tik Hypermediadokumentin laatiminen kotisivu"> <meta name=robots content="index,follow"> <meta http-equiv=expires content="fri, 7 Jan :00:00 EET"> <meta http-equiv="content-script-type" content="text/javascript"> <meta http-equiv="content-style-type" content="text/css"> </head> <body bgcolor="#ffffff" background="kuvat/bg.gif" alink="#5402ff"> <map name="hypemap"> <area shape=rect coords="402,19,518,27" href=" alt="teknillinen korkeakoulu" onmouseover="window.status= TKK:n kotisivulle ; return true;" onmouseout="window.status= ; return true;"> <area shape=rect coords="263,29,519,37" href=" alt="tietoliikenneohjelmistojen ja multimedian laboratorio" onmouseover="window.status= TML-laboratorion kotisivulle ; return true;" onmouseout="window.status= ; return true;"> <area shape=poly coords="17,9,40,4,59,7,76,6,85,33,73,43,37,46,9,32, 6,10,21,9,20,9,17,9" href=" alt="tietoliikenneohjelmistojen ja multimedian laboratorio" onmouseover="window.status= TML-laboratorion kotisivulle ; return true;" onmouseout="window.status= ; return true;"> </map> <map name="hype-ala-map"> <area shape=circle coords="250,31,21" href=" alt="tml-laboratorion tiedonhakusivu" onmouseover="window.status= TML-laboratorion tiedonhakusivulle ; return true;" onmouseout="window.status= ; return true;"> <area shape=poly coords="82,51,103,51,117,6,97,7,76,24,74,38,85,52,82,51" href=" alt="teknillinen korkeakoulu" onmouseover="window.status= TKK:n kotisivulle ; return true;" onmouseout="window.status= ; return true;"> <area shape=poly coords="125,20,127,37,154,54,189,54,209,43,201,28,

23 22 193,11,181,13,156,11,135,14,124,22,125,20" href=" alt="tietoliikenneohjelmistojen ja multimedian laboratorio" onmouseover="window.status= TML-laboratorion kotisivulle ; return true;" onmouseout="window.status= ; return true;"> </map> <blockquote> <img src="kuvat/hype.jpg" alt="tkk - TML - HYPE (Hypermediadokumentin laatiminen)" usemap="#hypemap" border="0"> <blockquote> <div align=center><h1>tik Hypermediadokumentin laatiminen<br>(3.0 ov)</h1></div> <div align=center> <table> <tr> <td align=center class=standard><a href="esite.html"> <span class="inverse"> <b> LUEMINUT </b></span></a><br> Opintojaksoesite<br> </td> <td align=center class=standard><a href="kurs.html"> <span class="inverse"> <b> LfSMIG </b></span></a><br> Kursbeskrivning<br> </td> <td align=center class=standard><a href="info.html"> <span class="inverse"> <b> README </b></span></a><br> Course overview<br> </td> </tr> </table> </div> <div align=center> <table width="500"> <tr> <td class=standard><a href="1999/hype.html"><img src="kuvat/status.gif" border="0" alt="kurssi on parhaillaan käynnissä. Tästä pääset uusimmille kurssisivuille"></a><br> </td> <td class=standard>kevään 1999 kurssi on alkanut to klo 17.15! <a href="1999/hype.html">uusimmilta kurssisivuilta</a> löydät kaikki tarvittavat tiedot.<br> </td> </tr> </table>

24 17 Tulevaisuudennäkymiä 23 </div> <dl class=standard> <dt><strong>arkisto</strong> <dd><a href="/opinnot/tik /1998">kurssi keväällä 1998</a><br> <a href="/opinnot/tik /1997">kurssi keväällä 1997</a><br> <a href="/opinnot/tik /1996">kurssi keväällä 1996</a> </dl> <dl class=standard> <dt><strong>lisätietoja</strong> <dd><a sähköpostiosoite <a href="news://news.tky.hut.fi/opinnot.tik.hype"> Otax:in opinnot.tik.hype uutisryhmä</a><br> <a href="faq.html">faq</a><br> <a href="palaute.html">palaute/kyselylomake</a> </dl> </blockquote> <p class=space> <img src="kuvat/hypeala.jpg" border="0" alt="tkk - TML - HYPE (Hypermediadokumentin laatiminen)" usemap="#hype-ala-map"> <blockquote> <span class=footer> <em> Tämä sivun sisällöstä vastaa Martti Rahkila <a href="mailto:martti.rahkila@tcm.hut.fi"> <martti.rahkila@tcm.hut.fi></a><br> Viimeksi päivitetty: <br> URL: </em> </span> </body> </html> </blockquote> </blockquote>

25 24 Liite 2: Kurssin K-99 pääsivun lähdekoodi (Java) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" " <html lang=fi> <head> <title>tkk - TML - Opinnot - Hype - K-99</title> <link rev="made" href="mailto:martti.rahkila@tcm.hut.fi"> <link rel=stylesheet href="hype.css" type="text/css" title="hype-tyylimäärittelyt"> <meta name="keywords" content="hypermedia,www,opinnot, TKK,TML-laboratorio"> <meta name="description" content="tkk:n opintojakson Tik Hypermediadokumentin laatiminen kotisivu"> <meta name=robots content="index,follow"> <meta http-equiv=expires content="fri, 7 Jan :00:00 EET"> <meta http-equiv="content-script-type" content="text/javascript"> <meta http-equiv="content-style-type" content="text/css"> </head> <body bgcolor="#ffffff" background="kuvat/bg.gif" alink="#5402ff"> <map name="hype99-ala-map"> <area shape=rect coords="481,7,526,56" href="sitemap.html" alt="hype Sitemap" onmouseover="window.status= Hype-kurssin K-99 karttasivulle ; return true;" onmouseout="window.status= ; return true;"> </map> <blockquote> <img src="kuvat/hype99.jpg" alt="hype K-99 kotisivu" border="0"> <blockquote> <div align=center> <h1>tik Hypermediadokumentin laatiminen,<br> Kevät 1999 (3.0 ov)</h1> </div> <applet code="newsbanner.class" width="480" height="36"> <PARAM NAME="foreground" VALUE="ffffff"> <PARAM NAME="background" VALUE="5402ff"> <PARAM NAME="fontface" VALUE="helvetica"> <PARAM NAME="fontsize" VALUE="12"> <PARAM NAME="banner0" VALUE="( ) Toteutus-osan ohjeet ovat ilmestyneet"> <PARAM NAME="banner1" VALUE="( ) Viimeinen luento

26 17 Tulevaisuudennäkymiä 25 siirretty viikolla eteenpäin"> <PARAM NAME="banner2" VALUE="( ) Päivitetyt tietokantaohjeet ilmestyneet"> <PARAM NAME="banner3" VALUE="( ) Suunnitelmien ja tehtävien tulokset!"> <PARAM NAME="banner4" VALUE="( ) Demo-ohjeet ovat ilmestyneet"> <PARAM NAME="banner5" VALUE="( ) Tarkennetut arvosteluperiaatteet"> <PARAM NAME="banner6" VALUE="( ) Java -ympäristön ohjeet ovat ilmestyneet"> <PARAM NAME="banner7" VALUE="( ) Hype -koneen tunnukset ovat käytettävissä"> <PARAM NAME="banner8" VALUE="( ) Harjoitustyön 1. osan tehtävät ovat ilmestyneet"> <PARAM NAME="banner9" VALUE="( ) Harjoitustyön 1. osan ohjeet ovat ilmestyneet"> <PARAM NAME="banner10" VALUE="( ) Java -luennon alustusmateriaali on ilmestynyt"> <PARAM NAME="banner11" VALUE="( ) Mediariihen sivuaineopiskelijoille erikoistarjous"> <PARAM NAME="banner12" VALUE="( ) Kurssi alkaa to klo salissa T1"> <PARAM NAME="banner13" VALUE="( ) Tilatkaa opetusmonisteet!"> <PARAM NAME="url0" VALUE=" <PARAM NAME="url1" VALUE=" <PARAM NAME="url2" VALUE=" <PARAM NAME="url3" VALUE=" <PARAM NAME="url4" VALUE=" <PARAM NAME="url5" VALUE=" <PARAM NAME="url6" VALUE=" <PARAM NAME="url8" VALUE=" <PARAM NAME="url9" VALUE=" <PARAM NAME="url10" VALUE=" <PARAM NAME="url11" VALUE=" <b>uutta</b><br> <b>( )</b> <a href="harjoitustyo/toteutus.html"> Toteutus-osan ohjeet ovat ilmestyneet</a> <b>( )</b> <a href="luennot.html">viimeinen luento siirretty viikolla eteenpäin, uusi aika to </a> <b>( )</b> <a href="harjoitustyo/hypesql.html"> Päivitetyt tietokantaohjeet ilmestyneet</a> <b>( )</b> <a href="tulokset.html">suunnitelmien ja tehtävien tulokset!</a>

27 26 <b>( )</b> <a href="harjoitustyo/hypesql.html"> Tietokantaohjeet ovat ilmestyneet</a> <b>( )</b> <a href="harjoitustyo/demo.html"> Demo-ohjeet ovat ilmestyneet</a> <b>( )</b> <a href="arvostelu.html">tarkennetut arvosteluperiaatteet</a> <b>( )</b> <a href="harjoitustyo/hypejava.html"> Java -ympäristön ohjeet ovat ilmestyneet</a><br> <b>( )</b> Hype-koneen tunnukset ovat käytettävissä<br> <b>( )</b> <a href="tehtavat.html">harjoitustyön 1. osan tehtävät ovat ilmestyneet</a><br> <b>( )</b> <a href="harjoitustyo/index.html"> Harjoitustyön 1. osan ohjeet ovat ilmestyneet</a><br> <b>( )</b><a href="harjoitustyo/javaluento.html"> Java-luennon alustusmateriaali on ilmestynyt</a> <b>( )</b> <a href="harjoitustyo/aiheet.html"> Mediariihen sivuaineopiskelijoille erikoistarjous!</a><br> <b>( )</b> Tilatkaa opetusmonisteet! Viimevuotisetkin prujut käyvät täydennettyinä!<br> <b>( )</b> Kurssi alkaa to klo salissa T1<br> <hr> </APPLET> <a name="tavoitteet"></a> <dl> <dt><strong>tavoitteet</strong> <dd> Kurssi on johdatus multimediasisältötuotantoon ja sen tarkoituksena on tutustuttaa hypermediajärjestelmien suunnitteluprosessiin ja toteutukseen. Esimerkkiympäristönä käytetään World Wide Webiä. Tavoitteena on muodostaa opiskelijalle kokonaiskuva asiasta sekä ymmärrys WWW-toteutuksen keskeisistä piirteistä, jotta tämä pystyy jatkossa toimimaan osana tuotantoryhmää. </dl> <a name="ilmoittautuminen"></a> <dl> <dt><strong><a href=" </strong> <dd>kurssille tulee ilmoittautua <a href=" TOPI</a>:lla. <b>ilmoittautuminen on <i>pakollista</i> ja sen tulee tapahtua klo mennessä.</b> Opiskelijat, jotka eivät pysty ilmoittautumaan TOPIlla (esim. erillisopiskelijat jne.), voivat käyttää tarkoitukseen <a href="ilmoittautuminen.html"> ilmoittautumislomaketta</a>. </dl>

28 17 Tulevaisuudennäkymiä 27 <a name="suorittaminen"></a> <dl> <dt><strong>suorittaminen</strong> <dd>kurssin laajuus on kolme opintoviikkoa, ja se suoritetaan harjoitustyöllä kevään aikana. Kurssi arvostellaan asteikolla 0-5. Tenttiä ei ole, mutta harjoitustyöhön on integroitu mukaan joukko <a href="tehtavat.html">tehtäviä</a>. </dl> <a name="luennot"></a> <dl> <dt><strong><a href="luennot.html">luennot</a></strong> <dd>luennot ovat torstaisin salissa T1. Luennoitsijoina on joukko alan asiantuntijoita sekä korkekoulu- että yritysmaailmasta. Ensimmäinen luento on <b> to klo salissa T1</b>. </dl> <a name="lahteet"></a> <dl> <dt><strong><a href="lahteet.html">kirjallisuus ja lähdeaineisto</a> </strong> <dd>kurssilla ei ole varsinaista oppikirjaa, mutta kylläkin runsaasti elektronista aineistoa sekä opetusmonisteet (Huom! kevään 1998 opetusmonisteet käyvät täydennettyinä. Täydennysmateriaali tulee saataville verkkoon). Interaktiivisista WWW-toteutuksista laajemminkin kiinnostuneille suositellaan lisäksi kirjoja seuraavista aihepiireistä: <ul> <li><strong>cgi-ohjelmointi</strong><br> Esim. Graig Patchett & Matt Wright: <a href=" CGI/Perl CookBook</a>.<br> Käytännön esimerkkeihin pohjautuva kirja CGI-ohjelmoinnista Perl-kielellä. Esimerkit ovat toimivia ja varsin havainnollisia, mutta itse ohjelmakoodi ei edusta nykyään Perl-ohjelmoinnissa vallalla olevaa moduuliajattelua. CGI-rajapinta tulee kuitenkin tutuksi! <li><strong>java-ohjelmointi</strong><br> Aiheesta on kirjoitettu lukuisia hyviä kirjoja. Valintaa tehtäessä kannattaa kiinnittää huomiota siihen, että kirja käsittelee 1) Appletteja ja WWW-ympäristöä sekä 2) mahdollisimman uutta Java-versiota (java2/1.2). </ul> </dl> <a name="harjoitustyo"></a> <dl> <dt><strong><a href="harjoitustyo/index.html">harjoitustyö</a></strong> <dd>harjoitustyönä suunnitellaan ja toteutetaan laajahko WWW-kokonaisuus (site).

29 28 Työssä on kolme erikseen palautettavaa osaa: suunnitelma, demo ja toteutus. Myös näiden <a href="aikataulu.html">dead-line-päivämäärät</a> on porrastettu. Harjoitustyö sisältää tavanomaisten www-sivujen lisäksi myös "aktiivisen" elementin/palvelun toteuttamisen. </dl> <a name="hype-palvelin"></a> <dl> <dt><strong><a href="palvelin.html">hype-palvelin</a></strong> <dd> Harjoitustyötä varten tarvitset tunnuksen kurssin omaan palvelinkoneeseen. <a href="hypeuser.pdf">käyttölupahakemuksia</a> on jaossa ilmoittautumisajan puitteissa kurssin luennoilta ja <a href=" TML-laboratorion ylläpidolta</a> normaaleina vastaanottoaikoina. Hakemukset voi niinikään palauttaa luentojen yhteydessä tai ylläpidolle. Tunnukset astuvat voimaan heti ilmoittautumisen päätyttyä ja vain kurssille ilmoittautuneet voivat saada sen. Tunnukset ovat voimassa kurssin ajan. </dl> <a name="aikataulu"></a> <dl> <dt><strong><a href="aikataulu.html">aikataulu</a></strong> <dd>kurssin suoritus jakautuu vaiheisiin, joilla on selkeät ja ehdottomat takarajat. Myöhästymisistä sakotetaan arvostelussa. </dl> <a name="arvostelu"></a> <dl> <dt><strong><a href="arvostelu.html">arvostelu</a></strong> <dd> Arvosteluperiaatteet, tavanomaisimmat kompastuskivet, <a href="tulokset.html">tulokset</a>... </dl> <a name="faq"></a> <dl> <dt><strong><a href="../faq.html">frequently Asked Questions</a> </strong> <dd> Vastaukset useimpiin kysymyksiin. </dl> <a name="henkilokunta"></a> <dl> <dt><strong>opetushenkilökunta</strong> <dd> Martti Rahkila,

30 17 Tulevaisuudennäkymiä 29 <a <br> SE212, puh , fax , sisäinen postipiste Assistentit:<br> Svante Forsblom, <a Rami Hänninen, <a Risto Ranta-aho, <a </dl> <a name="arviointi"></a> <dl> <dt><strong><a href="arviointi/index.html">kurssiarviointi</a> </strong> <dd> Kurssiarviointi toteutetaan interaktiivisena CGI-sovelluksena ja ilmestyy suunnitelmaosan jälkeen maaliskuun loppupuolella. </dl> <a name="lisatietoja"></a> <dl> <dt><strong>muuta kurssiin liittyvää tietoa:</strong> <dd> <ul> <li> <a href="../index.html"> Kurssin kotisivu <li> <a Kurssin sähköpostiosoite <li> <a href="news://news.tky.hut.fi/opinnot.tik.hype"> Otax:in opinnot.tik.hype uutisryhmä</a> <li> <a href="../palaute.html">palaute/kyselylomake</a> </ul> </dl> <div align=center> <i>näitä sivuja tullaan päivittämään ahkerasti koko kurssin ajan! <a href="sitemap.html">sivukartasta</a> ilmenee myös sivujen aikataulutus. Kaikki materiaali ilmaantuu kyllä aikanaan. Kärsivällisyyttä!</i> </div> </blockquote> <p class=space> <img src="kuvat/hype99a.jpg" border="0" alt="hype K-99" usemap="#hype99-ala-map">

31 30 <blockquote> <span class=footer> <em> Tämän sivun sisällöstä vastaa Martti Rahkila <a Viimeksi päivitetty: <br> URL: </em> </span> </body> </html> </blockquote> </blockquote>

32 17 Tulevaisuudennäkymiä 31 Liite 3: Kurssin aikataulusivun lähdekoodi (JavaScript) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" " <html lang=fi> <head> <title>tkk - TML - Opinnot - Hype - K-99 - Aikataulu</title> <link rev="made" href="mailto:martti.rahkila@tcm.hut.fi"> <link rel=stylesheet href="hype.css" type="text/css" title="hype-tyylimäärittelyt"> <meta name="keywords" content="hypermedia,www,opinnot, TKK,TML-laboratorio"> <meta name="description" content="tkk:n opintojakson Tik Hypermediadokumentin laatiminen, kevään 1999 kurssisivut"> <meta name=robots content="index,follow"> <meta http-equiv=expires content="fri, 14 Jan :00:00 EET"> <meta http-equiv="content-script-type" content="text/javascript"> <meta http-equiv="content-style-type" content="text/css"> <SCRIPT LANGUAGE="JavaScript1.1"> <!-- // // (c) Martti Rahkila // Martti.Rahkila@tcm.hut.fi // Tämä JavaScript-sovellus tuottaa sivulle aikalaskurin havainnollistamaan // deadlinejen vääjäämätöntä lähestymistä. Laskuri on testattu ja toimii // vain Netscape-selaimen uudemmilla versioilla. Muilla selainohjelmilla // laskuri ei tule lainkaan näkyviin. // Sovellus on tehty erityisesti TKK:n opintojakson Tik Hypermedia- // dokumentin laatiminen tarpeisiin. Ohjelmaa saa vapaasti käyttää ja // muokata kurssin puitteissa. Ohjelmaa ei saa käyttää muihin tarkoituksiin. // Martti Rahkila ei vastaa minkäänlaisista vahingoista, mitä tämän ohjelman // käyttö voi aiheuttaa. // tarkistetaan selain ja versionumero function browser_check() { if ((navigator.appname == "Netscape") && (navigator.appversion > "3.0")) { return 1; // tärkeät päivämäärät var AlkuPvm = new Date("January 21, :15:00") var IlmoPvm = new Date("February 27, :00:00") var HT1Pvm = new Date("March 13, :00:00") var HT2Pvm = new Date("April 24, :00:00") var HT3Pvm = new Date("May 29, :00:00") // tärkeät millisekuntilukemat var ms_vuodessa = 365 * 24 * 60 * 60 * 1000; var ms_kuukaudessa = 31 * 24 * 60 * 60 * 1000; var ms_paivassa = 24 * 60 * 60 * 1000; var ms_tunnissa = 60 * 60 * 1000; var ms_minuutissa = 60 * 1000; var ms_sekunnissa = 1000;