Elementos de la interfaz Netin DS¶
La estructura de la interfaz de Netin DS 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.
Cabecera¶
AÑADIR TRANSPARENCIA A LA IMAGEN Y RESALTAR LA CABECERA
Logotipo de NetinDS¶
Situado a la izquierda de la cabecera, navega a la pantalla de Alarmas.
Iconos de estado¶
Situados a la derecha, facilitan información gráfica y resumida sobre el estado general del sistema:
- Alarmas de tipo Error activas en el sistema .
- Alarmas de tipo Advertencia activas en el sistema .
- Agentes:
- Conectados al sistema .
- Desconectados del sistema .
- Estado del servidor:
- Correcto .
- Fallo .
Menú de Navegación¶
AÑADIR TRANSPARENCIA A LA IMAGEN Y RESALTAR EL MENÚ
Es el menú principal que aparece en la parte superior de todas las pantallas de NetinDS para dar acceso a las áreas principales del sistema.
Elementos del Menú de Navegación:
Á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.
AÑADIR TRANSPARENCIA A LA IMAGEN Y RESALTAR EL ICONO DE USUARIO. CAMBIAR NOMBRE A LA IMAGEN.
El usuario puede cerrar la sesión haciendo clic en la opción "Desconexión" del desplegable.
Buscador¶
Este elemento, situado a la derecha de la línea del menú de navegación, 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 search se despliega una caja de texto hacia la izquierda donde se pueden introducir las palabras a buscar.
AÑADIR TRANSPARENCIA A LA IMAGEN Y RESALTAR EL BUSCADOR. CAMBIAR NOMBRE A LA IMAGEN.
La consulta devuelve un listado de resultados relevantes sobre los que se puede hacer clic para navegar a la ventana con la información correspondiente.
VÍDEO DE UNA BÚSQUEDA.
Menú de Configuración¶
Este menú permite al usuario acceder a los elementos configurables del sistema.
AÑADIR TRANSPARENCIA A LA IMAGEN Y DESTACAR EL MENÚ DE CONFIGURACIÓN.
Opciones del menú
- Localizaciones: desde esta opción el usuario puede crear, modificar y eliminar los elementos de la estructura de localizaciones/instalaciones del sistema.
- Wiki: desde esta opción el usuario puedo subir y eleminar documentos e imágenes explicativos para la resolución de incidencias.
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
- Estados
- Históricos CAMBIAR ICONO (EL ARCHIVO ESTÁ ESTROPEADO)
AÑADIR TRANSPARENCIA A LA IMAGEN Y DESTACAR LOS ENLACES.
Menú Selector de Localizaciones¶
Haciendo clic en el icono menu que aparece a la izquierda en el menú de navegación, se despliega la estructura de localizaciones definida.
El panel que se despliega permite navegar por los diferentes niveles haciendo clic sobre las flechas (arrow_drop_down) y los nombres de las localizaciones e instalaciones que se sombrean según se pasa el ratón sobre ellas.
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.
VÍDEO DEL MENÚ SELECTOR DE LOCALIZACIONES
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.
Línea de migas de pan (Breadcrumbs)¶
Este elemento se encontrará presente en la parte superior de todas las pantallas en las que el usuario necesite conocer para qué elemento de la estructura de localizaciones se está mostrando información.
Muestra, 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 (chevron_right) 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.
VÍDEO DE LA NAVEGACIÓN CON LA LÍNEA DE MIGAS DE PAN
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 códigos de color 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¶
Cada tarjeta representa gráficamente una localización/instalación 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 (desaparece la cabecera y el menú de navegación).
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.
El mapa se ajusta al tamaño de la pantalla, por lo que es posible que parte de la información aparezca al pasar el ratón sobre las distintas localizaciones.
QUEDARÍA MEJOR UNA IMAGEN CON EL MAPA MÁS GRANDE (ZOOM??)
Cada tarjeta o zona del mapa presenta la siguiente información:
- Título: nombre de la localización.
- Color: varía en función de las alarmas que tenga esa localización/instalación:
- Verde: no hay avisos de alarma.
- Amarillo: hay avisos de alarma de tipo advertencia.
- Rojo: hay avisos de alarma de tipo error.
- Número y Tipo de aviso: icono del tipo de aviso y número de alarmas de cada uno.
- Alarmas de tipo Error .
- Alarmas de tipo Advertencia .
Tanto las tarjetas como los mapas permiten navegar, haciendo clic sobre ellos, 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.
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 por una tarjeta con la siguiente información:
- Nombre del dispositivo.
- Tipo de dispositivo.
- Dirección IP del dispositivo.
Las conexiones entre dispositivos se representan con una línea continua entre nodos. Al hacer clic sobre ellas se muestra una etiqueta con la siguiente información:
- Source PID
- Target PID
Tanto las tarjetas (nodos) como las líneas (conexiones) y los grupos se representan con el código de color de Netin:
- Verde: no hay avisos de alarmas.
- Azul: hay avisos de alarmas de tipo Informativo.
- Amarillo: hay avisos de alarmas de tipo Advertencia.
- Rojo: hay avisos de alarmas de tipo Error.
Las topologías permiten al usuario diferentes formas de interacción con la información que presentan:
- Seleccionar dispositivos y conexiones colocando el ratón sobre ellos. El resto de la topología se desvanece ligeramente destacando la selección.
- Ordenar los elementos alineándolos respecto a una cuadrícula que se activa pulsando la tecla Mayúsculas (Shift).
- Hacer zoom para ampliar zoom_in, reducir zoom_out o ajustar a la pantalla zoom_out_map la topología.
- Contraer todos los grupos creados en la topología. PONER ICONO
- Expandir todos los grupos creados en la topología. PONER ICONO
- Contraer o Expandir un grupo determinado, haciendo clic sobre uno de sus nodos para contraerlo o sobre la tarjeta del grupo para expandirlo.
- El icono Guardar save conserva la ordenación de nodos y grupos realizada por el usuario.
Grupos¶
Los dispositivos de una red se pueden organizar en grupos para facilitar la visualización de la topología:
- Hacer clic en el icono chevron_right que aparece a la izquierda bajo la línea de migas de pan (Breadcrumbs).
- Se despliega el panel para la creación, edición y eliminación de grupos.
Para cerrar el panel hacer clic en el icono chevron_left.
Para crear un grupo:
- Una vez desplegado el panel Grupos, hacer clic en el botón addNuevo grupo.
- En la caja de texto de la ventana Nuevo grupo , escribir el nombre del grupo y hacer clic en el botón checkAceptar. Si el nombre del grupo ya existe aparece un mensaje de aviso.
- En el panel aparece un control desplegable con el nombre del nuevo grupo.
- Hacer clic en el icono keyboard_arrow_down para abrir la edición del grupo.
Para cerrarla hacer clic en el icono keyboard_arrow_up. - Hacer clic en el icono addAñadir nodo para añadir un dispositivo al grupo.
- En la ventana Añadir nodo a ......, hacer clic en el icono arrow_drop_down de la caja de texto para abrir el desplegable con la lista de los dispositivos sin agrupar de la topología. ¿ORDEN?
- Seleccionar un elemento y hacer clic en el botón checkAceptar.¿SELECCIONAR VARIOS AL MISMO TIEMPO? QUE NO SE CIERRE Y TENER QUE VOLVER AL PASO 4.
Repetir los pasos del 4 al 7 para añadir tantos nodos como se necesite.
Para eliminar un nodo del grupo:
- Una vez desplegado el panel Grupos, hacer clic en el icono keyboard_arrow_down del control del grupo para abrir su edición.
- En el listado de nodos que forman el grupo, pasar el ratón sobre el nodo a eliminar y hacer clic en la X que aparece en la esquina superior derecha.
- El nodo desaparece del listado y se cierra la edición del grupo.
- MENSAJE??? ¿ESTÁ SEGURO? + ¿GRUPO ELIMINADO?
Para cambiar el nombre del grupo:
- Una vez desplegado el panel Grupos, hacer clic en el icono keyboard_arrow_down del control del grupo para abrir su edición.
- Hacer clic en el botón (PONER ICONO)Editar nombre.
- En la ventana Cambiar nombre de grupo, escribir el nuevo nombre y hacer clic en el botón checkAceptar.
Si el nombre del grupo ya existe aparece un mensaje de aviso. - MENSAJE??? ¿ESTÁ SEGURO? + ¿GRUPO ELIMINADO?
Para eliminar un grupo:
- Una vez desplegado el panel Grupos, hacer clic en el icono keyboard_arrow_down del control del grupo para abrir su edición.
- Hacer clic en el botón blockEliminar grupo.
- MENSAJE??? ¿ESTÁ SEGURO? + ¿GRUPO ELIMINADO?
AÑADIR IMÁGENES TOPOLOGÍA
Gráficos¶
NetinDS 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 la pantalla de Dashboard.
Tablas¶
La web de Netin DS presenta 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.
Ordenación¶
Las columnas de las tablas se pueden ordenar alfabéticamente haciendo clic en el título. Una flecha hacia arriba o hacia abajo swap_vert indica si este orden es ascendente o descendente.
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 definidos.
El icono de la columna que tiene el filtro aparece destacado en color azul.
- Hacer clic sobre el icono FILTRO.
- En el desplegable:
- Seleccionar el tipo de filtro que se quiera aplicar.
- Escribir el texto a filtrar.
Si se quiere combinar con otro filtro:
- Seleccionar el operador que se quiera usar.
- Escribir el texto del segundo filtro.
- Hacer clic sobre el botón FILTER.
- La tabla se actualiza con la información filtrada.
Para anular/quitar el filtro:
- Hacer clic sobre el icono FILTRO.
- Hacer clic sobre el botón CLEAR.
- La tabla se actualiza con la información sin filtrar.
VÍDEO DE CÓMO SE APLICA UN FILTRO Y SE QUITA
Tipos de filtros¶
Los tipos de filtros que se pueden aplicar en una columna dependen del tipo de datos que contenga.
Datos tipo texto:
- Is equal to: el texto de la celda tiene que ser exactamente igual al texto definido en el filtro, no puede contener ningún otro valor.
- Is not equal to: el texto de la celda no puede ser igual al texto definido en el filtro.
- Contains: el texto definido en el filtro es parte del texto completo de la celda.
- Does not contain: el texto definido en el filtro no es parte del texto completo de la celda.
- Starts with: el texto de la celda empieza con el texto definido en el filtro.
- Ends with: el texto de la celda termina con el texto definido en el filtro.
- Is null: este campo no existe en el equipo.
- Is not null: este campo existe en el equipo.
- Is empty: la celda está vacía.
- Is not empty: la celda tiene contenido.
Datos tipo fecha:
- Is equal to: la fecha de la celda es igual a la fecha definida en el filtro.
- Is not equal to: la fecha de la celda no puede ser igual a la fecha definida en el filtro.
- Is after or equal to: la fecha de la celda es igual o posterior a la definida en el filtro.
- Is after: la fecha de la celda es posterior a la definida en el filtro.
- Is before or equal to: la fecha de la celda es anterior o igual a la definida en el filtro.
- Is before: la fecha de la celda es anterior a la definida en el filtro.
- Is null: este campo no existe en el equipo.
- Is not null: este campo existe en el equipo.
Operadores¶
Los operadores disponibles para combinar filtros son:
-
And: filtra los resultados que incluyan las dos condiciones de los dos filtros, ambas tienen que aparecer para que se ejecute la consulta.
-
Or: filtra los resultados que incluyan una de las dos condiciones de los filtros.
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.
Botones de acción¶
Permiten realizar determinadas acciones sobre tablas enteras, 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". | |
ACK | Cambia el estado de cada alarma individualmente de "Inicial" a "ACK" mediante el icono que aparece en las celdas de la última columna de la tabla. | |
Eliminar | Elimina las filas seleccionadas en una tabla. | |
Eliminar | Elimina el elemento seleccionado en un listado. | |
Editar | Abre la ventana de edición de datos de un elemento seleccionado en un listado. | |
Configurar | Abre la ventana de configuración para un elemento seleccionado en la tabla. |
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.
Ventanas de diálogo¶
¿HAY O VA A HABER MÁS VENTANAS DE DIÁLOGO?
Esta ventana muestra información adicional de la alarma asociada a un dispositivo.
Su objetivo es ampliar la información de la alarma y servir de ayuda al usuario en la resolución de las alarmas recurrentes, presentando un mapa clave-valor con las características de la alarma, los documentos disiponibles en la Wiki sobre ella, y una tabla y un gráfico con su evolución histórica.
El diálogo de Alarma se abre desde la tabla adicional de la pestaña Dispositivos de Inspección y Alarmas, haciendo clic en el icono de la columnna Información.
Warning
Es posible que algunas alarmas no tengan la opción de acceso a este diálogo.
IMAGEN DE LA VENTANA EMERGENTE
La ventana se divide en cuatro áreas de información:
- Información:
- Nombre del dispositivo.
- Tipo de dispositivo.
- Dirección IP.
- Severidad ¿NO SE PUEDE MOSTRAR EL ICONO COMO EN LAS TABLAS?
- 2: alarma de tipo Advertencia
- 3: alarma de tipo error
- ACK:
- False: el estado de la alarma aún no ha cambiado a "ACK".
- True: el estado de la alarma ha cambiado de "Inicial" a "ACK".
- Texto de la alarma ¿ES LA DESCRIPCIÓN QUE APARECE EN EL RELOJ Y EN OTRAS TABLAS?
- Texto de ayuda ¿DE DÓNDE SALE, DE LA WIKI?
- Campo asociado: campo exacto que produce el fallo.????
- Posibles soluciones: documentos/imágenes de la Wiki que los usuarios comparten sobre la alarma.
- Título del comentario: navegable ¿a dónde?
- Autor.
- Descripción.
-
Evolución histórica de la alarma muestra una tabla con las alarmas que se han producido en ese dispositivo durante los últimos 7 días.
- Tipo de alarma.
- Hora de inicio.
- Duración.
- Información.
La tabla Evolución histórica de la alarma permite:
- Ordenar la información de sus columnas de forma ascendente o descendente haciendo clic en el título (swap_vert).
- Aplicar filtros para acotar su contenido .
- Exportar los datos a un fichero Excel .
-
Gráfico de la alarma con el número de veces que se ha producido esa alarma en ese dispositivo durante los últimos 7 días.
Para cerrar la ventana de diálogo, hacer clic en la X que aparece en la esquina superior derecha.