Sinóptico · Lab · Industrial / Control de procesos

Cómo se construyó Sinóptico

Demo de panel SCADA/HMI para una planta cerámica ficticia de L’Alcora: un sinóptico SVG del proceso completo (silo, atomizador, prensas, secadero, hornos con zonas de temperatura, esmaltado y clasificación) donde cada equipo cambia de estado en tiempo simulado y despliega su ficha al pasar el ratón. A la derecha, las curvas de cocción por lote comparan la temperatura real con la consigna dentro de la banda de tolerancia, y un registro de alarmas vivo permite reconocerlas (ACK) con feedback inmediato. Datos simulados con generadores seedeados, sin backend.

Es una demo técnica, no una plantilla vendible tal cual: un adelanto de lo que podemos construir a medida cuando un proyecto necesita algo más que una web de catálogo. Si te interesa algo parecido para tu producto, hablamos.

Qué demuestra

• Sinóptico SVG del proceso cerámico con 10 equipos y flujos animados
• Estados por color con glow: operativo, advertencia, alarma crítica y parado
• Tooltips HUD por equipo: lote, valor de proceso, tiempo en estado y operario
• Hornos con zonas internas de temperatura (precalentamiento, cocción, enfriamiento)
• Curvas de cocción por lote: real vs consigna con banda de tolerancia (Chart.js)
• Marcador «ahora» avanzando dentro del ciclo de cocción simulado
• Registro de alarmas con acknowledge, severidad ponderada y generador aleatorio seedeado
• Tres cámaras CCTV de supervisión (vídeo IA, ~60 KB cada una): entrada y salida del horno y control láser cenital, con OSD en vivo y ampliación al click
• Ticker de eventos, KPIs (OEE, piezas/h) y modo pausa de la simulación
• Responsive: en móvil colapsa a pestañas Sinóptico / Temperaturas / Alarmas