Wikitude

Aumentame 2016: Taller sobre Wikitude **Descargar presentación**. Pequeña videodemostración 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]

Dada la complejidad de crear apps propias usando la libreria SDK de Wikitude, nos vamos a centrar en la creación de contenido para ser visualizado con el visor de Wikitude [**opcion 2**] Tenemos distintas posibilidades de trabajo nos vamos a centrar en dos :


 * 1) ====** Geolocalización de puntos de interés con Realidad Aumentada **====
 * 2) ====** Visualización de objetos de Realidad Aumentada **====

Creación de puntos geolocalizados (POI's). **Wikitude** nos ofrece una pequeña guia para crear nuestro fichero de puntos geolocalizados. . 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).- Utilizando un hosting e indicando la url del fichero KML/ARML a Wikitude . 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.

A.- Creación del fichero KML/ARML con los puntos (POI's) de información geolocalizada.
El visor de Wikitude trabaja con ficheros en formato **KML**. Este formato lo podemos crear nosotros con un editor de texto (**Notepoad**), pero nos resultará complicado, tenemos opciones mejores como la de utilizar Google Maps. Podemos validarnos en Google Mpas 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.

A1.- Creación de un mapa con Google Maps.-

 * Podemos seguir algunos de los múltiples videotutoriales sobre como crear Mapas personalizados en Google Maps " [|Ver aquí]"
 * Una vez tengamos nuestro mapa para exportar a KML es muy simple :



El resultado sera un fichero de texto plano tipo XML en formato KML. Puedes



En este caso ya tenemos nuestro fichero KML para visualizar la información añadida. Wikitude puede usar también un formato mas adaptado a la realidad aumentada como es ARML. **Ver detalles**.

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. Aquí podemos ver un ejemplo de los contenidos que podemos diferenciar :
 * Formato ARML.



B.- Utilizando un hosting para almacenar el fichero KML/ARML con los puntos geolocalizados.-.
Tenemos dos opciones en este caso:
 * 1) Subir el fichero ya creado al servidor. En este caso en lugar de subir el fichero KML 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.

En caso de no disponer de hosting de pago, existen diversos proveedores gratuitos de espacio web. Nuestra propuesta es **Hostinger (http://www.hostinger.es**) ya que no tan solo nos facilita servicio de hosting, sino también de PHP y base de datos MYSQL por si queremos trabajar con BD.

B1.- Subir fichero creado al servidor
Consistirá en:
 * Darse de alta en el servidor . Nos pedirá un nombre de subdominio. en mi caso el subdominio que indiqué fue "**tallerxml**" : **@http://tallerxml.esy.es/**
 * Desde el panel de control, acceder al administrador de archivos que nos permitirá subir los ficheros . Los pasos a seguir son:
 * 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 guardar
 * 4) Una vez creada la contraseña, desde el "**Administrador de Archivos2**" indicando la contraseña accederemos al espacio para subir los ficheros al hosting.

Para mejorar la gestión podemos crear "**Carpetas**" como en nuestro caso hemos creado "**Wikitude**" y dentro de la carpeta hemos subido el fichero ARML que contiene los puntos localizados. La url de este fichero (**@http://tallerxml.esy.es/wikitude/aumentame2016.php** )se la indicaremos al servidor de Wikitude cuando publiquemos la capa de actividad. Podemos ver el "**Administrador de Archivos2**" :



B2.- Generar el fichero en un sistema de Base de Datos.
Necesitamos un servidor con : PHP y MYSQL, y que justamente también nos lo proporciona gratuitamente a un nivel basico Hostinger.

Podemos ver un ejemplo : Podéis descargar el fichero Podéis ver el resultado en : http://tallerxml.esy.es/Aumentame2016/aumentame2016.php

= **C.- Publicación de nuestra capa en Wikitude** = Seguiremos las siguientes pautas :


 * 1) Desde la** web de Wikitude** accediremos al apartado de "**DEVELOPER**"
 * 2) A continuación escogeremos la opción "**Publish in Wikitude**"




 * 1) Procederemos a crear una capa(Mundo) "**Create World**" / "**New**"

A continuación seguiremos 4 pasos : 1.- "**Config**". Deberemos indicar: 2.- Tipo de capa(Mundo) Puede ser de 3 tipos : KML / ARML o ARchitect(para superponer objetos) 3.- Podemos indicar la url de nuestro fichero o subir el fichero al servidor de wikitude.
 * Paso 1



2.- "**Basic**". Deberemos indicar: 3.- Nombre de la capa para localizarlo en el buscador 4.- [Opcional] Nombre abreviado 5.- Pequeña explicación 6. Idioma
 * Paso 2

3.- "**Category**". Deberemos indicar: 4.- Escojeremos un maximo de 3 categorias a las que asignar el proyecto
 * Paso 3



4.- "**Promotion**". Deberemos indicar: 5.- Opción imagen de 512x512 en formato PNG 6.- Opción imagen de 1024 x 500 en formato PNG
 * Paso 4

= **D.- Utilización de Wikitude Studio** =



Desde el menú de Desarrollador escojeremos la opción **[3] Wikitude Studio**

Para crear una capa de Realidad Aumentada con Wikitude Studio necesitamos realizar 3 etapas : Crear (1), Publicar (2) y Gestionar los recursos (3) Emezaremos desde el boton [4] "**Start yout trial**" Primero **crearemos el proyecto** :
 * [[image:studio1.jpg]]
 * [[image:studio2.jpg link="@http://studio.wikitude.com/dashboard"]]

En la ventana de Creación [1] tenemos : 2.- Nombre de la capa para su posterior identificación en el visor 3.- Si usamos la cuenta "Trial" solo nos permite un patrón de identificación para todos nuestros proyectos. Este patrón al ser identificado le asignará un objeto 4.- Una vez elegido el patrón nos lo muestra en el espacio de "Targets" y nos valida su validad de 1 a 3 estrellas 5.- El patrón se muestra en el lienzo centro "Canvas" 6.- En el espacio de "Augmentations" tenemos los 6 tipos de objetos que podemos asignar al patrón. En nuestro caso hemos seleccionado una imagen 7.- Hemos asignado una imagen al identificar el "patrón 10" en la pantalla. La imagen es de una seta 8.- Podemos configurar tamaño y posición del objeto seleccionado.



En la ventana de "Preview" [0] nos informa de que para previsualizar el proyecto debemos: 1.- Desde Aple Store o Google Play nos podemos descargar el App de Wikitude 2.- Una vez tengamos la aplicación nos validamos y entramos en la opción de desarrollador 3.- Que aprovechemos la imagen patrón que nos muestra en [4] para escanearla con el visor de Wikitude

En la ventana "Export" [1] le indicaremos donde se alojará el proyecto : 2.- Lo subiremos a Wikitude 3.- Utilizaremos el visor de wikitude 4.- Utilizaremos el hosting de wikitude 5.- Descargaremos los ficheros y los hospedaremos fuera de Wikitude 6.- Utilizaremos un hosting externo como Hostinger 7.- Lo insertaremos dentro de una app para trabajar off-line 8.- Si vamos a usar las opciones 6 o 7 necesitamos disponer de los ficheros que descargaremos desde el botón de "**Generate Projecte Files"** [8] En este caso nos tardará unso minutos en descargar los ficheros.

Deberemos descomprimir los ficheros y subirlos a nuestro hosting. Posteriormente crearemos una capa como hemos realizado **en el punto C y en este caso el tipo de capa será "ARchitect" e indicaremos la url del hosting donde este alojado el fichero index.html**