Introducción

Un wireframe es una representación visual que define la estructura y funcionalidad de cada una de las pantallas que se encuentran en una página web. En nuestro caso, hemos desarrollado los wireframes con la tecnología de la página web Balsamiq.

Pantallas

A continuación, se muestran los diferentes wireframes desarrollados para la aplicación.

• Funcionalidad del tutor del centro de estudios para asignar a los alumnos en determinadas empresas.

  

• Subida de ficheros CSV.

  

• Formulario de empresas (Datos del representante legal).

  

• Formulario de empresas (Datos de la empresa).

  

• Formulario de empresas (Datos de la ubicación de la empresa).

  

• Formulario de empresas (Parte de resumen de datos).

  

• Gestión de hojas de seguimiento (Anexo III).

  

• CRUD de empresas registradas.

  

• Modal de detalles dentro del CRUD de empresas registradas.

  

• CRUD de Anexos generados.

  

• Selección de ciclos.

  

• Modal de convenio o acuerdo.

  

• Creación y edición de cuestionarios

• Listar Cuestionarios

• Contestar Cuestionario

• Listar Respuestas

• Gestión de gastos - Vista general (visualización por parte del docente)

• Gestión de gastos - Modal para añadir nuevo alumno con Residencia del alumno = Localidad del centro educativo (visualización por parte del docente)

• Gestión de gastos - Modal para añadir nuevo alumno con Residencia del alumno = Localidad distinta a la del centro educativo (visualización por parte del docente)

• Gestión de gastos - Nuevo ticket de desplazamiento en transporte público (visualización por parte del docente)

• Gestión de gastos - Nuevo ticket de manutención (visualización por parte del docente)

• Gestión de gastos - Pestaña "Desplazamiento" (visualización por parte del alumno)

• Gestión de gastos - Pestaña "Manutención" (visualización por parte del alumno)

• Gestión de gastos - Ventana modal de edición de información del alumno (visualización por parte del alumno)

• Gestión de gastos - Ventana modal para añadir tickets de gastos de manutención (visualización por parte del alumno)