Sistema de seguimiento de egresados y graduados

INSTITUTO TECNOLÓGICO SUPERIOR
“NUESTRA SEÑORA DEL ROSARIO”
TECNOLOGÍA EN ANÁLISIS DE SISTEMAS
TEMA:
“ANÁLISIS, DISEÑO, Y DESARROLLO DE UN SISTEMA INFORMÁTICO
WEB AUTOMATIZADO, PARA EL SEGUIMIENTO DE EGRESADOS Y
GRADUADOS DEL INSTITUTO TECNOLÓGICO SUPERIOR “NUESTRA
SEÑORA DEL ROSARIO” DEL CANTÓN CATAMAYO, PROVINCIA LOJA.”
AUTORA
Verónica Paulina Rueda Cuenca.
TUTOR
Tecnólogo: Luis Tillaguango
AÑO LECTIVO
2015 – 2016

CERTIFICACIÓN.
Yo, Tlgo. Luis Antonio Tillaguango Calvas, Docente del Instituto Tecnológico
Superior “Nuestra Señora del Rosario”, certifico que la señorita Verónica
Paulina Rueda Cuenca con C.I. 1105755407 realizó el presente trabajo de fin
de ciclo, “ANÁLISIS, DISEÑO, Y DESARROLLO DE UN SISTEMA
INFORMÁTICO WEB AUTOMATIZADO, PARA EL SEGUIMIENTO DE
EGRESADOS Y GRADUADOS DEL INSTITUTO TECNOLÓGICO
SUPERIOR “NUESTRA SEÑORA DEL ROSARIO” DEL CANTÓN
CATAMAYO, PROVINCIA LOJA.”, siendo la autora intelectual del mismo,
que es original, auténtico y personal cumpliendo así con las disposiciones
reglamentarias establecidas para el efecto.
_____________________________
Tlgo. Luis Antonio Tillaguango Calva.
C.I. 1104476575

AUTORÍA.
El proyecto de fin de ciclo, es requisito previo para la obtención del Título de
Tecnóloga en Análisis de Sistemas, del Instituto Tecnológico Superior
“Nuestra Señora del Rosario”.
Con el presente tema: “ANÁLISIS, DISEÑO, Y DESARROLLO DE UN
SISTEMA INFORMÁTICO WEB AUTOMATIZADO, PARA EL
SEGUIMIENTO DE EGRESADOS Y GRADUADOS DEL INSTITUTO
TECNOLÓGICO SUPERIOR “NUESTRA SEÑORA DEL ROSARIO” DEL
CANTÓN CATAMAYO, PROVINCIA LOJA.”, es desarrollado por Verónica
Paulina Rueda Cuenca con C.I 1105755407.
El mismo que es absolutamente original, autentico, personal, en la virtud, el
contenido, efectos legales y académicos que se desprenden del mismo son
exclusividad de la autora.
______________________________
Verónica Paulina Rueda Cuenca.
C.I. 1105755407

RESUMEN.
El presente proyecto analiza la falta de un sistema informático de aplicación
Web, que realice el registro y control de los estudiantes egresados y
graduados, del Instituto Tecnológico Superior “Nuestra Señora del Rosario”,
el mismo que se realiza de una forma manual, generando una pérdida de
tiempo al realizar este proceso académico, este colaborara con el
departamento Orientación Estudiantil de la Institución ubicada en las calles 9
de Octubre y Eugenio Espejo de la ciudad Catamayo en la provincia de Loja.
Esta aplicación brindará mejor acceso a la información de los egresados y
graduados ya que el sistema será implementado en dos ordenadores siendo
la aplicación cliente y servidor, podrá registrar toda la información general que
le solicite el sistema, como registro de datos personales del egresado,
graduado, registrar datos donde trabaja actualmente, podrán consultar sus
datos académicos, sus notas de egresado y graduado, solicitar información a
la institución, podrá dar sugerencias a la institución, además contará con una
base de datos que le ayudará a almacenar esta información.
Por tal razón, se presenta como proyecto de grado, realizar un “ANÁLISIS,
DISEÑO, Y DESARROLLO DE UN SISTEMA INFORMÁTICO WEB
AUTOMATIZADO, PARA EL SEGUIMIENTO DE EGRESADOS Y
GRADUADOS DEL INSTITUTO TECNOLÓGICO SUPERIOR “NUESTRA
SEÑORA DEL ROSARIO” DEL CANTÓN CATAMAYO, PROVINCIA
LOJA.”.

INTRODUCCIÓN.
Se propone el proyecto de implementación de una Aplicación Web, la cual
será presentada como requisito para aprobar la asignatura de programación
VI, con la exposición del sistema informático y así poder dar la culminación
del presente ciclo, por lo cual la aplicación que se realizara es el Seguimiento
de Egresados y Graduados de la Especialidad de Análisis de Sistemas y
Contabilidad y Auditoría.
Se pretende que con la aplicación web todas las facultades tengan
información de los egresados y graduados, modalidad de titulación entre
otros, además que, aprovechando que el sistema estará desarrollado en
entorno web la Institución podrá disponer de la información de cada egresado
y graduado la misma que podrá ser actualizada por el Administrador y
Secretaria desde cualquier punto de acceso a internet, también los egresados
y graduados podrán solicitar o seleccionar la información que deseen.
El presente proyecto realizado en el Cantón Catamayo; el Instituto
Tecnológico Superior “Nuestra Señora del Rosario”, surge la necesidad de
llevar un Seguimiento de Egresados y Graduados, contando ya con la
implementación de un sistema de “SEG”, cliente servidor, y así poderlo
pasmar en el desarrollo del sistema informático orientado a web.
Para satisfacer las necesidades de los directivos de la institución ayudando
así a tener un seguimiento de egresados y graduados del Instituto Tecnológico
Superior “Nuestra Señora del Rosario”, de las dos especialidades de Análisis
de Sistemas y Contabilidad y Auditoría.

CAPÍTULO I.
1. DATOS DEL PROYECTO.
1.1. PROBLEMA.
Hoy en día los avances tecnológicos están actualizándose de una manera
rápida, permitiendo asimismo un mejor desarrollo de los procesos de
administración, es así que se lleva el seguimiento de egresados y graduados
a nivel internacional contrastado y adecuado a los sistemas de gestión de
calidad a nivel de cada institución, que permite mejorar la adaptación de su
formación académica a las exigencias del mundo laboral.
A nivel nacional en el Ecuador la Educación Superior CEACES, analiza los
resultados de notificaciones anualmente, esto fundamenta que la integración
Instituciones técnicas y tecnológicas que egresan y gradúan a los estudiantes
puedan entrar al mercado laboral para que usen propulsores de un Ecuador
exigente y de desarrollo de la nación.
Es así que surge a nivel provincial Loja en el Cantón Catamayo; el Instituto
Tecnológico Superior “Nuestra Señora del Rosario”, surge la necesidad de
llevar un Seguimiento de Egresados y Graduados, contando ya con la
implementación de un sistema de “SEG”, cliente servidor, y así poderlo
pasmar en el desarrollo del sistema informático orientado a web.
1.2. OBJETIVOS:
1.2.1. OBJETIVO GENERAL.
Analizar, Diseñar, y desarrollar un sistema informático web automatizado,
para el seguimiento de egresados y graduados del Instituto Tecnológico
Superior “Nuestra Señora del Rosario” del cantón Catamayo, provincia Loja.”

1.2.2. OBJETIVOS ESPECÍFICOS.
 Desarrollar una aplicación de entorno web que facilite todas la
necesidades de los egresados y graduados y administrativos de
institución.
 Generar reportes detallados con el fin de satisfacer las necesidades del
usuario al momento de solicitar información.
 Realizar sugerencias de los egresados para poder obtener su
información clara y precisa de su seguimiento académico.
1.3. NECESIDADES/REQUERIMIENTOS.
El sistema de seguimiento de egresados y graduados es una herramienta
informática, que apoyará al egresado y graduado, a las empresas que
necesiten saber información sobre personal nuevo para su entidad y a los
administrativos que deseen saber un dato verídico acerca de los egresados y
graduados.
Al revisar los requerimientos con los directores de las diferentes carreras y
demás personal interesado en que se realice este sistema se ha llegado a
determinar las siguientes necesidades dependiendo de los perfiles que
ingresaran al sistema.
1.3.1. TIPOS DE REQUERIMIENTOS.
1.3.1.1. REQUERIMIENTOS FUNCIONALES:
EL SISTEMA PERMITIRA:
CÓDIGO DESCRIPCIÓN CATEGORÍA
RF001 Iniciar Sesión Evidente
RF002 Registro y control de Cuentas de Usuario. Evidente
RF003 Registro y control de datos informativos de los
egresados y graduados (Nombre, Apellido,
Evidente

Numero de Cedula, Teléfono, Celular, Sexo
País, Cuidad, Estado Civil, Dirección, Email).
RF004 Registro y control de datos del trabajo actual de
los egresados y graduados (Nombre de la
institución, Teléfono, Dirección, País, Cuidad,
Fecha de ingreso, Dirección, Cargo que
desempeña).
Evidente
RF005 Actualizar datos del trabajo actual de los
egresados y graduados (Nombre de la
institución, Teléfono, Dirección, País, Cuidad,
Fecha de ingreso, Dirección, Cargo que
desempeña).
Evidente
RF006 Actualización de datos informativos de los
egresados y graduados (Nombre, Apellido,
Numero de Cedula, Teléfono, Fecha
Nacimiento, Celular, Sexo País, Provincia,
Cuidad, Estado Civil, Dirección, Email).
Evidente
RF007 Registro y control de datos académicos de los
egresados y graduados (Tema de anteproyecto,
Fecha de graduación, Fecha de Egresar, Tema
de tesis,).
Evidente
RF008 Base de datos actualizada de datos de los
egresados y graduados
Evidente
RF009 El egresado y graduado solicita Información a la
institución.- Sobre cursos que ofrece la
institución Cursos Online, Cursos Presenciales,
Pasantías, Convenios, Proyectos, el
Administrador de sistema le enviara esta
información a su correo electrónico
Evidente
RF010 Presenta reportes del estado actual de los
egresados, graduados directores de proyecto de
grado, usuarios.
Evidente
RF011 Presenta reportes de los datos académicos de
los egresados y graduados.
Evidente
RF012 Presenta reportes de los datos de trabajo actual
de los egresados y graduados, sugerencias,
solicitudes de información.
Evidente

RF013 El egresado y graduado envía sugerencias a las
autoridades de la institución.- (Coordinación,
Secretaria, Rectorado).
Para ayudar a mejorar en la malla curricular del
institutito, crear nuevas materias o eliminarlas
para ayudar y reforzar sus conocimientos a los
estudiantes.
Evidente
RF014 Registro y control de datos informativos del
director del proyecto de grado (Nombre, Apellido,
Numero de Cedula, Teléfono, Celular, Sexo
País, Cuidad, Estado Civil, Dirección, Email).
Evidente
RF015 Administra el acceso al sistema para cada
usuario.
Evidente
1.3.1.2. REQUERIMIENTOS NO FUNCIONALES:
Seguridad: La información del sistema está protegida por claves de acceso y
que solo permite ingresar a los usuarios a distinta áreas de acuerdo al
privilegio que posea el mismo.
Portabilidad: Esta aplicación puede ser manejada en distintos
ordenadores que este instalada por que tendrá un servidor que se almacenara
toda la información.
Mantenibilidad: el administrador del sistema puede modificar o actualizar
cualquier aspecto de la información cuando se requiera para así garantizar su
mantenimiento.
Usabilidad: La aplicación es fácil de comprender y manejar por el usuario, ya
que ofrece un entorno de sus pantallas amigable.
Rendimiento: El Tiempo de respuesta de la aplicación dependerá de las
características del hardware donde está siendo ejecutada.

1.4. DIAGRAMA DE ACTIVIDADES.
Figura 1: Diagrama de Actividades.
Fuente: Instituto Tecnológico Superior “Nuestra señora del Rosario”
Responsable: Verónica Paulina Rueda Cuenca.

1.5. MODELO DE DOMINIO.
Figura 2: Modelado de Dominio.
1.6. DIAGRAMA DE CLASES INICIAL.
Figura 3: Diagrama de clases Inicial.

CAPÍTULO II.
2. CICLO DE VIDA DEL PROYECTO.
2.1. MODELO
2.1.1. Modelo en cascada
Este es el más básico de todos los modelos y ha servido como bloque de
construcción para los demás paradigmas de ciclo de vida. Está basado en el
ciclo convencional de una ingeniería y su visión es muy simple: el desarrollo
de software se debe realizar siguiendo una secuencia de fases. Cada etapa
tiene un conjunto de metas bien definidas y las actividades dentro de cada
una contribuyen a la satisfacción de metas de esa fase o quizás a una
subsecuencia de metas de la misma. El arquetipo del ciclo de vida abarca las
siguientes actividades:
Ingeniería y Análisis del Sistema: Debido a que el software es siempre parte
de un sistema mayor, el trabajo comienza estableciendo los requisitos de
todos los elementos del sistema y luego asignando algún subconjunto de
estos requisitos al software.
FASES:
 Análisis de los requisitos del software: el proceso de recopilación de
los requisitos se centra e intensifica especialmente en el software. El
ingeniero de software debe comprender el ámbito de la información del
software así como la función, el rendimiento y las interfaces requeridas.
 Diseño: el diseño del software se enfoca en cuatro atributos distintos del
programa; la estructura de los datos, la arquitectura del software, el detalle
procedimental y la caracterización de la interfaz. El proceso de diseño
traduce los requisitos en una representación del software con la calidad
requerida antes de que comience la codificación.

 Codificación: el diseño debe traducirse en una forma legible para la
máquina. Si el diseño se realiza de una manera detallada, la codificación
puede realizarse mecánicamente.
 Prueba: una vez que se ha generado el código comienza la prueba del
programa. La prueba se centra en la lógica interna del software y en las
funciones externas, realizando pruebas que aseguren que la entrada
definida produce los resultados que realmente se requieren.
 Mantenimiento: el software sufrirá cambios después de que se entrega
al cliente. Los cambios ocurrirán debidos a que se haya encontrado
errores, a que el software deba adaptarse a cambios del entorno externo
(sistema operativo o dispositivos periféricos) o a que el cliente requiera
ampliaciones funcionales o del rendimiento.
2.2. DISEÑO PRELIMINAR.
Figura 4: Inicio de sesión ya sea administrador, secretaria y psicóloga.
Figura 4: Inicio de sesión.

Figura 5: Menú principal del sistema de Egresados y graduados.
Figura 5: Menú Principal.
Figura 6: Tabla de registro de datos personales de un egresado.
Figura 6: Tabla de registro de datos personales.
Responsable: Verónica Paulina Rueda Cuenca

Figura 7: Tabla de registro de datos académicos de un egresado.
Figura 7: Tabla de registro de datos académicos.
Fuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”
Figura 8: Tabla de registro de datos de trabajo actual de un egresado.
Figura 8: Tabla de registro de datos de trabajo actual.

2.3. METODOLOGÍA.
Metodología ICONIX: Es una metodología pesada-ligera de Desarrollo del
Software que se halla a medio camino entre RUP (Rational Unified Process)
y XP (eXtreme Programming), es una metodología simplificada en
comparación a otras más tradicionales, la cual unifica un conjunto de métodos
de orientación a objetos con el objetivo de tener un control estricto sobre todo
el ciclo de vida del producto a realizar, cuenta con una secuencia de pasos
que se deben seguir y determina claramente las actividades a desarrollar en
cada etapa del ciclo de vida del proyecto que la utilice.
FASES DE LA METODOLOGÍA ICONIX
 Revisión de los requisitos/ Análisis de Requisitos:
Identificar en el mundo real, los objetos y todas las relaciones de agregación
y generalización entre ellos. Se deben analizar todos los requisitos formaran
parte del sistema y con estos construir el diagrama de clases, que representa
las agrupaciones funcionales que estructuraran el sistema en desarrollo.
Para esta fase se utilizan 3 herramientas:
Modelo de Dominio: esto se refiere a identificar objetos y cosas del mundo
real que intervienen con nuestro sistema. (Estático)
Modelo de Casos de Uso: describe las acciones o el comportamiento que un
usuario realiza dentro del sistema. Comprende de actores, casos de uso y el
sistema.
Prototipo de Interfaz de Usuario: implica la creación de un modelo o
modelos operativos del trabajo de un sistema, en el que analistas y clientes
deben estar de acuerdo. (Dinámico/ los usuarios se hacen participantes
activos en el desarrollo)

 Revisión del diseño preliminar /Análisis y Diseño Preliminar
En esta fase a partir de cada caso de uso se obtendrán una ficha de caso de
uso, (la cual no pertenece a UML) , está formada por un nombre, una
descripción, una precondición que debe cumplir antes de iniciarse, una
poscondición que debe cumplir al terminar si termina correctamente. Se deben
describir los casos de uso, como un flujo principal de acciones, pudiendo
contener los flujos alternativos y los flujos de excepción. la principal
sugerencia de Iconix, en esta actividad es que no se debe perder mucho
tiempo con la descripción textual. Debería usarse un estilo consistente que
sea adecuado al contexto del proyecto. Realizar Diagrama de Robustez: es
un híbrido entre un Diagrama de Clases y un Diagrama de Actividades. Es
una herramienta que nos permite capturar el Que hacer y a partir de eso él
Como hacerlo. Facilita el reconocimiento de objetos y hace más sencilla la
lectura del sistema. Ayuda a identificar los objetos que participan en cada caso
de uso.
El diagrama de Robustez: Se divide en:
Objetos fronterizos: usado por los actores para comunicarse con el sistema.
Objetos entidad: son objetos del modelo del dominio.
Objetos de Control: es la unión entre la interfaz y los objetos de entidad.
Diagrama de Clases: describe la estructura de un sistema mostrando sus
clases, atributos y las relaciones entre ellos
 Revisión crítica del diseño/Diseño
En esta fase se reconocen todos los elementos que forman parte de nuestro
sistema. Diagramas de Secuencia: muestra los métodos que llevaran las
clases del sistema. Muestra todos los cursos alternos que pueden tomar todos
nuestros casos de uso. Se debe terminar el modelo estático, añadiendo los

detalles del diseño en el diagrama de clases y verificar si el diseño satisface
todos los requisitos identificados.
 Implementación
En esta fase a partir del buen diseño logrado se creara el software; que
posteriormente se entregara. Se debe utilizar el diagrama de componentes si
fuera necesario para apoyar el desarrollo, es decir mostrar una distribución
física de los elementos que componen la estructura interna del sistema. Así
como escribir y generar el código.
Pero además se debe tener en cuenta factores como:
Reusabilidad: es la posibilidad de hacer uso de los componentes en
diferentes aplicaciones.
Extensibilidad: consiste en modificar con facilidad el software.
Confiabilidad: realización de sistemas descartando las posibilidades de error.
Realizar pruebas: Test de unidades, de casos, datos y resultados. Test de
integración con los usuarios para verificar la aceptación de los resultados.

2.4. ARQUITECTURA.
Figura 9: Arquitectura del Sistema informático.
Figura 9: Arquitectura del sistema informático.
2.5. ESTILO.
Es un estilo de programación su objetivo primordiales la separación de la capa
de presentación, capa de negocio y la capa de base de datos.

Figura 10: Capas de Estilo del Sistema informático.
Figura 10: Capas de Estilo del Sistema Informático.
Capa de presentación
Es la que se encarga de que el sistema interactúe con el usuario y viceversa,
muestra el sistema al usuario, le presenta la información y obtiene la
información del usuario en un mínimo de proceso. En el mundo de la
informática es conocida como interfaz gráfica y debe tener la característica de
ser amigable, o sea, entendible y fácil de usar para el usuario. Esta capa se
comunica únicamente con la capa intermedia o de negocio.
Capa de negocio
Es donde residen las funciones que se ejecutan, se reciben las peticiones del
usuario, se procesa la información y se envían las respuestas tras el proceso.
Se denomina capa de negocio o capa de lógica del negocio, porque es aquí
donde se establecen todas las reglas que deben cumplirse. Esta capa se
comunica con la de presentación, para recibir las solicitudes y presentar los

resultados, y con la capa de acceso a datos, para solicitar al gestor de base
de datos almacenar o recuperar datos de él.
Capa de acceso a datos
Esta capa es la encargada de almacenar los datos del sistema y de los
usuarios. Su función es almacenar y devolver datos a la capa de negocio,
aunque para esto también es necesario en algunos casos, que tengan
procedimientos almacenados y funciones dentro de la capa. En una
arquitectura de tres capas, esta capa es la única que puede acceder a los
mismos. Está formada por uno o varios sistemas gestores de bases de datos,
localizados en un mismo servidor o en varios.
Estas capas, pueden estar localizadas todas en un mismo ordenador, si el
programa o software informático que se desarrolla es de baja complejidad,
porque si, por el contrario, fuera de gran complejidad tanto los datos como la
lógica de negocio, entonces cada una de las capas pudiera estar situada en
diferentes ordenadores, para mejorar la funcionalidad de las mismas, incluso,
en productos de gran complejidad, existen varios ordenadores para la capa
de acceso a datos, y varios ordenadores para la capa de negocio.

CAPÍTULO III.
3. DESARROLLO DEL PROYECTO.
3.1. DIAGRAMAS/ DESCRIPCIÓN DE CASOS DE USO.
Figura 11: Caso de Uso General
uc casos de uso generalSEG
Administrador
Administrar
Cuentas Usuarios
Crear
Moficar
Validar datos
Buscar usuario
Cambiar
estado
Administrar
Usuario
gestionar datos
academicos
gestionar datos
personales
generar reporte
Crear
Modificar
Cambiar
estado
Validar datos
Consultas BD
Buscar usuario
Consultar datos Imprimir
Secretaria
Administar
sugerencias
Buscar
Eliminar
Consultar
sugerencias
Egresado
adaministrar
director proyecto
crea
modifica
cambia de
estado
v allidar datos
consulta BD
administar
datos de
trabaj o
crear
modificar
eliminar
v alida datos
Consulta datos
gestionar
sugerencias
crear
eliminar
env iar
sugerencias
Inicio de
Sesion
Valida Datos
«include»
«extend»
«include»
«include»
«extend»
«extend»
«extend»
«include»
«include»
«extend»
«extend»
«extend»
«include»
«include»
«extend»
«include»
«extend»
«extend»
«include»
«extend»
«extend»
«extend»
«extend»
«include»
«extend»
«extend»
«include»
«extend»
«extend»
«extend»
«extend»
«extend»
«extend»
«include»
«include»
«include»
«extend»
«include»

3.2. HERRAMIENTAS.
Netbeans: Es un entorno de desarrollo gratuito y de código abierto. Permite
el uso de un amplio rango de tecnologías de desarrollo tanto para escritorio,
como aplicaciones Web, o para dispositivos móviles.
Enterprise Architect: Es una herramienta de diseño y modelado de UML que
destaca por ser fácil de utilizar y la integración que tiene con los entornos de
desarrollo de software como Visual Studio o Eclipse. Con Enterprise Architect
sentirá que sus ideas toman vida pues hasta ahora nunca había sido tan fácil
plasmar cada detalle en sus diagramas de UML.
Adobe Photoshop: Es una aplicación para la creación, edición y retoque de
imágenes. Es desarrollado por la compañía Adobe Systems. Se lanzó
originalmente para computadoras Apple, pero luego saltó a la plataforma
Windows.
Este programa se ha hecho muy popular, incluso fuera del ámbito informático,
llegándose incluso a usar la palabra "photoshop" para hacer referencia a una
foto que ha sido retocada digitalmente. De hecho se ha llegado a emplear la
palabra "photoshop" como verbo: photoshopear (photoshopping en inglés).
Reportes: Sirve para generar reporte en pdf de cualquier tipo de información.

3.3. DIAGRAMA DE ROBUSTEZ.
3.3.1. Diagrama de robustez Administrador.
Figura 12: Diagrama de Robustez Administrador
3.3.2. Diagrama de robustez Secretaria.
Figura 13: Diagrama de Robustez Secretaria
obj ect Robustez
Inicio_Sección Validar_Datos
Guardar
Pantalla_Menú Registro
Datos_Personales
Validar_Datos
Guardar
Datos_Personales
Pantalla_Menu Registro
Datos_Académicos
Validar_Datos
Guardar
Datos_Académicos
Pantalla_Menú Director_Proyecto Validar_Datos
Guardar
Director_Proyecto
Secretaria

3.3.3. Diagrama de robustez Egresado.
Figura 14: Diagrama de Robustez Egresado
3.4. DIAGRAMA DE SECUENCIA.
Figura 15: Diagrama de Secuencia.
obj ect Robustez
Inicio_Sección Validar_Datos
Guardar
Pantalla_Menú Registro
Datos_Personales
Egresado Pantalla_Menu Registro
Datos_Académicos
Datos_Personales
Datos_Académicos
Pantalla_Menú Datos_Trabajo_Actual
Validar_Datos
Guardar
sd ENVIA DATOSÇ
Administrador
Pantalla login Pantalla Principal Pantalla registro
estudiante
BASE DE DATOS
Valida Datos
VERIFICA EN LA BASE DE DATOS ()
LOGEO CORRECTO()
DATOS INCORRECTOS()
SELECCIONA()
ENVIA DATOS()
ALMACENA()
DATOS ERRONEOS()

3.5. DIAGRAMA DE ESTADOS.
Figura 16: Diagrama de Estados.
3.6. DIAGRAMA DE PAQUETES.
Figura 17: Diagrama de Paquetes.
pkg DIAGRAMA DE PAQUETES ADMINISTRADOR
ADMINISTRADOR
Administrador
Gestionar
Usuario
Validar Datos
Director de Proyecto
Gestionar
Director de
Proyecto
Validar Datos
Egresado
Gestionar datos
Personales
Gestionar datos
Academicos
Validar Datos
Validar Datos
Graduado
Gestionar datos
Personales
Gestionar datos
Academicos
Validar Datos
Validar Datos

3.7. DIAGRAMA DE DISTRIBUCIÓN.
Figura 18: Diagrama de Paquetes.

CAPÍTULO IV.
4. IMPLEMENTACIÓN.
4.1. PROTOTIPADO.
Interfaz de Inicio de Sesión:
Figura 19: Interfaz Inicio de Sesión.
Interfaz del Administrador.
Figura 20: Interfaz del Administrador.

Interfaz para realizar una sugerencia.
Figura 21: Interfaz para realizar una sugerencia.
Interfaz de matriz de sugerencias.
Figura 22: Interfaz de matriz de sugerencia.

4.2. CÓDIGO.
INICIO DE SESIÓN:
1 <%--
2 Document : Inicio_Sesion
3 Created on : 26/07/2016, 22:17:04
4 Author : usuario
5 --%>
6
7 <%@page contentType="text/html" pageEncoding="UTF-8"%>
8 <!DOCTYPE html>
9 <html>
10 <head>
11 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
12 <title>INICIO SESION</title>
13 </head>
14 <body bgcolor="D2F5EF">
15 <link rel="shortcut icon" href="imagenes/birrete.png">
16 <br><br><br><br><br><br>
17 <center><h2>SISTEMA SEGUIMIENTO DE EGRESADOS Y GRADUADOS
</h2></center>
18
19 <form method="post" action="Principal.jsp">
20
21 <br>
22
23 <%--Componentes cajas de texto, y botones nesesarios para el login--%>
24
25 <center><table style="box-shadow: 3px 3px 10px 0; height: 280px;
background: burlywood">
26 <td width="600">
27
28 <table style="position: absolute; top: 220px; left: 545px;">
29 <td>
30 <b><h2>INICIO SESIÓN</h2></b>
31 </td>
32 </table>
33
35 <td>
36 <img src="imagenes/iconosesion.png">
37 </td>
38 </table>
39
40 <table style="position:absolute;top:287px;left:410px;">
41 <td>
42 <b>USUARIO:</b>
43 </td>
44 </table>
45
47 <td>
48 <input type="text" name="txtUsuario" id="idUsuario"
placeholder="Ingrese usuario">
49 </td>
50 </table>

51
53 <td>
54 <b>CLAVE:</b>
55 </td>
56 </table>
57
59 <td>
60 <input type="password" name="txtClave" id="idClave"
placeholder="Ingrese clave">
61 </td>
62 </table>
63
64 <table style="position:absolute; top:320px;left:410px;">
65 <td>
66 <input style="Position:Absolute; width:120px; height:25px;
left:38.5%; top:1100%; color: black; background-color: silver; border: 1pt ridge lightgrey"
type="submit" value="INICIAR SESION">
67 </td>
68 </table>
69
71 <td>
72 <input style="Position:Absolute; width:120px; height:25px;
left:38.5%; top:1100%; color: black; background-color: silver; border: 1pt ridge lightgrey"
type="submit" value="CANCELAR">
73 </td>
74 </table>
75 </table>
76
78 <td>
79 <a href="">¿No tienes cuenta? Regístrate ahora</a>
80 </td>
81 </table>
82 </td>
83 </table></center>
84 </form>
85
86 </body>
87 </html>
INTERFAZ DE ADMINISTRADOR
1 <%--
2 Document : Principal
3 Created on : 26/07/2016, 22:18:23
4 Author : usuario
5 --%>
6
8 <!DOCTYPE html>
9 <html>
10 <head>

12 <title>PRINCIPAL</title>
13 </head>
16 <style type="text/css">
17 *{
18 padding:0.50px;
19 margin:0.25px
20 }
21 #header{
22 margin:auto;
23 width:800px;
24 }
25 ul, ol{
26 list-style:none;
27 }
28 .nav li a {
29 background-color: beige;
30 color:#000000;
31 text-decoration:none;
32 padding: 10px 20px;
33 display:block;
34 }
35 .nav li a:hover{
36 background-color: turquoise;
37 }
38 .nav > li {
39 float:left;
40 }
41 .nav li ul {
42 display:none;
43 position:absolute;
44 min-width:140px;
45 }
46
47 .nav li:hover > ul{
48 display:block;
49 }
50 .nav li ul li{
51 position:relative;
52 }
53 .nav li ul li ul{
54 right:-215px;
55 top:0px;
56 }
57 </style>
58
59 <body>
60 <div class="Container">
61 <center> <h1></h1></center>
62
63 <div id="header">
64 <ul class="nav">
65 <li> <h4><a href=""><i> Administrador </i></a></h4>
66 <ul>
67 <li><a href="">Cuentas de Usuario</a></li>
68 <li><a href="">Respaldo Base de Datos</a></li>

69 </ul>
70 </li>
71
72 <li> <h4><a href=""><i> Sugerencias </i></a></h4>
73 <ul>
74 <li><a href="Matriz_sugerencia.jsp">Revisar Sugerencias</a></li>
75 </ul>
76 </li>
77
78 <li> <h4><a href=""><i> Registrar Información </i></a></h4>
79 <ul>
80 <li><a href="">Egresados</a>
81 <ul>
82 <li><a href="Matriz_estudiante.jsp">Datos Personales</a></li>
83 <li><a href="Matriz_academico.jsp">Datos Académicos</a></li>
84 <li><a href="Matriz_trabajo.jsp">Datos Trabajo Actual</a></li>
85 </ul>
86 </li>
87
88 <li><a href="">Graduados</a></li>
89 <li><a href="">Director de Tesis </a></li>
90 </ul>
91 </li>
92
93 <li> <h4><a href=""><i> Reportes </i></a></h4>
94 <ul>
95 <li><a href="">Egresados</a></li>
96 <li><a href="">Graduados</a></li>
97 <li><a href="">Usuarios</a></li>
98 <li><a href="">Directores Proyecto de Tesis</a></li>
99 <li><a href="">Datos Trabajo Egresados</a></li>
100 <li><a href="">Datos Trabajo Graduados</a></li>
101 </ul>
102 </li>
103
104 <li> <h4><a href=""><i> Ayuda </i></a></h4>
105 </ul>
106 </body>
107 <br><br><br><br>
108 <center><h1>INSTITUTO TECNOLÓGICO SUPERIOR
FISCOMISIONAL</h1></center>
109 <center><h1>"NUESTRA SEÑORA DEL ROSARIO"</h1></center>
110
111
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
112 <center><h1>SISTEMA DE SEGUIMIENTO DE</h1></center>
113 <center><h1>EGRESADOS Y GRADUADOS</h1></center>
114
115 <%-- Codigo para insertar icono favicon --%>
118 <td>
119 <img src="imagenes/escudo.png">
120 </td>
121 </table>
122

124 <td>
125 <img src="imagenes/gradua.png">
126 </td>
127 </table>
128
130 <td>
131 <img src="imagenes/escudo.png">
132 </td>
133 </table>
134 <h1></h1>
135 </body>
136 </html>
MATRIZ SUGERENCIAS.
1 <%--
2 Document : Matriz_sugerencia
3 Created on : 28/07/2016, 12:42:40
4 Author : usuario
5 --%>
6
7 <%@page import="java.util.List"%>
8 <%@page import="MODELO.Consulta"%>
9 <%@page import="MODELO.cls_sugerencia"%>
11 <!DOCTYPE html>
12 <html>
13 <head>
15 <title>SUGERENCIA</title>
16 </head>
17 <body BGCOLOR="D2F5EF">
19 <center><i><h2><font color="#FE2E2E">REVISAR
SUGERENCIAS</font></h2></i></center>
20 <BR>
21 <center><table border="1">
22 <td height="40"><center><b><i>ID</i></b></center></td>
23 <td width="150"><center><b><i>NOMBRES</i></b></center></td>
24 <td width="150"><center><b><i>APELLIDOS</i></b></center></td>
25 <td width="120"><center><b><i>FECHA</i></b></center></td>
26 <td width="180"><center><b><i>PARA</i></b></center></td>
27 <td width="120"><center><b><i>ASUNTOO</i></b></center></td>
28 <td width="250"><center><b><i>DESCRIPCION</i></b></center></td>
29 <tbody>
30 <% List<cls_sugerencia> Distribuidor = Consulta.mostrarsugerencia();
31 for (int i = 0; i < Distribuidor.size(); i++) {
32 %>
33 <tr>
34 <td height="30"><center><%=Distribuidor.get(i).getId()%> </center></td>
35 <td><center><%=Distribuidor.get(i).getNombre()%> </center></td>
36 <td><center><%=Distribuidor.get(i).getApellido()%> </center></td>
37 <td><center><%=Distribuidor.get(i).getFecha()%> </center></td>
38 <td><center><%=Distribuidor.get(i).getPara()%> </center></td>
39 <td><center><%=Distribuidor.get(i).getAsunto()%> </center></td>

40 <td><%=Distribuidor.get(i).getDescripcion()%> </td>
41 </tr>
42
43 <%
44 }
45 %>
46 <br>
47 </table>
48 <a style="position: absolute; top:70px; left:1000px;" href="Principal.jsp">MENÚ</a>
49 <a style="position: absolute; top:70px; left:1080px;"
href="Enviar_sugerencia.jsp">NUEVO</a>
50 <br>
51
52 </tbody>
53 </center>
54 </body>
55 </html>
56
57
58
REVISAR SUGERENCIA
1 <%--
2 Document : Enviar_sugerencia
3 Created on : 28/07/2016, 11:46:43
4 Author : usuario
5 --%>
6
8 <!DOCTYPE html>
9 <html>
10 <head>
12 <title>SUGERENCIA</title>
13 </head>
14
17 <center><b><h1>REALIZAR SUGERENCIA</h1></b></i></center>
18 <form action="Respuesta_sugerencia.jsp" method="post" >
19 <BR>
20 <table bgcolor="" width="70%" hight="48%" style="box-shadow: 0px 0px 20px 0;
height: 40px; border-radius: 15px; border-radius: 15px; Position:Absolute; left:18%;
top:12%">
21 <tr>
22 <td>
23
24 <fieldset>
25 <legend>Remitente</legend>
26
27 <label for="Nombre">    Nombre:</label><input type="text"
name="Nombre" id="nombre" size="36" style="margin-left:2%; width:260px; margin-
bottom:8px;" />
28 <br/><br/>
29 <label for="Apellido">    Apellido: </label><input type="text"

name="Apellido" id="nombre" size="36" style="margin-left:1%; width:260px; margin-
bottom:8px;" />
30 <br/><br/>
31 <label for="Fecha">    Fecha: </label><input type="text"
name="Fecha" id="nombre" size="36" style="margin-left:3%; width:260px; margin-
bottom:8px;" />
32 </fieldset>
33 <br/><br/>
34 </td>
35 </tr>
36
37 <tr>
38 <td>
39 <fieldset>
40 <legend>Destinatario</legend>
41
42    Para: <select name="Destino" id="estado_civil" style="margin-
left:4%; width:160px; margin-bottom:8px; cursor:pointer">
43 <option value=Seleccionar>Seleccione</option>
44 <option value=administrador>Administrador</option>
45 <option value=secretaria>Secretaria</option>
46 </select>
47 <br/><br/>
48 <label for="Asunto">    Asunto: </label><input type="text"
name="Asunto" id="nombre" size="36" style="margin-left:1%; width:260px; margin-
bottom:8px;" />
49 <br/><br/>
50 <label for="Mensaje">   Descripción:</label> <br/>
51 <textarea name="Mensaje" id="descripcion" cols="50" rows="6" ></textarea>
52 <br/><br/>
53 <br/><br/>
54 </fieldset>
55 <br/><br/>
56 <input type="submit" value="ENVIAR" name="btnEnviar" class="boton"
style="box-shadow: 0px 0px 18px 0; height:47px; border-radius: 19px; border-radius: 15px;
Position:Absolute; left:30%; top:83%; cursor:pointer"/>
57 <a href="Principal_egresado.jsp"><input type="button" value="CANCELAR"
class="boton2" style="box-shadow: 0px 0px 18px 0; height:47px; border-radius: 19px;
border-radius: 15px; Position:Absolute; left:64%; top:83%; cursor:pointer"/></a><br></br>
58 </td>
59 </tr>
60 </table>
61
62 </form>
63 </body>
64 </html>

4.3. PRUEBAS.
4.3.1. PRUEBAS REALIZADAS A LA APLICACIÓN WEB.
En la siguiente Tabla Nº- 1, identifico las pruebas que se realizó al sistema
para la ejecución del mismo.
INTERFAZ DETALLE BASE DE DATOS DETALLE OBSERVACIONES
Inicio de Sesión. Factible
Permite el
acceso a la
aplicación
haciendo la
verificación de
datos
Evidente
Verifica datos
ingresados que sean
correctamente caso
contrario muestra
mensaje de incorrecto
vuelva a ingresar.
Administrador Factible
Va al perfil de
ingreso como
administrador en
la base de datos.
Evidente
Muestra nombre de
usuario a seleccionar y
puede acceder a su
cuenta.
Egresado Factible
Accede a la base
de datos con su
respectivo logeo
e ingreso de
datos personales
Evidente
El estudiante puede
realizar sugerencias
respectivas al cambio
o solicitud de
información que desee
Registro de Datos Factible
Verifica que los
datos se guarden
correctamente
Evidente
Muestra un mensaje
de confirmación al
usuario si desea o no
guardar cualquier tipo
de dato.
Matriz de
Registros de
Datos
Factible
Accede a
registrar la
información de
egresados y
graduados para
posterior
guardarlos en la
base de datos y
mostrarlos en
una tabla.
Evidente
En la matriz de registro
de datos se puede
modificar, editar,
guardar, y, eliminarlos.
Matriz de
Sugerencias
Factible Se consulta los
datos sobre las
sugerencias de
Egresados y
Graduados
Evidente Se puede modificar
directamente desde la
matriz de sugerencias
el estado del
estudiante.
Tabla 1: Pruebas del Sistema.

4.4. MANUALES.
4.4.1. MANUAL DE USUARIO.
Este manual le permitirá ahorrar tiempo al usuario en el proceso de
adaptación al sistema. Se abordará los ítems destacados y de uso frecuente
dentro del sistema seguimiento de egresados y graduados, el cual es un
programa diseñado para realizar los siguientes procesos que se ejecutan de
manera manual el seguimiento de los egresados y graduados del Instituto
Tecnológico Superior “Nuestra Señora del Rosario” basado
fundamentalmente en la información adquirida de esta institución
La aplicación le permite realizar las siguientes actividades:
 Registrar, Modificar, Eliminar Egresados.
 Registrar, Modificar, Eliminar Graduados.
 Registrar Modificar, Eliminar, Directores de Proyecto de Grado.
 Registrar Modificar, Eliminar Datos Trabajo Actual del Egresado y
Graduado.
 Registrar Modificar, Eliminar Datos Académicos del Egresado y
Graduado.
 Registrar, Modificar Usuarios.
 Generar Reportes.
 Solicitar Información
 Sugerencias
Descripción de los botones.
Aquí describimos el significado de cada uno de los iconos que encontramos
dentro de casi todos los formularios.

Botones Descripción
Boton Registrar: Se lo utiliza para crear
un nuevo registro (egresado, director de
proyecto de grado, graduado, datos
trabajo, datos academicos, sugerencias,
solicitar información).
Boton Buscar: Se lo utiliza para buscar en
la base de datos según el tipo de busqueda
que quiera realizar se encuentran en todos
los formularios prinicipales y formularios de
busquedas.
Boton Eliminar: Selo utiliza para eliminar
los registros (egresado, directores proyecto
de grado, graduado, datos trabajo, datos
academicos).
Boton Modificar: Se lo utiliza para
modificar un registro (egresado, directores
proyecto de grado, graduado, datos
trabajo, datos academicos).
Boton Salir: Se lo utiliza para salir de un
formulario se encuentra en los formularios
prinipales.
Boton Cancelar: Se lo utiliza para cancelar
una operación se encuentra en la mayoria
de formularios.
Boton Nuevo: Se lo utiliza para desbolquear
las cajas de texto y se encuentra en todas las
pantallas de realizar un registro.
Boton Enviar: Se lo utiliza para enviar
datos de un fromulario a otro esta en los
formularios de busquedas.
Boton Buscar Registro: Esta ubicado en
los formularios de modificar, este boton nos
direcciona al formulario de busquedas.
Botón Verificar Usuario: Este boton esta
ubicado en los formularios de modificar
datos de trabajo y datos personales de los
egresados y graduados sirve para verificar
el usuario que ingreso al sistema mediante
el número de cedula.

Boton Iniciar Sesión: Esta ubicado en la
pantalla de logeo para ingresar al sistema.
Boton Iniciar Logeo: Este boton esta en la
primera pantalla que muestra el sistema
selecciona el tipo de usuario y le direcciona
al formulario de logeo.
Tabla 2: Descripción de botones del manual de usuario.

4.5. DOCUMENTACIÓN.
Figura 23: Documentación del paquete modelo.
Figura 24: Documentación del paquete controlador.
Figura 25: Documentación de la clase datos académicos.

Figura 25: Documentación de la clase datos académicos con el get y set.
Figura 26: Documentacion del get y set .

Figura 27: Documentación de datos de trabajo .

CONCLUSIONES.
 Al aplicar la metodologia ICONIX en el desarrollo del software, fue
indespensable para conocer la interacción del usuario con el sistema, los
diferentes diagramas casos de usos, y a la vez se facilito la identificación
de objetos como interfaces, entidades y controles presentes en los
requerimientos; esto fue de gran ayuda al momento de pasar del analisis
al diseño del sistema.
 Mediante el software Enterprise Architect, esta herramienta de diseño fue
de mucha ayuda para la realización de los difefrentes diagramas de la
metodologia ICONIX, y el Lenguaje de Progrmación Java ayudo a la
codificación de los diferentes modulos del aplicativo en un entorno web.
 Con la realización de la aplicación web, se logró mejorar el proceso de
seguimiento de los egresados y graduados. contando con el acceso a toda
su información que requieren conocer sus datos académicos, del trabajo,
y sus datos personales.

RECOMENDACIONES.
 Realizar una capacitación previa a la persona encargada de la
manipulación del sistema para el uso y mantenimiento preventivo del
mismo.
 Realizar mantenimiento y monitoreo de los equipos periódicamente
(Trimestral) con la finalidad de verificar la correcta transmisión de la
información manejada por el sistema.  
 En la parte lógica tomar las debidas precauciones en el equipo donde se
instalara el sistema, la instalación de antivirus y un cortafuego ayudaran
a proteger de ataques de agentes extraños al sistema operativo y evitar
posibles fallos.

BIBLIOGRAFÍA.
WEBGRAFÍA.
 Carlos Ble, (2013), Modelo en Cascada. Recuperado de:
http://librosweb.es/libro/tdd/capitulo_1/modelo_en_cascada.html.{30/08/2
016}.
 EcuRed, (2016), Iconex. Recuperado de: http://www.ecured.cu/ICONIX.
{30/08/2016}.
 EcuRed, (2016), Arquitectura de tres Niveles. Recuperado de:
http://www.ecured.cu/Arquitectura_de_tres_niveles.{30/08/2016}.
 Logicstudio.Agile Busines Solutions, (2016), Entreprise Architect – UML.
Recuperado de: http://www.logicstudio.net/spa/productos/enterprise-
architect-uml.{30/08/2016}.
 Gusia, (2016), Descripcion y Funcionalidades Principales. Recuperado
de:http://berritzegunenagusia.eus/eskola20/formacion/tutoriales/nivel1/m
apas/modulos/es/content_1_20.html.{30/08/2016}.
 GenBeta, (2016), Que es Netbeans. Recuperado de:
http://www.genbetadev.com/herramientas/netbeans-1.{30/08/2016}.
 Elegsa, (2016), Definicion de Photoshop. Recuperado de:
http://www.alegsa.com.ar/Dic/photoshop.php.{30/08/2016}.

Sistema de seguimiento de egresados y graduados

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Destaque

Destaque (12)

Semelhante a Sistema de seguimiento de egresados y graduados

Semelhante a Sistema de seguimiento de egresados y graduados (20)

Último

Último (20)

Sistema de seguimiento de egresados y graduados