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.
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 |