Orienteed logo verde y blanco
Ir al blog

Convertir el Oslo React en una aplicación web progresiva totalmente funcional

por Francesco Schettini, March 26, 2020

Hemos tomado la muestra de la aplicación web Watson Content Hub Oslo React y la hemos convertido en una aplicación web progresiva que incluye las características principales y ganadoras de una PWA:

Instalable en la pantalla de inicio

Modo offline

Notificaciones push

¿Qué es Watson Content Hub Oslo React?

Para obtener más información sobre Oslo, siga este enlace. IBM Watson Content Hub es un nuevo y muy interesante CMS cognitivo SaaS (Software As as Service) creado por IBM y pronto formará parte de la cartera de Centerbridge.

 

Una captura de pantalla de Oslo:

Screenshot-2019-05-14-at-11.31.21-300x268.png

Una captura de pantalla de Watson Content Hub y la forma en que puede actualizar un contenido:

Screenshot-2019-05-14-at-11.29.13-300x142.png

¿Por qué necesitamos una aplicación web progresiva?

Bueno, últimamente hay mucha emoción sobre los PWA.

Sin entrar en los detalles, solo dejo caer aquí, una tabla puede mostrar exactamente el punto de por qué PWA:

Screenshot-2019-05-14-at-11.13.13-300x106.png

Ya hemos experimentado el impacto de PWA: ¡una experiencia de usuario mucho mejor (especialmente en el comercio electrónico) y una mejor tasa de conversión! ¡Realmente vale la pena!

¿Qué hemos hecho encima de Oslo React? Agregamos las funcionalidades críticas y más interesantes de PWA además de Oslo React.

Nuestro desarrollo la aplicación podría: instalar Oslo en la pantalla de inicio de un dispositivo móvil y / o en el escritorio de una estación de trabajo recibir notificaciones cada vez que se agrega o elimina un nuevo evento en Watson Content Hub siga navegando por Oslo a pesar de que el dispositivo / estación de trabajo esté desconectado.

Desde un punto de vista técnico tenemos: crear un archivo de manifiesto de aplicación web trabajador de servicio implementado para soporte fuera de línea Seguridad adicional de la capa de transporte (TLS) para garantizar la integridad privada y de datos definió la base de una arquitectura de shell de la aplicación para permitir un tiempo de carga rápido.

Instalar Oslo en la pantalla de inicio

 

Salir online

Obtenga una notificación push sobre el cambio de evento de Oslo

 

El equipo

Pasamos las últimas semanas enfocándonos en crear la PWA para Oslo; todo surgió como un desafío divertido hecho por nuestro amigo y colega de IBM, Antonio Fiol.

Agradecimientos especiales a Daniel Rilo, Ismael Rodriguez, Yanal Swesesh, Jorge Gamero ,

¿Necesitas más detalles? ¡No seas tímido y contáctanos! Estaremos encantados de responder sus preguntas: info@orienteed.com

Entradas relacionadas

Suscríbete a nuestra newsletter

¿Quieres saber más sobre comercio electrónico, tendencias, artículos y eventos de la industria eCommerce? ¡Suscríbete ahora a nuestro boletín mensual!

Utilizamos cookies para mejorar su experiencia y nuestros servicios, analizando la navegación en nuestro sitio web. Si continua navegando, consideramos que acepta su uso. Puede obtener más información pulsando aquí:
Política de cookies
Logotipo de Orienteed

Política de Cookies

Una cookie es un fichero que se descarga en su ordenador al acceder a determinadas páginas web. Las cookies permiten a las páginas web, entre otras cosas, almacenar y recuperar información sobre los hábitos de navegación de un usuario o de su equipo y, dependiendo de la información que contengan y de la forma en que utilice su equipo, pueden utilizarse para reconocer al usuario.
Son aquellas cookies imprescindibles para prestar el servicio solicitado, recordar las preferencias de configuración, así como para fines de seguridad y prevención de fraude. La página web no puede funcionar adecuadamente sin estas cookies.
Son aquellas cookies que nos ayudan a analizar el uso que nuestros usuarios hacen de la web y el número de visitantes. Permiten obtener información del número de visitantes, del origen de los mismos, del navegador que utilizan, del tiempo que permanecen en cada página, cuantifican el impacto de los anuncios, etc.

Cómo denegar o revocar el consentimiento de cookies

Las cookies pueden bloquearse o eliminarse mediante la configuración del navegador. En los siguientes enlaces se detalla cómo hacerlo en cada uno de los navegadores más utilizados.