Proyecto ingenieria

INSTITUTO TECNOLÓGICO SUPERIOR

“NUESTRA SEÑORA DEL ROSARIO”

TECNOLOGÍA EN ANÁLISIS DE SISTEMAS

TEMA:

“ANÁLISIS, DISEÑO, DESARROLLO DE UN SISTEMA INFORMÁTICO PARA EL

SEGUIMIENTO DE EGRESADOS Y GRADUADOS DEL INSTITUTO TECNOLÓGICO

SUPERIOR “NUESTRA SEÑORA DEL ROSARIO” DEL CANTÓN CATAMAYO PROVINCIA

DE LOJA PERIODO ABRIL-AGOSTO 2016“

AUTORA:

Lizbeth Carolina Jiménez Riascos

TUTOR:

Tlgo. Luis Tillaguango

AÑO LECTIVO

2015- 2016

CERTIFICACIÓN

Yo, Tlgo. Luis Tillaguango, certifico que la estudiante Lizbeth Carolina Jiménez Riascos con

Cl. N.º 1150039897 realizó el presente proyecto de programación con el tema “ANÁLISIS,

DISEÑO, DESARROLLO DE UN SISTEMA INFORMÁTICO PARA EL SEGUIMIENTO DE

EGRESADOS Y GRADUADOS DEL INSTITUTO TECNOLÓGICO SUPERIOR “NUESTRA

SEÑORA DEL ROSARIO” DEL CANTÓN CATAMAYO PROVINCIA DE LOJA PERIODO

ABRIL-AGOSTO 2016“, y es autora intelectual del mismo, que es original, auténtico y

personal.

_________________________ Tlgo. Luis Tillaguango

AUDITORÍA

Yo, Lizbeth Carolina Jiménez Riascos con Cl. 1150039897 certifico que el proyecto titulado:

“ANÁLISIS, DISEÑO, DESARROLLO DE UN SISTEMA INFORMÁTICO PARA EL

SEGUIMIENTO DE EGRESADOS Y GRADUADOS DEL INSTITUTO TECNOLÓGICO

SUPERIOR “NUESTRA SEÑORA DEL ROSARIO” DEL CANTÓN CATAMAYO PROVINCIA

DE LOJA PERIODO ABRIL-AGOSTO 2016“ el cual presento como requisito de la materia de

programación y de esa manera poder optar por el título de Tecnóloga en Análisis de

Sistemas, del INSTITUTO TECNOLÓGICO SUPERIOR “NUESTRA SEÑORA DEL

ROSARIO”, es el producto de mi labor investigativa.

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

académicos que se desprenden del mismo son exclusividad del autor

RESUMEN

El siguiente proyecto de ciclo está enfocado en el análisis, diseño, desarrollo de un sistema

informático para el seguimiento de egresados y graduados del Instituto Tecnológico Superior

“Nuestra Señora del Rosario” del cantón Catamayo provincia de Loja periodo abril-agosto

2016.

Con este proyecto lo que se pretende es brindar con mayor facilidad información de los

egresados y graduados de la institución.

Se destaca la importancia del seguimiento a los egresados y graduados para la institución de

educación superior, como estrategia de evaluación, conociendo información relevante de los

graduados que puede conducir a formular políticas de mejoramiento o direccionamiento

institucional.

Con el sistema de seguimiento se propone cumplir una doble función de auto conocimiento

de la institución para realizar acciones de mejoramiento de la calidad académica y de apoyo.

El sistema contiene diferentes roles los cuales son: Administrador, Secretaria, Egresado,

Graduado y el Departamento de Bienestar Estudiantil. Estos roles tendrán la oportunidad de

ingresar al sistema, cada uno de ellos con su respectiva autorización.

En el escrito se presentan los diagramas de actividades, Modelo de dominio, diagrama de

clases inicial, diagrama de caso de uso, diagrama de robustez, diagrama de secuencia,

diagrama de estados, diagrama de paquetes, diagrama de distribución.

INTRODUCCIÓN

El seguimiento de egresados y graduados se constituye en una herramienta de mucha

utilidad para las Instituciones de Educación Superior, con este proceso se obtiene un

conjunto de datos e indicadores socio demográficos, académicos y laborales de los

graduados y egresados, entre otros aspectos concernientes a la relación con la Institución y

su proyecto educativo, que permiten medir su eficiencia, calidad educativa y su impacto en la

sociedad.

En el siguiente proyecto hago presente el análisis, diseño, desarrollo de un sistema

informático para el seguimiento de egresados y graduados del Instituto Tecnológico Superior

“Nuestra Señora del Rosario” del cantón Catamayo provincia de Loja periodo abril-agosto

2016.

Con el sistema mencionado anteriormente se pretende que la Institución tenga información

de la hoja de vida oportuna de cada egresado y graduado, mismo que podrá ser actualizado

por la secretaria o por el administrador.

Los roles que se presentan son los siguientes: Administrador, Secretaria, Egresado,

Graduado y el Departamento de Bienestar Estudiantil.

El escrito está dividido por las siguientes partes: preliminar, capítulo I, capitulo II, capitulo III,

capitulo IV, conclusiones, recomendaciones y bibliografía o web-grafía

PROBLEMA:

En la actualidad la tecnología es una herramienta que ayuda a satisfacer las necesidades del

ser humano en los diferentes ámbitos sociales en los que se han desenvuelto.

Varios Países cuentan con Instituciones de Educación Superior; percatándose en la

necesidad de contar con Sistemas Informáticos que se vean especificados en el seguimiento

de egresados y graduados de las respectivas instituciones educativas, logrando tener un

seguimiento de sus ex-alumnos conocer si ejercen su profesión o en que campo se

desempeña.

En el Ecuador estos sistemas de seguimientos estudiantiles, permiten tener una continua

vinculación entre los estudiantes y la Institución Educativa.

En la ciudad de Loja particularmente en el Cantón Catamayo, brinda sus funciones

educativas el Instituto Tecnológico Superior “Nuestra Señora del Rosario” desde el año de

1999 consta con un amplio número de estudiantes en las carreras tecnológicas que brinda

como son Tecnologías en sistemas y en Contabilidad y Auditoría, logrando ver la necesidad

de realizar una actualización al Sistema de Egresados y Graduados con el que actualmente

maneja la institución educativa, ya que dicha aplicación es únicamente en forma local,

esperando que este proceso sea en Web, logrando que los estudiantes, docentes y la

Institución Educativa se mantenga en constante enlace.

OBJETIVO GENERAL:

Analizar, diseñar y desarrollar un sistema informático para el seguimiento de egresados y

graduados del Instituto Tecnológico Superior “Nuestra Señora del Rosario” del cantón

Catamayo provincia de Loja periodo abril-agosto 2016.

OBJETIVOS ESPECÍFICOS:

• Plasmar un escrito en diferentes partes: preliminar, 4 capítulos, conclusiones,

recomendaciones, bibliografía-web grafía

• Desarrollar un análisis completo de los diferentes diagramas mismos que serán de

utilidad para la realización del sistema.

• Conocer el grado de satisfacción de los recién egresados-graduados con respecto a la

formación recibida y su identificación con la Institución.

REQUERIMIENTOS FUNCIONALES

RF1 El sistema permitirá un acceso dependiendo de roles(Administrador, graduado,

egresado, secretario, departamento de bienestar estudiantil

RF2 Registro y control de datos informativos de los egresados y graduados (Nombre,

Apellido, Número de Cédula, Teléfono, Celular, Sexo, País, Ciudad, Estado Civil,

Dirección, Email, Contraseña)

RF3 Registro y control de datos del trabajo actual de los egresados y graduados

(Nombre de la Institución, Teléfono, Dirección, País, Ciudad, Fecha de ingreso,

Dirección, Cargo que desempeña).

RF4 Posibilitará al usuario el cambio de su contraseña de acceso al sistema

RF5 El sistema permitirá al administrador registrar la información

RF6 El sistema permitirá al administrador solicitudes de información

RF7 El sistema permitirá al administrador recibir sugerencias

RF8 El administrador tendrá el control a reportes como también a ayuda

RF9 Tendrá una opción de administrar que permitirá crear cuentas de usuario

RF10 El administrador podrá respaldar la base de datos

RF11 El sistema permitirá registrar a los egresados , modificar más no eliminar

RF12 El sistema permitirá al graduado una opción de datos de trabajo actual

RF13 El sistema permitirá en los datos del egresado ingresar el nombre como dato del

director del proyecto de grado

REQUERIMIENTOS NO FUNCIONALES

RNF1 El usuario interactúa con el sistema utilizando el teclado y mouse

RNF2 El sistema será desarrollado con disponibilidad vía WEB

RNF3 Será accesible desde cualquier equipo de trabajo con diferentes navegadores

RNF4 El sistema se ejecutará sobre un servidor con sistema operativo libre (Linux)

RNF5 El sistema trabajará con base de datos mysql

RNF6 Utilización de un lenguaje de programación java

RNF7 El sistema contará con manuales de usuario para su entendimiento y

capacitación

RNF8 El sistema estará protegido por claves de acceso

RNF9 El administrador del sistema podrá modificar o actualizar la información del

sistema

RNF10 El tiempo de respuesta del sistema dependerá de las características del

hardware.

DIAGRAMA DE ACTIVIDADES

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

Responsable: Lizbeth Carolina Jiménez Riascos

MODELO DE DOMINIO

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


DIAGRAMA DE CLASES

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


CAPITULO II

MODELO

El modelo que se va a utilizar para el sistema de seguimiento de egresados es el de

cascada, algunas veces llamado el ciclo de vida clásico, sugiere un enfoque sistemático,

secuencial hacia el desarrollo del software, que se inicia con la especificación de

requerimientos del cliente y que continua con la planeación, el modelado, la construcción y el

despliegue para culminar en el soporte del software terminado.

Las principales etapas de este modelo son:

• Análisis y definición de requerimientos

• Diseño del sistema y del software

• Implementación y prueba de unidades

• Integración y prueba del sistema

• Funcionamiento y mantenimiento

DISEÑO PRELIMINAR

Se presentan las ventanas principales del sistema informático para el seguimiento de

egresados y graduados del Instituto Tecnológico Superior “Nuestra Señora del Rosario” del

Cantón Catamayo provincia de Loja periodo abril-agosto 2016.

En la Figura 4. (logeo del sistema), podrán los siguientes roles ingresar al sistema

administrador, secretaria, departamento de bienestar estudiantil, graduados o egresados.

Figura 4: Logeo del sistema.Fuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


En la figura 5. (Registro de datos personales personales), En la ventana presente se podrá

registrar los datos personales ya sea del egresado o del graduado.

Figura 5: Registro de datos personalesFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


En la figura 6 (ventana de sugerencias) El egresado como el graduado tendrá la

disponibilidad de enviar cualquier tipo de sugerencia mismo que sera revisado por el

administrador.

Figura 6: Ventana de SugerenciasFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


METODOLOGÍA

Iconix

Introducción

Fue elaborado por Doug Rosenberg y Kendall Scott a partir de una síntesis del proceso

unificado de los “tres amigos” Booch, Rumbaugh y Jacobson y que ha dado soporte y

conocimiento a la metodología ICONIX desde 1993. Presenta claramente las actividades de

cada fase y exhibe una secuencia de pasos que deben ser seguidos.

Para el desarrollo del proyecto del seguimiento de egresados se utilizó la Metodología Iconix

sabiendo que es ágil para obtener la especificación de requerimientos y que es un proceso

simplificado en comparación con otros más tradicionales, que unifica un conjunto de métodos

de orientación a objetos con el objetivo de abarcar todo el ciclo de vida de un proyecto.

Es una metodología pesada-ligera de Desarrollo del Software que se halla entre RUP

(Rational Unified Process) y XP (eXtreme Programming), unifica un conjunto de métodos de

orientación a objetos con el objetivo de tener un control estricto sobre todo el ciclo de vida del

producto a realizar.

Características

Iterativo e Incremental: durante el desarrollo del modelo del dominio y la definición de los

casos de uso se producen varias iteraciones. El ciclo de vida incremental consiste en

desarrollar por partes el producto de manera que se pueda integrarlas funcionalmente. Ciclo

de vida Iterativo, en cada ciclo de iteración se revisa y mejora el producto. El desarrollo se

organiza en series de mini-proyectos cortos, llamados iteraciones.

Trazabilidad: Cada paso que se realiza está definido por un requisito, se define la

trazabilidad como la capacidad de seguir una relación entre los diferentes artefactos de

software producidos.

Dinámica del UML: Ofrece un uso dinámico del UML porque utiliza algunos diagramas UML,

sin exigir la utilización de todos, como en el caso de RUP(Rational Unified Process).

Fases

Iconix se estructura en cuatro fases, la primera de ellas es el análisis de requisitos, seguida

del análisis y diseño preliminar, a continuación viene el diseño y finaliza con su

implementación.

Revisión de los requisitos/ Análisis de Requisitos

En esta fase se deben analizar todos los requisitos que formaran parte del sistema y con

estos construir el diagrama de clases, que representa las agrupaciones funcionales que

estructuraran el sistema en desarrollo. Se realizó una entrevista con el coordinador

académico sobre el sistema de seguimiento de egresados ya realizado para de esa manera

poder tener conocimiento del proceso del sistema y poder establecer las necesidades y las

dificultades que se les presentan.

Revisión del diseño preliminar /Análisis y Diseño Preliminar

En esta fase a partir de cada caso de uso se obtendrán una ficha de caso de uso, está

formada por un nombre, una descripción, una precondición que debe cumplir antes de

iniciarse, una pos-condición que debe cumplir al terminar si termina correctamente. Luego de

haber realizado la entrevista al coordinador académico los resultados de la primera fase se

procede a la realización de los casos de uso teniendo en cuenta los escenarios, acciones,

interfaces de usuario.

Revisión crítica del diseño/Diseño

En esta fase se registran todos los elementos que forman parte de nuestro sistema. Una vez

ya obtenido los casos de uso y el diagrama de robustez se procede a la tercera fase del

diseño del sistema de seguimiento de egresados.

Implementación

Después de tener el diseño se creara el software; que posteriormente se entregara. Se debe

utilizar el diagrama de componentes si fuera necesario para apoyar el desarrollo, es decir

mostrar una distribución física de los elementos que componen la estructura interna del

sistema. Así como escribir y generar el código.

ARQUITECTURA

La arquitectura describe como la aplicación estará ejecutándose en el ámbito físico y en el

ámbito de la aplicación de software. La estructura de la arquitectura afecta en el sistema sus

características de mantenimiento, disponibilidad, seguridad.

Arquitectura física.

Dentro de la distribución de funciones de los dispositivos por medio podremos acceder a la

aplicación de software, en la arquitectura física utilizaremos la de Cliente-Servidor, el cual es

una arquitectura distribuida.

Figura 7: Modelo cliente / servidor

ESTILO

En la siguiente figura 8. se presenta una aplicación web que contiene 3 capas, el navegador,

el servidor web yel servidor de bases de datos corresponden en diferentes máquinas

Figura 8: Aplicación Web 3 capas

CAPITULO III

DIAGRAMAS/DESCRIPCIÓN DE CASOS DE USO

(Cockburn, 2006). Un caso de uso se pude describir como la historia de un sistema, por lo

cual es una excelente técnica para entender y describir requerimientos.

A continuación se presenta el diagrama de caso de uso ver figura 6 conjuntamente con la respectiva descripción del mismo.

Figura 9: Diagrama de Caso de UsoFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


DESCRIPCIÓN DE CASOS DE USO

Administrador

Nombre: Administrador

Autor: Carolina Jiménez

Fecha: 05-08-2016

Descripción Permite administrar el egresado

Permite administrar graduado

Permite administrar secretaria

Permite administrar departamento de bienestar estudiantil

Permite administrar créditos

Permite administrar cuenta de usuario

Actores: Administrador, Secretaria, Psicologa, Graduado, Egresado

Precondiciones: Administrado logeado

Flujo Normal 1: 1. El actor pulsa el menú registrar egresado

2. Aparece el formulario

3. Pulsa el botón de guardar

4. El egresado ha sido registrado

Flujo Normal 2: 1. El actor pulsa el menú registrar graduado



4. El graduado ha sido registrado

Flujo Normal 3: 1. El actor pulsa el menú registrar secretaria



4. La secretaria ha sido registrada

Flujo Normal 4: 1. El actor pulsa el menú registrar psicóloga



4.La psicóloga ha sido registrada

HERRAMIENTAS

Para la realización del proyecto se llegó a trabajar con las siguientes herramientas:

HERRAMIENTA DESCRIPCIÓN

Netbeans Es un entorno de desarrollo integrado (IDE),

modular, de base estándar (normalizado),

escrito en el lenguaje de programación Java.

PDF Es un formato de almacenamiento para

documentos digitales independiente de

plataformas de software o hardware.

SQL Lenguaje de programación estándar e

interactivo para la obtención de información

desde una base de datos y para actualizarla.

DISEÑO GRÁFICO Se utilizaron algunas herramientas para el

desarrollo de las interfaces del sistema

CACOO Herramienta online para hacer diagramas

UML

LUCIDCHART Herramienta online para hacer diagramas

UML

DIAGRAMA ROBUSTEZ

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


DIAGRAMA DE ESTADOS

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


DIAGRAMA DE PAQUETES

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


DIAGRAMA DE DISTRIBUCIÓN

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


CAPITULO IV

PROTOTIPADO

Se muestra la interfaz de la pantalla ver figura 14, donde se encuentran los siguientes roles:

administrador, secretaria, bienestar estudiantil, graduado y egresado

Figura 14: Ventana de InicioFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Se presenta un inicio sesión para todos los roles ver figura 15, mismo que permitirá el

ingreso al sistema.

Figura 15: Ventana de Inicio SesiónFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


La siguiente ventana ver figura 16 hace referencia a las opciones que va a tener el

administrador.

Figura 16: Ventana principal del AdministradorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


En la ventana ver figura 17. representa el registro de los egresados mismo que consta de

diversos campos.

Figura 17: Ventana Registro de EgresadoFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


En la ventana de matriz se da a conocer todos los registros que han sido guardados, mismo

que a la vez se puede buscar cualquier registro mediante la cédula ver figura 18

Figura 18: Ventana Matriz del EgresadoFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


CÓDIGOCÓDIGO DE INICIO.

/home/carolina/NetBeansProjects/Egresados_Graduados/web/Pantalla_Principal.jsp

<%-- Document : Pantalla_Principal Created on : 25-08-2016, 0:43:38 Author : carolina--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%><!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JSP Page</title> <style type="text/css"> body {

margin: 0px; } .imgfondo { margin:auto; width: 100%; height:95px; border-style:none; background-image:url("imgfondo.jpg") }

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

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

text-shadow: 2px 2px 0px #bababa; filter: dropshadow(color=#bababa, offx=2, offy=2);}

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

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


.button_departamento{text-decoration:none; text-align:center; padding:9px 0px; border:outset 5px #173e82; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px; font:14px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; color:#1f1c1e;

background-color:#e1eef2; background-image: -moz-linear-gradient(top, #e1eef2 0%, #116480 100%); background-image: -webkit-linear-gradient(top, #e1eef2 0%, #116480 100%); background-image: -o-linear-gradient(top, #e1eef2 0%, #116480 100%); background-image: -ms-linear-gradient(top, #e1eef2 0% ,#116480 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#116480', endColorstr='#116480',GradientType=0 ); background-image: linear-gradient(top, #e1eef2 0% ,#116480 100%); -webkit-box-shadow:4px -5px 2px #e3dcdc, inset -2px -1px 16px #164285; -moz-box-shadow: 4px -5px 2px #e3dcdc, inset -2px -1px 16px #164285; box-shadow:4px -5px 2px #e3dcdc, inset -2px -1px 16px #164285; opacity:0.85; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); filter: alpha(opacity=85); text-shadow: 2px 2px 0px #bababa; filter: dropshadow(color=#bababa, offx=2, offy=2); }.button:hover{ padding:9px 0px; border:solid 5px #173e82; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px; font:14px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; color:#0e0f0f; background-color:#e6eff2; background-image: -moz-linear-gradient(top, #e6eff2 0%, #223fb3 100%); background-image: -webkit-linear-gradient(top, #e6eff2 0%, #223fb3 100%); background-image: -o-linear-gradient(top, #e6eff2 0%, #223fb3 100%); background-image: -ms-linear-gradient(top, #e6eff2 0% ,#223fb3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223fb3', endColorstr='#223fb3',GradientType=0 ); background-image: linear-gradient(top, #e6eff2 0% ,#223fb3 100%); -webkit-box-shadow:5px 6px 2px #bababa, inset 0px 0px 18px #ffffff; -moz-box-shadow: 5px 6px 2px #bababa, inset 0px 0px 18px #ffffff; box-shadow:5px 6px 2px #bababa, inset 0px 0px 18px #ffffff; opacity:0.77; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=77); filter: alpha(opacity=77); text-shadow: 2px 2px 0px #bababa; filter: dropshadow(color=#bababa, offx=2, offy=2);}.button:active{ padding:9px 0px;

border:solid 5px #173e82; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px; font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#0e0f0f; background-color:#3BA4C7; background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;


.button_graduado{text-decoration:none; text-align:center; padding:9px 0px; border:outset 5px #173e82; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px; font:14px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; color:#1f1c1e; background-color:#e1eef2; background-image: -moz-linear-gradient(top, #e1eef2 0%, #116480 100%); background-image: -webkit-linear-gradient(top, #e1eef2 0%, #116480 100%); background-image: -o-linear-gradient(top, #e1eef2 0%, #116480 100%); background-image: -ms-linear-gradient(top, #e1eef2 0% ,#116480 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#116480', endColorstr='#116480',GradientType=0 ); background-image: linear-gradient(top, #e1eef2 0% ,#116480 100%); -webkit-box-shadow:4px -5px 2px #e3dcdc, inset -2px -1px 16px #164285; -moz-box-shadow: 4px -5px 2px #e3dcdc, inset -2px -1px 16px #164285;

box-shadow:4px -5px 2px #e3dcdc, inset -2px -1px 16px #164285; opacity:0.85; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); filter: alpha(opacity=85); text-shadow: 2px 2px 0px #bababa; filter: dropshadow(color=#bababa, offx=2, offy=2); }.button:hover{ padding:9px 0px; border:solid 5px #173e82; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px; font:14px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; color:#0e0f0f; background-color:#e6eff2; background-image: -moz-linear-gradient(top, #e6eff2 0%, #223fb3 100%); background-image: -webkit-linear-gradient(top, #e6eff2 0%, #223fb3 100%); background-image: -o-linear-gradient(top, #e6eff2 0%, #223fb3 100%); background-image: -ms-linear-gradient(top, #e6eff2 0% ,#223fb3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223fb3', endColorstr='#223fb3',GradientType=0 ); background-image: linear-gradient(top, #e6eff2 0% ,#223fb3 100%); -webkit-box-shadow:5px 6px 2px #bababa, inset 0px 0px 18px #ffffff; -moz-box-shadow: 5px 6px 2px #bababa, inset 0px 0px 18px #ffffff; box-shadow:5px 6px 2px #bababa, inset 0px 0px 18px #ffffff; opacity:0.77; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=77); filter: alpha(opacity=77); text-shadow: 2px 2px 0px #bababa; filter: dropshadow(color=#bababa, offx=2, offy=2);}.button:active{ padding:9px 0px; border:solid 5px #173e82; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px; font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#0e0f0f; background-color:#3BA4C7; background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);

background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;


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

border-radius: 20px; font:14px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold; color:#0e0f0f; background-color:#e6eff2; background-image: -moz-linear-gradient(top, #e6eff2 0%, #223fb3 100%); background-image: -webkit-linear-gradient(top, #e6eff2 0%, #223fb3 100%); background-image: -o-linear-gradient(top, #e6eff2 0%, #223fb3 100%); background-image: -ms-linear-gradient(top, #e6eff2 0% ,#223fb3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223fb3', endColorstr='#223fb3',GradientType=0 ); background-image: linear-gradient(top, #e6eff2 0% ,#223fb3 100%); -webkit-box-shadow:5px 6px 2px #bababa, inset 0px 0px 18px #ffffff; -moz-box-shadow: 5px 6px 2px #bababa, inset 0px 0px 18px #ffffff; box-shadow:5px 6px 2px #bababa, inset 0px 0px 18px #ffffff; opacity:0.77; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=77); filter: alpha(opacity=77); text-shadow: 2px 2px 0px #bababa; filter: dropshadow(color=#bababa, offx=2, offy=2);}.button:active{ padding:9px 0px; border:solid 5px #173e82; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius: 20px; font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#0e0f0f; background-color:#3BA4C7; background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;

text-shadow: 2px 2px 0px #bababa;

filter: dropshadow(color=#bababa, offx=2, offy=2);} </style></head>

<body> <body class="imgfondo"> <form>

<%-- BIENVENIDA --%> <TABLE> <TR> <img src="imglogo.png"width="955px"height="150px" /> </TR> </TABLE>

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

<%-- IMAGEN Y BOTON DE SECRETARIA --%> <div style="position:absolute;top:200px;left:250px; width:100px;height:100px;-webkit-border-radius: 54px;-moz-border-radius: 54px;border-radius: 54px;border:13px solid #738078;background:rgba(204,209,219,0.6);-webkit-box-shadow: #5E5C5C 8px8px 8px;-moz-box-shadow: #5E5C5C 8px 8px 8px; box-shadow: #5E5C5C 8px 8px 8px;"><img src="imgsecretaria.png"width="100px"height="100px"/> </div> <a href="2IniciarSesionSecre.jsp"

class="button_secretaria"style="position:absolute;top:335px;left:250px;"/>SECRETARIA ➜</a>

<%-- IMAGEN Y BOTON DE DEPARTAMENTO DE BIENESTAR ESTUDIANTIL --%> <div style="position:absolute;top:200px;left:440px; width:100px;height:100px;-webkit-border-radius: 54px;-moz-border-radius: 54px;border-radius: 54px;border:13px solid #738078;background:rgba(204,209,219,0.6);-webkit-box-shadow: #5E5C5C 8px8px 8px;-moz-box-shadow: #5E5C5C 8px 8px 8px; box-shadow: #5E5C5C 8px 8px 8px;"><img src="imgbienestar.png"width="100px"height="100px"/> </div> <a href="2IniciarSesionDepar.jsp" class="button_departamento"style="position:absolute;top:335px;left:400px;"/>BIENESTAR ESTUDIANTIL ➜</a>

<%-- IMAGEN Y BOTON DE GRADUADO --%> <div style="position:absolute;top:200px;left:630px; width:100px;height:100px;-webkit-border-radius: 54px;-moz-border-radius: 54px;border-radius: 54px;border:13px solid #738078;background:rgba(204,209,219,0.6);-webkit-box-shadow: #5E5C5C 8px8px 8px;-moz-box-shadow: #5E5C5C 8px 8px 8px; box-shadow: #5E5C5C 8px 8px 8px;"><img src="imggraduado.png"width="100px"height="100px"/> </div> <a href="2IniciarSesionGradu.jsp" class="button_graduado"style="position:absolute;top:335px;left:635px;"/>GRADUADO ➜</a>

<%-- IMAGEN Y BOTON DE EGRESADO --%> <div style="position:absolute;top:200px;left:790px; width:100px;height:100px;-webkit-border-radius: 54px;-moz-border-radius: 54px;border-radius: 54px;border:13px solid #738078;background:rgba(204,209,219,0.6);-webkit-box-shadow: #5E5C5C 8px8px 8px;-moz-box-shadow: #5E5C5C 8px 8px 8px; box-shadow: #5E5C5C 8px 8px 8px;"><img src="imgegresado.png"width="100px"height="100px"/> </div> <a href="2IniciarSesionEgre.jsp" class="button_egresado"style="position:absolute;top:335px;left:797px;"/>EGRE

SADO ➜</a>

</form>

</body></html>

CÓDIGO INICIO SESIÓN

/home/carolina/NetBeansProjects/Egresados_Graduados/web/2IniciarSesionAdmin.jsp

<%-- Document : 2IniciarSesionAdmin.jsp Created on : 23-08-2016, 20:15:56 Author : carolina--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%><!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Inicio_Administrador</title> <link rel="shortcut icon" href="imggraduado.png"> <style type="text/css"> body { margin: 0px; } .imgfondo { margin:auto; width: 100%; height:95px; border-style:none; background-image:url("imgfondo.jpg") }

* { margin: 0; padding: 0; }

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

/* Esta clase define la anchura del contenido y la posicion centrada El contenido queda centrado y limitado, pero la cabecera y el pie llegan hasta los limites del navegador. */ .define {

width:960px; margin:0 auto; }

*{ padding:0px; margin:0px } #header{ margin:auto; width:900px; font-family:Arial, Helvetica, sans-serif; } ul, ol{

list-style:none; } .nav li a { background-color:#023859; color:#fff; text-decoration:none; padding: 10px 40px; display:block; } .nav li a:hover{ background-color:#E6344A;; } .nav > li { float:left; } .nav li ul { display:none; position:absolute; min-width:200px; } .nav li:hover > ul{ display:block; } .nav li ul li{ position:relative;

} .nav li ul li ul{ right:-208px; top:20px; }

body{width:90%;margin:auto;min-width:600px;max-width:2000px}

</style> </head> <body> <body class="imgfondo">

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

<%-- BIENVENIDA --%> <TABLE> <TR> <img src="imgporadministrador.png"width="955px"height="150px" /> </TR> </TABLE>

<table align="center" border="10" style="position:absolute;top:200px;left:500px;"> <tr> <td colspan="2"> AUTENTICACION DE USUARIO </td> </tr> <tr> <td> Usuario </td> <td> <input type="text" name="usu"/> </td>

</tr> <tr> <td> Contraseña </td> <td> <input type="password" name="pass"/> </td> </tr> <tr> <td colspan="2"> <input type="submit" value="Ingresar"/> </td> </tr> </table> </form> </body></html>

CÓDIGO PANTALLA PRINCIPAL DEL ADMINISTRADOR

/home/carolina/NetBeansProjects/Egresados_Graduados/web/2Administrador.jsp

<%-- Document : Administrador Created on : 13-08-2016, 11:21:55 Author : carolina--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%><!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Administrador</title> <link rel="shortcut icon" href="imggraduado.png"> <style type="text/css"> body { margin: 0px; }

.imgfondo { margin:auto; width: 100%; height:95px; border-style:none; background-image:url("imgfondo.jpg") }

* { margin: 0; padding: 0; } html,body { height:100%; } /* Div que engloba el contenido de la página menos el footer */ #wrapper { min-height:100%; } header { display:block; background:#ccc; padding:10px 0px; } section { overflow: auto; /* Definimos el padding inferior: 50px del pie de pagina mas 10px de separacion */ padding-bottom: 60px; /* Definimos un padding superior */ padding-top:30px; } footer { position: relative; /* Altura total del footer en px con valor negativo */ margin-top: -50px; /* Altura del footer en px. Se han restado los 5px del margen superior mas los 5px del margen inferior */

height: 40px; padding:5px 0px; clear: both; background: #286af0; text-align: center; color: #fff; }

/* Esta clase define la anchura del contenido y la posicion centrada El contenido queda centrado y limitado, pero la cabecera y el pie llegan hasta los limites del navegador. */ .define { width:960px; margin:0 auto; }


list-style:none; } .nav li a { background-color:#023859; color:#fff; text-decoration:none; padding: 10px 40px; display:block; } .nav li a:hover{ background-color:#E6344A;; }

.nav > li { float:left; } .nav li ul { display:none; position:absolute; min-width:200px; } .nav li:hover > ul{ display:block; } .nav li ul li{ position:relative; } .nav li ul li ul{ right:-208px; top:20px; }


</style></head>

<body> <body class="imgfondo"> <form method="post" action="ingreso">

<%-- BIENVENIDA --%> <TABLE> <TR> <img src="imgporadministrador.png"width="955px"height="150px" /> </TR> </TABLE>

<center> <div id="header" style="position: absolute; left: 100px; top:200px; z-index: 3;"><ul class="nav"> <li><a href="2Administrador.jsp">Inicio</a></li>

<li><a href="">Registro</a> <ul> <li><a href="9Pantalla_Egresado.jsp">Egresado</a> <ul> <li><a href="3Registro_egresado.jsp" target="_blank">Registro Personal</a></li> <li><a href="4Registro_egresado_academico.jsp">Registro Académico</a></li> <li><a href="5Registro_egresado_trabajo.jsp">Registro de Trabajo</a></li> </ul></li> <li><a href="9Pantalla_Graduado.jsp">Graduado</a> <ul> <li><a href="5Registro_graduado.jsp">Registro Personal</a></li> <li><a href="5Registro_graduado_academico.jsp">Registro Académico</a></li> <li><a href="5Registro_graduado_trabajo.jsp">Registro de Trabajo</a></li> </ul></li> <li><a href="">Director de Proyecto</a> </li> <li><a href="5Registro_Secretaria.jsp">Secretaria</a> </li> <li><a href="">Dep. Bienestar Estudiantil</a> </li> <li><a href="5Registro_Administrador.jsp">Administrador</a> </li> </ul></li>

<li><a href="">Matrices</a> <ul>

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

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

<li><a href="">Reporte de Trabajo</a></li> </ul></li> </ul></li>

<li><a href="">Sugerencias</a><ul><li><a href="">Egresado</a></li><li><a href="">Graduado</a></li></ul></li>

<li><a href="2IniciarSesionAdmin.jsp">Salir</a></li>

</ul></div>

</form>

<%--PERMITE INGRESAR REDES SOCIALES A LA PÁGINA--%>

<footer>

<img src="pie_pagina.png"width="100%"height="100%" />

</footer>

</body></html>

CÓDIGO REGISTRO EGRESADO

/home/carolina/NetBeansProjects/Egresados_Graduados/web/3Registro_egresado.jsp

<%-- Document : 3Registro_egresado Created on : 13-08-2016, 12:18:18 Author : carolina--%>

<%@page import="Modelo.Consulta"%>

<%@page import="javax.swing.JOptionPane"%><%@page import="Modelo.Usuario"%><%@page contentType="text/html" pageEncoding="UTF-8"%><!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Registro_Egresado</title> <link rel="shortcut icon" href="imggraduado.png"> <style type="text/css">

body { margin: 0px; } .imgfondo { margin:auto; width: 100%; height:100%; border-style:none; background-image:url("imgfondo.jpg") }

* { margin: 0; padding: 0; } html,body { height:100%; } /* Div que engloba el contenido de la página menos el footer */ #wrapper { min-height:100%; } header { display:block; background:#ccc; padding:10px 0px; } section { overflow: auto;

/* Definimos el padding inferior: 50px del pie de pagina mas 10px de separacion */ padding-bottom: 60px; /* Definimos un padding superior */ padding-top:30px; } footer { position: relative; /* Altura total del footer en px con valor negativo */ margin-top: -50px; /* Altura del footer en px. Se han restado los 5px del margen superior mas los 5px del margen inferior */ height: 40px; padding:5px 0px; clear: both; background: #286af0; text-align: center; color: #fff; }



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


</style>

</head>

<body>

<body class="imgfondo">

<%-- BIENVENIDA --%> <TABLE> <TR> <img src="imglogo.png" width="100%"height="150px" /> </TR> </TABLE>

<% if(request.getParameter("Nombre")!=null&&request.getParameter("Apellido")!=null&&request.getParameter("Cedula")!=null&&request.getParameter("Direccion")!=null&&request.getParameter("Telefono")!=null&&request.getParameter("Correo")!=null&&request.getParameter("Estado_civil")!=null&&request.getParameter("Ciudad")!=null&&request.getParameter("Fecha_nacimiento")!=null&&request.getParameter("Sexo")!=null&&request.getParameter("Password")!=null){

//Inscritos ins=new Inscritos(0, request.getParameter("Nombres"),request.getParameter("Apellidos"),request.getParameter("Correo"),request.getParameter("Fecha_Nacimiento"),request.getParameter("Cedula"),request.getParameter("Direccion"),request.getParameter("Telefono"),request.getParameter("Taller"),request.getParameter("Forma_Pago")); Usuario tb=new Usuario(0, request.getParameter("Nombre"),request.getParameter("Apellido"),request.getParameter("Cedula"),request.getParameter("Direccion"),request.getParameter("Telefono"),request.getParameter("Correo"),request.getParameter("Estado_civil"),request.getParameter("Ciudad"),request.getParameter("Fecha_nacimiento"),request.getParameter("Sexo"),request.getParameter("Password")); boolean respuesta=Consulta.insertarUsuario(tb); if(respuesta!=false) JOptionPane.showMessageDialog(null, "Los datos se guardaron correctamente"); else JOptionPane.showMessageDialog(null, "Los datos no se

guardaron correctamente"); session.invalidate(); } %> <CENTER><h1>REGISTRO EGRESADO</h1></center>

<br/><center> <div id="header" style="position: absolute; left: 100px; top:200px; z-index: 3;"><ul class="nav"> <li><a href="2Administrador.jsp">Inicio</a></li>

<li><a href="">Registro</a> <ul> <li><a href="">Egresados</a> <ul> <li><a href="3Registro_egresado.jsp" target="_blank">Registro Personal</a></li> <li><a href="4Registro_egresado_academico.jsp">Registro Académico</a></li> <li><a href="5Registro_egresado_trabajo.jsp">Registro de Trabajo</a></li> </ul></li> <li><a href="">Graduados</a> <ul> <li><a href="">Registro</a></li> <li><a href="">Registro de trabajo</a></li>

</ul></li> <li><a href="">Director de Proyecto</a> </li> <li><a href="">Secretaria</a> </li> <li><a href="">Dep. Bienestar Estudiantil</a> </li> </ul></li>

<li><a href="">Matrices</a> <ul>

<li><a href="">Egresado</a> <ul> <li><a href="6Matriz_registro_egresado.jsp" target="_blank">Datos Personales</a></li> <li><a href="7Matriz_registro_egresado_academico.jsp">Datos Académicos</a></li> <li><a href="8Matriz_registro_egresado_trabajo.jsp">Datos de Trabajo</a></li> </ul></li> <li><a href="">Graduado</a> <ul> <li><a href="3Registro_egresado.jsp" target="_blank">Datos Personales</a></li> <li><a href="">Datos Académicos</a></li> <li><a href="">Datos de Trabajo</a></li> </ul></li> </ul></li>

<li><a href="">Reportes</a><ul> <li><a href="">Reporte General</a></li> <li><a href="">Reporte Egresados</a></li> <li><a href="">Reporte Graduados</a></li><li><a href=""></a></li></ul></li>


<li><a href="">Salir</a></li>

</ul></div>

<center><form action="3Registro_egresado.jsp">

<script> function valida_letras(e){ key = e.keyCode || e.which; tecla = String.fromCharCode(key).toLowerCase(); letras = " áéíóúabcdefghijklmnñopqrstuvwxyz"; especiales = "8-37-39-46";

tecla_especial = false for(var i in especiales){ if(key == especiales[i]){ tecla_especial = true; break; } }

if(letras.indexOf(tecla)==-1 && !tecla_especial){ return false; } }</script>

<script> function valida_numeros(e){ tecla=(document.all)? e.keyCode : e.which; if(tecla==8){ return true; } patron=/[0-9-/]/; tecla_final=String.fromCharCode(tecla); return patron.test(tecla_final); } </script>

<br> <br> <br> <table border="0">

<tr> <td style="position:absolute;top:250px;left:200px" width="4">Nombre:*</td>

<td style="position:absolute;top:250px;left:280px" width="4"><input type="text" size="20" name="Nombre" maxlength="30" placeholder="Ingrese su nombre" onkeyup = "this.value=this.value.toUpperCase()" onkeypress="return valida_letras(event)" required></td> </tr>

<tr> <td style="position:absolute;top:250px;left:500px" width="4">Apellido:*</td> <td style="position:absolute;top:250px;left:600px" width="4"><input type="text" size="20" name="Apellido" maxlength="30" placeholder="Ingrese su apellido" onkeyup = "this.value=this.value.toUpperCase()" onkeypress="return valida_letras(event)" required> </td> </tr>

<tr> <td style="position:absolute;top:300px;left:200px" width="4">Cédula:*</td> <td style="position:absolute;top:300px;left:280px" width="4"><input type="text" size="20" name="Cedula" maxlength="10" placeholder="Ingrese su cédula" onkeyup = "this.value=this.value.toUpperCase()" onkeypress="return valida_numeros(event)" required> </td> </tr>

<tr> <td style="position:absolute;top:300px;left:500px" width="4">Dirección:*</td> <td style="position:absolute;top:300px;left:600px" width="4"><input type="text" size="20" name="Direccion" maxlength="30" placeholder="Ingrese su dirección" onkeyup = "this.value=this.value.toUpperCase()" onkeypress="return valida_letras(event)" required> </td> </tr>

<tr> <td style="position:absolute;top:350px;left:200px" width="4">Teléfono:*</td> <td style="position:absolute;top:350px;left:280px" width="4"><input type="text" size="20" name="Telefono" maxlength="7"

placeholder="Ingrese su teléfono" onkeyup = "this.value=this.value.toUpperCase()" onkeypress="return valida_numeros(event)" required> </td> </tr>

<tr> <td style="position:absolute;top:350px;left:500px" width="4">Correo Electrónico:*</td> <td style="position:absolute;top:350px;left:600px" width="4"><input type="text" size="20" name="Correo" maxlength="30" placeholder="Ingrese su correo electrónico" required> </td> </tr>

<tr> <td style="position:absolute;top:400px;left:200px; width: 500px">Estado Civil:*</td> <td style="position:absolute;top:400px;left:320px;"><select style="width:167px" name="Estado_civil" > <option value="0">Seleccionar</option> <option value="soltera">Solter@ </option> <option value="casada">Casad@ </option> <option value="divorciada">Divorsiad@ </option> </select> </td> </tr>

<tr> <td style="position:absolute;top:400px;left:500px" width="4">Ciudad:*</td> <td style="position:absolute;top:400px;left:600px" width="4"><input type="text" size="20" name="Ciudad" maxlength="30" placeholder="Ciudad" onkeyup = "this.value=this.value.toUpperCase()" onkeypress="return valida_letras(event)" required> </td> </tr>

<tr> <td style="position:absolute;top:450px;left:200px" width="700px">Fecha de nacimiento:*</td> <td style="position:absolute;top:450px;left:380px" width="4"><input type="text" size="20" name="Fecha_nacimiento" maxlength="10" placeholder="Ingrese dd/mm/aaaa" onkeyup = "this.value=this.value.toUpperCase()" onkeypress="return valida_numeros(event)" required></td>

</tr>

<tr> <td style="position:absolute;top:450px;left:600px; width: 500px">Sexo:*</td> <td style="position:absolute;top:450px;left:653px;"><select style="width:153px" name="Sexo"> <option>Femenino </option> <option>Masculino </option> <option>Otro </option> </select> </td> </tr>

<tr> <td style="position:absolute;top:500px;left:200px" width="700px">Contraseña:*</td> <td style="position:absolute;top:500px;left:320px" width="4"><input type="text" size="20" name="Password" maxlength="10" placeholder="Ingrese la contraseña" onkeyup = "this.value=this.value.toUpperCase()" required></td> </tr>

<tr> <td style="position:absolute;top:530px;left:470px" width="4"><input type="submit" value="Insertar"></td> </tr> </table>

</form> </center> </body></html>

CÓDIGO MATRIZ EGRESADO

/home/carolina/NetBeansProjects/Egresados_Graduados/web/6Matriz_registro_egresado.jsp

<%-- Document : 6Matriz_registro_egresado Created on : 20-08-2016, 13:48:41 Author : carolina--%>

<%@page import="java.io.FileOutputStream"%><%@page import="com.itextpdf.text.Document"%><%@page import="com.itextpdf.text.Paragraph" %><%@page import="com.itextpdf.text.pdf.PdfWriter" %><%@page import="javax.swing.JOptionPane"%><%@page import="net.sf.jasperreports.engine.*"%><%@page import="net.sf.jasperreports.view.JasperViewer"%><%@page import="javax.servlet.ServletResponse"%><%@page import="Modelo.Consulta"%><%@page import="java.util.List"%><%@page import="Modelo.Usuario"%><%@page contentType="text/html" pageEncoding="UTF-8"%><!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Matriz_Egresado</title> <link rel="shortcut icon" href="imggraduado.png"> <style type="text/css"> body { margin: 0px; } .imgfondo { margin:auto; width: 100%; height:100%; border-style:none; background-image:url("imgfondo.jpg") }

* { margin: 0; padding: 0; } html,body { height:100%; } /* Div que engloba el contenido de la página menos el footer */ #wrapper { min-height:100%;

} header { display:block; background:#ccc; padding:10px 0px; } section { overflow: auto; /* Definimos el padding inferior: 50px del pie de pagina mas 10px de separacion */ padding-bottom: 60px; /* Definimos un padding superior */ padding-top:30px; } footer { position: relative; /* Altura total del footer en px con valor negativo */ margin-top: -50px; /* Altura del footer en px. Se han restado los 5px del margen superior mas los 5px del margen inferior */ height: 40px; padding:5px 0px; clear: both; background: #286af0; text-align: center; color: #fff; }


*{ padding:0px;

margin:0px } #header{ margin:auto; width:1000px; font-family:Arial, Helvetica, sans-serif; } ul, ol{

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


#table-scroll {width: 960px;height: 100px;overflow: auto;}

#table2-scroll {width: 960px;height: 150px;overflow: auto;}

table, td, th {border: rgba(193, 193, 193, 0.48) 1px solid;}

#fixedY{position: relative;top: 0;z-index: 99;background-color:#023859;}

#fixedY table{border-collapse: collapse;width: 900px;}

#fixedY table th, #fixedY table td {width: 25%;}

#fixedY table th {background-color: #065459;font: bold 15px Tahoma, Geneva, sans-serif;color: rgb(255, 255, 255);}

#cuerpoDatos {width: 900px;}

#cuerpoDatos > div{float: left;}

#cuerpoDatos > div#fixedX{width: 25%;position: relative;left: 0;z-index: 98;background-color: yellow;}

#cuerpoDatos > div#fixedX table{border-collapse: collapse;width: 100%;}

#cuerpoDatos > div#nofixedX{width: 100%;}

#cuerpoDatos > div#nofixedX table{border-collapse: collapse;width: 100%;}

#cuerpoDatos > div#nofixedX table td {width: 33%;}

</style> <script type="text/javascript">function fnc() {document.getElementById('table-scroll').onscroll = function() {

document.getElementById('fixedY').style.top = document.getElementById('table-

scroll').scrollTop + 'px';document.getElementById('fixedX').style.left = document.getElementById('table-scroll').scrollLeft + 'px';

};}

window.onload = fnc;</script> </head> <body> <body class="imgfondo">

<%-- BIENVENIDA --%> <TABLE><TR><img src="imglogo.png" width="100%"height="150px" /></TR></TABLE>

<center> <div id="header" style="position: absolute; left: 100px; top:200px; z-index:3"> <ul class="nav"> <li><a href="2Administrador.jsp">Inicio</a></li> <li><a href="">Registro</a> <ul> <li><a href="">Egresados</a> <ul><li><a href="3Registro_egresado.jsp" target="_blank">Registro Personal</a></li> <li><a href="4Registro_egresado_academico.jsp">Registro Académico</a></li> <li><a href="5Registro_egresado_trabajo.jsp">Registro de Trabajo</a></li> </ul></li> <li><a href="">Graduados</a> <ul><li><a href="">Registro</a></li> <li><a href="">Registro de trabajo</a></li> </ul></li> <li><a href="">Director de Proyecto</a></li> <li><a href="">Secretaria</a></li> <li><a href="">Dep. Bienestar Estudiantil</a></li> </ul></li>

<li><a href="">Matrices</a> <ul> <li><a href="">Egresado</a> <ul> <li><a href="6Matriz_registro_egresado.jsp" target="_blank">Datos Personales</a></li> <li><a href="7Matriz_registro_egresado_academico.jsp">Datos Académicos</a></li> <li><a href="8Matriz_registro_egresado_trabajo.jsp">Datos de Trabajo</a></li> </ul></li> <li><a href="">Graduado</a> <ul> <li><a href="3Registro_egresado.jsp" target="_blank">Datos Personales</a></li> <li><a href="">Datos Académicos</a></li> <li><a href="">Datos de Trabajo</a></li> </ul></li> </ul></li>

<li><a href="">Reportes</a><ul> <li><a href="">Reporte General</a></li> <li><a href="">Reporte Egresados</a></li> <li><a href="">Reporte Graduados</a></li> <li><a href=""></a></li></ul></li>


<li><a href="">Salir</a></li>

</ul></div>

<% if(request.getParameter("Nombre")!=null&&request.getParameter("Apellido")!

=null&&request.getParameter("Cedula")!=null&&request.getParameter("Direccion")!=null&&request.getParameter("Telefono")!=null&&request.getParameter("Correo")!=null&&request.getParameter("Estado_civil")!=null&&request.getParameter("Ciudad")!=null&&request.getParameter("Fecha_nacimiento")!=null&&request.getParameter("Sexo")!=null&&request.getParameter("Password")!=null){ int Idins=Integer.parseInt(session.getAttribute("Id").toString()); Usuario act=new Usuario(Idins,request.getParameter("Nombre"),request.getParameter("Apellido"),request.getParameter("Cedula"),request.getParameter("Direccion"),request.getParameter("Telefono"),request.getParameter("Correo"),request.getParameter("Estado_civil"),request.getParameter("Ciudad"),request.getParameter("Fecha_nacimiento"),request.getParameter("Sexo"),request.getParameter("Password")); boolean respuesta=Consulta.ActualizarUsuario(act); session.invalidate(); if(respuesta!=false){ JOptionPane.showMessageDialog(null, "Datos Actualizados Correctamente"); }else{ JOptionPane.showMessageDialog(null, "Datos No Actualizados"); %> <% } %> <% } %>

<center><h1>Egresados Almacenados</h1></center>

<div border="1" style="margin-top:65px"> <form method="post" action=""> <center><select name="combo" id="combo"> <option value="0">Seleccionar...</option> <option value="Cedula"> Cedula</option></select> <input type="text" name="dato"> <input type="submit" name="buscar" value="Buscar" /></center></div>

<div border="1" style="margin-top:20px" id="table-scroll" id="nofixedX"> <table border="1"> <thead> <th>Id</th>

<th>Nombre</th> <th>Apellido</th> <th>Cédula</th> <th>Dirección</th> <th>Teléfono</th> <th>Correo</th> <th>Estado civil</th> <th>Ciudad</th> <th>Fecha de nacimiento</th> <th>Sexo</th> <th>Password</th>

<% if(request.getParameter("combo")!=null){ if(request.getParameter("combo").equals("Cedula")){ String cedula=request.getParameter("dato"); List<Usuario>usuario=Consulta.BuscarCedula(cedula); for(int x = 0; x < usuario.size(); x++){

%>

<tr> <td><%=usuario.get(x).getId()%></td> <td><%=usuario.get(x).getNombre()%></td> <td><%=usuario.get(x).getApellido()%></td> <td><%=usuario.get(x).getCedula()%></td> <td><%=usuario.get(x).getDireccion() %> </td> <td><%=usuario.get(x).getTelefono() %> </td> <td><%=usuario.get(x).getCorreo()%> </td> <td><%=usuario.get(x).getEstado_civil()%> </td> <td><%=usuario.get(x).getCiudad()%> </td> <td><%=usuario.get(x).getFecha_nacimiento()%> </td> <td><%=usuario.get(x).getSexo()%> </td> <td><%=usuario.get(x).getPassword()%> </td>

<% } } } %> </tr> </tbody> </table> </div>

<center><h1>Egresados Almacenados General</h1></center> <div border="1" style="margin-top:20px" id="table2-scroll" id="nofixedX"> <table border="1"> <thead> <th>Nombre</th> <th>Apellido</th> <th>Cédula</th> <th>Dirección</th> <th>Teléfono</th> <th>Correo</th> <th>Estado civil</th> <th>Ciudad</th> <th>Fecha de nacimiento</th> <th>Sexo</th> <th>Password</th>

<%String nombre="";%> <%String apellido="";%> <%String cedula="";%> <%String direccion="";%> <%String telefono="";%> <%String correo="";%> <%String estadocivil="";%> <%String ciudad="";%> <%String fechanacimiento="";%> <%String sexo="";%> <%String password="";%>

<% List<Usuario> usuario=Consulta.MostrarUsuario(); for(int i=0;i<usuario.size();i++){ nombre=usuario.get(i).getNombre(); apellido=usuario.get(i).getApellido(); cedula=usuario.get(i).getCedula(); direccion=usuario.get(i).getDireccion(); telefono=usuario.get(i).getTelefono(); correo=usuario.get(i).getCorreo (); estadocivil=usuario.get(i).getEstado_civil(); ciudad=usuario.get(i).getCiudad();

fechanacimiento=usuario.get(i).getFecha_nacimiento(); sexo=usuario.get(i).getSexo(); password=usuario.get(i).getPassword(); %> <tr> <td><%=usuario.get(i).getNombre()%> </td> <td><%=usuario.get(i).getApellido() %> </td> <td><%=usuario.get(i).getCedula() %> </td> <td><%=usuario.get(i).getDireccion() %> </td> <td><%=usuario.get(i).getTelefono() %> </td> <td><%=usuario.get(i).getCorreo()%> </td> <td><%=usuario.get(i).getEstado_civil()%> </td> <td><%=usuario.get(i).getCiudad()%> </td> <td><%=usuario.get(i).getFecha_nacimiento()%> </td> <td><%=usuario.get(i).getSexo()%> </td> <td><%=usuario.get(i).getPassword()%> </td>

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

<% } %> </tr> </thead> </table> </div>

</form>

<table border="1"> <%

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

documento.add(new Paragraph("\n\n")); documento.close();

}catch(Exception e){

}

%> </table>

</body></html>

PRUEBAS

Sistema Detalle Base de Datos Detalle Observación

Iniciar sesión Factible Inicio sesión evidente

Pantalla de

Administrador

Factible Administrador evidente

Pantalla de Egresado Factible Egresado evidente

Pantalla de Graduado Factible Graduado evidente

Pantalla Secretaria Factible Secretaria evidente

PantallaDepartamento de

Bienestar Estudiantil

Factible Dep. Bienestar

Estudiantil

evidente

MANUAL

Se presenta un manual de usuario correspondiente al proyecto titulado “ANÁLISIS, DISEÑO,

DESARROLLO DE UN SISTEMA INFORMÁTICO PARA EL SEGUIMIENTO DE

EGRESADOS Y GRADUADOS DEL INSTITUTO TECNOLÓGICO SUPERIOR “NUESTRA

SEÑORA DEL ROSARIO” DEL CANTÓN CATAMAYO PROVINCIA DE LOJA PERIODO

ABRIL-AGOSTO 2016“

MANUAL DE AUTENTIFICACIÓN DE USUARIO/ INICIO SESIÓN

El usuario deberá ingresar los datos de autentificación. (Ver figura 19)

Usuario y Contraseña : Corresponderán al correo electrónico y a un password, una vez

ingresados pulsar el botón Ingresar.

Figura 19: Ventana principal del IngresoFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


MANUAL DEL ADMINISTRADOR

La pantalla del Administrador contará con un ménu principal.

El administrador podrá registrar a los egresados, graduados ,director de proyecto ,secretaria y departamento de bienestar estudiantil y Administrador dependiendo a su necesidad.

Figura 20: Ventana Registro del AdministradorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


El administrador tendrá la opción de Matrices mismo que consta de lo siguiente:

Figura 21: Ventana Matrices del AdministradorFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


DOCUMENTACIÓN

Figura 22: Paquete del sistemaFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Figura 23: Clase ConexiónFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Figura 24: Clase ConsultaFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


Figura 25: ModeloFuente: Instituto Tecnológico Superior “Nuestra Señora del Rosario”


CONCLUSIONES

• Se logró analizar, diseñar y desarrollar un sistema informático para el seguimiento de

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

Rosario”

• Se realizó un escrito teniendo en cuenta el desarrollo, de la parte preliminar, los

diferentes diagramas mismos que fueron de mucha utilidad para la realización del

sistema.

• Se conoció el grado de satisfacción de los graduados-egresados permitiendo poder

tener una información la cual sirvió como aporte para el sistema.

RECOMENDACIONES

• Se recomienda que los usuarios al ingresar al sistema lo hagan con datos que sean

verídicos.

• Se recomienda a todos los usuarios que si tiene problemas con ingresar al sistema se

guíe mediante una opción de manual, para que de esa manera no tenga ningún tipo

de inconvenientes.

• Se sugiere a la Institución dar a conocer a la planta administrativa la existencia del

sistema

• Finalmente se sugiere a la Institución que se dé a conocer a todos los alumnos de los

diferentes ciclos y especialidades de análisis de sistemas y Contabilidad-Auditoria los

beneficios que estará brindando el sistema.

BIBLIOGRAFIA / WEB-GRAFÍA

• Sánchez, M. (2013). Diagramas de Caso de Uso. Recuperado dehttp://www.es.slideshare.net/MiguelSanchez14/diagramas-de-casos-de-uso-24202773{25-08-2016}

• Gale, A. (2008). Caso de Uso. Recuperado de http://www.es.slideshare.net/lloga7/caso-deuso-presentation{25-08-2016}

• Bernal, M. (2013). Metodología ICONIX. Recuperado dehttp://www.iisoftware.blogspot.com{25-08-2016}

• Sater, J. (2014). Metodología ICONIX. Recuperadohttp://www.metodologiaiconix.blogspot.com{25-08-2016} de

• Giraldo, F. (2012). Diagrama de distribución. Recuperado de https://prezi.com/dg-yflqm83yj/diagrama-de-distribucion/{25-08-2016}

Date post:	22-Jan-2017
Category:	Software
Upload:	carolina-jimenez
View:	77 times
Download:	1 times