Saltar al contenido
Progressive Web Apps | Roberton Nappe
Categoría
general

Los Materiales

Progressive Web Apps

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.

Industrias

  • Retail

Qué es

Progressive Web Apps | Roberto Nappe

Por qué importa

Por qué lo uso

Cuándo lo uso

  • Situación: un visitante necesita consultar rutas, atractivos, información y recomendaciones desde su teléfono mientras recorre un destino con conectividad variable.
  • Situación: los visitantes de un museo, monumento o sitio patrimonial necesitan acceder rápidamente a contenidos digitales sin instalar previamente una aplicación.
  • Situación: socios o miembros de una organización necesitan consultar información, realizar procesos o recibir actualizaciones desde distintos dispositivos.
  • Situación: un equipo necesita registrar información desde lugares donde la conectividad puede ser intermitente.
  • Situación: un equipo consulta repetidamente indicadores desde computadores, tablets y teléfonos.
  • Situación: una aplicación necesita informar a sus usuarios sobre determinados cambios, eventos o novedades relevantes sin depender de que mantengan el sitio abierto.

Ventajas

  • Reduce la fricción de acceso
  • Puede instalarse en el dispositivo
  • Puede funcionar con conectividad limitada
  • Puede almacenar información localmente
  • Permite una estrategia multiplataforma
  • Facilita actualizar el producto
  • Puede incorporar notificaciones push
  • Mantiene la naturaleza abierta de la Web

Límites

  • Las capacidades dependen del navegador y dispositivo
  • No reemplaza siempre una aplicación nativa
  • Offline requiere diseño explícito
  • La instalación no es igual en todos los entornos
  • El almacenamiento local tiene límites
  • Las funciones avanzadas aumentan la complejidad

Alternativas

  • Sitio web responsive
  • Aplicación web tradicional
  • Aplicación nativa
  • Aplicación multiplataforma
  • Sitio estático
  • Aplicación híbrida

Ideas que lo explican

Conceptos

  • Artesanía Digital

    La Artesanía Digital es una forma de diseñar y construir productos, plataformas y experiencias digitales mediante la combinación consciente de tecnología, diseño y conocimiento humano. Su foco está en comprender el problema, elegir los materiales adecuados y crear soluciones útiles, claras y capaces de evolucionar.

Preguntas frecuentes

En resumen

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.

Ideas clave

  • 01Una PWA sigue siendo parte de la Web
  • 02La URL continúa siendo uno de sus principales mecanismos de distribución
  • 03Una aplicación web puede instalarse cuando el navegador y el dispositivo proporcionan esa capacidad
  • 04Offline no es una propiedad automática: debe diseñarse
  • 05Los Service Workers permiten gestionar la relación entre aplicación
  • 06red y caché
  • 07El almacenamiento local puede hacer una aplicación más resiliente frente a problemas de conectividad
  • 08Las capacidades deben incorporarse progresivamente según el dispositivo y el contexto
  • 09La elección entre PWA
  • 10Web o aplicación nativa debe partir del problema y no de la tecnología

Para quién es

  • Destinos y organizaciones turísticas
  • instituciones culturales y patrimoniales
  • organizaciones territoriales
  • instituciones públicas
  • empresas de retail
  • equipos de producto digital
  • organizaciones con operaciones en terreno
  • equipos de innovación y transformación digital

Referencias verificables

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.

World Wide Web Consortium — Web Application Manifest.

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.

World Wide Web Consortium — Service Workers.

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.

World Wide Web Consortium — Indexed Database API.

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.

World Wide Web Consortium — Push API.