3.4.-Interfaz-de-Usuario.md

-Sin contenido
+La interfaz de usuario del sistema GATEL será sencilla e intuitiva, utilizando, en la medida de lo posible colores y guías de estilos utilizados en otras aplicaciones corporativas de la Guardia Civil.
\ No newline at end of file
+Se tratará de cumplir con las [recomendaciones del Observatorio de Accesibilad](https://administracionelectronica.gob.es/pae_Home/pae_Estrategias/pae_Accesibilidad/pae_Observatorio_de_Accesibilidad.html), organismo dependiente del Portal de Administración Electrónica del Gobierno de España.
+
+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 cosiderado 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 incidenas aparecerán en el apartado correspondiente, pudiendo ser filtradas o buscadas por diferentes criterios. Para una rápida localizaciónd e 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 estiloi 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)
+