Proyecto de seguimiento de egresados

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 PARA EL SEGUIMIENTO DE EGRESADOS Y GRADUADOS DEL INSTITUTO TECNOLÓGICO SUPERIOR “NUESTRA SEÑORA DEL ROSARIO” UBICADO EN LA CIUDAD DE LOJA, CANTÓN CATAMAYO PERIODO 2016-2017“

AUTOR:

Dennis Geovanny Guevara Quevedo

TUTOR:

Tlgo. Luis Tillaguango

AÑO LECTIVO2015- 2016

CERTIFICACIÓN

TLGO. LUIS TILLAGUANGO DOCENTE DE LA CARRERA DE ANÁLISIS DE SISTEMAS DEL INSTITUTO TECNOLÓGICO SUPERIOR “NUESTRA SEÑORA DEL ROSARIO”.

CERTIFICO:

Que el presente trabajo investigativo, previo a optar el grado de Tecnóloga en

Análisis de Sistemas, 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” UBICADO EN LA CIUDAD DE LOJA, CANTÓN CATAMAYO PERIODO 2016-2017” elaborado por la estudiante Dennis

Geovanny Guevara Quevedo, ha sido dirigido y revisado en todo el proceso;

cumpliendo con las disposiciones legales vigentes del Instituto Tecnológico

Superior “Nuestra Señora del Rosario”, por lo cual autorizo su presentación,

sustentación y defensa ante el respectivo tribunal de grado.

Catamayo, agosto del 2016

TLGO. LUIS TILLAGUANGO

TUTOR DEL PROYECTO

ii

AUTORÍA

Yo, Dennis Geovanny Guevara Quevedo con C.I.: 1105953135 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” UBICADO EN LA CIUDAD DE LOJA, CANTÓN CATAMAYO PERIODO 2016-2017”, el cual presento como requisito para optar por el título

de Tecnólogo en Análisis de Sistemas del Instituto Tecnológico Superior

"Nuestra Señora del Rosario”, es el producto de mi ardua labor investigativa.

Así mismo, doy fe de este trabajo, es original e inédito, el contenido, efectos

legales y académicos que se desprenden del mismo son exclusividad del autor.

Dennis Geovanny Guevara Quevedo

C.I.: 1105953135AUTOR

iii

RESUMEN

El presente proyecto es realizado debido a la falta de un sistema que permita el

seguimiento de egresados y graduados del Instituto Tecnológico Superior

“Nuestra Señora del Rosario” a través de la web, ya que en la institución existe

dicho sistema, pero este solo es usado a través de cliente servidor, es decir

que solo se puede tener acceso al sistema en la institución generando

problemas al momento de que los usuarios quieran hacer uso del mismo.

Por lo tanto, dicha aplicación web mejorara la usabilidad y accesibilidad para

los usuarios de tal manera que cualquier egresado y graduado pueda obtener

su información de su estado actual, enviar sugerencias al administrador,

imprimir reportes de su información académica y datos personales. Y en el

caso del administrador, podrá registrar egresados y graduados, actualizar sus

datos, generar reportes y en general manejar cualquier información debido al

perfil que desempeña. La secretaria también cumplirá un papel importante ya

que ella también podrá registrar egresados y graduados, buscar información, y

generar reportes de los mismos, teniendo en cuenta que cada perfil debe pasar

por una ventana de logeo con su nombre de usuario y la contraseña.

Por tales razones mencionadas se presenta como proyecto 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” UBICADO EN LA CIUDAD DE LOJA, CANTÓN CATAMAYO PERIODO 2016-2017”.

iv

INTRODUCCIÓN

El seguimiento de egresados constituye uno de los factores muy importantes

para una institución, como es el caso del Instituto Tecnológico Superior

“Nuestra Señora del Rosario” debido a que los estudiantes que terminan su

carrera deberían ser registrados a través de un sistema informático, con el fin

de que la institución lleve un registro de cada estudiante egresado o graduado,

de tal manera que dicha información obtenida permitirá a la institución saber

cómo sus profesionales se desenvuelven en el ámbito laboral fuera de la

institución.

Así, el Instituto Tecnológico Superior “Nuestra Señora del Rosario” ya tiene

para su disposición un sistema de seguimiento de egresados alojado en su

propio servidor local, de tal manera que el encargado del manejo de dicho

sistema puede manipular la información solo en la institución académica.

Por lo tanto, el presente proyecto es redactado por motivo de proyecto de fin de

la carrera de Análisis de sistemas, para la obtención del título de Tlgo. en dicha

carrera realizando un sistema informático que tiene como 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” UBICADO

EN LA CIUDAD DE LOJA, CANTÓN CATAMAYO PERIODO 2016-2017”. Con

la finalidad de reemplazar el sistema local por un sistema que estará a

disposición de cualquier usuario debido a que su implementación será en la

web.

v

vi

CAPITULO I.

1. Datos del proyecto

1.1. PROBLEMA

Hoy en día la tecnología se presenta como una herramienta indispensable para

satisfacer las necesidades de un ser humano en todos los ámbitos necesarios

que cada persona ejerce.

Muchos de los países cuentan con sistemas especializados para el

seguimiento de los alumnos egresados y graduados en sus instituciones,

logrando que dicha información se pueda almacenar de una manera eficaz y

segura.

En el Instituto Tecnológico Superior “Nuestra Señora del Rosario” ubicado en el

cantón Catamayo de la ciudad de Loja, se requiere este sistema, ya que la

institución cuenta con un sistema que no cumple con todas las necesidades

requeridas, es decir, el sistema se encuentra alojado en un servidor Local, de

tal manera que se limite a solo funcionar en la institución, por lo tanto se

requiere que dicho sistema se encuentre funcionando a través de la web, de

este modo los usuarios involucrados puedan acceder a la información del

sistema en cualquier lugar que tenga acceso a la internet, dándoles comodidad.

1

1.2. OBJETIVOS

1.2.1. OBJETIVO GENERAL:

Analizar, diseñar y desarrollar un sistema web que permita el seguimiento de

los egresados y graduados del Instituto tecnológico Superior “Nuestra Señora

del Rosario” para implementarlo en la respectiva página web de la institución

con el fin de que cualquier usuario pueda hacer uso del mismo.

1.2.2. OBJETIVOS ESPECÍFICOS:

Investigar y analizar los requerimientos necesarios con el fin de que el

sistema cumpla con las necesidades de los usuarios que lo utilizarán.

Utilizar todos los conocimientos básicos acerca de la accesibilidad para

que la interacción del usuario al sistema sea más adaptable y fácil.

Desarrollar los diferentes diagramas necesarios con el fin de que el

análisis esté óptimo para la programación.

Implementar el sistema en la web de tal manera que cualquier usuario

pueda tener acceso al mismo.

Dar comodidad a los usuarios de hacer uso de la aplicación en cualquier

lugar que exista conexión a internet.

Facilitar a los egresados y graduados la obtención de su información

personal.

2

1.3. REQUERIMIENTOS

1.3.1. REQUERIMIENTOS FUNCIONALES

CÓDIGO DESCRIPCIÓN

RF001. Registro de usuarios: Administradores, secretarias y egresados

RF002.Registro y control de los datos personales de los egresados y

graduados

RF003.Modificación o actualización de los datos personales de los

egresados y graduados

RF004. Registro y control del trabajo actual de los egresados y graduados

RF005.Modificación o actualización de los datos del trabajo actual de los


RF006.Registro y control de los datos académicos de los egresados y

graduados

RF007.Modificación o actualización de datos académicos de los

egresados y graduados.

RF008. El egresado y graduado solicita información de la institución

RF009.El egresado y graduado solo solicitará reportes de su estado

actual

RF010. El egresado y graduado solo tiene acceso a su propia información

RF011.Presenta reportes del estado académico de los egresados y

graduados

RF012.Presentar reportes del trabajo actual de los egresados y

graduados

RF013. Administrar el acceso del sistema para cada usuario

RF014.Registro y control de datos del director del proyecto de los


RF015.Modificación o actualización de datos del director del proyecto de

los egresados y graduados

RF016.Acceso al sistema en 3 perfiles: administrador, secretaria, y

egresados

RF017. El administrador registrará uno o más administradores, si se

3

solicita

RF018.Las contraseñas de los egresados y graduados registrados

deberán ser randómicas

RF019. Los egresados y graduados podrán cambiar su contraseña

RF020.Los egresados podrán enviar sugerencias al administrador acerca

de su información

RF021.El administrador podrá ver la información de cualquier perfil

registrado en el sistema (Administradores, Secretaria, Egresados)

RF022. El sistema debe tener campos validados.

1.3.2. REQUERIMIENTOS NO FUNCIONALES

1.3.2.1. REQUERIMIENTOS DEL PRODUCTO.

CÓDIGO DESCRIPCIÓN

RNF001. El sistema funcionará en cualquier sistema operativo.

RNF002. El sistema necesitara el lenguaje Java para su uso.

RNF003. El sistema deberá usar el gestor de base de datos Mysql.

RNF004. El sistema deberá estar alojado en un servidor web.

RNF005.El sistema necesitará para su ejecución un procesador Pentium

Dual Core como mínimo

RNF006.El sistema necesitara para su ejecución una memoria RAM de

2GB como mínimo

RNF007. El sistema requerirá un disco duro de mínimo 80GB

RNF008. El sistema requerirá tarjeta de video integrada de 64MB

RNF009.El sistema requerirá una tarjeta de red para las conexiones a

internet

RNF010. La velocidad de red debe ser como mínimo de 2mb/sTabla 2 Requerimientos del producto

Fuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”Elaborada por: Dennis Guevara

4

Tabla 1 Requerimientos funcionales del sistemaFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”

Elaborada por: Dennis Guevara

1.3.2.2. REQUERIMIENTOS DE USABILIDAD

RNF011.

El tiempo de aprendizaje del sistema por un usuario deberá ser

menos de 2 horas.

RNF012.

Los errores cometidos por el usuario deben ser menor a 1%

RNF013.

El sistema deberá contar con manuales

RNF014.

El sistema deberá contar con mensajes de errores al cometerlos

RNF015.

El sistema deberá contar con interfaces fáciles de entender

Tabla 3 Requerimientos de usabilidad del sistemaFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


1.3.2.3. REQUERIMIENTOS DE EFICIENCIA

RNF016.La velocidad de carga de la aplicación web deberá depender de la

velocidad del internet

RNF017.Cualquier proceso realizado por el sistema debe ser en menos de

5 segundos

RNF018.El sistema debe ser capaz de operar con varios usuarios con

sesiones activasTabla 4 Requerimientos de eficiencia del sistema


1.3.2.4. REQUERIMIENTOS DE PORTABILIDAD

RNF019.El sistema operativo funcionara en cualquier sistema operativo

debido a que es una aplicación web.Tabla 5 Requerimientos de portabilidad del sistema


1.3.2.5. REQUERIMIENTOS DE SEGURIDAD

5

RNF020.

El administrador será el único que podrá manejar toda la

información del sistema

RNF021.

Deberá existir respaldos frecuentes de la información

RNF022.

Las contraseñas guardadas y nombres de usuarios deberán estar

encriptadasTabla 6 Requerimientos de seguridad


1.3.2.6. REQUERIMIENTOS DE MANTENIBILIDAD

RNF023.

El sistema deberá tener un mantenimiento cada mes

RNF024.

El administrador del sistema deberá solucionar errores que se

presentes en el mismo.Tabla 7 Requerimientos de mantenibilidad del sistema


6

Figura 1 Diagrama de actividadesFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


1.4. DIAGRAMA DE ACTIVIDADES

7

1.5. MODELO DEL DOMINIO

Figura 2 Modelo de dominioFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


8

..*

1.6. DIAGRAMA DE CLASES INICIAL

Figura 3 Diagrama de clasesFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


9

CAPITULO II.

2. CICLO DE VIDA

2.1. MODELO

Para el desarrollo del proyecto de sistema de seguimiento de egresados y

graduados del Instituto Tecnológico Superior “Nuestra Señora del Rosario”, es

muy importante seguir un modelo de desarrollo de software, ya que debemos

seguir una serie de fases de manera ordenada dependiendo del modelo a

escoger con el fin de que el software se desarrolle de manera adecuada.

Por lo tanto, para el sistema de egresados y graduados se seguirá el modelo

en cascada, cuyo modelo es el más básico para los paradigmas de un ciclo de

vida de software. El modelo en cascada presente cinco fases importantes que

se deben seguir para el desarrollo del sistema con éxito las cuales son:

Requisitos

Diseño

Implementación

Pruebas

Mantenimiento

Estas fases se deben seguir de manera ordenada, una por una, es decir que

debemos acabar una fase y continuar en otra, como bien lleva titulado este

modelo “cascada”, una vez que una fase se termina ya no se puede regresar.

Figura 4 Modelo en cascadaFuente: http://metodologiaencascada.blogspot.com

Elaborada por: Misty Solorio

10

2.2. DISEÑO PRELIMINAR

El diseño de ventanas para el sistema de seguimiento de egresados y

graduados será un diseño básico dando a conocer cómo serán las principales

ventanas del sistema, cuyos diseños son los siguientes:

Figura 5 Pantalla de inicio del sistemaFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Figura 6 Pantalla de inicio de sesiónFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


11

Figura 7 Pantalla de inicio de perfil administradorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Figura 8 Pantalla de registro de datos Fuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Las ventanas presentadas muestran cómo será el sistema una vez terminado,

claro tomando en cuenta que son un modelo básico.

12

2.3. METODOLOGÍA

La metodología que se utilizará es la metodología iconix, ya que este es un

proceso más simplificado que cualquier otra metodología completa para

softwares demasiado complejos y grandes. La metodología iconix se la ha

tomado en cuenta porque esta sirve demasiado bien para el sistema que se

desarrolla ya que no es un sistema de mucha complejidad.

La metodología iconix nos presenta ciertas características que hacen que esta

metodología sea fácil de utilizar:

Iterativo e incremental: Varias iteraciones ocurren entre el desarrollo

del modelo de dominio y la identificación de los casos de uso. El modelo

estático es incrementalmente refinado por los modelos dinámicos.

Trazabilidad: Cada paso está referenciado por algún requisito obtenido

anteriormente.

Dinámica de UML: La metodología iconix orece un uso dinámico de

UML como los diagramas de casos de uso y diagramas de secuencia.

La metodología iconix consta de las siguientes fases a seguir:

Análisis de requisitos

Análisis y diseño preliminar

Diseño

Implementación

Dichas fases serán desarrolladas tras el desarrollo del sistema mencionado,

tomando en cuenta todos los aspectos importantes y siguiendo los pasos

exactamente como los plantea esta metodología para tener un producto final

eficiente.

13

2.4. ARQUITECTURA

La arquitectura en el desarrollo de un software es muy importante porque nos

permite tener durante el desarrollo del sistema una mejor comprensión y

organización del mismo. Para lo cual se utilizará la arquitectura a 3 niveles o

conocida también a 3 capas como se muestra en la Figura 6.

Figura 9 Arquitectura a 3 capas Fuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


2.5. ESTILO

El estilo a utilizar es el modelo vista controlador(MVC) que es el estilo más

utilizado y más común. Es muy eficiente a la hora de programar un sistema ya

que nos permite mantener un orden en el desarrollo del software.

El modelo estará integrado por las diferentes clases y servelts a utilizar en el

sistema de egresados, la vista hace referencia a los JSP, ya que en estos nos

presentan las interfaces graficas que el usuario manipulará y el controlador que

es el punto más importante es la conexión a la base de datos (Figura 6).

14

Figura 10 Diagrama de casos de uso generalFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


CAPITULO III

3. DESARROLLO DEL PRODUCTO

3.1. DIAGRAMA DE CASOS DE USO

15

3.2. HERRAMIENTAS

Netbeans

Netbeans es el IDE de programación, cuya programación que se va a

desarrollar el sistema de egresados y graduados utilizando JSPs, ya que

en general el sistema va a ser web.

Enterprise Architect

Esta herramienta nos será de gran ayuda ya que sirve para desarrollar los

respectivos diagramas UML para el proyecto de sistema de egresados y

graduados, cuya herramienta es fácil de usar y nos permite desarrollar

sinnúmeros de diagramas.

Mysql

Herramienta primordial, ya que es el servidor de base de datos utilizado

por la mayoría de los programadores debido a su facilidad de gestionar,

dicho lenguaje de base de datos será donde se almacenará toda la

información del sistema de egresados y graduados

Adobe Reader

La herramienta Adobe Reader es utilizada, ya que los reportes generados

por el sistema de egresados y graduados se generan en formato PDF y el

programa nos permitirá abrir dichos reportes para el usuario.

Mysql workbench

Gestor de base de datos que permite llevar a cabo la creación de bases

de datos, tablas a través de su interfaz gráfica

16

3.3. DIAGRAMA DE ROBUSTEZ

Figura 11 Diagrama de robustez generalFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


17

3.4. DIAGRAMA DE SECUENCIA

Figura 12 Diagrama de secuencia del administradorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


18

3.5. DIAGRAMA DE ESTADOS

Figura 13 Diagrama de estados del administradorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


19

3.6. DIAGRAMA DE PAQUETES

Figura 14 Diagrama de paquetes generalFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


20

3.7. DIAGRAMA DE DISTRIBUCIÓN

Figura 15 Diagrama de distribuciónFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


21

CAPITULO IV

4. Implementación

4.1. Prototipado

Figura 16 Pantalla final de selección de perfilesFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Figura 17 Pantalla final de inicio sesiónFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


22

Figura 18 Pantalla principal del administradorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Figura 19 Pantalla de registro de datos personales del egresadoFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


23

Figura 20 Pantalla de matriz de secretariaFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


4.2. Código

4.2.1. Código de la ventana de selección de perfiles

<%-- 2 Document : PrincipalBienvenida 3 Created on : 21-abr-2016, 19:52:23 4 Author : Dennis Guevara 5 --%> 6 7 <%@page contentType="text/html" pageEncoding="UTF-8"%> 8 <!DOCTYPE html> 9 <html> 10 <head> 11 <%--Código para colocar el icono favicon --%> 12 <link rel="icon" type="image/ico" href="Imagenes/favicon.ico"/> 13 <meta http-equiv="Content-Type" content="text/html; charset=UTF-

8"> 14 <title>Bienvenida</title> 15 <%--Codigo CSS para los componentes, menus, etc--%> 16 <style type="text/css"> 17 img { 18 float: left; 19 -webkit-transition: margin 0.2s ease-out; 20 -moz-transition: margin 0.2s ease-out; 21 -ms-transition: margin 0.2s ease-out; 22 transition: margin 0.2s ease-out; 23 } 24 .ex1 img:hover { 25 margin-bottom: 55px; 26 } 27 </style> 28

24

29 </head> 30 <body background="Imagenes/Originals/encabezado.png" style="background-repeat: no-repeat;"> 31 32 <div style="float: left;"> 33 <img src="Imagenes/escudo.png"> 34 </div> 35 36 <div style="float: right;"> 37 <img src="Imagenes/escudo.png"> 38 </div> 39 40 <div style="float: contour top;"> 41 <font face="Segoe Print" size="5"> 42 <center> 43 <br> 44 <b>INSTITUTO TECNOLÓGICO SUPERIOR<br> 45 "NUESTRA SEÑORA DEL ROSARIO"<br><br> 46 SISTEMA DE SEGUIMIENTO DE EGRESADOS Y GRADUADOS</b> 47 </center> 48 </font> 49 </div> 50 <center><div Style="margin-top: 80px;"> 51 52 <table style="border-radius: 50px 50px 0px 0; background-color:

#00cc99; height: 40px; width: 1162px; border-collapse: separate; 53 -webkit-background-origin: border !important; 54 -moz-background-origin: border !important; 55 background-origin: border-box !important; 56 background: #107f63; 57 background: -webkit-linear-gradient(top, #FF6666 0,

#FF0000 33%, #330000 100%) no-repeat; 58 background: -moz-linear-gradient(top, #FF6666 0, #FF0000

33%, #330000 100%) no-repeat; 59 background: -o-linear-gradient(top, #FF6666 0, #FF0000

33%, #330000 100%) no-repeat; 60 background: -ms-linear-gradient(top, #FF6666 0, #FF0000

33%, #330000 100%) no-repeat; 61 -svg-background: linear-gradient(top, #FF6666 0, #FF0000

33%, #330000 100%) no-repeat; 62 background: linear-gradient(to bottom, #00cc99 0, #00cc99

33%, #107f63 100%) no-repeat; 63 -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35); 64 -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35); 65 box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35); 66 border-width: 0; 67 font-family: Segoe Print, Segoe Print, Segoe Print; 68 font-weight: bold; 69 font-size: 14px; 70 cursor: pointer; 71 border: 1px solid;"> 72 <td width="1162"> 73 <font face="Segoe Print" size=3 color="black"> 74 <center><b>INGRESO</b></center> 75 </font> 76 </td> 77 </table> 78 <%--Imagenes de la ventana principal mostrando los perfiles del sistema--%> 79 <table style=" box-shadow: 5px 5px 10px 0px; height: 339px;

25

padding-left: 95px; width: 1169px"> 80 <td style="margin-left: 5px;"> 81 <div class="ex1"> 82 <a href="IniciarSesionAdmin.jsp"><img style="box-shadow:

4px 4px 4px 0px; color: #00cc99; border-radius: 50px" src="Imagenes/InicioAdmin.png" /></a>

83 </div> 84 </td> 85 86 <td> 87 <div class="ex1"> 88 <a href="IniciarSesionSecre.jsp"><img style="box-shadow:

4px 4px 4px 0px; color: #00cc99; border-radius: 50px" src="Imagenes/InicioSecretaria.png"></a>

89 </div> 90 </td> 91 92 <td> 93 <div class="ex1"> 94 <a href="IniciarSesionEgre.jsp"><img style="box-shadow: 4px

4px 4px 0px; color: #00cc99; border-radius: 50px" src="Imagenes/InicioEgresado.png"></a>

95 </div> 96 </td> 97 </table> 98 </div></center> 99 </body>100 </html>

4.2.2. Código de pantalla de inicio sesión

1 <%-- 2 Document : IniciarSesionAdmin 3 Created on : 16-may-2016, 14:52:27 4 Author : Dennis Guevara 5 --%> 6 7 <%@page import="javax.swing.JOptionPane"%> 8 <%@page import="Modelo.Consulta"%> 9 <%@page contentType="text/html" pageEncoding="UTF-8"%> 10 <!DOCTYPE html> 11 <html> 12 <head> 13 <%--Código para colocar el icono favicon --%> 14 <link rel="icon" type="image/ico" href="Imagenes/favicon.ico"/> 15 <meta http-equiv="Content-Type" content="text/html; charset=UTF- 8"> 16 <title>Bienvenida</title> 17 18 <style type="text/css"> 19 img { 20 float: left; 21 -webkit-transition: margin 0.2s ease-out; 22 -moz-transition: margin 0.2s ease-out; 23 -ms-transition: margin 0.2s ease-out; 24 transition: margin 0.2s ease-out; 25 } 26 .ex1 img:hover {

26

27 margin-bottom: 55px; 28 } 29 </style> 30 31 </head> 32 <body background="Imagenes/Originals/encabezado.png" style="background-repeat: no-repeat;"> 33 34 <div style="float: left;"> 35 <img src="Imagenes/escudo.png"> 36 </div> 37 38 <div style="float: right;"> 39 <img src="Imagenes/escudo.png"> 40 </div> 41 42 <div style="float: contour top;"> 43 <font face="Segoe Print" size="5"> 44 <center> 45 <br> 46 <b>INSTITUTO TECNOLÓGICO SUPERIOR <br> 47 "NUESTRA SEÑORA DEL ROSARIO"<br><br> 48 SISTEMA DE SEGUIMIENTO DE EGRESADOS Y

GRADUADOS</b> 49 </center> 50 </font> 51 </div> 52 53 <%--Componentes cajas de texto, y botones necesarios para el login--%> 54 <table style="position:absolute;top:300px;left:125px; border-radius:

50px 50px 0px 0; background-color: #00cc99; height: 40px; border-collapse: separate;

55 -webkit-background-origin: border !important; 56 -moz-background-origin: border !important; 57 background-origin: border-box !important; 58 background: #107f63; 59 background: -webkit-linear-gradient(top, #FF6666 0, #FF0000

33%, #330000 100%) no-repeat; 60 background: -moz-linear-gradient(top, #FF6666 0, #FF0000

33%, #330000 100%) no-repeat; 61 background: -o-linear-gradient(top, #FF6666 0, #FF0000 33%,

#330000 100%) no-repeat; 62 background: -ms-linear-gradient(top, #FF6666 0, #FF0000

33%, #330000 100%) no-repeat; 63 -svg-background: linear-gradient(top, #FF6666 0, #FF0000

33%, #330000 100%) no-repeat; 64 background: linear-gradient(to bottom, #00cc99 0, #00cc99

33%, #107f63 100%) no-repeat; 65 -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35); 66 -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35); 67 box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35); 68 border-width: 0; 69 font-family: Segoe Print, Segoe Print, Segoe Print; 70 font-weight: bold; 71 font-size: 14px; 72 cursor: pointer; 73 border: 1px solid;"> 74 <td width="1045"> 75 <font face="Segoe Print" size=3 color="black">

27

76 <center><b>INICIAR SESIÓN</b></center> 77 </font> 78 </td> 79 </table> 80 81 <table style="position:absolute;top:340px;left:125px; box-shadow: 5px

10px 0px; height: 339px; padding-left: 20px; width: 1050px"> 82 <td> 83 <img src="Imagenes/Login1.png" /> 84 </td> 85 86 <td> 87 <font face="Segoe Print" size="5"> 88 <%--Llamada al servelt InicioSesionAdmin para iniciar sesion--%> 89 <form method="post" action="InicioSesionAdmin"> 90 <b>Usuario:&nbsp &nbsp &nbsp &nbsp<input style="height: 22px;

border: 1px solid #00cc99;" type="text" name="txtUsuarioAdmin" maxlength="20" size="25" placeholder="Ingrese nombre de usuario"><br>

91 Contraseña: &nbsp<input style="height: 22px; border: 1px solid #00cc99;" type="password" name="txtContrasenaAdmin" maxlength="20" size="25" placeholder="****************"></b><br><br>

92 &nbsp<input style="height: 75px; width: 160px; 93 border-collapse: separate; 94 -webkit-background-origin: border !important; 95 -moz-background-origin: border !important; 96 background-origin: border-box !important; 97 background: #107f63; 98 background: -webkit-linear-gradient(top, #FF6666 0,

#FF0000 33%, #330000 100%) no-repeat; 99 background: -moz-linear-gradient(top, #FF6666 0,

#FF0000 33%, #330000 100%) no-repeat;100 background: -o-linear-gradient(top, #FF6666 0,

#FF0000 33%, #330000 100%) no-repeat;101 background: -ms-linear-gradient(top, #FF6666 0,

#FF0000 33%, #330000 100%) no-repeat;102 -svg-background: linear-gradient(top, #FF6666 0,

#FF0000 33%, #330000 100%) no-repeat;103 background: linear-gradient(to bottom, #00cc99 0,

#00cc99 33%, #107f63 100%) no-repeat;104 -webkit-border-radius:12px;105 -moz-border-radius:12px;106 border-radius:12px;107 -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);108 -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);109 box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);110 border-width: 0;111 padding:0 20px;112 margin:0 auto;113 font-family: Segoe Print, Segoe Print, Segoe Print;114 font-weight: bold;115 font-size: 14px;116 cursor: pointer;117 border: 1px solid;" type="Submit" value="INGRESAR"

name="btnIngresarAdmin">118 </form>119 </font> 120 </td>

28

121 <td>122 <img src="Imagenes/Login.png" />123 </td>124 </table>125 126 <div style="position: absolute; left:633px; top:536px;">127 <form method="post" action="PrincipalBienvenida.jsp">128 &nbsp&nbsp &nbsp<input style="height: 75px; width: 160px;129 border-collapse: separate;130 -webkit-background-origin: border !important;131 -moz-background-origin: border !important;132 background: #107f63;133 background: -webkit-linear-gradient(top,

#FF6666 0, #FF0000 33%, #330000 100%) no-repeat;

134 background: -moz-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;

135 background: -o-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;

136 background: -ms-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;

137 -svg-background: linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;

138 background: linear-gradient(to bottom, #00cc99 0, #00cc99 33%, #107f63 100%) no-repeat;

139 -webkit-border-radius:12px;140 -moz-border-radius:12px;141 border-radius:12px;142 -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0,

0, 0.35);143 -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0,

0.35);144 box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);145 border-width: 0;146 padding:0 20px;147 margin:0 auto;148 font-family: Segoe Print, Segoe Print, Segoe Print;149 font-weight: bold;150 font-size: 14px;151 cursor: pointer;152 border: 1px solid black;" type="Submit"

value="CANCELAR" name="btnCancelar"><br>153 </form>154 </div>155 156 <%--Validación para cerrar la sesión--%>157 <%158 if (request.getParameter("cerrar") != null) {159 session.invalidate();160 }161 %>162 </body>163 </html>164

4.2.2.1. Código del servelt para iniciar sesión del administrador

29

1 /* 2 * To change this license header, choose License Headers in Project Properties. 3 * To change this template file, choose Tools | Templates 4 * and open the template in the editor. 5 */ 6 package Servidores; 7 8 import Controlador.Conexion; 9 import java.io.IOException; 10 import java.io.PrintWriter; 11 import java.sql.Connection; 12 import java.sql.ResultSet; 13 import java.sql.Statement; 14 import javax.servlet.ServletException; 15 import javax.servlet.annotation.WebServlet; 16 import javax.servlet.http.HttpServlet; 17 import javax.servlet.http.HttpServletRequest; 18 import javax.servlet.http.HttpServletResponse; 19 import javax.servlet.http.HttpSession; 20 import javax.swing.JOptionPane; 21 22 /** 23 * 24 * @author Dennis Guevara 25 */ 26 @WebServlet(name = "InicioSesionAdmin", urlPatterns =

{"/InicioSesionAdmin"}) 27 public class InicioSesionAdmin extends HttpServlet { 28 29 /** 30 * Processes requests for both HTTP <code>GET</code> and

<code>POST</code> 31 * methods. 32 * 33 * @param request servlet request 34 * @param response servlet response 35 * @throws ServletException if a servlet-specific error occurs 36 * @throws IOException if an I/O error occurs 37 */ 38 public String Usu, Cla; 39 protected void processRequest(HttpServletRequest request,

HttpServletResponse response) 40 throws ServletException, IOException { 41 response.setContentType("text/html;charset=UTF-8"); 42 try (PrintWriter out = response.getWriter()) { 43//Obtención del valor de las cajas de texto de la pantalla inicio sesión del administrador 44 String Usuario = request.getParameter("txtUsuarioAdmin"); 45 String Contraseña = request.getParameter("txtContrasenaAdmin"); 46 HttpSession sesion=request.getSession(); 47 sesion.setAttribute("user", Usuario); 48 sesion.setAttribute("pass", Contraseña); 49 50 //Código para ejecutar comandos de mysql 51 String sql = ""; 52 String sql2 = ""; 53 sql = "SELECT NombreUsuario FROM administrador WHERE

NombreUsuario='" + Usuario + "'"; 54 sql2 = "SELECT Contrasena FROM administrador WHERE

Contrasena='" + Contraseña + "'";

30

55 56 //Códigos para obtener los valores de nombre de usuario y

contraseña del administrador 57 try { 58 Statement st = (Statement) cn.createStatement(); 59 ResultSet rs = st.executeQuery(sql); 60 while (rs.next()) { 61 Usu = rs.getString(1); 62 } 63 64 ResultSet rs2 = st.executeQuery(sql2); 65 while (rs2.next()) { 66 Cla = rs2.getString(1); 67 } 68 69 } catch (Exception e) { 70 } 71 72 //Código para validación de datos correctos al momento de ingresar 73 if (Usuario.equals(Usu) && Contraseña.equals(Cla)) { 74 if (Usuario.equals("") || Contraseña.equals("")) { 75 JOptionPane.showMessageDialog(null, "¡Error, Usuario o

contraseña incorrectos!"); 76 response.sendRedirect("IniciarSesionAdmin.jsp"); 77 } else { 78 if (Usuario.equals(Usu) && Contraseña.equals(Cla)) { 79 response.sendRedirect("PrincipalAdmin.jsp"); 80 } 81 } 82 } else { 83 JOptionPane.showMessageDialog(null, "¡Error, Usuario o

contraseña incorrectos!"); 84 response.sendRedirect("IniciarSesionAdmin.jsp"); 85 } 86 } 87 } 88 89 // <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click

on the + sign on the left to edit the code."> 90 /** 91 * Handles the HTTP <code>GET</code> method. 92 * 93 * @param request servlet request 94 * @param response servlet response 95 * @throws ServletException if a servlet-specific error occurs 96 * @throws IOException if an I/O error occurs 97 */ 98 @Override 99 protected void doGet(HttpServletRequest request, HttpServletResponse

response)100 throws ServletException, IOException {101 processRequest(request, response);102 }103 104 /**105 * Handles the HTTP <code>POST</code> method.106 *107 * @param request servlet request108 * @param response servlet response109 * @throws ServletException if a servlet-specific error occurs

31

110 * @throws IOException if an I/O error occurs111 */112 @Override113 protected void doPost(HttpServletRequest request, HttpServletResponse

response)114 throws ServletException, IOException {115 processRequest(request, response);116 }117 118 /**119 * Returns a short description of the servlet.120 *121 * @return a String containing servlet description122 */123 @Override124 public String getServletInfo() {125 return "Short description";126 }// </editor-fold>127 Conexion cc = new Conexion();128 Connection cn = cc.conexion();129 }130

4.2.3. Código de la pantalla principal del administrador

1 <%-- 2 Document : PrincipalAdmin 3 Created on : 16-may-2016, 15:27:23 4 Author : Dennis Guevara 5 --%> 6 7 <%@page contentType="text/html" pageEncoding="UTF-8"%> 8 <!DOCTYPE html> 9 <html> 10 <head> 11 <%--Código para colocar el icono favicon --%> 12 <link rel="icon" type="image/ico" href="Imagenes/favicon.ico"/> 13 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 14 <title>Principal</title> 15 16 <%--Codigo CSS para estilos del menu y demás componentes de la pantalla--%> 17 <style type="text/css"> 18 * { 19 padding: 0; 20 margin: 0; 21 } 22 23 .wrapper { 24 width: 100%; 25 margin: auto; 26 overflow:hidden; 27 } 28 header { 29 margin-top: 38px; 30 width: 100%; 31 position: fixed; 32 z-index: 10;

32

33 background: rgba(105,255,143,1); 34 background: -moz-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 35 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(105,255,143,1)), color-stop(50%, rgba(105,255,143,1)), color-stop(100%, rgba(0,107,27,1))); 36 background: -webkit-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 37 background: -o-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 38 background: -ms-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 39 background: linear-gradient(to bottom, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 40 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ff8f', endColorstr='#006b1b', GradientType=0 ); 41 color:#00000; 42 } 43 ul, ol{ 44 list-style:none; 45 } 46 .nav li a { 47 background: rgba(105,255,143,1); 48 background: -moz-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 49 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(105,255,143,1)), color-stop(50%, rgba(105,255,143,1)), color-stop(100%, rgba(0,107,27,1))); 50 background: -webkit-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 51 background: -o-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 52 background: -ms-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 53 background: linear-gradient(to bottom, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 54 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ff8f', endColorstr='#006b1b', GradientType=0 ); 55 56 color:#000000; 57 text-decoration:none; 58 padding: 15px 12px; 59 display:block; 60 font-family: Segoe Print; 61 font-size: 13px; 62 } 63 .nav li a:hover{ 64 background: rgba(105,255,143,1); 65 background: -moz-radial-gradient(center, ellipse cover, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%); 66 background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(105,255,143,1)), color-stop(50%, rgba(105,255,143,1)), color-stop(100%, rgba(0,189,47,1))); 67 background: -webkit-radial-gradient(center, ellipse cover, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%); 68 background: -o-radial-gradient(center, ellipse cover, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%); 69 background: -ms-radial-gradient(center, ellipse cover, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%);

33

70 background: radial-gradient(ellipse at center, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%); 71 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ff8f', endColorstr='#00bd2f', GradientType=1 ); 72 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ff8f', endColorstr='#006b1b', GradientType=1 ); 73 border-bottom: 1px solid; 74 border-top: 1px solid; 75 } 76 .nav > li { 77 float:left; 78 } 79 .nav li ul { 80 display:none; 81 position:absolute; 82 min-width:200px; 83 } 84 .nav li:hover > ul{ 85 display:block; 86 } 87 .nav li ul li{ 88 position:relative; 89 } 90 .nav li ul li ul{ 91 right:-200px; 92 top:0px; 93 } 94 95 .nav li .flecha{ 96 font-size: 9px; 97 padding-left: 6px; 98 display: none; 99 }100 101 .nav li a:not(:last-child) .flecha {102 display: inline;103 }104 105 .nav li .flecha{106 font-size: 9px;107 padding-left: 6px;108 display: none;109 }110 111 .nav li a:not(:last-child) .flecha {112 display: inline;} 113 </style>114 </head>115 <body background="Imagenes/Originals/encabezado.png" style="background-repeat: no-repeat; width: 100%">116 <div style="position: absolute;bottom: 0px; right: 0px;">117 <img src="Imagenes/graduacion2.png">118 </div>119 120 <div style="position: absolute;bottom: 0px; left: 0px;">121 <img src="Imagenes/graduacion.png">122 </div>123 124 <%--Menu de la pantalla--%>125 <header>

34

126 <section class="wrapper">127 <nav>128 <ul class="nav">129 <li>130 <a href="PrincipalAdmin.jsp"><img src="Imagenes/inicio.png" width="23" height="23"/> Inicio</a>131 </li> 132 <li>133 <a href=""><img src="Imagenes/informacion.png" width="23" height="23"/>Registrar información<span class="flecha">&#9660</span></a>134 <ul>135 <li><a href="RegistroAdministrador.jsp">Registrar administrador</a></li>136 <li><a href="RegistroSecretaria.jsp">Registrar secretaria</a></li>137 <li><a href="">Registrar egresado<span class="flecha">&#9660</span></a>138 <ul>139 <li><a href="RegistroEgresadoPersonales.jsp">Registrar dts personales</a></li>140 <li><a href="BuscarEgresadoIngresoAcademicos.jsp">Registrar dts académicos</a></li>141 <li><a href="BuscarEgresadoIngresoTrabajo.jsp">Registrar dts del trabajo</a></li>142 </ul>143 </li>144 </ul>145 </li>146 147 <li>148 <a href=""><img src="Imagenes/soli.png" width="23" height="23"/> Actualizar información</a>149 <ul>150 <li><a href="BuscarAdministrador.jsp">Actualizar administrador</a></li>151 <li><a href="BuscarSecretaria.jsp">Actualizar secretaria</a></li>152 <li><a href="">Actualizar egresado<span class="flecha">&#9660</span></a>153 <ul>154 <li><a href="BuscarEgresadoPersonales.jsp">Actualizar dts personales</a></li>155 <li><a href="">Actualizar dts académicos</a></li>156 <li><a href="">Actualizar dts trabajo</a></li>157 </ul>158 </li>159 </ul>160 </li> 161 162 <li>163 <a href=""><img src="Imagenes/notifi.png" width="23" height="23"/> Notificaciones</a> 164 </li>165 166 <li>167 <a href=""><img src="Imagenes/reporte.png" width="23" height="23"/> Reportes<span class="flecha">&#9660</span></a>168 <ul>169 <li><a href="Reporte.jsp">Reportes generales</a></li>

35

170 </ul>171 </li>172 173 <li>174 <a href=""><img src="Imagenes/ayuda.png" width="23" height="23"/> Ayuda</a>175 </li>176 177 <li>178 <a href=""><img src="Imagenes/admin.png" width="23" height="23"/> Administrador</a>179 </li>180 181 <li>182 <a href="IniciarSesionAdmin.jsp?cerrar=true"><img src="Imagenes/salir.png" width="23" height="23"/> Salir</a>183 </li>184 </ul>185 </nav>186 </section>187 </header> 188 <center><div style="width: 1000px;189 height: 300px;190 position: absolute;191 top: 50%;192 left: 50%;193 margin-top: -180px;194 margin-left: -500px;">195 <font face="Segoe Print" size="6">196 <center>197 <br>198 <b>INSTITUTO TECNOLÓGICO SUPERIOR<br>199 "NUESTRA SEÑORA DEL ROSARIO"<br><br>200 SISTEMA DE SEGUIMIENTO DE EGRESADOS Y GRADUADOS</b>201 </center>202 </font>203 </div></center>204 205 <%--Código para no permitir el ingreso a la pagina en caso de que la sesion este inactiva--%>206 <%207 HttpSession sesion = request.getSession();208 String usu;209 String pas;210 if (sesion.getAttribute("user") != null && sesion.getAttribute("pass") != null) {211 usu = sesion.getAttribute("user").toString();212 pas = sesion.getAttribute("pass").toString();213 } else {214 out.print("<script>location.replace('IniciarSesionAdmin.jsp');</script>");215 }216 %>217 218 <center><div style="margin-top: 0px; border-radius: 0px 0px 0px 0; background-color: #00cc99; height: 40px; width: 100%; position: fixed;background: rgba(0,107,27,1);219 background: -moz-linear-gradient(top, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);

36

220 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,107,27,1)), color-stop(50%, rgba(105,255,143,1)), color-stop(100%, rgba(105,255,143,1)));221 background: -webkit-linear-gradient(top, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);222 background: -o-linear-gradient(top, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);223 background: -ms-linear-gradient(top, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);224 background: linear-gradient(to bottom, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);225 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b1b', endColorstr='#69ff8f', GradientType=0 );">226 <font face="Segoe Print" size=3 color="black">227 <center><b><div style="margin-top: 13px;">BIENVENIDO ADMINISTRADOR</div></b></center>228 </font>229 </div></center>230 231 </body>232 </html>233

4.2.4. Código de la pantalla de ingreso de datos personales del egresado

1 <%-- 2 Document : RegistroEgresado 3 Created on : 02-jun-2016, 21:59:06 4 Author : Dennis Guevara 5 --%> 6 7 <%@page contentType="text/html" pageEncoding="UTF-8"%> 8 <!DOCTYPE html> 9 <html> 10 <head> 11 <%--Código para colocar el icono favicon --%> 12 <link rel="icon" type="image/ico" href="Imagenes/favicon.ico"/> 13 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 14 <title>Bienvenida</title> 15 16 <style type="text/css"> 17 * { 18 padding: 0; 19 margin: 0; 20 } 21 22 .wrapper { 23 width: 100%; 24 margin: auto; 25 overflow:hidden; 26 } 27 header { 28 margin-top: 38px; 29 width: 100%; 30 position: fixed; 31 z-index: 10; 32 background: rgba(105,255,143,1);

37

33 background: -moz-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 34 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(105,255,143,1)), color-stop(50%, rgba(105,255,143,1)), color-stop(100%, rgba(0,107,27,1))); 35 background: -webkit-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 36 background: -o-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 37 background: -ms-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 38 background: linear-gradient(to bottom, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 39 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ff8f', endColorstr='#006b1b', GradientType=0 ); 40 color:#00000; 41 } 42 ul, ol{ 43 list-style:none; 44 } 45 .nav li a { 46 background: rgba(105,255,143,1); 47 background: -moz-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 48 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(105,255,143,1)), color-stop(50%, rgba(105,255,143,1)), color-stop(100%, rgba(0,107,27,1))); 49 background: -webkit-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 50 background: -o-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 51 background: -ms-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 52 background: linear-gradient(to bottom, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 53 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ff8f', endColorstr='#006b1b', GradientType=0 ); 54 55 color:#000000; 56 text-decoration:none; 57 padding: 15px 12px; 58 display:block; 59 font-family: Segoe Print; 60 font-size: 13px; 61 } 62 .nav li a:hover{ 63 background: rgba(105,255,143,1); 64 background: -moz-radial-gradient(center, ellipse cover, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%); 65 background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(105,255,143,1)), color-stop(50%, rgba(105,255,143,1)), color-stop(100%, rgba(0,189,47,1))); 66 background: -webkit-radial-gradient(center, ellipse cover, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%); 67 background: -o-radial-gradient(center, ellipse cover, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%); 68 background: -ms-radial-gradient(center, ellipse cover, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%); 69 background: radial-gradient(ellipse at center, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%);

38

70 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ff8f', endColorstr='#00bd2f', GradientType=1 ); 71 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ff8f', endColorstr='#006b1b', GradientType=1 ); 72 border-bottom: 1px solid; 73 border-top: 1px solid; 74 } 75 .nav > li { 76 float:left; 77 } 78 .nav li ul { 79 display:none; 80 position:absolute; 81 min-width:200px; 82 } 83 .nav li:hover > ul{ 84 display:block; 85 } 86 .nav li ul li{ 87 position:relative; 88 } 89 .nav li ul li ul{ 90 right:-200px; 91 top:0px; 92 } 93 94 .nav li .flecha{ 95 font-size: 9px; 96 padding-left: 6px; 97 display: none; 98 } 99 100 .nav li a:not(:last-child) .flecha {101 display: inline;102 }103 104 .nav li .flecha{105 font-size: 9px;106 padding-left: 6px;107 display: none;108 }109 110 .nav li a:not(:last-child) .flecha {111 display: inline;} 112 </style>113 114 </head>115 <body background="Imagenes/Originals/encabezado.png" style="background-repeat: no-repeat;">116 <form method="post" action="REP">117 118 <header>119 <section class="wrapper">120 <nav>121 <ul class="nav">122 <li>123 <a href="PrincipalAdmin.jsp"><img src="Imagenes/inicio.png" width="23" height="23"/> Inicio</a>124 </li> 125 <li>

39

126 <a href=""><img src="Imagenes/informacion.png" width="23" height="23"/>Registrar información<span class="flecha">&#9660</span></a>127 <ul>128 <li><a href="RegistroAdministrador.jsp">Registrar administrador</a></li>129 <li><a href="RegistroSecretaria.jsp">Registrar secretaria</a></li>130 <li><a href="">Registrar egresado<span class="flecha">&#9660</span></a>131 <ul>132 <li><a href="RegistroEgresadoPersonales.jsp">Registrar dts personales</a></li>133 <li><a href="BuscarEgresadoIngresoAcademicos.jsp">Registrar dts académicos</a></li>134 <li><a href="BuscarEgresadoIngresoTrabajo.jsp">Registrar dts del trabajo</a></li>135 </ul>136 </li>137 </ul>138 </li>139 140 <li>141 <a href=""><img src="Imagenes/soli.png" width="23" height="23"/> Actualizar información</a>142 <ul>143 <li><a href="BuscarAdministrador.jsp">Actualizar administrador</a></li>144 <li><a href="BuscarSecretaria.jsp">Actualizar secretaria</a></li>145 <li><a href="">Actualizar egresado<span class="flecha">&#9660</span></a>146 <ul>147 <li><a href="BuscarEgresadoPersonales.jsp">Actualizar dts personales</a></li>148 <li><a href="BuscarEgresadoAcademicos.jsp">Actualizar dts académicos</a></li>149 <li><a href="">Actualizar dts trabajo</a></li>150 </ul>151 </li>152 </ul>153 </li> 154 155 <li>156 <a href=""><img src="Imagenes/notifi.png" width="23" height="23"/> Notificaciones</a> 157 </li>158 159 <li>160 <a href=""><img src="Imagenes/reporte.png" width="23" height="23"/> Reportes<span class="flecha">&#9660</span></a>161 <ul>162 <li><a href="Reporte.jsp">Reportes generales</a></li>163 </ul>164 </li>165 166 <li>167 <a href=""><img src="Imagenes/ayuda.png" width="23" height="23"/> Ayuda</a>

40

168 </li>169 170 <li>171 <a href=""><img src="Imagenes/admin.png" width="23" height="23"/> Administrador</a>172 </li>173 174 <li>175 <a href="IniciarSesionAdmin.jsp?cerrar=true"><img src="Imagenes/salir.png" width="23" height="23"/> Salir</a>176 </li>177 </ul>178 </nav>179 </section>180 </header> 181 <center><div style="width: 1000px;182 height: 100px;183 position: absolute;184 left: 50%;185 margin-left: -500px;186 margin-top: 90px;">187 <font face="Segoe Print" size="5">188 <center>189 <br>190 <b>INSTITUTO TECNOLÓGICO SUPERIOR<br>191 "NUESTRA SEÑORA DEL ROSARIO"<br>192 SISTEMA DE SEGUIMIENTO DE EGRESADOS Y GRADUADOS</b>193 </center>194 </font>195 </div></center>196 197 198 199 <%--Componentes cajas de texto, y botones nesesarios para el login--%>200 <table style="position:absolute;top:300px;left:50px; border-radius: 50px 50px 0px 0; background-color: #00cc99; height: 40px;border: black 1px solid; border-collapse: separate;201 -webkit-background-origin: border !important;202 -moz-background-origin: border !important;203 background-origin: border-box !important;204 background: #107f63;205 background: -webkit-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;206 background: -moz-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;207 background: -o-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;208 background: -ms-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;209 -svg-background: linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;210 background: linear-gradient(to bottom, #00cc99 0, #00cc99 33%, #107f63 100%) no-repeat;211 -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);212 -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);213 box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);214 border-width: 0;215 font-family: Segoe Print, Segoe Print, Segoe Print;

41

216 font-weight: bold;217 font-size: 14px;218 cursor: pointer;219 border: 1px solid;">220 <td width="1193">221 <font face="Segoe Print" size=3 color="black">222 <center><b>REGISTRO DE DATOS PERSONALES DEL EGRESADO</b></center>223 </font>224 </td>225 </table>226 227 <table style="position:absolute;top:340px;left:50px; box-shadow: 5px 5px 10px 5px; height: 265px; padding-left: 20px; width: 1200px; color: #3a523b">228 </table>229 <div style="position:absolute;top:362px;left:85px; border: black 1px solid;width: 542px; height: 30px; padding-top: 2px; background: #00cc99; border-radius: 50px 50px 0px 0; border-collapse: separate;230 -webkit-background-origin: border !important;231 -moz-background-origin: border !important;232 background-origin: border-box !important;233 background: #107f63;234 background: -webkit-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;235 background: -moz-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;236 background: -o-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;237 background: -ms-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;238 -svg-background: linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;239 background: linear-gradient(to bottom, #00cc99 0, #00cc99 33%, #107f63 100%) no-repeat;240 -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);241 -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);242 box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);243 border-width: 0;244 font-family: Segoe Print, Segoe Print, Segoe Print;245 font-weight: bold;246 font-size: 14px;247 cursor: pointer;248 border: 1px solid">249 <center><b><font face="Segoe Print" size="3">Datos Personales</b></font></center>250 251 <div style="padding-top: 10px; padding-left: 5px; border: black 1px solid; height: 178px;">252 <pre><font face="Segoe Print" size="3">Nombres:* <input style="width: 150px" type="text" name="txtENombres" placeholder="Ingrese Nombres"> Apellidos:* <input style="width: 148px" type="text" name="txtEApellidos" id="IDEApellido" placeholder="Ingrese Apellidos">253 País:* <select style="height: 22px; width: 154px;" name="cmbEPais"> 254 <option value="Seleccionar">Seleccionar</option>255 <option value="Alemania">Alemania</option>256 <option value="Argelia">Argelia</option>257 <option value="Argentina">Argentina</option>258 <option value="Australia">Australia</option>259 <option value="Austria">Austria</option>260 <option value="Bélgica">Bélgica</option>

42

261 <option value="Bolivia">Bolivia</option>262 <option value="Brasil">Brasil</option>263 <option value="Canadá">Canadá</option>264 <option value="Chile">Chile</option>265 <option value="China">China</option>266 <option value="Colombia">Colombia</option>267 <option value="Corea">Corea</option>268 <option value="Costa Rica">Costa Rica</option>269 <option value="Cuba">Cuba</option>270 <option value="Dinamarca">Dinamarca</option>271 <option value="Ecuador">Ecuador</option>272 <option value="Egipto">Egipto</option>273 <option value="El Salvador">El Salvador</option>274 <option value="España">España</option>275 <option value="Estados Unidos">Estados Unidos</option>276 <option value="Francia">Francia</option>277 <option value="Guatemala">Guatemala</option>278 <option value="Haití">Haití</option>279 <option value="Honduras">Honduras</option>280 <option value="Italia">Italia</option>281 <option value="Jamaica">Jamaica</option>282 <option value="Japón">Japón</option>283 <option value="México">México</option>284 <option value="Nicaragua">Nicaragua</option>285 <option value="Nigeria">Nigeria</option>286 <option value="Noruega">Noruega</option>287 <option value="Polonia">Polonia</option>288 <option value="Portugal">Portugal</option>289 <option value="Puerto Rico">Puerto Rico</option>290 <option value="Suiza">Suiza</option>291 <option value="Tailandia">Tailandia</option>292 <option value="Turquía">Turquía</option>293 <option value="Ucrania">Ucrania</option>294 <option value="Uruguay">Uruguay</option>295 <option value="Venezuela">Venezuela</option>296 </select> Cédula:* <input style="width: 147px" type="text" name="txtECedula" placeholder="xxxxxxxxxx">297 Sexo:* <select style="height: 22px; width: 156px;" name="cmbESexo"> 298 <option value="Seleccionar" selected>Seleccionar</option>299 <option value="Masculino">Masculino</option>300 <option value="Femenino">Femenino</option>301 <option value="Otros">Otros</option>302 </select> Pasaporte: <input style="width: 147px" type="text" name="txtEPasaporte" placeholder="xxxxxxxxxx">303 Fecha de nacimiento:* <input style="width: 75px" type="text" name="txtEFechaNacimiento" placeholder="dd/mm/aaaa"> Edad: <input style="width: 147px" type="text" name="txtEEdad" placeholder="xx">304 Email:* <input style="width: 150px" type="text" name="txtEEmail" placeholder="[email protected]"> Estado Civil: <select style="height: 22px; width: 150px;" name="cmbEEstadoCivil"> 305 <option value="Seleccionar" selected>Seleccionar</option>306 <option value="Casado">Casado</option>307 <option value="Soltero">Soltero</option>308 <option value="Divorciado">Divorciado</option>309 </select> 310 </pre>

43

311 312 </div>313 </div>314 315 316 <div style="position:absolute;top:362px;left:670px; border: black 1px solid;width: 542px; height: 30px; padding-top: 2px; background: #00cc99; border-radius: 50px 50px 0px 0; border-collapse: separate;317 -webkit-background-origin: border !important;318 -moz-background-origin: border !important;319 background-origin: border-box !important;320 background: #107f63;321 background: -webkit-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;322 background: -moz-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;323 background: -o-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;324 background: -ms-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;325 -svg-background: linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;326 background: linear-gradient(to bottom, #00cc99 0, #00cc99 33%, #107f63 100%) no-repeat;327 -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);328 -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);329 box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);330 border-width: 0;331 font-family: Segoe Print, Segoe Print, Segoe Print;332 font-weight: bold;333 font-size: 14px;334 cursor: pointer;335 border: 1px solid">336 <center><b><font face="Segoe Print" size="3">Datos Informativos</b></font></center>337 338 <div style="padding-top: 18px; padding-left: 5px; border: black 1px solid; height: 170px;">339 <pre><font face="Segoe Print" size="3">Dirección:* <input style="width: 150px" type="text" name="txtEDireccion" placeholder="Ingrese Dirección"> Provincia:* <input style="width: 150px" type="text" name="txtEProvincia" placeholder="Ingrese Provincia">340 Teléfono:* <input style="width: 146px" type="text" name="txtETelefono" placeholder="xxxxxxxxx"> Especialidad:* <select style="height: 22px; width: 135px;" name="cmbEEspecialidad"> 341 <option value="Seleccionar" selected>Seleccionar</option>342 <option value="Analisis de sistemas">Análisis de Sistemas</option>343 <option value="Contabilidad">Contabilidad y Auditoria</option>344 </select>345 Celular:* <input style="width: 150px" type="text" name="txtECelular" placeholder="xxxxxxxxxx"> Estado:* <select style="height: 22px; width: 153px;" name="cmbEEstadoAcademico"> 346 <option value="Seleccionar" selected>Seleccionar</option>347 <option value="Egresado">Egresado</option>348 <option value="Graduado">Graduado</option>349 </select>350 <center>Contraseña:* <input style="width: 150px" type="password" name="txtEContrasena" placeholder="**********"></center>351 </pre>

44

352 </div>353 </div>354 <table style="position:absolute;top:605px;left:50px; border-radius: 0px 0px 50px 50px; box-shadow: 5px 5px 10px 5px; background-color: #00cc99; height: 85px;border: black 1px solid; width: 1202px; border-collapse: separate;355 -webkit-background-origin: border !important;356 -moz-background-origin: border !important;357 background-origin: border-box !important;358 background: #107f63;359 background: -webkit-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;360 background: -moz-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;361 background: -o-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;362 background: -ms-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;363 -svg-background: linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;364 background: linear-gradient(to bottom, #00cc99 0, #00cc99 33%, #107f63 100%) no-repeat;365 -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);366 -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);367 box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);368 border-width: 0;369 font-family: Segoe Print, Segoe Print, Segoe Print;370 font-weight: bold;371 font-size: 14px;372 cursor: pointer;373 border: 1px solid">374 <td> 375 <center><input style="height: 50px; width: 150px; font-family: Segoe Print; font-size: 15px; border-collapse: separate;376 -webkit-background-origin: border !important;377 -moz-background-origin: border !important;378 background-origin: border-box !important;379 background: #107f63;380 background: -webkit-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;381 background: -moz-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;382 background: -o-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;383 background: -ms-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;384 -svg-background: linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;385 background: linear-gradient(to bottom, white 0, white 33%, #107f63 100%) no-repeat;386 -webkit-border-radius:12px;387 -moz-border-radius:12px;388 border-radius:12px;389 -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);390 -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);391 box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);392 border-width: 0;393 padding:0 20px;394 margin:0 auto;395 font-family: Segoe Print, Segoe Print, Segoe Print;396 font-weight: bold;

45

397 font-size: 14px;398 cursor: pointer;399 border: 1px solid;" type="Submit" value="Registrar" name="btnERegistrar"></center>400 </form> 401 </td>402 <td>403 <form method="post" action="RegistroEgresadoPersonales.jsp">404 <center><input style="height: 50px; width: 150px; font-family: Segoe Print; font-size: 15px; border-collapse: separate;405 -webkit-background-origin: border !important;406 -moz-background-origin: border !important;407 background-origin: border-box !important;408 background: #107f63;409 background: -webkit-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;410 background: -moz-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;411 background: -o-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;412 background: -ms-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;413 -svg-background: linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;414 background: linear-gradient(to bottom, white 0, white 33%, #107f63 100%) no-repeat;415 -webkit-border-radius:12px;416 -moz-border-radius:12px;417 border-radius:12px;418 -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);419 -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);420 box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);421 border-width: 0;422 padding:0 20px;423 margin:0 auto;424 font-family: Segoe Print, Segoe Print, Segoe Print;425 font-weight: bold;426 font-size: 14px;427 cursor: pointer;428 border: 1px solid;" type="Submit" value="Nuevo" name="btnENuevo"></center> 429 </form>430 </td>431 <td>432 <form method="post" action="PrincipalAdmin.jsp">433 <center><input style="height: 50px; width: 150px; font-family: Segoe Print; font-size: 15px; border-collapse: separate;434 -webkit-background-origin: border !important;435 -moz-background-origin: border !important;436 background-origin: border-box !important;437 background: #107f63;438 background: -webkit-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;439 background: -moz-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;440 background: -o-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;441 background: -ms-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;

46

442 -svg-background: linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;443 background: linear-gradient(to bottom, white 0, white 33%, #107f63 100%) no-repeat;444 -webkit-border-radius:12px;445 -moz-border-radius:12px;446 border-radius:12px;447 -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);448 -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);449 box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);450 border-width: 0;451 padding:0 20px;452 margin:0 auto;453 font-family: Segoe Print, Segoe Print, Segoe Print;454 font-weight: bold;455 font-size: 14px;456 cursor: pointer;457 border: 1px solid;" type="Submit" value="Cancelar" name="btnECancelar"></center>458 </form>459 </td>460 </table>461 </form>462 463 <%464 HttpSession sesion = request.getSession();465 String usu;466 String pas;467 if (sesion.getAttribute("user") != null && sesion.getAttribute("pass") != null) {468 usu = sesion.getAttribute("user").toString();469 pas = sesion.getAttribute("pass").toString();470 } else {471 out.print("<script>location.replace('IniciarSesionAdmin.jsp');</script>");472 }473 %> 474 <center><div style="margin-top: 0px; border-radius: 0px 0px 0px 0; background-color: #00cc99; height: 40px; width: 100%; position: fixed;background: rgba(0,107,27,1);475 background: -moz-linear-gradient(top, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);476 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,107,27,1)), color-stop(50%, rgba(105,255,143,1)), color-stop(100%, rgba(105,255,143,1)));477 background: -webkit-linear-gradient(top, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);478 background: -o-linear-gradient(top, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);479 background: -ms-linear-gradient(top, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);480 background: linear-gradient(to bottom, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);481 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b1b', endColorstr='#69ff8f', GradientType=0 );">482 <font face="Segoe Print" size=3 color="black">483 <center><b><div style="margin-top: 13px;">BIENVENIDO ADMINISTRADOR</div></b></center>484 </font>485 </div></center>486

47

487 488 </body>489 </html>

4.2.4.1. Código del servelt para ingresar datos personales del egresado a la base de datos

1 /* 2 * To change this license header, choose License Headers in Project Properties. 3 * To change this template file, choose Tools | Templates 4 * and open the template in the editor. 5 */ 6 package Servidores; 7 8 import Controlador.Conexion; 9 import Modelo.DatosPersonalesEgresado; 10 import com.mysql.jdbc.PreparedStatement; 11 import java.io.IOException; 12 import java.io.PrintWriter; 13 import java.sql.Connection; 14 import javax.servlet.ServletException; 15 import javax.servlet.annotation.WebServlet; 16 import javax.servlet.http.HttpServlet; 17 import javax.servlet.http.HttpServletRequest; 18 import javax.servlet.http.HttpServletResponse; 19 import javax.swing.JOptionPane; 20 21 /** 22 * 23 * @author Dennis Guevara 24 */ 25 @WebServlet(name = "REP", urlPatterns = {"/REP"}) 26 public class RegistroEgresadoPersonales extends HttpServlet { 27 28 /** 29 * Processes requests for both HTTP <code>GET</code> and <code>POST</code> 30 * methods. 31 * 32 * @param request servlet request 33 * @param response servlet response 34 * @throws ServletException if a servlet-specific error occurs 35 * @throws IOException if an I/O error occurs 36 */ 37 protected void processRequest(HttpServletRequest request, HttpServletResponse response) 38 throws ServletException, IOException { 39 response.setContentType("text/html;charset=UTF-8"); 40 try (PrintWriter out = response.getWriter()) { 41 /* TODO output your page here. You may use following sample code. */

48

42 int op = JOptionPane.showConfirmDialog(null, "¿Desea guardar los datos?"); 43 if (op == JOptionPane.YES_OPTION) { 44 //Obtencion de valores de las cajas de texto de la ventana de registro de datos perosnales del egresado 45 String Nombres = request.getParameter("txtENombres"); 46 String Apellidos = request.getParameter("txtEApellidos"); 47 String Pais = request.getParameter("cmbEPais"); 48 String Cedula = request.getParameter("txtECedula"); 49 String Sexo = request.getParameter("cmbESexo"); 50 String Pasaporte = request.getParameter("txtEPasaporte"); 51 String FechaNacimiento = request.getParameter("txtEFechaNacimiento"); 52 String Edad = request.getParameter("txtEEdad"); 53 String Email = request.getParameter("txtEEmail"); 54 String EstadoCivil = request.getParameter("cmbEEstadoCivil"); 55 String Direccion = request.getParameter("txtEDireccion"); 56 String Provincia = request.getParameter("txtEProvincia"); 57 String Telefono = request.getParameter("txtETelefono"); 58 String Especialidad = request.getParameter("cmbEEspecialidad"); 59 String Celular = request.getParameter("txtECelular"); 60 String EstadoAcademico = request.getParameter("cmbEEstadoAcademico"); 61 String Contraseña = request.getParameter("txtEContrasena"); 62 63 64 //Validación de campos, en el caso de que esten vacios 65 if(Nombres.equals("") || Apellidos.equals("") || Pais.equals("Seleccionar") || Cedula.equals("") || Sexo.equals("Seleccionar") || Pasaporte.equals("") || FechaNacimiento.equals("") || Edad.equals("") || Email.equals("") || EstadoCivil.equals("Seleccionar") || Direccion.equals("") || Provincia.equals("") || Telefono.equals("") || Especialidad.equals("Seleccionar") || Celular.equals("") || EstadoAcademico.equals("Seleccionar") || Contraseña.equals("")){ 66 JOptionPane.showMessageDialog(null,"¡Error, No se puede guardar porque existen campos vacios!"); 67 response.sendRedirect("RegistroEgresadoPersonales.jsp"); 68 } 69 else{ 70 try { 71 //Código para registrar a la base de datos 72 PreparedStatement pst = (PreparedStatement) cn.prepareStatement("INSERT INTO egresado_datos_personales(Nombres, Apellidos, Pais, Cedula, Sexo, Pasaporte, FechaNacimiento, Edad, Email, EstadoCivil,Direccion,Provincia,Telefono,Especialidad,Celular,EstadoAcademico,Contrasena) VALUES(?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?,?)"); 73 DatosPersonalesEgresado egre=new DatosPersonalesEgresado(Nombres, Apellidos, Pais, Cedula, Sexo, Pasaporte, FechaNacimiento, Edad, Email, EstadoCivil, Direccion, Provincia, Telefono, Especialidad, Celular, EstadoAcademico, Contraseña); 74 75 pst.setString(1, egre.getNombres()); 76 pst.setString(2, egre.getApellidos()); 77 pst.setString(3, egre.getPais()); 78 pst.setString(4, egre.getCedula()); 79 pst.setString(5, egre.getSexo()); 80 pst.setString(6, egre.getPasaporte()); 81 pst.setString(7, egre.getFechaNacimiento()); 82 pst.setString(8, egre.getEdad()); 83 pst.setString(9, egre.getEmail());

49

84 pst.setString(10, egre.getEstadoCivil()); 85 pst.setString(11, egre.getDireccion()); 86 pst.setString(12, egre.getProvincia()); 87 pst.setString(13, egre.getTelefono()); 88 pst.setString(14, egre.getEspecialidad()); 89 pst.setString(15, egre.getCelular()); 90 pst.setString(16, egre.getEstadoAcademico()); 91 pst.setString(17, egre.getContrasena()); 92 93 pst.executeUpdate(); 94 JOptionPane.showMessageDialog(null, "Los datos se han guardado correctamente"); 95 response.sendRedirect("PrincipalAdmin.jsp"); 96 97 } catch (Exception e) { 98 out.printf("error");}} 99 }else{100 response.sendRedirect("RegistroEgresadoPersonales.jsp");101 }102 }103 }104 105 // <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to edit the code.">106 /**107 * Handles the HTTP <code>GET</code> method.108 *109 * @param request servlet request110 * @param response servlet response111 * @throws ServletException if a servlet-specific error occurs112 * @throws IOException if an I/O error occurs113 */114 @Override115 protected void doGet(HttpServletRequest request, HttpServletResponse response)116 throws ServletException, IOException {117 processRequest(request, response);118 }119 120 /**121 * Handles the HTTP <code>POST</code> method.122 *123 * @param request servlet request124 * @param response servlet response125 * @throws ServletException if a servlet-specific error occurs126 * @throws IOException if an I/O error occurs127 */128 @Override129 protected void doPost(HttpServletRequest request, HttpServletResponse response)130 throws ServletException, IOException {131 processRequest(request, response);132 }133 134 /**135 * Returns a short description of the servlet.136 *137 * @return a String containing servlet description138 */139 @Override

50

140 public String getServletInfo() {141 return "Short description";142 }// </editor-fold>143 Conexion cc = new Conexion();144 Connection cn = cc.conexion();145 }

4.2.5. Código de la pantalla de matriz de las secretarias

1 <%-- 2 Document : BuscarSecretaria 3 Created on : 28-jul-2016, 20:12:36 4 Author : Dennis Guevara 5 --%> 6 7 <%@page import="Modelo.ConsultaSecretaria"%> 8 <%@page import="java.util.List"%> 9 <%@page import="Modelo.BuscarSecretaria"%> 10 <%@page contentType="text/html" pageEncoding="UTF-8"%> 11 <!DOCTYPE html> 12 <html> 13 <head> 14 <%--Código para colocar el icono favicon --%> 15 <link rel="icon" type="image/ico" href="Imagenes/favicon.ico"/> 16 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 17 <title>Buscar Secretaria</title> 18 19 <style type="text/css"> 20 * { 21 padding: 0; 22 margin: 0; 23 } 24 25 .wrapper { 26 width: 100%; 27 margin: auto; 28 overflow:hidden; 29 } 30 header { 31 margin-top: 38px; 32 width: 100%; 33 position: fixed; 34 z-index: 10; 35 background: rgba(105,255,143,1); 36 background: -moz-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 37 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(105,255,143,1)), color-stop(50%, rgba(105,255,143,1)), color-stop(100%, rgba(0,107,27,1))); 38 background: -webkit-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 39 background: -o-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 40 background: -ms-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 41 background: linear-gradient(to bottom, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%);

51

42 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ff8f', endColorstr='#006b1b', GradientType=0 ); 43 color:#00000; 44 } 45 ul, ol{ 46 list-style:none; 47 } 48 .nav li a { 49 background: rgba(105,255,143,1); 50 background: -moz-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 51 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(105,255,143,1)), color-stop(50%, rgba(105,255,143,1)), color-stop(100%, rgba(0,107,27,1))); 52 background: -webkit-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 53 background: -o-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 54 background: -ms-linear-gradient(top, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 55 background: linear-gradient(to bottom, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,107,27,1) 100%); 56 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ff8f', endColorstr='#006b1b', GradientType=0 ); 57 58 color:#000000; 59 text-decoration:none; 60 padding: 15px 12px; 61 display:block; 62 font-family: Segoe Print; 63 font-size: 13px; 64 } 65 .nav li a:hover{ 66 background: rgba(105,255,143,1); 67 background: -moz-radial-gradient(center, ellipse cover, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%); 68 background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(105,255,143,1)), color-stop(50%, rgba(105,255,143,1)), color-stop(100%, rgba(0,189,47,1))); 69 background: -webkit-radial-gradient(center, ellipse cover, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%); 70 background: -o-radial-gradient(center, ellipse cover, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%); 71 background: -ms-radial-gradient(center, ellipse cover, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%); 72 background: radial-gradient(ellipse at center, rgba(105,255,143,1) 0%, rgba(105,255,143,1) 50%, rgba(0,189,47,1) 100%); 73 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ff8f', endColorstr='#00bd2f', GradientType=1 ); 74 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69ff8f', endColorstr='#006b1b', GradientType=1 ); 75 border-bottom: 1px solid; 76 border-top: 1px solid; 77 } 78 .nav > li { 79 float:left; 80 } 81 .nav li ul { 82 display:none; 83 position:absolute;

52

84 min-width:200px; 85 } 86 .nav li:hover > ul{ 87 display:block; 88 } 89 .nav li ul li{ 90 position:relative; 91 } 92 .nav li ul li ul{ 93 right:-200px; 94 top:0px; 95 } 96 97 .nav li .flecha{ 98 font-size: 9px; 99 padding-left: 6px;100 display: none;101 }102 103 .nav li a:not(:last-child) .flecha {104 display: inline;105 }106 107 .nav li .flecha{108 font-size: 9px;109 padding-left: 6px;110 display: none;111 }112 113 .nav li a:not(:last-child) .flecha {114 display: inline;} 115 #div1 {116 overflow:scroll;117 height:255px;118 width:100%;119 background: white;120 border: solid 2px;121 box-shadow: 5px 5px 10px 0px;122 margin-top: 10px;123 }124 #div1 table {125 width: 100%;126 background-color:white;127 }128 </style>129 </head>130 <body background="Imagenes/Originals/encabezado.png" style="background-repeat: no-repeat; width: 100%">131 <header>132 <section class="wrapper">133 <nav>134 <ul class="nav">135 <li>136 <a href="PrincipalAdmin.jsp"><img src="Imagenes/inicio.png" width="23" height="23"/> Inicio</a>137 </li> 138 <li>139 <a href=""><img src="Imagenes/informacion.png" width="23" height="23"/>Registrar información<span class="flecha">&#9660</span></a>

53

140 <ul>141 <li><a href="RegistroAdministrador.jsp">Registrar administrador</a></li>142 <li><a href="RegistroSecretaria.jsp">Registrar secretaria</a></li>143 <li><a href="">Registrar egresado<span class="flecha">&#9660</span></a>144 <ul>145 <li><a href="RegistroEgresadoPersonales.jsp">Registrar dts personales</a></li>146 <li><a href="BuscarEgresadoIngresoAcademicos.jsp">Registrar dts académicos</a></li>147 <li><a href="BuscarEgresadoIngresoTrabajo.jsp">Registrar dts del trabajo</a></li>148 </ul>149 </li>150 </ul>151 </li>152 153 <li>154 <a href=""><img src="Imagenes/soli.png" width="23" height="23"/> Actualizar información</a>155 <ul>156 <li><a href="BuscarAdministrador.jsp">Actualizar administrador</a></li>157 <li><a href="BuscarSecretaria.jsp">Actualizar secretaria</a></li>158 <li><a href="">Actualizar egresado<span class="flecha">&#9660</span></a>159 <ul>160 <li><a href="BuscarEgresadoPersonales.jsp">Actualizar dts personales</a></li>161 <li><a href="">Actualizar dts académicos</a></li>162 <li><a href="">Actualizar dts trabajo</a></li>163 </ul>164 </li>165 </ul>166 </li> 167 168 <li>169 <a href=""><img src="Imagenes/notifi.png" width="23" height="23"/> Notificaciones</a> 170 </li>171 172 <li>173 <a href=""><img src="Imagenes/reporte.png" width="23" height="23"/> Reportes<span class="flecha">&#9660</span></a>174 <ul>175 <li><a href="Reporte.jsp">Reportes generales</a></li>176 </ul>177 </li>178 179 <li>180 <a href=""><img src="Imagenes/ayuda.png" width="23" height="23"/> Ayuda</a>181 </li>182 183 <li>184 <a href=""><img src="Imagenes/admin.png" width="23" height="23"/> Administrador</a>

54

185 </li>186 187 <li>188 <a href="IniciarSesionAdmin.jsp?cerrar=true"><img src="Imagenes/salir.png" width="23" height="23"/> Salir</a>189 </li>190 </ul>191 </nav>192 </section>193 </header> 194 195 <center><div style="width: 1000px;196 height: 100px;197 position: absolute;198 left: 50%;199 margin-left: -500px;200 margin-top: 90px;">201 <font face="Segoe Print" size="5">202 <center>203 <br>204 <b>INSTITUTO TECNOLÓGICO SUPERIOR<br>205 "NUESTRA SEÑORA DEL ROSARIO"<br>206 SISTEMA DE SEGUIMIENTO DE EGRESADOS Y GRADUADOS</b>207 </center>208 </font>209 </div></center>210 <%211 HttpSession sesion = request.getSession();212 String usu;213 String pas;214 if (sesion.getAttribute("user") != null && sesion.getAttribute("pass") != null) {215 usu = sesion.getAttribute("user").toString();216 pas = sesion.getAttribute("pass").toString();217 } else {218 out.print("<script>location.replace('IniciarSesionAdmin.jsp');</script>");219 }220 %>221 222 <div style="width: 1200px;223 height: 300px;224 position: absolute;225 top: 20%;226 left: 40%;227 margin-top: -150px;228 margin-left: -598px;">229 <div>230 <%--Componentes cajas de texto, y botones nesesarios para el login--%>231 <table style="position:absolute;top:300px;left:125px; border-radius: 0px 0px 0px 0; background-color: #00cc99; height: 40px; border-collapse: separate;232 -webkit-background-origin: border !important;233 -moz-background-origin: border !important;234 background-origin: border-box !important;235 background: #107f63;236 background: -webkit-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;

55

237 background: -moz-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;238 background: -o-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;239 background: -ms-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;240 -svg-background: linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;241 background: linear-gradient(to bottom, #00cc99 0, #00cc99 33%, #107f63 100%) no-repeat;242 -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);243 -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);244 box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);245 border-width: 0;246 font-family: Segoe Print, Segoe Print, Segoe Print;247 font-weight: bold;248 font-size: 14px;249 cursor: pointer;250 border: 1px solid">251 <td width="1194">252 <font face="Segoe Print" size=3 color="black">253 <center><b>ACTUALIZAR SECRETARIA</b></center>254 </font>255 </td>256 </table>257 258 <table style="position:absolute;top:340px;left:125px; height: 360px; padding-left: 20px;"></table>259 <form method="post" action="">260 <div style="position:absolute;top:365px;left:150px;">261 <center><font face="Segoe Print" size="3">262 Parametro: 263 <select style="height: 24px; width: 100px; border: 1px solid #003300;" name="cmbSParametro">264 <option value="Seleccionar" selected>Seleccionar</option>265 <option value="NombreBuscarS">Nombre</option>266 <option value="ApellidoBuscarS">Apellido</option>267 <option value="CedulaBuscarS">Cédula</option>268 </select>269 <input style="height: 22px; border: 1px solid #003300;" type="text" name="txtBuscarSecre" size="15" placeholder="xxxxxxxxxxxxxxxxx">270 271 <input style="height: 40px; width: 105px; border-collapse: separate;272 -webkit-background-origin: border !important;273 -moz-background-origin: border !important;274 background-origin: border-box !important;275 background: #107f63;276 background: -webkit-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;277 background: -moz-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;278 background: -o-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;279 background: -ms-linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;280 -svg-background: linear-gradient(top, #FF6666 0, #FF0000 33%, #330000 100%) no-repeat;

56

281 background: linear-gradient(to bottom, #00cc99 0, #00cc99 33%, #107f63 100%) no-repeat;282 -webkit-border-radius:12px;283 -moz-border-radius:12px;284 border-radius:12px;285 -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);286 -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);287 box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.35);288 border-width: 0;289 padding:0 20px;290 margin:0 auto;291 font-family: Segoe Print, Segoe Print, Segoe Print;292 font-weight: bold;293 font-size: 14px;294 cursor: pointer;295 border: 1px solid;" type="Submit" value="Buscar"><br>296 <%--aqui va la tabla de busqeuda parametro--%>297 298 <%299 if (request.getParameter("cmbSParametro") != null) {300 if (request.getParameter("cmbSParametro").equals("ApellidoBuscarS")) {301 String apellido = request.getParameter("txtBuscarSecre");302 List<BuscarSecretaria> secre = ConsultaSecretaria.BuscarSecretariaApellido(apellido);303 for (int i = 0; i < secre.size(); i++) {304 %>305 <center><br>306 <font face="Segoe Print">307 <table style="margin-top:-10px; font-family: Segoe Print; font-size: 14.5px;">308 <thead>309 <th style="border: solid 1px; border-radius: 5px; background: #66ffff">Nombres </th>310 <th style="border: solid 1px; border-radius: 5px; background: #66ffff">Apellidos </th>311 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Cédula </th>312 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Dirección </th>313 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Teléfono </th>314 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Correo </th>315 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Sexo </th>316 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Edad </th>317 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">NombreUsuario </th>318 </thead>319 320 <tr>321 <td style="border: solid 1px;"><%=secre.get(i).getNombre()%> </td>322 <td style="border: solid 1px;"><%=secre.get(i).getApellido()%> </td>323 <td style="border: solid 1px;"><%=secre.get(i).getCedula()%> </td>

57

324 <td style="border: solid 1px;"><%=secre.get(i).getDireccion()%> </td>325 <td style="border: solid 1px;"><%=secre.get(i).getTelefono()%> </td>326 <td style="border: solid 1px;"><%=secre.get(i).getCorreo()%> </td>327 <td style="border: solid 1px;"><%=secre.get(i).getSexo()%> </td>328 <td style="border: solid 1px;"><%=secre.get(i).getEdad()%> </td>329 <td style="border: solid 1px;"><%=secre.get(i).getNombreUsuario()%> </td>330 <td style="border: solid 1px;"><a href="ActualizarSecretaria.jsp?IDSecretaria=<%=secre.get(i).getIDSecretaria()%>&&Nombre=<%=secre.get(i).getNombre()%>&&Apellido=<%=secre.get(i).getApellido()%>&&Cedula=<%=secre.get(i).getCedula()%>&&Direccion=<%=secre.get(i).getDireccion()%>&&Telefono=<%=secre.get(i).getTelefono()%>&&Correo=<%=secre.get(i).getCorreo()%>&&Sexo=<%=secre.get(i).getSexo()%>&&Edad=<%=secre.get(i).getEdad()%>&&NombreUsuario=<%=secre.get(i).getNombreUsuario()%>&&Contrasena=<%=secre.get(i).getContrasena()%>"> Modificar</a></td>331 </tr>332 </table>333 </center>334 <%335 }336 }337 338 }339 %>340 341 342 <%343 if (request.getParameter("cmbSParametro") != null) {344 if (request.getParameter("cmbSParametro").equals("NombreBuscarS")) {345 String nombre = request.getParameter("txtBuscarSecre");346 List<BuscarSecretaria> secre = ConsultaSecretaria.BuscarSecretariaNombre(nombre);347 for (int i = 0; i < secre.size(); i++) {348 %>349 <center><br>350 <font face="Segoe Print">351 <table style="margin-top:-10px; font-family: Segoe Print; font-size: 14.5px;">352 <thead>353 <th style="border: solid 1px; border-radius: 5px; background: #66ffff">Nombres </th>354 <th style="border: solid 1px; border-radius: 5px; background: #66ffff">Apellidos </th>355 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Cédula </th>356 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Dirección </th>357 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Teléfono </th>358 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Correo </th>

58

359 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Sexo </th>360 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Edad </th>361 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">NombreUsuario </th>362 </thead>363 364 <tr>365 <td style="border: solid 1px;"><%=secre.get(i).getNombre()%> </td>366 <td style="border: solid 1px;"><%=secre.get(i).getApellido()%> </td>367 <td style="border: solid 1px;"><%=secre.get(i).getCedula()%> </td>368 <td style="border: solid 1px;"><%=secre.get(i).getDireccion()%> </td>369 <td style="border: solid 1px;"><%=secre.get(i).getTelefono()%> </td>370 <td style="border: solid 1px;"><%=secre.get(i).getCorreo()%> </td>371 <td style="border: solid 1px;"><%=secre.get(i).getSexo()%> </td>372 <td style="border: solid 1px;"><%=secre.get(i).getEdad()%> </td>373 <td style="border: solid 1px;"><%=secre.get(i).getNombreUsuario()%> </td>374 <td style="border: solid 1px;"><a href="ActualizarSecretaria.jsp?IDSecretaria=<%=secre.get(i).getIDSecretaria()%>&&Nombre=<%=secre.get(i).getNombre()%>&&Apellido=<%=secre.get(i).getApellido()%>&&Cedula=<%=secre.get(i).getCedula()%>&&Direccion=<%=secre.get(i).getDireccion()%>&&Telefono=<%=secre.get(i).getTelefono()%>&&Correo=<%=secre.get(i).getCorreo()%>&&Sexo=<%=secre.get(i).getSexo()%>&&Edad=<%=secre.get(i).getEdad()%>&&NombreUsuario=<%=secre.get(i).getNombreUsuario()%>&&Contrasena=<%=secre.get(i).getContrasena()%>"> Modificar</a></td> </tr>375 </table>376 </center>377 <%378 }379 }380 381 }382 %>383 384 <%385 if (request.getParameter("cmbSParametro") != null) {386 if (request.getParameter("cmbSParametro").equals("CedulaBuscarS")) {387 String cedula = request.getParameter("txtBuscarSecre");388 List<BuscarSecretaria> secre = ConsultaSecretaria.BuscarSecretariaCedula(cedula);389 for (int i = 0; i < secre.size(); i++) {390 %>391 <center><br>392 <font face="Segoe Print">393 <table style="margin-top:-10px; font-family: Segoe Print; font-size: 14.5px;">394 <thead>

59

395 <th style="border: solid 1px; border-radius: 5px; background: #66ffff">Nombres </th>396 <th style="border: solid 1px; border-radius: 5px; background: #66ffff">Apellidos </th>397 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Cédula </th>398 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Dirección </th>399 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Teléfono </th>400 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Correo </th>401 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Sexo </th>402 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Edad </th>403 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">NombreUsuario </th>404 </thead>405 406 <tr>407 <td style="border: solid 1px;"><%=secre.get(i).getNombre()%> </td>408 <td style="border: solid 1px;"><%=secre.get(i).getApellido()%> </td>409 <td style="border: solid 1px;"><%=secre.get(i).getCedula()%> </td>410 <td style="border: solid 1px;"><%=secre.get(i).getDireccion()%> </td>411 <td style="border: solid 1px;"><%=secre.get(i).getTelefono()%> </td>412 <td style="border: solid 1px;"><%=secre.get(i).getCorreo()%> </td>413 <td style="border: solid 1px;"><%=secre.get(i).getSexo()%> </td>414 <td style="border: solid 1px;"><%=secre.get(i).getEdad()%> </td>415 <td style="border: solid 1px;"><%=secre.get(i).getNombreUsuario()%> </td>416 <td style="border: solid 1px;"><a href="ActualizarSecretaria.jsp?IDSecretaria=<%=secre.get(i).getIDSecretaria()%>&&Nombre=<%=secre.get(i).getNombre()%>&&Apellido=<%=secre.get(i).getApellido()%>&&Cedula=<%=secre.get(i).getCedula()%>&&Direccion=<%=secre.get(i).getDireccion()%>&&Telefono=<%=secre.get(i).getTelefono()%>&&Correo=<%=secre.get(i).getCorreo()%>&&Sexo=<%=secre.get(i).getSexo()%>&&Edad=<%=secre.get(i).getEdad()%>&&NombreUsuario=<%=secre.get(i).getNombreUsuario()%>&&Contrasena=<%=secre.get(i).getContrasena()%>"> Modificar</a></td>417 </tr>418 </table>419 </center>420 <%421 }422 }423 424 }425 %>426 427 428 <div id="div1">

60

429 <center><font face="Segoe Print">430 <table style="margin-top: 10px; font-family: Segoe Print; font-size: 14.5px;">431 <th style="border: solid 1px; border-radius: 5px; background: #66ffff">Nombres </th>432 <th style="border: solid 1px; border-radius: 5px; background: #66ffff">Apellidos </th>433 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Cédula </th>434 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Dirección </th>435 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Teléfono </th>436 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Correo </th>437 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Sexo </th>438 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">Edad </th>439 <th style="border: solid 1px; border-radius: 5px;background: #66ffff">NombreUsuario </th>440 441 442 443 <%444 List<BuscarSecretaria> secre = ConsultaSecretaria.MostrarSecretaria();445 for (int i = 0; i < secre.size(); i++) {446 %>447 <tr>448 <td style="border: solid 1px;"><%=secre.get(i).getNombre()%> </td>449 <td style="border: solid 1px;"><%=secre.get(i).getApellido()%> </td>450 <td style="border: solid 1px;"><%=secre.get(i).getCedula()%> </td>451 <td style="border: solid 1px;"><%=secre.get(i).getDireccion()%> </td>452 <td style="border: solid 1px;"><%=secre.get(i).getTelefono()%> </td>453 <td style="border: solid 1px;"><%=secre.get(i).getCorreo()%> </td>454 <td style="border: solid 1px;"><%=secre.get(i).getSexo()%> </td>455 <td style="border: solid 1px;"><%=secre.get(i).getEdad()%> </td>456 <td style="border: solid 1px;"><%=secre.get(i).getNombreUsuario()%> </td>457 <td style="border: solid 1px;"><a href="ActualizarSecretaria.jsp?IDSecretaria=<%=secre.get(i).getIDSecretaria()%>&&Nombre=<%=secre.get(i).getNombre()%>&&Apellido=<%=secre.get(i).getApellido()%>&&Cedula=<%=secre.get(i).getCedula()%>&&Direccion=<%=secre.get(i).getDireccion()%>&&Telefono=<%=secre.get(i).getTelefono()%>&&Correo=<%=secre.get(i).getCorreo()%>&&Sexo=<%=secre.get(i).getSexo()%>&&Edad=<%=secre.get(i).getEdad()%>&&NombreUsuario=<%=secre.get(i).getNombreUsuario()%>&&Contrasena=<%=secre.get(i).getContrasena()%>"> Modificar</a></td>458 </tr>459 <% }%>460 </table></center>

61

461 </div></center></div>462 </form>463 </div></div>464 <center><div style="margin-top: 0px; border-radius: 0px 0px 0px 0; background-color: #00cc99; height: 40px; width: 100%; position: fixed;background: rgba(0,107,27,1);465 background: -moz-linear-gradient(top, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);466 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,107,27,1)), color-stop(50%, rgba(105,255,143,1)), color-stop(100%, rgba(105,255,143,1)));467 background: -webkit-linear-gradient(top, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);468 background: -o-linear-gradient(top, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);469 background: -ms-linear-gradient(top, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);470 background: linear-gradient(to bottom, rgba(0,107,27,1) 0%, rgba(105,255,143,1) 50%, rgba(105,255,143,1) 100%);471 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b1b', endColorstr='#69ff8f', GradientType=0 );">472 <font face="Segoe Print" size=3 color="black">473 <center><b><div style="margin-top: 13px;">BIENVENIDO ADMINISTRADOR</div></b></center>474 </font>475 </div></center>476 </body>477 </html>

62

4.3. Pruebas

Sistema Detalle Base de datos Detalle ObservaciónPantalla de selección de

perfilesFactible - - -

Pantalla de inicio sesión

administradorFactible administrador Evidente Funciona correctamente

Pantalla de inicio sesión

secretariaFactible secretaria Evidente Funciona correctamente

Pantalla principal del

administradorNo factible administrador Evidente

Falta funcionalidad de algunos menús

de la pantalla, como ayuda, licencias,

etc. pero los principales si funcionan

Pantalla principal de la

secretariaNo factible secretaria Evidente

Funciona, pero faltan opciones del

menú

Pantalla del egresado Factible egresado EvidenteFunciona correctamente todas las

opciones

Pantalla de registro de



secretariaFactible Secretaria Evidente Funciona correctamente

Pantalla de registro de Factible egresado_datos_personales Evidente Funciona correctamente

63

datos personales del

egresado


datos académicos del

egresado

Factible egresado_datos_academicos Evidente Funciona correctamente


datos del trabajo del

egresado

Factible Egresado_datos_trabajo Evidente Funciona correctamente

Pantalla matriz de


Pantalla de matriz de la

secretariaFactible secretaria Evidente Funciona correctamente

Pantalla de matriz de

datos personales del

egresado

Factible egresado_datos_personales Evidente Funciona correctamente


datos académicos del

egresado



datos de trabajo del

Factible egresado_datos_trabajo Evidente Funciona correctamente

64

egresado

Pantalla de

actualización de

administrador

Factible administrador Evidente Funciona correctamente

Pantalla de

actualización de

secretaria

Factible secretaria Evidente Funciona correctamente

Pantalla de

actualización de datos

personales del egresado

Factible egresado_datos_personales Evidente Funciona correctamente

Pantalla de


académicos del

egresado


Pantalla de


de trabajo del egresado

Factible egresado_datos_trabajo Evidente Funciona correctamente

Pantalla de sugerencias

de administradorFactible sugerencias Evidente Funciona correctamente

Pantalla de sugerencias Factible sugerencias Evidente Funciona correctamente

65

de la secretaria

Pantalla de realizar

sugerencia del egresadoFactible sugerencias Evidente Funciona correctamente

Pantalla de reportes del

egresadoFactible egresado Evidente Funciona correctamente

Pantalla de reportes del

administradorFactible egresado Evidente Funciona correctamente

Pantalla de reportes de

la secretariaFactible egresado Evidente Funciona correctamente

Tabla 8 Tabla de pruebasFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


66

4.4. Manuales

4.4.1. Manual de usuario

Figura 21 Pantalla de selección de perfilesFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Ventana de selección de perfiles, al hacer clik en el botón con el rol respectivo

se presentará la ventana para iniciar sesión.

Esta imagen permite abrir el inicio de sesión del administrador

Esta imagen permite abrir el inicio de sesión de la

secretaria

67

Esta imagen permite abrir el inicio de sesión del

estudiante

Figura 22 Pantalla de inicio de sesión del amdinistradorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Esta ventana permite iniciar sesión al sistema

En el campo Usuario ingresamos el nombre de usuario del administrador o

secretaria, en el caso del estudiante ingresa por correo electrónico y el campo

se encontrará como Correo.

En el campo Contraseña establece la contraseña para ingresar al sistema

El botón Ingresar permitirá validar e ingresar al sistema. Si los campos son

correctos ingresara a la ventana principal, caso contrario presentara el

siguiente mensaje:

68

Figura 23 Mensaje de error de la pantalla de inicio sesiónFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


El botón Cancelar permite regresar a la pantalla de selección de perfiles.

Figura 24 Pantalla principal del administradorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Esta es la pantalla principal del administrador, en el que constra de las

siguientes opciones:

Esta opción permite mostrar la pagina principal del administrador,

como muestra en la figura xx.

Este ítem permite desplegar una serie de opciones en el

cual se puede registrar administrador, secretaria y los

datos personales, académicos y de trabajo del egresado.

69

Figura 25 Menu de opciones del item Registrar informaciónFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Al hacer clik en el ítem Registrar administrador, permitirá registrar un nuevo

administrador, mostrando la siguiente ventana:

Figura 26 Pantalla para registrar un nuevo administradorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


En esta ventana el campo Nombre se encuentra desbloqueado, es decir, para

poder ingresar un nuevo administrador se debe ingresar cada dato en su

respectivo orde, al momento de escribir algo en el campo Nombre el siguiente

campo Apellido se desbloquea, asi hasta llenar todos los campos. Si los

campos no están llenos el botón de guardar permanece bloquiado.

70

Al hacer clik en el botón Guardar aparecerá un mensaje de confirmación:

Figura 27 Mensaje de confirmación de guardar datosFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


El botón Si permite registrar el administrador, el botón No cancelar la acción, al

igual que el Cancelar.

Si los campos se encuentran ingresados correctamente el sistema muestra un

mensaje de “Datos guardados correctamente”.

Figura 28 Mensaje de éxito al guardar datosFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Si los campos ya se encuentran desbloquiados, y por un error del administrador

borro el contenido de algún campo, al dar clik en el botón guardar no permitirá

registrar el administrador en la base de datos y mostrará el siguiente mensaje:

Figura 29 Mensaje de error al guardar los datosFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Lo mismo ocurre para las demás ventanas de registro de usuarios.

Este ítem desplegara una serie de opciones que

permitirán actualizar datos de los usuarios mencionados

anteriormente.

71

Figura 30 Menu de opciones del item Actualizar informaciónFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Al hacer clik en un ítem mostrado en la imagen, mostrara la siguiente ventana:

Figura 31 Tabla de datos del administradorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


La ventana presenta una matriz en donde se encuentran los datos del usuario

sin contar la contraseña del mismo.

El campo Parametro junto con el

combobox permitirán buscar un

usuario en especifico, ya sea por

Nombre, Apellido o por Cedula. En la caja de texto después del combobox se

escribirá el texto según el filtro por el que vamos a buscar y el botón Buscar

72

permite buscar la información, mostrando una tabla en la que se presenta solo

el usuario filtrado.

El campo Modificar permite abrir una nueva ventana en la que se cargan los

datos del campo y se podrá modificar el campo desesado.

El campo Eliminar permite eliminar el campo de la matriz seleccionado.

Este ítem del menú permite revisar las sugerencias dirigidas

pr el egresado.

Este ítem permite generar reportes de los usuarios, tanto

generales, como con parámetros.

Esta ventana aparece al

momento de generar un reporte,

la cual permite seleccionar la

ubicación para guardar el reporte

y poner el nombre del mismo. El

nombre deberá ser colocado

directamente sin poner la

extensión .pdf

Este ítem muestra ayuda del sistema y la información.

Este ítem permite realizar configuraciones del sistema.

Este ítem permite cerrar la sesión.

Al igual que el administrador, la secretaria cumple el mismo papel, excepto que

no puede configurar el sistema.

73

Por otra parte, el egresado solo puede ver su información y generar reportes de

el mediante los ítems ya mencionados.

Figura 32 Pantalla del egresado para realizar sugerenciasFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Esta pantalla permite al egresado realizar una sugerencia al administrador o a

la secretaria.

En el campo Asunto se colocará un titulo sobre de que se trata la sugerencia a

realizar.

El campo Descripción se redacta el mensaje.

Este botón, permite enviar sugerencias al egresado.

74

4.4.2. Manual de administrador

Figura 33 Pantalla de selección de perfilesFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Esta pantalla permite al administrador elegir el perfil, en el caso de el se

seleccionará el ítem correcto.

Figura 34 Pantalla de iniciar sesión del administradorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


75

El administrador ingresa con nombre de usuario y la contraseña al sistema

Figura 35 Pantalla de registro de datos personales del egresadoFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Esta entana permite registrar los datos personales del egresado, en donde el

botón registrar permite guardar a la base de datos, nuevo ingresar un nuevo

egresado y cancelar que vuelve a la pagina principal.

Los campos que se encuentran sin el asteristo no son obligatorios

Figura 36 Tabla de datos personales del egresadoFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


76

Esta pantalla permite actualizar los datos personales del egresado, dando clik

en Modificar, se llenarán los campos permitiendo modificar alguno y ser

actualizado en la base de datos.

Figura 37 Pantalla par actualizar datos personales del egresadoFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Ventana que permite actualizar datos personales del egresado, de la misma

manera funciona para los datos académicos y de trabajo del egresado y las

secretarias y demás administradores.

Figura 38 Pantalla de sugerencias por parte del egresadoFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


77

En la opción de Notificaciones aparece un ítem denominado Revisar sugerencias al dar clik presenta la imagen anterior, que permite al

administrador observar las sugerencias por parte del egresado y eliminarlas a

travez de la opción Eliminar una vez realizadas.

Figura 39 Pantalla del administrador (Item Reportes)Fuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


El menú reportes presenta 2 items: Al dar clik en Reporte general de egresados abrirá una ventana de dialogo que permite seleccionar la ruta

donde se guardará el reporte y colocar el respectivo nombre del mismo.

4.5. Documentación

Figura 40 Javadoc: Paquetes del proyectoFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


78

Figura 41 Javadoc: Clases del paquete ControladorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Figura 42 Javadoc: Constructores y metodos de la clase Conexion dentro del paquete ControladorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


79

Figura 43 Javadoc: Clases del paquete ModeloFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Figura 44 Javadoc: Variables y constructores de la clase BuscarEgresadoPersonalesFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


80

Figura 45 Javadoc: Servelts del paquete ServidoresFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Figura 46 Javadoc: Variables y Constructores de la clase IniciarSesionAdminFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


81

Conclusiones

Se investigaron y analizaron los requerimientos necesarios y se logro

desarrollar el sistema con las necesidades planteadas por el usuario.

Se utilizo los conocimientos obtenidos en el estudio de programación

web acerca de la accesibilidad, debido a esto se desarrollo un sistema lo

mas accesible posible para el usuario.

Se desarrollo los diagramas necesarios correspondientes a la

metodología iconix y se logro obtener gracias a estos diagramas una

programación eficaz y mas fácil de desarrollar.

Se logro desarrollar un sistema web que permite ingresar a cualquier

usuario a travez de la internet.

La comodidad para los usuarios que utilicen el sistema se verá con

mayor facilidad ya que el sistema es web.

Para los egresados y graduados se facilita la obtención de su

información personal generando reportes o observando su información.

Recomendaciones

Se recomienda al administrador, en caso de que exista otro leer el

manual correctamente con el fin de que pueda manjera el sistema de

mejor manera.

Se recomienda a la secretaria aplicar bien los datos en los campos,

fijarse bien en la información que esta registrando con el fin de que no

exista inconvenientes en la información

Tanto para la secretaria y para el administrador se recomienda que una

ves ingresado los datos personales del egresado, ingrese también los

82

académicos y de trabajo debido a que estos dos están en diferentes

ventanas.

Se recomienda al egresado y graduado hacer uso de su información de

manera adecuada, y con respecto a las sugerencias hacia el

administrador o secretaria acerca de su información tenga en cuanta que

debe enviar una sugerencia aceptable y al alcance del administrador.

Bibliografía Rojas, M. (2010). Ciclo de vida: Modelo en cascada. Recuperado de:

http://spanishpmo.com/index.php/ciclos-de-vida-modelo-de-cascada/.

{10/08/2016}

Ramone, M. (2012). Ingenieria de software: Modelo en cascada.

Recuperado de: http://ingenexescom.blogspot.com/2012/02/modelo-en-

cascada.html. {10/08/2016}

Jiménez, S. (2014). Metodología ICONIX. Recuperado de:

http://metodologiaiconix.blogspot.com. {15/08/2016}

Bernal, M. (2013). Metodología ICONIX. Recuperado de:

http://iisoftware.blogspot.com/2013/02/metodologia-iconix.html.

{15/08/2016}

Rodriguez, A. (2010). Diseño arquitectónico. Recuperado de:

http://www.ie.inf.uc3m.es/grupo/docencia/reglada/Is1y2/IS2/Unidades14

a20-DOC.pdf. {16/08/2016}

Bustos, J. (2011). Diseño arquitectónico. Recuperado de:

http://es.slideshare.net/jpbthames/diseo-arquitectnico-9443843.

{16/08/2016}

Altova. (2016). Diagramas de secuencia UML. Recuperado de:

http://www.altova.com/es/umodel/sequence-diagrams.html. {20/08/2016}

83

84

Engineering

Proyecto de seguimiento de egresados