Top Banner
i INSTITUTO TECNOLÓGICO SUPERIOR “NUESTRA SEÑORA DEL ROSARIO” ANÁLISIS DE SISTEMAS INGENIERÍA DEL SOFTWARE TEMA ANÁLISIS, DISEÑO Y DESARROLLO DE UN SISTEMA QUE PERMITA AUTOMATIZAR LOS PROCESOS DE SEGUIMIENTO DE EGRESADOS Y GRADUADOS MEDIANTE UN APLICACIÓN WEB, EN EL INSTITUTO TECNOLÓGICO SUPERIOR “NUESTRA SEÑORA DEL ROSARIO DURANTE EL CICLO ACADÉMICO ABRIL- AGOSTO 2016” AUTORA Jara Velásquez Germania Noemí DOCENTE. Tlgo. Tillaguango Luis Catamayo Loja Ecuador 2015 2016
40

Germania jara

Jan 09, 2017

Download

Education

Germania Jara
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Germania jara

i

INSTITUTO TECNOLÓGICO SUPERIOR

“NUESTRA SEÑORA DEL ROSARIO”

ANÁLISIS DE SISTEMAS

INGENIERÍA DEL SOFTWARE

TEMA

“ANÁLISIS, DISEÑO Y DESARROLLO DE UN SISTEMA QUE PERMITA

AUTOMATIZAR LOS PROCESOS DE SEGUIMIENTO DE EGRESADOS Y

GRADUADOS MEDIANTE UN APLICACIÓN WEB, EN EL INSTITUTO

TECNOLÓGICO SUPERIOR “NUESTRA SEÑORA DEL ROSARIO

DURANTE EL CICLO ACADÉMICO ABRIL- AGOSTO 2016”

AUTORA

Jara Velásquez Germania Noemí

DOCENTE.

Tlgo. Tillaguango Luis

Catamayo – Loja – Ecuador

2015 – 2016

Page 2: Germania jara

ii

Certificación

Tlgo.

Luis Tillaguango

DIRECTOR DEL PROYECTO

CERTIFICA:

Haber revisado el siguiente proyecto de fin de ciclo, que se ajusta a las normas

establecidas de elaboración de proyectos, para la culminación del fin de ciclo

en Análisis de Sistemas del instituto Tecnológico Superior “Nuestra Señora

del Rosario”, del cantón Catamayo por tal razón, autorizo su presentación.

Catamayo, 28 de agosto del 2016

___________________

Tlgo. Luis Tillaguango

DIRECTOR DEL PROYECTO

Page 3: Germania jara

iii

Autoría

El proyecto de fin de ciclo titulado “ANÁLISIS, DISEÑO Y DESARROLLO DE

UN SISTEMA INFORMÁTICO QUE PERMITA AUTOMATIZAR LOS

PROCESOS DE SEGUIMIENTO DE EGRESADOS Y GRADUADOS

MEDIANTE UN APLICACIÓN WEB, EN EL INSTITUTO TECNOLÓGICO

SUPERIOR “NUESTRA SEÑORA DEL ROSARIO”, UBICADO EN EL

CANTÓN CATAMAYO PERTENECIENTE A LA PROVINCIA DE LOJA,

DURANTE EL CICLO ACADÉMICO ABRIL- AGOSTO 2016”, ha sido

desarrollado por Germania Noemí Jara Velásquez con C.I 1105808628. Es

absolutamente original, autentico y personal en virtud, el contenido, efectos

legales y académicos que se desprenden del mismo es exclusividad de la

autora

Germania Noemí Jara Velásquez

Page 4: Germania jara

iv

Resumen

El presente trabajo trata sobre el análisis, diseño y desarrollo de un sistema

informático que permita automatizar los procesos de seguimiento de

egresados y graduados mediante un aplicación web, en el Instituto

Tecnológico Superior “Nuestra Señora del Rosario”, ubicado en el cantón

Catamayo perteneciente a la provincia de Loja, durante el ciclo académico

abril- agosto 2016

En el primer capítulo se presenta el problema, objetivo, requerimientos del

sistema, diagrama de actividades, modelo de dominio, diagrama de clases

inicial. En el segundo capítulo se investiga sobre el modelo que se va a

utilizar, diseño preliminar, metodología, arquitectura y el estilo.

En el tercero capítulo corresponde al desarrollo del proyecto donde

comprende lo siguiente: herramientas, diagrama de robustez, secuencia,

estado, paquetes y de distribución.

El cuarto capítulo contiene todo lo referente a la implementación como: el

prototipo del sistema, código, pruebas, manuales, ayuda y documentación.

Page 5: Germania jara

1

Introducción

El desarrollo de la tecnología, conduce a empresas y organizaciones a contar

con sistemas informáticos que permitan mejorar la gestión de los procesos,

por tal razón los procesos tradicionales cambian y permiten poner la

información relevante a disposición de las empresas.

El presente trabajo de investigación se centra en el control del proceso de

seguimiento de egresados y graduados del Instituto Tecnológico Superior

“Nuestra Señora del Rosario”, donde se ha podido evidenciar que en la

actualidad el proceso se realiza en una aplicación de escritorio, causando

problemas el momento en que el estudiante desea tener información

académica o como también para realizar sugerencias, causando un problema

porque se tiene que acudir al instituto teniendo pérdida de tiempo.

Ante los problemas mencionados, se planteó realizar el análisis, diseño y

desarrollo de un sistema informático.

Page 6: Germania jara

2

CAPÍTULO I

1 Datos del proyecto

1.1 Problema

En la actualidad a nivel internacional los sistemas de seguimiento de

egresados y graduados tienen una importancia, ya que a los estudiantes

que han salido de la institución puedan tener contactos con la misma, sin

necesidad de acudir a la misma por la razón que son aplicaciones web y

pueden tener acceso a la misma en cualquier lugar y hora.

En el Ecuador los sistemas de seguimiento de egresados y graduados,

se han implementado en varias universidades e institutos tecnológicos los

mismos dan un aporte muy significativo para la sociedad que se educa en

las mismas.

El instituto tecnológico superior “Nuestra Señora del Rosario” del cantón

Catamayo perteneciente a la provincia de Loja, en la actualidad cuenta

con dos carreras educativas que son análisis en sistemas y contabilidad

y auditoría, la institución cuenta con un sistema de escritorio para el

seguimiento de egresados y graduados, causado problemas al

estudiante que debe acudir a la institución para registrar datos de su

entorno profesional, social, al igual que las vivencias.

Ante lo mencionado se plantea lo siguiente “Análisis, diseño y desarrollo

de un sistema que permita automatizar los procesos de seguimiento de

egresados y graduados mediante un sistema web, en el instituto

tecnológico superior “Nuestra Señora del Rosario” durante el ciclo

académico abril- agosto 2016”

Page 7: Germania jara

3

1.2 Objetivo

Analizar, diseñar y desarrollar un sistema informático que permita

automatizar los procesos de seguimiento de egresados y graduados

mediante un app web, en el instituto tecnológico superior “nuestra señora

del rosario durante el ciclo académico abril- agosto 2016”

1.3 Requerimientos

1.3.1 Requerimientos funcionales

REQUERIMIENTO DESCRIPCIÓN

RF01 Control de acceso según el tipo usuario al sistema

RF02 Registrar, modificar eliminar usuarios en calidad de estudiantes.

RF03 Al administrador registrar, modificar eliminar usuarios en calidad de secretaria.

RF04 Al administrador o secretaria registrar, modificar eliminar usuarios en calidad de directores de proyectos.

RF05 Al administrador o secretaria registrar, modificar eliminar usuarios en calidad de directores de proyectos.

RF06 Reportes de directores de proyectos

RF07 Reportes de graduados por promociones

RF08 Reportes del campo laboral del graduado

RF9 Reportes de egresados por periodo

RF10 Reportes del campo laboral del egresado

RF11 Al egresado o graduado dar sugerencias

1.3.2 Requerimientos no funcionales

Seguridad

RNF01 Encriptación de claves de acceso

RNF02 El sistema contará con un administrador de usuarios

RNF03 El sistema contará con un control de acceso

Portabilidad

RNF01 Sistema orientado a la web

Page 8: Germania jara

4

Mantenibilidad

RNF01 La actualización de la base de datos será cada tres meses

RNF02 Respaldo de los datos

Page 9: Germania jara

5

1.4 Diagrama de actividades

Grafico 1 Diagrama de actividades

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

act Diagrama de activ idades

Estudiante Usuario Miembros del jurado

InicioDeActividad

Acudir a pedir un cupo

Pedir requisitosOtorgar los requisitos

Verifica la fecha de matricula

FinalDeActividad

si

no

Pedir datosOtrogar datos

Registrar datos

Hacer firmar la constacia de la

matriculaFirmar

Asistir a clases en la

fecha correspondiente

Cumplir los 6 ciclos y las

pasantíasVerificar

Egresado

si

no

Presentar en proyecto de

titulación

Defender su proyecto

nota >= 7,50

Graduado

Registrar notano

si

Calificar su defensa

Entregar informeRecibir informe

FinalDeActividad

Page 10: Germania jara

6

1.5 Modelo de dominio

Grafico 2 Diagrama de dominio

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

1.6 Diagrama de clases inicial

Grafico 3 Diagrama de clases

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

class Diagrama de clases

Usuario

+ idusuario: int

+ idcuenta_usuario: int

+ Registar() : void

+ Buscar() : void

+ Modificar() : void

Cuenta_usuario

+ idcuenta_usuario: int

+ tipo: char

+ usuario: char

+ contraseña: char

+ Registrar() : void

+ Buscar() : void

+ Modificar() : void

Estudiante

+ idestudiante: int

+ iddatos_academicos: int

+ idsugerencia: int

+ iddatos_trabajo: int

+ Registrar() : void

+ Buscar() : void

+ Modificar() : void

Director_proyecto

+ iddirector_proyecto: int

+ Registrar() : void

+ Buscar() : void

+ Modificar() : void

Sugerencia

+ idsugerencia: int

+ Detalle: char

+ Registrar() : void

+ Buscar() : void

+ Modificar() : void

Datos_academicos

+ iddatos_academicos: int

+ fecha_egresado: char

+ nota_egresado: double

+ fecha_graduado: char

+ nota_graduado: char

+ numero_acta_grado: int

+ pasantias: char

+ Registrar() : void

+ Buscar() : void

+ Modificar() : void

Datos_trabajo

+ iddatos_trabajo: int

+ nombre_institucion: char

+ cargo_desempeña: char

+ telefono_institucion: char

+ direccion_institucion: char

+ fecha_ingreso: char

+ Registrar() : void

+ Buscar() : void

+ Modificar() : voidtiene

es una

es una

es una

realiza

tiene

tiene

tiene

Persona

+ idpersona: int

+ nombres: char

+ apellidos: char

+ cedula: int

+ direccion: char

+ genero: char

+ fecha_nacimiento: char

+ edad: int

1 1..*

11..*

1

1..*

1

1..*

1

1..*

class Diagrama de dominio

Usuario

Cuenta_usuario

Estudiante

Director_proyecto

Sugerencia

es una

es una

es una

realiza

tiene

Persona

tiene1

1..*

11..*

1

1..*

Page 11: Germania jara

7

Responsable: Germania Noemí Jara Velásquez

CAPÍTULO II

2. Ciclo de vida del proyecto

2.1 Modelo

2.1.1 Modelo de cascada

Es el enfoque metodológico que ordena rigurosamente las etapas del ciclo de

vida del software, de tal forma que el inicio de cada etapa debe esperar a la

finalización de la inmediatamente anterior.

Fases

Análisis: Necesidades del usuario → especificaciones

Diseño: Descomposición en elementos que puedan desarrollarse por

separado → especificaciones de cada elemento

Implementación : Programación de cada elemento por separado

Pruebas: Se juntan los elementos y se prueba el sistema completo

Mantenimiento: Cambios ocasionales (errores o mejoras)

Fig. 1 Fases del modelo cascada

Ventajas

* La cantidad de recursos necesarios para implementar este modelo es mínimo.

* Una gran ventaja del modelo de cascada es que la documentación se produce en cada etapa del desarrollo del modelo de cascada. Esto hace que la comprensión del producto diseñar procedimiento más sencillo.

* Después de cada etapa importante de la codificación de software, las pruebas se realizan para comprobar el correcto funcionamiento del código.

Page 12: Germania jara

8

Desventajas

* No se puede volver atrás, si la fase de diseño ha ido mal, las cosas pueden ser muy complicado en la fase de ejecución.

* Los Muchas veces, sucede que el cliente no es muy clara de lo que exactamente quiere del software. Cualquier cambio que se menciona en el medio puede causar mucha confusión.

* Los pequeños cambios o errores que surgen en el software completo puede causar mucho problema.

2.2 Diseño preliminar

Fig. 2 Ventana login

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

Fig. 3 Ventana Principal

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

Page 13: Germania jara

9

Fig. 4 Ventana de registro de tutores

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

Fig. 5 Ventana de registro de datos personales del estudiante

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

Page 14: Germania jara

10

Fig. 6 Ventana de registro de datos del trabajo del estudiante

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

Fig. 7 Ventana de registro de datos académicos del estudiante

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

Page 15: Germania jara

11

2.3 Metodología

2.3.1 Metodología RUP

RUP es un software moderno es complejo y novedoso. Un proceso iterativo

permite una comprensión creciente de los requerimientos a la vez que se va

haciendo crecer el sistema. RUP sigue un modelo iterativo que aborda las

tareas más riesgosas primero. Con esto se logra reducirlos riesgos del

proyecto y tener un subsistema ejecutable tempranamente.

Características

Es iterativo e incremental y está basada mucho en los casos de uso, también

verifica de manera seguida la calidad del software y administrar los requisitos.

Fases

Inicio (Define el alcance del proyecto)

Elaboración (definición, análisis, diseño)

Construcción (implementación)

Transición (fin del proyecto y puesta en producción)

Fig. 8 Fases de la metodología RUP

Ventajas:

* Requiere de conocimientos del proceso y de UML

* Progreso visible en las etapas tempranas

* El uso de iteraciones

* Evaluación de riesgos en lugar de descubrir en la integración final del

sistema

Page 16: Germania jara

12

* Facilita la reutilización del código

Desventajas:

* Por el grado de complejidad puede no resultar no muy adecuado

* Mal aplicado en el estilo cascada

2.4 Arquitectura

La arquitectura de un sistema es el diseño o conjunto de relaciones entre las

partes que constituyen un sistema.

Fig. 9 Arquitectura de un sistema web

2.5 Estilo

2.5.1 Estilo arquitectónico de tres niveles (capas)

El objetivo de la arquitectura de tres niveles es el de separar los programas

de aplicación de la base de datos física.

Nivel interno: Tiene un esquema interno que describe la estructura física de

almacenamiento de base de datos. Emplea un modelo físico de datos y los

Únicos datos que existen están realmente en este nivel.

Nivel conceptual: tiene esquema conceptual. Describe la estructura de toda

la base de datos para una comunidad de usuarios. Oculta los detalles físicos

de almacenamiento y trabaja con elementos lógicos como entidades, atributos

y relaciones.

Page 17: Germania jara

13

Nivel externo o de vistas: tiene varios esquemas externos o vistas de

usuario. Cada esquema describe la visión que tiene de la base de datos a un

grupo de usuarios, ocultando el resto.

Fig. 10 Estilo a tres niveles o capas

Page 18: Germania jara

14

CAPÍTULO III

3 Desarrollo del proyecto

3.1 Diagrama y descripción del caso de uso

Fig. 11 Jerarquía de usuario

Responsable: Germania Noemí Jara Velásquez

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

3.1.1 Diagrama de casos de uso: General

Fig. 12 Diagrama de casos de uso: General

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

uc Jerarquia de usuario

Usuario

Administrador Secretaria Estudiante

uc Diagrama de casos de uso

Administrador

Inicior desesión Validar datos

Administrar usuario

Crear cuenta

Administrar

estudiante

Administrar

sugerencia

Registrar

Buscar

Modificar

Registrar

Modificar

Buscar

Registrar

Buscar

Modificar

Eliminar

Administrar

Tutor

Registrar

Buscar

Modificar

Secreataria

Estudiante

«extend»

«include»

«include»

«extend»

«extend»

«extend»

«extend»

«extend»

«extend»

«extend»

«include»

«extend»

«include»

«include»

«include»

Page 19: Germania jara

15

DESCRIPCIÓN DEL CASO DE USO

Código 01

Caso de uso General

Autores Administrador, secretaria, estudiante

Precondiciones El usuario da clic en el icono de la aplicación.

Flujo de Eventos

Básico

El usuario da clic en el menú administrador se le despliega las opciones cuentas de usuario da clic, luego podrá observar los usuarios guardados en la base de datos podrá realizar búsquedas por apellido y cédula de usuario. Registrar nuevo usuario: Da clic en registrar, se representa una pantalla y da clic en nuevo el sistema le desbloquea las cajas de texto, el usuario llena los campos el sistema valida campos llenos, valida que el número de cédula no se repita y que sea correcto. Registrar: El usuario da clic en la opción “Guardar” Si cada dato es correcto el sistema registrar el usuario en la respectiva tabla de la base de datos mostrando un mensaje que dice “Datos Guardados Correctamente” y carga los nuevos datos en la tabla de usuario. Registrar Egresado: Dar clic en registrar egresado el sistema muestra los egresados que se encuentran registrados y al momento de dar clic en nuevo se habilitaran las cajas de texto para llenar los datos correspondientes, así mismo se validaran que las mismas estén llenas y que el campo de cedula sea correcto, posteriormente se deberá dar clic en guardar y el sistema emitirá un mensaje de guardado exitoso. Registrar Graduado: Dar clic en registrar graduado el sistema muestra los graduados que se encuentran registrados y al momento de dar clic en nuevo se habilitaran las cajas de texto para llenar los datos correspondientes, así mismo se validaran que las mismas estén llenas y que el campo de cedula sea correcto, posteriormente se deberá dar clic en guardar y el sistema emitirá un mensaje de guardado exitoso. Registrar director proyecto: Dar clic en registrar director de proyecto el sistema muestra los tutores que se encuentran registrados y al momento de dar clic en nuevo se habilitaran las cajas de texto para llenar los datos correspondientes, así mismo se validaran que las mismas estén llenas y que el campo de

Tabla N1. Descripción del caso de uso

Page 20: Germania jara

16

3.2 Herramientas

Para el desarrollo de la aplicación son las siguientes: para el modelado de

diagramas se utiliza Enterprise architec, para la realización de la base de

datos Mysql Worbeanch, para la realización del prototipo de las ventanas es

netbeans, un servidor, dominio, navegador y para el diseño gráfico Photoshop.

cedula sea correcto, posteriormente se deberá dar clic en guardar y el sistema emitirá un mensaje de guardado exitoso. Receptar sugerencias: El administrador se dirigirá al menú de administrador y dará clic en sugerencias el sistema presentaras las sugerencias en orden de llegada con los datos relevantes de quien emite la sugerencia. Operaciones que realiza el usuario: buscar,

modificar y eliminar

Alternativo

Datos Inválidos: El sistema muestra

mensaje de error y mostrara el campo que

contiene el error.

Pos condiciones

El usuario podrá hacer uso de la aplicación

Page 21: Germania jara

17

3.3 Diagrama de robustez

Fig. 13 Diagrama de robustez: General

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

custom Ro

AdministradorInicio de sesión

Aceptar

Principal

Validar datos

nosi

Administrar usuario

Administrar estudiante Administrar tutor

Administrar sugerencia

Crear cuenta usuario

Registrar

Buscar Modificar

Usuario

EliminarSugerencia

RegistrarBuscar

Modificar

Tutor

Buscar usuario

Registrar

Buscar

Modificar

Usuario

Registrar Buscar

ModificarEstudiante

Page 22: Germania jara

18

3.4 Diagrama de secuencia

Fig. 14 Diagrama de robustez: General

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

sd sec

Administrador

Inicio de sesión Validar datos Principal Administrar

usuario

Crear cuenta

usuario

Administrar

estudiante

Administrar tutor Administrar

sugerencia

Base de datos

Registrar

Buscar

Modificar

Registrar

Buscar usuario

Buscar

Modificar

Registrar

Buscar

Modificar

Registrar

Buscar

Modificar

Registrar

Buscar

Modificar

Ingresar datos

Enviar datos

Datos

incorrectosDatos correctos

Enviar datos

Mensaje de

confirmación

Enviar datos

Mensaje de

confirmación

Enviar datos

Mensaje de

confirmación

Enviar datos

Mensaje de

confirmación

Enviar datos

Mensaje de

confirmación

Enviar datos

Mensaje

deconfirmación

Enviar datos

Mensaje de

confirmación

Enviar datos

Mensaje de

confirmación

Enviar datos

Mensaje de

confirmación

Enviar datos

Mensaje de

confirmación

Enviar datos

Mensaje de

confirmación

Enviar datos

Mensaje de

confirmación

Enviar datos

Mensaje de

confirmación

Page 23: Germania jara

19

3.5 Diagrama de estado

Fig. 15 Diagrama de estado

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

3.6 Diagrama de paquetes

Fig. 16 Diagrama de paquetes

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

stm estado

Inicial

constar el la base de

datos del instituto

Verificar si a cumplido

con los seis ciclos

Verificar si a cumplido

con las pasantíasEgresado Graduado

Final

pkg Paquetes

SeguimientoEG

Administrador Secretaria

Reportes

Inicio de

sesión

Inicio de

sesiónAdministrar

usuarioCrear cuenta

Administrar

tutorAdministrar

estudiante

Administrar

sugerencia

Administrar

tutor

Administrar

estudianteAdministrar

sugerencia

EstudiantesUsuariosDirector de

proyecto

Page 24: Germania jara

20

3.7 Diagrama de distribución

Fig. 17 Diagrama de distribución

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

deployment Diagrama de distribucion

«device»

SeguimientoE-G

«device»

Serv idor

Usuario

«device»

Internet

«device»

Base de datos

«device»

Tomcat

«device»

JSP

«device»

Nav egador

«device»

Impresora

«device»

Computadora

Page 25: Germania jara

21

CAPÍTULO IV

4 Implementación

4.1 Prototipo

Fig. 18 Ventana login

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

Fig. 19 Ventana Principal

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

Page 26: Germania jara

22

Fig. 20 Ventana de registro de tutores

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

Fig. 21 Ventana de registro de datos personales del estudiante

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

Page 27: Germania jara

23

Fig. 22 Ventana de registro de datos del trabajo del estudiante

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

Fig. 23 Ventana de registro de datos académicos del estudiante

Fuente: Instituto Tecnológico Superior ¨Nuestra Señora Del Rosario¨

Responsable: Germania Noemí Jara Velásquez

Page 28: Germania jara

24

4.2 Código

Inicio de sesión

Principal

<table>

<center>

<div id="header">

<ul class="nav">

<li><a href="Administrador.jsp">INICIO</a>

</li>

<li><a href="#">REGISTRO DE INFORMACIÓN</a>

<ul>

<li><a href="Ver_Tutor.jsp">DIRECTOR DE PROYECTOS</a></li>

<li><a href="Matriz_general.jsp">ESTUDIANTE</a></li>

</ul>

</li>

<li><a href="#">REPORTES</a>

<ul>

<li><a href="datosEstu.jsp">Egresados</a></li>

<li><a href="#">Graduados</a></li>

<li><a href="#">Director Proyectos</a></li>

<li><a href="#">Usuarios</a></li>

<li><a href="#">Datos de Trabajo Egresados</a></li>

<li><a href="#">Datos de Trabajo Graduados</a></li>

</ul>

</li>

<li><a href="#">ADMINISTRADOR</a>

<ul>

<li><a href="ver_usuarios.jsp">Usuarios</a></li>

<li><a href="#">Respaldo Base de Datos</a></li>

</ul>

</li>

<li><a href="#">SUGERENCIAS</a>

<ul>

<li><a href="sugerenciasAd.jsp">Ver Sugerencias</a></li>

</ul>

</li>

Page 29: Germania jara

25

<li><a href="#">AYUDA</a>

</li>

<li><a href="#">ACERCA DE</a>

</li>

<li><a href="Login.jsp">SALIR</a>

</li>

</ul>

</center>

</nav>

</table>

</br>

Registro de tutores

<center> <table > <table width="500" border="0" align="center"><tr>

<td colspan="2" align="center"><div class="title">REGISTRAR DATOS DE

TUTORES</div></td>

</tr>

<tr>

<td width="11">Nombres</td>

<td width="154"><label>

<input name="nombre" type="text" >

</label></td>

</tr>

<tr>

<td width="111">Apellidos</td>

<td width="154"><label>

<input name="apellido" type="text" >

</label></td>

</tr>

<tr>

<td>Cedula</td>

<td><label>

<input name="cedula" type="text" >

</label></td>

</tr>

<tr>

<td width="111">Fecha nacimiento</td>

<td width="154"><label>

<input name="fecha" type="text" >

</label></td>

</tr>

<tr>

<td width="111">Especialidad</td>

<td width="154"><select name="especialidad" id ="combo">

<option value ="0" > Seleccione..</option>

<option value="Analisis" >Analisis de Sistemas</option>

<option value="Contabilidad" >Contabilidad y Auditoria</option>

</select></td>

</tr>

<tr>

<td width="111">Telefono</td>

<td width="154"><label>

<input name="telefono" type="text" >

</label></td>

</tr>

Page 30: Germania jara

26

<tr>

<td width="111">Celular</td>

<td width="154"><label>

<input name="celular" type="text" >

</label></td>

</tr>

<tr>

<td width="111">Sexo</td>

<td width="154"><select name="sexo" id ="combo">

<option value ="0" > Seleccione..</option>

<option value="Masculino" >Masculino</option>

<option value="Femenino" >Femenino</option>

</select></td>

</tr>

<tr>

<td width="111">Direccion</td>

<td width="154"><label>

<input name="direccion" type="text" >

</label></td>

</tr>

<tr>

<td width="111">Provincia</td>

<td width="154"><label>

<input name="provincia" type="text" >

</label></td>

</tr>

<tr>

<td width="111">Edad</td>

<td width="154"><label>

<input name="edad" type="text" >

</label></td>

</tr>

<tr>

<td width="111">Correo</td>

<td width="154"><label>

<input name="correo" type="text" >

</label></td>

</tr>

</table>

<center><table >

Registrar datos personales del estudiante

try (PrintWriter out = response.getWriter()) {

boolean existe=false;

String nombre= request.getParameter("nombre");

String apellido= request.getParameter("apellido");

String cedula = request.getParameter("cedula");

String edad = request.getParameter("edad");

String estado_civil= request.getParameter("estado");

String direccion= request.getParameter("direccion");

String telefono= request.getParameter("telefono");

String celular=request.getParameter("celular");

String correo =request.getParameter("correo");

String sexo=request.getParameter("sexo");

String provincia = request.getParameter("provincia");

String pais = request.getParameter("pais");

try {

Page 31: Germania jara

27

conexion c=new conexion();

Connection con=c.Conexion();

PreparedStatement pst= con.prepareStatement("INSERT INTO

datos_personales

(nombre,apellido,cedula,edad,estado_civil,direccion,telefono,celular

,correo,sexo,provincia,pais)VALUES (?,?,?,?,?,?,?,?,?,?,?,?)");

pst.setString(1, nombre);

pst.setString(2, apellido);

pst.setString(3, cedula);

pst.setString(4, edad);

pst.setString(5, estado_civil);

pst.setString(6, direccion);

pst.setString(7, telefono);

pst.setString(8, celular);

pst.setString(9, correo);

pst.setString(10, sexo);

pst.setString(11, provincia);

pst.setString(12, pais);

pst.execute();

existe=true;

JOptionPane.showMessageDialog(null, "Registro Exitoso:");

request.getRequestDispatcher("Ver_Personales.jsp").forward(request, response);

}catch (SQLException ex){

ex.printStackTrace();

}

if(existe==true){

request.getRequestDispatcher("Ver_Personales.jsp").forward(request,

response);

}else{

}

Registrar datos académicos

<center>

<form action="guardar_Academicos" method="post">

<br><br>

<table width="500" border="0" align="center">

<tr>

<td colspan="2" align="center"><div class="title">REGISTRO DE DATOS

ACADEMICOS</div></td>

</tr>

<tr>

<td width="11">Nombres</td>

<td width="154"><label>

<input name="nombre" type="text" class="m">

</label></td>

</tr>

<tr>

<td width="111">Apellidos</td>

<td width="154"><label>

<input name="apellido" type="text" class="m">

</label></td>

Page 32: Germania jara

28

</tr>

<tr>

<td>Cedula</td>

<td><label>

<input name="cedula" type="text" >

</label></td>

</tr>

<tr>

<td width="111">Fecha Egresado</td>

<td width="154"><label>

<input name="fechaE" type="text" >

</label></td>

</tr>

<tr>

<td width="111">Nota Egresado</td>

<td width="154"><label>

<input name="notaE" type="text" >

</label></td>

</tr>

<tr>

<td width="111">Nota Graduado</td>

<td width="154"><label>

<input name="notaG" type="text" >

</label></td>

</tr>

<tr>

<td width="111">Fecha Graduacion</td>

<td width="154"><label>

<input name="fechaG" type="text" >

</label></td>

</tr>

<tr>

<td width="111">Numero de acta de grado</td>

<td width="154"><label>

<input name="acta" type="text" >

</label></td>

</tr>

<tr>

<td width="111">Tema</td>

<td width="154"><label>

<input name="tema" type="text" class="m">

</label></td>

</tr>

<tr>

<td width="111">Promocion</td>

<td width="154"><label>

<input name="promocion" type="text" class="m">

</label></td>

</tr>

<tr>

<td width="111">Especialidad</td>

<td width="154"><select name="especialidad" id ="combo">

<option value ="0" > SELECCIONAR</option>

<option value="ANALISIS" >ANÁLISIS DE SISTEMAS</option>

<option value="CONTABILIDAD" >CONTABILIDAD Y AUDITORÍA</option>

</select></td>

</tr>

Page 33: Germania jara

29

<tr>

<td width="111">Estado</td>

<td width="154"><select name="estado" id ="combo">

<option value ="0" > SELECCIONAR</option>

<option value="EGRESADO" >EGRESADO</option>

<option value="GRADUADO" >GRADUADO</option>

</select></td>

</tr>

<tr>

<p> <td width ="111">Tutor</td>

<td width ="154"><select name ="tutor" id ="combo">

<option value = "0">SELECCIONAR</option>

<%

int x = 0;

List <Cls_Tutores> distribuidor = Consulta.MostrarTutor();

for(x=0; x<distribuidor.size(); x++){

%>

<option value="<%= distribuidor.get(x).getNombre()%>">

<%= distribuidor.get(x).getNombre()%>

<%

}

%>

</select></td></p>

</tr>

4.3 Pruebas

Tabla 1 Pruebas del sistema

sistema Detalle Observación

Inicio de sesión Factible

Menú principal Factible

Registro de datos personales del estudiante

Factible

Registro de datos académicos

Factible

Registro de datos de trabajo

Factible

Validación de datos No factible No está validando la cedula

Control de campos vacíos

No factible No está controlando

Base de datos Detalle Observación

Guardar datos Factible

Buscar datos Factible

Modificar datos Factible

Eliminar sugerencias Factible

Page 34: Germania jara

30

4.4 Manuales

4.4.1 Manual de usuario

Descripción de los botones.

Botón Nuevo: Se lo utiliza para redireccinar a una ventana de

registro.

Botón Guardar: Se lo utiliza para crear un nuevo registro

(estudiante, director de proyecto, datos de trabajo, datos

academicos y usuarios del sistema).

Botón Buscar: Se lo utiliza para buscar en la base de datos

según el tipo de busqueda que quiera realizar se encuentran

en las matrices.

Botón Modificar: Se lo utiliza para modificar un registro

(estudiante, director de proyecto, datos de trabajo, datos

academicos y usuarios del sistema)..

Botón Salir: Se lo utiliza para salir de un formulario.

Botón Enviar:Se lo utiliza para enviar sugerencias.

Boton Ingresar: Esta ubicado en la pantalla de logeo para

ingresar al sistema.

INICIO DE SESIÓN Para el ingreso del sistema se encuentra el login donde se ingresa el usuario y contraseña, posteriormente se da clic en ingresar, y el sistema autentificará y procederá a validar si es correcto ingresa, sino tendrá que volver a ingresar el respectivo usuario y contraseña.

Page 35: Germania jara

31

Si la contraseña es correcta se presenta la pantalla principal dependiendo el

tipo de usuario.

Caso contrario se presentará la siguiente pantalla.

El usuario administrador tendrá acceso a todas las opciones del la ventana principal.

Al hacer clic en el botón registro de información del estudiante presenta una ventana con la matriz de los datos ya registrados, como: personales, trabajo y académicos.

Page 36: Germania jara

32

Al hacer clic en el botón salir le re direcciona a la ventana principal y si elige la opción nuevo le permite realizar un registro, en la ventana de registro ingresa los datos correspondientes y guarda.

En la matriz si se realiza clic en modificar presenta la ventana de modificación.

Page 37: Germania jara

33

Al hacer clic en el botón registro de información del director de proyecto presenta una ventana con la matriz de los datos ya registrados.

En la ventana principal a elegir la opción administrar usuarios presenta la siguiente ventana.

Si realiza clic en crear cuenta muestra la siguiente ventana

En la ventana principal a elegir la opción enviar sugerencias presenta la siguiente ventana

Page 38: Germania jara

34

En la ventana principal a elegir la opción enviar sugerencias presenta la siguiente ventana

4.4.1 Manual del administrador

El manual facilitará al usuario conocer el funcionamiento del sistema. Dentro del constará ítems importantes que ayudaran a resolver dudas si existe algún inconveniente en el manejo del sistema. La aplicación le permite realizar las siguientes actividades:

Registrar, Buscar, Modificar Egresados. Registrar, Buscar, Modificar Graduados. Registrar, Buscar, Modificar, Directores de Proyecto de Grado. Registrar, Buscar, Modificar Datos Trabajo Actual del Egresado y

Graduado. Registrar, Buscar, Modificar Datos Académicos del Egresado y

Graduado. Registrar, Modificar Usuarios. Generar Reportes. Solicitudes de Información. Sugerencias.

4.4.2 Documentación

Para programa se utilizó de tres paquetes

Page 39: Germania jara

35

El paquete controlador tiene las siguientes clases

El paquete servidores tiene las siguientes componentes

Conclusión

Al realizar el presente trabajo, se puso en práctica los conocimientos

adquiridos en las aulas y de esta manera reforzar más los conocimientos.

Realizando una aplicación web se logra mejorar el proceso de seguimiento

de los egresados y graduados.

El diseño de interfaces de la aplicación son intuitivas y el usuario lograra

adaptarse de forma rápida

Recomendación

Al persona encargada de la manipulación del sistema capacitar para el uso y

mantenimiento preventivo del mismo.

Periódicamente realizar una limpieza física al equipo donde se instalara para

el funcionamiento del sistema.

Page 40: Germania jara

36

Dar mantenimiento y monitoreo de los equipos periódicamente

Bibliografía

• Fernando, H. (2015). Modelo en cascada. Recuperado de:

http://ingenexescom.blogspot.com/2012/02/modeloencascada.html{25

/08/2016}

• Estefanía, A. (2012). Metodología RUP. Recuperado de:

http://rupmetodologia. blogspot.com/{25/08/2016}