MATHM Hypermedian perusteet (5 op) syksy 2007

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

Ossi Nykänen

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

IT-OSAAJA, TIETOJENKÄSITTELYN ERIKOISTUMISOPINNOT

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

Tassu Takala pääaineinfo

Tietotekniikan kandidaattiseminaari

T Ohjelmistojen määrittely- ja suunnittelumenetelmät

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

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

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

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

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

Kurssin suorittaminen. Merkkituotteet strategisessa markkinoinnissa KTT Eiren Tuusjärvi

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

9 Hypermediajärjestelmistä

Tutkiva Oppiminen Varhaiskasvatuksessa. Professori Lasse Lipponen PED0031, VARHAISPEDAGOGIIKKA

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

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

Ohjelmistoarkkitehtuurit. Kevät

Johdatus rakenteisiin dokumentteihin

Verkkopalveluiden saavutettavuus

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

EDUBOX opetusvideopalvelu

ARVO - verkkomateriaalien arviointiin

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

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

MATEMATIIKAN PERUSKURSSI b

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

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

IIZT4020 Projektitoiminta

Ohjelmistotekniikan menetelmät, kesä 2008

A4.1 Projektityö, 5 ov.

Ohjelmistoarkkitehtuurit. Syksy 2010

Tietoturva. 0. Tietoa kurssista P 5 op. Oulun yliopisto Tietojenkäsittelytieteiden laitos Periodi / 2015

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

Väitöskirjan kirjoittaminen ja viimeistely

Ohjelmistoarkkitehtuurit Syksy 2009 TTY Ohjelmistotekniikka 1

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

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

Lokikirjojen käyttö arviointimenetelmänä

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

Poluttamo oma digipolku oppimiseen

eosaajan taidot -hanke HAMK/eLearning Centre

DIGITAALINEN MARKKINOINTI ELINTARVIKEALALLA EKM-102

VisualStudio Pikaopas, osa 1: WEB sivujen suunnittelu

MONOGRAFIAN KIRJOITTAMINEN. Pertti Alasuutari

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

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

MATHM Hypermedian ohjelmointi (4 op) kevät 2007

Käyttöliittymän suunnittelu tilastotieteen verkko-opetukseen. Jouni Nevalainen

MATHM Hypermedian ohjelmointi (4 op) kevät Yleisiä tietoja kevään toteutuskerrasta. Haluatko Web-ohjelmoijaksi?

KT4 Projektiopinnot, 5 op (418013P)

Kurssin tavoitteista uennot. 4.1 Projektityö, 5 ov. Esitietovaatimukset

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

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

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

6 Hypermediajärjestelmistä

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

FYSIIKKA. Henri Sulo

Paikkatiedot ja Web-standardit

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

Ohjelmistotekniikan menetelmät, kevät 2008

Koulutusteknologia muuttuvassa yhteiskunnassa

T Johdatus tietoliikenteeseen 5 op. Kevät 2013

Internet ja tietoverkot

Antti Ekonoja

Tietokoneen rakenne (2 ov / 4 op) Syksy 2006

ALVA ammattilaskennan valmiuksien kartoitus

YYHT1103 Tiedon hallinta informaatioteknologisessa yhteiskunnassa, 5 op

2. luento. CS-C2110 Ohjelmointistudio 1: mediaohjelmointi Syksy 2016 [Studio 1] Antti Tolppanen, Sanna Suoranta, Lauri Savioja

DIGITAALINEN MARKKINOINTI ELINTARVIKEALALLA EKM-102

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

MALog-projekti kehittää oppimateriaalia matemaattiseen logiikkaan. Insinöörikoulutuksen foorumi

Digitaalinen oppiminen lukiossa

KTKO104 Tieto- ja viestintätekniikka. 2. Luento - Opetussuunnitelma 2014 Tiistai

Digi haltuun! (Valtakunnallinen projekti ) Susanna Saarvo

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

Selainpelien pelimoottorit

ELEC-C7230 Tietoliikenteen siirtomenetelmät. Yleistä

Kirjoittamisen vaikeus ja ihanuus erään tutkijan kokemuksia

Ohjelmistojen mallintaminen, kesä 2009

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

Ohjelmistoarkkitehtuurit. Syksy 2008

W3C ja Web-teknologiat

WebOodin opinto-opas ja ilmoittautuminen

HAHMONTUNNISTUKSEN PERUSTEET

KTKO104 Tieto- ja viestintätekniikka. 2. Luento - Opetussuunnitelma ja TVT Tiistai

Uusi opiskelukokemus

POP- Paremman Oppimisen Puolesta

Insinöörimatematiikan tentin toteuttaminen EXAM-järjestelmällä

8 Hypermedian suunnitteleminen

OPISKELIJAN MUISTILISTA

Sosiaalinen Media organisaation kommunikoinnissa. Jukka Ruponen, IT Arkkitehti, Innovaattori

L AUK A A VIISAS L U K I O N O P P I M I S Y M P Ä R I S T Ö J E N K E H I T T Ä M I S H A N K E O K L, J Y LV

W3C ja Web-teknologiat

Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta.

Tietotekniikan laitoksen uusi linja

Kurssien suorittamisen ajoitus

Digitaalisen median tekniikat Luento 1: Intro

Transkriptio:

MATHM-37000 Hypermedian perusteet (5 op) MATHM-37000 Hypermedian perusteet (5 op) syksy 2007 Luentorunko Ossi Nykänen & Jukka Huhtamäki & Ilkka Kaikuvuo MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 1

MATHM-37000 Hypermedian perusteet (5 op) Yleisiä tietoja syksyn kurssista Opettaja: Ilkka Kaikuvuo Sähköposti: ilkka.kaikuvuo@tut.fi Huone: Td310, matematiikan laitos / hypermedialaboratorio Puhelin: (03) 3115 5605 (vastaanotto: to 13-14, Td310) Luennot: 1. jakso: ti 14-16 ja ke 14-16 (TB109) 2. jakso: ti 14-16 (TB104) ja ke 14-15 (TB109) Harjoitukset: ma, to 12-14 sekä ti, ke 10-12 (SB204) Harjoitusassistentti: Seppo Koivisto Esitiedot ~ tietotekniikan perustiedot Internet/WWW -hypermedian perusteet Kotisivu: http://matriisi.ee.tut.fi/hypermedia/blogs/hmp-2007 Suorittaminen: harjoitustyö ja tentti MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 2

MATHM-37000 Hypermedian perusteet (5 op) Opintojakson sisältö ja suorittaminen Opintojaksolla perehdytään hypermedian perusteisiin ja sen tekemisen eri osa-alueisiin. Osansa saavat hypermedian ja tietokoneen käytön teoriat, ohjelmistot, Internet, WWW ja HTML, standardit, käytännöt sekä sovellutukset. Hypermedia ei ole selkeärajainen kokonaisuus, eikä sitä sellaisena tulla opintojaksolla esittelemään. Sovelluksista ja esimerkeistä johtuen WWW:n rooli opintojaksolla 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! Opintojaksolla 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. Opintojakson tavoitteena on peruskäsitteiden ja -taitojen omaksuminen. Idealistisena tavoitteena on aiheen kartoittaminen siten, että opintojaksolla muodostuisi perusta, jonka varassa asioihin voi tutustua yksityiskohtaisemmin siinä vaiheessa kun asioita pitää oikeasti tehdä ja osata. MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 3

MATHM-37000 Hypermedian perusteet (5 op) Mistä tällä opintojaksolla puhutaan? Opintojakson asiasisältö näyttää kutakuinkin seuraavalta (käsittelyjärjestys vaihtelee): johdantoa, taustoja, ideoita, peruskäsitteitä teksti ja hyperteksti Internet, WWW ja hypermedia hypermedia, metaforat ja tietokoneet 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 opintojakson sisällöstä avautuu harjoitusten, itseopiskelun ja erilaisiin ohjelmistoihin tutustumisen kautta. MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 4

MATHM-37000 Hypermedian perusteet (5 op) Poimintoja sisällöstä Seuraavat hypermedian tekemiseen liittyvät tekniset tai menetelmätason asiat ansaitsevat tulla erikseen mainituiksi: WWW, HTML & CSS 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 WWWsivuiksi, vaan osa asioista jää suosiolla hautumaan (myös tulevien kurssien pohjaksi). MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 5

MATHM-37000 Hypermedian perusteet (5 op) Ohjelmistoista Opintojakson 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 SSH Mozilla Firefox, Internet Explorer, Opera & Lynx Notepad & Crimson Editor Goldwave Mozilla Composer MS Word & OO Writer Corel DRAW ja PHOTO-PAINT Macromedia Director, Macromedia Dreamweaver*, Macromedia Flash*(?) Adobe Photoshop*, Adobe Premiere* Visual Basic*(?) tai muu multimediakehitin yms. yms. Perusohjelmat on pyritty valitsemaan siten, että niiden kokeilu myös kotona olisi mahdollista. MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 6

MATHM-37000 Hypermedian perusteet (5 op) Opiskelusta - mitä opintojaksolla oppii? Opintojaksolla 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 opintojaksolla 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ä hypermedia tarkoittaa ja miten hypermediaa ja sen eri osia tehdään? - miten hypermediaa tehdään WWW-ympäristössä ja mitä sillä saa aikaan? - miten WWW-hypermediasta tehdään laiteriippumatonta/saavutettavaa? - miten multimedian elementtejä tuotetaan ja käytetään? - mitä asiaan liittyvää on olemassa? MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 7

MATHM-37000 Hypermedian perusteet (5 op) Opintojakson opetusmuoto, materiaali & suoritukset Opintojakson 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 opintojakson luennoilla käsiteltiin HUOM! Luentorunko ei sisällä koko kurssimateriaalia, vaan ainoastaan jäsentää sitä! Luentorungon lisäksi opintojakson sisältöön kuuluvat - luentojen yhteydessä vapaamuotoisesti (esim. taululla, kalvojen tai tietokoneesimerkkien avulla) käsitellyt asiat (otsikkojen sisältö) - luentojen yhteydessä läpikäydyt esimerkit - luentorungossa ja kotisivulla mainitut lähteet (soveltuvin osin, totta kai) - opintojakson harjoitukset ja harjoitustyö Luentorunkoa julkaistaan opintojakson edetessä opintojakson kotisivuilla PDFmuodossa ja TiTe-kiltaan sijoitetussa mapissa. MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 8

MATHM-37000 Hypermedian perusteet (5 op) Muistettavaa & käytännön vinkkejä opiskeluun Hypermedia WWW. Hypermediaa on mahdollista toteuttaa eri tavoin ja eri menetelmin (Director, Flash, 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ä opintojaksolla 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) MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 9

MATHM-37000 Hypermedian perusteet (5 op) 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 opintojaksolla käsiteltävästä asiasta - ainakin HTML:n auttavat perusteet - lienevät useimmille tietokonetaitoisille tuttuja. Kannattaa kuitenkin muistaa, että opintojaksolla 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 2000-luvun käsityöläisyyttä: tekemällä oppii MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 10

MATHM-37000 Hypermedian perusteet (5 op) Kirjallisuus, oheismateriaali & verkkoaineisto Opintojakson rungon muodostavia kalvosarjaa julkaistaan verkossa opintojakson 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. Nielsen, J., Hypertext and Hypermedia, Academic Press, 1990. MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 11

MATHM-37000 Hypermedian perusteet (5 op) 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. Lowe, D. & Hall, W., Hypermedia & the Web, John Wiley & Sons, 1999. (*) 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. Listan kokoajan mielestä yksikään edellä mainittu kirja (ikävä kyllä) ei ole erityisen hyvä. Opintojakson näkökulmasta suositeltavaa iltalukemista ovat osin kuitenkin tähdellä (*) merkityt Kämäräisen & Haapasalon, Lowen & Hallin ja Nielsenin kirjat. Kirjat ovat miellyttäviä lukea - kirjan ostamista yksinomaan tätä opintojaksoa varten ei kuitenkaan suositella. MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 12

MATHM-37000 Hypermedian perusteet (5 op) Hyödyllistä luettavaa opintojakson 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 WWWkehittäjille suunnattua materiaalia tarjoavat esim. The HTML Writers Guild (ks. http://www.hwg.org/) Web Developer's Virtual Library (ks. http://www.wdvl.com/) W3Schools (http://www.w3schools.com/) Aiheeseen liittyviä ilmaisia ohjelmistoja löytyy hakukoneilla ja vaikkapa SourceForgen valikoimista (http://sourceforge.net/ ) Myös hypermediaa käsittelevää oppimateriaalia on tarjolla, ks. esim. The Electronic Labyrinth(ks. http://www.iath.virginia.edu/elab/elab.html) MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 13

MATHM-37000 Hypermedian perusteet (5 op) Verkosta löytyy myös alan klassikkoja, ks. esim. Vannevar Bushin artikkeli "As We May Think" (ks. esim. http://www.ps.uni-sb.de/~duchier/pub/vbush/vbush.shtml) 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/) 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.dma.unina.it/~antos/papers/hicss/) Hypermedian nimikkeen alle sijoittuvat kirjoitukset vaikuttavat vahvasti vanhentuneilta. Käsitteet ovat muuttuneet: 1900-luvun lopussa kohistiin uusmediasta, vuotta 2010 lähestyttäessä keskeiseksi käsitteeksi ovat muodostunut verkkopalvelu ja yhteisöllisyys. Hypermedian perusideat ovat kuitenkin säilyneet kehityksen myllerryksessä. Hypermedian ja uusmedian suhdetta voisi lyhyesti luonnehtia vaikkapa sanomalla, että uusmedia on hypermedian ja tietoverkkojen vahvasti kaupallistettu sovellutus. Käsite verkkopalvelu korostaa pääasiaa: keskeistä on käyttäjän palveleminen tämän mieltymysten mukaisesti (verkossa). MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 14

1 Johdanto Jotta opintojakson alku noudattaisi klassista kaavaa, aloitamme hypermedian määritelmästä. Webin vankkumaton oraakkeli, whatis.com, antaa hypermedialle napakan määritelmän: 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 MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 15

Hypermedian peruskäsitteet tiivistetysti Hypermedia voidaan esittää kätevästi seuraavien käsitteiden kautta: - teksti (ks. esim. http://www.tampere.fi/ekstrat/vapriikki/nayttely/tapaus/) - hyperteksti (ks. esim. http://matriisi.ee.tut.fi/matrix/ ) - multimedia (ks. esim. http://www.dilbert.com/ & http://www.albinoblacksheep.com/flash/epic ) -..hypermedia (ks. esim. http://www.historia.tampere.fi/ & http://www.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ä opintojaksolla käsitteellinen jako on kuitenkin seuraavanlainen: hyperm edia hyperteksti tek sti m u ltim e d ia MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 16

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) MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 17

Hypermedian harjoitus - käsitteellinen jäsennys algoritmit ja tiedon esittäminen tietojenkäsittely ohjelmistosuunnittelu HCI kognitiotiede psykologia "MINKÄ PERUSTEELLA?" teoria Hypermedia 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?" MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 18

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 Ks 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 MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 19

- 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 on lähtenyt liikkeelle kannettavien laitteiden myötä; hypermedia tullee ulos kaapistaan (laatikosta) osaksi ihmisten arkielämää (asian hyvyys on oma kysymyksensä) - suuri osa hypermediaan liittyvistä ideoista keksitään uudestaan kerta kerran jälkeen; sovellusten kehittäjän on syytä perehtyä myös hypermedian menneisyyteen 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! MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 20

Näkökulmia hypermediaan: tutkijan näkökulma 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. MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 21

Näkökulmia hypermediaan: soveltajan näkökulma 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!") MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 22

Tutkija vs. soveltaja 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ä ää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 MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 23

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/) - dokumentointi (ks. esim. http://www.w3.org/tr/html4/ & http://java.sun.com/j2se/1.4.2/docs/api/index.html) - informaatiopalvelut (ks. esim. http://www.stat.fi/ & http://www.verkkouutiset.fi/ ) - ajanviete (ks. esim. http://www.dilbert.com/ & http://www.soneraplaza.fi/ ) - taiteet (ks. esim. http://www.fng.fi/fng/rootnew/fi/vtm/etusivu.htm) - verkkoyhteisöt (ks. esim. http://www.ralli.net/ & http://www.photozo.com/) Mitä muuta tulee mieleen? MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 24

Teoreettisista sovellutuksista voidaan mainita esim. - tiedon mallintaminen (ks. esim. http://matriisi.ee.tut.fi/matrix/ ) - informaation jäsentäminen ja visualisointi (ks. esim. http://websom.hut.fi/websom/ & http://museosuomi.cs.helsinki.fi/) Hypermedian tutkimus (etsi itse verkosta artikkeleita aiheesta) - hypermedian sovellusalueiden kartoittaminen - tiedon rakenteen tutkimus ja visualisointi - mukautuva 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ä MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 25

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) Hypermedian tekeminen vaatii erityyppistä osaamista, tekijätiimissä tarvitaan - sisältöjä (näiden osaajia) - käyttäjäkeskeistä suunnittelua (menetelmiä ja 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ä MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 26

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) MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 27

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 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") MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 28

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 tarve vaatii MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 29

Hypermedian laatiminen ~ käsikirjoituksen laatiminen Hypertekstin ja hypermedian tekeminen on uutta muttei esim. tekstinkäsittelyyn tottuneelle 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 käytettävyysnäkökulmien korostuminen suunnittelussa: vaikeaselkoisen tekstin tunnistaa heti, mutta huonosti jäsennetyn käyttöliittymän analysointi vaatii miettimistä (muutokset/tottumus) MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 30

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 toteuttaminen käsin Mozilla Composer -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 & liikkaa/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ä opintojaksolla tavoitteena on 1:n perusteet myös 2:sta kannattaa miettiä! MATHM-37000 HYPERMEDIAN PERUSTEET (syksy 2007) 31