Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • PEGASO PEGASO
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 13
    • Issues 13
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Metrics
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • CI/CD
    • Repository
    • Value stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • imunnic
  • PEGASOPEGASO
  • Wiki
  • 3.4. Interfaz de Usuario

3.4. Interfaz de Usuario · Changes

Page history
interfaz subido y alternativas matizadas authored Mar 09, 2024 by JustoDIM46's avatar JustoDIM46
Hide whitespace changes
Inline Side-by-side
Showing with 9 additions and 26 deletions
+9 -26
  • 3.4.-Interfaz-de-Usuario.md 3.4.-Interfaz-de-Usuario.md +9 -26
  • No files found.
3.4.-Interfaz-de-Usuario.md
View page @ 47421e99
<!-- 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).
A continuación se presenta un diseño preliminar de las vistas que podrían resultar más relevantes para el cliente:
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.
### - CRUD de Incidencias:
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.
![Incidencias](./img/UI/SIGINC/Incidencias_Interfaz_PEGASO.jpg)
Las pantallas podrán variar en función del usuario/rol que esté logueado en cada momento.
### - Listado de Cometidos:
**Pantalla 1. Listado de Material (modelos)**
![Cometidos](./img/UI/SIGINC/Lista_Cometidos_Interfaz_PEGASO.jpg)
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.
### - Informe de Cometidos e Incidencias:
![](./img/UI/UI1_Material_Modelos.jpeg)
![Informe](./img/UI/SIGINC/Informe_Interfaz_PEGASO.jpg)
**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.
### - Formularios de alta de nuevas incidencias:
![](./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
![Formularios](./img/UI/SIGINC/Formularios_Interfaz_PEGASO.jpg)
\ No newline at end of file
Clone repository

Home

  1. Especificación y formulación del problema
  2. Estudio de viabilidad del sistema
    2.1 Mind Map
    2.2 Impact Map
    2.3 Estudio de Alternativas
    2.4 Matriz de Cumplimento de funcionalidades
    2.5 Matriz de decisión
    Anexo I
  3. Propuesta de desarrollo
    3.1 Planificación general
    3.2 Diagramas
    3.3 Funcionalidades
    3.4 Interfaz de usuario
    3.5 Producto Mínimo Viable