Proyecto ingenieria

INSTITUTO TECNOLÓGICO SUPERIOR
“NUESTRA SEÑORA DEL ROSARIO”
TECNOLOGÍA EN ANÁLISIS DE SISTEMAS
TEMA:
“ANÁLISIS, DISEÑO, DESARROLLO DE UN SISTEMA INFORMÁTICO PARA EL
SEGUIMIENTO DE EGRESADOS Y GRADUADOS DEL INSTITUTO TECNOLÓGICO
SUPERIOR “NUESTRA SEÑORA DEL ROSARIO” DEL CANTÓN CATAMAYO PROVINCIA
DE LOJA PERIODO ABRIL-AGOSTO 2016“
AUTORA:
Lizbeth Carolina Jiménez Riascos
TUTOR:
Tlgo. Luis Tillaguango
AÑO LECTIVO
2015- 2016

CERTIFICACIÓN
Yo, Tlgo. Luis Tillaguango, certifico que la estudiante Lizbeth Carolina Jiménez Riascos con
Cl. N.º 1150039897 realizó el presente proyecto de programación con el tema “ANÁLISIS,
DISEÑO, DESARROLLO DE UN SISTEMA INFORMÁTICO PARA EL SEGUIMIENTO DE
EGRESADOS Y GRADUADOS DEL INSTITUTO TECNOLÓGICO SUPERIOR “NUESTRA
SEÑORA DEL ROSARIO” DEL CANTÓN CATAMAYO PROVINCIA DE LOJA PERIODO
ABRIL-AGOSTO 2016“, y es autora intelectual del mismo, que es original, auténtico y
personal.
_________________________
Tlgo. Luis Tillaguango

AUDITORÍA
Yo, Lizbeth Carolina Jiménez Riascos con Cl. 1150039897 certifico que el proyecto titulado:
“ANÁLISIS, DISEÑO, DESARROLLO DE UN SISTEMA INFORMÁTICO PARA EL
SEGUIMIENTO DE EGRESADOS Y GRADUADOS DEL INSTITUTO TECNOLÓGICO
SUPERIOR “NUESTRA SEÑORA DEL ROSARIO” DEL CANTÓN CATAMAYO PROVINCIA
DE LOJA PERIODO ABRIL-AGOSTO 2016“ el cual presento como requisito de la materia de
programación y de esa manera poder optar por el título de Tecnóloga en Análisis de
Sistemas, del INSTITUTO TECNOLÓGICO SUPERIOR “NUESTRA SEÑORA DEL
ROSARIO”, es el producto de mi labor investigativa.
Así mismo, doy fe de este trabajo es uno original e inédito, el contenido, efectos legales y
académicos que se desprenden del mismo son exclusividad del autor

RESUMEN
El siguiente proyecto de ciclo está enfocado en el análisis, diseño, desarrollo de un sistema
informático para el seguimiento de egresados y graduados del Instituto Tecnológico Superior
“Nuestra Señora del Rosario” del cantón Catamayo provincia de Loja periodo abril-agosto
2016.
Con este proyecto lo que se pretende es brindar con mayor facilidad información de los
egresados y graduados de la institución.
Se destaca la importancia del seguimiento a los egresados y graduados para la institución de
educación superior, como estrategia de evaluación, conociendo información relevante de los
graduados que puede conducir a formular políticas de mejoramiento o direccionamiento
institucional.
Con el sistema de seguimiento se propone cumplir una doble función de auto conocimiento
de la institución para realizar acciones de mejoramiento de la calidad académica y de apoyo.
El sistema contiene diferentes roles los cuales son: Administrador, Secretaria, Egresado,
Graduado y el Departamento de Bienestar Estudiantil. Estos roles tendrán la oportunidad de
ingresar al sistema, cada uno de ellos con su respectiva autorización.
En el escrito se presentan los diagramas de actividades, Modelo de dominio, diagrama de
clases inicial, diagrama de caso de uso, diagrama de robustez, diagrama de secuencia,
diagrama de estados, diagrama de paquetes, diagrama de distribución.

INTRODUCCIÓN
El seguimiento de egresados y graduados se constituye en una herramienta de mucha
utilidad para las Instituciones de Educación Superior, con este proceso se obtiene un
conjunto de datos e indicadores socio demográficos, académicos y laborales de los
graduados y egresados, entre otros aspectos concernientes a la relación con la Institución y
su proyecto educativo, que permiten medir su eficiencia, calidad educativa y su impacto en la
sociedad.
En el siguiente proyecto hago presente el análisis, diseño, desarrollo de un sistema
informático para el seguimiento de egresados y graduados del Instituto Tecnológico Superior
“Nuestra Señora del Rosario” del cantón Catamayo provincia de Loja periodo abril-agosto
2016.
Con el sistema mencionado anteriormente se pretende que la Institución tenga información
de la hoja de vida oportuna de cada egresado y graduado, mismo que podrá ser actualizado
por la secretaria o por el administrador.
Los roles que se presentan son los siguientes: Administrador, Secretaria, Egresado,
Graduado y el Departamento de Bienestar Estudiantil.
El escrito está dividido por las siguientes partes: preliminar, capítulo I, capitulo II, capitulo III,
capitulo IV, conclusiones, recomendaciones y bibliografía o web-grafía

PROBLEMA:
En la actualidad la tecnología es una herramienta que ayuda a satisfacer las necesidades del
ser humano en los diferentes ámbitos sociales en los que se han desenvuelto.
Varios Países cuentan con Instituciones de Educación Superior; percatándose en la
necesidad de contar con Sistemas Informáticos que se vean especificados en el seguimiento
de egresados y graduados de las respectivas instituciones educativas, logrando tener un
seguimiento de sus ex-alumnos conocer si ejercen su profesión o en que campo se
desempeña.
En el Ecuador estos sistemas de seguimientos estudiantiles, permiten tener una continua
vinculación entre los estudiantes y la Institución Educativa.
En la ciudad de Loja particularmente en el Cantón Catamayo, brinda sus funciones
educativas el Instituto Tecnológico Superior “Nuestra Señora del Rosario” desde el año de
1999 consta con un amplio número de estudiantes en las carreras tecnológicas que brinda
como son Tecnologías en sistemas y en Contabilidad y Auditoría, logrando ver la necesidad
de realizar una actualización al Sistema de Egresados y Graduados con el que actualmente
maneja la institución educativa, ya que dicha aplicación es únicamente en forma local,
esperando que este proceso sea en Web, logrando que los estudiantes, docentes y la
Institución Educativa se mantenga en constante enlace.

OBJETIVO GENERAL:
Analizar, diseñar y desarrollar un sistema informático para el seguimiento de egresados y
graduados del Instituto Tecnológico Superior “Nuestra Señora del Rosario” del cantón
Catamayo provincia de Loja periodo abril-agosto 2016.
OBJETIVOS ESPECÍFICOS:
• Plasmar un escrito en diferentes partes: preliminar, 4 capítulos, conclusiones,
recomendaciones, bibliografía-web grafía
• Desarrollar un análisis completo de los diferentes diagramas mismos que serán de
utilidad para la realización del sistema.
• Conocer el grado de satisfacción de los recién egresados-graduados con respecto a la
formación recibida y su identificación con la Institución.
REQUERIMIENTOS FUNCIONALES
RF1 El sistema permitirá un acceso dependiendo de roles(Administrador, graduado,
egresado, secretario, departamento de bienestar estudiantil
RF2 Registro y control de datos informativos de los egresados y graduados (Nombre,
Apellido, Número de Cédula, Teléfono, Celular, Sexo, País, Ciudad, Estado Civil,
Dirección, Email, Contraseña)
RF3 Registro y control de datos del trabajo actual de los egresados y graduados
(Nombre de la Institución, Teléfono, Dirección, País, Ciudad, Fecha de ingreso,
Dirección, Cargo que desempeña).
RF4 Posibilitará al usuario el cambio de su contraseña de acceso al sistema
RF5 El sistema permitirá al administrador registrar la información
RF6 El sistema permitirá al administrador solicitudes de información
RF7 El sistema permitirá al administrador recibir sugerencias

RF8 El administrador tendrá el control a reportes como también a ayuda
RF9 Tendrá una opción de administrar que permitirá crear cuentas de usuario
RF10 El administrador podrá respaldar la base de datos
RF11 El sistema permitirá registrar a los egresados , modificar más no eliminar
RF12 El sistema permitirá al graduado una opción de datos de trabajo actual
RF13 El sistema permitirá en los datos del egresado ingresar el nombre como dato del
director del proyecto de grado
REQUERIMIENTOS NO FUNCIONALES
RNF1 El usuario interactúa con el sistema utilizando el teclado y mouse
RNF2 El sistema será desarrollado con disponibilidad vía WEB
RNF3 Será accesible desde cualquier equipo de trabajo con diferentes navegadores
RNF4 El sistema se ejecutará sobre un servidor con sistema operativo libre (Linux)
RNF5 El sistema trabajará con base de datos mysql
RNF6 Utilización de un lenguaje de programación java
RNF7 El sistema contará con manuales de usuario para su entendimiento y
capacitación
RNF8 El sistema estará protegido por claves de acceso
RNF9 El administrador del sistema podrá modificar o actualizar la información del
sistema
RNF10 El tiempo de respuesta del sistema dependerá de las características del
hardware.

DIAGRAMA DE ACTIVIDADES
Figura 1: Diagrama de Actividades.
Fuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”
Responsable: Lizbeth Carolina Jiménez Riascos

MODELO DE DOMINIO
Figura 2: Modelo de Dominio.

DIAGRAMA DE CLASES
Figura 3: Diagrama de Clases

CAPITULO II
MODELO
El modelo que se va a utilizar para el sistema de seguimiento de egresados es el de
cascada, algunas veces llamado el ciclo de vida clásico, sugiere un enfoque sistemático,
secuencial hacia el desarrollo del software, que se inicia con la especificación de
requerimientos del cliente y que continua con la planeación, el modelado, la construcción y el
despliegue para culminar en el soporte del software terminado.
Las principales etapas de este modelo son:
• Análisis y definición de requerimientos
• Diseño del sistema y del software
• Implementación y prueba de unidades
• Integración y prueba del sistema
• Funcionamiento y mantenimiento
DISEÑO PRELIMINAR
Se presentan las ventanas principales del sistema informático para el seguimiento de
egresados y graduados del Instituto Tecnológico Superior “Nuestra Señora del Rosario” del
Cantón Catamayo provincia de Loja periodo abril-agosto 2016.
En la Figura 4. (logeo del sistema), podrán los siguientes roles ingresar al sistema
administrador, secretaria, departamento de bienestar estudiantil, graduados o egresados.

Figura 4: Logeo del sistema.
En la figura 5. (Registro de datos personales personales), En la ventana presente se podrá
registrar los datos personales ya sea del egresado o del graduado.
Figura 5: Registro de datos personales
En la figura 6 (ventana de sugerencias) El egresado como el graduado tendrá la
disponibilidad de enviar cualquier tipo de sugerencia mismo que sera revisado por el

administrador.
Figura 6: Ventana de Sugerencias
METODOLOGÍA
Iconix
Introducción
Fue elaborado por Doug Rosenberg y Kendall Scott a partir de una síntesis del proceso
unificado de los “tres amigos” Booch, Rumbaugh y Jacobson y que ha dado soporte y
conocimiento a la metodología ICONIX desde 1993. Presenta claramente las actividades de
cada fase y exhibe una secuencia de pasos que deben ser seguidos.

Para el desarrollo del proyecto del seguimiento de egresados se utilizó la Metodología Iconix
sabiendo que es ágil para obtener la especificación de requerimientos y que es un proceso
simplificado en comparación con otros más tradicionales, que unifica un conjunto de métodos
de orientación a objetos con el objetivo de abarcar todo el ciclo de vida de un proyecto.
Es una metodología pesada-ligera de Desarrollo del Software que se halla entre RUP
(Rational Unified Process) y XP (eXtreme Programming), 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.
Características
Iterativo e Incremental: durante el desarrollo del modelo del dominio y la definición de los
casos de uso se producen varias iteraciones. El ciclo de vida incremental consiste en
desarrollar por partes el producto de manera que se pueda integrarlas funcionalmente. Ciclo
de vida Iterativo, en cada ciclo de iteración se revisa y mejora el producto. El desarrollo se
organiza en series de mini-proyectos cortos, llamados iteraciones.
Trazabilidad: Cada paso que se realiza está definido por un requisito, se define la
trazabilidad como la capacidad de seguir una relación entre los diferentes artefactos de
software producidos.
Dinámica del UML: Ofrece un uso dinámico del UML porque utiliza algunos diagramas UML,
sin exigir la utilización de todos, como en el caso de RUP(Rational Unified Process).
Fases
Iconix se estructura en cuatro fases, la primera de ellas es el análisis de requisitos, seguida
del análisis y diseño preliminar, a continuación viene el diseño y finaliza con su
implementación.

Revisión de los requisitos/ Análisis de Requisitos
En esta fase se deben analizar todos los requisitos que formaran parte del sistema y con
estos construir el diagrama de clases, que representa las agrupaciones funcionales que
estructuraran el sistema en desarrollo. Se realizó una entrevista con el coordinador
académico sobre el sistema de seguimiento de egresados ya realizado para de esa manera
poder tener conocimiento del proceso del sistema y poder establecer las necesidades y las
dificultades que se les presentan.
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, está
formada por un nombre, una descripción, una precondición que debe cumplir antes de
iniciarse, una pos-condición que debe cumplir al terminar si termina correctamente. Luego de
haber realizado la entrevista al coordinador académico los resultados de la primera fase se
procede a la realización de los casos de uso teniendo en cuenta los escenarios, acciones,
interfaces de usuario.
Revisión crítica del diseño/Diseño
En esta fase se registran todos los elementos que forman parte de nuestro sistema. Una vez
ya obtenido los casos de uso y el diagrama de robustez se procede a la tercera fase del
diseño del sistema de seguimiento de egresados.
Implementación
Después de tener el diseño 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.

ARQUITECTURA
La arquitectura describe como la aplicación estará ejecutándose en el ámbito físico y en el
ámbito de la aplicación de software. La estructura de la arquitectura afecta en el sistema sus
características de mantenimiento, disponibilidad, seguridad.
Arquitectura física.
Dentro de la distribución de funciones de los dispositivos por medio podremos acceder a la
aplicación de software, en la arquitectura física utilizaremos la de Cliente-Servidor, el cual es
una arquitectura distribuida.
Figura 7: Modelo cliente / servidor
ESTILO
En la siguiente figura 8. se presenta una aplicación web que contiene 3 capas, el navegador,
el servidor web yel servidor de bases de datos corresponden en diferentes máquinas

Figura 8: Aplicación Web 3 capas

CAPITULO III
DIAGRAMAS/DESCRIPCIÓN DE CASOS DE USO
(Cockburn, 2006). Un caso de uso se pude describir como la historia de un sistema, por lo
cual es una excelente técnica para entender y describir requerimientos.
A continuación se presenta el diagrama de caso de uso ver figura 6 conjuntamente con la
respectiva descripción del mismo.

Figura 9: Diagrama de Caso de Uso

DESCRIPCIÓN DE CASOS DE USO
Administrador
Nombre: Administrador
Autor: Carolina Jiménez
Fecha: 05-08-2016
Descripción Permite administrar el egresado
Permite administrar graduado
Permite administrar secretaria
Permite administrar departamento de bienestar estudiantil
Permite administrar créditos
Permite administrar cuenta de usuario
Actores: Administrador, Secretaria, Psicologa, Graduado, Egresado
Precondiciones: Administrado logeado
Flujo Normal 1: 1. El actor pulsa el menú registrar egresado
2. Aparece el formulario
3. Pulsa el botón de guardar
4. El egresado ha sido registrado
Flujo Normal 2: 1. El actor pulsa el menú registrar graduado
4. El graduado ha sido registrado
Flujo Normal 3: 1. El actor pulsa el menú registrar secretaria
4. La secretaria ha sido registrada
Flujo Normal 4: 1. El actor pulsa el menú registrar psicóloga
4.La psicóloga ha sido registrada

HERRAMIENTAS
Para la realización del proyecto se llegó a trabajar con las siguientes herramientas:
HERRAMIENTA DESCRIPCIÓN
Netbeans Es un entorno de desarrollo integrado (IDE),
modular, de base estándar (normalizado),
escrito en el lenguaje de programación Java.
PDF Es un formato de almacenamiento para
documentos digitales independiente de
plataformas de software o hardware.
SQL Lenguaje de programación estándar e
interactivo para la obtención de información
desde una base de datos y para actualizarla.
DISEÑO GRÁFICO Se utilizaron algunas herramientas para el
desarrollo de las interfaces del sistema
CACOO Herramienta online para hacer diagramas
UML
LUCIDCHART Herramienta online para hacer diagramas
UML

DIAGRAMA ROBUSTEZ
Figura 10: Diagrama de Robustez

DIAGRAMA DE ESTADOS
Figura 11: Diagrama de Estados

DIAGRAMA DE PAQUETES
Figura 12: Diagrama de Paquetes

DIAGRAMA DE DISTRIBUCIÓN
Figura 13: Diagrama de Distribución

CAPITULO IV
PROTOTIPADO
Se muestra la interfaz de la pantalla ver figura 14, donde se encuentran los siguientes roles:
administrador, secretaria, bienestar estudiantil, graduado y egresado
Figura 14: Ventana de Inicio
Se presenta un inicio sesión para todos los roles ver figura 15, mismo que permitirá el
ingreso al sistema.
Figura 15: Ventana de Inicio Sesión

La siguiente ventana ver figura 16 hace referencia a las opciones que va a tener el
administrador.
Figura 16: Ventana principal del Administrador
En la ventana ver figura 17. representa el registro de los egresados mismo que consta de
diversos campos.
Figura 17: Ventana Registro de Egresado

En la ventana de matriz se da a conocer todos los registros que han sido guardados, mismo
que a la vez se puede buscar cualquier registro mediante la cédula ver figura 18
Figura 18: Ventana Matriz del Egresado
CÓDIGO
CÓDIGO DE INICIO.
/home/carolina/NetBeansProjects/Egresados_Graduados/web/Pantalla_Principal.jsp
<%--
Document : Pantalla_Principal
Created on : 25-08-2016, 0:43:38
Author : carolina
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<style type="text/css">
body {

margin: 0px;
}
.imgfondo {
margin:auto;
width: 100%;
height:95px;
border-style:none;
background-image:url("imgfondo.jpg")
}
.button_administrador{text-decoration:none; text-align:center;
padding:9px 0px;
border:outset 5px #173e82;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius: 20px;
font:14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-weight:bold;
color:#1f1c1e;
background-color:#e1eef2;
background-image: -moz-linear-gradient(top, #e1eef2 0%, #116480 100%);
background-image: -webkit-linear-gradient(top, #e1eef2 0%, #116480 100%);
background-image: -o-linear-gradient(top, #e1eef2 0%, #116480 100%);
background-image: -ms-linear-gradient(top, #e1eef2 0% ,#116480 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#116480',
endColorstr='#116480',GradientType=0 );
background-image: linear-gradient(top, #e1eef2 0% ,#116480 100%);
-webkit-box-shadow:4px -5px 2px #e3dcdc, inset -2px -1px 16px #164285;
-moz-box-shadow: 4px -5px 2px #e3dcdc, inset -2px -1px 16px #164285;
box-shadow:4px -5px 2px #e3dcdc, inset -2px -1px 16px #164285;
opacity:0.85;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
filter: alpha(opacity=85);
text-shadow: 2px 2px 0px #bababa;
filter: dropshadow(color=#bababa, offx=2, offy=2); }.button:hover{
padding:9px 0px;
border:solid 5px #173e82;

font-weight:bold;
color:#0e0f0f;
background-color:#e6eff2;
background-image: -moz-linear-gradient(top, #e6eff2 0%, #223fb3 100%);
background-image: -webkit-linear-gradient(top, #e6eff2 0%, #223fb3 100%);
background-image: -o-linear-gradient(top, #e6eff2 0%, #223fb3 100%);
background-image: -ms-linear-gradient(top, #e6eff2 0% ,#223fb3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223fb3',
endColorstr='#223fb3',GradientType=0 );
background-image: linear-gradient(top, #e6eff2 0% ,#223fb3 100%);
-webkit-box-shadow:5px 6px 2px #bababa, inset 0px 0px 18px #ffffff;
-moz-box-shadow: 5px 6px 2px #bababa, inset 0px 0px 18px #ffffff;
box-shadow:5px 6px 2px #bababa, inset 0px 0px 18px #ffffff;
opacity:0.77;
filter: dropshadow(color=#bababa, offx=2, offy=2);}.button:active{
padding:9px 0px;
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0e0f0f;
background-color:#3BA4C7;
background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5',
endColorstr='#1982A5',GradientType=0 );
background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
filter: dropshadow(color=#bababa, offx=2, offy=2);}

.button_secretaria{text-decoration:none; text-align:center;
padding:9px 0px;
font-weight:bold;
color:#1f1c1e;
opacity:0.85;
padding:9px 0px;
font-weight:bold;
color:#0e0f0f;

opacity:0.77;
padding:9px 0px;
font-weight:bold;
color:#0e0f0f;
.button_departamento{text-decoration:none; text-align:center;
padding:9px 0px;
font-weight:bold;
color:#1f1c1e;

opacity:0.85;
padding:9px 0px;
font-weight:bold;
color:#0e0f0f;
opacity:0.77;
padding:9px 0px;

font-weight:bold;
color:#0e0f0f;
.button_graduado{text-decoration:none; text-align:center;
padding:9px 0px;
font-weight:bold;
color:#1f1c1e;

opacity:0.85;
padding:9px 0px;
font-weight:bold;
color:#0e0f0f;
opacity:0.77;
padding:9px 0px;
font-weight:bold;
color:#0e0f0f;

.button_egresado{text-decoration:none; text-align:center;
padding:9px 0px;
font-weight:bold;
color:#1f1c1e;
opacity:0.85;
padding:9px 0px;

font-weight:bold;
color:#0e0f0f;
opacity:0.77;
padding:9px 0px;
font-weight:bold;
color:#0e0f0f;

</style></head>
<body>
<body class="imgfondo">
<form>
<%--
BIENVENIDA
--%>
<TABLE>
<TR>
<img src="imglogo.png"width="955px"height="150px" />
</TR>
</TABLE>
<%--
IMAGEN Y BOTON DE ADMINISTRADOR
--%>
<div style="position:absolute;top:200px;left:70px;
width:100px;height:100px;-webkit-border-radius: 54px;-moz-border-radius:
54px;border-radius: 54px;border:13px solid
#738078;background:rgba(204,209,219,0.6);-webkit-box-shadow: #5E5C5C 8px
8px 8px;-moz-box-shadow: #5E5C5C 8px 8px 8px; box-shadow: #5E5C5C 8px
8px 8px;"><img src="imgadministrador.png"width="100px"height="100px"/>
</div>
<a href="2IniciarSesionAdmin.jsp"
class="button_administrador"style="position:absolute;top:335px;left:50px;"/>AD
MINISTRADOR ➜</a>
<%--
IMAGEN Y BOTON DE SECRETARIA
--%>
8px 8px;"><img src="imgsecretaria.png"width="100px"height="100px"/> </div>
<a href="2IniciarSesionSecre.jsp"

class="button_secretaria"style="position:absolute;top:335px;left:250px;"/>SECR
ETARIA ➜</a>
<%--
IMAGEN Y BOTON DE DEPARTAMENTO DE BIENESTAR
ESTUDIANTIL
--%>
8px 8px;"><img src="imgbienestar.png"width="100px"height="100px"/> </div>
<a href="2IniciarSesionDepar.jsp"
class="button_departamento"style="position:absolute;top:335px;left:400px;"/>BI
ENESTAR ESTUDIANTIL ➜</a>
<%--
IMAGEN Y BOTON DE GRADUADO
--%>
8px 8px;"><img src="imggraduado.png"width="100px"height="100px"/> </div>
<a href="2IniciarSesionGradu.jsp"
class="button_graduado"style="position:absolute;top:335px;left:635px;"/>GRAD
UADO ➜</a>
<%--
IMAGEN Y BOTON DE EGRESADO
--%>
8px 8px;"><img src="imgegresado.png"width="100px"height="100px"/> </div>
<a href="2IniciarSesionEgre.jsp"
class="button_egresado"style="position:absolute;top:335px;left:797px;"/>EGRE

SADO ➜</a>
</form>
</body>
</html>
CÓDIGO INICIO SESIÓN
/home/carolina/NetBeansProjects/Egresados_Graduados/web/2IniciarSesionAdmin.jsp
<%--
Document : 2IniciarSesionAdmin.jsp
Created on : 23-08-2016, 20:15:56
Author : carolina
--%>
<!DOCTYPE html>
<html>
<head>
<title>Inicio_Administrador</title>
<link rel="shortcut icon" href="imggraduado.png">
body {
margin: 0px;
}
.imgfondo {
margin:auto;
width: 100%;
height:95px;
border-style:none;
}
* {
margin: 0;
padding: 0;
}

html,body {
height:100%;
}
/* Div que engloba el contenido de la página menos el footer */
#wrapper {
min-height:100%;
}
header {
display:block;
background:#ccc;
padding:10px 0px;
}
section {
overflow: auto;
/* Definimos el padding inferior:
50px del pie de pagina mas 10px de separacion
*/
padding-bottom: 60px;
/* Definimos un padding superior */
padding-top:30px;
}
footer {
position: relative;
/* Altura total del footer en px con valor negativo */
margin-top: -50px;
/* Altura del footer en px. Se han restado los 5px del margen
superior mas los 5px del margen inferior
*/
height: 40px;
padding:5px 0px;
clear: both;
background: #286af0;
text-align: center;
color: #fff;
}
/* Esta clase define la anchura del contenido y la posicion centrada
El contenido queda centrado y limitado, pero la cabecera y el pie
llegan hasta los limites del navegador.
*/
.define {

width:960px;
margin:0 auto;
}
*{
padding:0px;
margin:0px
}
#header{
margin:auto;
width:900px;
font-family:Arial, Helvetica, sans-serif;
}
ul, ol{
list-style:none;
}
.nav li a {
background-color:#023859;
color:#fff;
text-decoration:none;
padding: 10px 40px;
display:block;
}
.nav li a:hover{
background-color:#E6344A;;
}
.nav > li {
float:left;
}
.nav li ul {
display:none;
position:absolute;
min-width:200px;
}
.nav li:hover > ul{
display:block;
}
.nav li ul li{
position:relative;

}
.nav li ul li ul{
right:-208px;
top:20px;
}
body{width:90%;margin:auto;min-width:600px;max-width:2000px}
</style>
</head>
<body>
<form method="post" action="Iniciar_Sesion_Admin">
<%--
BIENVENIDA
--%>
<TABLE>
<TR>
<img
src="imgporadministrador.png"width="955px"height="150px" />
</TR>
</TABLE>
<table align="center" border="10"
style="position:absolute;top:200px;left:500px;">
<tr>
<td colspan="2">
AUTENTICACION DE USUARIO
</td>
</tr>
<tr>
<td>
Usuario
</td>
<td>
<input type="text" name="usu"/>
</td>

</tr>
<tr>
<td>
Contraseña
</td>
<td>
<input type="password" name="pass"/>
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="Ingresar"/>
</td>
</tr>
</table>
</form>
</body>
</html>
CÓDIGO PANTALLA PRINCIPAL DEL ADMINISTRADOR
/home/carolina/NetBeansProjects/Egresados_Graduados/web/2Administrador.jsp
<%--
Document : Administrador
Created on : 13-08-2016, 11:21:55
Author : carolina
--%>
<!DOCTYPE html>
<html>
<head>
<title>Administrador</title>
body {
margin: 0px;
}

.imgfondo {
margin:auto;
width: 100%;
height:95px;
border-style:none;
}
* {
margin: 0;
padding: 0;
}
html,body {
height:100%;
}
#wrapper {
min-height:100%;
}
header {
display:block;
background:#ccc;
padding:10px 0px;
}
section {
overflow: auto;
*/
padding-top:30px;
}
footer {
position: relative;
margin-top: -50px;
*/

height: 40px;
padding:5px 0px;
clear: both;
text-align: center;
color: #fff;
}
*/
.define {
width:960px;
margin:0 auto;
}
*{
padding:0px;
margin:0px
}
#header{
margin:auto;
width:900px;
}
ul, ol{
list-style:none;
}
.nav li a {
color:#fff;
padding: 10px 40px;
display:block;
}
.nav li a:hover{
}

.nav > li {
float:left;
}
.nav li ul {
display:none;
position:absolute;
min-width:200px;
}
.nav li:hover > ul{
display:block;
}
.nav li ul li{
position:relative;
}
.nav li ul li ul{
right:-208px;
top:20px;
}
</style></head>
<body>
<form method="post" action="ingreso">
<%--
BIENVENIDA
--%>
<TABLE>
<TR>
<img
src="imgporadministrador.png"width="955px"height="150px" />
</TR>
</TABLE>

<center> <div id="header" style="position: absolute; left: 100px; top:200px; z-
index: 3;">
<ul class="nav">
<li><a href="2Administrador.jsp">Inicio</a></li>
<li><a href="">Registro</a>
<ul>
<li><a href="9Pantalla_Egresado.jsp">Egresado</a>
<ul>
<li><a href="3Registro_egresado.jsp"
target="_blank">Registro Personal</a></li>
<li><a href="4Registro_egresado_academico.jsp">Registro
Académico</a></li>
<li><a href="5Registro_egresado_trabajo.jsp">Registro de
Trabajo</a></li>
</ul></li>
<li><a href="9Pantalla_Graduado.jsp">Graduado</a>
<ul>
<li><a href="5Registro_graduado.jsp">Registro
Personal</a></li>
<li><a
href="5Registro_graduado_academico.jsp">Registro Académico</a></li>
<li><a href="5Registro_graduado_trabajo.jsp">Registro
de Trabajo</a></li>
</ul></li>
<li><a href="">Director de Proyecto</a>
</li>
<li><a href="5Registro_Secretaria.jsp">Secretaria</a>
</li>
<li><a href="">Dep. Bienestar Estudiantil</a>
</li>
<li><a
href="5Registro_Administrador.jsp">Administrador</a>
</li>
</ul>
</li>
<li><a href="">Matrices</a>
<ul>

<li><a href="">Egresado</a>
<ul>
<li><a href="6Matriz_registro_egresado.jsp"
target="_blank">Datos Personales</a></li>
<li><a
href="7Matriz_registro_egresado_academico.jsp">Datos Académicos</a></li>
<li><a
href="8Matriz_registro_egresado_trabajo.jsp">Datos de Trabajo</a></li>
</ul></li>
<li><a href="">Graduado</a>
<ul>
<li><a href="8Matriz_registro_graduado.jsp"
<li><a
href="8Matriz_registro_graduado_academico.jsp">Datos Académicos</a></li>
<li><a
href="8Matriz_registro_graduado_trabajo.jsp">Datos de Trabajo</a></li>
</ul></li>
<li><a
href="8Matriz_registro_administrador.jsp">Administrador</a>
</li>
</ul>
</li>
<li><a href="">Reportes</a>
<ul>
<ul>
<li><a
<li><a
</ul></li>
<ul>
<li><a href="" target="_blank">Reporte
Personal</a></li>
<li><a href="">Reporte Academico</a></li>

<li><a href="">Reporte de Trabajo</a></li>
</ul></li>
</ul>
</li>
<li><a href="">Sugerencias</a>
<ul>
<li><a href="">Egresado</a></li>
<li><a href="">Graduado</a></li>
</ul></li>
<li><a href="2IniciarSesionAdmin.jsp">Salir</a>
</li>
</ul></div>
</form>
<%--PERMITE INGRESAR REDES SOCIALES A LA PÁGINA
--%>
<footer>
<img src="pie_pagina.png"width="100%"height="100%" />
</footer>
</body>
</html>
CÓDIGO REGISTRO EGRESADO
/home/carolina/NetBeansProjects/Egresados_Graduados/web/3Registro_egresado.jsp
<%--
Document : 3Registro_egresado
Created on : 13-08-2016, 12:18:18
Author : carolina
--%>
<%@page import="Modelo.Consulta"%>

<%@page import="javax.swing.JOptionPane"%>
<%@page import="Modelo.Usuario"%>
<!DOCTYPE html>
<html>
<head>
<title>Registro_Egresado</title>
body {
margin: 0px;
}
.imgfondo {
margin:auto;
width: 100%;
height:100%;
border-style:none;
}
* {
margin: 0;
padding: 0;
}
html,body {
height:100%;
}
#wrapper {
min-height:100%;
}
header {
display:block;
background:#ccc;
padding:10px 0px;
}
section {
overflow: auto;

*/
padding-top:30px;
}
footer {
position: relative;
margin-top: -50px;
*/
height: 40px;
padding:5px 0px;
clear: both;
text-align: center;
color: #fff;
}
*/
.define {
width:960px;
margin:0 auto;
}
*{
padding:0px;
margin:0px
}
#header{
margin:auto;
width:1000px;
}
ul, ol{

list-style:none;
}
.nav li a {
color:#fff;
padding: 10px 40px;
display:block;
}
.nav li a:hover{
}
.nav > li {
float:left;
}
.nav li ul {
display:none;
position:absolute;
min-width:200px;
}
.nav li:hover > ul{
display:block;
}
.nav li ul li{
position:relative;
}
.nav li ul li ul{
right:-208px;
top:15px;
}
</style>
</head>
<body>

<%--
BIENVENIDA
--%>
<TABLE>
<TR>
<img src="imglogo.png" width="100%"height="150px" />
</TR>
</TABLE>
<%
if(request.getParameter("Nombre")!
=null&&request.getParameter("Apellido")!
=null&&request.getParameter("Cedula")!
=null&&request.getParameter("Direccion")!
=null&&request.getParameter("Telefono")!
=null&&request.getParameter("Correo")!
=null&&request.getParameter("Estado_civil")!
=null&&request.getParameter("Ciudad")!
=null&&request.getParameter("Fecha_nacimiento")!
=null&&request.getParameter("Sexo")!
=null&&request.getParameter("Password")!=null){
//Inscritos ins=new Inscritos(0,
request.getParameter("Nombres"),request.getParameter("Apellidos"),request.ge
tParameter("Correo"),request.getParameter("Fecha_Nacimiento"),request.getPa
rameter("Cedula"),request.getParameter("Direccion"),request.getParameter("Tel
efono"),request.getParameter("Taller"),request.getParameter("Forma_Pago"));
Usuario tb=new Usuario(0,
request.getParameter("Nombre"),request.getParameter("Apellido"),request.getP
arameter("Cedula"),request.getParameter("Direccion"),request.getParameter("T
elefono"),request.getParameter("Correo"),request.getParameter("Estado_civil"),
request.getParameter("Ciudad"),request.getParameter("Fecha_nacimiento"),req
uest.getParameter("Sexo"),request.getParameter("Password"));
boolean respuesta=Consulta.insertarUsuario(tb);
if(respuesta!=false)
JOptionPane.showMessageDialog(null, "Los datos se
guardaron correctamente");
else
JOptionPane.showMessageDialog(null, "Los datos no se

guardaron correctamente");
session.invalidate();
}
%>
<CENTER><h1>REGISTRO EGRESADO</h1></center>
<br/>
<center> <div id="header" style="position: absolute; left: 100px; top:200px; z-
index: 3;">
<ul class="nav">
<ul>
<li><a href="">Egresados</a>
<ul>
target="_blank">Registro Personal</a></li>
Académico</a></li>
Trabajo</a></li>
</ul></li>
<li><a href="">Graduados</a>
<ul>
<li><a href="">Registro</a></li>
<li><a href="">Registro de trabajo</a></li>
</ul></li>
<li><a href="">Director de Proyecto</a>
</li>
<li><a href="">Secretaria</a>
</li>
<li><a href="">Dep. Bienestar Estudiantil</a>
</li>
</ul>
</li>
<ul>

<ul>
<li><a
<li><a
</ul></li>
<ul>
<li><a href="">Datos Académicos</a></li>
<li><a href="">Datos de Trabajo</a></li>
</ul></li>
</ul>
</li>
<ul>
<li><a href="">Reporte General</a></li>
<li><a href="">Reporte Egresados</a></li>
<li><a href="">Reporte Graduados</a></li>
<li><a href=""></a></li>
</ul></li>
<ul>
</ul></li>
<li><a href="">Salir</a>
</li>
</ul></div>
<center><form action="3Registro_egresado.jsp">

width="4"><input type="text" size="20" name="Nombre" maxlength="30"
placeholder="Ingrese su nombre" onkeyup =
"this.value=this.value.toUpperCase()" onkeypress="return valida_letras(event)"
required></td>
</tr>
<tr>
width="4">Apellido:*</td>
width="4"><input type="text" size="20" name="Apellido" maxlength="30"
placeholder="Ingrese su apellido" onkeyup =
required> </td>
</tr>
<tr>
width="4">Cédula:*</td>
width="4"><input type="text" size="20" name="Cedula" maxlength="10"
placeholder="Ingrese su cédula" onkeyup =
"this.value=this.value.toUpperCase()" onkeypress="return
valida_numeros(event)" required> </td>
</tr>
<tr>
width="4">Dirección:*</td>
width="4"><input type="text" size="20" name="Direccion" maxlength="30"
placeholder="Ingrese su dirección" onkeyup =
required> </td>
</tr>
<tr>
width="4">Teléfono:*</td>
width="4"><input type="text" size="20" name="Telefono" maxlength="7"

placeholder="Ingrese su teléfono" onkeyup =
valida_numeros(event)" required> </td>
</tr>
<tr>
width="4">Correo Electrónico:*</td>
width="4"><input type="text" size="20" name="Correo" maxlength="30"
placeholder="Ingrese su correo electrónico" required> </td>
</tr>
<tr>
<td style="position:absolute;top:400px;left:200px; width:
500px">Estado Civil:*</td>
<td style="position:absolute;top:400px;left:320px;"><select
style="width:167px" name="Estado_civil" >
<option value="0">Seleccionar</option>
<option value="soltera">Solter@ </option>
<option value="casada">Casad@ </option>
<option value="divorciada">Divorsiad@ </option>
</select> </td>
</tr>
<tr>
width="4">Ciudad:*</td>
width="4"><input type="text" size="20" name="Ciudad" maxlength="30"
placeholder="Ciudad" onkeyup = "this.value=this.value.toUpperCase()"
onkeypress="return valida_letras(event)" required> </td>
</tr>
<tr>
width="700px">Fecha de nacimiento:*</td>
width="4"><input type="text" size="20" name="Fecha_nacimiento"
maxlength="10" placeholder="Ingrese dd/mm/aaaa" onkeyup =
valida_numeros(event)" required></td>

</tr>
<tr>
<td style="position:absolute;top:450px;left:600px; width:
500px">Sexo:*</td>
<td style="position:absolute;top:450px;left:653px;"><select
style="width:153px" name="Sexo">
<option>Femenino </option>
<option>Masculino </option>
<option>Otro </option>
</select> </td>
</tr>
<tr>
width="700px">Contraseña:*</td>
width="4"><input type="text" size="20" name="Password" maxlength="10"
placeholder="Ingrese la contraseña" onkeyup =
"this.value=this.value.toUpperCase()" required></td>
</tr>
<tr>
width="4"><input type="submit" value="Insertar"></td>
</tr>
</table>
</form> </center>
</body>
</html>
CÓDIGO MATRIZ EGRESADO
/home/carolina/NetBeansProjects/Egresados_Graduados/web/6Matriz_registro_egresado.jsp
<%--
Document : 6Matriz_registro_egresado
Created on : 20-08-2016, 13:48:41
Author : carolina
--%>

<%@page import="java.io.FileOutputStream"%>
<%@page import="com.itextpdf.text.Document"%>
<%@page import="com.itextpdf.text.Paragraph" %>
<%@page import="com.itextpdf.text.pdf.PdfWriter" %>
<%@page import="javax.swing.JOptionPane"%>
<%@page import="net.sf.jasperreports.engine.*"%>
<%@page import="net.sf.jasperreports.view.JasperViewer"%>
<%@page import="javax.servlet.ServletResponse"%>
<%@page import="Modelo.Consulta"%>
<%@page import="java.util.List"%>
<%@page import="Modelo.Usuario"%>
<!DOCTYPE html>
<html>
<head>
<title>Matriz_Egresado</title>
body {
margin: 0px;
}
.imgfondo {
margin:auto;
width: 100%;
height:100%;
border-style:none;
}
* {
margin: 0;
padding: 0;
}
html,body {
height:100%;
}
#wrapper {
min-height:100%;

}
header {
display:block;
background:#ccc;
padding:10px 0px;
}
section {
overflow: auto;
*/
padding-top:30px;
}
footer {
position: relative;
margin-top: -50px;
*/
height: 40px;
padding:5px 0px;
clear: both;
text-align: center;
color: #fff;
}
*/
.define {
width:960px;
margin:0 auto;
}
*{
padding:0px;

margin:0px
}
#header{
margin:auto;
width:1000px;
}
ul, ol{
list-style:none;
}
.nav li a {
color:#fff;
padding: 10px 40px;
display:block;
}
.nav li a:hover{
}
.nav > li {
float:left;
}
.nav li ul {
display:none;
position:absolute;
min-width:200px;
}
.nav li:hover > ul{
display:block;
}
.nav li ul li{
position:relative;
}
.nav li ul li ul{
right:-208px;
top:15px;
}

#table-scroll {
width: 960px;
height: 100px;
overflow: auto;
}
#table2-scroll {
width: 960px;
height: 150px;
overflow: auto;
}
table, td, th {
border: rgba(193, 193, 193, 0.48) 1px solid;
}
#fixedY{
position: relative;
top: 0;
z-index: 99;
}
#fixedY table{
border-collapse: collapse;
width: 900px;
}
#fixedY table th, #fixedY table td {
width: 25%;
}
#fixedY table th {
background-color: #065459;
font: bold 15px Tahoma, Geneva, sans-serif;
color: rgb(255, 255, 255);
}

#cuerpoDatos {
width: 900px;
}
#cuerpoDatos > div{
float: left;
}
#cuerpoDatos > div#fixedX{
width: 25%;
position: relative;
left: 0;
z-index: 98;
background-color: yellow;
}
#cuerpoDatos > div#fixedX table{
width: 100%;
}
#cuerpoDatos > div#nofixedX{
width: 100%;
}
#cuerpoDatos > div#nofixedX table{
width: 100%;
}
#cuerpoDatos > div#nofixedX table td {
width: 33%;
}
</style>
<script type="text/javascript">
function fnc() {
document.getElementById('table-scroll').onscroll = function() {
document.getElementById('fixedY').style.top = document.getElementById('table-

scroll').scrollTop + 'px';
document.getElementById('fixedX').style.left = document.getElementById('table-
scroll').scrollLeft + 'px';
};
}
window.onload = fnc;
</script>
</head>
<body>
<%--
BIENVENIDA
--%>
<TABLE><TR><img src="imglogo.png"
width="100%"height="150px" /></TR></TABLE>
<center> <div id="header" style="position: absolute; left: 100px;
top:200px; z-index:3">
<ul class="nav">
<ul>
<li><a href="">Egresados</a>
<ul><li><a href="3Registro_egresado.jsp" target="_blank">Registro
Personal</a></li>
Académico</a></li>
Trabajo</a></li>
</ul></li>
<li><a href="">Graduados</a>
<ul><li><a href="">Registro</a></li>
<li><a href="">Registro de trabajo</a></li>
</ul></li>
<li><a href="">Director de Proyecto</a></li>
<li><a href="">Secretaria</a></li>
<li><a href="">Dep. Bienestar Estudiantil</a></li>
</ul></li>

<ul> <li><a href="">Egresado</a>
<ul>
<li><a href="6Matriz_registro_egresado.jsp" target="_blank">Datos
Personales</a></li>
<li><a href="7Matriz_registro_egresado_academico.jsp">Datos
Académicos</a></li>
<li><a href="8Matriz_registro_egresado_trabajo.jsp">Datos de
Trabajo</a></li>
</ul></li>
<ul>
<li><a href="3Registro_egresado.jsp" target="_blank">Datos
Personales</a></li>
<li><a href="">Datos Académicos</a></li>
<li><a href="">Datos de Trabajo</a></li>
</ul></li>
</ul>
</li>
<ul>
<li><a href="">Reporte General</a></li>
<li><a href="">Reporte Egresados</a></li>
<li><a href="">Reporte Graduados</a></li>
<li><a href=""></a></li>
</ul></li>
<ul>
</ul></li>
<li><a href="">Salir</a></li>
</ul></div>
<%
if(request.getParameter("Nombre")!
=null&&request.getParameter("Apellido")!

=null&&request.getParameter("Cedula")!
=null&&request.getParameter("Direccion")!
=null&&request.getParameter("Telefono")!
=null&&request.getParameter("Correo")!
=null&&request.getParameter("Estado_civil")!
=null&&request.getParameter("Ciudad")!
=null&&request.getParameter("Fecha_nacimiento")!
=null&&request.getParameter("Sexo")!
=null&&request.getParameter("Password")!=null){
int Idins=Integer.parseInt(session.getAttribute("Id").toString());
Usuario act=new
Usuario(Idins,request.getParameter("Nombre"),request.getParameter("Apellido"
),request.getParameter("Cedula"),request.getParameter("Direccion"),request.get
Parameter("Telefono"),request.getParameter("Correo"),request.getParameter("E
stado_civil"),request.getParameter("Ciudad"),request.getParameter("Fecha_nac
imiento"),request.getParameter("Sexo"),request.getParameter("Password"));
boolean respuesta=Consulta.ActualizarUsuario(act);
session.invalidate();
if(respuesta!=false){
JOptionPane.showMessageDialog(null, "Datos Actualizados
Correctamente");
}else{
JOptionPane.showMessageDialog(null, "Datos No Actualizados");
%>
<% } %> <% } %>
<center><h1>Egresados Almacenados</h1></center>
<div border="1" style="margin-top:65px">
<form method="post" action="">
<center><select name="combo" id="combo">
<option value="0">Seleccionar...</option>
<option value="Cedula"> Cedula</option></select>
<input type="text" name="dato">
<input type="submit" name="buscar" value="Buscar" /></center>
</div>
<div border="1" style="margin-top:20px" id="table-scroll"
id="nofixedX">
<table border="1">
<thead>
<th>Id</th>

<th>Nombre</th>
<th>Apellido</th>
<th>Cédula</th>
<th>Dirección</th>
<th>Teléfono</th>
<th>Correo</th>
<th>Estado civil</th>
<th>Ciudad</th>
<th>Fecha de nacimiento</th>
<th>Sexo</th>
<th>Password</th>
<%
if(request.getParameter("combo")!=null){
if(request.getParameter("combo").equals("Cedula")){
String cedula=request.getParameter("dato");
List<Usuario>usuario=Consulta.BuscarCedula(cedula);
for(int x = 0; x < usuario.size(); x++){
%>
<tr>
<td><%=usuario.get(x).getId()%></td>
<td><%=usuario.get(x).getNombre()%></td>
<td><%=usuario.get(x).getApellido()%></td>
<td><%=usuario.get(x).getCedula()%></td>
<td><%=usuario.get(x).getDireccion() %> </td>
<td><%=usuario.get(x).getTelefono() %> </td>
<td><%=usuario.get(x).getCorreo()%> </td>
<td><%=usuario.get(x).getEstado_civil()%> </td>
<td><%=usuario.get(x).getCiudad()%> </td>
<td><%=usuario.get(x).getFecha_nacimiento()%> </td>
<td><%=usuario.get(x).getSexo()%> </td>
<td><%=usuario.get(x).getPassword()%> </td>
<% } } } %>
</tr>
</tbody>
</table>
</div>

<center><h1>Egresados Almacenados General</h1></center>
<div border="1" style="margin-top:20px" id="table2-scroll"
id="nofixedX">
<table border="1">
<thead>
<th>Nombre</th>
<th>Apellido</th>
<th>Cédula</th>
<th>Dirección</th>
<th>Teléfono</th>
<th>Correo</th>
<th>Estado civil</th>
<th>Ciudad</th>
<th>Fecha de nacimiento</th>
<th>Sexo</th>
<th>Password</th>
<%String nombre="";%>
<%String apellido="";%>
<%String cedula="";%>
<%String direccion="";%>
<%String telefono="";%>
<%String correo="";%>
<%String estadocivil="";%>
<%String ciudad="";%>
<%String fechanacimiento="";%>
<%String sexo="";%>
<%String password="";%>
<%
List<Usuario> usuario=Consulta.MostrarUsuario();
for(int i=0;i<usuario.size();i++){
nombre=usuario.get(i).getNombre();
apellido=usuario.get(i).getApellido();
cedula=usuario.get(i).getCedula();
direccion=usuario.get(i).getDireccion();
telefono=usuario.get(i).getTelefono();
correo=usuario.get(i).getCorreo ();
estadocivil=usuario.get(i).getEstado_civil();
ciudad=usuario.get(i).getCiudad();

fechanacimiento=usuario.get(i).getFecha_nacimiento();
sexo=usuario.get(i).getSexo();
password=usuario.get(i).getPassword();
%>
<tr>
<td><%=usuario.get(i).getNombre()%> </td>
<td><%=usuario.get(i).getApellido() %> </td>
<td><%=usuario.get(i).getCedula() %> </td>
<td><%=usuario.get(i).getDireccion() %> </td>
<td><%=usuario.get(i).getTelefono() %> </td>
<td><%=usuario.get(i).getCorreo()%> </td>
<td><%=usuario.get(i).getEstado_civil()%> </td>
<td><%=usuario.get(i).getCiudad()%> </td>
<td><%=usuario.get(i).getFecha_nacimiento()%> </td>
<td><%=usuario.get(i).getSexo()%> </td>
<td><%=usuario.get(i).getPassword()%> </td>
<td><a href="10Modificar_egresado.jsp?Id=<%=usuario.get(i).getId()
%>&&Nombre=<%=usuario.get(i).getNombre() %>&&Apellido=<
%=usuario.get(i).getApellido()%>&&Cedula=<%=usuario.get(i).getCedula()
%>&&Direccion=<%=usuario.get(i).getDireccion()%>&&Telefono=<
%=usuario.get(i).getTelefono()%>&&Correo=<%=usuario.get(i).getCorreo()
%>&&Estado_civil=<%=usuario.get(i).getEstado_civil()%>&&Ciudad=<
%=usuario.get(i).getCiudad()%>&&Fecha_nacimiento=<
%=usuario.get(i).getFecha_nacimiento()%>&&Sexo=<
%=usuario.get(i).getSexo()%>&&Password=<%=usuario.get(i).getPassword()
%>"> Modificar</a></td>
<td><a href="11Eliminar_egresado.jsp?Id=<%=usuario.get(i).getId()
%>">Eliminar</a></td>
<%
}
%>
</tr>
</thead>
</table>
</div>
</form>
<table border="1">
<%

try{
Document documento = new Document();
FileOutputStream ficheropdf=new
FileOutputStream("/home/carolina/Escritorio/egresados.pdf");
PdfWriter.getInstance(documento, ficheropdf).setInitialLeading(20);
documento.open();
documento.addAuthor("root");
documento.addLanguage("Español");
documento.addTitle("pdf caro");
documento.add(new Paragraph("Nombre:"+nombre));
documento.add(new Paragraph("Apellido:"+apellido));
documento.add(new Paragraph("Cedula:"+cedula));
documento.add(new Paragraph("Direccion:"+direccion));
documento.add(new Paragraph("Telefono:"+telefono));
documento.add(new Paragraph("Correo:"+correo));
documento.add(new Paragraph("Estado
Civil:"+estadocivil));
documento.add(new Paragraph("Ciudad:"+ciudad));
documento.add(new Paragraph("Fecha de
nacimiento:"+fechanacimiento));
documento.add(new Paragraph("Sexo:"+sexo));
documento.add(new Paragraph("nn"));
documento.close();
}catch(Exception e){
}
%>
</table>
</body>
</html>

PRUEBAS
Sistema Detalle Base de Datos Detalle Observación
Iniciar sesión Factible Inicio sesión evidente
Pantalla de
Administrador
Factible Administrador evidente
Pantalla de Egresado Factible Egresado evidente
Pantalla de Graduado Factible Graduado evidente
Pantalla Secretaria Factible Secretaria evidente
Pantalla
Departamento de
Bienestar Estudiantil
Factible Dep. Bienestar
Estudiantil
evidente
MANUAL
Se presenta un manual de usuario correspondiente al proyecto titulado “ANÁLISIS, DISEÑO,
DESARROLLO DE UN SISTEMA INFORMÁTICO PARA EL SEGUIMIENTO DE
EGRESADOS Y GRADUADOS DEL INSTITUTO TECNOLÓGICO SUPERIOR “NUESTRA
SEÑORA DEL ROSARIO” DEL CANTÓN CATAMAYO PROVINCIA DE LOJA PERIODO
ABRIL-AGOSTO 2016“
MANUAL DE AUTENTIFICACIÓN DE USUARIO/ INICIO SESIÓN
El usuario deberá ingresar los datos de autentificación. (Ver figura 19)
Usuario y Contraseña : Corresponderán al correo electrónico y a un password, una vez
ingresados pulsar el botón Ingresar.

Figura 19: Ventana principal del Ingreso
MANUAL DEL ADMINISTRADOR
La pantalla del Administrador contará con un ménu principal.
El administrador podrá registrar a los egresados, graduados ,director de proyecto ,secretaria
y departamento de bienestar estudiantil y Administrador dependiendo a su necesidad.
Figura 20: Ventana Registro del Administrador
El administrador tendrá la opción de Matrices mismo que consta de lo siguiente:

Figura 21: Ventana Matrices del Administrador
DOCUMENTACIÓN
Figura 22: Paquete del sistema

Figura 23: Clase Conexión
Figura 24: Clase Consulta

Figura 25: Modelo
CONCLUSIONES
• Se logró analizar, diseñar y desarrollar un sistema informático para el seguimiento de
egresados y graduados del Instituto Tecnológico Superior “Nuestra Señora del
Rosario”
• Se realizó un escrito teniendo en cuenta el desarrollo, de la parte preliminar, los
diferentes diagramas mismos que fueron de mucha utilidad para la realización del
sistema.
• Se conoció el grado de satisfacción de los graduados-egresados permitiendo poder
tener una información la cual sirvió como aporte para el sistema.

RECOMENDACIONES
• Se recomienda que los usuarios al ingresar al sistema lo hagan con datos que sean
verídicos.
• Se recomienda a todos los usuarios que si tiene problemas con ingresar al sistema se
guíe mediante una opción de manual, para que de esa manera no tenga ningún tipo
de inconvenientes.
• Se sugiere a la Institución dar a conocer a la planta administrativa la existencia del
sistema
• Finalmente se sugiere a la Institución que se dé a conocer a todos los alumnos de los
diferentes ciclos y especialidades de análisis de sistemas y Contabilidad-Auditoria los
beneficios que estará brindando el sistema.
BIBLIOGRAFIA / WEB-GRAFÍA
• Sánchez, M. (2013). Diagramas de Caso de Uso. Recuperado de
http://www.es.slideshare.net/MiguelSanchez14/diagramas-de-casos-de-uso-24202773{25-08-
2016}
• Gale, A. (2008). Caso de Uso. Recuperado de http://www.es.slideshare.net/lloga7/caso-de
uso-presentation{25-08-2016}
• Bernal, M. (2013). Metodología ICONIX. Recuperado de
http://www.iisoftware.blogspot.com{25-08-2016}
• Sater, J. (2014). Metodología ICONIX. Recuperado
http://www.metodologiaiconix.blogspot.com{25-08-2016} de
• Giraldo, F. (2012). Diagrama de distribución. Recuperado de https://prezi.com/dg-
yflqm83yj/diagrama-de-distribucion/{25-08-2016}

Proyecto ingenieria

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Destacado

Destacado (8)

Similar a Proyecto ingenieria

Similar a Proyecto ingenieria (20)

Último

Último (6)

Proyecto ingenieria