Documentos de Académico
Documentos de Profesional
Documentos de Cultura
FACULTAD DE INGENIERÍA
ESCUELA PROFESIONAL DE INGENIERÍA DE
SISTEMAS
Y COMPUTACIÓN
PRESENTADO POR:
BACH. ROSSANA LUCRECIA VENTOCILLA PACHECO
HUANCAYO - PERÚ
2015
______________________________________
DR. RUBEN DARIO TAPIASILGUERA
PRESIDENTE
____________________________________
…………………………………………
JURADO
____________________________________
……………………………………………
JURADO
____________________________________
…………………………………………
JURADO
__________________________________________
MG. MIGUEL ANGEL CARLOS CANALES SECRETARIO
DOCENTE
ING. WALTER DAVID ESTARES VENTOCILLA
ASESOR
iii
DEDICATORIA
ÍNDICE DE CONTENIDOS
DEDICATORIA iii
ÍNDICE iv
RESUMEN vii
ABSTRAC viii
INTRODUCCIÓN ix
CAPÍTULO I : PLANTEAMIENTO DEL ESTUDIO 11
1.1 DESCRIPCIÓN DE LA ORGANIZACIÓN 11
1.1.1 Identificación de la Institución 11
1.1.2 Ubicación Geográfica 11
1.1.3 Breve Historia del I.E.S.T.P. “Jaime Cerrón Palomino” 11
1.1.4 Visión 12
1.1.5 Misión 12
1.1.6 Valores 13
1.1.7 Principios Institucionales 13
1.1.8 Organigrama 13
1.1.9 Postura Estratégica 14
1.1.10 Objetivos Estratégicos 14
1.2 SITUACIÓN PROBLEMÁTICA 14
1.3 OBJETIVOS 15
1.3.1 Objetivo General. 15
1.3.2 Objetivos específicos. 15
1.4 JUSTIFICACIÓN 16
CAPÍTULO II: MARCO TEÓRICO 17
2.1 ANTECEDENTES. 17
2.2 BASES TEÓRICAS 21
2.2.1. Sistema Informático 21
2.2.2. ¿Qué es un sistema web? 31
2.2.3. Características principales del sistema web 31
2.2.4. Entorno Web 32
2.2.5 Web 32
2.2.6 Sitio Web. 34
v
RESUMEN
La presente tesis titulada “Implementación de un Sistema Informático en un Entorno
Web para el Seguimiento de Egresados en el Instituto de Educación Superior
Tecnológico Público Jaime Cerrón Palomino de Chongos Bajo”, describe la
necesidad que tiene la instituto de llevar la información y documentación adecuada
del seguimiento de egresados ya que hasta la fecha se viene realizando estos
procesos de forma manual y desordenada, informando al ante superior (MINEDU)
sobre este proceso con datos irreales para el instituto necesita tener un sistema de
información que permita llevar la información de forma ordenada y adecuada para
obtener datos reales de sus egresados a nivel regional y nacional, El objetivo de la
investigación fue implementar un sistema informático en un entorno Web, para
gestionar los proceso de información de seguimiento de egresados del instituto de
forma segura. Se empleó la metodología RUP (Proceso Unificado Racional) para
llevar a cabo la documentación del análisis, diseño e implementación del sistema, se
utilizó SQL Server como sistema gestor de Bases de Datos, HTML, ASP.NET y
Visual Studio como lenguaje de programación. A través del sistema informático en
un entorno web para el seguimiento de egresados (SISEGJCP), contribuyó a
solucionar los problemas existentes de documentación, información y contacto con
cada uno de los egresados y de las empresas en el ámbito regional y nacional,
garantizando al incorporar a la parte gerencial, el enlace con la parte académica,
mejorando el desarrollo de seguimiento de egresados del instituto a través del uso de
la tecnología.
viii
ABSTRACT
INTRODUCCIÓN
ix
En los inicios del siglo XXI, el sistema de educación superior peruana se ha visto
inmerso en diversos problemas que lo aquejan; por un lado, la creciente demanda de
servicios por parte de la sociedad y, por el otro, la crítica, muchas veces sin fundamento,
respecto a la falta de congruencia entre el proceso educativo, las necesidades sociales y
las exigencias de un mercado laboral que se encuentra en una constante transformación.
Paralelo a esto, los Institutos de Educación Superior se enfrentan a los dilemas del
proceso de evaluación, con el fin de lograr una mayor certeza en cuanto al uso de los
recursos públicos invertidos en la educación y la eficiencia terminal de sus egresados.
Una herramienta importante en este marco son los estudios e informes de seguimiento de
egresados, ya que, los resultados que derivan de ellos, nos permiten analizar la
trayectoria laboral y profesional. La información resultante es de vital importancia para
una correcta planeación académica. Por ello, los estudios e informes de seguimiento
egresados no son simplemente una referencia del proceso de inserción al mercado
laboral o un indicador de satisfacción del egresado respecto a su formación y su
institución; son mecanismos de diagnóstico que nos permiten reflexionar y reestructurar
tanto académica como institucionalmente, nuestros fines y valores.
El seguimiento de egresados tiene como objetivo el obtener información válida,
confiable y oportuna sobre el proceso de inserción laboral, tanto de su desempeño en el
empleo como de su trayectoria profesional, con la finalidad de valorar el grado de
impacto de la Instituto en el sector productivo y social.
El Capítulo II: “Marco Teórico” se hace referencia a los antecedentes y las bases
teóricas que sustentan la investigación.
El Capítulo V: “Diseño del Sistema” se presenta los casos de uso a emplear y diagramas
de la interfaz y la plataforma tecnológica para el desarrollo y función del sistema
informático.
CAPÍTULO I
PLANTEAMIENTO DEL ESTUDIO
1.1 DESCRIPCIÓN DE LA ORGANIZACIÓN
1.1.4 Visión
El año 2016, ser institución fortalecida con credibilidad en la formación de
profesionales técnicos en la región central del país, con egresados laborando
y contribuyendo en mejorar la producción y servicios.
1.1.5 Misión
Formar profesionales técnicos con desempeño laboral competente en las
carreras profesionales de Producción Agropecuaria y Computación e
Informática que dinamicen la economía productiva y de servicios en la
localidad y región central del país.
1.1.6 Valores
El Instituto de Educación Superior Tecnológico Público “JCP”, promueve los
siguientes valores:
13
• Equidad
• Responsabilidad
• Autoestima
• Cooperación
1.1.7 Principios Institucionales
Del mismo modo se propone ser un modelo de organización que tenga los
siguientes valores institucionales:
• Excelencia académica.
• Cultura Innovadora y emprendedora.
• Trabajo en equipo.
• Respeto a la identidad cultural y ambiental.
1.1.8 Organigrama
1.4 JUSTIFICACIÓN
Dentro del marco de los procesos de evaluación y acreditación llevados a cabo por
parte del Consejo de Evaluación, Acreditación y Certificación de la Calidad de la
16
CAPÍTULO II
MARCO TEÓRICO
2.3 ANTECEDENTES.
Para sustentar el planteamiento de la presente investigación, se han revisado algunos
trabajos relacionados al proyecto:
En las tesis mencionadas líneas arriba tiene correlación con el desarrollo del tema,
la mencionada tesis utiliza la tecnología web, la cual nos sirvió como medio para
para formular los objetivos de investigación y mejorar las bases teóricas de nuestra
investigación.
confiabilidad las cuales servirán como base para desarrollar el entorno web de
seguimiento de egresados.
En la presenta tesis profundizó el análisis y diseño del sistema la cual permite una
adecuada coordinación en los diferentes departamentos involucrados,
perfeccionando la información del egresado, este antecedente nos va ser útil para
reconocer los actores y roles en nuestra investigación.
2.4 BASES TEÓRICAS
2.2.1. Sistema Informático
a. Definiciones
Dato, Información y Sistema
21
Las aplicaciones Web trabajan con bases de datos que permiten procesar y mostrar
información de forma dinámica para el usuario.
2.2.5 Web
Una web es aquella que consiste en un documento electrónico que contiene
información, cuyo formato se adapta para estar insertado en la World Wide
Web, de manera que los usuarios a nivel mundial puedan entrar a la misma
por medio del uso de un navegador, visualizándola con un dispositivo móvil
como un smartphone o un monitor de computadora.
digitales, hojas en forma de cascada, entre otros. Para que una web pueda
estar en línea y ser vista por cualquier persona, requiere de un hospedaje,
cosa que puede hacerse en un servidor remoto o local. La composición de
una página web consiste básicamente en información que puede presentarse
con módulos multimedia y texto, lo cual se complementa con hiperenlaces
para conducir a otras secciones de dicha web o a otras webs.
Además, toda web cuenta con datos de estilo, los cuales ayudan a especificar
la manera en la que debe presentarse para el usuario. Por último, como una
manera de hacer más interactiva la experiencia del usuario, se emplean
diversas aplicaciones con este propósito. El lenguaje de marcado con el que
se escribe en una web es el HTML, el cual permite a su administrador la
inserción y el manejo de hiperenlaces.
La conjunción de los distintos Sitios Web permite conformar una extensa red
de información que es conocida genéricamente como World Wide Web, pero
cuentan con partes constitutivas respectivas a su estructura general, teniendo
una parte Física, que comprende al servidor donde está alojado, mientras que
por otro lado tenemos un componente Lógico, encontrándose esto último en
lo respectivo a su organización, la jerarquía y la conexión que ofrecen ellas
entre los hiperenlaces.
Esto último termina establecer una organización del Sitio Web, controlando
la dinámica y la forma en que se muestran los contenidos, contando como
parte fundamental y principal la Portada, que consiste justamente en una
Direccion URL Raíz que sería el directorio principal de este Sitio Web,
encontrándose atajos hacia toda la estructura general, y siendo justamente el
35
eje de todo el Tráfico Web (es decir, el intercambio de datos entre Servidor y
Cliente) que se encuentra en las distintas partes de los sitios web.
Resulta ser muy común que la gente a veces caiga en el error de utilizar el
concepto de página Web cuando en realidad a lo que quiere referirse es a un
sitio web. Entonces, la página web, como dijimos, es parte de un sitio web y
es un único archivo con un nombre de archivo asignado, mientras que el sitio
es un conjunto de archivos llamados páginas web. Para entender mejor la
cuestión un ejemplo será de gran ayuda…si se lo compara con un libro el
sitio web sería el libro entero, mientras que la página web es al sitio lo que
un capítulo es a un libro.
3. ¿Cuál es su propósito?
2. Desarrollo curricular
3. Afiliación
5. Desarrollo
2.2.9 Egresados.
Egresado o graduado es aquel sujeto que ha concluido sus estudios, y
obtenido un título o graduación académica, normalmente de rango
universitario. El significado más preciso de egresar es formarse, y se usa
como sinónimo de graduarse, por ello egresado lo es de graduado o
formado. Según el diccionario de la RAE, el concepto adquiere un
contenido más amplio, en cuanto que no se ciñe sólo al ámbito
universitario, pues para la RAE egresado es la persona que sale de un
establecimiento docente después de haber terminado sus estudios.
42
CAPÍTULO III
METODOLOGÍA DE LA INVESTIGACIÓN
3.1. METODOLOGÍAS RELACIONADAS CON LA PROBLEMÁTICA
3.1.1 Definición de Metodología
Una metodología es un conjunto integrado de técnicas y métodos que
permite abordar de forma homogénea y abierta cada una de las actividades
del ciclo de vida de un proyecto de desarrollo. Es un proceso de software
detallado y completo.
3.1.2 Metodologías
a. Metodología RAD Historia
Introducción al modelo.
Ventajas
Las principales ventajas que puede aportar este tipo de desarrollo son las siguientes:
• Velocidad de desarrollo
47
Inconvenientes
Entre los principales inconvenientes que se pueden encontrar en el uso del desarrollo
rápido de aplicaciones se pueden encontrar:
• Características reducidas.
• Escalabilidad reducida.
• Más difícil de evaluar el progreso porque no hay hitos clásicos. Una de las
críticas principales que suele generar este tipo de desarrollo es que, ya que el
desarrollo rápido de aplicaciones es un proceso iterativo e incremental, puede
conducir a una sucesión de prototipos que nunca culmine en una aplicación de
producción satisfactoria. Tales fallos pueden ser evitados si las herramientas de
desarrollo de la aplicación son robustas, flexibles y colocadas para el uso
correcto.
Historia
Introducción al modelo.
Principales características
CICLO DE VIDA
RUP divide el proceso en cuatro fases, dentro de las cuales se realizan varias
iteraciones en número variable según el proyecto y en las que se hace un
mayor o menor hincapié en las distintas actividades.
• Requisitos: Proveer una base para estimar los costos y tiempo de desarrollo
del sistema.
Inicio:
• Documento Visión
• Especificación de Requerimientos Elaboración:
Una de las mayores ventajas de Scrum es que es muy fácil de entender y requiere
poco esfuerzo para comenzar a usarse.
56
Una parte muy importante de Scrum son las reuniones que se realizan durante cada
una de las iteraciones. Hay distintos tipos:
Scrum diario: cada día durante la iteración, tiene lugar una reunión de estado del
proyecto. A esta reunión se le domina Scrum.
Historia
Introducción al modelo.
Elementos de la metodología
Los modelos de ciclo de vida del software describen las fases del ciclo de software y el
orden en que se ejecutan las fases.
60
Un modelo de ciclo de vida de software es una vista de las actividades que ocurren
durante el desarrollo de software, intenta determinar el orden de las etapas
involucradas y los criterios de transición asociados entre estas etapas. [17]
a. Modelo en cascada
Es el enfoque metodológico que ordena rigurosamente las etapas del
ciclo de vida del software, de forma que el inicio de cada etapa debe
esperar a la finalización de la inmediatamente anterior. El modelo en
cascada es un proceso de desarrollo secuencial, en el que el desarrollo se
ve fluyendo hacia abajo (como una cascada) sobre las fases que
componen el ciclo de vida.
1. Especificación de requisitos
2. Diseño
3. Construcción (Implementación o codificación)
4. Integración
5. Pruebas
6. Instalación
7. Mantenimiento
Para seguir el modelo en cascada, se avanza de una fase a la siguiente en una
forma puramente secuencial.
61
Ventajas
• Funciona bien para proyectos pequeños donde los requisitos están bien entendidos.
En la vida real, un proyecto rara vez sigue una secuencia lineal, esto crea
una mala implementación del modelo, lo cual hace que lo lleve al
fracaso.
Difícilmente un cliente va a establecer al principio todos los requisitos
necesarios, por lo que provoca un gran atraso trabajando en este modelo,
ya que este es muy restrictivo y no permite movilizarse entre fases.
62
b. Modelo iterativo
Es un modelo derivado del ciclo de vida en cascada. Este modelo busca
reducir el riesgo que surge entre las necesidades del usuario y el
producto final por malos entendidos durante la etapa de recogida de
requisitos.
repetirán hasta obtener un producto que satisfaga las necesidades del cliente.
[18]
Ventajas
Una de las principales ventajas que ofrece este modelo es que no hace
falta que los requisitos estén totalmente definidos al inicio del desarrollo,
sino que se pueden ir refinando en cada una de las iteraciones.
Igual que otros modelos similares tiene las ventajas propias de realizar el
desarrollo en pequeños ciclos, lo que permite gestionar mejor los riesgos,
gestionar mejor las entregas…
Inconvenientes
Ventajas
Entre las ventajas que puede proporcionar un modelo de este tipo encontramos
las siguientes:
d. Modelo en espiral
El desarrollo en espiral es un modelo de ciclo de vida desarrollado por
Barry Boehm en 1985, utilizado de forma generalizada en la ingeniería
del software. Las actividades de este modelo se conforman en una
espiral, cada bucle representa un conjunto de actividades. Las actividades
no están fijadas a priori, sino que las siguientes se eligen en función del
análisis de riesgos, comenzando por el bucle anterior.
Tareas:
d. Hay una cosa que solo se hace una vez: planificación inicial o previa
2. Análisis del riesgo:
4. Planificar:
Ventajas
Inconvenientes
El RUP es una metodología completa y extensa que intenta abarcar todos los
aspectos del desarrollo de un software, aunque principalmente está orientada para
su utilización en proyectos de envergadura a continuación se enumeran las razones
por las que se ha decidido utilizar esta metodología en la presente tesis:
69
• Es un proceso que define de manera ordenada las tareas. Es una guía para
utilizar UML.
Por todas estas razones optamos por esta metodología para el desarrollo de
software, porque se ajusta estrictamente a una serie de reglas que se centran en las
necesidades del cliente para lograr un producto de buena calidad y nos permitirá
desarrollar un proyecto socio tecnológico con mayor seguridad.
• Soporte de transacciones.
• Soporta procedimientos almacenados.
• Incluye también un entorno gráfico de administración, que permite el uso de
comandos DDL y DML gráficamente.
• Permite trabajar en modo cliente-servidor, donde la información y datos se alojan en el
servidor y los terminales o clientes de la red sólo acceden a la información.
HTML
(denominado código HTML) para la definición de contenido de una página web, como
texto, imágenes, videos, entre otros. Es un estándar a cargo de la W3C, organización
dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en
lo referente a su escritura e interpretación.
contiene sólo texto mientras que recae en el navegador web (interpretador del
código) la tarea de unir todos los elementos y visualizar la página final. Al ser un
estándar, HTML busca ser un lenguaje que permita que cualquier página web
escrita en una determinada versión, pueda ser interpretada de la misma forma
(estándar) por cualquier navegador web actualizado.
73
CAPÍTULO IV
ANÁLISIS DE REQUERIMIENTOS.
4.1 Introducción
El modelo del negocio es una técnica que permite comprender los procesos del
negocio de la organización, además presenta una descripción detallada de las
reglas del negocio que el objeto de automatización debe seguir para asegurar el
cumplimiento de las restricciones que existen en el mismo. En el presente capítulo
se realiza una descripción del modelo del negocio así como de los procesos,
actores, trabajadores, casos de uso y diagramas de clases del modelo de objetos. Se
detalla el modelo del sistema a partir de los requerimientos funcionales y no
funcionales.
Después de identificar el proceso de negocio se definen las siguientes reglas del negocio:
1. La secretaria del instituto debe registrar al egresado rellenando sus datos generales, si
el egresado es titulado procede a rellenar los datos de titulación como el nombre del
proyecto productivo y los jurados de sustentación.
2. Los docentes de las carreras profesionales de la entidad puede acceder a las fichas de
seguimiento de egresados para realizar dicha actividad.
3. Cada ficha de egresado debe contener: datos del egresado, datos de experiencia
laboral, estudios de actualización, idiomas que domina, programas o softwares que
domina y rellena encuesta
6. Los docentes deben entregar las fichas de seguimiento de egresado al Jefe de Unidad
Académica.
7. El jefe de unidad académica debe procesar y reportar a la Dirección el informe
detallado del seguimiento de egresados realizados cada finalización semestre
académico.
75
El modelo de Casos de Uso del Negocio (CUN) describe los procesos de la entidad
en términos de casos de uso y actores del negocio en correspondencia con los
procesos del negocio y los clientes, respectivamente. Este modelo se define con
tres elementos: el diagrama de casos de uso del negocio, la descripción de los
casos de uso del negocio y el diagrama de actividades.
76
Secretaria General
(from Actores del Negocio) Actualiza Datos y Generar Reportes del
Seguimiento de Egresados/Titulados
(from Caso de Uso del Negocio)
Realiza Seguimiento de
Coordinaciones de Carreras Profesionales
Egresados/Titulado
(from Caso de Uso del Negocio) (from Actores del Negocio)
Alumno
(from Actores del Negocio)
Prioridad Alta
Mejoras Permitirá automatizar la información de forma
consistente para su posterior uso.
Resumen:
El caso de uso se inicia cuando la secretaria recepciona solicitud de entrega
de título del egresado, Registrándolo en el libro de egresados, para
generarle una constancia, culminando así el caso de uso.
Prioridad Baja
Mejoras Permitirá automatizar la información de forma consistente
para su posterior uso.
Resumen:
El caso de uso se inicia cuando la secretaria recepciona memorándum de
entrega de expedientes, seleccionando y verificando cada expediente de por
carrera profesional, para generar un informe, culminando así el caso de uso.
Prioridad Media
Mejoras Permitirá automatizar la información de forma consistente
para su posterior uso.
6. Si no encuentra al egresado
rellena ficha de observaciones.
ficha
seguimiento de egresados.
13. Eleva informe y ficha de
seguimiento de egresados.
Prioridad Alta
Mejoras Permitirá automatizar la información de forma consistente
para su posterior uso.
Resumen:
El caso de uso se inicia cuando el Jefe de Unidad Académica recepciona el
informe y las fichas de seguimiento de egresados y empresas donde laboran
los egresados para actualizar los datos del egresado y de las empresas y
generar el reporte consolidado de los mismos, culminando así el caso de
uso.
Prioridad Alta
Mejoras Permitirá automatizar la información de forma consistente
para su posterior uso.
Prioridad Alta
Mejoras Permitirá automatizar la información de forma consistente
para su posterior uso.
85
seguimiento de egresados.
egresados.
• Requerimientos de Usabilidad.
El sistema será utilizado solo por personas que sean usuarios del
mismo y que previamente se le haya asignado una cuenta dentro de él,
por parte del administrador, para posibilitar la navegación. Esta
cuenta pertenece a un tipo de usuario y acorde con ello serán
otorgados los privilegios de navegación.
• Requerimientos de Rendimiento.
Para un funcionamiento óptimo de la aplicación se seguirán las
diferentes técnicas de elaboración en la Web, que faciliten el rápido
acceso a sus páginas. La eficiencia del producto estará determinada en
gran medida por el aprovechamiento de los recursos que se disponen
en el modelo Cliente/Servidor, y la velocidad de las consultas en la
Base de Datos. La herramienta propuesta debe ser rápida y el tiempo
de respuesta debe ser el mínimo posible, adecuado a la rapidez con
que el cliente requiere la respuesta a su acción.
96
• Requerimientos de Soporte.
Para garantizar el soporte a los clientes de esta herramienta, se
documentará la aplicación con un manual de ayuda para los usuarios y
los administradores, así como la posibilidad de emitir sus quejas y
sugerencias a los desarrolladores de la herramienta mediante correo.
El administrador tendrá la responsabilidad de mantener actualizada la
aplicación. El sistema debe propiciar su mejoramiento y la anexión de
otras opciones que se le incorporen en un futuro.
• Requerimientos de Portabilidad.
La plataforma seleccionada para desarrollar la aplicación fue
Windows, pero puede ser ejecutada desde cualquier plataforma. Las
terminales de la empresa sólo requerirán estar conectadas a la red.
• Requerimientos de Seguridad.
El sistema debe garantizar la seguridad de los datos almacenados y
que viajan a través de la red. Para ello se encriptarán las contraseñas
con MD5 y se protegerá contra accesos no autorizados utilizando
mecanismos de autenticación y autorización de los usuarios, a través
de contraseñas y niveles de acceso. Se configurará el servidor con
protocolo SSL para garantizar la seguridad de los datos que viajan por
la red y se harán validaciones de la información tanto en el cliente
como en el servidor. Estas medidas no afectarán el rendimiento de la
aplicación.
• Requerimientos de Software.
En la computadora que haga función de servidor, independientemente
del sistema operativo, se necesita el lenguaje de programación HTML
y ASP, SQL Server. En las computadoras de los usuarios se requiere
del navegador Internet Explorer, Chrome o Mozilla.
97
• Requerimientos de Hardware.
Se requiere de un servidor de 128 MB de RAM como mínimo y 6 GB
de capacidad del disco duro. Todas las computadoras implicadas,
tanto para la administración como las de los usuarios, deben estar
conectadas a una red y tener al menos 64Kbps.
98
CAPÍTULO V
DISEÑO DEL SISTEMA.
Un actor es aquel que interactúa con el sistema, sin ser parte de él y puede
asumir el rol que juega una o varias personas, un equipo o un sistema
automatizado a continuación se describe el rol de cada actor del sistema
que estamos desarrollando.
Usuario del
Sistema
Toda aquella persona que
acceda al sistema con previa
(Docente,
autenticación, con el fin de
Personal gestionar información, según
el nivel de acceso que tenga a
Administrativo,
la misma. y entra en busca de
Egresado y información general y pueden
Empresa) crear información.
Cada forma en que los actores usan el sistema se representa con un caso de
uso. Los casos de uso son “fragmentos” de funcionalidad que el sistema
ofrece para aportar un resultado de valor para sus actores, a continuación se
describe cada caso de uso del sistema.
titulados.
CU03 En este caso de uso se registra las
comisiones de grados y títulos de cada
carrera profesional, así como también se
registran las temáticas de los proyectos
productivos o empresariales del
sustentante.
4. Identifica usuario.
5. Ingresa a la pantalla
principal del sistema.
Alternativa: Limpiar formulario para reingreso de usuario y
contraseña
Requerir notificación antes de iniciar sesión en otros
sitios.
Pre condición: Debe existir comunicación entre la estación de trabajo y
el portal.
El Usuario debe estar registrado en el sistema.
Poscondiciones: El usuario se registrará en el sistema y tendrá a
disposición los servicios configurados por defecto.
Excepciones: El sistema de autenticación única validará el inicio de
sesión en el SISEG
Fuente: Elaboración Propia.
105
Figura 40. Diagrama de Clases del Caso de Uso Autenticación del Sistema Fuente:
Elaboración Propia.
Figura 41. Diagrama de Secuencia del Caso de Uso Autenticación del Sistema
Fuente: Elaboración Propia.
Figura 44. Diagrama de Clases del Caso de Uso Registro de Egresados Fuente:
Elaboración Propia.
108
ComboBox. docentes.
4. Clic en el
botón
guardar.
5. Registra datos del 4. El sistema genera
docente en el registro registro del docente.
5. Actualiza datos del
docente.
Alternativa: Cancelar agregación, modificación o eliminación
ComboBox. registro de
personal
administrativo.
4. Clic en el
botón
guardar.
5. Registra datos del 4. El sistema genera
personal administrativo registro del personal
en el registro nuevo. administrativo.
5. Actualiza datos del
personal administrativo.
la lista laboral.
4. Actualiza datos
personales del
egresado.
5. Selecciona menú 5. Presenta opciones de
currículum. sub menús.
6. Elija la opción idiomas 6. Muestra pantalla
de la lista. idiomas.
7. Registra datos de 7. Genera registro de datos
idiomas. de idiomas.
8. Clic en el
botón
guardar
8. Actualiza datos
personales del
egresado.
9. Selecciona menú 9. Presenta opciones de
currículum. sub menús.
10. Elija la opción 10. Muestra pantalla
programas de programas de
especialización de la especialización.
lista.
11. Registra datos de 11. Genera registro de
programas de datos de programas de
especialización. especialización.
12. Clic en el
botón
guardar.
12. Actualiza datos
personales del
egresado.
Alternativa: Agregar, modificar, buscar o eliminación
4. Actualiza datos de la
empresa.
Alternativa: El usuario puede filtrar la información por día, semana, mes,
año o eventos.
Pre condición: Debe existir comunicación entre la estación de trabajo y el
portal.
El Usuario debe estar registrado en el sistema
El usuario debe tener activa una sesión
Poscondiciones: Ver, Consultar, Añadir, Modificar, Eliminar eventos y
Asignar permisos.
Excepciones: Algunos usuarios no pueden agregar eventos o asignar
permisos.
Fuente: Elaboración Propia.
4. Genera registro de
reporte de egresado.
5. Actualiza datos de
reporte de egresados
7. Seleccione menú reporte 6. Presenta opción de sub
menús.
8. Elije la opción reporte de 7. Muestra pantalla de
titulados. registro de reportes de
titulados.
9. Seleccione carrera 8. Genera registro de
profesional en el reporte de titulados.
ComoboBox.
10. Seleccione semestre
inicial en el
ComoboBox.
11. Seleccione semestre
final en el
ComoboBox.
12. Clic en aplicar
136
9. Genera registro de
reporte de titulados.
10. Actualiza datos de
reporte de titulados.
13. Seleccione menú 11. Presenta opción de sub
reporte menús.
14. Elije la opción reporte 12. Muestra pantalla de
de egresados laborando. registro de reportes de
egresados laborando.
15. Seleccione carrera 13. Genera registro de
profesional en el reporte de egresados
ComoboBox. laborando.
16. Seleccione semestre
inicial en el
ComoboBox.
17. Seleccione semestre
final en el
ComoboBox.
Excepciones:
• Se puede entender una capa como un todo, sin considerar las otras.
• Las capas se pueden sustituir con implementaciones alternativas de los
mismos servicios básicos.
Con esta versión se brindaran a los usuarios grandes avances en tres campos
principales:
CAPÍTULO VI
IMPLEMENTACIÓN Y PRUEBAS DEL SISTEMA.
En este capítulo se presenta la creación física de la base de datos, las tablas y la codificación
del lenguaje SQL Server mediante los objetos del lenguaje de programación.
148
6.1 IMPLEMENTACIÓN
6.1.1 Capa de datos
@{
ViewBag.Title = "Ingreso";
149
<h2>Ingreso</h2>
<div class="row">
<div class="col-md-12">
<div class="well">
<h3>Programa de egresados</h3>
</div>
</div>
<div class="col-md-6">
<ul>
</ul>
</div>
<div class="col-md-6">
<form>
<div class="inicio-sesion">
<div class="form-group">
<label>Usuario</label>
</div>
<div class="form-group">
<label>Contraseña</label>
150
</div>
<a
class @Url.Action("Bienvenido", ="btn btn-
"Inicio")">Cancelar</a> cancelar"
href="
</div>
</form>
</div>
</div>
@section scripts{
<script>
$(".mi-menu").hide();
</script>
Registro de titulado
@{
ViewBag.Title = "Datos del egresado";
string wLabel = "col-md-4"; string
wControl = "col-md-8";
}
151
<h2>@ViewBag.Title</h2>
<div class="row">
<div class="col-md-9">
<form class="form-horizontal">
<h3>Personal</h3>
<div class="form-group">
<label class="@wLabel control-label">Código</label>
<div class="@wControl">
<input type="text" class="form-control"
value="00001" placeholder="">
</div>
</div>
<div class="form-group">
<label class="@wLabel control-label">Alumno</label>
<div class="@wControl">
<input type="text" class="form-control"
value="Lozano Figueroa, Lizbeth #" placeholder="">
</div>
</div>
<div class="form-group">
<label class=" profesional</label> @ wLabel control-label">
<div class="@wControl"> Carrera
<select class="form-control" data-bind="options:
Carreras, optionsText: 'Nombre'"></select>
</div>
</div>
<div class="form-group">
<label class="@wLabel control-label">Semestre de
egreso</label>
<div class="@wControl">
<select class="form-control">
<option>2015-1</option>
<option selected="selected">2014-2</option>
<option>2014-1</option>
<option>2013-2</option>
</select>
</div>
</div>
<h3>Prácticas pre-profesionales</h3>
<div class="form-group">
<label class="@wLabel control-label">Comisión</label>
<div class="@wControl">
<select class="form-control">
<option>Comisión 1</option>
<option selected="selected">Comisión 2</option>
<option>Comisión 3</option>
<option>Comisión 4</option>
</select>
</div>
</div>
<div class="form-
group"> @ wLabel control-label">Fecha
<label class=" de
presentación</label>
<div class="@wControl">
<input type="text" class="form-control datepicker"
value="01/01/2015" placeholder="">
152
</div>
</div>
<div class="form-group">
<label class="@wLabel control-label">Título del
informe</label>
<div class="@wControl">
<input type="text" class="form-control"
value="Análisis e implementación de portal institucional y
aplicación Web de egresados" placeholder="">
</div>
</div>
<div class="form-group">
<label class=" digitalizado</label> @ wLabel control-label">
<div class="@wControl"> Informe
<div class="input-group">
<input type="file" id="inf" class="hidden" />
<input type="text" class="form-control" value="informe-ppp-
dlf.docx">
<span class="input-group-btn">
<button class="btn btn-default sel-archivo"
type="button">Seleccionar...</button>
</span>
</div>
</div>
</div>
<div class="form-
group"> @ wLabel control-label">Fecha
<label class=" de
resolución</label>
<div class="@wControl">
<input type="text" class="form-control datepicker"
value="01/02/2015" placeholder="">
</div>
</div>
<div class="form-group">
<label class=" digitalizada</label> @ wLabel control-label">
<div class="@wControl"> Resolución
<div class="input-group">
<input type="text" class="form-control"
value="resolucion-2015-0201.pdf">
<span class="input-group-btn">
<button class="btn btn-default sel-archivo"
type="button">Seleccionar...</button>
</span>
</div>
</div>
</div>
<h3>Otros</h3>
<div class="form-group">
<label class="@wLabel
controllabel">Comentarios</label>
<div class="@wControl">
<input type="text" class="form-control"
value="Excelente calificación" placeholder="Ingrese comentarios
sobre el proceso..."> </div>
</div>
<div class="form-group">
153
@{
ViewBag.Title = "Situacion laboral";
string wLabel = "col-md-4";
string wControl = "col-md-8";
}
<h2>@ViewBag.Title</h2>
<div class="row">
<div class="col-md-9">
<form class="form-horizontal">
<h3>Empleo actual</h3>
<div
class="form-group"> class="@wLabel control
<label
label">Situación</label
>
<div class="@wControl">
<select class="form-control">
<option selected="selected">Con trabajo
temporal</option>
<option>Con trabajo estable</option>
</select>
</div>
</div>
<div class="form-group">
<label class="@wLabel
controllabel">Dedicación</label>
<div class="@wControl">
<select class="form-control">
<option>Tiempo parcial</option>
<option>Por horas</option>
<option selected="selected">Tiempo
completo</option>
</select>
</div>
</div>
<h3>Detalles</h3>
<div class="form-group">
<label class="@wLabel
controllabel">Institución</label>
154
<div class="@wControl">
<input type="text" class="form-control"
value="BTC" placeholder="">
</div>
</div>
<div class="form-
group"> @ wLabel control-label">Rubro
<label class="/
Industria</label>
<div class="@wControl">
<select class="form-control">
<option>Rubro 1</option>
<option>Rubro 2</option>
<option selected="selected">Servicios
diversos</option>
<option>Rubro 4</option>
</select>
</div>
</div>
<div class="form-group">
<label class="@wLabel control-label">Área</label>
<div class="@wControl">
<select class="form-control">
<option>Área 1</option>
<option>Área 2</option>
<option selected="selected">Atención al
público</option>
<option>Área 4</option>
</select>
</div>
</div>
<div class="form-group">
<label class="@wLabel control-label">Teléfono</label>
<div class="@wControl">
<input type="text" class="form-control"
value="123456789" placeholder="">
</div>
</div>
<div class="form-group">
<label class="@wLabel control-label"> Sitio
Web</label>
<div class="@wControl">
<input type="text" class="form-control"
value="http://www.btc.com.pe" placeholder="">
</div>
</div>
<div class="form-group">
<label class="@wLabel control-label">País</label>
<div class="@wControl">
<select class="form-control" data-bind="options:
Paises, optionsText: 'Nombre'"></select>
</div>
</div>
<div class="form-group">
<label class="@wLabel control-label">Ciudad</label>
<div class="@wControl">
155
</select>
</div>
</div>
<div class="form-group">
<label class="@wLabel control-label"></label>
<div class="@wControl">
<a href="@Url.Action("Perfil", "Egresados")"
class="btn btn-primary col-xs-12 col-sm-3">Guardar</a>
<a href="@Url.Action("Perfil", "Egresados")"
class="btn btn-cancelar col-xs-12 col-sm-3">Cancelar</a>
</div>
</div>
</form>
<div class="form-group espacio-abajo">
<a href="@Url.Action("Perfil", "Egresados")" class="btn
btn-info col-xs-12 col-sm-3"><span class="glyphicon
glyphiconarrow-left"></span> Volver al perfil</a>
</div>
</div>
</div>
@{
ViewBag.Title = "Ofertas";
long numbase = 6234; int
qty = 20;
}
<h2>@ViewBag.Title</h2>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<select class="form-control" data-bind="options:
Sectores, optionsText: 'Nombre'"></select>
</div>
</div>
<div class="col-md-6">
<div class="input-group">
<input type="text" class="form-control"
placeholder="Ingrese código o descripción...">
<span class="input-group-btn">
<button class="btn btn-default"
type="button">Filtrar</button>
</span>
</div>
</div>
<div class="col-md-12">
@ <div class="form-group espacio-abajo">
*
<a href="@Url.Action("EmpresaEditor",
"Empresa")" class="btn btn-primary col-xs-12 col-sm-3"><span
class="glyphicon glyphicon-plus"></span> Nueva empresa</a>
</div>*@
<table class="table table-hover table-condensed
tableresponsive table-striped">
<thead>
157
<tr>
<th>Fecha</th>
<th>Cargo</th>
<th>Región</th>
<th>Organización</th>
<th>Vacantes</th>
<th>Acciones</th>
</tr>
</thead>
<tbody>
i++, x++)
{
@ for (long i = numbase, x = 65; i <= numbase + qty;
string codigo = @i.ToString("0");
<tr>
<td>13/04/2015</td>
<td>Gerente de sucursal</td>
<td>Perú</td>
<td>Turismo @((char)x)</td>
<td>2</td>
<td>
<a href="#" title="ver detalles"><span
class="glyphicon glyphicon-search"></span></a>
@*@Url.Action("OfertaVer", "Empresa", new
{ id = codigo })<a href="#" title="Enviar correo"><span
class="text-warning glyphicon
glyphiconenvelope"></span></a> *@
@*<a href="#" data-toggle="modal"
datatarget="#dlgEliminar" title="Eliminar"><span class="text-
danger glyphicon glyphicon-trash"></span></a>*@
</td>
</tr>
}
</tbody>
<tfoot>
<tr>
<td colspan="5">Se encontraron qty resultados</td> @
</tr>
</tfoot>
</table>
<div class="modal fade" id="dlgEliminar" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close"
datadismiss="modal" aria-label="Close"><span aria-
hidden="true">×</span></button>
<h4 class="modal-title"
id="myModalLabel1">Confirmación de eliminación</h4>
</div>
<div class="modal-body">
<p>¿Está seguro de eliminar la empresa
<b>MiSelva Tours E.I.R.L. #</b>?</p>
</div>
<div class="modal-footer">
158
@{
ViewBag.Title = "Reporte de egresados";
string wLabel = "col-md-4"; string
wControl = "col-md-8";
}
<h2>@ViewBag.Title</h2>
<div class="row">
<div class="col-md-6">
<form class="form-horizontal">
<div class="form-group">
<label class=" profesional</label> @ wLabel control-label">
<div class="@wControl"> Carrera
<select class="form-control" data-bind="options:
Carreras, optionsText: 'Nombre'"></select>
</div>
</div>
<div class="form-group">
<label class="@wLabel control-label"> Desde
semestre</label>
<div class="@wControl">
<select class="form-control">
<option>2012-1</option>
<option>2012-2</option>
<option selected="selected">2013-1</option>
<option>2013-2</option>
<option>2014-1</option>
<option>2014-2</option>
<option>2015-1</option>
</select>
</div>
</div>
<div class="form-group">
<label class="@wLabel control-label"> Hasta
semestre</label>
<div class="@wControl">
<select class="form-control">
<option>2012-1</option>
<option>2012-2</option>
<option>2013-1</option>
<option>2013-2</option>
<option>2014-1</option>
<option>2014-2</option>
<option selected="selected">2015-1</option>
159
</select>
</div>
</div>
<div class="form-group">
<label class="@wLabel control-label"></label>
<div class="@wControl">
<a href="#" class="btn btn-primary col-xs-12
colsm-3">Aplicar</a>
</div>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-md-push-2 col-md-8">
<canvas id="myChart"></canvas>
</div>
</div>
@section scripts{
<script src="~/scripts/Chart.min.js"></script>
<script>
Chart.defaults.global.responsive = true; var ctx = $
("#myChart").get(0).getContext("2d"); // This will get the
first returned node in the jQuery collection.
//var myNewChart = new Chart(ctx);
var data = {
labels: ["2014-01", "2014-02", "2015-01"],
datasets: [ {
label: "Egresados",
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,0.8)",
highlightFill: "rgba(220,220,220,0.75)",
highlightStroke: "rgba(220,220,220,1)",
data: [65, 59, 80]
},
{
label: "Titulados",
fillColor: "rgba(151,187,205,0.5)",
strokeColor: "rgba(151,187,205,0.8)",
highlightFill: "rgba(151,187,205,0.75)",
highlightStroke: "rgba(151,187,205,1)",
data: [28, 48, 40]
},
{
label: "Laborando",
fillColor: "rgba(101,107,205,0.5)",
strokeColor: "rgba(101,107,205,0.8)",
highlightFill: "rgba(101,107,205,0.75)",
highlightStroke: "rgba(151,187,205,1)",
data: [23, 21, 26]
}
]
};
var myBarChart = new Chart(ctx).Bar(data);
</script>
}
Reporte de egresados laborando
160
@{
ViewBag.Title = "Reporte de egresados laborando";
string wLabel = "col-md-4"; string wControl =
"col-md-8";
}
<h2>@ViewBag.Title</h2>
<div class="row">
<div class="col-md-6">
<form class="form-horizontal">
<div class="form-group">
<label class="@wLabel control-label"> Carrera
profesional</label>
<div class="@wControl">
<select class="form-control" data-bind="options:
Carreras, optionsText: 'Nombre'"></select>
</div>
</div>
<div class="form-group">
<label class=" semestre</label> @ wLabel control-label">
<div class="@wControl"> Desde
<select class="form-control">
<option>2012-1</option>
<option>2012-2</option>
<option selected="selected">2013-1</option>
<option>2013-2</option>
<option>2014-1</option>
<option>2014-2</option>
<option>2015-1</option>
</select>
</div>
</div>
<div class="form-group">
<label class=" semestre</label> @ wLabel control-label">
<div class="@wControl"> Hasta
<select class="form-control">
<option>2012-1</option>
<option>2012-2</option>
<option>2013-1</option>
<option>2013-2</option>
<option>2014-1</option>
<option>2014-2</option>
<option selected="selected">2015-1</option>
</select>
</div>
</div>
<div class="form-group">
<label class="@wLabel control-label"></label>
<div class="@wControl">
<a href="#" class="btn btn-primary col-xs-12
colsm-3">Aplicar</a>
</div>
</div>
</form>
</div>
</div>
<div class="row">
161
• Registro de Egresados
Al término de la implementación del código, se obtiene la
siguiente pantalla.
• Reporte de Egresados
Al término de la implementación del código, se obtiene la siguiente
pantalla.
164
6.2 PRUEBAS
6.2.1 Prueba de Unidad
Los enfoques a usar para la prueba del Sistema de Seguimiento de
Egresados (SISEGJCP) serán caja negra.
Tipo de
Resultados
Menú acción Descripción
S NS
Menú
Egresados
Ingresa Se ingresa datos de los egresados, y
información MI titulados docentes personal X
administrativo
Busca Muestra los datos del egresado, y
información C titulado, docentes personal X
administrativo.
Ingresa y Permite ingresar y modificar los datos
modifica MI del egresado, titulado, docentes y X
información personal administrativo.
172
Menú Empresas X
Ingresa Ingresa datos de las empresas.
MI X
información
Busca Muestra los datos de las empresas.
C X
información
Ingresa y modifica Permite ingresar y modificar los datos
información MI de las empresas. X
CONCLUSIONES
RECOMENDACIONES
• Al IESTP “Jaime Cerrón Palomino”, difundir entre sus alumnos egresados que
cuentan con un sistema de seguimiento de egresados que les facilitará estar en
contacto directo con ellos y tener acceso a información de primera mano.
• Como el sistema está orientado a la Web, se recomienda que los usuarios del sistema
deben tener conocimiento básico de Internet.
• La información que se ingrese al sistema debe ser completa y tener un sustento para
de esta manera no tener datos erróneos y así usar mejor los recursos de
información.
• Los sistemas web que se desarrollen deben ser probados en varios navegadores y
versiones de estos. Así, se comprueba que en todos se vea la misma estructura de la
interfaz y la disponibilidad de la información, pensando en la satisfacción del
usuario final.
177
BIBLIOGRAFÍA
ANEXOS:
180
181
182
177
ÁRBOL DE PROBLEMAS
Mal seguimiento a la
Se pierden la No se promociona a Se forma una imagen
información
oportunidad de los egresados la bolsa negativa del instituto por
brindada por el
contar con nuevos laboral una deficiente gestión
egresado
alumnos administrativa.
Contar con un
Contar con una medio para solicitar
Existe información sobre la información de la situación los procedimientos
situación académica del laboral del egresado administrativos
egresado