wikitude. kml y arml
DESCRIPTION
Realidad aumentada con Wikitude. KML y ARMLTRANSCRIPT
![Page 1: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/1.jpg)
Accesibilidad y Realidad Aumentada
Vicente García Díaz – [email protected]
Universidad de Oviedo, 2012
KML y ARML
![Page 2: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/2.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/3.jpg)
![Page 4: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/4.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/5.jpg)
Wikitude World Browser (II)
• http://www.youtube.com/watch?feature=player_embedded&v=7vfzkFfIK1U
5
Conceptos básicos
![Page 6: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/6.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/7.jpg)
Vistas
• La información de cada mundo puede visualizarse utilizando diferentes vistas
7
Conceptos básicos
![Page 8: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/8.jpg)
Algunos mundos
8
Conceptos básicos
![Page 9: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/9.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/10.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/11.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/12.jpg)
Acceso al panel de control (II)
12
Desarrollo de mundos en Wikitude Conceptos básicos
![Page 13: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/13.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/14.jpg)
![Page 15: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/15.jpg)
¿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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/16.jpg)
¿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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/17.jpg)
Selección de puntos de interés
17
Desarrollo con KML Google Earth
![Page 18: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/18.jpg)
Acceso mediante el panel de control
18
Desarrollo con KML
![Page 19: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/19.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/20.jpg)
Muestra de los puntos de interés
20
Desarrollo con KML
![Page 21: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/21.jpg)
Prueba del mundo creado
21
Desarrollo con KML
Clave a introducir en el dispositivo
![Page 22: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/22.jpg)
Visualización del mundo creado
22
Desarrollo con KML
![Page 23: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/23.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/24.jpg)
Ejemplo de documento KML
24
Desarrollo con KML
prueba.kml
![Page 25: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/25.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/26.jpg)
Editar documentos KML en Eclipse
26
Desarrollo con KML
![Page 27: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/27.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/28.jpg)
![Page 29: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/29.jpg)
¿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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/30.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/31.jpg)
Ejemplo de documento ARML
31
Desarrollo con ARML
prueba.arml
![Page 32: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/32.jpg)
Acceso mediante el panel de control
32
Desarrollo con ARML
![Page 33: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/33.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/34.jpg)
Muestra de los puntos de interés
34
Desarrollo con ARML
![Page 35: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/35.jpg)
Prueba del mundo creado
35
Desarrollo con ARML
Clave a introducir en el dispositivo
![Page 36: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/36.jpg)
Visualización del mundo creado
36
Desarrollo con ARML
![Page 37: Wikitude. KML y ARML](https://reader033.vdocument.in/reader033/viewer/2022052505/5563ad48d8b42aae0d8b54ec/html5/thumbnails/37.jpg)
Bibliografía
37