...
Elementos y componentes
Cabecera
Logomarca
Elemento de identidad situado en la parte izquierda de la cabecera que mostrará el logomarca de Hércules y el logotipo de la universidad.
Figura: Vista de wireframe de Logomarca
Rótulo principal
...
Será un elemento de rotulado que identificará el módulo activo.
Figura: Vista de wireframe de rótulo principal
Herramientas de usuario
...
Será un listado horizontal de iconos que dará acceso a diversas herramientas del SGI
Figura: Vista de wireframe de Herramientas de usuario
Selector de módulo
...
Elemento de interacción que se situará en el extremo derecho de la cabecera y que dará acceso a la selección de módulos para aquellos roles de usuario que dispongan de varios módulos de gestión asociados.
Figura: Vista de wireframe de selector de módulo
Área de trabajo
Sidenav izquierdo
Menú
...
Figura: Vista de wireframe de sidenav izquierdo
Se contempla un menú vertical que ocupará el sidenav izquierdo. Cada elemento de menú será presentado por un icono, un texto descriptivo de la función/sección y un icono que da acceso a la función de desplegable, mostrando las subfunciones/subsecciones del elemento de menú de primer nivel. El submenú que se despliega tras esta interacción mostrará un listado de subelementos de menú con un texto descriptivo clickable que dará acceso a la subfunción/subsección y un icono de alta de nuevo registro asociado a la entidad relacionada. Las acciones de navegación de este menú cargarán el contenido en el Espacio de trabajo.
Este menú tendrá un comportamiento colapsable cuando en el Espacio de trabajo se cargue una entidad de contenido desde un listado principal, reduciendo el espacio de visualización del Sidenav izquierdo a la presentación del icono. Existirá un comportamiento hover que desplegará el menú completo superponiendo o empujando a la derecha el Espacio de trabajo.
Figura: Vista de wireframe de sidenav izquierdo
Figura: Vista de wireframe de sidenav izquierdo colapsado
...
El Espacio de trabajo se destina a la mostrar la información y a la gestión de entidades a través de listados y formularios. Tentro del área de trabajo se identifican los siguientes componentes:
Breadcrumb
...
Elemento de navegación que permite mostrar al usuario el nivel de profundidad en el que se encuentra dentro de la jerarquía de secciones o pantallas. Cada elemento del breadcrumb será clickable y permitirá navegar a la sección o pantalla correspondiente.
Titulares
...
Figura: Vista de wireframe de breadcrumb
Titulares
El titular es el elemento de texto que identifica la sección o pantalla actual en la que se encuentra el usuario. Se corresponde con el último nivel mostrado en el Breadcrumb.
Figura: Vista de Titular
Menú vertical
Bajo el titular puede existir un componente de navegación vertical presentado en formato de menú desplegable. Este componente posibilitará la navegación entre grupos de campos de una entidad, si su número o complejidad así lo requieren, así como entre listados y entidades dependientes o subrogadas a la entidad principal.
...
Figura: Vista de wireframe de menú vertical
Listados y tablas
...
En el espacio de trabajo se visualizarán listados de registros y tablas. Estos listados podrán presentar los siguientes componentes o funciones:
...
- Casillas multiselección: Casillas de verificación situadas a la izquierda de cada elemento que permitirán realizar una selección múltiple de elementos de listado. En el encabezado del listado/tabla existirá una casilla de verificación que permitirá seleccionar todos los elementos del listado. Con los elementos seleccionados se podrá realizar una acción simultánea a todos los elementos utilizando el desplegable de acciones.
- Desplegable de acciones: Bajo el listado/tabla se podrá mostrar un desplegable que permitirá seleccionar la acción a realizar a todos los elementos seleccionados con las casillas multiselección.
Figura: Vista de wireframe de listado/tabla con buscador
Figura: Vista de wireframe de listado/tabla con los componentes identificados
...