Fase 0 · Mockups navegables

Las 22 pantallas obligatorias de la especificación v2, con drag & drop funcional. Los escenarios precargados no se guardan; el diseñador sin escenario guarda tu trabajo en este dispositivo. 70 equipos de ejemplo, todos pendientes de curaduría.

1. 1
   Landing pública

   /

2. 2
   Diseñador gráfico vacío

   /disenador/?escenario=vacio

3. 3
   Catálogo drag & drop

   /disenador/?escenario=catalogo

   En escritorio el catálogo está a la izquierda; en móvil se abre como panel inferior

4. 4
   Selección de PLC

   /disenador/?escenario=plc

5. 5
   Selección de variador

   /disenador/?escenario=variador

6. 6
   Equipos conectados

   /disenador/?escenario=conectados

   Gris = no confirmada con datos de ejemplo

7. 7
   Incompatibilidad detectada

   /disenador/?escenario=incompatible

8. 8
   Sugerencia de módulo faltante (alternativas)

   /disenador/?escenario=sugerencia

   Abre «Ver otras alternativas» en la propuesta

9. 9
   Módulo agregado automáticamente

   /disenador/?escenario=modulo-agregado

10. 10
    Configuración de protocolo

    /disenador/?escenario=protocolo

11. 11
    Vista visual de puertos

    /disenador/?escenario=puertos

    Botón «Ver vista de puertos» en el panel

12. 12
    Guía paso a paso

    /guia/

13. 13
    Sofía con chat

    /disenador/?escenario=sofia-chat

14. 14
    Sofía con fotografía

    /disenador/?escenario=sofia-foto

15. 15
    Vista previa de PDF

    /descargar/?paso=vista

16. 16
    Registro al descargar

    /descargar/?paso=registro

17. 17
    Verificación de correo

    /descargar/?paso=correo

18. 18
    Verificación WhatsApp

    /descargar/?paso=whatsapp

19. 19
    Descarga confirmada

    /descargar/?paso=listo

    Requiere completar las verificaciones; si no, pide completarlas

20. 20
    Dashboard de usuario

    /app/

21. 21
    Torre de control ABSA

    /admin/

22. 22
    Versiones móviles

    /disenador/?escenario=incompatible

    Abre cualquier pantalla en un teléfono o reduce la ventana: catálogo en panel inferior, conexión por toques, Sofía flotante, guía a pantalla completa

Otras pantallas

• Gateway entre protocolos
• Arquitectura con switch industrial
• Diseño del PDF (hojas carta)
• Asistente por preguntas (alternativa secundaria)
• Catálogo técnico
• Diagnóstico por síntomas
• Usuarios y matriz de permisos

Sistema visual