🔔

Sistema de Notificaciones Push

Alertas automáticas para cada observación programada

Descripción General

El sistema de notificaciones push es una de las características más valiosas de la aplicación. Te avisa automáticamente en el momento exacto de cada observación programada, eliminando la necesidad de revisar constantemente el calendario.

📲

Notificación ejemplo

Momento de Observación

Estudio: Línea Producción A

Puesto: Operador CNC - 10:34

Cómo Funciona

Las notificaciones combinan un programador en el servidor (Cloud Functions, revisión cada minuto) con el service worker del dispositivo para abrir la captura correcta:

  1. Al generar el plan, cada momento se registra y queda pendiente de aviso
  2. El servidor revisa el plan cada minuto y envía las notificaciones de los próximos instantes
  3. El service worker la recibe, descarta avisos caducados o de otra sesión y conserva los formularios abiertos
  4. Al tocar la notificación, se abre directamente la captura correspondiente al estudio y al puesto

✅ Funciona con la app cerrada

Tu navegador se suscribe al servicio de Web Push del proyecto. Cuando el servidor envía el aviso, el sistema operativo despierta el service worker y muestra la notificación aunque hayas cerrado la pestaña, suspendido el teléfono o estés sin conexión con la app. Esto funciona en Chrome, Edge, Firefox y Safari 16.4+ con la PWA añadida a la pantalla de inicio.

🛡️ Detalles de resiliencia

  • • Reintentos automáticos: los fallos transitorios se reintentan hasta tres veces dentro de los tres minutos siguientes.
  • • Caducidad de 30 días: las suscripciones caducan si no se renuevan, evitando envíos a dispositivos dados de baja.
  • • Endpoints retirados: los códigos 404 y 410 limpian automáticamente los registros obsoletos.
  • • Recibos temporales: marcan entregas ya enviadas para no repetirlas en reintentos.

Activar Notificaciones

Para recibir notificaciones debes dar permiso al navegador:

Pasos para activar:

  1. 1
    Haz clic en el icono de campana

    En el header de la aplicación

  2. 2
    Acepta el permiso del navegador

    El navegador mostrará un diálogo de confirmación

  3. 3
    ¡Listo!

    Recibirás notificaciones para todas las observaciones programadas

Características de las Notificaciones

En el Momento Exacto

Las notificaciones se disparan exactamente a la hora programada. Si una observación está programada para las 10:34, recibirás la notificación a las 10:34.

Funcionamiento en Segundo Plano

Con el envío programado desde el servidor y el service worker local, los avisos se muestran aunque no tengas la pestaña abierta o incluso con todo el navegador cerrado. El servicio de notificaciones del sistema operativo despierta el worker, que muestra el aviso y, al tocarlo, abre la captura correspondiente.

  • La pestaña de la app está en segundo plano
  • Estás usando otras aplicaciones
  • El teléfono está en modo reposo (pantalla apagada)
  • El navegador está cerrado (Safari requiere la PWA añadida a la pantalla de inicio)

⏱️ Ventana de entrega

El servidor revisa el plan cada minuto y envía cada aviso con una ventana de tres minutos respecto a la hora programada. En la práctica, la puntualidad ronda los pocos segundos; en escenarios extremos (equipo recién encendido, conexión inestable) puede llegar con el margen completo. Los usuarios que registran la observación desde otro dispositivo y vuelven a sincronizarse reciben el aviso correspondiente en el siguiente pase del programador.

Información Incluida

Cada notificación muestra:

  • Título: "Momento de Observación" o equivalente en inglés
  • Nombre del estudio: Para identificar rápidamente
  • Puesto a observar: Qué puesto debes registrar
  • Hora programada: Confirmación del momento

Acción Directa

Al tocar la notificación:

  • La app se abre automáticamente
  • Navegas directamente al formulario de registro
  • El puesto correcto ya está pre-seleccionado
  • Solo tienes que elegir la tarea observada

Sonido y Vibración

Las notificaciones incluyen:

  • Sonido de alerta: Sonido distintivo para no confundir con otras notificaciones
  • Vibración: Patrón de vibración en dispositivos móviles

El comportamiento exacto depende de la configuración de notificaciones de tu dispositivo.

Desactivar Notificaciones

Puedes desactivar las notificaciones en cualquier momento:

  • Haz clic en el icono de campana (ahora tachada)
  • Las notificaciones quedarán pausadas
  • Puedes reactivarlas cuando quieras

⚠️ Limitaciones conocidas

  • • iOS Safari: Las notificaciones PWA requieren iOS 16.4+ y añadir la app a la pantalla de inicio
  • • Modo No Molestar: El sistema operativo puede silenciar las notificaciones
  • • Ahorro de batería: Algunos dispositivos limitan las notificaciones en segundo plano

Compatibilidad por Plataforma

PlataformaSoporteNotas
Chrome (Android)✅ CompletoMejor experiencia
Chrome (Windows/Mac)✅ CompletoNotificaciones del sistema
Firefox✅ CompletoEn todas las plataformas
Safari (iOS)⚠️ ParcialRequiere iOS 16.4+ y PWA instalada
Safari (Mac)✅ CompletoDesde macOS Ventura
Edge✅ CompletoSimilar a Chrome

Solución de Problemas

No recibo notificaciones

  1. Verifica que las notificaciones estén activadas en la app (icono de campana)
  2. Revisa los permisos del navegador para este sitio
  3. Comprueba que el dispositivo no esté en modo No Molestar
  4. En Android, verifica que la app no esté siendo optimizada por el ahorro de batería

Las notificaciones llegan tarde

Algunos dispositivos retrasan las notificaciones de apps en segundo plano. Solución:

  • Excluye la app de la optimización de batería
  • Activa "Datos en segundo plano" si está disponible
  • Mantén la app fijada en recientes (no la cierres del todo)