TerniumRecursos Humanos
Monitor de Alertas y Bloqueos — Prototipo
MVP Fase 1

Por qué está bloqueado, desde cuándo y cuánto le falta.

Hoy, cuando el torniquete de Secure le niega el paso a un colaborador, el guardia solo ve la credencial rechazada. El empleado va con su supervisor, luego a nóminas y termina en Recursos Humanos — que no tiene acceso a Supervisor UX por segregación de funciones SOX y no cuenta con ninguna pantalla donde consultar el motivo.

Este prototipo es esa pantalla. Es una lupa: solo consulta, sin manipular marcaciones. Tres versiones distintas del mismo monitor, sobre los mismos datos y el mismo sistema de diseño, para elegir cuál se lleva a construcción.

Solo se expone nombre, ubicación, estatus, vigencia y motivo laboral. Sin diagnósticos médicos, sin datos de nómina ni pagos.
El prototipo en números
Personas en el conjunto
—
Con el paso negado
—
Reglas de negocio
—
Reglas sin homologar
—
Plantas / países
—
Idiomas
ES · EN · PT

Las tres versiones

Versión 1Panorama

Torre de Control

Para quien abre el monitor en la mañana y quiere el estado completo antes de que suene el teléfono.

“Pudimos manejar semáforos para decir: ando más o menos en entradas por tiempo, y abajo una tabla.”

  • Seis tiles con las cifras del turno; cada una filtra el padrón.
  • Un Price List semaforizado por país, con bola, dona y barras de avance.
  • Tendencia de 14 días y ranking de las reglas que más bloquean.
  • Grilla maestra sin paginador, con configurador de columnas.
  • Catálogo de reglas de negocio, marcando cuáles siguen sin homologar.
Densidad alta · lectura vertical Abrir
Versión 2Recorrido

Zoom Geográfico

Para quien pregunta “¿dónde está el problema?” antes de preguntar “¿quién es?”.

“En México tengo 10 bloqueados. Me meto ahí, me da un zoom y me dice: uno de Pesquería, dos de Revestidos… ah, es Palacios, por permanencia.”

  • Tres niveles con migas: País → Planta → Persona.
  • Slider superior de países de 56px con el conteo vivo de cada uno.
  • Mosaico de plantas con tabla de semáforo por motivo.
  • Lista de la planta junto a su Price List, con el próximo desbloqueo al frente.
  • El buscador corta el recorrido y salta directo a la persona.
Exploración · un nivel a la vez Abrir
Versión 3Atención

Consola de Triage

Para el momento en que suena el teléfono y hay que contestar en segundos.

“Oye, está bloqueado. — No, levántate cinco minutos y ya estás libre. Que sepan que en estos cinco minutos el rojo se pone verde.”

  • Buscador protagonista: escribes la nómina y sale la respuesta.
  • Un veredicto en una frase, con el contador regresivo en 40px.
  • Cola ordenada por tiempo restante, con barra de avance por persona.
  • Ficha fija al costado, sin modales que tapen la cola.
  • Teclado: / para buscar, flechas para moverse.
Velocidad · una persona a la vez Abrir

Cómo leer este prototipo

Lo que sí hace

  • Los contadores regresivos corren de verdad, segundo a segundo.
  • Al llegar a cero, el registro cambia a “liberado” y avisa que se reconsultó Secure.
  • El reloj de sincronización simula la reconsulta cada 30 segundos; se puede pausar desde “En vivo”.
  • Filtros, orden, búsqueda, configurador de columnas e idioma funcionan sobre los datos reales del JSON.

Lo que no hace

  • No hay backend. Todo sale de data/*.json; los datos son ficticios.
  • No consulta Secure, ni el SQL Intermedio, ni SAP. Esas integraciones son la Fase 1 de construcción.
  • No desbloquea a nadie: el flujo de excepción por Nivel 4 vive en Supervisor UX (Fase 2).
  • El agente conciliador de fichadas se representa como una bandera de anomalía, no como un proceso (Fase 3).

De dónde salió cada decisión

  • Minuta técnica del 23-ago-2026 — arquitectura, tablas ZTTI0202 / ZTTI0238 y alcance del MVP.
  • Sesión del 21-ago — reglas de permanencia, el dato mínimo del bloqueo, tolerancia de 7 días y falsos bloqueos.
  • Junta con Rommel — el zoom por niveles, los semáforos, multi-idioma y el refresco cercano al tiempo real.
  • Manual de Sistemas TERNIUM — cada medida, color y tipografía de la interfaz.

Para levantarlo

Desde esta carpeta:

python3 -m http.server 8777

y abre http://localhost:8777/. También funciona con doble clic sobre el archivo: si el navegador bloquea fetch por file://, el prototipo carga data/bundle.js, que trae los mismos JSON empaquetados.

Tras editar cualquier JSON, regenera el respaldo con python3 data/_bundle.py.