Las Progressive Web Apps (PWA) son aplicaciones construidas con tecnologías web que pueden incorporar capacidades tradicionalmente asociadas a aplicaciones instaladas, como acceso desde el dispositivo, funcionamiento resiliente frente a problemas de conectividad, almacenamiento local y determinadas funciones en segundo plano. En el taller las utilizo para construir productos digitales accesibles desde una URL, instalables cuando aporta valor y capaces de evolucionar continuamente desde la Web, reduciendo la fricción entre descubrir una experiencia y comenzar a utilizarla.
La Web ofrece una ventaja difícil de igualar: una experiencia puede distribuirse mediante una URL y comenzar a utilizarse inmediatamente desde un navegador. Las Progressive Web Apps amplían esa capacidad incorporando características que permiten que determinadas experiencias web se comporten de manera más próxima a una aplicación instalada.
El estándar Web Application Manifest permite declarar información como nombre, iconos, URL de inicio, orientación y modo de visualización de una aplicación web, proporcionando una base para su integración con el dispositivo cuando el navegador admite instalación. Los Service Workers, por su parte, permiten interceptar solicitudes de red, gestionar recursos y desarrollar estrategias que hagan posible construir aplicaciones capaces de seguir ofreciendo determinadas funciones incluso cuando la conectividad falla.
En el taller entiendo las PWA alrededor de cuatro capacidades: acceder, instalar, resistir y evolucionar. No se trata de imitar una aplicación nativa, sino de utilizar progresivamente las capacidades disponibles en la plataforma web cuando mejoran la experiencia.
Las Progressive Web Apps, conocidas como PWA, son aplicaciones construidas utilizando tecnologías de la Web que pueden incorporar progresivamente capacidades tradicionalmente asociadas a aplicaciones instaladas. Su principal característica no reside en una tecnología única, sino en la combinación de distintos estándares y APIs web. El Web Application Manifest proporciona metadatos sobre una aplicación web, incluyendo nombre, iconos, URL inicial, orientación y modo de visualización, y puede utilizarse como parte del proceso mediante el cual navegadores compatibles permiten instalarla en un dispositivo. Los Service Workers proporcionan un mecanismo de ejecución basado en eventos capaz de interceptar solicitudes y gestionar respuestas y almacenamiento en caché, facilitando la creación de aplicaciones web con capacidades offline o resilientes frente a problemas de red. IndexedDB proporciona almacenamiento local estructurado mediante registros, claves e índices, mientras que la Push API permite que un servidor envíe mensajes a una aplicación web incluso cuando ésta no se encuentra activa. Dentro del enfoque de Artesanía Digital de robertonappe.com, las PWA se entienden mediante cuatro capacidades: acceder, instalar, resistir y evolucionar.
Una PWA no debería seleccionarse simplemente para evitar construir una aplicación nativa. Su uso debe responder a las capacidades que realmente necesita la experiencia.
Uso** Progressive Web Apps porque permiten reducir la distancia entre una página web y un producto digital recurrente**. Una persona puede descubrir una experiencia desde un enlace, comenzar a utilizarla inmediatamente y, si le resulta útil y su dispositivo lo permite, integrarla posteriormente como aplicación instalada. También permiten diseñar experiencias más resistentes frente a conexiones inestables. Esto resulta especialmente relevante en turismo, patrimonio, trabajo en terreno y contextos territoriales donde la conectividad no siempre puede darse por garantizada. Los Service Workers permiten gestionar solicitudes y respuestas mediante programación y facilitan la construcción de aplicaciones web habilitadas para funcionar offline o con estrategias de caché específicas. Por eso no utilizo PWA como sustitución automática de una aplicación nativa. La utilizo cuando sus capacidades responden mejor al contexto de uso.
Cómo se resuelve: se desarrolla una PWA accesible mediante URL o QR y se almacenan localmente determinados contenidos esenciales para mantener parte de la experiencia disponible cuando la conexión falla.
Cómo se resuelve: cada punto puede abrir una PWA directamente desde un QR, permitiendo acceder a contenidos, modelos 3D, audio, mapas o experiencias interactivas desde el navegador.
Cómo se resuelve: se desarrolla una PWA responsive que mantiene un único punto de acceso web y puede incorporar instalación, almacenamiento local y notificaciones cuando son pertinentes.
Cómo se resuelve: determinados datos y formularios se almacenan localmente utilizando tecnologías como IndexedDB y posteriormente pueden sincronizarse cuando vuelve a existir conectividad. IndexedDB está diseñada para almacenar cantidades significativas de datos estructurados en el navegador.
Cómo se resuelve: el dashboard se desarrolla como PWA para mantener el acceso mediante URL y permitir una experiencia instalada en dispositivos compatibles.
Cómo se resuelve: se incorpora Web Push. La Push API permite que un servidor envíe mensajes que posteriormente son recibidos por un Service Worker asociado a la aplicación.
Las Progressive Web Apps (PWA) son aplicaciones desarrolladas mediante tecnologías web que pueden incorporar capacidades como instalación en el dispositivo, funcionamiento resiliente frente a pérdida de conectividad, almacenamiento local y notificaciones. En robertonappe.com se utilizan como material de Artesanía Digital para construir productos accesibles desde una URL y capaces de evolucionar progresivamente según las capacidades del dispositivo. Tecnologías relacionadas incluyen Web App Manifest, Service Workers, IndexedDB y Push API.
Una aplicación web puede incorporar una experiencia de instalación mediante estándares de la Web.
Evidencia: Web Application Manifest define un archivo basado en JSON que contiene metadatos de una aplicación web como nombre, iconos, URL de inicio, orientación y modo de visualización. La especificación contempla explícitamente las aplicaciones web instalables.
Los Service Workers permiten construir aplicaciones web con capacidades offline.
Evidencia: la especificación de Service Workers incluye eventos de fetch y almacenamiento de solicitudes y respuestas, proporcionando mecanismos para desarrollar aplicaciones web habilitadas para funcionar sin conexión.
Las aplicaciones web pueden almacenar información estructurada localmente.
Evidencia: IndexedDB define una API para mantener bases de registros con claves, valores e índices dentro del navegador y está diseñada para soportar necesidades de almacenamiento de aplicaciones web, incluidas situaciones offline.
Una aplicación web puede recibir mensajes push incluso cuando no se encuentra activa.
Evidencia: la Push API permite que un servidor envíe mensajes mediante un servicio push y que éstos sean entregados a un Service Worker incluso cuando la aplicación o el agente de usuario no están activos.
