Dashboard de Piso
Hecho para la pantalla colgada en el piso de operaciones: rota once vistas solo, sin que nadie
la toque, y se lee desde el otro lado del área.
Mi rolDiseño, desarrollo y operación
Lo venEl piso de operaciones, todo el día
Fuentes5 webhooks · 1 propio
InteracciónNinguna — a propósito
Para qué existe
Mismos datos que el dashboard de Job Status, otra forma de mirarlos. La diferencia no es de
contenido sino de contexto de lectura: nadie se para frente a una TV a filtrar. A
cuatro metros de distancia lo único que se lee es el color, el tamaño y el
orden.
- Once vistas en rotación automática. Estado general, dashboard por
estatus, mapa de calor de operador contra estatus, embarques urgentes, cartera vencida y
el seguimiento del programa de exportación.
- Cero interacción en operación normal. Nadie toca la pantalla: si
hubiera que hacerlo para que dijera algo útil, no serviría de nada
colgarla. Sí hay un panel de filtros — período, empresa, operadores,
estatus y modo — pero vive escondido detrás de una tecla, para quien
administra la pantalla, no para quien pasa enfrente.
- El rol de la semana y los cumpleaños del equipo, porque la pantalla
también es del equipo y no solo de sus indicadores.
De dónde salen los datos
01CargoWisereportes programados
02Watcher Pythonwatchdog → POST
03n8nnormaliza · persiste
04MySQL RDShistórico + vistas
05Webhook GETJSON plano
Reusa los mismos feeds que Job Status — embarques, cuentas por cobrar y por pagar,
reservas de transporte y el estado de la pausa de facturación — y añade
uno propio: el seguimiento del programa de exportación, una fila de trece
etapas por embarque, de la solicitud a la entrega, donde cada celda se pinta según
vaya hecha, en curso, atrasada o estimada.
Reusar el feed y no duplicarlo es la decisión importante: la TV y el dashboard de
escritorio no pueden contradecirse. Si cada uno tuviera su propia consulta, un
día dirían cosas distintas y la discusión pasaría a ser cuál
de los dos miente.
Decisiones de construcción
- Lo que comunica es el color de la fila y el orden, no el número. Lo
atrasado sube; lo urgente se pinta. El detalle fino existe, pero es para quien se acerca.
- El lienzo es fijo, de 1920×1080, y se escala entero a la pantalla. Así
la composición se diseña una vez y se ve igual en la TV de la oficina, en
un monitor o en un proyector, sin que cada vista tenga que ser responsiva por su cuenta.
La escala tipográfica también es propia: el resto de la suite está
dimensionado para un monitor a medio metro.
- La rotación no se detiene ante un error. Si un feed no responde, esa
vista lo dice y la pantalla sigue girando: una TV congelada en un error es una TV que la
gente deja de mirar.
- Está escrito con React desde CDN, sin build, a diferencia del resto de la
suite: la rotación de vistas con estado compartido era el caso que sí lo
justificaba.
Qué es distinto en esta demo
Mismo archivo de producción con la capa de datos sustituida. La rotación
corre igual que en la pantalla real, así que conviene dejarla andar un rato en vez
de juzgarla por la primera vista.
- Clientes, montos, operadores y marca son inventados.
- El roster del equipo — rol de la semana y cumpleaños — es
ficticio por completo. En la versión real son dieciséis personas con
nombre y fecha, y eso es dato personal de terceros: no sale.
- Las librerías se cargan desde un CDN permitido por el visor; son las mismas
versiones exactas que en producción.
ReactJavaScriptHTMLPython
n8nMySQL · AWS RDSCargoWise