Elementos de la interfaz

---

La estructura de la interfaz de Netin está compuesta por diferentes elementos informativos y de navegación, pantallas para la visualización de información a través de tablas, gráficos, etc. y mensajes de acción.

Dado el gran volumen de información, parámetros y datos que Netin recoge de todos los dispositivos del sistema, las pantallas básicas de la web presentan una selección de esta información para facilitar su representación y su comprensión por parte del usuario, y hacer más amigable y agradable su visualización.

El usuario con rol de Administrador de Configuración puede modificar y ampliar los parámetros que se muestran en las distintas pantallas, tablas y gráficos básicos de Netin, adaptando la información que presentan a las necesidades y preferencias de sus usuarios.

Cabeceras

NetinDS

Logotipos Netin

Logo	Descripción
	Situado a la izquierda de la cabecera, navega a la pantalla de Alarmas de la web de NetinDS.
	Situado a la izquierda de la cabecera, navega a la pantalla de Alarmas de la web de NetinHUB.

Iconos de estado

Situados a la derecha de la cabecera, facilitan información gráfica y resumida sobre el estado general del sistema:

Icono	Descripción
	Estado del servidor correcto. Al hacer clic en él lleva a la pantalla de Logs del sistema.
	Estado del servidor en fallo.
	Agentes conectados en el sistema, en la web de NetinDS.
	Agentes desconectados en el sistema, en la web de NetinDS.
	Relojes en uso en la web de NetinHUB.
	Alarmas de tipo "Advertencia" que hay en el sistema.
	Alarmas de tipo "Error" que hay en el sistema.

Info

Más información y videotutoriales en el canal de Formación de Netin en YouTube:
NetinDS #02 WebUI: Cabecera | Header

Menú de Navegación

Es el menú principal que aparece en la parte superior de todas las pantallas de Netin para dar acceso a las áreas principales del sistema.

Los elementos disponibles en el Menú de Navegación dependerán de si se inicia sesión en NetinDS o en NetinHUB y del rol de la persona que accede al sistema (Administrador de Usuarios, Administrador de Configuración o Usuario).

Cuando la pantalla del navegador se reduce mucho o se visualiza la web de NetinDS o NetinHUB en un dispositivo móvil (tableta o teléfono), las opciones del menú de navegación se ocultan bajo el icono y aparecen en un desplegable al hacer clic sobre él.

Info

Más información y videotutoriales en el canal de Formación de Netin en YouTube:
NetinDS #03 WebUI: Menú de navegación | Navigation bar

Área del Perfil de Usuario

Mediante el icono que se encuentra a la derecha de la barra del menú de navegación se accede al área de Perfil de usuario.

El usuario puede cerrar la sesión haciendo clic en la opción "Desconexión" del desplegable.

Ayuda

El icono Ayuda navega a la web de documentación de Netin, donde encontrará toda la información oficial sobre los productos Netin, manuales de usuario, instrucciones e informaciones legales.

Info

Más información y videotutoriales en el canal de Formación de Netin en YouTube:
NetinDS #05 WebUI: Ayuda | Help

Buscador

Permite realizar búsquedas sobre la base de datos del sistema y acceder desde sus resultados a información sobre dispositivos, localizaciones e instalaciones, direcciones IP, etc.

Al hacer clic sobre el icono Buscador se despliega una caja de texto hacia la izquierda para introducir los términos de búsqueda. Haciendo clic en el indicador se vuelve a cerrar.

Debajo del buscador se abre un panel con el listado de resultados sobre los que se puede hacer clic para navegar a la ventana con la información correspondiente.

Info

Más información y videotutoriales en el canal de Formación de Netin en YouTube:
NetinDS #06 WebUI: Buscador | Search engine

Menú de Configuración (usuario Administrador)

Este menú permite al usuario con rol Administrador de Configuración o Administrador de Usuarios acceder a las opciones de configuración y administración de NetinDS y NetinHUB.

Info

Esta opción no aparece en el menú de navegación de los usuarios básicos.

Opciones del menú Configuración

Icono	NetinDS	NetinHUB	Descripción
Localizaciones	X	X	Desde esta opción el usuario con rol Administrador de Configuraicón puede crear, modificar y eliminar los elementos de la estructura de localizaciones/instalaciones del sistema.
Dispositivos		X	Desde esta opción el usuario con rol Administrador de Configuración puede puede ver la información asociada a los dispositivos vinculados, y modificar los parámetros asignados.
Solicitudes pendientes		X	Desde esta opción el usuario con rol Administrador de Configuración puede autorizar dispositivos y asignar los parámetros correspondientes a cada uno.
Repositorio	X		Desde esta opción el usuario con rol Administrador de Configuraicón puede subir y eliminar diferentes tipos de archivos necesarios para el funcionamiento del sistema (templates, MIBs, GSDMLs, artefactos...) y documentos e imágenes explicativos para la resolución de incidencias.
Descubrimiento de dispositivos	X		Desde esta opción, en las versiones Standalone y Agente de NetinDS, se escanean y reconocen los dispositivos instalados en las distintas localizaciones del sistema.
Agentes y artefactos	X		Desde esta opción el usuario con rol Administrador puede gestionar los agentes y artefactos instalados en el sistema.
Usuarios	X	X	Desde esta opción el usuario con rol Administrador de Usuarios puede crear, modificar y eliminar cuentas de usuario.

Enlaces a pantallas

Los enlaces que aparecen en el menú de navegación permiten acceder a las pantallas que presentan la información sobre:

• Alarmas
• Inspección
• Redes (solo disponible en NetinDS)
• Elevación de alarmas (solo disponible en NetinHUB)
• Estados
• Consultas

Menú Selector de Localizaciones

Haciendo clic en el icono Selector de localizaciones que aparece a la izquierda en el menú de navegación, se despliega la estructura de localizaciones definida en el sistema.

El panel de localizaciones permite navegar por los diferentes niveles haciendo clic sobre las flechas () y los nombres que se sombrean según se pasa el ratón sobre ellos.

El icono , que se encuentra a la derecha del desplegable, permite seleccionar las localizaciones que forman el primer nivel organizativo.

La selección de una localización o instalación determinada mostrará, por ejemplo, la información de alarmas para esa localización.

Cuando el menú de navegación no es visible por el tamaño reducido de la pantalla, la estructura de localizaciones se despliega progresivamente, una vez abierto el menú con el icono , haciendo clic en el indicador Avanzar de cada nivel.
Para volver a un nivel superior, hacer clic en el indicador Retroceder.
Para seleccionar una localización determinada, hacer clic en su nombre.

Info

Ver el apartado "Localizaciones" para su definición y configuración.

Área de visualización de información

El área de la pantalla que queda bajo la cabecera y el menú de navegación muestra información en función del enlace seleccionado en el menú de navegación, o de la opción elegida en los menús desplegables.

Al iniciar sesión se muestra por defecto la pantalla de Alarmas.

Código de color

Tanto las tablas como los elementos gráficos e iconos que presentan información al usuario, siguen el código de color definido por Netin para clasificar los eventos ocurridos en el sistema en función de su severidad e importancia.

• Verde: no hay avisos de alarma.
• Azul: hay avisos de alarma de tipo Informativo.
• Naranja: hay avisos de alarma de tipo Advertencia.
• Rojo: hay avisos de alarma de tipo Error.

Info

Más información y videotutoriales en el canal de Formación de Netin en YouTube:
NetinDS #04 WebUI: Área de visualización de información | Display area

Línea de migas de pan (Breadcrumbs)

Este elemento se encuentra presente en la parte superior de todas las pantallas en las que el usuario necesita conocer para qué elemento de la estructura de localizaciones se está mostrando información.

Presenta, en una línea, la jerarquía de la localización o instalación previamente seleccionada por el usuario, y permite navegar haciendo clic en los nombres de los diferentes niveles, o haciendo clic en los separadores () que se despliegan para mostrar y poder acceder a las otras localizaciones o instalaciones existentes en ese nivel.

El icono navega al nivel más alto.

Elementos gráficos de visualización de información

Los elementos gráficos permiten visualizar de forma sencilla y rápida la información del sistema representándola por medio de tarjetas, mapas, gráficos y topologías, y aplicando el código de color de Netin e iconos informativos para facilitar su comprensión.

La elección del modo de visualización en tarjetas o mapa se realiza mediante los botones selectores que aparecen a la izquierda de la pantalla bajo la línea de migas de pan.

Tarjetas

Las tarjetas representan gráficamente las localizaciones/instalaciones de la estructura del sistema.
Este modo de visualización permite al usuario elegir, con los botones de selección de tamaño que aparecen a la derecha de la pantalla:

• El número de tarjetas que se mostrará por fila (tres, cuatro o seis).
• Desplegar el área de visualización de información a pantalla completa (desaparecen la cabecera y el menú de navegación).

Cada tarjeta presenta la siguiente información:

• Nombre de la localización.
• Severidad de las alarmas pintando la tarjeta según el código de color de Netin.
• Número de alarmas e icono de tipo de aviso:
  • Alarmas de tipo Error
  • Alarmas de tipo Advertencia

Las tarjetas permiten navegar, haciendo clic sobre ellas, hacia los niveles inferiores de la estructura de localizaciones.
Para volver a un nivel superior utilizar la Línea de migas de pan (Breadcrumbs) o el Menú Selector de Localizaciones.

Mapas

Un mapa es una imagen que representa la estructura de localizaciones en una superficie bidimensional, facilitando la ubicación física de las alarmas.

Las distintas zonas del mapa presentan la siguiente información:

• Nombre de la localización al pasar el ratón sobre ellas.
• Severidad de las alarmas pintando la zona del mapa según el código de color de Netin.

Los mapas permiten navegar, haciendo clic sobre sus zonas activas, hacia los niveles inferiores de la estructura de localizaciones.
Para volver a un nivel superior utilizar la Línea de migas de pan (Breadcrumbs) o el Menú Selector de Localizaciones.

Info

Ver el apartado Editor de localizaciones/Imágenes para la definición de las distintas zonas del mapa.

Topologías

La topología es la representación gráfica de los dispositivos y las conexiones que forman una red.

NetinDS utiliza las topologías para mostrar todos los elementos interconectados que forman el último nivel de la estructura del sistema.

Cada dispositivo o nodo de la red se representa con una tarjeta con la siguiente información:

• Nombre del dispositivo.
• Dirección IP del dispositivo.
• Icono informativo:
  • Equipos en la red
  • Equipos no leídos
  • Grupos
• Tipo de dispositivo (al pasar el ratón sobre el icono).

Las conexiones entre dispositivos se representan con una línea continua entre nodos.

Tanto las tarjetas (nodos) como las líneas (conexiones) y los grupos se representan con el código de color de Netin.

Interacción

Las topologías permiten al usuario diferentes formas de interacción:

Interacción
Seleccionar dispositivos y conexiones colocando el ratón sobre ellos. El resto de la topología se desvanece ligeramente destacando la selección.
Contraer o Expandir un grupo determinado, haciendo doble clic sobre uno de sus nodos para contraerlo o sobre la tarjeta del grupo para expandirlo.
	Contrae todos los grupos creados en la topología.
	Expande todos los grupos creados en la topología.
	Muestra la cuadrícula para ordenar los elementos.
	Oculta la cuadrícula para ordenar los elementos.
	Guarda la ordenación de nodos y grupos realizada por el usuario.
	Zoom para ampliar la topología.
	Zoom para reducir la topología.
	Ajusta la topología al espacio disponible en función de la pantalla.
	Despliega la topología a pantalla completa. Para salir de este modo usar la tecla ESC.

Grupos

Los dispositivos de una red se pueden organizar en grupos para facilitar la visualización de la topología:

1. Hacer clic en el indicador Abrir panel lateral que aparece a la izquierda bajo la línea de migas de pan (Breadcrumbs).
2. Se despliega el panel para la creación, edición y eliminación de grupos.
   Para cerrar el panel hacer clic en el indicador Cerrar panel lateral.

Para crear un grupo:

1. Una vez desplegado el panel Grupos, hacer clic en el botón Añadir.

2. En la caja de texto de la ventana Nuevo grupo, escribir el nombre del grupo y hacer clic en el botón Aceptar. Si el nombre del grupo ya existe la caja de texto se perfila en color rojo y el botón Aceptar aparece desactivado.

   

3. En el panel Grupos aparece el nombre del nuevo grupo.

Para añadir dispositivos al grupo

1. Una vez desplegado el panel Grupos, hacer clic en el grupo al que se quieren añadir dispositivos.
2. Hacer clic en el botón Añadir.

3. En la ventana Añadir dispositivo a ......, hacer clic la caja de texto para abrir el desplegable con la lista de los dispositivos sin agrupar de la topología.

   

4. Seleccionar un elemento y hacer clic en el botón Aceptar.
   Repetir los pasos para añadir tantos dispositivos como se necesite.

El botón Info muestra el nombre y el tipo de dispositivo al pasar el ratón o hacer clic sobre él.

Para eliminar un dispositivo del grupo:

1. Una vez desplegado el panel Grupos, hacer clic en el grupo del que se quieren eliminar dispositivos.
2. En el listado de nodos que forman el grupo, hacer clic en el botón Eliminar del dispositivo que se quiera borrar.
3. El dispositivo desaparece del listado.

Para cambiar el nombre del grupo:

1. Una vez desplegado el panel Grupos, hacer clic en el nombre del grupo que se quiere modificar.
2. Hacer clic en el icono Editar.

3. En la ventana Cambiar nombre a ......., escribir el nuevo nombre y hacer clic en el botón Aceptar. Si el nombre del grupo ya existe la caja de texto se perfila en color rojo y el botón Aceptar aparece desactivado.

   

Para eliminar un grupo:

1. Una vez desplegado el panel Grupos, hacer clic en el grupo que se quiere eliminar.
2. Hacer clic en el icono Eliminar.
3. En la ventana Eliminar grupo, hacer clic en el botón Aceptar.

4. El grupo desaparece del listado.

   

Gráficos

Netin utiliza diferentes tipos de gráficos para presentar información adicional de las alarmas del sistema y KPIs, por ejemplo, en la ventana de diálogo de Alarma y en el panel de Dispositivo.

Tablas

NetinDS y NetinHUB presentan gran parte de su información en forma de tablas ya que permiten visualizar grandes cantidades de datos de manera clara y compacta.

Estas tablas permiten al usuario interactuar con la información que presentan de distintas formas:

Pestañas

Cuando la opción seleccionada en el menú de navegación puede presentar la información desde distintas perspectivas en diferentes tablas, estas se organizan en pestañas.

Las pestañas permiten cambiar rápidamente de una tabla a otra, seleccionando el enfoque informativo que más interese al usuario en cada momento.

Modos de visualización

Las tablas permiten, dada la gran cantidad de información que pueden presentar, dos modos de visualización:

• Básico: selección de columnas que presentan la información más relevante.
• Avanzado: presenta nuevas columnas con información adicional.

Los botones selectores situados a la derecha en la cabecera de la tabla permiten cambiar del modo de visualización básico al avanzado.

Ordenación

Las columnas de las tablas se pueden ordenar haciendo clic en el título.
Una flecha hacia arriba o hacia abajo swap_vert indica si este orden es ascendente o descendente. Si no aparece el icono de la flecha la columna mantiene su orden original.
Es posible ordenar la información por varias columnas, un número junto al nombre de la columna indica la secuencia en la que se ordenan.

Filtros

Los filtros son consultas temporales que permiten limitar la cantidad de información que presenta una tabla aplicando un criterio o combinación de criterios en una columna determinada.

Cuando se aplica un filtro, la información de la tabla se actualiza mostrando solo las filas que cumplen los criterios establecidos.
El icono de la columna que tiene el filtro aparece destacado con un recuadro.

Tipos de filtros

Netin dispone de cuatro tipos de filtro en función de la información que contiene cada columna:

• Texto: muestra una caja de texto para escribir las palabras por las que se quiere filtrar el contenido de la columna.

• Lista: muestra un listado con los valores que contiene la columna para seleccionar por los que se quiere filtrar.

• Booleano: muestra los dos valores posibles para la columna.

• Fecha: muestra un desplegable con los criterios que debe cumplir la fecha y un selector de fecha.

Aplicar filtros

De texto

1. Hacer clic sobre el icono Filtro.
2. En la caja de búsqueda de la ventana del filtro, escribir el texto que debe contener la columna.
3. Hacer clic sobre el botón Filter.

4. La tabla se actualiza con la información filtrada.

   

De lista

1. Hacer clic sobre el icono Filtro.
2. En la ventana del filtro, seleccionar en el listado disponible los elementos por los que se quiere filtrar.
   Si el listado es muy largo, escribir un texto en la caja de búsqueda y el listado se reducirá a los elementos que coincidan.
   El número total de elementos del listado se muestra en la esquina inferior derecha de la caja de búsqueda.
3. Hacer clic sobre el botón Filter.

4. La tabla se actualiza con la información filtrada.

   

Booleano

1. Hacer clic sobre el icono Filtro.
2. En la ventana del filtro, seleccionar la opción por la que filtrar.
3. Hacer clic sobre el botón Filter.

4. La tabla se actualiza con la información filtrada.

   

De fecha

1. Hacer clic sobre el icono Filtro.
2. En la ventana del filtro, seleccionar la condición que debe cumplir la fecha:
   • Es igual a
   • No es igual a
   • Es posterior o igual a
   • Es posterior a
   • Es anterior o igual a
   • Es anterior a
3. En el siguiente campo, escribir la fecha para filtrar o seleccionarla mediante el calendario desplegable
4. Si se quieren combinar dos fechas, seleccionar el operador AND / OR y completar los campos de condición y fecha como en los pasos 2 y 3.
5. Hacer clic sobre el botón Filter.

6. La tabla se actualiza con la información filtrada.

   

Limpiar filtros

1. Hacer clic sobre el icono Filtro.
2. Hacer clic sobre el botón Clear.
3. La tabla vuelve a mostrar toda su información.

Detalles bajo demanda

Es posible que los elementos de la información que presentan ciertas tablas en sus filas o celdas permitan, haciendo clic sobre ellos:

• Navegar a otras pantallas.
• Desplegar tablas adicionales con información relacionada.
• Abrir ventanas emergentes de diálogo.

Herramientas de navegación

• Barra de desplazamiento (Scroll): aparece en el lateral derecho de la tabla y permite desplazarse verticalmente por ella.
• Paginación: botones situados en el pie de la tabla que permiten navegar hacia delante o hacia atrás, cargando nueva información. A la derecha aparece el número total de filas de la tabla y el intervalo mostrado en cada página.

Botones de acción

Permiten realizar determinadas acciones sobre tablas enteras, un conjunto de filas seleccionadas en una tabla, filas individuales o elementos de listados. La disponibilidad de estos botones dependerá de la pantalla y del rol del usuario que inicia sesión.

Botón	Nombre	Descripción
	Exportar a Excel	Descarga un archivo Excel con la información que presenta la tabla.
	ACK	Cambia el estado de todas las alarmas de la tabla de "Inicial" a "ACK", mostrando la hora en la que se registra el cambio de estado para cada alarma.
	ACK	Cambia el estado de cada alarma individualmente de "Inicial" a "ACK"y muestra la hora en la que se registra el cambio.
	Eliminar	Elimina el elemento seleccionado en un listado o tabla. Esta opción solo está disponible para el usuario Administrador.
	Editar	Abre la ventana de edición de datos de un elemento seleccionado en un listado. Esta opción solo está disponible para el usuario Administrador.
	Diálogo	Abre la ventana Diálogo de Alarma.