73270 Hypermedian perusteet (3 ov) Hypermedian perusteet (3 ov) syksy Luentorunko HYPERMEDIAN PERUSTEET (syksy 2002) 1

Samankaltaiset tiedostot
Ossi Nykänen

Hypermedian perusteet (3 ov) syksy Yleisiä tietoja syksyn kurssista. Mistä tällä kurssilla puhutaan? Kurssin sisältö ja suorittaminen

MATHM Hypermedian perusteet (5 op) syksy 2007

IT-OSAAJA, TIETOJENKÄSITTELYN ERIKOISTUMISOPINNOT

Tassu Takala pääaineinfo

Hypermedian ohjelmointi (2 ov) kevät Yleisiä tietoja kevään kurssista. Kurssin sisältö ja suorittaminen

Tietotekniikan kandidaattiseminaari

T Ohjelmistojen määrittely- ja suunnittelumenetelmät

ARVO - verkkomateriaalien arviointiin

9 Hypermediajärjestelmistä

Visualisointi informaatioverkostojen Opintoneuvoja Pekka Siika-aho (päivitys mm. Janne Käen visualisoinnin pohjalta)

Opiskelijoiden TVT:n käyttö sähköistyvässä lukiossa. Tarja-Riitta Hurme, Minna Nummenmaa & Erno Lehtinen, Oppimistutkimuksen keskus, OKL

Kurssin suorittaminen. Merkkituotteet strategisessa markkinoinnissa KTT Eiren Tuusjärvi

Tähtitieteen käytännön menetelmiä Kevät 2009

Tieto- ja viestintätekniikka. Internetistä toimiva työväline, 1 ov (YV10TV2) (HUOM! Ei datanomeille)

Kurssijärjestelyt. CS-1180 Verkkojulkaisemisen perusteet (5 op) Hanna Hämäläinen Informaatioverkostot / Mediatekniikan laitos

EDUBOX opetusvideopalvelu

Tieto- ja viestintätekniikka. Internetistä toimiva työväline 1,5 osp (YV10TV2) (HUOM! Ei datanomeille)

Tieto- ja viestintätekniikan opinnot Jyväskylän yliopistossa

Tiedonhallinnan perusteet. Viikko 1 Jukka Lähetkangas

Semanttinen Web. Ossi Nykänen Tampereen teknillinen yliopisto (TTY), DMI / Hypermedialaboratorio W3C Suomen toimisto

Johdatus rakenteisiin dokumentteihin

Tiedohallintataidot (kirjoittaminen & kuva ja ääni & tiedonhakeminen ja hallinta) internetin käyttö, pilvipalveluiden käyttö hakupalveluiden käyttö

Oppiminen ja oppimisympäristöt kevät 2006 (3 ja 6 op) L

Kurssijärjestelyt. ME-C2300 Verkkojulkaisemisen perusteet (5 op) Mari Hirvi Informaatioverkostot / Mediatekniikan laitos

Hypermedian ohjelmointi (2 ov) kevät Luentorunko. Jukka Huhtamäki Hypermedian ohjelmointi (2 ov)

TIETOTEKNIIKKA Koodi Vanha opintojakso op ov Vastuuhenkilö LV vastaavat opinnot tai korvaava suoritustapa TTE.

Tutkiva Oppiminen Varhaiskasvatuksessa. Professori Lasse Lipponen PED0031, VARHAISPEDAGOGIIKKA

10 teesiä verkko-opetuksen suunnittelusta. Leena Hiltunen Tutkijatohtori Tietotekniikan Aineenopettajankoulutus

Väitöskirjan kirjoittaminen ja viimeistely

IIZT4020 Projektitoiminta

Työelämävalmiudet: Oivallus-hankeken seminaari

Johdanto. Agenda. Tuotantoprosessi. Historiallinen kehitys. Konsepti. Tuotantoprosessin vaiheet

VALINNAISET OPINNOT Laajuus: Ajoitus: Kood Ilmoittautuminen weboodissa (ja päättyy )

Paikkatiedot ja Web-standardit

Tietotekniikan laitoksen uusi linja

W3C ja Web-teknologiat

IIO10200 Tietokantaohjelmointi (4 op)

KT4 Projektiopinnot, 5 op (418013P)

DIGITAALINEN MARKKINOINTI ELINTARVIKEALALLA EKM-102

MATEMATIIKAN PERUSKURSSI b

Tiedonlouhinta rakenteisista dokumenteista (seminaarityö)

Visualisointi informaatioverkostojen Opintoneuvoja Teemu Meronen (päivitys Janne Käen visualisoinnin pohjalta)

T Johdatus tietoliikenteeseen 5 op. Kevät 2013

Verkkopalveluiden saavutettavuus

DIGITAALINEN MARKKINOINTI ELINTARVIKEALALLA EKM-102

T Hypermediadokumentin laatiminen. Sisältö. Tavoitteet. Mitä on www-ohjelmointi? Arkkitehtuuri (yleisesti) Interaktiivisuuden keinot

Agenda. Läpäisyvaatimukset Henkilökunta Luennot ja aikataulu Kurssimateriaali Harjoitustyöt Demoharjoitus Tentti ja arvostelu Muuta?

Kandidaatintutkielma 6 op (Äidinkielinen viestintä 3 op) (Ttkimustiedonhaku 1 op) (Kypsyysnäyte 0 op) Kevät 2011 Jaakko Kurhila

OPISKELUTYÖN MITOITUS Opetuksen suunnittelun työväline, jolla arvioidaan opiskelijan työmäärää suhteessa 1 PERUSTIEDOT

opiskelun suunnittelujärjestelmä, kurki ja ilmo käyttävät kaikki samaa tietokantaa, ja uusi järjestelmä tulee osaksi tätä.

Tieto- ja viestintäteknologinen osaaminen. Ryhmä 5

Kurssin sisältö. Kurssilla vähemmän. Johdatus ohjelmistotekniikkaan. Mitä on ohjelmistotekniikka? Miten ohjelmistoja suunnitellaan ja toteutetaan?

Teemu Kerola Interaktiivisen verkkomateriaalin tuotantoprosessi TKTL:llä (IVT)

6 Hypermediajärjestelmistä

Digitaalinen tarinankerronta HTKS152

W3C ja Web-teknologiat

Teemu Kerola Interaktiivisen verkkomateriaalin tuotantoprosessi TKTL:llä (IVT)

Ohjelmistoarkkitehtuurit. Kevät

Semanttinen Web. Ossi Nykänen. Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), Hypermedialaboratorio W3C Suomen toimisto

1 www-sivujen teko opetuksessa

OPPIKIRJATON OPETUS! Kari Nieminen!! Tampereen yliopiston normaalikoulu!! ITK 2015!

Lokikirjojen käyttö arviointimenetelmänä

FYSIIKKA. Henri Sulo

TIE Tietorakenteet ja algoritmit 1. TIE Tietorakenteet ja algoritmit

ALVA ammattilaskennan valmiuksien kartoitus

Myös opettajaksi aikova voi suorittaa LuK-tutkinnon, mutta sillä ei saa opettajan kelpoisuutta.

Oppimisprosessissa opiskelijoiden tukena analytiikan opiskelua yhdessä tehden

Poluttamo oma digipolku oppimiseen

eosaajan taidot -hanke HAMK/eLearning Centre

Ohjelmistoarkkitehtuurit. Syksy 2008

Tiede ja tutkimus (Teemaopintokurssi TO1.1)

Tentissä ratkaistaan neljä ohjelmointitehtävää Javalla. Tehdään sähköisesti mikroluokan Windows-koneilla.

W3C ja alueellinen standardointi

ELEC-C7230 Tietoliikenteen siirtomenetelmät. Yleistä

Tietojärjestelmän osat

Käytettävyyslaatumallin rakentaminen web-sivustolle. Oulun yliopisto tietojenkäsittelytieteiden laitos pro gradu -suunnitelma Timo Laapotti 28.9.

- Jarjestelmaasiantuntija Markku Jaatinen

Koulutusteknologia muuttuvassa yhteiskunnassa

MONOGRAFIAN KIRJOITTAMINEN. Pertti Alasuutari

HUOMAUTUS LUKIJALLE: Tässä on esitelty kaikkien aineiden palaute. Kysymyksestä 1. ilmenee mitä aineita oppilas on kurssilla lukenut.

Kurssiesite Lausekielinen ohjelmointi I Kesä Jorma Laurikkala Tietojenkäsittelytieteet Luonnontieteiden tiedekunta Tampereen yliopisto

Visualisointi informaatio- verkostojen opinto-oppaasta Informaatioverkostojen kilta Athene ry Opintovastaava Janne Käki 19.9.

Kirjoittamisen vaikeus ja ihanuus erään tutkijan kokemuksia

Verkkosisällön saavutettavuusohjeet 2.0: hyviä ohjeita monimuotoisen sisällön suunnitteluun ja arviointiin

Monilukutaitoa kehittävän ilmiöopetuksen laatiminen. POM2SSU Kainulainen

VisualStudio Pikaopas, osa 1: WEB sivujen suunnittelu

POP- Paremman Oppimisen Puolesta

IIO10200 TIETOKANTAOHJELMOINTI (4 OP) OPINTOJAKSON ESITTELY JOUNI HUOTARI

OPISKELIJAN MUISTILISTA

Tietokoneen rakenne (2 ov / 4 op) Syksy 2006

Tentissä ratkaistaan neljä ohjelmointitehtävää Javalla. Tehdään sähköisesti mikroluokan Windows-koneilla.

Luento 0: Kurssihallinto Tietokoneen rakenne (2 ov / 4 op) Syksy 2006

Kurssien suorittamisen ajoitus

ARTS-ENG-projekti. Projektin lopettaminen

DIPLOMITYÖ ARI KORHONEN

Kurssin oppimistavoitteet. Heikki Lokki Kurssin suorituksen jälkeen osaat


Tietokoneen rakenne (2 ov / 4 op) Syksy 2007 Liisa Marttinen. Helsingin yliopisto Tietojenkäsittelytieteen laitos

Flipped classroom (2op) Käänteinen opetus/luokkahuone Lähipäivä

Transkriptio:

73270 Hypermedian perusteet (3 ov) 73270 Hypermedian perusteet (3 ov) syksy 2002 Luentorunko 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 1

73270 Hypermedian perusteet (3 ov) Yleisiä tietoja syksyn kurssista Opettaja: Sähköposti: Jukka Vilen jukka.vilen@tut.fi Huone: Td312, matematiikan laitos / hypermedialaboratorio Puhelin: (03) 3115 2174 (vastaanotto: to 9-10) Luennot: Harjoitukset: Esitiedot ~ Kotisivu: Suorittaminen: ke 14-17 (S1) ti 10-12, ke 10-12 ja to 10-12 (Sb204) tietotekniikan perustiedot Internet/WWW -hypen perusteet http://matriisi.ee.tut.fi/hmopetus/hypmed02/ harjoitustyö ja tentti 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 2

73270 Hypermedian perusteet (3 ov) Kurssin sisältö ja suorittaminen Kurssilla perehdytään hypermedian perusteisiin ja sen eri "tekemisen" osaalueisiin. Osansa saavat hypermedian ja tietokoneen käytön teoriat, ohjelmistot, Internet, WWW, standardit, käytännöt sekä sovellutukset. Viime vuoden tapaan kurssilla käsitellään yksityiskohtaisemmin myös HTML-merkintäkieltä. Hypermedia ei ole selkeärajainen kokonaisuus, eikä sitä sellaisena tulla kurssilla esittelemään. Sovelluksista ja esimerkeistä johtuen WWW:n rooli kurssilla on suuri. Tämä ei kuitenkaan tarkoita, että hypermedia olisi yhtä kuin WWW. WWW on eittämättä tärkein hypermedian ilmentymä, joskin vain osa WWW:stä on "aitoa" hypermediaa. HUOM! Kurssilla käsitellään siis myös asioita, joita perus-html-koodari ei välttämättä koe tarvitsevansa. Kaikki käsiteltävä asia ei myöskään ole luonteeltaan "teknistä". Tämä on suoraa seurausta yllä olevasta. Kurssin tavoitteena on peruskäsitteiden ja -taitojen omaksuminen. Idealistisena tavoitteena on aiheen kartoittaminen siten, että kurssilla muodostuisi perusta, jonka varassa asioihin voi tutustua yksityiskohtaisemmin siinä vaiheessa kun asioita pitää "oikeasti" tehdä ja osata. 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 3

73270 Hypermedian perusteet (3 ov) Hypermedia - mitä se on? Hypermedia on tapa jäsentää informaatiota hyperteksti-metaforan avulla: tietokannat (taulut, relaatiot +SQL) " kirjat, artikkelit, yms. käsitteellistä tietoa, informaation erilaisia jäsennyksiä hypermedia (hyperteksti, multimedia +selain) v.v. elokuvat, yms. D tiedon ja informaation esittäminen + jäsentäminen ja metaforan valinta tarpeen ja käyttötarkoituksen mukaan erityyppistä dataa eri tavoin koodattuna data, informaatio ja inhimillinen tieto + näkemykset ja tietotarpeet 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 4

73270 Hypermedian perusteet (3 ov) Mistä tällä kurssilla puhutaan? Kurssin asiasisältö näyttää kutakuinkin seuraavalta (käsittelyjärjestys vaihtelee): johdantoa, taustoja, ideoita, peruskäsitteitä teksti ja hyperteksti hypermedia, metaforat ja tietokoneet Internet, WWW ja hypermedia hypermedian "teoreettiset" mallit tiedon esitysmuodot ja esitystavat (tietokoneissa) + menetelmät hypertekstin rakenne hypertekstin eri tulkinnat hypermedian (suunnittelu ja) tekeminen hyperteksti ja tiedon hakeminen, monimutkaiset hyperdokumentit ihmisen ja tietokoneen vuorovaikutus hypermedia vs. tietokäsitykset ja oppiminen hypermedian erikoiskysymyksiä Huomaa, että yo. lista luettelee kysymyksiä, joihin paneudutaan - ei suoraan luentojärjestystä. Huomattava osa kurssin sisällöstä avautuu harjoitusten, itseopiskelun ja erilaisiin ohjelmistoihin tutustumisen kautta. 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 5

73270 Hypermedian perusteet (3 ov) Poimintoja sisällöstä Seuraavat hypermedian tekemiseen liittyvät tekniset tai menetelmätason asiat ansaitsevat tulla erikseen mainituiksi: WWW & HTML kuva & animaatio, kuvan käsittely ja käyttö videokuva, videodigitointi, käsittely ja käyttö ääni, äänen digitointi, käsittely ja käyttö multimedia, multimediasovellusten kokoaminen ja käyttö Käsitteellisellä tai periaatteellisella tasolla esitellään myös esim.: kognitiivinen tieto- ja oppimiskäsitys muisti ja havaitseminen tekstin kirjoitus- ja lukuprosessit hypermedian suunnittelu- ja lukuprosessit Käytännössä tämä tarkoittaa sitä, että "kaikkea opittua" ei voi suoraan koodata WWW-sivuiksi, vaan osa asioista jää suosiolla "hautumaan" (myös tulevien kurssien pohjaksi) 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 6

73270 Hypermedian perusteet (3 ov) Ohjelmistoista Kurssin kuluessa tutustutaan (osin myös kantapään kautta ) ainakin seuraaviin järjestelmiin ja ohjelmiin (lisenssisyistä muutamaa vain esitellään, eikä niitä pääse itse käyttämään): Windows-käyttöliittymä & Unix-perusperusperusteet FTP & WS FTP telnet & ssh Netscape Navigator, Internet Explorer & Lynx Notepad Goldwave Frontpage Express, Frontpage 98 MS Word WebPainter, Paint Shop Pro Macromedia Director, Macromedia Dreamweaver* Adope Photoshop*, Adobe Premiere* Visual Basic*, RTFtoHTML*, yms. yms. Perusohjelmat on pyritty valitsemaan siten, että niiden kokeilu myös kotona olisi mahdollista. 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 7

73270 Hypermedian perusteet (3 ov) Opiskelusta - mitä kurssilla oppii? Kurssilla luodaan yleiskatsaus hypermediaan. Painopiste on tietyssä mielessä pikemminkin "teoreettinen" kuin "soveltava". Käytännössä tämä näkyy siinä, että perusperiaatteet esitellään käsitteellisesti, minkä jälkeen niitä sitten puntaroidaan eri sovelluksissa Näkökulma on erityisesti asioiden sovelluksista riippumattomien perusteiden opiskelu - esim. laajojen ohjelmistoihin yksityiskohtiin ei kurssilla yksityiskohtaisesti puututa. Motivaatio tälle on esitetyn asian pysyvyys: ohjelmistot tulevat ja menevät, ideat pysyvät Tavoitteena on nyt lähinnä vastata seuraaviin yksinkertaisiin kysymyksiin (sekä harjaantua puuhastelemaan asioiden parissa myös käytännössä): - mitä hypermedialla tarkoitetaan, miten hypermedia menetelmiä määritellään (teknisesti) ja miten hypermediaa ja sen eri osia tehdään? - miten hypermediaa tehdään WWW-ympäristössä ja mitä sillä saa aikaan? - miten multimedian elementtejä tuotetaan ja käytetään? - mitä "asiaan liittyvää" on olemassa? 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 8

73270 Hypermedian perusteet (3 ov) Kurssin opetusmuoto, materiaali & suoritukset Kurssin rungon muodostaa tämä käsillä oleva "luentorunko". Luentorungon idea & tavoitteet ovat seuraavat: - jäsentää hajanainen(?) asia, erityisesti otsikot, hallittavaan muotoon - toimia muistilappuna siinä, mitä asioita kurssin luennoilla käsiteltiin HUOM! Luentorunko ei missään tapauksessa sisällä koko kurssimateriaalia, vaan ainoastaan jäsentää sitä! Luentorungon lisäksi kurssin sisältöön kuuluvat - luentojen yhteydessä "vapaamuotoisesti" (esim. taululla, kalvojen tai tietokone-esimerkkien avulla) käsitellyt asiat (otsikkojen sisältö) - luentojen yhteydessä läpikäydyt esimerkit - luentorungossa ja kotisivulla mainitut lähteet (soveltuvin osin, totta kai) - kurssin harjoitukset ja harjoitustyö Luentorunkoa julkaistaan kurssin edetessä kurssin kotisivuilla PDF-muodossa 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 9

73270 Hypermedian perusteet (3 ov) Muistettavaa & käytännön vinkkejä opiskeluun Hypermedia WWW. Hypermediaa on mahdollista toteuttaa eri tavoin ja eri menetelmin (Director, Hypercard, ToolBook, ) "Hyvän" hypermedian tekeminen edellyttää aina sen sovellusalueen sisällöllistä osaamista, jonka parissa työskennellään. Koska kukaan ei osaa kaikkea, on hypermedian tekeminen ryhmätyötä Käytännön vinkkejä itse opiskeluun: - muista että kaikki hypermedia ei tähtää sähköiseen WWW-sivujen tekemiseen julkaisutoimintaan tai kaupankäyntiin - hypermediaan liittyy myös "oikeaa" tutkimustyötä, jota tehdään osin "itsensä vuoksi" (jota ei tällä kurssilla tosin sen kummemmin esitellä) - suhtaudu sovelluksiin, menetelmiin ja teoriaan kriittisesti: kysy koko ajan: miksi näin? mitä tämä tarkoittaa? miten tätä voisi käyttää? mikä tässä on olennaista? - muista että hypermedia & tietokoneet ovat ihmisen ihmiselle tekemiä asioita & kapistuksia: suhtaudu niihin sen mukaisesti (hyvässä ja pahassa) 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 10

73270 Hypermedian perusteet (3 ov) Hypermediaa miettiessä kannattaa pitää mielessä teorian suhde käytäntöön, tutkia erikoistapauksia ja miettiä yleistyksiä (esim. mitä tämä merkitsee minulle tai miten tämä ilmenee hypermedian sovelluksissa jotka jo tunnen tai tiedän) Osa kurssilla käsiteltävästä asiasta - ainakin HTML:n auttavat perusteet - lienevät useimmille tietokonetaitoisille tuttuja. Kannattaa kuitenkin muistaa, että kurssilla ollaan, jotta asioita opiskeltaisiin ja opittaisiin, eli: - paikkaa tiedon reiät: yhden hypermedian osa-alueen hallitseminen on hyvä asia, mutta kannattaa yrittää laajentaa näkökulmaansa ja pohtia josko hypermedia olisi muutakin kuin vain X:n tekemistä - ole oma-aloitteinen: jos jokin asia on jo tuttua, syvennä oma-aloitteisesti tietojasi siitä etsimällä itse lisämateriaalia! On virhe on lopettaa aiheen opiskelu vain sillä perusteella, että alku on tuttua. Parempi on käyttää aikansa rakentavasti ja opiskella tasonsa mukaisesti - älä ylenkatso noviiseja: jokainen opiskelee asioita joskus ensimmäistä kertaa. Vaikka vierustoveri kysyisikin mielestäsi "turhan helppoja" kysymyksiä, vastaa asiallisesti. Tarpeettoman jargonin käyttö ei ole merkki asiantuntevuudesta (pätee myös luennoitsijaan!) Hypermedia on 1900-luvun käsityöläisyyttä: tekemällä oppii 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 11

73270 Hypermedian perusteet (3 ov) Kirjallisuus, oheismateriaali & verkkoaineisto Kurssin rungon muodostavia kalvosarjaa "julkaistaan verkossa" kurssin edetessä, eikä kurssikirjan ostaminen ole välttämätöntä. Aiheeseen liittyvää kirjallisuutta ovat esim. Cotton, B. & Oliver, R., Understanding Hypermedia 2.000: Multimedia origins, Internet Future, Phaidon Press, 1997. Heimbürger, A., Alkula, R. & Kuhanen, T., Hyperteksti ja hypermedia, VTTK, 1990. Ekholm, K. & Oesch, K., Hypermedia, Otava, 1993. Erämetsä, H. & Kanerva, J. (toim.), Tarttuvaan tietoon, Yliopistolehti/Yliopistopaino, 1993. Kämäräinen, J. & Haapasalo, L., HYPERTEKSTI - Laatiminen ja käyttö oppimisen, tiedonhankinnan ja kirjallisuuden näkökulmista, MEDUSA- Software, 1998. (*) McKnight, C., Dillon, A. & Richardson, J. (toim.), Hypertext - A Psychological Perspective, Ellis Horwood, 1993. 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 12

73270 Hypermedian perusteet (3 ov) Nielsen, J., Hypertext and Hypermedia, Academic Press, 1990. Nielsen, J. Multimedia and Hypertext: The Internet and Beyond, Academic Press, 1995. (*) Paananen, V-M. & Lallukka, L., Multimedia - kohti hypermediaa, Teknolit OY, 1994. Preece, J., Human-Computer Interaction, Addison-Wesley, 1994. Kuriositeettina mainittakoon vielä hypermediaosuuden sisältyminen myös STeS:n kirjaan: Hyvönen, E., Karanta, I. & Syrjänen, M. (toim.), Tekoälyn ensyklopedia, Gaudeamus, 1993. Allekirjoittaneen mielestä yksikään edellä mainittu kirja (ikävä kyllä) ei ole erityisen hyvä. Kurssin näkökulmasta suositeltavaa iltalukemista ovat osin kuitenkin tähdellä (*) merkityt Kämäräisen & Haapasalon ja Nielsenin kirjat. Kirjat ovat miellyttäviä lukea - kirjan ostamista yksinomaan tätä kurssia varten ei kuitenkaan suositella. 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 13

73270 Hypermedian perusteet (3 ov) Hyödyllistä luettavaa kurssin aihepiiristä, erityisesti WWW:stä löytyy verkosta esim. osoitteista The World Wide Web Consortium (ks. http://www.w3.org/ ) HTML Home Page (ks. http://www.w3.org/markup/ ) Em. osoitteet sisältävät myös huomattavan "teknistä" luettavaa. Nimenomaan WWW-kehittäjille suunnattua materiaalia tarjoavat esim. The HTML Writers Guild (ks. http://www.hwg.org/ ) Web Developer's Virtual Library (ks. http://www.stars.com/wdvl/ ) Aiheeseen liittyviä ohjelmistoja välittävät "muuten vaan" esim. Tucows (ks. http://www.tucows.fi/ ) CNET.com (ks. http://shareware.cnet.com/ ) Myös varsinaista kurssimateriaalia on tarjolla hypermedian nimikkeellä, ks. esim. De Bra, Hypermedia structures and systems (ks. http://wwwis.win.tue.nl/2l690/ ) 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 14

Salampasis M.: Hypermedia - Introduction. (ks. http://www.it.teithe.gr/~cs1msa/hypermedia/hyp0.htm ) Verkosta löytyy myös alan "klassikkoja", ks. esim. Vannevar Bushin artikkeli "As We May Think" (ks. esim. http://www.csi.uottawa.ca/~dduchier/misc/vbush/awmt.html ) 73270 Hypermedian perusteet (3 ov) Balasubramanian V., Hypermedia Issues and Applications, A State of the Art Review on Hypermedia Issues and Applications, Graduate School of Management, Rutgers University, Newark, New Jersey, 1994. (ks. http://www.stack.nl/~boch/hyper/index.html ) Hypermedian tutkimuksesta makua antakoon esim. artikkeli (kiinnitä huomiota esityksen tyyliin - asiasisältöön ei nyt kannata keskittyä) Dottolo et al, A Distributed, Self-Adaptive Model of Hypermedia System (ks. http://www.dia.unisa.it/antos.dir/hicss/index.html ) Jos aikaa riittää, verkosta löytyy asiaa erilaisten linkkilistojen muodossa. Ks. esim. Paul Neubauer, W 3 Resources (ks. http://bsuvc.bsu.edu/prn/w3.html ) 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 15

73270 Hypermedian perusteet (3 ov) Kaiken kaikkiaan aiheeseen yleisesti liittyvää verkkomateriaalia on ymmärrettävästi Webissä varsin paljon, joskaan ei suoranaisesti juuri "hypermedian" otsikon alla. Hypermedian nimikkeen alaiset kirjoitukset vaikuttavat vahvasti "vanhentuneilta". Nykyään on (markkinasyistä?) trendikkäämpää puhua uusmediasta. Uusmediasta kertoo esim. verkkouutisten artikkeli kesäkuulta 1999: Uusmediayritykset kilpailevat sisältötuotannolla (ks. http://haku.verkkouutiset.fi/arkisto/arkisto_1999/18.kesakuu/uusm2499.htm) (Hypermedian jaa uusmedia suhdetta voisi lyhyesti luonnehtia vaikkapa sanomalla, että uusmedia on hypermedian ja tietoverkkojen vahvasti kaupallistettu sovellutus.) Yksityiskohtaisempia viitteitä annetaan jatkossa luentojen aihepiirien mukaisesti. Tiedon etsiminen verkosta yksinomaan linkkejä seuraamalla on ilmeisen toivoton urakka. Helpotuksen asiaan tuovat erilaiset hakukoneet, ks. esim. AltaVista (ks. http://www.altavista.com/ ) Lycos (ks. http://www.lycos.com/ ) Google (ks. http://www.google.com/) 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 16

1 Johdanto Jotta kurssin alku noudattaisi klassista kaavaa, aloitamme hypermedian "määritelmästä". Webin vankkumaton oraakkeli, whatis.com, määrittelee hypermedian seuraavasti Hypermedia, a term derived from hypertext, extends the notion of the hypertext link to include links among any set of multimedia objects, including sound, motion video, and virtual reality. It can also connote a higher level of user/network interactivity than the interactivity already implicit in hypertext. Samaan ovat aikaisemmin päätyneet myös monet muut kirjoittajat. Esim. Paananen & Lallukka kirjoittavat: Kun multimedian komponenttien: tekstin, grafiikan, äänen, animaation ja liikkeen muodostamaan tietoverkkoon lisätään hypertekstiominaisuus ja tieto esitetään assosiatiivisesti ja epälineaarisesti, kutsutaan sovellusta hypermediaksi. Hypermedian keskeisiä ominaisuuksia ovat siis "hypertekstimäisyys", "multimedia" sekä tapa jolla sovellus "kootaan" (jäsennys/organisointi) Yleisessä tapauksessa hypermedia on tyypillisesti "osa" suurempaa sovellusta 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 17

Hypermedian peruskäsitteet tiivistetysti Hypermedia voidaan esittää kätevästi seuraavien käsitteiden kautta ( ): - teksti (ks. esim. http://www.tampere.fi/vapri/nayttely/tapaus/index.htm ) - hyperteksti (ks. esim. http://matriisi.ee.tut.fi/matrix/ ) - multimedia (ks. esim. http://www.dilbert.com/ & http://www.tampere.fi/vapri/nayttely/samaanit/index.htm ) -..hypermedia (ks. esim. http://www.historia.tampere.fi/ & http://us.imdb.org/ ) - multimedian, hypertekstin ja -median rajat ovat sovelluksissa hämärtyneet! Epämääräisenä terminä hypermedia jäsennetään joskus jopa multimedian osaksi. Tällä kurssilla käsitteellinen jako on kuitenkin seuraavanlainen: hyperm edia hyperteksti tek sti m u ltim e d ia 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 18

Hypermedian harjoittaminen Edellä kuvattu jako liittyy lähinnä itse hypermedian käsitteeseen. Hypermedian tekemiseen liittyy useita näkökulmia, joita voidaan löyhästi ryhmitellä esim. seuraaviin kolmeen luokkaan Hypermedian "teoria" (minkä perustan varassa tehdään?) Hypermedian "käytäntö" (miten tehdään ja kenelle?) Hypermedian "filosofia" (mitä ollaan tekemässä ja miksi?) Näiden yhtymäkohtien kautta hypermedia liittyy lukuisiin muihin teorioihin ja sovelluksiin. Suoraviivaisimmat yhtymäkohdat ovat tietenkin tietojenkäsittelytieteen ja ohjelmistotekniikan kanssa (ks. seuraava sivu) WWW:n myötä hypermedian valtavirta ohjautui Internetiin. Hypermedian historian näkökulmasta tämä on enemmän kuin luonnollista, ovathan Webin ideoiden taustalla juuri "hypermedian" klassiset nimet (esim. Bush & Nelson) 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 19

Hypermedian harjoitus - käsitteellinen jäsennys algoritmit ja tiedon esittäminen tietojenkäsittely ohjelmistosuunnittelu HCI kognitiotiede psykologia "MINKÄ PERUSTEELLA?" teoria Hypermedia v.v. käytäntö hypermedian filosofia menneisyys nykytila tulevaisuus tietokäsitys oppimiskäsitys arvot "MITÄ JA MIKSI?" tekniikat standardit ympäristöt ja alustat ohjelmistot sisällöt tuotteet menetelmät "MITEN JA KENELLE?" 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 20

Hypermedian historiasta Hypertekstin tiivistetyn aikajanan voi kirjoittaa esim. muotoon - Ennen hypertekstiä - Memex - HES, FRESS - Augment/NLS, ZOG, Aspen Movie Map - NoteCards, Intermedia, Guide - Hypercard, Xanadu - WWW Katso esim. (http://www.useit.com/alertbox/history.html & http://www.pori.tut.fi/~multisil/hyper/luku1/hist.htm ) Huomioita hypermedian historiasta: - kyse on pitkälti informaation ja tiedon tallettamisesta, käytöstä ja levittämisestä tarkoituksenmukaisessa ja taloudellisessa muodossa 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 21

- tiedon esittämisen menetelmien kenties pysyvin rajoite on ihminen itse; aistien, muistin ja huomiokyvyn rajoittuneisuus - tekniset esittämisen tekniset rajoitteet ovat historian kuluessa väljentyneet, tämä näkyy tavassa, jossa ideoita on voitu toteuttaa ja ottaa käyttöön - ensimmäiset konkreettiset hypertekstisovellukset olivat selvästi paikallisia, lokaaleja, "valmiita" tuotteita - Internetin myötä hypertekstisovellukset ovat saaneet hajaantuneen, globaalin luonteen. Tämä vaikuttaa vahvasti paitsi hypertekstin tekemiseen ja ylläpitoon, myös näkemykseen hypermediasta yleensä - hypermedian "seuraava aalto" tapahtuu todennäköisesti kannettavien & puettavien (tietokone)laitteiden myötä; tällöin hypermedia tullee ulos kaapistaan (laatikosta) osaksi ihmisten arkielämää (asian hyvyys on oma kysymyksensä) Hypermedian hyvyyttä & käyttökelpoisuutta ja tekemistä pohtiessa on hyvä huomata, että tiedon perinteisellä tekstimuotoisella esitystavalla on vahva kulttuurihistoriallinen tausta: länsimaiset ihmiset saavat mallin jäsentää "ajatuksensa paperille" klassisen tekstin muodossa liki äidinmaidosta! ( ) 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 22

Näkökulmia hypermediaan: tutkijan näkökulma (Hyper) Hypermediaa voidaan aluksi helpoimmin lähestyä sen käsitteellisen rakenteen ja menetelmien kautta, kuten edellä. Tällöin päädytään esim. seuraavaan kehityspolkuun: kertomus teksti tiedon esittäminen ja käsittely tietokoneella hyperteksti multimedia ääni kuva & animaatio videokuva hypermedia välineet & menetelmät uudet "odottamattomat" sovellukset & takaisinkytkentä Yo. kehityskaari on paitsi käsitteellinen, myös pitkälti historiallinen. 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 23

Näkökulmia hypermediaan: soveltajan näkökulma (JIT) Toinen lähestymistapa on edetä puhtaasti soveltamisen näkökulmasta, "ongelmakeskeisesti": hypermediaan päädytään jonkin konkreettisen ongelman ratkaisun kautta. Tällöin homma voi edetä esim. seuraavasti: ongelma ("kunpa avoimen yliopiston kursseja voisi osin suorittaa kotoa") tavoitteet ("jaellaan oppimateriaali ja tehtävät verkossa") tunnetut ratkaisumallit ("WWW:hän voisi sopia tähän") ratkaisu ("jaellaan luennot videoleikkeinä ja muu materiaali hypertekstinä") hypermedia ("hei, tästähän tuli WWW-seitti!") Yleensä nälkä kuitenkin (tässä tapauksessa oikeutetusti) kasvaa syödessä ja homman edetessä keksitään uusia hyviä tavoitteita ja päämääriä kehityspaineet ("miksei verkossa voisi myös jutella muiden kanssa ja tehdä ryhmätöitä? pitäisikö käyttäjät jakaa ryhmiin? voisiko tästä periä maksua? kunpa systeemi osaisi itse opastaa noviiseja! voisiko järjestelmä mukautua käyttäjien tietotasoon? entäpä jos ") ohjelmistotuote ("hei, tässähän joutuu suunnittelemaan, toteuttamaan ja ylläpitämään hajautettuja tietokoneohjelmistoja!") 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 24

Hyper vs. JIT Tutkijan näkökulmasta katsottuna hyperteksti on tekstin "yleistys", ja hypermedia taas (multimedian kattava) hypertekstin yleistys. Eli: "Ensin keksitään puukko jolla voi sitten vuolla esim. pajupillin." Soveltajan näkökulmasta katsottuna hypermedia on tarkoituksenmukainen tapa esittää ja jäsentää tietoa. Eli: "Jassoo - haluttiin pajupilli. Tämä vuolemiseksi pitäisi vissiin keksiä puukko." Käytännössä Hyper & JIT ääripäät tietenkin tukevat ja täydentävät toisiaan On syytä huomata, että käytännön hypermediasovellukset sisältävät "multimediahypertekstin" ohella myös vuorovaikutteisia elementtejä, yhteistoiminnallisuus ja erilaisia työkaluja - joskus erottelun tekeminen näiden ja "puhtaan" hypermedian välillä on hankalaa Edellä olevasta pitäisi käydä myös ilmi se tosiseikka, että laajamittaisen hypermedian tekeminen vastaa käytännössä ohjelmistotuotteen kehittämistä - suunnittelun ja systemaattisuuden merkitys työssä + uusien tavoitteiden "päälle liimaamisesta" ei ohjelmistoprojekteissa yleensä hyvää seuraa 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 25

Hypermedian sovellusalueista; esimerkkejä ja sovelluksia Hypermedian tyypillisiä "käytännöllisiä" sovellusalueita ovat esim. - opetus ja koulutus (ks. esim. http://www.avoinyliopisto.fi/ & http://www.avu.org/ ) - opastus (ks. esim. WinHelp) - markkinointi ja asiakaspalvelu (ks. esim. http://www.opel.fi/home/ ) - dokumentointi (ks. esim. http://www.w3.org/tr/html4/ & http://java.sun.com/products/jdk/1.2/docs/api/index.html ) - informaatiopalvelut (ks. esim. http://www.stat.fi/ & http://www.verkkouutiset.fi/ ) - ajanviete (ks. esim. http://www.dilbert.com/ & http://fi.soneraplaza.net/ ) - taiteet (ks. esim. http://www.fng.fi/fng/html4/fi/default.htm ) 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 26

Teoreettisista sovellutuksista voidaan mainita esim. - tiedon mallintaminen (ks. esim. http://matriisi.ee.tut.fi/matrix/ ) - informaatio jäsentäminen ja visualisointi (ks. esim. http://websom.hut.fi/websom/ ) Hypermedian tutkimus (etsi itse verkosta artikkeleita aiheesta) - hypermedian sovellusalueiden kartoittaminen - tiedon rakenteen tutkimus ja visualisointi - adaptiivinen hypermedia - hypermedia oppimisessa & hypermedian psykologia - hypermedian teknologiat ja standardit Hypermedian eri sovellus- ja tutkimusalueille on yhteistä se, että ne eivät juurikaan tarkastele "vain" hypermediaa, vaan hypermediaa jossakin kontekstissa Hypermedian tutuinta aluetta ovat nimenomaan sen käytännölliset sovellukset; "syvällinen" hypermedia on tietojenkäsittelyn eriytyneiden osa-alueiden heiniä 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 27

Käytännöllisen hypermedian tekeminen Isojen sovellusten osalta poikkeuksetta ryhmätyötä, joka edellyttää suunnittelua ja koordinointia (problems, solutions, projects, stakeholders, work products, programs, methods, processes, methodologies) Koska hypermedian tekeminen vaatii usean erityyppisen asian osaamista, hypermediatiimissä tarvitaan - sisältöjä (näiden osaajia) - teknologiaa (välineitä ja osaajia) - ulkoasun suunnittelua (tekijöitä) ja raakaa toteutus- ja koodaustyötä - välityskanava tuotosten levittämiseen - markkinoita ja kysyntää (!) - ylläpitoa ja asiakaspalvelua Isot työt ovat käytännössä (ohjelmisto)projekteja, pienet sisältö- tai teknologialähtöisiä "toteutuksia". Totuus löytyy näiden kahden väliltä 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 28

Työ ja sen tekeminen (perusperiaate) Conceptualisation Problem-solving Realization Problem Solution Req. Analysis Design Implement. Validation Deployment Development Components Management Support Support Components Iteration Cycle Product Release (lähde: Sinan Si Alhir: UML In A Nutshell, O'Reilly, s. 25) 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 29

Tyypillinen työtapa on ongelmien jako osaongelmiin vaatimusanalyysissä ja taas kokoamista määrittelyssä. Homman monimutkaisuudesta johtuen tarvitaan erityisesti - juridista tietoa esim. tekijänoikeuksista - kartoitustyötä, tutkimuksia, testausta ja kokeiden tekemistä - työn dokumentointia Tekemisen rajoitteita ovat "asiakkaan toiveet, aika, raha ja se mitä osataan" - kehitystyöhön käytettävät lähdemateriaali-, laite- ja ohjelmistoresurssit - oma henkilöstö (mitä osataan tehdä? onnistuuko projektityö?) - aika (ehditäänkö tekemään homma X uusiksi vai kopioidaanko vanha) - loppukäyttäjät (osaavatko ne käyttää systeemiä Y?) - välityskanava (mahtuuko? riittääkö nopeus?) - sisältö (rakenteet, sisällön vaikeus, ) - teoria (olisiko mahdollista edes periaatteessa?) - asenteet ja käytännöt ("aina ennenkin se on tehty näin") 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 30

Mitä hypermedian osaajan sitten pitäisi osata/omata? Tiimityöskentelyä ja kykyä keskustella asioista kärsivällisesti ihmisten kanssa, joilla on asioista ja asioiden tärkeysjärjestyksestä radikaalisti erilainen näkemys kuin sinulla itselläsi Kykyä nähdä metsä puilta, ennen kaikkea sovellusten tavoite, idea ja punainen lanka kaiken maailman DHTML 1.2345 -, Java TM -, Plugin-In++ & ScriptMenu - kikkareiden seasta. Kysyä miettiä oikeita kysymyksiä oikeaan aikaan - mikä tässä on oleellista? - mikä on käytetystä menetelmästä (tekniikka TAI teoria) saavutettava hyöty? Tuntea hypermedian perusmenetelmät ja käsitteet Tietää esimerkkejä & aikaisemmin tehtyjä sovelluksia Osata välineiden mahdollisuudet ja rajoitteet omata summittainen kartta "siitä, mitä on olemassa" jotta voisi tarvittaessa opiskella lisää sitten kun tarvis vaatii 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 31

Hypermedian laatiminen ~ käsikirjoituksen laatiminen Hypertekstin ja hypermedian tekeminen on uutta muttei esim. tekstinkäsittelyyn tottumattomalle välttämättä ennenkuulumattoman uutta Hypertekstin tekeminen muistuttaa tai sisältää samoja piirteitä kuin - kirjan käsikirjoituksen suunnittelu - käsitekarttojen suunnittelu ja niiden parissa työskentely - "tavallisen tekstin" kirjoittaminen ja sen sisällön kuvaileminen tai indeksointi - vuorovaikutteisten tietokoneohjelmien suunnittelu ja laatiminen Hypertekstin tuottamisen prosessia ei välttämättä ole tarpeen erottaa esim. kirjan kirjoittamisesta kyse on vain käytetystä menetelmästä (tietokone ja lukemisen apuvälineet) ja painotuksesta (vrt. novelli vs. hakuteos) Merkittävin "uutuus" on lienee käytettävyysnäkökulmien korostuminen suunnittelussa: vaikeaselkoisen tekstin tunnistaa "heti", mutta huonosti jäsennetyn käyttöliittymän analysointi vaatii miettimistä (muutokset/tottumus) 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 32

Hypermedia, tietotekniikka ja ohjelmoiminen Hypermediaa tehdään ja käytetään tietokoneilla. Hypermedian tekemisessä voidaan tunnistaa kaksi eri tasoa (ilmenevät eri asioiden suhteen limittäin): 1. menetelmien ja välineiden "haltuunotto" (hypertekstin "sisäistäminen" ja WWW-seitin koodaaminen käsin MS Frontpage -ohjelmalla) 2. työtapojen ja tietojenkäsittelyn menetelmien automatisoiminen (sovelluksen asiasisällön mallintaminen ja ohjelmallinen kuvaaminen WWW-seitiksi) Ensimmäisessä "soveltajan kehitysasteessa" saavutetaan hyvät perustiedot ja käsityötaidot, toisessa "jaetaan työtehtävät tietokoneiden ja ihmisten kesken" (ihmiset: suunnittelu, tietokoneet: etsi/korvaa & leikkaa/leimaa) Kyse ei ole "työn arvottamisesta sinänsä", vaan "työn arvottamisesta tehokkuuden näkökulmasta" (kannattaa miettiä mihin aikansa käyttää) Mekaanisten työtehtävien tunnistaminen edellyttää "ohjelmoinnin tajua"; kykyä suunnitella ja muotoilla tehtäviä siten, että ne on mahdollista sopivin osin automatisoida (vrt. tyylien käyttö MS Wordissä vs. suora inline-formatointi) Tällä kurssilla tavoitteena on 1:n perusteet myös 2:sta kannattaa miettiä! 73270 HYPERMEDIAN PERUSTEET (syksy 2002) 33