mini-taller de realidad aumentada: herramientas webservices
TRANSCRIPT
![Page 1: Mini-taller de Realidad Aumentada: Herramientas webservices](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/2.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/16.jpg)
2D Definimos la capa estadio 3.- «Category»
Escojeremos un máximo de 3 categorias
![Page 17: Mini-taller de Realidad Aumentada: Herramientas webservices](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/20.jpg)
D .- Crear Proyecto
![Page 21: Mini-taller de Realidad Aumentada: Herramientas webservices](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/21.jpg)
D .- Diseñar Capa
![Page 22: Mini-taller de Realidad Aumentada: Herramientas webservices](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/22.jpg)
D .- Previsualización
![Page 23: Mini-taller de Realidad Aumentada: Herramientas webservices](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/23.jpg)
D .- Exportar
![Page 24: Mini-taller de Realidad Aumentada: Herramientas webservices](https://reader034.vdocuments.co/reader034/viewer/2022042619/58736d371a28ab3c1a8b481d/html5/thumbnails/24.jpg)
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 !!!