Wikitude. KML y ARML

Accesibilidad y Realidad Aumentada

Vicente García Díaz – garciavicente@uniovi.es

Universidad de Oviedo, 2012

KML y ARML

Tabla de contenidos

1. Conceptos básicos

2. Desarrollo con KML

3. Desarrollo con ARML

2

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

Wikitude World Browser (II)

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

5

Conceptos básicos

Mundos

• La información en Wikitude se organiza en mundos

• Se pueden visualizar de diferentes formas:

6

Conceptos básicos

Vistas

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

7

Conceptos básicos

Algunos mundos

8

Conceptos básicos

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

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

10

Desarrollo de mundos en Wikitude Conceptos básicos

Acceso al panel de control (I)

11

Desarrollo de mundos en Wikitude

• Necesario para los demás tipos de desarrollo

Conceptos básicos

Acceso al panel de control (II)

12

Desarrollo de mundos en Wikitude Conceptos básicos

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

¿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

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

Selección de puntos de interés

17

Desarrollo con KML Google Earth

Acceso mediante el panel de control

18

Desarrollo con KML

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

Muestra de los puntos de interés

20

Desarrollo con KML

Prueba del mundo creado

21

Desarrollo con KML

Clave a introducir en el dispositivo

Visualización del mundo creado

22

Desarrollo con KML

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

Ejemplo de documento KML

24

Desarrollo con KML

prueba.kml

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

Editar documentos KML en Eclipse

26

Desarrollo con KML

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

¿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

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

Ejemplo de documento ARML

31

Desarrollo con ARML

prueba.arml

Acceso mediante el panel de control

32

Desarrollo con 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

Muestra de los puntos de interés

34

Desarrollo con ARML

Prueba del mundo creado

35

Desarrollo con ARML

Clave a introducir en el dispositivo

Visualización del mundo creado

36

Desarrollo con ARML

Bibliografía

37