37
Accesibilidad y Realidad Aumentada Vicente García Díaz – [email protected] Universidad de Oviedo, 2012 KML y ARML

Wikitude. KML y ARML

Embed Size (px)

DESCRIPTION

Realidad aumentada con Wikitude. KML y ARML

Citation preview

Page 1: Wikitude. KML y ARML

Accesibilidad y Realidad Aumentada

Vicente García Díaz – [email protected]

Universidad de Oviedo, 2012

KML y ARML

Page 2: Wikitude. KML y ARML

Tabla de contenidos

1. Conceptos básicos

2. Desarrollo con KML

3. Desarrollo con ARML

2

Wikitude – KML y ARML

Page 3: Wikitude. KML y ARML
Page 4: Wikitude. KML y ARML

Wikitude World Browser (I)

• Disponible para:

▫ Android, IPhone, Blackberry, Windows Phone, …

• Desarrollado por:

▫ Wikitude GmbH (versión inicial de 2008)

• Licencia:

▫ Freeware (http://www.wikitude.com/)

• Premios:

▫ Mejor navegador de AR (2008, 2009, 2010, 2011) otorgado por Augmented Planet

4

Conceptos básicos

Page 5: Wikitude. KML y ARML

Wikitude World Browser (II)

• http://www.youtube.com/watch?feature=player_embedded&v=7vfzkFfIK1U

5

Conceptos básicos

Page 6: Wikitude. KML y ARML

Mundos

• La información en Wikitude se organiza en mundos

• Se pueden visualizar de diferentes formas:

6

Conceptos básicos

Page 7: Wikitude. KML y ARML

Vistas

• La información de cada mundo puede visualizarse utilizando diferentes vistas

7

Conceptos básicos

Page 8: Wikitude. KML y ARML

Algunos mundos

8

Conceptos básicos

Page 9: Wikitude. KML y ARML

Desarrollo de mundos en Wikitude

• Existen diferentes formas de desarrollo:

▫ Interface Google Maps

▫ Keyhole Markup Language (KML)

▫ Augmented Reality Markup Language (ARML)

▫ Web Services

▫ API

• Una vez que se crea y se envía, aparece disponible en el cliente de Wikitude

9

Conceptos básicos Desarrollo de mundos en Wikitude

Page 10: Wikitude. KML y ARML

Interface Google Maps • La información aparece en el mundo Wikitude.me

10

Desarrollo de mundos en Wikitude Conceptos básicos

Page 11: Wikitude. KML y ARML

Acceso al panel de control (I)

11

Desarrollo de mundos en Wikitude

• Necesario para los demás tipos de desarrollo

Conceptos básicos

Page 12: Wikitude. KML y ARML

Acceso al panel de control (II)

12

Desarrollo de mundos en Wikitude Conceptos básicos

Page 13: Wikitude. KML y ARML

Algunos puntos de interés de Oviedo

13

Nº Descripción Latitud Longitud

1 Sidrería Tierra Astur Gascona 43.363887 -5.844126

2 Casa Conrado 43.363276 -5.845743

3 Fuente Pando 43.371413 -5.843182

4 Restaurante El Raitan 43.361051 -5.843843

5 Restaurante La Corte de Pelayo 43.361712 -5.847925

6 El Yantar de Campomanes 43.357844 -5.847024

7 Marcelino Pan y Vino 43.365607 -5.851918

8 Casa Ramón 43.359476 -5.845697

9 Restaurante Del Arco 43.361246 -5.857287

10 Hotel Meliá Hotel de la Reconquista 43.363178 -5.853788

Conceptos básicos

Page 14: Wikitude. KML y ARML
Page 15: Wikitude. KML y ARML

¿Qué se necesita?

1. Coordenadas de los POIs

2. Conocimiento básico de XML (para KML)

3. El cliente de Wikitude

4. Un editor de XML

15

Desarrollo con KML

Page 16: Wikitude. KML y ARML

¿Qué es KML?

• Keyhole Markup Language

• Lenguaje de marcado basado en XML

• Desarrollado para utilizarse con Keyhole LT

• Sirve para representar datos geográficos

• Se suelen distribuir comprimidos como ficheros KMZ

• Es un estándar del Open Geospatial Consortium

16

Desarrollo con KML

<kml> <Placemark> <name>Oviedo</name> <description>Oviedo es la capital del Principado de Asturias y …</description> <Point> <coordinates>-5.843868,43.360758,0</coordinates> </Point> </Placemark> </kml>

Page 17: Wikitude. KML y ARML

Selección de puntos de interés

17

Desarrollo con KML Google Earth

Page 18: Wikitude. KML y ARML

Acceso mediante el panel de control

18

Desarrollo con KML

Page 19: Wikitude. KML y ARML

Información necesaria para crear el mundo

• Archivo KML/KMZ Archivo XML que contiene el mundo creado

• Nombre Título del mundo que aparece en el cliente de Wikitude

• Nombre corto Título con un máximo de 30 caracteres

• Descripción Información que se da a los potenciales usuarios del mundo

• Idioma Idioma del mundo

• Categoría Categoría/s a las que pertenece el mundo

• Icono Icono que se muestra en la cámara AR del navegador

• Gráfico de promoción Gráfico mostrado para mundos que se están publicitando

19

Desarrollo con KML

Page 20: Wikitude. KML y ARML

Muestra de los puntos de interés

20

Desarrollo con KML

Page 21: Wikitude. KML y ARML

Prueba del mundo creado

21

Desarrollo con KML

Clave a introducir en el dispositivo

Page 22: Wikitude. KML y ARML

Visualización del mundo creado

22

Desarrollo con KML

Page 23: Wikitude. KML y ARML

Estructura de un documento KML

23

Desarrollo con KML

Nombre del mundo para mostrarse en el cliente

Para entrar en detalle sobre para qué sirve

LONGIDUD, LATITUD, ALTITUD esqueleto.kml

Page 24: Wikitude. KML y ARML

Ejemplo de documento KML

24

Desarrollo con KML

prueba.kml

Page 25: Wikitude. KML y ARML

Creación de documentos KML

• Con clientes del estilo de Google Earth se pueden crear archivos KML pero contienen mucha información no deseada

• Conviene crear los documentos KML con un editor

• XML Notepad, Eclipse, …

25

Desarrollo con KML

Page 26: Wikitude. KML y ARML

Editar documentos KML en Eclipse

26

Desarrollo con KML

Page 27: Wikitude. KML y ARML

Prueba del mundo creado

• Para probar el mundo creado se puede hacer exactamente igual que para el caso en el que se había generado el documento KML a partir de Google Earth:

1. Se sube el nuevo KML al servidor de Wikitude. Después:

1. Se pueden visualizar los POIs desde la interfaz de Google Maps

2. Se pueden visualizar los POIs desde el cliente de Wikitude (emulado o no)

27

Desarrollo con KML

Page 28: Wikitude. KML y ARML
Page 29: Wikitude. KML y ARML

¿Qué es ARML?

• Augmented Reality Markup Language • Lenguaje de marcado basado en XML • KML cumple su propósito y sigue creciendo… • …pero ARML está más orientado para AR • Es una propuesta de estándar creada por Mobilizy • Incluye soporte para: ▫ Personalización de iconos ▫ Números de teléfonos ▫ Correos electrónicos ▫ Enlaces

29

Desarrollo con ARML

Page 30: Wikitude. KML y ARML

Estructura de un documento ARML

30

Desarrollo con ARML

Identificador único para el mundo Nombre del mundo para mostrarse en el cliente

Para entrar en detalle sobre para qué sirve

URL de los creadores

Lista de palabras clave, separadas por comas

URL del logo del mundo o compañía (96x96 PNG) URL del icono para indicar POIs en la vista de la cámara (32x32 PNG)

Cada POI tiene un identificar único obligatoriamente

Identificador del mundo asociado al POI Nombre del POI

Descripción del POI

Icono mostrado (64x64 PNG)

Teléfono asociado al POI URL asociada al POI

Correo electrónico

Dirección física MIME type para adjunto (p.e., MPEG, PDF, JPEG, PNG, GIF, TXT, ….)

LONGIDUD, LATITUD, ALTITUD

esqueleto.arml

http://www.openarml.org/wikitude4.html

Page 31: Wikitude. KML y ARML

Ejemplo de documento ARML

31

Desarrollo con ARML

prueba.arml

Page 32: Wikitude. KML y ARML

Acceso mediante el panel de control

32

Desarrollo con ARML

Page 33: Wikitude. KML y ARML

Información necesaria para crear el mundo

• Archivo ARML Archivo XML que contiene el mundo creado

• Idioma Idioma del mundo

• Categoría Categoría/s a las que pertenece el mundo

33

Desarrollo con ARML

Page 34: Wikitude. KML y ARML

Muestra de los puntos de interés

34

Desarrollo con ARML

Page 35: Wikitude. KML y ARML

Prueba del mundo creado

35

Desarrollo con ARML

Clave a introducir en el dispositivo

Page 36: Wikitude. KML y ARML

Visualización del mundo creado

36

Desarrollo con ARML

Page 37: Wikitude. KML y ARML

Bibliografía

37