Diagramas de Clases, Secuencia, Patrones de Diseño MVC, Disño de Interfaces de Usuario para Proyecto Gestiń de Ausentismo - Zona Educativa

República Bolivariana de VenezuelaMinisterio del Poder Popular para la Educación Universitaria Ciencia y Tecnología

Universidad Politécnica Territorial del Oeste de Sucre “Clodosbaldo Russián”Programa Nacional de Formación en Informática

Cumaná, estado-Sucre

SISTEMA WEB PARA LA GESTIÓN DE PERMISOS DEL PERSONAL DE LA ZONA EDUCATIVA DEL ESTADO SUCRE

PERIODO 2015-2016/ CUMANÁ ESTADO SUCRE

DIAGRAMA DE CLASESDIAGRAMA DE SECUENCIA

PATRONES DE DISEÑO

OSWALDO HERNÁNDEZ

Diagrama de Clases (propuesta)

Ciclo de Vida de Scrum

Historias de Usuarios

DIAGRAMA DE SECUENCIA (INGRESAR PERMISOS)

DIAGRAMA DE SECUENCIA (INGRESAR PERMISOS)

PATRÓN DE DISEÑO A IMPLEMENTAR

PATRÓN DE DISEÑO A IMPLEMENTAR

Function.ajax.js

Controller.periodo.js services.periodo.php

Bdpermisospostgresql

vista_permisos.html_

Manejo delMenu principal

Invoca cadavista

PATRÓN DE DISEÑO A IMPLEMENTAR

CONTROLADOR

MODELO

VISTA

Al iniciar sesión se Carga

la vista principal(main.php.)

CONTROLADOR PRINCIPAL

Maneja los eventos de la vista principal

(menu,notificaciones..)

CONTROLADOR (JS)

VISTAS

VISTAS Pantalla generada

MODELO (SERVICIOS DE LA BD)

República Bolivariana de VenezuelaMinisterio del Poder Popular para la Educación Universitaria Ciencia y Tecnología

Universidad Politécnica Territorial del Oeste de Sucre “Clodosbaldo Russián”Programa Nacional de Formación en Informática

Cumaná, estado-Sucre

DESARROLLO DE UN SISTEMA WEB PARA LA GESTIÓN DEL AUSENTISMO LABORAL EN LA

ZONA EDUCATIVA DEL ESTADO SUCRE APLICANDO UNA METODOLOGÍA AGIL

TSU OSWALDO HERNÁNDEZ

Documento de Estándares de Interfaz Gráfica|

1.1 ObjetivosEstablecer estándares generales para el diseño de los componentes gráficos en la aplicación a desarrollar.

1.2. AlcanceTodos los módulos en los que se ha dividido el proyecto trabajarán de acuerdo a los estándares establecidos en este documento

2.1 Consideraciones Generales

Información clara: títulos, fecha, hora, mensajes, salidas, botones, colores, iconos.

Validar, informar, mensajes de retroalimentación

Interfaces secuenciales, Diseño web responsive, estilo de campos, enfoque

2.2. Elementos Físicos de la Interfaz de Usuario

2.2.1 Distribución física de los archivos

2.2.2 Recursos utilizados para la construcción de la interfaz de usuario

2.2.5 Diseño de la Plantilla AdminLTE.

2.2.5 Diseño de la Plantilla AdminLTE.

2.3.1. Estructura de la Ventana Inicial

2.3.2. Estructura de las Pantallas Funcionales o de Procesamiento

2.3.2. Estructura de las Pantallas Funcionales o de Procesamiento

2.3.2.1 Ventanas de Historial

2.3.2.2 Ventanas de Registro

2.3.3.1 Notificaciones de Acciones

2.3.3.2 Mensajes de Confirmación

2.3.4. Fuentes y ColoresColor de fondo de la plantilla

2.3.4. Fuentes y ColoresColores utilizados en los botones de acción

Estructura de Navegación según los roles de usuarios

Pantalla Inicial del Sistema

Inicio de Sesión

Pantalla Principal del Sistema

Ventana de Historial

Ventana de Registro

Ventana de Cambio de Contraseña de Usuario

Ventana de Gestionar Usuarios