3.4.-Interfaz-de-Usuario.md

+<!-- La interfaz de usuario del sistema GATEL se desarrollará siguiendo las pautas de accesibilidad recogidas en la especificación [WCAG 2.1](https://www.w3.org/WAI/standards-guidelines/wcag/es), asegurando el cumpliendo, como mínimo, del nivel A de las directrices marcadas para cada uno de sus cuatro principios (Perceptible, Operable, Comprensible y Robusto).
+
+ Por otra parte, en la medida en que no sea contrario a lo indicado en el párrafo anterior, se utilizán colores y guías de estilos utilizados en otras aplicaciones corporativas de la Guardia Civil.
+
+En general se utilizarán tonos verdes, y en todo momento estará accesible un menú superior con las secciones que estén disponibles para el usuario que esté conectado según su perfil.
+
+Dado que en este momento no es necesario ni productuvo realizar un detalle de todas y cada una de las pantallas que formarán la aplicación, a continuación se muestran algunas de ellas, que se han considerado más relevantes, de forma que el cliente y los desarrolladores lleguen a un punto de entendimiento sobre cómo será la interfaz.
+
+Las pantallas podrán variar en función del usuario/rol que esté logueado en cada momento.
+
+**Pantalla 1. Listado de Material (modelos)**
+
+Se mostrarán los modelos de material existentes. Las unidades centrales verían una pantalla similar a la siguiente. Los usuarios tipo Agentes, por ejemplo, solamente tendrían acceso al equipamiento que tienen asignado.
+
+![](./img/UI/UI1_Material_Modelos.jpeg)
+
+**Pantalla 2. Listado de Material (equipamiento)**
+En la pestaña Equipamiento se accederá al listado de equipamiento, con indicación de quién lo tiene asignado, entre otra información.
+
+![](./img/UI/UI2_Material_Equipamiento.jpeg)
+
+**Pantalla 3. Listado de Incidencias**
+Las incidencias aparecerán en el apartado correspondiente, pudiendo ser filtradas o buscadas por diferentes criterios. Para una rápida localización de las mismas, se mostrará un código de colores según el estado en que se encuentran.
+También se podrán asignar (las que no estén ya asignadas) pulsando en el botón ASIGNAR.
+![](./img/UI/UI3_Incidencias_Listado.jpeg)
+
+**Pantalla 4. Formulario de alta de incidencia**
+Siguiendo el estilo del resto de la aplicación, los formularios serán accesibles y intuitivos. En este ejemplo se muestra el formulario de alta de incidencias, donde ciertos datos, como el nombre del Agente y la Unidad a la que pertenece aparecen precargados, puesto que es información que ya está en el sistema y es conocida, a partir del usuario que esté conectado.
+![](./img/UI/UI4_Incidencias_Alta.jpeg)
+
+**Pantalla 5. Listado de Unidades y Personal**
+La unidades y personal se obtendrán del sistema _NERHU_ y desde _GATEL_ no se podrán gestionar, sino solmante visualizar. Lo que sí se podrá ver es el material que tiene asignado cada usuario, pulsando en la opción correspondiente.
+![](./img/UI/UI5_Personal.jpeg)
+
+ -->
\ No newline at end of file