17 — Mapa de prototipo — SURCO
1. Qué es el prototipo
| Capa | Rol |
|---|
| Paper | Hi-fi visual estático por bandas §1–§5 |
| Angular app | Prototipo interactivo real (JWT + API + Neon) |
Paper no expone prototipo clicable nativo vía MCP; la app es el prototipo navegable.
2. Enlaces
3. Flujos clicables en app
| # | Flujo | Entrada | Salida |
|---|
| 1 | Marketing → login | / CTAs | /login |
| 2 | Login farmer | credenciales Inés | /app/tasks cuaderno |
| 3 | Login tech | credenciales Pol | /app/tasks asignaciones |
| 4 | Create | + Tarea | nueva en lista |
| 5 | Detail status | card | badge actualizado |
| 6 | Logout | Salir | /login |
| 7 | Empty | lista vacía | CTA crear (farmer) |
| 8 | Error | API down | mensaje |
4. Mapa de hotspots (Paper → app)
| Artboard Paper | Hotspot conceptual | Destino app |
|---|
| C-0 Home | CTAs | /login |
| D-0 Login | Submit | /app/tasks |
| F-0 Tasks | Card | /app/tasks/:id |
| F-0 Tasks | + Tarea | /app/tasks/new |
| H-0 New | Guardar | /app/tasks |
| G-0 Detail | Status | mismo :id |
| J-0 Mobile | mismos destinos | viewport estrecho |
5. Datos del prototipo
Usar seed (no inventar usuarios en UI):
- Parcelas: Bancal Nord, Surco Baix
- Tareas: riego, plagas, poda, suelo, abonado
- Roles: FARMER / TECHNICIAN
Reset: npm run db:seed.
6. Guión de demo (3 minutos)
- Home: eslogan y pasos (20 s).
- Login Inés (20 s).
- Stats + lista (20 s).
- Crear “Revisión de goteros” en Bancal Nord, asignar Pol (40 s).
- Logout → login Pol (20 s).
- Abrir tarea y marcar Hecha (30 s).
- Logout; mencionar Paper y stack (30 s).
7. Limitaciones del prototipo
| Límite | Impacto en demo |
|---|
| Sin registro | Solo seed |
| Sin notificaciones | Pol no “recibe push” |
| Sin mapa | Parcela es nombre, no geo |
| Soft client guard | Deep link sin token va a login |
8. Criterios de aceptación del mapa
- Cada pantalla Paper §2–§5 tiene ruta o estado app equivalente.
- Demo de 3 min cubre ambos roles.
- README enlaza Paper + cómo correr app.
