Mini-taller de Realidad Aumentada: Herramientas webservices

24
Ferran Mas Lázaro Ferran Mas Lázaro Catedrático de Biologia y Geologia. Catedrático de Biologia y Geologia. Webmaster de Estoig Digital Webmaster de Estoig Digital Herramientas webservices para Realidad Aumentada Herramientas webservices para Realidad Aumentada Utilización de WikiTude para crear capas de Realidad Aumentada y webservices

Transcript of Mini-taller de Realidad Aumentada: Herramientas webservices

Page 1: Mini-taller de Realidad Aumentada: Herramientas webservices

Ferran Mas LázaroFerran Mas LázaroCatedrático de Biologia y Geologia. Catedrático de Biologia y Geologia. Webmaster de Estoig Digital Webmaster de Estoig Digital

Herramientas webservices para Realidad AumentadaHerramientas webservices para Realidad AumentadaUtilización de WikiTude para crear capas de Realidad Aumentada y webservices

Page 2: Mini-taller de Realidad Aumentada: Herramientas webservices

Materiales Materiales

* Guia para seguir el taller en Wikispaces

* Video demostrativo

* Descarga de la App de Witikude : * para Android (Google Play) * para IOS (App Store)

Page 3: Mini-taller de Realidad Aumentada: Herramientas webservices

Wikitude , es una plataforma para desarrollar aplicaciones de Realidad Aumentada. Permite trabajar a dos niveles :

Desarrollar nuestras propias apps utilizando las librerias SDK que nos proporciona Wikitude [1]

Crear nuestro propio contenido y visualizarlo con el visor propio de Wikitude [2]

¿ Que és Wikitude? ¿ Que és Wikitude?

Page 4: Mini-taller de Realidad Aumentada: Herramientas webservices

1.- Libreria SDK Wikitude para crear apps propias 2.- Espacio de publicacion de las capas de RA para poder ser visualizadas con el visor de Wikitude3.- Creación de un entorno de Realidad Aumentada 4.- Creacion de los patrones de Realidad Aumentada 5.- Encapsulación de los elementos 3D

Opciones con el visor de WikitudeOpciones con el visor de Wikitude

Page 5: Mini-taller de Realidad Aumentada: Herramientas webservices

Tenemos dos lineas de trabajo en la creación de mapas/rutas de puntos geolocalizados:

A).- Subiendo al servidor de Wikitude el fichero KML/ARML ya creado . En este caso cualquier modificación requerirá volver a actualizar los datos manualmente

B).- Indicando la url del fichero KML/ARML . En este caso podremos actualizar de manera automatizada los datos a mostrar en cualquier momento y también generar variaciones en funciona de la posición GPS del usuario.

1.- Creación de puntos geolocalizados (POI’s)1.- Creación de puntos geolocalizados (POI’s)

Page 6: Mini-taller de Realidad Aumentada: Herramientas webservices

El visor de Wikitude trabaja con ficheros en formato KML/ARML .

Este formato lo podemos crear nosotros con un editor de texto (Notepoad) , pero nos resultará complicado. Mejor usar herramientas como Google Maps.

Podemos validarnos en Google Maps y crear un mapa con los puntos (POI's) que queramos trabajar en nuestra ruta/actividad. Una vez llenado el mapa con todos los puntos, lo podemos exportar a formato KML y subirlo posteriormente a Wikitude.

1A.-Creación del fichero KML/ARML con los POI’s

Page 7: Mini-taller de Realidad Aumentada: Herramientas webservices

Wikitude en estos momentos solo es compatible con el ARML 1.0 .

Usando ARML podemos añadir etiquetas especificas de Realidad Aumentada y del propio Wikitude que aumentaran las posibilidades de nuestro contenido.

1A1.-El formato ARML para AR

Page 8: Mini-taller de Realidad Aumentada: Herramientas webservices

En este caso en lugar de subir el fichero KML a Wikitude, lo que haremos será alojar el fichero en un servidor, de manera que en todo momento podremos modificar el contenido sin tener que acceder a Wikitude.

A la vez este sistema podrá actuar como verdadero webservice suministrando la información filtrada por variables como posición, horario, etc

Nuestra propuesta gratuita es Hostinger.es

1B.-Utilización de un hosting para alojar KML/ARML

Page 9: Mini-taller de Realidad Aumentada: Herramientas webservices

Tenemos dos opciones de trabajo en hosting:

1.-Subir el fichero ya creado al servidor. En este caso en lugar de subir el fichero KML/ARML a Wikitude, lo que haremos será alojar el fichero en un servidor nuestro, de manera que en todo momento podremos modificar el contenido de este fichero sin tener que acceder a Wikitude.

2.- Generar el fichero KML/ARML a partir de un sistema de Base de Datos. A la vez este sistema podrá actuar como verdadero webservice suministrando la información filtrada por variables como posición, horario, etc.

Nuestra propuesta gratuita es Hostinger.es

1B1.-Utilización de un hosting para alojar KML/ARML

Page 10: Mini-taller de Realidad Aumentada: Herramientas webservices

Para utilizar el hosting deberemos:

a- Darse de alta en el servidor

b.- Desde el panel de control, acceder al administrador de archivos que nos permitirá subir los ficheros . 1.- Desde "Inicio" accedemos a "Hosting" y seleccionamos nuestra cuenta y se nos abrirá el Panel de Control como se ve en la imagen

2.- Accedemos a "Archivos".3.- La primera vez accederemos a "Acceso FTP" para indicar la contraseña . Que

deberemos guardar4.- Una vez creada la contraseña, desde el "Administrador de Archivos2"

indicando la contraseña accederemos al espacio para subir los ficheros al hosting.

1B1.-Subir fichero al Servidor

Page 11: Mini-taller de Realidad Aumentada: Herramientas webservices

Necesitamos un servidor con lenguage de programación por ejemplo PHP y servidor de bases de datos por ejemplo MYSQL Hostinger nos lo proporciona gratuitamente a un nivel basico

1B2.-Generar el fichero KML/ARML en un sistema de Base de datos

Page 12: Mini-taller de Realidad Aumentada: Herramientas webservices

Una vez tengamos creado el fichero de puntos geolocalizados, sea en formato KML o ARML, procederemos a crear la capa en el servidor de Wikitude

2-Publicar la capa en Wikitude

Page 13: Mini-taller de Realidad Aumentada: Herramientas webservices

Una vez identificado como usuario, podremos acceder a crear i/o editar capas(mundos)

2A Crearemos una nueva capa

Page 14: Mini-taller de Realidad Aumentada: Herramientas webservices

Definiremos el tipo de capa(mundo) y el fichero a utilizar

2B Definimos la capa estadio 1.- «Config»

Page 15: Mini-taller de Realidad Aumentada: Herramientas webservices

2C Definimos la capa estadio 2.- «Basic»

Indicaremos : el nombre de la capa, una pequeña explicación y el idioma

Page 16: Mini-taller de Realidad Aumentada: Herramientas webservices

2D Definimos la capa estadio 3.- «Category»

Escojeremos un máximo de 3 categorias

Page 17: Mini-taller de Realidad Aumentada: Herramientas webservices

2D Definimos la capa estadio 4.- «Promotion»

Subimos al servidor la imagen representativa de la capa

Page 18: Mini-taller de Realidad Aumentada: Herramientas webservices

D Utilización basica de Wikitude Studio

Escojeremos la opción 3 del Menú de Desarrolladores

Page 19: Mini-taller de Realidad Aumentada: Herramientas webservices

D Utilización basica de Wikitude Studio

Tenemos 3 fases de desarrollo: Crear[1] , Publicar [2] i Gestionar [3]

Page 20: Mini-taller de Realidad Aumentada: Herramientas webservices

D .- Crear Proyecto

Page 21: Mini-taller de Realidad Aumentada: Herramientas webservices

D .- Diseñar Capa

Page 22: Mini-taller de Realidad Aumentada: Herramientas webservices

D .- Previsualización

Page 23: Mini-taller de Realidad Aumentada: Herramientas webservices

D .- Exportar

Page 24: Mini-taller de Realidad Aumentada: Herramientas webservices

Ferran Mas LázaroFerran Mas LázaroCatedrático de Biologia y Geologia. Catedrático de Biologia y Geologia. Webmaster de Estoig Digital Webmaster de Estoig Digital

!!! Muchas Gracias !!!