Progressive Web App (PWA)
Instalable, offline y multiplataforma
¿Qué es una PWA?
Una Progressive Web App es una aplicación web que combina lo mejor de las webs y las apps nativas. Muestreo del Trabajo es una PWA completa que ofrece:
- ✅ Instalable: Se añade a la pantalla de inicio como una app
- ✅ Offline: Funciona sin conexión a internet
- ✅ Rápida: Carga instantánea gracias al cache
- ✅ Actualizable: Siempre tienes la última versión automáticamente
- ✅ Segura: Conexión HTTPS encriptada
Sin App Store ni Play Store
Instala directamente desde el navegador. Sin esperas, sin aprobaciones, sin descargas pesadas.
Cómo Instalar la App
En Android (Chrome)
- 1 Abre la app en Chrome
Navega a la URL de la aplicación
- 2 Toca el banner de instalación
O el menú ⋮ → "Instalar aplicación"
- 3 Confirma "Instalar"
La app se añadirá a tu pantalla de inicio
En iPhone/iPad (Safari)
- 1 Abre la app en Safari
Es importante que sea Safari, no Chrome u otro navegador
- 2 Toca el botón de compartir
El cuadrado con flecha hacia arriba
- 3 Selecciona "Añadir a pantalla de inicio"
Puede que tengas que deslizar para encontrarlo
- 4 Confirma "Añadir"
La app aparecerá en tu pantalla de inicio
En Windows/Mac (Chrome/Edge)
- 1 Abre la app en el navegador
Chrome, Edge o cualquier navegador compatible
- 2 Busca el icono de instalación
Un icono de + o monitor aparecerá en la barra de direcciones
- 3 Haz clic en "Instalar"
La app se instalará como una aplicación de escritorio
Funcionamiento Offline
Una de las características más importantes para uso industrial es el funcionamiento sin conexión. En plantas de producción, almacenes o zonas remotas, la conectividad WiFi puede ser limitada.
¿Qué funciona offline?
✅ Funciona sin conexión
- • Ver estudios existentes
- • Registrar nuevas observaciones
- • Ver el plan de observaciones
- • Consultar reportes cacheados
- • Editar observaciones
- • Recibir notificaciones programadas
⚠️ Requiere conexión
- • Crear nuevos estudios
- • Sincronizar con la nube
- • Iniciar sesión por primera vez
- • Descargar actualizaciones de la app
Sincronización Automática
Cuando trabajas offline, los datos se guardan localmente en tu dispositivo. Al recuperar la conexión:
- La app detecta automáticamente la conexión
- Los datos locales se sincronizan con Firebase
- Se descargan los cambios de otros dispositivos
- Todo queda sincronizado y respaldado
🔄 Persistencia de datos
Los datos se guardan en IndexedDB, una base de datos del navegador que persiste incluso si cierras la app o apagas el dispositivo. Tus observaciones no se pierden aunque estés días sin conexión.
Ventajas de la PWA
vs. App Nativa
| Característica | PWA | App Nativa |
|---|---|---|
| Instalación | ✅ Un clic, sin App Store | Esperar aprobación de tienda |
| Tamaño | ✅ ~5 MB | 50-200 MB típico |
| Actualizaciones | ✅ Automáticas e instantáneas | Requiere descarga manual |
| Desarrollo | ✅ Un código para todas las plataformas | Código separado iOS/Android |
| Costo | ✅ Menor costo de mantenimiento | Mayor costo por plataforma |
vs. Web Normal
| Característica | PWA | Web Normal |
|---|---|---|
| Offline | ✅ Funciona sin internet | ❌ Requiere conexión |
| Instalable | ✅ Icono en pantalla inicio | ❌ Solo en navegador |
| Notificaciones | ✅ Push nativas | ❌ No disponibles |
| Rendimiento | ✅ Cache agresivo, carga rápida | Depende de la red |
Requisitos Técnicos
- Navegador compatible: Chrome 90+, Firefox 88+, Safari 14+, Edge 90+
- HTTPS: La app solo funciona en conexión segura
- JavaScript: Debe estar habilitado
- Almacenamiento: ~50 MB disponibles para datos locales
Soporte Multi-dispositivo
Al usar Firebase como backend, tus datos están sincronizados entre todos tus dispositivos:
- Inicia sesión en tu teléfono y en tu computadora
- Las observaciones registradas en uno aparecen en el otro
- Trabaja en el dispositivo más conveniente en cada momento
💡 Consejo profesional
Instala la app en tu teléfono para las observaciones en planta, y usa la versión de escritorio para configurar estudios, revisar reportes y exportar datos.