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

SURFnet - We make innovation work2

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)

SURFnet - We make innovation work3

SURFnet - We make innovation work4

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)

SURFnet - We make innovation work5

Inleiding

Kortom:

Op welke manier kunnen verschillende soorten (offline

en online) lesmateriaal optimaal worden gebruikt

en op welke manier kan dit geintegreerd worden

aangeboden?

SURFnet - We make innovation work6

Programma

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

SURFnet - We make innovation work7

WORKSHOP DEEL IQR tags

SURFnet - We make innovation work8

QR tags

Twee-dimensionale barcode

QR code Datamatrix

SURFnet - We make innovation work9

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

SURFnet - We make innovation work10

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

SURFnet - We make innovation work11

Hoe werkt dat dan?

Stap 1) een QR tag lezen

Stap 2) zelf een QR tag maken

SURFnet - We make innovation work12

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)

SURFnet - We make innovation work13

Verwijzing naar eenwebsite

Naar welke website verwijst deze QR code?

SURFnet - We make innovation work14

Verrijkte Publicaties

i.s.m.

SURFnet - We make innovation work15

Contactgegevens

MECARD:

N:de Wit,Marieke;

SOUND:Marieke de Wit

(SURFnet);

TEL:+31 302 305 392;

TEL:+31 624 362 067;

EMAIL:marieke.dewit@surfnet.n

l;

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

NOTE: PGP key ID:

0xEE928CE7 PGP fingerprint:

DD89 9AF0 D17B 8E9A 014E

7643 469C CE6F EE92 8CE7

SURFnet - We make innovation work16

In het onderwijs

SURFnet - We make innovation work17

Bevindingen

- Grootte van de tag is belangrijk

- Leesbaarheid en toepassingen zijn afhankelijk van

device en software

SURFnet - We make innovation work18

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

SURFnet - We make innovation work19

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/

SURFnet - We make innovation work20

Meer informatie

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

http://www.qrcode.nu/

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

SURFnet - We make innovation work21

Programma

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

SURFnet - We make innovation work22

Programma

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

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

SURFnet. We make innovation work24

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

SURFnet. We make innovation work25

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

SURFnet. We make innovation work26

Waarom Layar?

- Een van de eerste open AR browsers

- Nederlands bedrijf -> veel lokale kennis

- Momenteel grootste doelgroep

SURFnet. We make innovation work27

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

SURFnet. We make innovation work28

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

SURFnet. We make innovation work29

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: layardemo@surfnet.nl

- Wachtwoord: DemoLayar

SURFnet. We make innovation work30

Aan de slag met Layar -beginnen

- Open Layar op je mobiel

- Log in

- Gebruikersnaam: layardemo@surfnet.nl

- Wachtwoord: DemoLayar

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

- Open de layer “Onderwijsdagendemo”

SURFnet. We make innovation work31

Aan de slag met Layar –punten maken

- Ga in een webbrowser naar

http://augmentation.hoppala.eu

- Log in met dezelde gegevens als net

- Gebruikersnaam: layardemo@surfnet.nl

- Wachtwoord: DemoLayar

- 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

SURFnet. We make innovation work32

Aan de slag met Layar –Hoppala Augmentation

SURFnet. We make innovation work33

Aan de slag met Layar –punten bewerken

- Selecteer een van de punten van zojuist

- Voeg een afbeelding (Image) toe

- Bekijk het effect in Layar

SURFnet. We make innovation work34

Aan de slag met Layar –3D

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

- Vergeet niet op te slaan en bekijk weer het effect

SURFnet. We make innovation work35

Aan de slag met Layar –probeer dit eens

SURFnet. We make innovation work36

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!

SURFnet. We make innovation work37

SURFnet - We make innovation work38

Marieke de Wit

Marieke.deWit@surfnet.nl

Jens de Smit

Jens.deSmit@surfnet.nl

www.surfnet.nl

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