Aplicación web Hotel Castilla Alicante

¿Cómo surgió la idea?

Nuestro cliente, el Hotel Castilla Alicante, nos lanzó la idea en un principio para poder informar mejor a sus huéspedes sobre las acciones realizadas y sobre las nuevas reglas referentes al Covid-19. Además, como ya es habitual en estos tiempos, había necesidad de digitalizar los menús del restaurante. Ya hay varios servicios para digitalizar menús y mostrarlos con un código QR, pero el hotel necesitaba una solución a medida, pudiendo añadir otras funcionalidades, así como ofrecer la información en otros idiomas de forma sencilla.

Una vez planteado el concepto, entre el cliente y nosotros comenzó un intercambio de ideas que culminó en crear una serie de secciones y funcionalidades, pensadas para facilitar y mejorar la estancia de los huéspedes del hotel.

Acceder a la app

Secciones

Restaurante

Ofrece el menú del día, tanto del restaurante como la cafetería, así como todos los platos del menú a la carta y los desayunos. El hotel puede actualizar toda la información desde nuestro sencillo gestor de contenidos (CMS).

Info Covid

Información sobre las medidas tomadas por el hotel para garantizar la salud y la seguridad de sus huéspedes, así como las nuevas normas que todos deben seguir.

Guía turística

Una pequeña guía de los lugares cercanos al hotel de interés para sus huéspedes. Cada lugar tiene un breve texto, imágenes y un enlace hacia la web oficial del lugar, y un botón para abrir su ubicación en Google Maps.

El tiempo

El tiempo en San Juan en tiempo real, mostrando datos como la humedad, el viento, hora de cada amanecer y de las puestas de sol.

Horarios

Horarios de todos los servicios del hotel.

Auto check-in

Botón para que los clientes puedan hacer el check-in cómodamente desde su móvil nada más llegar al hotel.

Directorio

Descarga del menú de servicio de habitaciones y lista de servicios. En un futuro se podrá pasar toda esta información al CMS para poder mostrarla como los otros apartados de la app.

¿Por qué una web app?

En un principio se pensó en crear 2 aplicaciones nativas para iOS y Android, pero nos decantamos finalmente por crear una web app, por varias razones:

• Facilidad de acceso. Con una app nativa, es necesario que el usuario descargue la aplicación de su tienda de apps y la instale en su sistema. Con una web app simplemente tenemos que dirigir su navegador hacia la dirección web de la app, ya sea con una URL (app.hcastilla.com) o con un código QR (que simplemente codifica la URL)
• Reducción en los tiempos de desarrollo, y, por lo tanto, de los costes. Desarrollar una app nativa siempre tiene varios pasos más, y un camino de publicación más complejo que una web app, la cual podemos publicar y actualizar con mucha más facilidad.
• Tener más libertad sobre las tecnologías que usamos, también reduciendo el tiempo de desarrollo y los costes.
• Sin necesidad de actualizar siempre dos versiones de la app para cada sistema operativo.

. Para esta aplicación no se necesita el acceso a los datos del cliente ni a las diferentes funcionalidades de cada dispositivo, como la cámara o el micrófono.

Tecnologías utilizadas

Para crear esta web app, hemos utilizado los lenguajes más estándares de la web actual: HTML, CSS, JavaScript, PHP y MySql. Son tecnologías maduras, muy utilizadas en entornos profesionales, y que siguen en desarrollo.

Para poder manejar estos lenguajes mejor, hemos añadido una serie de infraestructuras, que nos ayudan a crear aplicaciones de forma más rápida ya que proporcionan un entorno con una estructura bien definida y una serie de herramientas que facilitan el desarrollo, simplificando tareas difíciles de programar.

CSS:

Para agilizar el desarrollo de los estilos CSS, los que determinan el aspecto gráfico de los diferentes elementos de la app, utilizamos Skeleton CSS. Skeleton nos proporciona una base muy sencilla para manejar la estructura gráfica de la app de forma muy receptiva, esto es, que se adapta al tamaño del dispositivo del usuario.

La elegimos porque ofrece una funcionalidad de respuesta potente, pero sin añadir nada superfluo. Nos deja construir encima de su base de forma totalmente libre, sin restricciones, que es como nos gusta trabajar en BE Creativos.

Javascript:

Hoy en día hay una cantidad mareante de infraestructuras y utilidades de JavaScript. Es el lenguaje de programación que más ha crecido en los últimos años y su universo ha crecido exponencialmente. Para manejar el código JavaScript hemos elegido la infraestructura Vue, por su sencillez e inmediatez. No impone estructuras o flujos de trabajo rígidos como sus competidores más cercanos que serían React y Angular.

Nos permite crear una experiencia muy dinámica de cara al usuario. Cargamos todos los datos de la app nada más abrirla, y así al entrar en cada sección, la experiencia es muy inmediata y se comporta de forma prácticamente igual que una app nativa.

Además, nos permite usar una estructura de desarrollo muy sencilla y modular, lo que nos permite realizar cambios de forma muy rápida y limpia.

PHP:

A diferencia de JavaScript, que se ejecuta en el navegador del usuario, el código PHP se ejecuta sobre el servidor y es el que nos permite acceder a la base de datos para conseguir los datos de la aplicación, y formatearla de forma que el código JavaScript, a través de Vue, los pueda manejar y mostrar con facilidad.

 

Aquí nos decantamos por la infraestructura Slim que, al igual que las opciones anteriores, nos ofrece un entorno sencillo, que no impone una forma de trabajo concreta, y nos permite trabajar con mucha libertad, pero ofreciendo herramientas potentes. Es una infraestructura muy elemental, que nos permite añadir herramientas de otras infraestructuras como el sistema de plantillas Twig de Simfony, y el ORM (herramienta de base de datos) de Laravel, Eloquent.

MySql

Los datos son fundamentales para casi cualquier aplicación, por lo que su buen manejo es esencial. Para esto hemos elegido Eloquent, la herramienta de manejo de base de datos del popular Laravel. Esto nos permite tratar los datos de una forma muy natural, en vez de la forma tan técnica y, francamente, engorrorosa que es ir pegando cadenas de texto de lenguaje SQL.

Conclusión

El resultado es una app que ha nacido de una estrecha colaboración entre nosotros y nuestro cliente, con un intercambio fluido de ideas y propuestas dando lugar a una herramienta de mucho valor añadido para sus huéspedes. En palabras de Ana Sarmiento, directora comercial del hotel: