Aplicaciones Web Progresivas · UTH · Prof. Bernardo Prado Díaz

Avance 3 📲
Funciones PWA: manifest, offline, notificaciones y ubicación

Tu app ya es una PWA: instalable, funciona sin conexión, sincroniza el carrito, envía notificaciones y usa la ubicación del cliente.

ING10-1 23 negocios 📖 Pasos 14 (sincronización) a 20 de guia2.html⚖️ 30 % de la final

⏰ Avance 3 · cierra el domingo 25 oct, 10:00 pm

--días
--horas
--min
--seg

Repo + commit + GitHub Pages

🎯 Instrucciones

Sigue Pasos 14 (sincronización) a 20 de guia2.html, adaptado a tu negocio y tu giro.

  1. manifest.json (paso 17): name y short_name de tu negocio, start_url, display standalone, theme_color y background_color de tu marca, íconos 192 y 512 hechos con tu logo.
  2. Service Worker (paso 18): cachea el App Shell, catalogo.json y las fotos de tus productos.
  3. js/app.js (paso 19): registra el Service Worker y muestra el estado 'conectado / sin conexión'.
  4. Prueba offline: DevTools → Network → Offline y recarga; el catálogo debe seguir apareciendo.
  5. Sincronización (paso 14): cuando vuelve la conexión, el carrito se 'envía' y se avisa al usuario.
  6. Notificaciones (paso 15): botón para pedir permiso y una notificación útil (ej. 'Pedido agregado').
  7. Geolocalización (paso 16): ubicación del cliente y distancia o ruta a TU sucursal (ajusta las coordenadas).
  8. Revisa que la consola de DevTools no muestre errores rojos.
  9. Actualiza el 'Historial de avances' del README con el hash del commit que entregaste en el avance 2.

✅ Lista de cotejo

Así se va a evaluar tu commit. Cada criterio cumplido suma sus puntos; incompleto = 0.

#CriterioPts
1manifest.json completo con nombre, colores de tu marca e íconos 192/512 con tu logo.2
2Service Worker registrado que cachea el App Shell, catalogo.json y las fotos.2
3Funciona sin conexión y muestra el indicador conectado / sin conexión.2
4El carrito se sincroniza al volver la conexión y se avisa al usuario.1
5Notificaciones: pide permiso con un botón y muestra una notificación.1
6Geolocalización: ubicación del cliente y distancia/ruta a tu sucursal.1
7Sin errores rojos en la consola de DevTools.1
Total del avance10

AU 9.5–10 · DE 8.5–9.4 · SA 8.0–8.4 · NA 0–7.9

🪪 Tus escritos llevan tu identificación

README, reporte PDF y cualquier documento: nombre completo (apellido paterno, apellido materno y nombres), grupo, URL del repositorio, hash del commit y URL de GitHub Pages. Elige tu nombre en el formulario de abajo y esta plantilla se llena con tu negocio.

# Nombre de tu negocio — PWA de ventas

| Dato | Valor |
|---|---|
| **Alumno** | APELLIDO PATERNO APELLIDO MATERNO NOMBRE(S) |
| **Grupo** | ING10-1 |
| **Negocio · giro** | Nombre de tu negocio · tu giro |
| **URL del repositorio** | https://github.com/tu-usuario/tu-negocio-pwa_apellidopaterno-apellidomaterno-nombres |
| **URL de GitHub Pages** | https://tu-usuario.github.io/tu-negocio-pwa_apellidopaterno-apellidomaterno-nombres/ |

## Historial de avances

| Avance | Hash del commit entregado | Fecha |
|---|---|---|
| 1 | (hash del avance 1) | 11/10/2026 |
| 2 | (hash del avance 2) | 18/10/2026 |
| 3 | (hash del avance 3) | 25/10/2026 |
| 4 | (se escribe en el reporte PDF) | 01/11/2026 |
¿Por qué el hash va en un historial?

📤 Entregar el avance 3

⏳ El avance 3 se abre cuando cierre el avance 2: el domingo 18 oct, 10:00 pm. Mientras, revisa sus instrucciones y su lista de cotejo para adelantar trabajo.

📋 Entregas del avance 3

0 / 23 entregados

🛰️ Aún no hay entregas de este avance.