Lisätyn todellisuuden selainten käyttö

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

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


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 ...tai objektia, tässä ohjeessa keskitytään nimenomaa paikkatietosovelluksiin 2 http://fi.wikipedia.org/wiki/Lisätty_todellisuus


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


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 Wikitude-selaimella 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.


5

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.


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):


7

Madden (2011, 24-25) on analysoinut paikkatietopohjaisten lisätyn todellisuuden selainten "anatomiaa" ja erottaa selaimista seuraavat komponentit: Vastaavasti kuvatunnistuspohjaisen lisätyn todellisuuden selaimen anatomia voisi näyttää jotakuinkin seuraavanlaiselta:

Tutka joka näyttää lähistöllä olevat POIt suuntineen

Infokupla esittää POIn

Tietopalkki joka näkyy infokuplan valinnan jälkeen

Kartta- ja listanäkymän valinta

Etäisyys kohteesta

Skannaus- ikkuna jolla "katsotaan" referenssi-kuvia

Sovelluksen tunnistaessa referenssi-kuvan avautuu siihen määritetty augmentointi referenssi-kuvan päälle


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.


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):

Listanäkymä Kameranäkymä 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.

Listanäkymään Kameranäkymään Karttanäkymään


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.


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):


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.


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:


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ä.


15

2.4 Wikitude-worldin luominen KML- ja ARML-kielillä Oman Wikitude-worldin, joka sisältää haluamasi POI:t, voit rakentaa melko helposti XML-pohjaisia 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 KML-tiedoston voi toki luoda kuvauskielellä kirjoittaen). ARML on XML-kuvauskieltä, joten ei-teknisesti 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-


16

editoria, kuten maksutta saatavaa Microsoft XML Notepadia4, 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ä ARML-tiedoston: 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


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 File-valikosta Save As... tallentaaksesi dokumentin:


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!


19

<?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>


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).


21


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 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.

ar:name Wikitude-worldisi ulospäin käyttäjälle näkyvä nimi. Nimi näkyy listauksessa etsittäessä Wikitudesta eri worldeja.

ar:description Kuvausteksti Wikitude-worldillesi. Harkitse millä kielellä / kielillä kuvaustekstin kirjoitat.

wikitude:providerUrl Esim. Wikitude-worldisi omat sivut, joilla tarjoat kiinnostuneille lisätietoa Wikitude-worldistasi, mainostat sovellustasi tms.

wikitude:tags Sisällöntarjoajaa kuvaavat avainsanat hakuja varten.

wikitude:logo Wikitude-worldisi logokuva (96 x 96 pikseliä, .png-muodossa).

wikitude:icon Wikitude-worldisi pikkukuvake joka näkyy POI:den yhteydessä katsottaessa niitä kameranäkymässä (32 x 32 pikseliä, .png-muodossa).

POI:den kuvaustekstikenttiin (eli kutakin POI:ta koskeviin kuvauksiin ja toiminnallisuuksiin) Placemark-kohdan ja sen alakohtien alle kirjataan seuraavat tiedot alla olevan kuvan mukaisesti:


23

id 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.

name POI:n nimi, näkyy ulospäin käyttäjälle. description POI:n kuvausteksti, näkyy ulospäin käyttäjälle. wikitude:thumbnail 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).

wikitude:url 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.

wikitude:coordinates POI:n koordinaatit WGS84-koordinaattijä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 http://kansalaisen.karttapaikka.fi 6 http://openarml.org/wikitude4.html


24

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.


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:


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 (Document-elementin 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.


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.


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ä:


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.


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ä:


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.


32

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ä.


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


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:


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:


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.


37

Valitse worldillesi sopiva tyyppi kategorialistasta:

Seuraavaksi avautuvalta Promotion-välilehdellä on jälleen pientä eroavaisuutta ARML- ja KML-tiedostojen osalta. ARML-tiedoston tapauksesa kuvat on jo määritelty, etkä pääse tekemään valintoja:


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:


39

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 KML-tiedosto kyseiseen jo luotuun worldiin Upload-toimintoa hyödyntäen.


40

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


41

Testaaminen tapahtuu siten, että avaat mobiililaitteessasi Wikitude-selaimen, menet Favorites-valikkoon, ja valitset sieltä Settings-valikon (Android-alustalla laitteen vasemmalla alapainikkeella):

Valitse valikosta kohta Test World:

devkey

devkey devkey

devkey


42

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.


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 junaion7 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/


44

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.


45

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.


46

Kartan oikealle puolelle avautuu lyhyt ohje paikkojen merkitsemiseen:

Ohje kehottaa tuplaklikkaamaan kartalta kohtaan, johon POI halutaan lisätä.


47

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:


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 Layar-selaimessa, 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.


49

Kaikki luomasi POI:t saat näkyviin kartan oikealle puolelle klikkaamalla toimintopalkin Edit-painiketta:

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:


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 Layar-selain. Layarin aloitusnäkymä on kameranäkymä ja näyttää seuraavanlaiselta – klikkaa vasemmassa yläkulmassa näkyvää pinniä:


51

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.


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.


53

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:


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ä:


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:


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


57

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 Homepage-ominaisuudella.

3.5 POI:den luominen selainnäkymässä BirdsView-kanavalle voi luoda myös niin kutsuttuja InstantPOI:ta selainnäkymässä. junaio-selaimella InstantPOI:n voi luoda kameranäkymässä näkyvästä Click to add -linkistä:

Linkin painalluksesta avautuu POI:ta koskeva tietojensyöttölomake:


58

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:


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.


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 (www-sivulinkin, 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ä Android-mobiililaitteissa, 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/


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:


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:


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:


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:


65

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!


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.


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 web-sovellukseen).


68

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:


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:


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:


71

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.


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.


73

Tämän kampanjan tilastotiedot ovat vielä varsin karut :)


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:


75

5.1 Aurasman toiminnallisuudet Aurasma-selain avautuu katselunäkymään – klikkaamalla i-kuvaketta oikeassa yläkulmassa saat tietoa muistakin sivulla näkyvistä kontrolleista:

Käyttöopas "Taskulamppu" jota voit käyttää valaistaksesi referenssikuvia

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


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 www-sivulla 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:


77

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.


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 Library-välilehdeltä:

Ensimmäisessä esimerkissä valitaan referenssikuvaksi Russian Dolls -niminen valmis animaatio:


79

Klikattuasi haluamaasi animaatiota saat siitä aluksi esikatselukuvan (saattaa kestää hetken kun se latautuu) ja jos olet tyytyväinen, valitse se klikkaamalla Select-painiketta:


80

Seuraavassa vaiheessa valitaan referenssikuva (Trigger Image), jonka osoittaminen Aurasma-selaimen 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:


81

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.


82

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.


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 aurasma-selaimellasi 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.


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:


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:


86

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.


87

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ä.


88

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. Lataa triggerikuva 2. Lataa overlay-kuva tai -video 3. Luo kanava auroillesi 4. Lisää luomasi aura omalle kanavallesi. Katso Aurasman uutisia liittyen opetukseen: http://www.aurasma.com/category/education/


89

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.