Realidad aumentada con Wikitude. KML y ARML

1. Accesibilidad y Realidad
Aumentada
KML y ARML
Vicente García Díaz – garciavicente@uniovi.es
Universidad de Oviedo, 2012

2. 2
Tabla de contenidos
Wikitude – KML y ARML
1. Conceptos básicos
2. Desarrollo con KML
3. Desarrollo con ARML

4. 4
Conceptos básicos
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

5. 5
Conceptos básicos
Wikitude World Browser (II)
• http://www.youtube.com/watch?feature=player_em
bedded&v=7vfzkFfIK1U

6. 6
Conceptos básicos
Mundos
• La información en Wikitude se organiza en mundos
• Se pueden visualizar de diferentes formas:

7. 7
Conceptos básicos
Vistas
• La información de cada mundo puede visualizarse
utilizando diferentes vistas

8. 8
Conceptos básicos
Algunos mundos

9. 9
Conceptos básicos Desarrollo de mundos en Wikitude
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

10. 10
Conceptos básicos Desarrollo de mundos en Wikitude
Interface Google Maps
• La información aparece en el mundo Wikitude.me

11. 11
Conceptos básicos Desarrollo de mundos en Wikitude
Acceso al panel de control (I)
• Necesario para los demás tipos de desarrollo

12. 12
Conceptos básicos Desarrollo de mundos en Wikitude
Acceso al panel de control (II)

13. 13
Conceptos básicos
Algunos puntos de interés de Oviedo
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

15. 15
Desarrollo con KML
¿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

16. 16
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
<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>

17. 17
Desarrollo con KML Google Earth
Selección de puntos de interés

18. 18
Desarrollo con KML
Acceso mediante el panel de control

19. 19
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

20. 20
Desarrollo con KML
Muestra de los puntos de interés

21. 21
Desarrollo con KML
Prueba del mundo creado
Clave a
introducir en el
dispositivo

22. 22
Desarrollo con KML
Visualización del mundo creado

23. 23
Desarrollo con KML
Estructura de un documento KML
Nombre del mundo para mostrarse en el cliente
Para entrar en detalle sobre para qué sirve
esqueleto.kml
LONGIDUD, LATITUD, ALTITUD

24. 24
Desarrollo con KML
Ejemplo de documento KML
prueba.kml

25. 25
Desarrollo con 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, …

26. 26
Desarrollo con KML
Editar documentos KML en Eclipse

27. 27
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)

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

30. 30
Desarrollo con ARML
Estructura de un documento 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
esqueleto.arml 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
http://www.openarml.org/wikitude4.html

31. 31
Desarrollo con ARML
Ejemplo de documento ARML
prueba.arml

32. 32
Desarrollo con ARML
Acceso mediante el panel de control

33. 33
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

34. 34
Desarrollo con ARML
Muestra de los puntos de interés

35. 35
Desarrollo con ARML
Prueba del mundo creado
Clave a
introducir en el
dispositivo

36. 36
Desarrollo con ARML
Visualización del mundo creado

37. 37
Bibliografía