Interfaz de usuario — NetUI
NetUI es la interfaz de usuario de NetMonitor. Está desarrollada en HTML5 y es accesible desde cualquier navegador compatible sin necesidad de instalar software adicional en el equipo del usuario.
Características técnicas
Tecnología
NetUI está implementada íntegramente en HTML5, lo que la hace compatible con navegadores modernos sin dependencia de plugins, extensiones o aplicaciones cliente. No requiere Java, Flash ni instalaciones en el equipo del usuario.
Compatibilidad de navegadores
NetUI es compatible y ha sido validada con:
| Navegador | Versiones |
|---|---|
| Microsoft Edge | Versiones modernas (Chromium-based) |
| Google Chrome | Versiones modernas |
| Mozilla Firefox | Versiones modernas |
Se recomienda mantener los navegadores actualizados para garantizar compatibilidad con todas las funciones de NetUI, especialmente los componentes de mapas, gráficos y visualizaciones dinámicas.
Diseño responsive
NetUI se adapta a distintos tamaños de pantalla y dispositivos:
- Monitores de escritorio: experiencia completa con todos los paneles, tablas y controles visibles simultáneamente.
- Laptops: experiencia completa, con posible ajuste de layout en pantallas de menor resolución.
- Tablets: acceso a los paneles principales con adaptación de la disposición visual.
- Teléfonos móviles: acceso a información esencial para operadores de guardia que necesitan verificar el estado de la infraestructura fuera de la oficina.
[Imagen sugerida: capturas de NetUI en escritorio, tablet y móvil mostrando la adaptación responsive]
Estructura general de la interfaz
NetUI está organizada en paneles que agrupan información operativa relacionada. Desde cada panel se accede a información más detallada mediante navegación directa, haciendo clic sobre los elementos de interés.
El concepto clave de navegación en NetUI es que la información general siempre está disponible en el nivel superior, y el usuario profundiza progresivamente hacia el detalle según sus necesidades operativas.
Panel principal → Vista de activo/enlace/evento → Detalle completo
Componentes de la interfaz
| Componente | Descripción |
|---|---|
| Paneles | Vistas principales que agrupan información por temática (estado general, topología, alarmas, etc.) |
| Widgets | Componentes visuales dentro de los paneles: gráficos, tablas, indicadores, contadores |
| Pestañas | Permiten alternar entre distintas vistas de un mismo contexto (por ejemplo: métricas de CPU, interfaces y servicios de un mismo activo) |
| Filtros dinámicos | Permiten acotar la información visible por emplazamiento, tipo de activo, severidad, grupo operativo u otros criterios |
| Indicadores de estado | Representaciones visuales del estado actual de activos, interfaces o servicios |
| Indicadores de evolución | Gráficos que muestran el comportamiento histórico de métricas en el tiempo |
Panel Home
El panel Home es la vista inicial de NetMonitor. Proporciona un resumen ejecutivo del estado de la infraestructura monitoreada, diseñado para que el operador pueda evaluar de forma inmediata si hay situaciones que requieren atención.
Qué muestra el panel Home:
- Resumen de alarmas activas y alertas pendientes
- Indicadores globales de disponibilidad
- Accesos rápidos a los gestores principales
- Últimos eventos registrados
- Estado de los activos más críticos o de mayor SLA
[Imagen sugerida: panel Home de NetMonitor con indicadores de alarmas activas, alertas y estado general de la infraestructura]
El panel Home está diseñado para ser el punto de inicio de la jornada operativa: un operador que abre NetMonitor debe poder evaluar en segundos si hay algo que requiere atención inmediata antes de iniciar su revisión detallada.
Panel Estado General
El panel Estado General provee una visión completa del estado de todos los activos monitoreados. Es el panel de referencia para la operación diaria: permite ver de un vistazo el estado de la infraestructura y navegar hacia cualquier activo para obtener información más detallada.
Qué muestra el panel Estado General:
- Listado o grilla de activos con su estado actual (disponible, con alarma, con alerta, sin datos)
- Indicadores de SLI de cada activo
- Última vez que se actualizaron los datos
- Acceso directo a la información detallada de cada activo
- Filtros por emplazamiento, tipo de activo, estado, grupo y otros criterios
[Imagen sugerida: panel Estado General con grilla de activos, indicadores de estado coloreados y filtros activos]
Filtros dinámicos en Estado General
Los filtros dinámicos permiten acotar la vista del Estado General para concentrarse en un subconjunto específico de la infraestructura. Es posible filtrar por:
- Emplazamiento: ver solo los activos de un sitio, ciudad o región
- Tipo de activo: routers, switches, servidores, cámaras, etc.
- Estado: solo activos con alarma activa, solo activos no disponibles, etc.
- Grupo operativo: activos asignados a un área o equipo específico
- SLA: activos que están por debajo de su SLA configurado
Los filtros pueden combinarse y guardarse como vistas personalizadas para distintos perfiles de usuario.
Panel Topología
El panel Topología presenta la infraestructura monitoreada en forma de grafo o mapa de red, mostrando las relaciones físicas y lógicas entre los activos y sus enlaces.
Qué permite visualizar:
- Topología lógica: cómo se relacionan los activos entre sí en términos de conectividad y dependencias
- Topología física: representación de la infraestructura basada en conexiones físicas (puertos, cables, fibras)
- Unifilar: diagrama esquemático de la red con representación simplificada de activos y enlaces
- Estado en tiempo real: el color o icono de cada activo y enlace en el mapa refleja su estado actual
Al hacer clic sobre un activo o enlace en el mapa, el usuario accede a la información detallada de ese elemento: métricas, interfaces, eventos activos, historial y más.
[Imagen sugerida: vista de topología con activos interconectados, algunos con estado de alarma, y un enlace en estado de alerta]
Mapas geográficos
NetMonitor permite presentar los activos sobre mapas geográficos, con la posición de cada activo en su ubicación real. Esto es especialmente útil en organizaciones con infraestructura distribuida en múltiples sitios, ciudades o países.
El estado de cada activo se refleja directamente sobre el mapa, permitiendo identificar geográficamente qué áreas o sitios tienen problemas activos.
[Imagen sugerida: mapa geográfico con marcadores de activos en distintas ciudades, algunos con indicadores de alarma]
Gestor de mapas
El Gestor de Mapas permite crear y gestionar múltiples vistas de topología: mapas personalizados para distintas áreas de la red, pisos de un edificio, segmentos de infraestructura o tipos de activos específicos.
Cada mapa puede configurarse con un fondo personalizado (plano de un piso, imagen satelital, diagrama de rack, etc.) sobre el que se ubican los activos monitoreados.
Navegación hacia el detalle de un activo
Desde cualquier panel de NetUI, al hacer clic sobre un activo, se accede a la vista de detalle del activo, que incluye:
- Información general: nombre, IP, tipo, emplazamiento, SLA, SLI actual
- Estado de interfaces: tráfico, errores, estado operativo de cada interfaz
- Pestañas dinámicas: CAM tables, ARP, LLDP, STP, VLANs (disponibles según las capacidades del activo)
- Métricas de rendimiento: CPU, memoria, disco, temperatura y otras variables recolectadas
- Alarmas y alertas activas sobre ese activo
- Historial de eventos del activo
- Servicios asociados (si el activo tiene servicios monitoreados)
- Notas vinculadas al activo o a sus eventos
Esta navegación progresiva permite al operador profundizar en el detalle que necesita sin perder el contexto del panel desde el que partió.
[Imagen sugerida: vista de detalle de un activo con pestañas de interfaces, métricas, alarmas y notas]
Indicadores principales e indicadores de evolución
NetUI presenta dos tipos de indicadores para cada variable monitoreada:
Indicadores principales (estado actual)
Muestran el valor o estado actual de una métrica en el momento de la última recolección. Ejemplos:
- Porcentaje de CPU actual: 73%
- Estado de la interfaz WAN: Up / Down
- Latencia ICMP actual: 12 ms
- Espacio disponible en disco: 34 GB
Indicadores de evolución (comportamiento histórico)
Muestran cómo ha evolucionado una métrica a lo largo del tiempo, mediante gráficos de línea o área. Permiten identificar tendencias, picos, degradaciones graduales y patrones de comportamiento.
La combinación de ambos tipos de indicadores le da al operador tanto la información del momento actual como el contexto histórico necesario para interpretar correctamente ese dato.
[Imagen sugerida: gráfico de evolución de tráfico de una interfaz WAN durante las últimas 24 horas con pico identificable]
Próximos pasos
Con la interfaz de usuario comprendida, el siguiente paso es entender el módulo central de la operación diaria: