Ohje sisältää yksityiskohtaiset ohjeita sisältöjen tuottamiseksi helppokäyttöisiin lisätyn todellisuuden (Augmented Reality, AR) selaimiin (Layar, Aurasma, Wikitude, junaio). On riippuvaista selaimesta, minkälaisia sisältöjä ja millä tavoin on mahdollista tuottaa, opas kattaa ei-teknistä osaamista vaativat tavat ja mahdollisuudet. Tammikuussa 2014 ilmestyy myös hankejulkaisu lisätyn todellisuuden tuotantovälineiden valintaan, jossa toinen pääluku keskittyy sisällöntuotantovälineiden helppokäyttöisyyden arviointiin. AR-selainohje löytyy tällä hetkellä pdf-muodossa, mutta se on tarkoitus siirtää wikiin tms. helmi-maaliskuun 2014 aikana. Opasta on myös tarkoitus päivittää samalla ja tehdä siihen joitakin lisäyksiä koskien sisällöntuotantomahdollisuuksia. Opasta on viimeeksi päivitetty huhtikuun 2013 lopussa, joten osin ohjeen kaappauskuvat saattavat olla selainten ja niiden sisällöntuotanto-osien aikaisempia versioita vastaavia. Mitään niin suuria muutoksia ei ole kuitenkaan tullut, etteikö ohjetta voisi hyödyntää.

1. Lisätyn todellisuuden selainten käyttö
Joanna Kalalahti
etunimi.sukunimi at uta.fi
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 1.2
29.4.2013
http://bit.ly/ARselaimet

2. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
1
Sisällys
1. Johdanto ...................................................................................................................................... 2
1.1 Mitä on lisätty todellisuus? .................................................................................................... 2
1.2 Lisätyn todellisuuden sovellusten toteuttaminen .................................................................... 3
1.3 Lisätyn todellisuuden selaimet ............................................................................................... 3
1.4 Keskeisiä käsitteitä ................................................................................................................ 8
2. Oppimispolun luominen Wikitude World Browserilla ................................................................. 9
2.1 Wikitude worldien katselu ..................................................................................................... 9
2.2 Sisällön luominen Wikitude-selaimeen ................................................................................ 12
2.3 Wikitude myWorld .............................................................................................................. 13
2.4 Wikitude-worldin luominen KML- ja ARML-kielillä .......................................................... 15
2.4.1 Vaikeampi tapa: Wikitude-worldin luominen ARML-kuvauskielellä ............................ 15
2.4.2 Helpompi tapa: Wikitude-worldin luomisessa tarvittavan KML-tiedoston luominen
Google Mapsilla .................................................................................................................... 28
2.4.3 KML- tai ARML-tiedoston lataaminen Wikitudeen ja worldin luominen ...................... 33
3. Oppimispolun luominen BirdsView AugmentedGallerylla ........................................................ 43
3.1 Tunnukset ja kirjautuminen ................................................................................................. 44
3.2 POI:den luominen kartalle ................................................................................................... 45
3.3 junaio- ja Layar-selainten asentaminen ja BirdsView-kanavan etsiminen ............................. 50
3.3.1 Layar ............................................................................................................................ 50
3.3.2 junaio ........................................................................................................................... 52
3.4 POI:den katselu Layar- tai junaio-selaimella mobiililaitteella .............................................. 55
3.5 POI:den luominen selainnäkymässä ..................................................................................... 57
4. Lisätyn todellisuuden kuvapohjaisen sovelluksen toteuttaminen Layar Creatorilla..................... 60
4.1 Käyttäjätilin luominen ja kirjautuminen ............................................................................... 60
4.2 Kampanjan luominen Layar Creatoriin ................................................................................ 62
5. Lisätyn todellisuuden kuvapohjaisen sovelluksen tuottaminen Aurasmalla ................................ 74
5.1 Aurasman toiminnallisuudet ................................................................................................ 75
5.2 Olemassaolevien aurojen katselu ......................................................................................... 76
5.3 Omien aurojen luominen mobiilisovelluksella ..................................................................... 77
5.4 Omien aurojen luominen Aurasman webbikäyttöliittymällä ................................................. 88
Lähteet .......................................................................................................................................... 89

3. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
2
1. Johdanto
Johdanto-luvussa tarjotaan lukijalle tiivis peruskatsaus lisättyyn todellisuuteen sekä esitellään
materiaalin myöhempiä lukuja varten tarvittava peruskäsitteistö.
1.1 Mitä on lisätty todellisuus?
Lisätyn todellisuuden (engl. Augmented Reality, AR) voidaan sanoa olevan virtuaalisten objektien
tuomista osaksi fyysistä todellisuutta. Käytännössä tämä voidaan toteuttaa monin eri tavoin, mutta
yksi tänä päivänä jo paljon käytetty tapa on erilaisten mobiililaitteisiin asennettujen sovellusten
kautta, jotka hyödyntävät laitteiden kameraa esittäessään virtuaalisia objekteja reaalimaailman
näkymän päällä. Yksinkertaistettuna idea on katsoa sovelluksen kameranäkymän kautta jotakin
paikkaa1, jolloin sovellus tunnistaa käyttäjän olevan tietyssä paikassa, ja osaa näyttää ko. sijaintiin
liittyvää lisätietoa. Mikäli lisätty todellisuus ei ole vielä itsellesi tuttua, Wikipediasta löydät
perustietoa aiheesta2.
Mikä on lisättyä todellisuutta on myös määrittelykysymys, ja erilaisia määritelmiä on olemassa.
Tunnettu ja varsin tiukka määritelmä lisätylle todellisuudelle on Azuman (1997) määritelmä, jonka
mukaan lisätyn todellisuuden tulee toteuttaa seuraavat asiat:
- yhdistää reaali- ja virtuaalimaailman
- reaaliaikainen vuorovaikutus
- kolmiulotteinen rekisteröinti.
Madden (2011, 4) määrittelee lisätyn todellisuuden seuraavalla tavalla laaja-alaisesti:
-
lisätty todellisuus yhdistää fyysisen maailman näkymää tietokoneella luotuun grafiikkaan
lisätty todellisuus tarjoaa vuorovaikutusmahdollisuuden objektien kanssa reaaliaikaisesti
lisätty todellisuus pitää kirjaa objekteista / "träkkää" objekteja reaaliaikaisesti
lisätty todellisuus tunnistaa kuvia tai objekteja
lisätty todellisuus tarjoaa reaaliaikaisen kontekstin tai tietoa käyttäjälle.
Myös Klopferin ja Squiren (2008) näkemys on varsin laaja-alainen – he määrittelevät lisätyn
todellisuuden tilanteena, jossa reaalimaailman kontekstiin on dynaamisesti päällystetty
paikkatiedolla tai tilannesidonnaisella virtuaalisella tiedolla.
Tässä oppaassa otetaan laaja-alainen näkemys lisättyyn todellisuuteen, ja kriteerinä pidetään kuvien
/ objektien tunnistaminen tai paikkatiedon pohjalta tapahtuvaa tunnistamista ja sisällön tarjoaminen
1
2
...tai objektia, tässä ohjeessa keskitytään nimenomaa paikkatietosovelluksiin
http://fi.wikipedia.org/wiki/Lisätty_todellisuus

4. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
3
sen pohjalta käyttäjälle reaaliaikaisesti yhdistäen fyysisen maailman näkymää tietokoneella luotuun
grafiikkaan.
1.2 Lisätyn todellisuuden sovellusten toteuttaminen
Lisätyn todellisuuden sovellusten toteuttaminen on sekä vaikeaa että helppoa. Myös sovelluksia on
monenlaisia – niin tietokoneella, älypuhelimella tai erillisillä datalaseilla käytettäviä. Sovellukset
voivat toimia verkkopalveluina tai ne voivat olla kokonaan omalle laitteelle asennettavia.
Tässä materiaalissa toteutettavat sovellukset ovat toteutettavissa ilman ohjelmointitaitoa helpolla
tavalla – jos osaat käyttää sosiaalisen median sovelluksia, osaat myös toteuttaa tämän materiaalin
sovelluksia. Sovellukset joita esitellään toimivat mobiililaitteisiin asennettavilla lisätyn
todellisuuden selaimilla, joista kerrotaan yleisellä tasolla tarkemmin seuraavassa luvussa.
Sovellukset ovat sekä paikkatietoon että kuvatunnistukseen perustuvia. Paikkatietosovelluksella
voidaan esimerkiksi toteuttaa erilaisia oppimispolku-tyylisiä sovelluksia aitoon ympäristöön –
vaikkapa koulun pihalle. Kuvatunnistukseen perustuvilla sovelluksilla voidaan toteuttaa esimerkiksi
perinteisen painetun oppimateriaalin kuvista virtuaalista lisätietoa antavia sovelluksia.
Paikkatietoselaimista materiaalissa esitellään Wikitude sekä erillinen sisällönhallintaväline
BirdsView Augmented Gallery, jonka avulla voidaan julkaista paikkatietosovelluksia Layar- tai
junaio-selaimiin. Kuvatunnistukseen perustuvista tuotantovälineistä esitellään webbipohjainen
sisällöntuotantokäyttöliittymä Layar Creator, jolla voidaan tuottaa sisältöä Layar-selaimeen, sekä
Aurasma-selain, jolla voidaan tuottaa sisältöä suoraan selaimella (Aurasmaan saatavilla on myös
olemassa erillinen Layar Creatoria vastaava webbipohjainen tuotantoväline).
Esiteltävät sovellukset ja selaimet ovat pitkälti keskenään vaihtoehtoisia. Saman asian voi toteuttaa
usealla eri tavalla omien mieltymysten ja osin myös tarpeiden mukaan, sillä joiltain osin pieniä
eroja sovellusten väliltä löytyy.
1.3 Lisätyn todellisuuden selaimet
Mikä on lisätyn todellisuuden selain ja miten se eroaa tavallisesta www-selaimesta? Jos lisätyn
todellisuuden selaimia verrataan tavalliseen webbiselaimeen, niin yksittäisiä webbisivuja lisätyn
todellisuuden selaimessa vastaavat selaimen sisällä toimivat pienoisohjelmat, joita kutsutaan
selaimesta riippuen hieman eri nimillä. Esimerkiksi Wikitude-selaimessa pienoisohjelmia kutsutaan
nimellä world, Aurasmassa auroiksi ja Layarissa nimellä layer.
Lisätyn todellisuuden selaimet (esim. junaio, Layar ja Wikitude ja Aurasma), ovat maksutta
asennettavissa niitä tukeviin mobiililaitteisiin. Lisätyn todellisuuden selaimet toimivat
datayhteydellä, satelliittipaikannuksella ja kompassilla varustetussa älypuhelimessa ja

5. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
4
mobiililaitteissa. Eri selainten osalta eroja on siinä, millä käyttöjärjestelmällä varustetuissa laitteissa
ne toimivat.
Kuvatunnistukseen perustuvissa selaimissa halutun kuvan tai markkerin päällä
esitetään jotakin sisältöä, esimerkiksi kolmiulotteisia objekteja, kun selaimen
kameranäkymässä "katsotaan" tiettyä ennalta määriteltyä kohdetta. Markkereista
yleisimmin käytössä ovat nk. fidusiaariset markkerit (fiduciary markers) jotka
muistuttavat hieman QR-koodeja. Kuva- ja objektintunnistukseen perustuvat
sovellukset osaavat näyttää AR-sisältöä, kun kameranäkymässä näkyy
tunnistettava kuva, symboli tai kohde (esimerkiksi rakennus).
Paikkatietosovellukset taas toimivat hyödyntäen GPS-koordinaatteja ja kompassia ja osaavat
näyttää haluttuun paikkaan linkitettyä sisältöä niiden pohjalta. Periaatteessa myös muunlaista
sensori-informaatiota voidaan käyttää AR-sisältöjä esiintuovana triggerinä.
Paikkatietoon3 perustuvilla sovelluksilla saa tyypillisesti lisätietoa käyttäjän ympäristössä olevista
rakennuksista ym. paikoista. Seuraavassa esimerkkikuvassa on paikkatietopohjaisella Wikitudeselaimella haettua Wikipedian tietoa yhdistetty lähiympäristön rakennuksiin:
3
Joidenkin mielestä paikkatietoon perustuva lisätty todellisuus ei ole varsinaista lisättyä todellisuutta, mutta perus
käyttäjän kannalta tämä ei varmastikaan ole kaikkein olennaisinta.

6. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Wikitude ja monet muutkin paikkatietopohjaiset lisätyn todellisuuden selaimet ovat pullollaan
erilaisia pubi-, ravintola-, hotelli-, metroasema- ym. pienoisohjelmia, joiden avulla löydät tietoa
lähiympäristössäsi olevista palveluista, saat apua niiden löytämiseen ja mahdollisesti myös niihin
liittyviä asiakasarviointeja.
5

7. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
6
Kuvatunnistuspohjaisessa selaimessa markkeria "katseltaessa" sovelluksen kameran kautta voidaan
nähdä esimerkiksi jokin kiinnostava objekti, kuten seuraavassa kuvassa Augment-selaimella
katsotaan markkeria ja nähdään Eiffel-tornin kolmiulotteinen malli:
Seuraavassa kuvassa mangustin kuvan katselun perusteella näytetään kaksiulotteinen animaatio
pesäkolosta toiseen kulkevista mangusteista (Aurasma-selain):

8. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
7
Madden (2011, 24-25) on analysoinut paikkatietopohjaisten lisätyn todellisuuden selainten
"anatomiaa" ja erottaa selaimista seuraavat komponentit:
Kartta- ja
listanäkymän valinta
Tutka joka
näyttää
lähistöllä olevat
POIt suuntineen
Infokupla esittää POIn
Etäisyys
kohteesta
Tietopalkki joka
näkyy infokuplan
valinnan jälkeen
Vastaavasti kuvatunnistuspohjaisen lisätyn todellisuuden selaimen anatomia voisi näyttää
jotakuinkin seuraavanlaiselta:
Skannausikkuna jolla
"katsotaan"
referenssikuvia
Sovelluksen
tunnistaessa
referenssikuvan
avautuu
siihen
määritetty
augmentointi
referenssikuvan päälle

9. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
8
1.4 Keskeisiä käsitteitä
Kiinnostavat paikat, POI:t (Points Of Interest), ovat yksi keskeinen käsite lähdettäessä toteuttamaan
paikkatietoperustaisia lisätyn todellisuuden sovelluksia. POIt saattavat olla käsitteenä vieras, mutta
monille POI:t ovat asiana tuttuja esimerkiksi Google-kartoista, joissa ne on esitetty tiettyihin
sijainteihin sijoitetuilla pinneillä:
POI:t ovat siis kartalle merkittyjä pisteitä, jotka ilmaisevat kiinnostavia paikkoja. Lisätyn
todellisuuden paikkatietosovelluksissa POI:t tarjoavat lisätietoa paikoista.
Kuvatunnistukseen perustuvissa sovelluksissa keskeisiä käsitteitä ovat referenssikuva (tai
markkeri), joka tarkoittaa kuvaa, jota selaimella "katsottaessa" jotakin tapahtuu. Augmentoinniksi
voidaan taas kutsua kuvaa, videota, 3D-objektia tms. joka seuraa, kun referenssikuvaa "katsotaan"
selaimella.

10. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
9
2. Oppimispolun luominen Wikitude World Browserilla
Wikitude World Browser (http://www.wikitude.com) on yksi lisätyn todellisuuden selain.
Wikitude World Browser toimii Android-, Blackberry, iOS-, Symbian- ja Windows-puhelimissa
(tarkemmat tiedot löytyvät Wikituden sivuilta). Voit ladata Wikitude-selaimen oman puhelimesi
sovelluskaupasta maksutta (löydät selaimen hakemalla sitä nimellä).
Tämän luvun on tarkoitus opastaa tutustumaan Wikitude World Browseriin ja toteuttaa ko.
selaimeen yksinkertainen paikkatietoon perustuva lisätyn todellisuuden oppimispolku ilman
ohjelmointitaitoja.
2.1 Wikitude worldien katselu
Avattuasi Wikituden voit etsiä haluamasi pienoisohjelman eli worldin. Voit kokeilla esimerkiksi
TayPuut-worldia. Valitse haluatko käyttää kamera-, lista- vai karttanäkymää (huomaa alla olevien
Wikitude-selainnäkymien ylälaidassa merkityt eri näkymien symbolit):
Kameranäkymään
Listanäkymä
Karttanäkymään
Kameranäkymä
Listanäkymään
Karttanäkymä
Voit säätää etäisyyttä, josta Wikitude hakee näytettävät kohteet. Yllä olevassa kuvassa
kameranäkymässä näet vasemmassa yläkulmassa harmaan ympyrän – klikkaa sitä kerran.

11. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
10
Ympyrän viereen pitäisi avautua liukuvalitsin halutun POI:den etsintäetäisyyden määrittämiseksi:
Valitse haluamasi etäisyys (kuvassa sovellus hakee 305 metrin sisällä olevat POI:t, jotka näkyvät
harmaassa ympyrässä pieninä pisteinä – keltainen keila näyttää mihin suuntaan "katsot" laitteesi
kameranäkymästä suhteessa pisteisiin).
Mikäli POI sijaitsee haluamasi etäisyyden sisällä, osoittaessasi mobiililaitteellasi oikeaan suuntaan
sinun pitäisi nähdä kameranäkymässä POI:
Mikäli olet listanäkymässä, Wikitude näyttää listassa näkyvien POIden etäisyyden paikasta jossa
käyttäjä kulloinkin on, joten tästä on apua paikkoja etsittäessä. Karttanäkymä voi olla kätevä kun
kohdetta etsitään kauempaa, toisaalta kohteen lähellä kameranäkymä auttaa kohteen
tunnistamisessa: jos paikalla on esimerkiksi useita rakennuksia, joista on vaikea arvata mikä niistä
on haluttu kohde, laitetta suuntaamalla (jos koordinaatit on annettu oikein ja GPS näyttää tarkasti)
oikea kohde todennäköisesti löytyy.

12. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
11
Mikäli havaitset että luomasi POI ei sijaitsekaan aivan siinä kohdassa mihin sen loit, on hyvä
huomioida, että pientä epätarkkuutta saattaa esiintyä koordinaattien osalta – virhe saattaa olla
GPS:llä jopa useamman metrin, joten mitään kovin pientä ja tarkkarajaista yksityiskohtaa on
ympäristöstä hankala merkitä, tämä on siis selkeä rajoite paikkatietosovelluksissa. Monissa lisätyn
todellisuuden sovelluksissa kuitenkin hyödynnetään mobiililaitteiden kompassia, jolla saadaan
hieman tarkennettua sijaintia. Joka tapauksessa – luodessasi POI:ta kartalle kannattaa käydä
testaamassa miten POI:t oikeasti näkyvät ja sen pohjalta arvioida toimiiko sovellus riittävän hyvin
käyttötarkoitukseesi!
Klikkaamalla POI:ta kerran näet ko. kohteelle kuvaustekstiksi ja linkiksi annetut tiedot
kameranäkymän alalaidassa (huom. seuraava kuva ei liity edelliseen POI:hin, jos ihmettelet POI:n
eri nimeä – kuvan on tarkoitus vain havainnollistaa kuvaustekstiä näkymän alalaidassa):

13. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
12
Edelleen alalaidan kuvaustekstiä kertaalleen klikkaamalla saat auki sivun, jossa POI:ta on kuvattu
vielä tarkemmin. Klikkaamalla kuvaustekstissä olevaa linkkiä (kohta Website) voit suoraan avata
www-sivun, jolta löydät edelleen lisätietoa kohteesta:
2.2 Sisällön luominen Wikitude-selaimeen
Erillisten Wikitude-worldien luominen ei vaadi välttämättä ohjelmointiosaamista. Edistyneempien
worldien luomisessa voi olla hyötyä XML-pohjaisten kuvauskielien osaamisesta, mutta niitäkin
ilman pärjää muutamia kiertoteitä hyödyntäen, joita esitellään tässä materiaalissa.
Monimutkaisempien ja räätälöidympien worldien luomiseen vaaditaan ohjelmointiosaamista.
Wikitude tarjoaa myös mahdollisuuden luoda yksinkertainen paikkatietosovellus Wikitude
myWorld -nimiseen worldiin, joka on eräänlainen kokoelma erillisiä, eri ihmisten sinne lisäämiä
POI:ta. POI:hin on mahdollisuus liittää lisätietoa paikasta: lyhyt kuvausteksti ja kuvia. Wikitude
myWorld toimii kiinteästi yhdessä Facebookin kanssa.

14. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
13
2.3 Wikitude myWorld
Wikitude myWorldiin voit luoda useita erillisiä POI:ta itsellesi merkityksellisiin paikkoihin ja jakaa
niitä Facebookissa.
Kirjaudu Wikitude myWorldiin Facebook-tunnuksellasi. Luo POI:t Wikitude myWorldiin sivuilla
olevan ohjeen mukaisesti:
Kirjauduttuasi näet tällaisen näkymän:

15. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
14
Klikkaamalla luotua Sample POI:ta pääset editoimaan sitä:
Anna POI:lle otsikko ja kuvausteksti. Voit lisätä siihen myös kuvia ja määritellä POI:n yksityiseksi
halutessasi:
Voit jakaa POI:n Facebook-seinäsi kautta – pääset jakamaan sen Post myWorld -linkistä. Voit
kutsua kavereitasi katsomaan POI:tasi Friends Invite -linkistä.

16. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
15
2.4 Wikitude-worldin luominen KML- ja ARML-kielillä
Oman Wikitude-worldin, joka sisältää haluamasi POI:t, voit rakentaa melko helposti XMLpohjaisia KML- tai ARML-kuvauskieliä apunasi käyttäen, joiden avulla luodaan sekä POI:t että
niihin liittyvät kuvaustekstit, linkitykset ym. Pohjatiedosto KML- tai ARML-muodossa luodaan
ensin, ja sen jälkeen se ladataan Wikitudeen DevZone-webbikäyttöliittymällä, jonka jälkeen
Wikitude-world on valmis.
KML- tai ARML-tiedoston luomiseen on olemassa kaksi tapaa, joista toisen hyödyntämisessä on
etua jonkinlaisesta ymmärryksestä XML-pohjaisista kuvauskielistä, toinen puolestaan ei vaadi
minkäänlaista erityisosaamista:
1. Vaikkei kirjainyhdistelmä XML herättäisi mitään mielikuvaa, KML-tiedoston rakentaminen
onnistuu helposti Google Maps tai Google Earth -sovelluksen avulla siten, että käyttäjä
merkitsee halutut paikat napsuttelemalla ne suoraan Googlen tarjoamalle kartalle. Googlen
sovellukset osaavat luoda POI:den perusteella automaattisesti taustalla KML-muotoisen
tiedoston, jonka saa ladattua suoraan omalle koneelle. Syntynyt tiedosto sisältää kaiken
tarvittavan tiedon kuten paikkoja ilmaisevat POI:t, eikä tiedoston sisällöstä tarvitse ymmärtää
mitään. KML-tiedoston avulla luotavien Wikitude Worldien osalta on olemassa kuitenkin
sellainen rajoite, että POI:den yhteyteen ei voida lisätä muuta kuin tekstimuotoista lisätietoa.
Mitään interaktiivista sisältöä (klikattavia lisätietolinkkejä, kuvia, mahdollisuutta yhdellä
painalluksella soittaa tai laittaa tekstiviestiä esim. POI:n osoittamaan ravintolaan tms.
palveluntarjoajalle) ei KML-tiedoston avulla ole mahdollista esittää.
2. Mikäli XML on tuttua, maailmojen rakentaminen esimerkkikoodia muokkaamalla on helppoa ja
nopeaakin, kun ottaa avuksi jonkin XML-editorin (esim. Microsoft XML Notepad). Hyvin
pitkälti KML-tiedoston kaltaisen ARML-tiedoston avulla on mahdollista luoda myös
interaktiivista sisältöä Wikitude-selaimeen.
Vaikka tässä materiaalissa onkin keskitytty helposti toteutettavien sovellusten luomiseen, on myös
haluttu tarjota hieman edistyneemmille käyttäjille ohjeistus sovelluksen toteuttamiseen (luku 2.4.1).
Helpompi tapa esitellään luvussa 2.4.2.
2.4.1 Vaikeampi tapa: Wikitude-worldin luominen ARML-kuvauskielellä
Tässä luvussa esitellään ARML-tiedoston luomisprosessi valmiin mallipohjan avulla (myös KMLtiedoston voi toki luoda kuvauskielellä kirjoittaen). ARML on XML-kuvauskieltä, joten eiteknisesti orientoitunut lukija saattaa tässä vaiheessa miettiä tämän luvun yli hyppäämistä oudon
kirjainyhdistelmän vuoksi. Toki HTML- tai XML-osaamisesta on hyötyä ARML-tiedoston
luomisessa, mutta ARML-tiedoston luominen onnistuu myös täysin ei-tekniseltä lukijalta tätä
ohjetta tarkoin noudattamalla. Eli vaikka kirjainyhdiste XML ei olisi itsellesi lainkaan tuttu, koodin
tuottaminen on kuitenkin melko yksinkertaista – erityisest, kun apuvälineenä käytetään XML-

17. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
16
editoria, kuten maksutta saatavaa Microsoft XML Notepadia 4, jonka pohjalta tämä ohje on tuotettu
(myös muita XML-editoreja voi käyttää, perusidea on hyvin samankaltainen).
Editori tiivistää koodin siten, että sitä ei tarvitse lukea kokonaisuutena - riittää, että muokkaaja
tietää mihin kohtaan kirjoittaa POI:n kuvaustekstin, POI:hin mahdollisesti liitettävän kuvan, linkin
tai muun halutun elementin.
Toimi seuraavan ohjeen mukaan asentaaksesi Microsoft XML Notepadin ja luodaksesi sillä ARMLtiedoston:
1. Lataa XML-editorin asennustiedosto koneellesi klikkaamalla alaviitteessä olevaa linkkiä ja
asennustiedoston lataussivulla klikkaa Download-painiketta:
Kun dialogi-ikkuna avautuu, valitse Save File -vaihtoehto tallentaaksesi asennustiedoston
koneellesi. Tallenna se esim. koneesi työpöydälle, josta se löytyy helposti:
4
XML Notepadin saat ladattua koneellesi osoitteesta http://www.microsoft.com/en-us/download/details.aspx?id=7973

18. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
17
Etsi asennustiedosto koneeltasi ja tuplaklikkaa sitä – seuraava dialogi avautuu:
Valitse Run ja ohjelma asentuu koneellesi.
2. Avaa Microsoft XML Notepad. Oletusarvoisesti avattuna on uusi dokumenttipohja. Valitse Filevalikosta Save As... tallentaaksesi dokumentin:

19. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
18
Älä kuitenkaan tallenna dokumenttia oletustallennusmuodossa (.xml) vaan valitse ensin Save as type
-alasvetovalikosta kohta All files (*.*). Kirjoita tallennettavalle dokumentille kuvaava nimi ja
tiedostotunnisteeksi .ARML, kuvassa siis tiedosto on nimetty oppimispolku.ARML:
3. Valitse hiirellä ja kopioi (Edit – Copy) seuraavalla sivulla oleva koodi tästä ja liitä se avoinna
editorissa olevaan dokumenttiin (Edit – Paste). Tallenna tässä vaiheessa.
Huom. vaikka koodissa lukeekin heti toisella rivillä kml, kyseessä on ARML-dokumentti!

20. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
<?xml version="1.0" encoding="utf-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:ar="http://www.openarml.org/arml/1.0"
xmlns:wikitude="http://www.openarml.org/wikitude/1.0">
<Document>
<ar:provider id="">
<ar:name></ar:name>
<ar:description></ar:description>
<wikitude:providerUrl></wikitude:providerUrl>
<wikitude:tags></wikitude:tags>
<wikitude:logo></wikitude:logo>
<wikitude:icon></wikitude:icon>
</ar:provider>
<Placemark id="">
<ar:provider></ar:provider>
<name></name>
<description></description>
<wikitude:info>
<wikitude:thumbnail></wikitude:thumbnail>
<wikitude:phone></wikitude:phone>
<wikitude:url></wikitude:url>
<wikitude:email></wikitude:email>
<wikitude:address></wikitude:address>
<wikitude:attachment></wikitude:attachment>
</wikitude:info>
<Point>
<coordinates></coordinates>
</Point>
</Placemark>
<Placemark id="">
<ar:provider></ar:provider>
<name></name>
<description></description>
<wikitude:info>
<wikitude:thumbnail></wikitude:thumbnail>
<wikitude:phone></wikitude:phone>
<wikitude:url></wikitude:url>
<wikitude:email></wikitude:email>
<wikitude:address></wikitude:address>
<wikitude:attachment></wikitude:attachment>
</wikitude:info>
<Point>
<coordinates></coordinates>
</Point>
</Placemark>
<Placemark id="">
<ar:provider></ar:provider>
<name></name>
<description></description>
<wikitude:info>
<wikitude:thumbnail></wikitude:thumbnail>
<wikitude:phone></wikitude:phone>
<wikitude:url></wikitude:url>
<wikitude:email></wikitude:email>
<wikitude:address></wikitude:address>
<wikitude:attachment></wikitude:attachment>
</wikitude:info>
<Point>
<coordinates></coordinates>
</Point>
</Placemark>
</Document>
</kml>
19

21. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
20
4. Näet nyt vasemmassa sarakkeessa erilaisia nimikenttiä ja oikeanpuoleisessa sarakkeessa niitä
vastaavia arvoja. Mikäli XML ei ole tuttua, et varmasti saa niistä paljon käsitystä. Huomannet
kuitenkin, että koodien nimikentissä puhutaan esim. nimistä, kuvausteksteistä, tunnisteista eli
id:istä. Voit klikkailla edelleen auki lisää päätason koodien alikenttiä +-merkeistä kenttien vieressä,
vaikka oikeanpuoleisessa sarakkeessa niissä ei olekaan mitään arvoja. Kentät ovat siis järjestettynä
hierarkkisesti.
Jos avaat Placemark-kentän Document-kentän alla, sen alla näet kentät ar:name, ar:description, ja
edelleen Point-kentän alla coordinates-kentän, wikitude:info-kentän alla wikitude:url-kentän.
Placemark-kenttä on yhden POI:n kuvaus POI:hin liittyvine nimineen, kuvausteksteineen,
koordinaatteineen ja linkkeineen.
Jotta näiden suhde olemassa olevaan Wikitude-worldiin havainnollistuisi paremmin, seuraavassa
kuvassa vastaavat tiedot on yhdistetty TayPuut-nimisen Wikitude-worldin näyttämiin tietoihin
eräästä sen POI:sta. Osa tiedoista antaa tietoa kyseisestä Wikitude-worldista ja ne näkyvät kun ko.
worldia haetaan Wikitude-selaimen world-listauksesta (vasemmanpuoleinen Wikitude-näkymä).
Osa tiedoista taas liittyy nimenomaisen Wikitude-worldin tiettyyn POI:hin (oikeanpuoleinen
Wikitude-näkymä joka avautuu, kun on valittu ko. POI esim. sovelluksen kameranäkymässä sen ohi
kuljettaessa).

22. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
21

23. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
22
5. Sisältöä ARML-dokumentin kuvaustekstiksi pystyy kirjoittamaan yksinkertaisesti klikkaamalla
hiirellä oikeanpuoleisen sarakkeen siihen kohtaan, johon ko. tieto halutaan syöttää.
Päätason kuvaustekstikenttiin (eli Wikitude-worldia koskeviin yleiskuvauksiin) Document-kohdan
alle kirjataan seuraavat tiedot alla olevan kuvan mukaisesti:
id
ar:name
ar:description
wikitude:providerUrl
wikitude:tags
wikitude:logo
wikitude:icon
Yksilöivä tunniste omalle Wikitude-worldillesi.
Voi periaatteessa olla mitä vain, kunhan se on
yksilöllinen eli samaa id:tä ei voi olla muilla
Wikitude-worldeilla. Tämä tieto ei näy
sovelluksesta ulospäin käyttäjille.
Wikitude-worldisi ulospäin käyttäjälle näkyvä
nimi. Nimi näkyy listauksessa etsittäessä
Wikitudesta eri worldeja.
Kuvausteksti Wikitude-worldillesi. Harkitse
millä kielellä / kielillä kuvaustekstin kirjoitat.
Esim. Wikitude-worldisi omat sivut, joilla
tarjoat kiinnostuneille lisätietoa Wikitudeworldistasi, mainostat sovellustasi tms.
Sisällöntarjoajaa kuvaavat avainsanat hakuja
varten.
Wikitude-worldisi logokuva (96 x 96 pikseliä,
.png-muodossa).
Wikitude-worldisi pikkukuvake joka näkyy
POI:den yhteydessä katsottaessa niitä
kameranäkymässä (32 x 32 pikseliä, .pngmuodossa).
POI:den kuvaustekstikenttiin (eli kutakin POI:ta koskeviin kuvauksiin ja toiminnallisuuksiin)
Placemark-kohdan ja sen alakohtien alle kirjataan seuraavat tiedot alla olevan kuvan mukaisesti:

24. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
id
name
description
wikitude:thumbnail
wikitude:url
wikitude:coordinates
POI:n -worldin sisällä yksilöivä tunnus, voidaan
käyttää esim. juoksevaa numerointia tai POI:ta
kuvaavia tekstejä. Ei näy ulospäin käyttäjälle.
POI:n nimi, näkyy ulospäin käyttäjälle.
POI:n kuvausteksti, näkyy ulospäin käyttäjälle.
POI:n yhteydessä näkyvä pikkukuva, joka
liittyy kyseiseen POI:hin (jos tämä on määritelty
ja Wikitude-worldiin määriteltiin icon-kuva,
tämä näytetään tietyssä POI:ssa sen tilalla).
POI:hin liitettävä linkki, josta saa esim.
lisätietoa siitä tai jos Wikitude-world
suunnitellaan opetustoteutusta varten, voidaan
myös linkittää vaikkapa kyseisen rastipisteen
yhteyteen liitettävä tehtävävastauslomake tms.
POI:n koordinaatit WGS84koordinaattijärjestelmän vaatimassa muodossa,
pituuskoordinaatti (longitude) annetaan ensin,
leveyskoordinaatti (latitude) sen jälkeen pilkulla
erotettuna. Esim. Kansalaisen karttapaikka5
mahdollistaa koordinaattien merkitsemisen
karttapohjalle ja koordinaattien muunnokset eri
järjestelmien välillä (eli saatat joutua
hyödyntämään muunninta riippuen siitä mistä
POI:desi koordinaatit otat alunperin).
Lisää erilaisista ARML-tiedoston kentistä ja sitä kautta Wikitude-worldiin liittyvistä
mahdollisuuksista löydät esim. ARML 1.0 Specification for Wikitude6 -dokumentista.
5
6
http://kansalaisen.karttapaikka.fi
http://openarml.org/wikitude4.html
23

25. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
6. POI:den koordinaattien luominen voidaan tehdä helposti Kansalaisen karttapaikka
-verkkopalvelun avulla.
Valitse oikean laidan valikosta Tee linkki -toiminto, ja sen alta valitse sinisestä Osoita sijainti
-nuolesta luontitila päälle. Osoita sen jälkeen kartalta haluamasi sijainti (voit hakea toki ensin
kartalta haluamasi alueen Hae-toiminnolla).
Sovellus pyytää antamaan linkille myös nimen, mutta se ei ole pakollinen. Klikkaa Valmis.
24

26. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
25
Avautuvassa näkymässä klikkaa Muunna-painiketta, ja näet merkitsemäsi pisteen ETRS-TM35FIN
-tasokoordinaattijärjestelmän mukaisilla koordinaateilla ilmaistuna. Klikkaa nyt Muunna-painiketta
sivun alalaidassa:
Seuraava ikkuna avautuu, josta näet samat koordinaatit eri järjestelmissä ilmoitettuna, myös
ARML-tiedoston vaatimassa WGS84-muodossa:

27. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
26
7. Mikäli haluat luoda enemmän POI:ta (Placemarkeja) dokumenttiisi kuin pohjadokumentissa niitä
oli, ehkä helpoin tapa on valita hiirellä joku olemassaoleva Placemark ja tehdä siitä duplikaatti
hiiren oikeanpuoleisella painikkeella valinnalla Duplicate:
Myös Copy- ja Paste -toimintoja voi käyttää, tai Insert – Element -toimintoja. Tällöin täytyy
kuitenkin pitää huoli, että uusi elementti luodaan hierarkiassa oikeaan kohtaan (Documentelementin alle), ja se täytyy itse nimetä ARML:n nimeämiskäytäntöjen mukaisesti eli nimeksi
elementille tulee Placemark. Sen alle tulee myös luoda vastaavat alielementit (Child) vastaavilla
nimillä ja järjestyksessä kuin muissa Placemarkeissa. Uusia elementtejä luotaessa ne tulevat
näkyviin sinisinä palloina, jos niillä ei ole alielementtejä. Jos niillä on alielementtejä (tai niille
luodaan sellaisia), ne muuttuvat keltaisiksi kansioiksi.

28. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
27
Mikäli haluat poistaa olemassaolevia POI:ta (Placemarkeja) valitse hiirellä haluamasi Placemark ja
hiiren oikeanpuoleisella painikkeella voit poistaa Delete-valinnalla Placemarkin:
Seuraavaksi tallennetaan viimeistään tässä vaiheessa tehdyt muutokset tiedostoon ja kun se on
valmis, voidaan tiedosto sulkea.
Seuraava vaihe on ladata se Wikitude DevZone-webbikäyttöliittymän kautta Wikitudeen. Tiedoston
lataaminen tapahtuu luvussa 2.4.3 kuvatulla tavalla.

29. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
28
2.4.2 Helpompi tapa: Wikitude-worldin luomisessa tarvittavan KML-tiedoston
luominen Google Mapsilla
Ominaisuuksiltaan ARML-kuvauskieltä suppeamman KML-tiedoston voi luoda helposti
hyödyntämällä vaikkapa Google Maps -ohjelmaa (tai vaihtoehtoisesti Google Earthia). Tällöin
tiedoston luojan ei tarvitse ymmärtää XML-koodista mitään. On kuitenkin hyvä huomata, että
Googlen karttapalveluilla pystyy luomaan vain KML-koodia – ARML-tiedosto täytyy luoda "käsin"
edellisessä luvussa esitellyllä tavalla.
Käytännössä KML-koodin luominen Google Mapsissa käy seuraavassa esitellyllä tavalla.
Mene osoitteeseen http://www.google.com/maps
Kirjaudu Google-käyttäjätililläsi:
Klikkaa My places -linkkiä:

30. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
29
Avautuvalla sivulla klikkaa Create Map -linkkiä luodaksesi oman kartan, jota käytät pohjana
tulevan paikkatietosovelluksesi luonnissa:
Anna luotavalle kartalle nimi (Title) ja halutessasi kuvausteksti (Description). Valitse lisäksi
haluatko että karttasi on julkinen (Public) ja näkyy hakukoneiden hakutuloksissa, vai haluatko että
kartta löytyy vain sen perusteella kenellä on linkki siihen (Unlisted). Klikkaa Save (ellei Google
Maps ehdi jo automaattisesti tallentaa karttaasi). Huomaa, että karttakuvan vasempaan yläkulmaan
on tullut kolme uutta painiketta, joista keskimmäisellä pääset merkitsemään haluamiasi paikkoja
kartalle. Ensin on kuitenkin tarpeen etsiä kartalta haluamasi paikat.

31. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
30
Zoomaa kartan zoomauspainikkeilla kohteeseen, jonka läheisyyteen haluat POI:t lisätä tai kirjoita
hakukenttään ko. paikkaa lähellä oleva osoite ja klikkaa hakupainiketta:
Kun haku on suoritettu, klikkaa keskimmäistä painiketta eli sinistä pinniä yhden kerran saadaksesi
POI:n merkintätyökalun käyttöösi. Klikkaa sitten kertaalleen kartalla kohtaan, johon haluat POI:n
lisätä:

32. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
31
Samalla avautuu kyseiseen POI:hin liittyvä otsikko- ja kuvaustekstiruutu. Kirjoita siihen haluamasi
POI:den kuvaustekstit, jotka haluat sovellusta käyttäville tarjota (esim. opetussovelluksissa ko.
POI:n kohdalla tarjottavat tehtäväohjeet). Klikkaa lopuksi OK:
Voit lisätä karttaan lisää POI:ta samalla periaatteella. Kaikki kartallesi lisäämäsi POI:t ilmestyvät
vasemmassa laidassa näkyvään listaan (seuraava kuva). Jos haluat poistaa luomiasi POI:ta, klikkaa
sitä POI:ta minkä haluat poistaa ja avautuvasta otsikko- ja kuvaustekstiruudusta (ks. edellinen kuva)
löydät vaihtoehdon Delete vasemmasta alalaidasta.
Tallenna karttasi klikkaamalla Done-painiketta (ja Save-painiketta sen vieressä, jos ei siinä lue
Saved) ja klikkaa My Places -painikkeesta, jolloin pääset aloitusnäkymään.

33. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Nyt näet karttalistassa juuri luomasi kartan:
Klikkaa kartan nimeä ja pääset takaisin edelliseen, karttakohtaiseen näkymään.
Jos karttasi nimen alla ei näy sinistä KML-linkkiä (vieressä sininen pieni laatikko – ks. seuraava
kuva), päivitä selainnäkymäsi, niin linkin pitäisi tulla näkyviin:
Klikkaa seuraavaksi KML-linkkiä.
32

34. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
33
Seuraava dialogi avautuu:
Valitse Save File -toiminto tallentaaksesi kartastasi luodun KML-tiedoston koneellesi.
KML-tiedostolle ei tarvitse – eikä kannatakaan – käydä tekemään mitään, jollei XML ole tuttua
(periaatteessa kuvaustekstejä olisi mahdollista muuttaa haluttaessa suoraan KML-tiedostosta, ks.
edellinen luku 2.4.1). Seuraavassa luvussa kerrotaan kuitenkin, miten KML-tiedosto saadaan
ladattua Wikitudeen ja siten mobiililaitteessa toimivalla lisätyn todellisuuden Wikitude-selaimella
toimivaksi oppimispolkusovellukseksi.
2.4.3 KML- tai ARML-tiedoston lataaminen Wikitudeen ja worldin luominen
Tässä luvussa kerrotaan, miten edellisissä luvuissa luodun KML- tai ARML-tiedoston saa ladattua
Wikitude DevZone-palveluun – riippumatta loitko tiedoston luvun 2.4.1 vai 2.4.2 mukaisesti.
Ohjeet ovat suurinpiirtein samat riippumatta siitä, oletko lataamassa KML- vai ARML-tiedostoa,
mutta pienenpieniä eroja näiden erimuotoisten tiedostojen lataamisessa on muutamin kohdin, joten
tarvittaessa on esitetty kumpaakin tapausta koskeva toimintatapa erikseen.
Rekisteröidy ensin Wikitude-kehittäjäksi:
http://devzone.wikitude.com

35. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
34
Klikkaa Create Account -painiketta kirjautumiskenttien alapuolella ja syötä lomakkeen kysymät
tiedot. Jos olet jo rekisteröitynyt, kirjaudu tunnuksellasi ja salasanallasi:
Kun olet kirjautunut palveluun, sinulle avautuu seuraavanlainen näkymä. Koska et ole vielä luonut
omaa worldiasi, Worlds-listaus on vielä tyhjä. Alla olevassa kuvassa näkyy kolme jo luotua
worldia:

36. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
35
Luodaksesi uuden worldin klikkaa Create World -painiketta ja avautuvasta valikosta valitse
vaihtoehto New ja pääset worldin luontinäkymään:
Jos haluat luoda ARML-kuvauskielellä kirjoitetun POI- tiedoston, valitse World-Typeksi ARML
(...ja jos KML, valitse World-Typeksi KML). Sen mukaan haluatko Wikituden lataavan tiedostosi
suoraan palvelimelta (koskee tapausta, jossa tallennat luomasi tiedoston jollekin webbipalvelimelle)
vai koneeltasi, liitä tiedoston URL tai hae se koneeltasi Upload-painikkeella:

37. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
36
Valitse Next.
Lataamassasi ARML-tiedostossa on jo määritelty worldin nimi, lyhytnimi sekä kuvaus vastaavissa
kentissä, joten et pääse muuttamaan niitä. KML-tiedoston tapauksessa anna worldin perustiedot
(vaadittu vähintään nimi eli worldiasi kuvaava nimi sekä kuvausteksti siitä mistä siinä on kysymys).
Sekä ARML- että KML-tiedoston tapauksessa voit valita worldisi kieleksi haluamasi (suomea ei ole
tarjolla toistaiseksi).
ARML:
KML:
Klikkaa lopuksi Next.

38. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Valitse worldillesi sopiva tyyppi kategorialistasta:
Seuraavaksi avautuvalta Promotion-välilehdellä on jälleen pientä eroavaisuutta ARML- ja KMLtiedostojen osalta.
ARML-tiedoston tapauksesa kuvat on jo määritelty, etkä pääse tekemään valintoja:
37

39. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
38
KML-tiedoston tapauksessa sinun täytyy valita worldillesi kuva, jonka koko on tarkalleen 512 x
512 pikseliä ja vieläpä .png-muotoinen, eli saatat joutua tekemään hieman kuvankäsittelyä:
Valitse lopuksi Save.
Worldisi pitäisi nyt näkyä world-listassasi. Valitettavasti se tulee oletuksena julkiseksi, joten käy
halutessasi heti muuttamassa se vasta luonnokseksi. Klikkaa haluamasi worldin nimen päällä
kerran, jolloin world tulee valituksi (oranssi väri) ja laatikon alalaidassa Selected World -kohdassa
pitäisi näkyä nyt valitsemasi worldin nimi. Klikkaa seuraavaksi Actions:

40. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Actions-painikkeen takaa avautuvasta valikosta valitse kohta Status ja sieltä kohta Draft:
Jos haluat muokata worldisi perustietoja edelleen, klikkaa Actions-valikosta kohtaa Edit ja pääset
jälleen muokkausnäkymään (tai vaihtoehtoisesti tuplaklikkaamalla sitä worldia, jota haluat
muokata).
Huomaa kuitenkin, että varsinaisen worldin sisältöjä (esimerkiksi kartalla olevia POI:ta, POI:den
kuvaustekstejä ym.) muokataksesi sinun tulee kirjautua Google Mapsiin ja käydä muokkaamassa
luomaasi karttaa, ottaa kartta ulos Google Mapsista samalla tavoin KML-tiedostona uudestaan
kuten luvussa 2.4.2 opastettiin. Sen jälkeen tiedosto pitää käydä lataamassa uudestaan Wikituden
DevZonessa edellämainittua Edit-toimintoa hyödyntäen. Tällöin ladataan uusi, muokattu KMLtiedosto kyseiseen jo luotuun worldiin Upload-toimintoa hyödyntäen.
39

41. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Jos haluat testata mobiililaitteesi Wikitude-sovelluksessa Draft-statuksella olevan worldisi
tomintaa, tarvitset Developer Key:n, joka näkyy Edit-näkymässä vasemmalla alhaalla.
Vaihtoehtoisesti voit hyödyntää suoraa linkkiä sovellukseen ja kyseiseen worldiin, joka näkyy
Developer Keyn alapuolella kohdassa AR Link.
XXX
XXX
40

42. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Testaaminen tapahtuu siten, että avaat mobiililaitteessasi Wikitude-selaimen, menet Favoritesvalikkoon, ja valitset sieltä Settings-valikon (Android-alustalla laitteen vasemmalla
alapainikkeella):
devkey
devkey
devkey
devkey
Valitse valikosta kohta Test World:
41

43. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Syötä avautuvaan tekstikenttään kyseisen worldin Developer Key, jota haluat testata:
Linkki kyseiseen worldiin tulee tämän jälkeen näkyviin suosikkivalikkoosi, ja sitä klikkaamalla
pääset testaamaan ko. worldia.
42

44. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
43
3. Oppimispolun luominen BirdsView AugmentedGallerylla
BirdsView AugmentedGallery on pilvipalveluna toteutettu paikkatietoperusteinen työkalu, jonka
kautta käyttäjä voi esittää lisätietoa erilaisiin paikkoihin ilman ohjelmointitaitoja. Sisällöt (POI:t ja
niiden kuvaustekstit, mahdolliset linkit erillisille www-sivuille) luodaan webbipohjaista,
karttanäkymäistä käyttöliittymää käyttäen helposti tietokoneelta, jonka jälkeen sisällöt ovat
katseltavissa mobiililaitteilla lisätyn todellisuuden selainten junaion 7 ja Layarin kautta. Voit luoda
useita erillisiä POI:ta AugmentedGalleryn kartalle sellaisiin paikkoihin, joissa haluat opiskelijoiden
käyvän – toteuttaa vaikkapa virtuaalisen luontopolun tai kaupunkikierroksen. POI:ta on mahdollista
luoda myös suoraan junaio- ja Layar-selaimilla, mutta hieman suppeammilla POI:n ominaisuuksilla.
Kaikki palveluun luodut POI:t näkyvät samalla kartalla – myös muiden kuin itsesi lisäämät.
BirdsView on siis eräänlainen kokoelma erillisiä, eri ihmisten sinne lisäämiä POI:ta. Tämä tekee
palvelun mukavaksi käyttää esimerkiksi yhdessä opiskelijaryhmän kanssa osana opetusta, jolloin
kaikki voivat lisätä sisältöjä kartalle. Toisaalta voi olla myös huono puoli, että omat POI:si eivät ole
BirdsView'n ainoat POI:t, ja esimerkiksi opiskelijaryhmän kanssa sovellusta käytettäessä kartalla on
myös muiden kuin kyseisen opiskelijaryhmän POI:ta. Tähän mahdolliseen ongelmaan on esitetty
erilaisia ratkaisuja alaluvussa 3.2, jossa kerrotaan POI:den luomisesta.
BirdsView AugmentedGallery-sovelluksen oma englanninkielinen ohje löytyy seuraavasta
osoitteesta:
http://www.birdsview.de/products/augmentedgallery/
7
AugmentedGallery on mm. virallinen junaion sisällönluontityöväline, ks. http://www.junaio.com/develop/tools/

45. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
3.1 Tunnukset ja kirjautuminen
AugmentedGallery-sovellukseen pääsee osoitteesta
http://www.birdsview.de/bv_cms/
Kun aloitat, luo itsellesi käyttäjätili sovelluksen oikeasta ylälaidasta Register-linkistä
kirjautumiskentän alapuolelta. Luotuasi tunnuksen kirjaudu sillä sisään.
44

46. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
3.2 POI:den luominen kartalle
AugmentedGallery-sovelluksessa etsi kartalta haluamasi kohde, johon haluat POI:n lisätä. Voit
liikkua kartalla vasemman laidan zoomauspainikkeita ja hiirellä tapahtuvaa kartan skrollausta
hyödyntäen (tartu kiinni hiirellä kartasta ja siirtele sitä haluamaasi kohtaan). Kun olet löytänyt
haluamasi paikan, klikkaa oikean ylälaidan toimintopalkin Create-painikkeesta.
45

47. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Kartan oikealle puolelle avautuu lyhyt ohje paikkojen merkitsemiseen:
Ohje kehottaa tuplaklikkaamaan kartalta kohtaan, johon POI halutaan lisätä.
46

48. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Tuplaklikkauksen jälkeen POI näkyy silmänkuvana kartassa, ja karttanäkymän viereen avautuu
seuraava näkymä:
Merkitsemällesi POI:lle pitäisi antaa nyt kuvaus- ja muita tietoja esimerkin mukaisesti:
47

49. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
48
- Logo-kentään (vasemmanpuoleinen kuva) saat lisättyä klikkaamalla Upload-painikkeesta
kuvan, joka näkyy kartalla ja sen kohdalla katsoessasi ko. paikkaa mobiililaitteesi
kameranäkymässä (ks. myöhemmissä kuvissa). Tästä syystä kovin suurta kuvaa ei kannata lisätä
– alle 100 pikseliä kanttiinsa on hyvin riittävä koko (jos käytät BirdsView-kanavaa Layarselaimessa, tämäkin on aivan liian suuri koko ja logo täyttää lähes koko selainnäkymän). Mikäli
et lisää omaa logokuvaa, sovellus käyttää oletuksena yllä olevassa kuvassakin näkyvää
BirdsView-logoa.
- Image-kenttään (oikeanpuoleinen kuva) saat lisättyä kuvan, joka näytetään POI:n valitsemisen
jälkeen (esim. kun olet klikannut mobiililaitteen kameranäkymässä näkyvää logoa tai
tietokoneen kartalla ko. paikassa näkyvää logoa). Kuvan koko ei saisi ylittää 1 MB.
- Title-kenttään tulee POI:n nimi, Description-kenttään sen kuvausteksti, Keywords-kenttään voi
laittaa hakusanan. Osoitetiedot saattavat osin täyttyä jo automaattisesti, korjaa niitä tarvittaessa.
Myös paikkaan liittyvän linkin voi lisätä Homepage-kohtaan.
- Klikkaa lopuksi Submit-painiketta – luomasi POI näkyy nyt AugmentedGalleryn tukemissa
lisätyn todellisuuden selaimissa BirdsView-kanavalla, ja voit testata sitä mobiililaitteellasi.
Kannattaa huomata, että eri kenttiä on mahdollista hyödyntää oppimispolkusovellusta toteutettaessa
eri tavoin:
- Mikäli useampi opiskelija saa tehtäväkseen lisätä POI:ta johonkin opiskelutehtävään liittyen,
Keywords-kentäään voi antaa esimerkiksi opiskeluprojektin koodin tai vaikka kurssinumeron
(esim. Mat12345), johon ko. POI liittyy. Näin useamman henkilön luomat POI:t on helpompi
löytää hakusanan perusteella.
- Myös käyttämällä yhtenäistä logoa samaan kokonaisuuteen (esimerkiksi opiskeluprojektiin)
liittyvät POI:t erottuvat helposti kartalta.
- Description-kentään voi kirjoittaa kyseiseen POI:hin liittyvän kuvauksen lisäksi esimerkiksi
tehtävänannon (jos opiskelijoita kierrätetään ennalta luoduilla oppimispoluilla) tai
opiskelijoiden luodessa POI:t itse heitä voidaan pyytää POI:den luonnin yhteydessä
kirjoittamaan kunkin POI:n kuvaustekstiin tietoa POI:sta (esimerkiksi opiskelijat voidaan laittaa
hankkimaan tietoa tietyssä pisteessä sijaitsevasta rakennuksesta ja sen historiasta tms.).
- Homepage-kenttää voi hyödyntää siten, että rakentaa ennalta kyseiseen POI:hin liittyvän
webbisivun, kyselylomakkeen, blogitekstin tms. Kun ko. sivu linkitetään luotavaan POI:hin,
opiskelijat voivat myös tällä tavoin vastata tehtävärastilla kysymykseen webbilomaketta
hyödyntäen, kirjoittaa vastauksen blogikirjoituksen kommenttina tai saada muuta lisätietoa (tai
tehtävänannon) koskien ko. POI:ta.

50. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Kaikki luomasi POI:t saat näkyviin kartan oikealle puolelle klikkaamalla toimintopalkin Editpainiketta:
Voit testata luomiesi POI:den toimimista kartalla siten, että menet esim. Search-näkymään ja
klikkaat kartalle luomaasi POI:ta. Siitä avautuu POI:n sisältämän tiedon esiintuova widget, jossa
näkyy myös Image-kuva:
49

51. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
50
3.3 junaio- ja Layar-selainten asentaminen ja BirdsView-kanavan
etsiminen
Tässä luvussa opastetaan asentamaan mobiililaitteeseesi junaio- ja Layar-selaimet. Sovellusten
asentaminen ja käyttö on maksutonta, mutta käyttö vaatii datayhteyden.
3.3.1 Layar
Asenna mobiililaitteeseesi Layar-selain laitteesi tukemasta sovelluskaupasta. Layarin saa asennettua
iOS- ja Android-käyttöjärjestelmää käyttäviin laitteisiin, ks.
https://www.layar.com/download/
Kun olet asentanut selaimen, käynnistä mobiililaitteestasi paikkatieto sekä datayhteys ja Layarselain.
Layarin aloitusnäkymä on kameranäkymä ja näyttää seuraavanlaiselta – klikkaa vasemmassa
yläkulmassa näkyvää pinniä:

52. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Pääset seuraavanlaiseen valikkonäkymään – kirjoita hakukenttään birdsview ja klikkaa
suurennuslasipainiketta:
Sovellus hakee nyt BirdsView-kanavan:
Klikkaa kanavaa ja siihen liittyvä tietosivu avautuu.
51

53. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
52
Voit merkitä sen suosikkeihin klikkaamalla ylälaidassa oikealla olevaa tähden kuvaa – näin sinun ei
tarvitse joka kerta Layar-selainta ja BirdsView-kanavaa käyttäessäsi etsiä kanavaa uudestaan, vaan
löydät sen suosikkilistastasi (vrt. perinteisten webbiselainten suosikit). Saat avattua sovelluksen
klikkaamalla Launch-painiketta.
3.3.2 junaio
junaio-selaimen saa asennettua iPhoneen ja iPadiin (AppStore) ja Android-laitteisiin (Google Play),
ks.
http://www.junaio.com/download/
Kun olet asentanut selaimen, käynnistä mobiililaitteestasi paikkatieto sekä datayhteys ja selain.
junaion aloitusnäkymä on myös kameranäkymä Layarin tapaan. Klikkaa suurennuslasin kuvaa
vasemmalla ylhäällä, jolloin pääset hakunäkymään.

54. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Kirjoita hakukenttään birdsview ja klikkaa näppäimistöltä suurennuslasipainiketta:
Sovellus hakee nyt BirdsView-kanavan:
Klikkaa kanavaa ja se avautuu. Klikkaa yläpalkissa näkyvää BirdsView-logoa:
53

55. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
54
Seuraavanlainen sovellustietonäkymä avautuu, josta voit klikata Add to Favorites -painiketta, jonka
jälkeen kanava löytyy seuraavalla käyttökerralla valmiina Favorites-välilehdeltä:

56. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
55
3.4 POI:den katselu Layar- tai junaio-selaimella mobiililaitteella
Tässä luvussa esitellään BirdsView AugmentedGallery -työkalulla luotujen sisältöjen katselua
lisätyn todellisuuden selaimilla (Layar ja junaio).
AugmentedGalleryyn on luotu POI Tampereen yliopiston Pinni B -rakennuksen pääoven edustalle,
ja se sisältää seuraavat tiedot:

57. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
56
Katsottaessa POI:ta junaio-selaimella se näyttää tältä:
Layar-selaimella ennalta pieneksikin kuvankäsittelyohjelmalla käsitellyt logot saattavat näyttäytyä
jättisuurina ja peittää käytännössä lähes koko ruudun, eli selaimissa on selkeästi eroavaisuuksia.
Klikattaessa logokuvaa (jossa on teksti Pinni B) avautuu widget mobiilinäkymässä näyttäen
kohteeseen liittyviä lisätietoja.
Kun logoa klikkasi Layar-selaimella, se antoi logokuvan näkyvyysongelmista huolimatta näkyviin
lisätietowidgetin kuten pitääkin:
jättikokoisen logon alaosa

58. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Sovellus näyttää myös POI:n etäisyyden katselupaikasta. Klikattaessa Take me there -linkkiä
avautuu mobiililaitteen webbiselain sille webbisivulle, joka oli määritelty ko. POI:n Homepageominaisuudella.
3.5 POI:den luominen selainnäkymässä
BirdsView-kanavalle voi luoda myös niin kutsuttuja InstantPOI:ta selainnäkymässä. junaioselaimella InstantPOI:n voi luoda kameranäkymässä näkyvästä Click to add -linkistä:
Linkin painalluksesta avautuu POI:ta koskeva tietojensyöttölomake:
57

59. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Layar-selaimessa InstantPOI:n lisääminen tapahtuu hieman eri tavoin, eli näkyvissä ei ole POI:n
lisäämislinkkiä kameranäkymässä, vaan BirdsView-kanavan asetuksista valitaan kohta Layer
Settings (Android-laitteessa vasemman toimintopalkin kertapainalluksella):
...ja sen alta avautuvasta näkymästä Create AR Post:
58

60. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
59
Vasta sen jälkeen avautuu InstantPOI:n tietojen syöttönäkymä, joka on samanlainen kuin
junaiossakin:
Opetuskäytön näkökulmasta InstantPOI on kätevä, jos opiskelijat ovat vaikkapa tutustumassa
ulkoilmassa nähtävyyksiin tms. – he voivat tällöin lisätä omia POI:taan BirdsView-kanavalle ja
kirjata kuvaustekstiin vaikkapa lisätietoja POI:hin liittyvistä kohteista. POI:t kannattaa tässä kohtaa
kenties opastaa nimeämään tietyllä opintojakson tunnistellaa aloittaen, kuten aikaisemmin tässä
materiaalissa AugmentedGalleryn käytön kohdalla oli opastettu.

61. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
60
4. Lisätyn todellisuuden kuvapohjaisen sovelluksen
toteuttaminen Layar Creatorilla
Layar-selaimen kehittäjätyöväline Layar Creator tarjoaa helpon tavan toteuttaa erilaisia kuviin ja
niiden tunnistamiseen pohjautuvia lisätyn todellisuuden sovelluksia. Esimerkiksi lisätiedon (wwwsivulinkin, videon, kuvan tms.) tarjoaminen mobiililaitteella johonkin kuvaan liittyen on helppoa
toteuttaa Layar Creatorilla ilman ohjelmointitaitoa.
Lataa Layar-selain mobiililaitteeseesi. Layar-sovellus toimii sekä iOS- että Androidmobiililaitteissa, ja käyttöjärjestelmäkohtaiset ohjeet sekä tarkemmat laitevaatimukset löytyvät
osoitteesta
https://www.layar.com/download/
4.1 Käyttäjätilin luominen ja kirjautuminen
Luo Layar Creator -käyttäjätili Layarin www-sivuilla https://www.layar.com/accounts/register/

62. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
61
Kirjaudu Creatoriin osoitteessa https://www.layar.com/accounts/login/
Kirjauduttuasi sivustolle näet oikeassa yläkulmassa nimesi vieressä Creator-painikkeen, josta voit
käynnistää Layar Creatorin:

63. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
62
4.2 Kampanjan luominen Layar Creatoriin
Uutena käyttäjänä sinulla ei ole avautuvassa näkymässä yhtään luotuja kampanjoita (campaigns,
Layariin luomiasi pienoissovelluksia kutsutaan sillä nimellä), mutta mikäli aikaisemmin olet luonut
kampanjoita, ne näkyvät listassa. Luodaksesi uuden kampanjan klikkaa + New Campaign painiketta oikeassa ylälaidassa.
Sinua pyydetään antamaan kampanjan perustiedot – syötä siis ne, valitse kampanjatyypiksi lähinnä
haluamaasi oleva tyyppi ja lisää halutessasi tunnistekuvake (Display icon) kampanjalle ja klikkaa
lopuksi Create campaign -painiketta:

64. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
63
Saat ilmoituksen kampanjan luonnin onnistumisesta:
Ohjaudut seuraavalle sivulle, joka ilmoittaa, ettei kampanjassasi ole vielä sivuja. Sivut tarkoittavat
käytännössä samaa kuin referenssikuvat. Lisätäksesi niitä klikkaa Upload the first page -painiketta:
Lisää kuvalle kuvaava otsikko ja sopiva tyyppi, ja etsi koneeltasi ladattava referenssikuva, johon
haluat liittää toimintoja. Huomaa, että kuvatiedostojen sallitut muodot ovat .jpg ja .png, ja ne
ladataan Image-kentästä. Jos lataat .pdf-muotoisia referenssikuvia (sallittuja myös) tai useampia
kuvia kerralla Zip-tiedostoina, klikkaa oikeassa yläkulmassa näkyvää linkkiä Upload PDF and Zip
files. Klikkaa lopuksi Submit-painiketta:

65. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
64
Mikäli lisäämäsi kuvat ovat liian pieniä, suuria tai sellaisia, ettei selain voi niitä luotettavasti
tunnistaa, saat virheilmoituksen. Saatat siis joutua tekemään kuvankäsittelyä. Ohje hyvien kuvien
valintaan löytyy Layarin omilta tukisivuilta ja siihen kannattaa tutustua:
http://devsupport.layar.com/entries/21365852-Best-practices-for-creating-good-pages
Tiivistäen: referenssikuvan tulisi sisältää riittävästi graafisia yksityiskohtia, kuten valokuvissa usein
on, eli kuvassa pitäisi "tapahtua paljon", kun taas kuvassa ei tulisi olla isoja tyhjiä alueita, paljon
tekstiä, graafisia elementtejä jotka näyttävät joka suunnasta katsottaessa samalta (esim. ympyrä)
eikä siinä tulisi olla grafiikkaa, jossa toistuvat samat kuviot.
Raahaa seuraavaksi avautuvan sivun oikeanpuoleisesta laidasta hiirellä haluamasi toimintoelementti
(ts. augmentointi) lataamasi kuvan päälle siihen kohtaan, missä haluat sen näkyvän, kun joku katsoo
kamerallaan kuvaa. Esimerkiksi – jos haluat www-sivun avaavan elementin näkyvän kuvan päällä
selaimen kameranäkymässä referenssikuvaa "katsottaessa", raahaa Website -elementti kuvan päälle:

66. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Voit myös luoda itse painikkeen valitsemalla Custom-välilehden:
Jos luot painikkeen itse, voit määrittää painikkeeseen jonkun kuvan (Button image) ja
pudotusvalikosta haluamasi toiminnon (Attach an action) tapahtuvaksi painikkeen klikkauksesta
sovelluksessasi. Kuten näet, valittavia toimintoja on useita!
65

67. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
66
Esimerkiksi – jos haluat avata kuvasta klikattaessa webbisivun, sinua pyydetään määrittämään
www-sivun osoite ja Web page -elementin väri sekä teksti:
Määritettyäsi referenssikuvaasi liittyvät toiminnot näet referenssikuvasi esikatselunäkymän. Klikkaa
lopuksi Save Page -painiketta. Sen jälkeen voit testata toimiiko kuvasi klikkaamalla Test-painiketta,
joka aktivoituu Save Page -painikkeen vieressä tallennettuasi kuvan.

68. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
67
Avautuvassa ohjeessa sinua ohjeistetaan avaamaan iPhonella tai Android-laitteella Layar-sovellus
ja kirjautumaan sovellukseen Layar Creator -käyttäjätililläsi (samalla jolla olet kirjautuneena websovellukseen).

69. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Kirjautumaan pääset Android-puhelimessa laitteen vasemmanpuoleisesta toimintopainikkeesta
avautuvasta valikosta kohdasta Account:
Osoita testinäkymän kuvaa ja kosketa ruudulla näkyvää Scan-painiketta nähdäksesi luomasi
objektin ilmestyvän kuvan päälle:
68

70. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
69
Painettuasi Scan-painiketta sovellus alkaa hakea referenssikuvaa vastaavaa objektia:
Jos kaikki menee kuten pitää, näet referenssikuvaan päällä siihen määritellyn toimintopainikkeen ja
alalaidassa sovelluksellesi antamasi nimen:

71. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
70
Kokeile myös, toimivatko painikkeet halutulla tavalla (esimerkkitapauksessa määritellyn
webbisivun pitäisi avautua mobiililaitteesi selaimeen).
Kun olet testannut sovelluksesi ja todennut olevasi tyytyväinen siihen, palaa näkymään Campaign
overview -linkistä:
Nyt voit julkaista kampanjasi. Julkaiseminen tarkoittaa, että sovelluksesi toimii ilman kirjautumista
käyttäjätunnuksia Layar-selaimella – tällöin kuka tahansa voi skannata edellisen esimerkin
tapauksessa olevan käyntikortin Layarilla ja saada siten lisätietoja helposti. Juuri luomasi kampanja
löytyy sivun Draft-osiosta, julkaiseminen tapahtuu Publish-painikkeesta klikkaamalla:

72. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Seuraavaksi sinua pyydetään valitsemaan julkaisuvaihtoehto. Layar Creatorilla on mahdollista
julkaista sovelluksia maksutta, mikäli hyväksyy mainokset osaksi sovellusta. Muussa tapauksessa
on mahdollista maksaa sivukohtaisesti (15 € / sivu) tai ostaa myös 100 sivun bundle (999€ / 100
sivua). Lisäksi esimerkiksi opetus- ja hyväntekeväisyystyötä tekevillä sekä taiteilijoilla on
mahdollisuus saada käyttöönsä maksutta mainoksettomia sivuja erillisestä pyynnöstä
(http://www.layar.com/sponsored/).
Valitaan Free-vaihtoehto – lopuksi klikataan Publish Campaign -painikkeesta.
71

73. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
72
Jos käytit referenssikuvana sellaista kuvaa joka tulee vaikkapa printattuna mukaan johonkin
julkaisuun tai osaksi muuta suurempaa kokonaisuutta, voit lisätä kuvan oheen myös ohjeet Layarin
käyttöön. Layarin sivuilta https://www.layar.com/features/#feature-viewwithlayarlogo löytyy
ohjeita koskien logojen liittämistä referenssikuviin:
Kun kampanjasi on ollut julkaistuna jonkin aikaa, sinua ehkä kiinnostaa myös se, kuinka monta
käyttäjää on testannut sovellustasi. Saat käyttäjätilisi kautta myös tilastotietoja kampanjastasi.
Perustilastotiedot kuuluvat myös maksuttomaan julkaisuun.

74. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Tämän kampanjan tilastotiedot ovat vielä varsin karut :)
73

75. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
74
5. Lisätyn todellisuuden kuvapohjaisen sovelluksen
tuottaminen Aurasmalla
Aurasma-selaimeen on helppo luoda kuvan, symbolin tai objektin tunnistamiseen perustuvia
lisätyn todellisuuden sovelluksia – myös paikkatietosovellusten luominen onnistuu. Esimerkiksi
lisätiedon (videon, kuvan tai animaation) tarjoaminen mobiililaitteella johonkin kuvaan liittyen on
helppoa toteuttaa Aurasmalla ilman ohjelmointitaitoa. Plussaa Aurasma-selain saa siitä, että
sovellusten toteuttaminen onnistuu suoraan mobiililaitteella ja on helppoa opiskelijoiden ja
oppilaidenkin tehdä osana opiskelua (paikkatietosovellusten luomiseen tosin täytyy käyttää
webbikäyttöliittymää, jonka käytöstä lyhyesti luvun lopussa).
Lataa Aurasma-selain mobiililaitteeseesi. Aurasma toimii sekä iOS- että Android-mobiililaitteissa,
ja käyttöjärjestelmäkohtaiset ohjeet sekä tarkemmat laitevaatimukset löytyvät osoitteesta
http://www.aurasma.com/what-is-it
Aurasma-selaimen Youtube-kanavalta (http://www.youtube.com/user/AurasmaLite) löytyy myös
hyviä käyttöohjevideoita ja esimerkkejä Aurasmalla toteutetuista opetussovelluksista.
Käynnistä Aurasma – alla kuva Aurasman aloituskuvasta sovelluksen latautuessa:

76. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
75
5.1 Aurasman toiminnallisuudet
Aurasma-selain avautuu katselunäkymään – klikkaamalla i-kuvaketta oikeassa yläkulmassa saat
tietoa muistakin sivulla näkyvistä kontrolleista:
"Taskulamppu"
jota voit käyttää
valaistaksesi
referenssikuvia
Käyttöopas
Niin kutsuttu
ViewFinder
jolla saa rajattua
kuvia tai objekteja
Päävalikko, josta
pääset etsimään
olemassaolevia auroja,
luomaan omia auroja
tai hallitsemaan
käyttäjäprofiiliasi

77. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
76
5.2 Olemassaolevien aurojen katselu
Voit tutustua Aurasmaan aluksi katselemalla erilaisia olemassaolevia "auroja" eli vastaavia
toteutuksia kuin mitä edellä esitellyssä Layar-selaimessa kutsuttiin kampanjoiksi. Aurasman wwwsivulla http://www.aurasma.com/campaigns voit klikata haluamaasi referenssikuvaa ja katsoa sitä
Aurasma-selaimen läpi. Huom. jotkut Auroista toimivat sellaisenaan Aurasman katselunäkymässä,
osa vaatii että käyt hakemassa Aurasman aura-listasta ko. auran sen nimellä ja klikkaat auran
kuvauksessa olevaa Follow-painiketta – aurat avautuvat vasta sen jälkeen referenssikuvaa
katsottaessa. Osa Auroista toimii lisäksi vain tietyssä maantieteellisessä sijainnissa oltaessa. Voit
hakea auroja myös kategorioittain tageilla:

78. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Löydät vastaavia tietoja auroista myös Aurasman päävalikosta, johon ne on järjestetty
kategorioittain (kaikki aurat löytyvät Auras-valikosta joka alla olevassa kuvassa on valittuna, sen
alta edelleen voit hakea kaikki aurat, uusimmat, omat aurasi tai lähellä sijaintiasi olevat aurat).
Kannattaa kokeilla esimerkiksi 20 euron seteliä – sillä ei sinänsä ole mitään lisäarvoa, mutta se
toimii hienona toteutuksena ja esimerkkinä siitä, että mikä tahansa objekti voi toimia auran
laukaisevana kuvana. Kyseinen aura toimii suoraan ilman, että sitä täytyy "seurata" (Follow).
5.3 Omien aurojen luominen mobiilisovelluksella
Omien aurojen luominen on helppoa, ja Aurasma-selaimen ollessa kyseessä niitä voidaan luoda
suoraan mobiililaitteella. Oppilaat ja opiskelijat voivat tehdä itse auroja lähiympäristöstään.
Opiskelijat voidaan laittaa vaikkapa ottamaan kuvia kasveista ja toteuttamaan kuviin perustuvia
auroja, joissa kerrotaan lisää kyseisestä kasvista, tai kuvaamalla vaikkapa paikkakuntansa
arvokkaita rakennuskohteita ja toteuttamalla niihin liittyviä auroja, joihin he liittävät kohteeseen
liittyvää tietoa.
77

79. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
78
Luodaksesi auran klikkaa päävalikon alalaidasta löytyvää +-painiketta:
Ensimmäisessä vaiheessa sinua pyydetään valitsemaan niin kutsuttu overlay eli augmentointi –
kuva, animaatio tai video, joka avautuu, kun Aurasma-selaimen katselunäkymässä katsotaan
myöhemmin valittavaa referenssikuvaa. Oletuksena Aurasma tarjoaa valmiita animaatioita Libraryvälilehdeltä:
Ensimmäisessä esimerkissä valitaan referenssikuvaksi Russian Dolls -niminen valmis animaatio:

80. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Klikattuasi haluamaasi animaatiota saat siitä aluksi esikatselukuvan (saattaa kestää hetken kun se
latautuu) ja jos olet tyytyväinen, valitse se klikkaamalla Select-painiketta:
79

81. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
80
Seuraavassa vaiheessa valitaan referenssikuva (Trigger Image), jonka osoittaminen Aurasmaselaimen katselunäkymässä avaa edellävalitun animaation.
Referenssikuvan täytyy olla riittävän paljon erotteluja sisältävä, jotta Aurasma-selain voi tunnistaa
sen. Selain opastaa valinnassa alalaidassa näkyvän väripalkin avulla: liukuvalitsin liikkuu sen
mukaan, miten hyvä valittava kuva on, ja liukuvalitsimen ollessa vihreällä alueella referenssikuva
on riittävän hyvä eli tällöin voit klikata kamerakuvaketta:

82. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Valinnan jälkeen Aurasma prosessoi kuvaa hetken aikaa, seuraavassa vaiheessa valittu overlay
asemoidaan referenssikuvan päälle haluttuun kohtaan:
Voit liikutella overlayta raahaamalla sitä referenssikuvan päällä:
Kun overlay on oikeassa kohdassa, klikkaa nuolipainiketta oikeassa alakulmassa.
81

83. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Seuraavaksi valitaan luomallesi auralle nimi ja halutut yksityisyysasetukset:
Jos et halua auraasi julkisesti näkyviin, valitse vaihtoehto Private. Jos haluat liittää aurasi tiettyyn
kanavaan, klikkaa Yes. Alla olevassa kuvassa luotu aura voitaisiin liittää käyttäjän omiin auroihin
(edellyttää käyttäjätilin luomista Aurasmaan). Lopuksi klikkaa Finish.
82

84. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
83
Nyt luomasi aura latautuu ja saat ilmoituksen kun se on valmis ja katseltavissa. Riippuen
valitsemistasi yksityisasetuksista joko vain sinä voit katsella luomaasi auraa omalla aurasmaselaimellasi tai luomasi aura on julkisesti näkyvissä muille Aurasma-selaimen käyttäjille, jos he
valitsevat seuraavansa ko. auraa.
Voit nyt katsella luomaasi auraa osoittamalla selaimen katselunäkymässä referenssikuvaa:
Voit myös jakaa luomasi auran eri tavoin. Vasemmassa alakulmassa olevasta kuvakkeesta voit
jakaa luomasi auran sähköpostitse tai sosiaalisen median sovelluksia hyödyntäen – esimerkiksi
sähköpostivaihtoehdossa Aurasma avaa sähköpostiohjelman ja lähettää suoran linkin luomaasi
auraan haluttuun sähköpostiosoitteeseen. Keskellä olevasta kamera-kuvakkeesta voit ottaa aurasta
kaappauskuvan ja jakaa sen sähköpostitse tai sosiaalisen median sovelluksia hyödyntäen tai
tallentaa kuvan laitteellesi. Tähtikuvakkeesta voit tykätä luomastasi aurasta.

85. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
84
Mikäli haluat luoda auran, jonka overlayna toimii esimerkiksi itse luomasi kuva tai video, auraa
luotaessa valitaan heti alkuvaiheessa +-painikkeen painamisen jälkeen Device-välilehti oletuksena
tarjottavan Library-välilehden sijaan. Hakeaksesi overlayn laitteeltasi klikkaa isoa +-kuvaketta:
Voit valita overlayn myös blinkx-videohakupalvelusta (joskaan ei toimi tällä hetkellä Suomessa) tai
kuvaamalla sen suoraan laittteellasi (Camera). Library-vaihtoehto avaa laitteesi tiedostohallinnan:

86. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
85
Aurasma kysyy vielä, halutaanko lisätä video vai valokuva overlayksi:
Tässä esimerkissä luodaan opetussovellusta, joka auttaa opiskelijaa opettelemaan kasvien ja puiden
nimiä. Kuvia kasveista ja puista (referenssikuvia) on ripoteltu vaikkapa ympäri luokkahuonetta.
Opiskelijan tulee osata nimetä kohteet. Mikäli opiskelija ei muista mikä kasvi tai puu on kyseessä,
hän voi katsoa kuvaa Aurasma-selaimen katselunäkymässä, jolloin hieman suurempi kuva
kyseisestä kasvista tai puusta tulee näkyville (overlay-kuva) ja lisäksi kuvassa on mukana kasvin tai
puun nimi. Näin ollen overlayksi haetaan nyt kuva, joka näyttää referenssikuvassa olevan kasvin tai
puun nimen. Valitaan haluttu kuva overlayksi laitteen tiedostohallinnasta:

87. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Kuva siirtyy Aurasmaan ja sovellus kysyy, käytetäänkö tuotua kuvaa overlay-kuvana. Vastataan
myöntävästi ja odotetaan hetki, kunnes Aurasmaan latautuu näyttö, jossa pyydetään nimeämään
overlay – sille voi antaa kuvaavan nimen, jonka jälkeen klikataan Finish-painiketta:
Overlayn latautuminen kestää jälleen hetken, jonka jälkeen näet esikatselukuvan overlay-kuvasta:
Kuva ei näy välttämättä aivan kokonaisena esikatselussa. Valitaan Select, jonka jälkeen päästään
valitsemaan referenssikuvaa.
86

88. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Referenssikuvan valinta tapahtuu aivan samoin kuin Aurasman valmiita overlay-animaatioita
valittaessa – olennaista on jälleen muistaa klikata kamerapainikkeesta vasta kun kuvanlaadun
liukuvalitsin on vihreällä:
Seuraavassa vaiheessa asemoidan overlay-kuva referenssikuvan päälle:
Loppuvaihe menee samalla tavoin kuin ensimmäisessäkin esimerkissä.
87

89. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
5.4 Omien aurojen luominen Aurasman webbikäyttöliittymällä
Aurasmaan on myös olemassa webbipohjainen käyttöliittymä, joka antaa edistyneempiä
mahdollisuuksia aurojen luomiseen. Esimerkkinä mainittakoon useamman augmentoinnen (ts.
overlayn) liittäminen samaan auraan tai paikkatietoperusteisten aurojen luominen.
Aurasman webbikäyttöliittymän käyttö vaatii Aurasma Partneriksi liittymistä Aurasman sivujen
kautta:
http://www.aurasma.com/become-a-partner
Videotutoriaali webbikäyttöliittymään löytyy mm. Youtubesta: http://youtu.be/k1yPhsqgp7o
Lisäksi ytimekäs ja hyvä tutoriaali avautuu suoraan kirjauduttuasi webbikäyttöliittymään:
Katso myös Aurasma Partner Guidelines -opas:
http://www-cdn.aurasma.com/wp-content/uploads/Aurasma-Partner-Guidelines.pdf
Kuten etusivulla mainitaan, aura luodaan webbikäyttöliittymässä seuraavalla tavalla:
1.
2.
3.
4.
Lataa triggerikuva
Lataa overlay-kuva tai -video
Luo kanava auroillesi
Lisää luomasi aura omalle kanavallesi.
Katso Aurasman uutisia liittyen opetukseen: http://www.aurasma.com/category/education/
88

90. Joanna Kalalahti
Tampereen yliopisto
Informaatiotieteiden yksikkö SIS
Tampere Research Center for Information and Media TRIM
Versio 2.0
29.4.2013
Lähteet
Azuma, R. 1997. A Survey of Augmented Reality. In Presence: Teleoperators and Virtual
Environments 6(4), 355-385.
http://www.cs.unc.edu/~azuma/Arpresence.pdf
Klopfer, E. & Squire, K. 2008. Environmental Detectives – the development of an augmented
reality platform for environmental simulations. Education Tech Research Dev 56, 203-228.
Madden, L. 2011. Professional Augmented Reality Browsers for Smartphones. Programming for
junaio, Layar and Wikitude. Chichester: John Wiley & Sons Ltd.
89