augmented reality application tutorial for education 1

12
Metaio Creator + Eclipse + Android SDK ISIDRO NAVARRO AR Architect BIBLIOTECA ETSAB AR AUGMENTED REALITY TUTORIALS MOBILE APPLICATION 1

Upload: isidro-navarro

Post on 09-May-2015

7.540 views

Category:

Technology


6 download

DESCRIPTION

Educational Application using Augmented Reality ‘Biblioteca ETSAB AR’ The case study is developed in the context of the thesys about AR in Architecture Technical School of Architecture of Barcelona (ETSAB-UPC) The application shows the geometry of a 3D model of the Library of the School with the Augmented Reality using mobile devices.

TRANSCRIPT

Page 1: Augmented  Reality Application Tutorial for Education 1

Metaio Creator + Eclipse + Android SDK

ISIDRO NAVARROAR Architect

BIBLIOTECA ETSAB AR

AUGMENTED REALITY TUTORIALSMOBILE APPLICATION 1

Page 2: Augmented  Reality Application Tutorial for Education 1

METAIO CREATOR + ECLIPSE 2

AUGMENTED REALITY TUTORIALBy ISIDRO NAVARRO

MOBILE APPLICATION 1

RESOURCES

• Software– Metaio Creator 2.6 http://www.metaio.com/products/creator/

– Eclipse http://www.eclipse.org/downloads/

– Android SDK http://developer.android.com/sdk/index.html

2013

Page 3: Augmented  Reality Application Tutorial for Education 1

METAIO CREATOR + ECLIPSE 3

AUGMENTED REALITY TUTORIALBy ISIDRO NAVARRO

MOBILE APPLICATION 1

DEVELOPMENT

• Metaio Creator– Creation of contents• SketchUp 3D models exported in file extension .FBX

2013

Page 4: Augmented  Reality Application Tutorial for Education 1

METAIO CREATOR + ECLIPSE 4

AUGMENTED REALITY TUTORIALBy ISIDRO NAVARRO

MOBILE APPLICATION 1

• Metaio Creator– Creation of contents• Create new entries using ‘Image Tracking’

TRACKERS

2013

Page 5: Augmented  Reality Application Tutorial for Education 1

METAIO CREATOR + ECLIPSE 5

AUGMENTED REALITY TUTORIALBy ISIDRO NAVARRO

MOBILE APPLICATION 1

• Metaio Creator– Publish and create a new channel in the server• Access using login of JUNAIO• Create a new channel including data and icon image

2013

Page 6: Augmented  Reality Application Tutorial for Education 1

METAIO CREATOR + ECLIPSE 6

AUGMENTED REALITY TUTORIALBy ISIDRO NAVARRO

MOBILE APPLICATION 1

• Metaio Creator– Create the Mobile Application for Eclipse• Select Metaio SDK App• Complete the data, insert the icon image and the

Splash Screen image

2013

Page 7: Augmented  Reality Application Tutorial for Education 1

METAIO CREATOR + ECLIPSE 7

AUGMENTED REALITY TUTORIALBy ISIDRO NAVARRO

MOBILE APPLICATION 1

• Metaio Developer– Go to Developer Portal of Metaio and check for

the application in the App Manager

2013

Page 8: Augmented  Reality Application Tutorial for Education 1

METAIO CREATOR + ECLIPSE 8

AUGMENTED REALITY TUTORIALBy ISIDRO NAVARRO

MOBILE APPLICATION 1

APPLICATION ANDROID .APK

• Eclipse– Start creating the ‘workplace’– Import the application with Android Code option

2013

Page 9: Augmented  Reality Application Tutorial for Education 1

METAIO CREATOR + ECLIPSE 9

AUGMENTED REALITY TUTORIALBy ISIDRO NAVARRO

MOBILE APPLICATION 1

• Eclipse– Install the Android SDK in Eclipse– Change the properties of the project to Google API

2013

Page 10: Augmented  Reality Application Tutorial for Education 1

METAIO CREATOR + ECLIPSE 10

AUGMENTED REALITY TUTORIALBy ISIDRO NAVARRO

MOBILE APPLICATION 1

• Eclipse– Export as Android Application– Create a KEYSTORE

2013

Page 11: Augmented  Reality Application Tutorial for Education 1

METAIO CREATOR + ECLIPSE 11

AUGMENTED REALITY TUTORIALBy ISIDRO NAVARRO

MOBILE APPLICATION 1

• Mobile Device Android– Install the file .APK in the device dispositivo– Execute and scan the images (‘trackers’)

2013

DEMOSTRATION

> VIDEO