RELE · 17-prototype-map.md · 19 de 22

En esta página 1. Fuentes de verdad 0%

17 — Mapa de prototipo — RELE

1. Fuentes de verdad

CapaRol
PaperHi-fi visual + UX process (no clicable nativo vía MCP)
App AngularPrototipo interactivo end-to-end
Docs 00–20Especificación y narrativa portfolio

Paper file: https://app.paper.design/file/01KZJNCCMJ1FDHHPZZ923RWDWY

2. Mapa de clics (app)

[/]
  ├─ Entrar / Abrir panel / Soy residente / Soy asesor → [/login]
  └─ (footer/demo si aplica)

[/login]
  ├─ ← Inicio → [/]
  └─ submit OK → [/lecturas]

[/lecturas]
  ├─ Nueva lectura (RESIDENT) → [/lecturas/nueva]
  ├─ card → [/lecturas/:id]
  ├─ Reintentar → reload
  └─ Salir → login/home + clear

[/lecturas/nueva]
  ├─ back → [/lecturas]
  └─ submit OK → [/lecturas]

[/lecturas/:id]
  ├─ ← Lecturas → [/lecturas]
  └─ (ADVISOR) REVIEWED | FLAGGED → same page update

3. Paper artboard → ruta

ArtboardRutaNotas de paridad
01 Home/Hero, 3 pasos, CTAs
02 Login/loginSplit navy
03 Lecturas/lecturasStats + lista
04 Nueva/lecturas/nuevaForm
05 Detalle/lecturas/:idAcciones advisor
06 Mobilemismasviewport
07 Empty/lecturas0 items
08 Error/lecturasAPI down

4. Guiones de demo (prototipo vivo)

Guión A — Residente (3 min)

  1. Home: leer claim “El consumo, a la vista.”
  2. Login casa@rele.energy / password123.
  3. Señalar stats y códigos RE-0809-….
  4. Nueva lectura periodo actual + kWh.
  5. Abrir detalle; mostrar notas si hay.

Guión B — Asesor (3 min)

  1. Login asesor@rele.energy.
  2. Cola con nombres de residente.
  3. Abrir SUBMITTED.
  4. Nota + FLAGGED o REVIEWED.
  5. Volver a lista; badge actualizado.

Guión C — Resiliencia (1 min)

  1. Parar API.
  2. Reintentar lista → error.
  3. Arrancar API → Reintentar OK.

5. Datos del prototipo (seed)

CódigoPeriodokWhStatus
RE-0809-012026-07212REVIEWED
RE-0809-022026-06168REVIEWED
RE-0809-032026-08245SUBMITTED
RE-0809-042026-05141FLAGGED
RE-0809-052026-04155SUBMITTED

Vivienda: Piso Ruzafa · CUPS ES0021000000000001AB.

6. Limitaciones del prototipo

LimitaciónImpacto demo
Sin guards de ruta Angular formalesDeep link sin token redirige en ngOnInit
Sin notificacionesLoop asesor→residente es visual en detalle
Sin multi-home UIUna vivienda seed
Enum EN en badgesExplicar en narración

7. Checklist de paridad pre-demo

  • API :3009 up + seed
  • Web :4200 up
  • Tokens marítimos visibles
  • Ambos logins
  • Create + patch
  • Paper abierto en segunda ventana opcional

8. Entrega de prototipo

AudienciaQué mostrar
PortfolioPaper §1–§5 + app guión A/B
TechNetwork tab JWT + PATCH
ProductoDiferencia vs marketplace/lead-form