_mainLogo_dark_appnovation

Un CMS de integración continua

Awkbit colaboró con éxito con Appnovation para proporcionar soluciones de integración continua y de sistema de gestión de contenidos para uno de los mayores sitios web de turismo de Estados Unidos.

Pipeline de integración totalmente automatizada

Awkbit trabajó con Appnovation codo con codo para desarrollar un micrositio y toda la plataforma de marketing de más de 30.000 nodos de contenido utilizando Drupal y Gatsby.

El primer objetivo era integrar el código proporcionado por diez desarrolladores diferentes, algo que se consiguió creando un pipeline de Integración Continua y aportando entornos seguros y confiables para el control de calidad y las pruebas de aceptación de usuarios.

El servicio que Awkbit proporcionó fue crucial para este proyecto. La implementación de un pipeline de Integración Continua (CI) agilizó el ciclo de vida del desarrollo de software. Con CI, desarrollamos una solución específica para Appnovation basada en una infraestructura optimizada y un pipeline integrado.

Tecnologías
  • BitbucketBitbucket
  • Google Cloud PlatformGoogle Cloud Platform
  • JenkinsJenkins
  • KubernetesKubernetes

Desafíos

Según las necesidades de Appnovation, dos objetivos parciales se encontraban dentro del alcance de Integración Continua. Estos objetivos fueron los siguientes:

  1. Establecer un pipeline de Integración Continua era esencial para soportar y fusionar el código de diez desarrolladores trabajando juntos.
  2. Era necesario proporcionar entornos seguros y confiables para permitir el control de calidad interno y las pruebas de aceptación del usuario.

Recorrido

Para lograr estos dos objetivos, elegimos estratégicamente las mejores características y tecnologías para este proyecto.

El objetivo era exponer el contenido en Drupal a través de una API GraphQL que alimentaría el sitio Gatsby durante el tiempo de construcción. Por lo tanto, elegimos Jenkins para proporcionar la automatización del ciclo de vida del desarrollo. Esta fue la herramienta encargada de desplegar Drupal, ejecutar todas las tareas de mantenimiento y limpieza, y sincronizar el proceso de construcción para el sitio Gatsby.

Para el repositorio de código fuente, utilizamos Bitbucket. Además, Google Cloud Platform proporcionó servicios de cloud computing para el almacenamiento de datos, el análisis y la infraestructura. Por último, utilizamos Kubernetes para orquestar los contenedores y automatizar su implementación, escalabilidad y gestión.

Destino

Gracias a la combinación de las tecnologías utilizadas y el know-how de nuestro equipo de desarrollo, creamos un pipeline de Integración Continua que construye 30.000 piezas de contenido de Drupal 8 en un sitio estático de React.

Rediseño de interfaz y gestión de contenidos

Un sistema de gestión de contenidos personalizado era fundamental para Appnovation, ya que el sector de los viajes necesita flexibilidad y capacidad de cambio en cada temporada. Dimos prioridad a una forma sencilla de subir, editar y compartir contenidos, y proporcionamos una experiencia fluida para el usuario final.

La segunda parte de este proyecto requería la creación de una interfaz de usuario rápida con un aspecto fresco y moderno, que se consiguió junto con el rediseño de la arquitectura de la información del negocio y una esperada mejora de la tasa de conversión de ventas.

Nuestro CMS personalizado proporcionó a Appnovation una solución flexible que se adapta a las altas y bajas de la industria del turismo.

En resumen, nuestro trabajo con Appnovation fue fructífero, eficaz y se ciñó a los cambios valiosos y relevantes necesarios para un sitio web de éxito que pueda prosperar dentro del sector de los viajes.

Tecnologías
  • Drupal 8Drupal 8
  • ElasticsearchElasticsearch
  • GatsbyGatsby
  • GraphQLGraphQL
  • LingotekLingotek
  • ReactReact
  • REST APIREST API

Desafíos

Siguiendo las necesidades de Appnovation, establecimos dos objetivos para desarrollar un sistema de gestión de contenidos a medida.

  1. Como prioridad principal, Appnovation quería un sistema de autoría que mejorara la experiencia digital general de los usuarios finales.
  2. Además del front-end eficaz, Appnovation también necesitaba un rediseño de la arquitectura de la información empresarial para mejorar la conversión de las ventas.

Recorrido

Para lograr estos objetivos, recurrimos a las tecnologías líderes del sector, proporcionando un kit de herramientas eficiente y adaptado a este caso.

Drupal es nuestro CMS de elección, ya que proporciona un servidor de interfaz de programación de aplicaciones (API) confiable, seguro y versátil. Para este proyecto, Awkbit desarrolló el CMS en Drupal 8, la última versión en ese momento.

Usamos Gatsby para crear un front-end elegante y responsive que mejoró el rendimiento y mantuvo los tiempos de carga y espera al mínimo. Además, gracias a la liviandad de Gatsby, redujimos el proceso de construcción de 9 horas a 30 minutos, lo que sumó velocidad a la fase de implementación.

Gracias a la integración de Lingotek, pudimos implementar contenidos traducidos a 12 idiomas para satisfacer las necesidades internacionales de Appnovation. Al fin y al cabo, estamos hablando de turismo.

Además, empleamos GraphQL para reducir la carga del servidor, facilitar el desarrollo y centralizar múltiples fuentes debido a que se trata de un gran equipo de colaboradores independientes. Con React, creamos la UI y organizamos una biblioteca de componentes React mediante Storybooks.

Se aprovechó Elasticsearch para identificar los errores y depurar lo antes posible así como para proporcionar una integración de búsqueda entre Gatsby y Elasticsearch a través del conector de Drupal.

Finalmente, con la ayuda de REST API, decidimos almacenar los datos en el CMS, lo que se convirtió en una alternativa a las mutaciones de GraphQL.

Destino

Gracias a un rediseño eficaz de la interfaz de usuario, Awkbit transformó la experiencia digital de los consumidores de Appnovation en una plataforma veloz y sólida. Este sitio permite a los usuarios hacer mejores búsquedas, acceder a la información necesaria y planificar con éxito los viajes.

A la vez, Awkbit mejoró la experiencia del flujo de trabajo de autoría del CMS para los editores de contenidos de 11 mercados internacionales distribuidos por todo el planeta, proporcionando una solución globalizada de cara al mundo.

Al mirar atrás, nos satisface haber cumplido nuestros objetivos. Generar confianza y resolver necesidades específicas es siempre un reto que nos entusiasma, y por eso estuvimos felices de trabajar con Appnovation. Puede profundizar sobre el resto del caso en el sitio web de Appnovation.

Appnovation 1Appnovation 2Appnovation 3Appnovation 4