Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • demeter demeter
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 9
    • Issues 9
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • 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
  • Manuel de Blas
  • demeterdemeter
  • Wiki
    • 3.ers
  • 3.4 Diseño de la Interfaz de Usuario

3.4 Diseño de la Interfaz de Usuario · Changes

Page history
. authored Oct 30, 2025 by Manuel de Blas Pino's avatar Manuel de Blas Pino
Show whitespace changes
Inline Side-by-side
Showing with 31 additions and 0 deletions
+31 -0
  • 3.ers/3.4-Diseño-de-la-Interfaz-de-Usuario.md 3.ers/3.4-Diseño-de-la-Interfaz-de-Usuario.md +31 -0
  • No files found.
3.ers/3.4-Diseño-de-la-Interfaz-de-Usuario.md 0 → 100644
View page @ d5a9cdd8
A continuación se muestra el primer diseño realizado de varias pantallas de la interfaz de usuario de la aplicación Deméter.
### Pantalla inicial de una UCO
Se permite a una UCO crear una nueva solicitud o solicitar la modificación de una existente.
![Interfaz Inicio](/img/activaciones/interfaz-inicio.png)
### Solicitud de una nueva solicitud
Se rellenan los campos relativos a la solicitud incluyendo un buscador de reservistas y la modalidad de la activación.
![Interfaz nueva solicitud 1](/img/activaciones/interfaz-nueva-solicitud1.png)
![Interfaz nueva solicitud 2](/img/activaciones/interfaz-nueva-solicitud2.png)
### Solicitudes de activación
La SECRES del MAPER recibe las solicitudes y puede consultarlas, aprobarlas o cancelarlas.
![Interfaz listado solicitudes para aprobar](/img/activaciones/intefaz-solicitudes-activacion.png)
### Listado solicitudes en un expediente
Se pueden observar las solicitudes que se añadirán a un expediente para su posterior publicación en el BOD.
![Interfaz listado solicitudes en expediente](/img/activaciones/Figura1.png)
## Guía de estilo del CESTIC
Tras la finalización del Sprint 1, se estableció que la guía de estilo que se debía de utilizar era la guía de estilo establecida por el CESTIC para el desarrollo de aplicaciones. La citada guía está disponible a través de INTRANET en el repositorio oficial del CESTIC.
Clone repository
  1. Especificación y formulación del problema
    1. Introducción
    2. Definición del problema
    3. Descripción del proceso actual
    4. Actores
    5. Alcance y limitaciones
    6. Analistas
  2. Estudio de Viabilidad del Sistema (EVS)
    1. Mind Map
    2. Impact Map
    3. Alternativas
      1. Sage HR
      2. OrangeHRM
      3. Deméter
      4. Matriz de decisión
  3. Especificación de Requisitos del Sistema (ERS)
    1. Planificación
    2. Historias de Usuario
    3. Product Backlog
    4. Diseño de la Interfaz de Usuario
    5. Diagramas
  4. Definición del MVP
  5. Sprint 1
    1. Sprint Planning
    2. Sprint Review
    3. Sprint Retrospective
  6. Sprint 2
    1. Sprint Planning
    2. Plan de pruebas
    3. Sprint Review
    4. Sprint Retrospective
  7. Sprint 3
    1. Sprint Planning
    2. Sprint Review
    3. Sprint Retrospective
  8. Sprint 4
    1. Sprint Planning
    2. Plan de pruebas
    3. Sprint Review
    4. Sprint Restrospective
  9. Sprint 5
    1. Sprint Planning
    2. Sprint Review
    3. Sprint Retrospective
  10. Manual de desarrollador
    1. Guía de instalación
    2. Estructura del backend
    3. Estructura del frontend
  11. Acrónimos y siglas
  12. Referencias