OWD2010 - 1+2 - Mobiel: Aan de slag met grafische tags en layar - Marieke de Wit en Jens Smit

Aan de slag met grafische tagsen layersDé Onderwijsdagen 2010

Jens de Smit – Marieke de Wit – SURFnet bv

SURFnet - We make innovation work1

Welkom

11:30 – 11:40 Inleiding

11:40 – 12:30 WORKSHOP DEEL I: QR tags

12:30 – 12:45 Pauze

12:45 – 13:30 WORKSHOP DEEL II: Layar


Inleiding

Leren wordt steeds tijds- en plaatsonafhankelijker

Leermiddelen worden steeds gevarieerder

Denk hierbij aan zaken als

- Video

- Augmented reality

- Mobile learning

Inleiding

96% van de jongeren tussen de 12 en 18 jaar heeft

een mobiele telefoon

20% daarvan maakt gebruik van internet

(bron: Einstein bestaat niet, Stichting Mijn Kind Online, 2010, www.mijndigitalewereld.nl)

TNS Digital Life: “mobiel internetgebruik explodeert;

consumenten willen altijd en overal toegang tot

sociale netwerken”

(www.discoverdigitallife.com)


http://www.mijndigitalewereld.nl/

http://www.discoverdigitallife.com/


Inleiding

TUDelft Q4 2009:

- More than 60% of our students use a smart

phone.

- Apple iPhone is the most popular smart phone.

- T-Mobile is the most used provider.

- More than 80% of the smart phone users have a

data subscription.

- Almost 80% of the smart phone users use mobile

web access daily.

- Blackboard is the most wanted TU-service for

mobile access.

(http://www.e-learn.nl/2010/01/06/resultaten-tu-delft-mobile-survey)

http://www.e-learn.nl/2010/01/06/resultaten-tu-delft-mobile-survey












Inleiding

Kortom:

Op welke manier kunnen verschillende soorten (offline

en online) lesmateriaal optimaal worden gebruikt

en op welke manier kan dit geintegreerd worden

aangeboden?


Programma

11:30 – 11:40 Inleiding


12:30 – 12:45 Pauze



WORKSHOP DEEL IQR tags


QR tags

Twee-dimensionale barcode

QR code Datamatrix


QR tags

Max 4.296 characters

Speciale client software gebruikt camera op mobiele

telefoon of laptop om link te volgen.

http://en.wikipedia.org/wiki/File:QR_Code_Structure_Example.svg


Hoe worden QR tags gebruikt?

- E-ticket (oa KLM)

- Marketing (bijv: Tegeltjeswijsheid)

- OV reisinformatie

- Makelaardij

- In de krant met link naar achtergrondinformatie

- Niet of nauwelijks in het onderwijs?!?


Hoe werkt dat dan?

Stap 1) een QR tag lezen

Stap 2) zelf een QR tag maken


QR reader

- Installeer een QR reader op je mobiele telefoon

- Bijvoorbeeld:

Barcode Scanner (voor Android)

Barcodes (voor iPhone)

BeeTagg

i-nigma reader

Kaywa reader

QuickMark QR Code Reader

quiQR (voor iPhone)

UpCode reader (voor Symbian, UIQ, windows

mobile, iPhone, Blackberry en Java)


Verwijzing naar eenwebsite

Naar welke website verwijst deze QR code?


Verrijkte Publicaties

i.s.m.


Contactgegevens

MECARD:

N:de Wit,Marieke;

SOUND:Marieke de Wit

(SURFnet);

TEL:+31 302 305 392;

TEL:+31 624 362 067;

EMAIL:[email protected]

l;

URL: http://www.surfnet.nl;

NOTE: PGP key ID:

0xEE928CE7 PGP fingerprint:

DD89 9AF0 D17B 8E9A 014E

7643 469C CE6F EE92 8CE7

http://www.surfnet.nl/


In het onderwijs


Bevindingen

- Grootte van de tag is belangrijk

- Leesbaarheid en toepassingen zijn afhankelijk van

device en software


Een test…

Device OS Camera

App 0,7 mm

0,8 mm

0,9mm

1.0 mm

iPhone 3G iPhoneOS 3.1.3

2 MP* Code Scan

**

HTC Desire Android 2.2

5MP zxing

HTC TyTN II WinMo6.5.1

3 MP I-nigma

Asus 1000HE Windows XP

1.3 MP* zxing

* Camera zonder autofocus** is leesbaar, maar juiste focus vinden kost tijd


Zelf een QR code maken

Er zijn verschillende websites waarmee je QR codes

kunt maken

Bijvoorbeeld:

http://www.qrcode.nu/qrcode/generator

http://zxing.appspot.com/generator/

http://qrcode.kaywa.com/

http://generator.beetagg.com/

http://www.qrcode.nu/qrcode/generator

http://zxing.appspot.com/generator/

http://qrcode.kaywa.com/

http://generator.beetagg.com/


Meer informatie

http://nl.wikipedia.org/wiki/QR-code

http://www.qrcode.nu/

http://code.google.com/p/zxing/




http://www.qrcode.nu/

http://code.google.com/p/zxing/


Programma

11:30 – 11:40 Inleiding


12:30 – 12:45 Pauze


SURFnet. We make innovation work23

WORKSHOP DEEL II Augmented Reality

- Voeg informatie toe aan de waarneming van de

gebruiker

- Maak slim gebruik van de context waar de

gebruiker zich in bevindt

- Inmiddels meer dan “Terminator vision”

- Utopie: samensmelting “real” en “virtual” tot één

ervaring

Typen AR

Input:

- Markers

- Natural Feature Tracking (beeldherkenning)

- Location based

- Combinatie van: “sensor fusion”

Output:

- Video overlay

- Audio

- Haptische feedback


Location based AR

- Inherent mobiel

- Maakt gebruik van GPS en kompas

- Basis is camerabeeld, wordt verrijkt met Point of

Interest-data

- Tekst

- Afbeeldingen

- 3D

- Audio

- Video

- Apps die dit doen worden vaak “AR browsers”

genoemd


Open AR browsers

- Sommige AR browsers kennen een “open”

infrastructuur

- De browserleverancier regelt de client en de

transportlaag voor content

- Derde partijen leveren de daadwerkelijke content

- Browserleverancier kan relatief klein blijven en toch

veel content aanbieden

- Voorbeelden: Layar, Junaio, Wikitude

- AR browsers zijn niet onderling compatible


Waarom Layar?

- Een van de eerste open AR browsers

- Nederlands bedrijf -> veel lokale kennis

- Momenteel grootste doelgroep


Overview Layar

Toepassingen:

- Dingen in de buurt vinden: pinautomaat,

restaurant, etc.

- Informatie over de omgeving visualiseren

- Geotaggen

- Rondleidingen

- Virtuele belevingen

Eigenschappen:

- Tekst, afbeeldingen, 3D, audio, video

- Nauwkeurigheid ~5 meter

- Werkt op iPhone, Android, Samsung Bada


Zelf een layer produceren

- Layar client vraagt aan contentleverancier om data

data moet jij dus aanleveren

Off the shelf oplossingen:

- Hoppala augmentation

- Skaloop

Zelf doen:

- Framework, b.v. PorPOISe

- Van de grond af

Inhuren:

- Kleine en grote Layar-bedrijfjes


Aan de slag met Layar -voorbereiding

Benodigdheden:

- Layar publishing environment

- http://publishing.layar.com/

- Hoppala Augmentation

- http://augmentation.hoppala.eu/

- Layar op je mobiel

- Gebruikersnaam: [email protected]

- Wachtwoord: DemoLayar


Aan de slag met Layar -beginnen

- Open Layar op je mobiel

- Log in



- Ga naar “My” > “Layers” > “Test”

- Open de layer “Onderwijsdagendemo”


Aan de slag met Layar –punten maken

- Ga in een webbrowser naar

http://augmentation.hoppala.eu

- Log in met dezelde gegevens als net



- Open de layer owd2010

- Maak met de muis punten aan in de omgeving van

de jaarbeurs, geef ze een herkenbare beschrijving

- Gebruik de “Refresh” functie van Layar en probeer

je punt terug te vinden


Aan de slag met Layar –Hoppala Augmentation


Aan de slag met Layar –punten bewerken

- Selecteer een van de punten van zojuist

- Voeg een afbeelding (Image) toe

- Bekijk het effect in Layar


Aan de slag met Layar –3D

- Voeg via “Model” een 3D-model toe

- Vergeet niet op te slaan en bekijk weer het effect


Aan de slag met Layar –probeer dit eens


Aan de slag met Layar –meer informatie

- http://site.layar.com/create/

- http://augmentation.hoppala.eu/

- http://code.google.com/p/porpoise/

- Dank jullie wel!


http://site.layar.com/create/

http://site.layar.com/create/



http://code.google.com/p/porpoise/

http://code.google.com/p/porpoise/


Marieke de Wit

[email protected]

Jens de Smit

[email protected]

www.surfnet.nl

Voor deze presentatie geldt een Creative Commons licentiehttp://creativecommons.org/licenses/by/3.0/

mailto:[email protected]






http://www.surfnet.nl/

http://creativecommons.org/licenses/by/3.0/

OWD2010 - 1+2 - Mobiel: Aan de slag met grafische tags en layar - Marieke de Wit en Jens Smit

Education

Transcript of OWD2010 - 1+2 - Mobiel: Aan de slag met grafische tags en layar - Marieke de Wit en Jens Smit