Liferay DXP

Visita San Juan de Gaztelugatxe con una Audioguía a la medida

Lantik - Diputación Foral de Bizkaia

Introducción

Dada la alta demanda en el sector turístico de Gaztelugatxe, la Diputación Foral de Bizkaia se propuso desarrollar, con la ayuda de ZYLK, una “audioguía” que ayudará a los visitantes a descubrir la zona de una forma diferente y más entretenida. Al utilizar la audio aplicación, los usuarios podrán visitar Gaztelugatxe y conocer sus puntos más emblemáticos, en una experiencia más inmersiva.

Esta PWA (Aplicación Web Progresiva o Progressive Web Apps) fue creada para ser usada por personas de diferentes países y por eso fue diseñada en 5 idiomas, los cuales son: Castellano, Euskera, Francés, Inglés y Alemán. La audioguía, además de ofrecer puntos de interés y audios con información asociada, también se encuentra disponible tanto para móvil como para desktop.

Uno de los objetivos más importantes para esta aplicación, era darle la posibilidad a los usuarios de poder usarla incluso estando offline

Eduardo Maggiotti Costa

Solución

Esta aplicación fue diseñada bajo Liferay DXP como gestor de contenidos, permitiendo utilizar su API REST y consumir los contenidos del portal desde la aplicación React, que ha creado ZYLK, la que se encargará del desarrollo de interfaces y la lógica de negocio de la misma.

Se decidió desarrollarlo con React, ya que se requería una aplicación dinámica, multiplataforma y que permitiera utilizar la tecnología de una PWA.


Tal y como se ha explicado en otros artículos, las aplicaciones progresivas son esencialmente aplicaciones web, pero que a través de ciertos artefactos denominados Service Workers, se comportan como las Apps móviles nativas. De este modo, en los dispositivos móviles es posible instalarlas como una aplicación más, y utilizar los recursos del dispositivo.

Las PWA son una evolución natural de las aplicaciones web, y difuminan cada día más, la barrera entre la web y las aplicaciones móviles nativas, pudiendo realizar tareas que generalmente sólo las Apps nativas podían llevar a cabo.


Uno de los objetivos más importantes para esta aplicación, era darle la posibilidad a los usuarios de poder usarla incluso estando offline. Para que la aplicación funcione, aun sin estar contentado a una red, la PWA debe guardar la estructura y los contenidos en el navegador. Para lograrlo, en primer lugar se utiliza, IndexedDB, un sistema de base de datos transaccionales que permite guardar el contenido y en segundo lugar, se utilizan las cookies para guardar la estructura.


Adicionalmente, la aplicación dispone de dos versiones con diferentes contenidos, una para adultos y otra para niños. Como funcionalidad extra, los usuarios tendrán disponible la elección de dos rutas diferentes de la zona turística.

 

Aplicación de Audioguía de San Juan de Gaztelugatxe (Diputación Foral de Bizkaia)

  • Aplicación PWA pública de audioguía para Gaztelugatxe

  • Puntos de interés y audios con información asociada.

  • Multi-idioma.

  • Versión para niños y para adultos.

  • Frontend en React JS.

  • Funcionamiento offline.

  • Versión desktop y móvil.

​​​​​​

 

Durante el año 2020 hemos publicado dos aplicaciones para la Diputación Foral de Bizkaia.

  • Bizkaitik Mugitu​​​​​​​: Una aplicación híbrida, sencilla e intuitiva que permite, en base a la localización del dispositivo de los usuarios, calcular la mejor ruta en transporte público entre dos puntos utilizando el API de Google Maps.

  • Audioguía Gaztelugatxe: Una aplicación híbrida de audioguía para un recorrido turístico con características para navegación offline.