Tema:: para Optar Al Grado de

Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 113

FACULTAD DE INFORMÁTICA Y CIENCIAS APLICADAS

TÉCNICO EN INGENIERÍA DE SOFTWARE

TEMA:

SISTEMA PARA LA ADMINISTRACIÓN DE ESTUDIANTES DE TÉCNICO EN

INGENIERÍA DE SOFTWARE QUE SE SOMETEN AL PROCESO DE

GRADUACIÓN

TRABAJO DE GRADUACIÓN PRESENTADO POR:

EDWIN EDGARDO MEJÍA SERPAS

LUIS WILBERTO MARROQUÍN AYALA

WILSON FREDERICK MEJICANOS MIRA

PARA OPTAR AL GRADO DE:

TÉCNICO EN INGENIERÍA DE SOFTWARE

SEPTIEMBRE, 2019

SAN SALVADOR, EL SALVADOR, CENTROAMÉRICA


AUTORIDADES ACADÉMICAS

ING. NELSON ZÁRATE SÁNCHEZ

RECTOR

LIC. JOSÉ MODESTO VENTURA ROMERO

VICERRECTOR ACADÉMICO

ING. FRANCISCO ARMANDO ZEPEDA

DECANO

JURADO EXAMINADOR

ING. JUAN CARLOS CAMPOS RIVERA

PRESIDENTE

LIC. JORGE ALBERTO ACEVEDO DÍAZ

PRIMER VOCAL

ING. JOSÉ OSWALDO BARRERA MONTES

SEGUNDO VOCAL

SEPTIEMBRE, 2019

SAN SALVADOR, EL SALVADOR, CENTROAMÉRICA


Agradecimientos

Primeramente, doy gracias a mi Dios que me permitió alcanzar una de mis metas en la

vida, así también a la universidad Tecnológica de El Salvador por haberme permitido

formarme en ella, obteniendo así muchas experiencias y valores que definirán mi carrera

como profesional brindándome muchas oportunidades para sobresalir.

Agradezco también a mis familiares que me apoyaron en los momentos más

cruciales de mis estudios, por los valores que me han inculcado, y por haberme dado la

oportunidad de tener una excelente educación en el transcurso de mi vida. Sobre todo, por

ser un excelente ejemplo de vida a seguir.

A mis compañeros de tesis los cuales me brindaron apoyo y comprensión.

Y a nuestro asesor de Tesis al Ing. José Oswaldo Barrera Montes quien en especial

nos tuvo mucha paciencia al explicarnos todo lo que debíamos saber del tema y al estar

atentos de nosotros, nos fue de gran ayuda en la tesis y nos dio su apoyo para poder echar

a andar este proyecto.

Espero en Dios bendiga a todas las personas que hicieron posible poder alcanzar

esta meta y poder tener el privilegio de ver más logros, sueños y metas cumplirse en mi

vida y en la vida de las personas especiales para mí.

Edwin Edgardo Mejía Serpas


Agradecimiento

No puedo concluir esta tesis sin expresar mi más sincero agradecimiento a Dios, mi señor,

mi guía, mi proveedor, mi último fin que solo él sabe en realidad el esfuerzo que he hecho

para lograr esta meta en mi vida.

Agradecer a mis padres los cuales Dios me bendijo en tenerlos. Por todo lo que ellos me

han dado, amor, entrega, protección, apoyo, han contribuido a mi solidez intelectual y

emocional sin dejar de lado a mi hermana que al igual que mis padres se preocuparon por

mí, y a toda mi demás familia en general gracias por estar a mi lado.

Al Ingeniero José Oswaldo Barrera Montes, quien además de dirigir esta tesis con mucha

dedicación e interés me ofreció su apoyo incondicional y su amistad quien fue un gran

apoyo desde el inicio hasta el final sin el cual esto no hubiera podido ser logrado.

A mis amigos con los cuales tuve la oportunidad de realizar esta tesis, porque gracias a

sus observaciones pude lograr salir de muchos problemas y además mejorar este trabajo.

Asimismo, no quisiera olvidarme de todas aquellas personas que con su pregunta ¿cómo

va la tesis? Siempre me dieron el impulso y me comprometieron para seguir adelante. A

todo mi más sincero agradecimiento por el apoyo y la fortaleza que siempre me supieron

dar.

Luis Wilberto Marroquin Ayala


Agradecimiento

Doy gracias a mi Creador que me permitió alcanzar una de mis metas en la vida, así

también a mi familia por todo su apoyo en toda mi formación académica y profesional y

a la universidad Tecnológica de El Salvador por haberme permitido formarme en ella,

obteniendo así muchas experiencias y valores que definirán mi carrera como profesional

brindándome muchas oportunidades para sobresalir.

Agradezco también a mis familiares que me apoyaron en los momentos más cruciales de

mis estudios, por los valores que me han inculcado, y por haberme dado la oportunidad

de tener una excelente educación en el transcurso de mi vida. Sobre todo, por ser un

excelente ejemplo de vida a seguir.

A mis compañeros de tesis los cuales me brindaron apoyo y comprensión.

A nuestro asesor de Tesis el Ing. José Oswaldo Barrera Montes quien invirtió su tiempo y

conocimiento para apoyarnos en la realización de este proyecto.

Espero en Dios bendiga a todas las personas que apartaron tiempo y recursos para

colaborar en este proyecto puedan hacer posibles sus metas y poder tener el privilegio de

ver logros, sueños y metas cumplirse.

Wilson Frederick Mejicanos Mira


Indice
No. de páginas
Introducción.................................................................................................................... i

Capítulo I Planteamiento del Problema .......................................................................... 1

1.1 Antecedentes ......................................................................................................... 1

1.2 Planteamiento del Problema ................................................................................. 2

1.3 Objetivos .............................................................................................................. 4

1.4 Justificación ......................................................................................................... 5

1.5 Limitaciones del Estudio ....................................................................................... 6

1.6 Delimitaciones. ..................................................................................................... 6

1.6.1 Delimitaciones geográficas ............................................................................ 6


1.6.2 Delimitación organizacional .......................................................................... 6
1.7 Alcances ............................................................................................................... 6

Capitulo II Marco Teórico.............................................................................................. 7

2.1 Marco Teórico Referencial ................................................................................... 7

2.1.1 Tramites académicos ...................................................................................... 8


2.1.2 Requisitos para egresar de carreras técnicas ................................................. 9
2.1.3 Modelo de la investigación ............................................................................. 9
2.2 Marco Teórico Conceptual ................................................................................. 10

2.3 Documentación Técnica ..................................................................................... 15

2.4 Esquemas de los Distintos Usuarios ................................................................... 16

2.5 Diagrama de Base de Datos ............................................................................... 18

2.5.1 Diccionario de datos .................................................................................... 19


2.6 Prototipos de la Interfaz ..................................................................................... 23

Capitulo III Metodología.............................................................................................. 27


3.1 Método de Prototipado Rápido (Rapid Prototyping) ........................................... 27

3.1.1 Participante. ................................................................................................ 27


3.1.2 Método. ........................................................................................................ 28
3.1.3 Instrumento. ................................................................................................. 28
3.1.4 Procedimientos. ........................................................................................... 28
3.2 Estrategia de Análisis de Datos .......................................................................... 30

3.3 Pasos de la Metodología Implementada.............................................................. 30

3.4 Ciclo de Vida del Sistema ................................................................................... 31

Capítulo IV Análisis de Resultado ............................................................................... 32

4.1 Resultados .......................................................................................................... 32

4.2 Pantallas del Resultado del Método .................................................................... 33

Capítulo V Conclusiones.............................................................................................. 40

5.1 Conclusión ......................................................................................................... 40

5.2 Recomendaciones ............................................................................................... 41

Referencias............................................................................................................... 42

Anexos...................................................................................................................... 43

Glosario Técnico ...................................................................................................... 43

A.1 Manual de Usuario ............................................................................................ 45

Introducción. ............................................................................................................ 46

A.2 Instalar XAMPP en Windows ............................................................................. 46

A.3 Configuración Para Servicio de Correo Electrónico en XAMPP ........................ 53

A.4 Configuración de Acceso por Red en Xampp ...................................................... 58

A.5 Pantalla de Bienvenida e Iniciar Sesión. ............................................................ 63

A.6 Pantalla Principal .............................................................................................. 65


A.7 Cierre de Sesión. ................................................................................................ 65

A.8 Usuarios ............................................................................................................ 66

A.9 Alumnos. ............................................................................................................ 68

A.10 Asesores. .......................................................................................................... 70

A.11 Docentes. ......................................................................................................... 71

A.12 Proyectos. ........................................................................................................ 73

A.13 Grupos. ............................................................................................................ 76

A.14 Jurados. ........................................................................................................... 81

A.15 Manejo de Funcionalidad del Sistema Asignado Para los Roles que Controlan
sus Respectivas Carreras. ......................................................................................... 84
Índice de Ilustraciones

No. de páginas

Ilustración 1 Logo Xampp............................................................................................... 10

Ilustración 2 Logo PHP................................................................................................... 11

Ilustración 3 Logo PHPMYADMIN................................................................................ 11

Ilustración 4 Logo HTML5.............................................................................................. 12

Ilustración 5 Logo CSS3.................................................................................................. 13

Ilustración 6 Logo Bootstrap........................................................................................... 13

Ilustración 7 Logo Framework........................................................................................ 14

Ilustración 8 Logo JavaScript......................................................................................... 14

Ilustración 9 esquema tipo Super Admin......................................................................... 16

Ilustración 10 esquema tipo Técnico Software............................................................... 16

Ilustración 11 esquema tipo Técnico Hardware............................................................. 17

Ilustración 11 esquema tipo Técnico Redes.................................................................... 17

Ilustración 12 Diagrama Entidad Relación........................................................................ 18

Ilustración 13 Inicio del Sistema..................................................................................... 23

Ilustración 14 Login......................................................................................................... 23
Ilustración 15 Menú Principal........................................................................................ 24

Ilustración 16 Modal de Perfil de Usuario......................................................................... 24

Ilustración 17 Mantenimiento de Alumnos...................................................................... 25

Ilustración 18 Modal de Agregar Alumnos......................................................................... 25

Ilustración 19 Formulario de Modificar......................................................................... 26

Ilustración 20 Formulario de Informacion......................................................................... 26

Ilustración 21 Menú Principal........................................................................................ 33

Ilustración 22 Modal Formulario de Ingreso al Sistema................................................ 33

Ilustración 23 Menú Principal Opción Grupos............................................................... 34

Ilustración 24 Interfaz de Grupos................................................................................... 34

Ilustración 25 Formulario de Registro de Grupos.......................................................... 35

Ilustración 26 Formulario de Detalle de Grupos............................................................ 35

Ilustración 27 Menú Principal del Usuario Opción Editar Perfil.................................. 36

Ilustración 28 Formulario Modal Para Editar Perfil..................................................... 36

Ilustración 29 Formulario Modal Para Editar Perfil..................................................... 37

Ilustración 30 Modal de Mensaje de Alerta Actualizar.................................................. 37

Ilustración 31 Menú Principal del Usuario Opción Docentes....................................... 38


Ilustración 32 Interfaz de Docentes................................................................................ 38

Ilustración 33 Formulario Modal Para Agregar Docente.............................................. 39

Ilustración 34 Modal de Mensaje de Alerta Guardar..................................................... 39


Índice de Tablas

No. de páginas

Tabla 1 Usuarios............................................................................................................. 19

Tabla 2 Roles................................................................................................................... 19

Tabla 3 Carreras............................................................................................................. 19

Tabla 4 Facultades.......................................................................................................... 19

Tabla 5 Jurados............................................................................................................... 20

Tabla 6 Grupo de los Alumnos........................................................................................ 20

Tabla 7 Cargo de los Jurados......................................................................................... 20

Tabla 8 Empleados.......................................................................................................... 21

Tabla 9 Alumnos.............................................................................................................. 21

Tabla 10 Proyectos.......................................................................................................... 21

Tabla 11 Grupo de los Jurados....................................................................................... 22

Tabla 12 Asesores............................................................................................................ 22

Tabla 13 Alumnos Retirados........................................................................................... 22


Introducción

Toda organización, constituye un sistema que está dividido en subsistemas, que en su

conjunto forman un todo. Una institución educativa es un sistema de características

particulares, y bajo el criterio anterior, puede verse como una organización. La

Universidad Tecnológica de El Salvador, es uno de los principales centros de educación

superior a nivel nacional.

El presente documento pretende enfocarse en una propuesta de una aplicación web

que permita registrar los datos de los estudiantes que se encuentran realizando su proceso de

graduación y al mismo tiempo registrar aquellos que ya lo realizaron, de esa forma será más fácil

la administración, ya que este proceso se realiza actualmente de forma manual.

Esto no se ha implementado antes ya que es una forma de innovar en la escuela de

informática de la Universidad Tecnológica de El Salvador (UTEC). El sistema propuesto

es una herramienta que se construye a partir de la necesidad de automatizar el proceso de

graduación de las carreras técnicas, entonces podemos afirmar que esto nace como una

necesidad la cual el sistema será la solución.

El documento se divide en cinco capítulos: el capítulo I se refiere a la situación

actual, en donde se plantea la descripción del problema, descripción de la propuesta de la

solución y se identifican los beneficios.

El capítulo II aborda de manera descriptiva el sistema a elaborarse para dar solución a la

problemática de la elaboración del sistema para la administración de estudiantes de técnico

en ingeniería de software que se someten al proceso de graduación a través de diagramas


i
y el planteamiento de los requerimientos funcionales y no funcionales, así como la base

de datos y prototipo de la interfaz a utilizarse.

La metodología instrumentos procedimientos y estrategias implementados en

nuestro proyecto se detallan en el capítulo III. y dentro del capítulo IV se muestran los

resultados de lo propuesto en los capítulos anteriores y partiendo de ello las conclusiones

y recomendaciones dadas en el capítulo V según lo aprendido y desarrollado el proyecto.

ii
Capítulo I Planteamiento del Problema

1.1 Antecedentes

Los procedimientos que actualmente se realizan en la Universidad Tecnológica de

El Salvador, en el proceso de graduación de los alumnos de Técnicos en Ingeniería de

Software, presenta deficiencias en controlar la información de los egresados actuales.

La administración consiste en llevar el control de los registros de información

durante la realización del proceso. Este proceso tiene 5 actividades principales las cuales

de detallan a continuación, registro de la información de cada estudiante, registro de los

temas de los proyectos asignados, registro de los asesores asociados al proyecto, registro

de jurados y fecha de defensa, el registro de los resultados del trabajo de graduación.

Cada uno de los procesos antes descritos se explica a continuación:

1. registro de la información de cada estudiante:

El coordinador de cada carrera podrá registrar la información de cada estudiante que se

someta al proceso de graduación, la cual podrá consultar y modificar cuantas veces sea

necesaria, esta información una vez es ingresada al sistema le servirá para conformar los

grupos de trabajo de graduación y asignación del asesor.

2. Registro de los temas de los proyectos asignados: Después de iniciado el registro de la

información de cada Estudiantes que se someta al proceso de graduación el coordinador

de la carrera se encarga de registrar los temas de las diferentes propuestas de proyectos de

trabajo de graduación.

1
3. Registro de los asesores asociados al proyecto: El coordinador de la carrera se encarga

de registrar los asesores que estarán ligados a los temas con el fin de llevar un control total

de cada proyecto, esto con el fin de que cuando se tenga toda la información pertinente

pueda asignar a cada grupo ya establecidos por los estudiantes.

4. Registro de jurados y fecha de defensa: El coordinador de la carrera se encarga de

registrar a los jurados con su respectivo titulo el cual se lo asigna la unidad de egresados

cuando estos nombres de los jurados son propuestos para la evaluación de cada uno de los

temas que se van a defender los estudiantes egresados según el día, la hora y el lugar que

se estableció para que ellos evalúen las rubricas que les proporcionen.

5. Registro de los resultados del trabajo de graduación: El coordinador se encarga de

ingresar todos los resultados obtenidos de todas las defensas del proceso de graduación de

la carrera respectiva, rubrica el tema, el grupo, el asesor, el jurado, la fecha, el lugar y la

hora de la defensa, y la nota asignada por el respectivo jurado esa información se

consolidará para su respectivo registro en el expediente académico de cada estudiante.

1.2 Planteamiento del Problema

¿De qué manera se puede automatizar la administración de los estudiantes

egresados de Técnico en Ingeniería de software en la Universidad Tecnológica de El

Salvador?

Actualmente el proceso antes descrito se hace de forma manual por parte del

coordinador de la carrera, genera una serie de inconvenientes que se deben corregir para

poder optimizar los resultados que se quieren obtener y llevar un mejor control del manejo

2
del proceso de grado entre los principales inconvenientes se pueden mencionar los

siguientes:

❖ Tiempo: Se pierde en generar los reportes, en la búsqueda de información de

cada estúdiante una por una y en él envió de la información.

❖ Extravió de documentos: Es susceptible por parte del coordinador del proceso

de trabajo de graduación al extraviar un documento se tiene que solicitar a la

unidad de egresado debido al gran volumen de información que reciben.

❖ Errores humanos: Estos se generan por que la información se está digitando

manualmente.

❖ Falta de documentos estadísticos: Al estar la información manual es muy

difícil procesarla por lo tanto se vuelve complicado.

❖ Seguridad de la información: Las documentaciones al llevarlas de forma


manual no se pueden modificar, se deterioran, se rompen o se extravían.

3
1.3 Objetivos

Generales:

• Desarrollar una aplicación web que permita el registro de los datos de cada

estudiante que se someten al proceso de graduación de la carrera técnico en

Ingeniería de Software en la escuela de informática de la Universidad

Tecnológica de El Salvador.

Específicos:

• Registrar los temas, los asesores, los jurados y las fechas de defensa de cada

proyecto con la finalidad de generar reportes.

• Crear un sistema que facilite a los usuarios manejar su información a través de

roles definidos.

• Utilizar los lenguajes de programación como PHP, HTML 5, MYSQL Y

BOOTSTRAP3 para la creación de la aplicación web.

• Implementar el sistema web inicialmente en la Escuela de Informática de la

Universidad Tecnológica de El Salvador.

4
1.4 Justificación

En esta investigación se centra en el desarrollo de un sistema para el registro de

datos de los estudiantes que se someten al proceso de graduación de la carrera técnico en

ingeniería de software, dicho sistema será en ambiente web utilizando lenguajes de

programación como (PHP, HTML 5, MYSQL Y BOOTSTRAP3) para poder llevar acabo

el sistema a desarrollar; el cual nos permitiría mejorar el proceso y poder planificar

mejores resultados a años futuros.

Siendo así más eficaz y facilitándose a la persona encargada de digitar toda la

información necesaria para que se puedan generar fácilmente los reportes y tener más

fácilmente a la mano la información. Con la elaboración del sistema propuesto se espera

obtener lo siguiente.

1. Disminución de errores humanos: Tener todos los registros de los estudiantes

automatizado.

2. Disminución de tiempo: Generar reportes con poco tiempo de espera y obtener una

respuesta inmediata.

3. Seguridad: Tener control de la información de los egresados de la Universidad

Tecnológica de El Salvador.

4. Se generará reportes estadísticos para toma de decisiones.

5
1.5 Limitaciones del Estudio

No existen limitantes, El tiempo de desarrollo será aproximadamente de seis

meses es adecuado para este tipo de sistema y al analizar los factores económicos,

legales, recurso humano y técnicos la institución posee todos los recursos necesarios

para este fin.

1.6 Delimitaciones.

1.6.1 Delimitaciones geográficas

El desarrollo del sistema de registro de datos de estudiantes de la carrera Técnico

en Ingeniería en Software, que se realizara en la Escuela de Informática de la Universidad

Tecnológica de El Salvador.

1.6.2 Delimitación organizacional

El sistema de registro de información de estudiantes de la carrera de técnico en

Ingeniería de software será supervisado por las autoridades de la Escuela de Informática

desde su funcionamiento hasta el resultado que el sistema este presentando.

1.7 Alcances

La implementación del sistema para el registro de los datos de estudiantes,

proporcionará una serie de beneficios al contar con mayor flexibilidad y fácil uso con el

cual se implementarán roles que podrán utilizar los diferentes coordinadores de las

diferentes carreras técnicas.

6
Capitulo II Marco Teórico

2.1 Marco Teórico Referencial

La Universidad Tecnológica de El salvador es la institución de estudios superiores

privada más grande de El Salvador que tiene sus inicios el 12 de junio de 1979 y cuenta

con 40 años de estar forjando a grandes profesionales, sin embargo, hay sectores

administrativos que no han podido automatizar sus procesos como es el caso de la escuela

de informática con el proceso de graduación de las carreras técnicas que hasta el día de

hoy se lleva manualmente.

Reconociendo que es una Universidad con una visión de aspirar a ser reconocida

como una de las mejores universidades privadas de la región, la automatización del

proceso de graduación de los alumnos de carreras técnicas se hace indispensable, para

responder a los nuevos retos del impresionante avance de la ciencia y tecnología donde el

desarrollo obliga a automatizar cada uno de los procesos que se llevan en la Escuela de

Informática.

Para poder lograr este cambio y tener referencia de la problemática se solicita

ayuda a las personas inmersas en el proceso que se lleva actualmente para poder tomar

decisiones a la hora de la creación del sistema de proceso de graduación de alumnos de

carreras Técnicas y así automatizar cada uno de los procesos que se llevan a cabo.

7
La Universidad tecnológica ofrece diversas opciones de carreras técnicas las cuales son:

✓ Técnico en Periodismo

✓ Técnico en Relaciones Publicas

✓ Técnico en Mercadeo y Ventas

✓ Técnico en Administración Turística

✓ Técnico en Administración Turística No Presencial

✓ Técnico en Mercadeo Digital

✓ Técnico en mercadeo y ventas en Modalidad No Presencial

✓ Técnico en Ingeniería de redes

✓ Técnico en Ingeniería de Hardware

✓ Técnico en Ingeniería de Software

✓ Técnico en Diseño Gráfico.

2.1.1 Tramites académicos

El estudiante que ha culminado su carrera Técnica es necesario que se someta a

una serie de trámites académicos los cuales consisten en:

1. Tramite de carta de horas sociales

2. Tramite de solvencia bibliotecaria

3. Tramite de carta de egresado

Y haber cumplido una serie de requisitos para asi lograr ser tomado en el proceso

de graduación.

8
2.1.2 Requisitos para egresar de carreras técnicas

• Haber aprobado el total de asignaturas correspondiente al plan de estudios.

• Obtener un CUM igual o mayor que 7.0

• Haber realizado completamente 250 horas de servicio social

• Tener documentación completa (partida de nacimiento y título de bachiller)

• Estar solvente con la universidad (pagos, prestamos etc.).

• En el caso de haber entrado por equivalencia deberá tener autorizadas las

asignaturas, así como haber cursado y aprobado en la UTEC las

correspondientes al plan de estudios vigente, cabe mencionar que los

estudiantes de carreras técnicas cursaran un mínimo de treinta y dos unidades

valorativas.

Todo el estudiante que hubiere cumplido con los requisitos de graduación optara

al grado correspondiente a la carrera que haya concluido y podrá obtener el título que lo

acredite como tal, otorgado por las autoridades de la Universidad Tecnológica de El

Salvador. (Utec. instructivo de proceso de graduación.2018).

2.1.3 Modelo de la investigación

Modelo cualitativo.

Es de mucha importancia saber qué es lo que se pretende solucionar con el

desarrollo del sistema para manejo de procesos de graduación de estudiantes de carreras

técnicas debido a esto se toma a bien realizar una entrevista con la persona que se encarga

de llevar este proceso en este caso a uno de los encargados de las carreras técnicas de la

9
Universidad Tecnológica de El Salvador, con el propósito de saber con exactitud como es

el manejo correcto de todo el proceso hasta los errores que se están dando en la actualidad.

2.2 Marco Teórico Conceptual

Definición de los conceptos más importantes de la investigación:

A. XAMPP: es un paquete de software libre, que consiste principalmente en el sistema

de gestión de bases de datos MySQL, el servidor web Apache y los intérpretes para

lenguajes de script PHP y Perl. El nombre es en realidad un acrónimo: X (para

cualquiera de los diferentes sistemas operativos), Apache, MariaDB/MySQL, PHP,

Perl. A partir de la versión 5.6.15, XAMPP cambió la base de datos MySQL por

MariaDB, un fork de MySQL con licencia GPL.

El programa se distribuye con la licencia GNU y actúa como un servidor web libre,

fácil de usar y capaz de interpretar páginas dinámicas. A esta fecha, XAMPP está

disponible para Microsoft Windows, GNU/Linux, Solaris y Mac OS X.

Ilustración 1 Logo Xampp.

B. PHP: acrónimo recursivo en inglés de PHP: Hypertext Preprocessor (preprocesador

de hipertexto), es un lenguaje de programación de propósito general de código del

lado del servidor originalmente diseñado para el desarrollo web de contenido

dinámico.

10
Fue uno de los primeros lenguajes de programación del lado del servidor que se

podían incorporar directamente en un documento HTML en lugar de llamar a un

archivo externo que procese los datos. Fue creado originalmente por Rasmus Lerdorf

en el año 1995.

Ilustración 2 Logo PHP

C. PHPMYADMIN: es una herramienta escrita en PHP con la intención de manejar la

administración de MySQL a través de páginas web, utilizando Internet. Actualmente

puede crear y eliminar Bases de Datos, crear, eliminar y alterar tablas, borrar, editar

y añadir campos, ejecutar cualquier sentencia SQL, administrar claves en campos,

administrar privilegios, exportar datos en varios formatos y está disponible en 72

idiomas. Se encuentra disponible bajo la licencia GPL Versión 2.

Ilustración 3 Logo PHPMYADMIN

D. HTML5: (HyperText Markup Language, versión 5) es la quinta revisión importante

del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes

de sintaxis para HTML: una «clásica», HTML (text/html), conocida como HTML5,

11
y una variante XHTML conocida como sintaxis XHTML5 que deberá servirse con

sintaxis XML (application/xhtml+xml).12 Esta es la primera vez que HTML y

XHTML se han desarrollado en paralelo. La versión definitiva de la quinta revisión

del estándar se publicó en octubre de 2014.

Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se

recomienda al usuario común actualizar su navegador a la versión más nueva, para

poder disfrutar de todo el potencial que provee HTML5.

El desarrollo de este lenguaje de marcado es regulado por el Consorcio W3C.

Ilustración 4 Logo HTML5


E. CSS: (siglas en inglés de Cascading Style Sheets), en español "Hojas de estilo en

cascada", es un lenguaje de diseño gráfico para definir y crear la presentación de un

documento estructurado escrito en un lenguaje de marcado.2 Es muy usado para

establecer el diseño visual de los documentos web, e interfaces de usuario escritas en

HTML o XHTML; el lenguaje puede ser aplicado a cualquier documento XML,

incluyendo XHTML, SVG, XUL, RSS, etcétera. También permite aplicar estilos no

visuales, como las hojas de estilo auditivas.

12
Junto con HTML y JavaScript, CSS es una tecnología usada por muchos sitios web

para crear páginas visualmente atractivas, interfaces de usuario para aplicaciones web

y GUIs para muchas aplicaciones móviles (como Firefox OS).

Ilustración 5 Logo CSS3


F. Bootstrap: es una biblioteca multiplataforma o conjunto de herramientas de código

abierto para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con

tipografía, formularios, botones, cuadros, menús de navegación y otros elementos de

diseño basado en HTML y CSS, así como extensiones de JavaScript adicionales. A

diferencia de muchos frameworks web, solo se ocupa del desarrollo front-end.

Bootstrap es el segundo proyecto más destacado en GitHub y es usado por la NASA

y la MSNBC entre otras organizaciones.

Ilustración 6 Logo Bootstrap


G. Framework: entorno de trabajo o marco de trabajo es un conjunto estandarizado de

conceptos, prácticas y criterios para enfocar un tipo de problemática particular que

sirve como referencia, para enfrentar y resolver nuevos problemas de índole similar.

13
Representa una arquitectura de software que modela las relaciones generales de las

entidades del dominio, y provee una estructura y una especial metodología de trabajo,

la cual extiende o utiliza las aplicaciones del dominio.

Ilustración 7 Logo Framework


H. JavaScript (abreviado comúnmente JS): es un lenguaje de programación

interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos,

basado en prototipos, imperativo, débilmente tipado y dinámico.

Se utiliza principalmente en su forma del lado del cliente (client-side), implementado

como parte de un navegador web permitiendo mejoras en la interfaz de usuario y

páginas web dinámicas, aunque existe una forma de JavaScript del lado del servidor

(Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por

ejemplo, en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets)

es también significativo.

Ilustración 8 Logo JavaScript

14
2.3 Documentación Técnica

Se construirá una plataforma de integración técnica a través del sistema de proceso

de graduación para alumnos de carreras técnicas entre coordinador de la escuela de

Informática para hacer más ágil y eficiente el proceso.

El sistema de proceso de graduación de alumnos de carreras técnicas se creará con

la finalidad de automatizar el proceso de graduación. El sistema será elaborado usando

diferentes lenguajes tales como HTML5, PHP, CSS3, JS y bootstrap para tener un mejor

rendimiento para el usuario.

Para hacer uso del sistema el usuario tendrá que tener acceso a un navegador web para

poder abrir la aplicación; dicha aplicación habrá tres usuarios los cuales son:

• Super Administrador: este usuario se puede decir que tendrá el acceso total a la

aplicación y sus diferentes funciones.

• TecnicoSoftware: este usuario podrá insertar datos a la aplicación, modificar datos,

consultar los datos, enviar mensajes y hacer reportes.

• TecnicoHardware: este usuario podrá insertar datos a la aplicación, modificar datos,

consultar los datos, enviar mensajes y hacer reportes.

• TecnicoRedes: este usuario podrá insertar datos a la aplicación, modificar datos,

consultar los datos, enviar mensajes y hacer reportes.

15
2.4 Esquemas de los Distintos Usuarios

• Esquema de usuario Tipo Super administrador.

Ilustración 9 esquema tipo Super Admin


• Esquema de usuario Tipo Técnico Software.

Ilustración 10 esquema tipo Técnico Software

16
• Esquema de usuario Tipo Técnico Hardware.

Ilustración 11 esquema tipo Técnico Hardware

• Esquema de usuario Tipo Técnico Redes.

Ilustración 11 esquema tipo Técnico Redes

17
2.5 Diagrama de Base de Datos

Ilustración 12 Diagrama Entidad Relación de la base de datos implementada en este proyecto.


En la ilustración 12 muestra cada campo, tabla y relaciones entre ellas; del diagrama

entidad relación de la base de datos a utilizar en el sistema para la administración de

estudiantes de técnico en ingeniería de software que se someten al proceso de graduación.

18
2.5.1 Diccionario de datos

Tabla 1
Usuario
Usuarios
Campo Tipo Tamaño Llave Descripción
codusu entero Primaria Código único para identificar al usuario.
correo cadena 50 Campo para almacenara el correo del usuario.
Clave cadena 20 Campo que almacena la contraseña del
usuario.
nombre cadena 50 Campo que almacena el nombre del usuario.
apellido cadena 50 Campo que almacena el nombre del usuario.
fecharegistro fecha Campo que almacena la fecha de registro del
usuario.
codrol entero Foránea Campo para almacenar el rol del usuario
Almacena todos los usuarios que han sido registrados.

Tabla 2
Roles
Roles
Campos Tipo Tamaño Llave Descripción
codrol entero Primaria Código único para identificar al rol.
nombre cadena 50 Campo para almacenara el nombre del rol.
Tabla que almacena los diferentes tipos de rol de los usuarios.

Tabla 3
Carreras
Carreras
Campos Tipo Tamaño Llave Descripción
codcarr entero Primaria Código único para identificar la carrera.
nombre cadena 250 Campo que almacena el nombre de carrera.
codfacul entero Foránea Campo que almacena el código de facultad
Tabla que almacena las Carreras Técnicas.

Tabla 4
Facutades
Facultad
Campos Tipo Tamaño Llave Descripción
codfacul entero Primaria Código único para identificar la carrera.
nombrefacul cadena 250 Campo que almacena el nombre de carrera.
decano entero Foránea Campo que almacena el código de facultad
Tabla que almacena las facultades.

19
Tabla 5
Jurados
Jurado
Campo Tipo Tamaño Llave Descripción
codjur entero 11 Primaria Código único para identificar al jurado.
titulo cadena 150 Campo que almacena el titulo del jurado
nombre cadena 200 Campo que almacena el nombre del jurado

apellido cadena 200 Campo que almacena el apellido del jurado

nombreproyecto cadena 250 Campo que almacena el nombre del


proyecto el cual evaluó.
cargo cadena 100 Campo que almacena el cargo que
desempeño durante la evaluación.
ciclo cadena 2 Campo que almacena el ciclo de año del
jurado.
anio entero Campo que almacena el año.
codcarre entero Foránea Campo que almacena el nombre de la
carrera.
estado booleano Campo que almacena el estado del jurado.
. Tabla que almacena los jurados

Tabla 6
Grupos Alumnos
Grupos_Alumnos
Campo Tipo Tamaño Llave Descripción
codproyec entero Primaria Código único para identificar a la facultad.
carnet cadena 12 Campo que almacena el carnet del estudiante.
nota decimal 8,2 Campo que almacenara la nota del estudiante.
ciclo cadena 2 Campo que almacena el ciclo de año del
alumno.
anio entero Campo que almacena el año.
codcarre entero Foránea Campo que almacena el nombre de la carrera.
. Tabla que almacena las diferentes facultades.
Tabla 7
Cargo de los Jurados.
cargojurado
Campo Tipo Tamaño Llave Descripción
codcargo entero Primaria Código único para identificar al cargo del
jurado.
nombrecargo cadena 50 Campo que almacena el nombre del cargo del
jurado.
descripción cadena 50 Campo que almacena la descripción del cargo
del jurado.
. Tabla que almacena los diferentes cargos de los jurados.

20
Tabla 8
Empleados
Empleado
Campo Tipo Tamaño Llave Descripción
codemp entero Primaria Código único para identificar al empleado.
titulo cadena 50 Campo que almacena el título del empleado.
nombre cadena 50 Campo que almacena el nombre del empleado.
apellido cadena 50 Campo que almacena apellido del empleado.
tipo cadena 50 Campo que almacena el estado del jurado.
codcarrera int Foránea Campo que almacena el código de carrera.
. Tabla que almacena los datos de los empleados.

Tabla 9
Alumnos
Alumnos
Campo Tipo Tamaño Llave Descripción
carnet cadena 12 Primaria Código único para identificar al alumno.
nombre cadena 50 Campo que almacena el nombre del alumno.
apellido cadena 50 Campo que almacena apellido del alumno.
correo cadena 50 Campo que almacena el correo del alumno.
teléfono entero Campo que almacena el teléfono del alumno.
codcarrera entero Foránea Campo que almacena el código de carrera.
fecharegistro fecha Campo que almacena el registro del alumno
estado booleano Campo que almacena el estado de actividad
del alumno.
. Tabla que almacena los datos de los alumnos.
Tabla 10
Proyectos
Proyecto
Campo Tipo Tamaño Llave Descripción
codproyecto entero Primaria Código único para identificar al proyecto.
nombre cadena 50 Campo que almacena el nombre del
proyecto.
ciclo cadena 2 Campo que almacena el ciclo de año del
proyecto.
anio entero Campo que almacena el año.
fecharegistro fecha Campo que almacena el registro del proyecto
idase int Foránea Campo que almacena el código de asesor.
codcarrera entero Foránea Campo que almacena el código de carrera.
. Tabla que almacena los datos de los proyectos.

21
Tabla 11
Grupos Jurados
Grupo_jurados
Campo Tipo Tamaño Llave Descripción
codproyecto entero 11 Foránea Código único para identificar al proyecto.
codjur entero 11 Foránea Código único para identificar al jurado.
cargo cadena 50 Campo que almacena el cargo del jurado.
ciclo cadena 2 Campo que almacena el ciclo de año del
jurado.
anio entero Campo que almacena el año.
codcarrera int Foránea Campo que almacena el código de carrera.
. Tabla que almacena los datos de los grupos de los jurados.

Tabla 12
Asesores
Asesores
Campo Tipo Tamaño Llave Descripción
codasesor entero 11 Primaria Código único para identificar al asesor.
titulo cadena 150 Campo que almacena el titulo del asesor
nombre cadena 50 Campo que almacena el nombre del asesor.
apellido cadena 50 Campo que almacena apellido del asesor.
nombreproyecto cadena 250 Campo que almacena el nombre del
proyecto.
ciclo cadena 2 Campo que almacena el ciclo de año del
asesor.
anio entero Campo que almacena el año.
codcarrera entero Foránea Campo que almacena el código de carrera.
. Tabla que almacena los datos de los asesores.
Tabla 13
Alumnos Retirados
Alumno_Retiro
Campo Tipo Tamaño Llave Descripción
codproyecto entero Foránea Código único para identificar al proyecto.
carnet cadena 12 Foránea Código único para identificar al alumno.
nota decimal 8,2 Campo que almacenara la nota del alumno.
ciclo cadena 50 Campo que almacena el ciclo de año del
alumno.
anio entero Campo que almacena el año.
codcarrera entero Foránea Campo que almacena el código de carrera.
motivo cadena 200 Campo que almacena el motivo de retiro.
. Tabla que almacena los datos de los proyectos.

22
2.6 Prototipos de la Interfaz

1. Pantalla de acceso al sistema

Ilustración 13 Inicio del Sistema

2. Formulario de acceso al sistema para introducir usuario y contraseña. En la cual el

sistema verificara y dará autorización según el usuario que se ingrese al sistema.

Ilustración 14 Login.

23
3. Menú principal del sistema: acceso depende de los privilegios de cada usuario así

se les mostrara el menú por el privilegio otorgado por un administrador.

Ilustración 15 Menú Principal.

4. Formulario de perfil de usuario registrado: Mostrará datos personas del usuario,

así como su contraseña que el usuario desee colocar y podrá modificar sus datos

personales.

Ilustración 16 Formulario de perfil de Usuario.

24
5. Mantenimiento para la creación de Alumnos Administrador: En el cual se

insertará, se modificará y se eliminará los datos del alumno.

Ilustración 17 Mantenimiento de Alumnos.

6. Formulario para la inserción de datos del alumno.

Ilustración 18 Formulario de Agregar Alumnos.

25
7. Formulario para la modificación de datos del alumno.

Ilustración 19 Formulario de Modificar.

8. Formulario de información general: Se mostrará la información relevante del

alumno y los datos relacionados con los procesos que llevará.

Ilustración 20 Formulario de Información.

26
Capitulo III Metodología

3.1 Método de Prototipado Rápido (Rapid Prototyping)

Es de mucha importancia saber qué es lo que se pretende solucionar con el desarrollo del

sistema, por ende, se toma a bien realizar una entrevista con la persona encargada de llevar

el proceso de actividades académicas, ya que él sabe con exactitud cómo se lleva a cabo

el proceso para el registro de las actividades académicas.

También cabe resaltar que también es la persona a la cual le surgen algunos

inconvenientes que son los que nosotros nos interesa tratar la manera de erradicar,

haciéndole más fácil la tarea de llevar un registro del proceso académico que el sistema

realizará.

Por la utilización de la entrevista con el usuario clave, el modelo que se utilizará

será el Método de Prototipado Rápido, siendo este el que abarca este instrumento de

recolección de información que se planea usar para obtener el conocimiento necesario ya

que con ella se va elaborando los prototipos de los registros con lleva presentarlos al

encargado de dicha tarea de elaboración de registro de proceso de graduación académica.

3.1.1 Participante.

Puesto que el método está enfocado solo a una persona (Encargado o cliente),

Seleccionamos al encargado de la elaboración del registro de actividades del proceso de

graduación ya que él tiene mucha experiencia por lo que se quiere y espera obtener

cubriendo muchos requisitos del sistema.

27
3.1.2 Método.

El método que se implementara en la investigación es el de prototipado rápido el

cual está basado en la creación constante de prototipos los cuales el cliente o encargado

los vera y pedirá cambios contantes lo cual esto va mostrando resultados constantes del

sistema de información y a su vez se va recolectando requerimientos e información del

sistema a su vez se irán modificando los prototipos realizados haciendo mejoras hasta

llegar a su etapa final que será un prototipo que se irá viendo y mejorando conforme el

encargado diga se van realizando constantemente.

3.1.3 Instrumento.

El instrumento utilizado es la encuesta ya que se le harán unas preguntas al

encargado para así recabar más información importante la cual ayudara a formar y mejorar

el prototipo a presentar.

3.1.4 Procedimientos.

Los pasos que se siguieron fueron repetitivos ya que con el método empleado es

un número de pasos indefinido ya que con cada paso resulta uno nuevo ya sea volver al

anterior o avanzar con el siguiente paso y tratando siempre de cumplir la meta establecida

según el requerimiento del cliente o encargado.

Algunos de los pasos empleados fueron los siguientes.

1. Investigación Preliminar: Se define el problema sus efectos que esta causa para la

funcionabilidad del sistema.

28
2. Análisis y Especificación: Se construye un prototipo con lo investigado

anteriormente, aunque este sea básico, pero cubriendo algunos puntos destacados.

3. Diseño y Construcción: En este paso se construye un prototipo ya inicial

cumpliendo más requerimientos que el encargado nos ha brindo para su

elaboración.

4. Evaluación: Se verifica que el prototipo cumpla con los requerimientos y que las

deficiencias que tiene el sistema sean resueltas y a su vez hacer todo un poco más

fácil al usuario o encargado. También esta etapa esta propensa a recaudar nuevas

ideas y requerimientos.

5. Modificación: En este paso se modifica el prototipo haciéndolo que cumpla con

los requerimientos nuevos y los ya planteados anteriormente. Este paso con lleva

nuevamente al paso 4.

6. Diseño Técnico: En este paso se hace un diseño detallado se rediseña el prototipo

principal y se reorganiza la documentación para la programación y mantenimiento

del sistema a realizar.

7. Programación y prueba: Las implementaciones son implementadas juntas a las que

fueron surgiendo y estas son probadas a su vez.

8. Operación y mantenimiento: Instalación final del sistema y todas sus

modificaciones.

29
3.2 Estrategia de Análisis de Datos

Los datos recabados en los pasos seguidos fueron analizados conforme el prototipo
cambiaba y las mejoras que se efectuaban ya que cada vez que el cliente o encargado
verificaba el prototipo nueva información se adquiría y a su vez requerimientos hasta el
prototipo final que ya sería el producto final.
3.3 Pasos de la Metodología Implementada

Definición del problema y sus efectos organizacionales.


Investigación Estudio de Factibilidad.
Prelimina

r Análisis Y
Especificación Diseño Básico del Prototipo
Especificación de Requerimientos

Diseño Y
Prototipado.

Construccion Prototipo Inicial


Construcción
y

Evaluación Verificación y Requerimientos

Modificación Modificacion del Prototipo

Diseño Diseño detallado, rediseño del prototipo y


Técnico documentación para programación y mantenimiento.

Programación Las especificaciones del diseño técnico son


y Prueba implementadas y probadas.

Operación y
Mantenimiento Instalacion del sistema y modificaciones posteriores.

30
3.4 Ciclo de Vida del Sistema

DEFINICION DEL PROBLEMA

Análisis del Sistema DESARROLLO DE PROTOTIPO

Análisis de Prototipo Diseño


Construcción

Si
¿Nuevos Requisitos?
CICLO PROTOTIPADO

No

Modelo de Desarrollo

DESARROLLO SISTEMA

31
Capítulo IV Análisis de Resultado

4.1 Resultados

Los resultados fueron los que se esperaban ya que el sistema optimizara el tiempo

de lo que antes se hacía manual ahora ya estará sistematizado así a su vez ahorrando en

gran medida el tiempo que tomaba realizar las actividades ya que se van añadiendo

funciones y diseño nuevo por la ayuda del método que se llama prototipado rápido se

fueron cambiando acciones y mejorando algunas, para que el usuario interactúe con el

sistema.

El proyecto brindara el beneficio de que todo este mecanizado para que el usuario

agregue los datos fácilmente en el sistema, dando un mayor acceso a los datos y facilitando

la verificación del sistema para la administración de estudiantes de técnico en ingenieria

de software que se someterán al proceso de graduación.

También para el encargado de realizar dichos procesos le será menos atareado

porque todo estará en un solo formato estándar ya no habrá atrasos de tiempo trascribiendo

todo y organizarlo dando así el resultado esperado y teniendo en cuenta todo lo necesario

para que esta aplicación sea de gran utilidad Para la Universidad Tecnológica de El

Salvador y en el proceso de graduación en futuras generaciones.

Para poder implementar el sistema de procesos de graduación de estudiantes de carreras

técnicas, En la escuela de informática de la Universidad Tecnológica de El Salvador.

Se coordinará junto con el Asesor de proyecto y el encargado de proceso de graduación

de la escuela de informática para poder implementar el sistema web.

32
4.2 Pantallas del Resultado del Método

Aquí se mostrarán algunas pantallas de sistema como resultado esperado. La

primara pantalla que encontraremos en nuestro portal es la pantalla de bienvenida donde

estará al lado superior derecha el botón del inicio de sesión, el cual sólo pueden ingresar

las personas autorizadas para la realización de una activa u obtener los resultados de las

actividades realizadas, en un determinado tiempo.

Ilustración 21 Pantalla de Bienvenida.

Ilustración 22 Formulario de Ingreso al Sistema.

33
Al ingresar con las credenciales ya previamente obtenidas por los administrados

accedemos al portal donde podemos observar una interface muy práctica para la consulta

y realización de las actividades.

Ilustración 23 Menú Principal Opción Grupos.


Al seleccionar sobre la opción de grupos este nos redirección hacia otra interfaz donde

están el detalle para la realización de creación de grupos, esta interfaz nos muestra los

detalles de los grupos asociados a los diferentes proyectos.

Ilustración 24 Interfaz de Grupos.

34
Al seleccionar sobre la opción de agregar grupo este nos redirección hacia otra

interfaz donde están los campos que deberemos de llenar para la realización de la actividad

desea, esta interfaz nos pide la selección del proyecto, los números de carnet de los

alumnos que integraran el grupo, el ciclo, el año y el número de grupo.

Ilustración 25 Formulario de Registro de Grupos.


Al seleccionar sobre la opción de detalle nos mostrará el detalle completo sobre el grupo

asociado al proyecto

Ilustración 26 Formulario de Detalle de Grupos.

35
Si seleccionamos el editar perfil este tendrá la opción de editar su información y puede

cambiar la información cuantas veces lo desee el usuario.

Ilustración 27 Menú Principal del Usuario Opción Editar Perfil.


Tiene la opción de editar su perfil el cual se visualiza en un formulario modal con la

información cargada del usuario en los campos él puede realizar los cambios deseados.

Ilustración 28 Formulario Para Editar Perfil.

36
Al realizar las modificaciones deseas seleccionar la opción guardar cambios.

Ilustración 29 Formulario Modal Para Editar Perfil.


El sistema le mandará un mensaje que sus datos han sido actualizados.

Ilustración 30 Mensaje de Alerta Actualizar.

37
Al seleccionar la opción de docentes esta nos llevará a otra interfaz en la cual nos mostrará

el listado de los docentes.

Ilustración 31 Menú Principal del Usuario Opción Docentes.


En esta interfaz muestra el detalle para la realización del registro de los docentes.

Ilustración 32 Interfaz de Docentes.

38
Al seleccionar sobre la opción de agregar docente este visualizará una interfaz donde

están los campos que deberemos de llenar para la realización de la actividad desea, esta

interfaz nos pide el nombre, el apellido, titulo y el tipo de docente.

Ilustración 33 Formulario Para Agregar Docente.


El sistema le mandará un mensaje que sus datos han sido Guardados.

Ilustración 34 Modal de Mensaje de Alerta Guardar.

39
Capítulo V Conclusiones

5.1 Conclusión

La identificación de los problemas permitió poder dimensionar adecuadamente la

situación problemática en la cual se encuentra la Escuela de Informática para llevar el

proceso de graduación de los estudiantes de Carreras Técnicas.

Diseñar los diferentes componentes del sistema facilita en gran medida el proceso

de elaboración de un sistema de información con la aceptación de parte del usuario ya que

esta interactuando periódicamente.

Durante el desarrollo del prototipo se necesita que la calidad del producto este

siempre presente por lo que fueron vitales para que este proyecto llegara a feliz término

según lo propuesto inicialmente.

En todo proceso de implementación de software la evaluación de las capacidades

del hardware y de la operatividad del software determinan la calidad del producto y su

operatividad para el usuario final.

Llegamos a un feliz término de este proyecto llenando todas las expectativas

planteadas en nuestros objetivos debido a la facilidad de acceso a la información para

levantar los requerimientos del sistema, la metodología implementada, el buen diseño del

prototipo del sistema y elaboración del software.

40
5.2 Recomendaciones

• Se recomienda implementar el software en la brevedad posible para gozar los

beneficios que este ofrece.

• Verificar que el sistema en que sea implementado, el software este óptimo para el

funcionamiento esperado y que todas las herramientas estén bien adecuadas al

usuario.

• Tomar en cuenta el ciclo de vida de los sistemas de software en general para futuras

mejoras de este sistema creado.

• Capacitar a las personas involucradas para que haya un mejor manejo en el sistema

de Proceso de graduación de estudiantes de carreras técnicas de la Universidad

Tecnológica de El salvador.

• Validar los resultados para así poder evaluar el sistema y verificar si hay problemas

existentes en el sistema.

• Verificar información antes de almacenarla para que a la hora de generar los

reportes del sistema nos brinden datos correctos.

41
Referencias

Kendall, K. E. y Kendall, J. E. (2011). Análisis y diseño de sistemas (8ª ed.). México

D. F., México: Pearson Educación.

Pérez López, J. A. y Ribas, L. (2004). Introducción al desarrollo de software. Recuperado

de http://softlibre.unizar.es/manuales/softwarelibre/919.pdf

Pressman, R. S. (2010). Ingeniería del software: Un enfoque práctico (7ª ed.). México D.

F., México: McGraw-Hill.

Sommerville, I. (2005). Ingeniería del software (7ª ed.). Madrid, España: Pearson

Educación.

42
Anexos

Glosario Técnico

1. Arquitectura 32 Bits y 64 Bits: Se utiliza para hacer referencia a las arquitecturas del

CPU, basadas en registros, bus de direcciones o bus de datos de un ancho de 32 o 64 bits.

2. Apache: Es un servidor web HTTP de código abierto.

3. Arquitectura de Sistema Operativo: Es el conjunto de instrucciones en las cuales

incluye los modos de direccionamiento, registro y formatos de direcciones y datos

aportados por el procesador.

4. Arquitectura de software: es un conjunto de patrones que proporcionan un marco de

referencia necesario para guiar la construcción de un software permitiendo a los

programadores, analistas y todo el conjunto de desarrolladores del software compartir una

misma línea de trabajo y cubrir todos los objetivos y restricciones de la aplicación.

5. Base de Datos: Son los bancos de información que contienen datos relativos a diversas

temáticas u orígenes, y categorizados de distinta manera, pero que comparten entre si

algún tipo de vínculo o relación que busca ordenarlos y clasificarlos en conjunto.

6. Disco Duro: En informática, es un dispositivo de almacenamiento de datos no volátiles.

7. Hardware: Se refiere a las partes físicas tangibles de un sistema informático.

8. IDE: (Integrated Development Environment), En inglés es una aplicación informática

que proporciona servicios Integrales para facilitar al desarrollador o programador el

desarrollo de software, es decir es una ayuda casi siempre visual.

43
9. MySQL: Es un sistema de gestión de bases de datos relacionales, está considerado

como el gestor de base de datos opensource más popular del mundo.

10. Open Source: (Código abierto) es el término con el que se conoce al software

distribuido y desarrollado libremente.

11. PHP: (Hypertext Pre-Precessor), es un lenguaje de programación de uso general de

código del servidor, principalmente diseñado para el manejo de contenido dinámico en el

ambiente web.

12. RAM: Es el acrónimo del concepto en inglés Random Acces Memory (Memoria de

Acceso Aleatorio), es utilizada para recibir instrucciones y guardar resultados.

13. Reportes: En muchos tipos de trabajo es necesario que el jefe o supervisor sepan

cuáles actividades fueron realizadas durante el año/mes por sus subordinados, por lo que

se requiere de un reporte.

14. Contraseña: Código secreto que se introduce en una máquina para poder accionar un

mecanismo o para acceder a ciertas funciones informáticas.

15. Estandarización: proceso mediante el cual se realiza una actividad de manera

previamente establecida.

16. Requerimientos: Son las características que se recolectan para poder definir las

necesidades que se tienen, y con base en estos se puede determinar cuál es la problemática

que se erradicar con el desarrollo del sistema.

17. Servidor Web: Servidor Web o Servidor HTTP, es un programa informático que

procesa una aplicación del lado del servidor.

44
18. Sistema Informático Web: Es el conjunto de partes debidamente organizadas que

interactúan entre sí para lograr un objetivo común, y en nuestro caso orientado al ambiente

web.

A.1 Manual de Usuario

El presente manual tiene como finalidad ser una guía básica de operación del

sistema, permitiendo al lector del mismo adquirir las destrezas y conocimientos

indispensables para una operación adecuada del sistema, y ser una herramienta de consulta

de primera mano a la cual puede recurrir el usuario en cualquier momento.

Se pretende dar una idea mas detallada de los alcances y ventajas del sistema, que

permite llevar la administración del proceso de graduación en tiempos mínimos; mediante

la optimización de los recursos involucrados en el proceso.

✓ Conocimientos necesarios.

➢ Conocer previamente el funcionamiento de un computador.

➢ La configuración de la red, para saber determinar el desempeño del

sistema con otros sistemas existente.

➢ El sistema operativo o sistema básico con el cual se ejecuta la aplicación.

➢ Los principios básicos de administración y manejo de inventarios.

Otras habilidades inherentes a su destreza y agilidad para sacar mayor ventaja de

la información que se encuentra en la base de datos que maneja el sistema.

45
Introducción.

El aplicativo web es un sistema para la administración de estudiantes de tecnico en

ingenieria de software que se someten al proceso de graduación que permite al

coordinador realizar el almacenamiento y la consulta de los datos registrados. El principal

objetivo es poder mostrar la información obtenida de manera clara e intuitiva.

A.2 Instalar XAMPP en Windows

instalar XAMPP en una computadora con Windows 10 u otra versión de windows.

XAMPP es un administrador de servidor que le permite ejecutar Apache, MySQL y demás

tipos de servidores desde el mismo tablero.

Mucha gente conoce de primera mano que no es fácil instalar un servidor de web Apache

y la tarea se complica si le añadimos MariaDB, PHP y Perl. El objetivo de XAMPP es

crear una distribución fácil de instalar para desarrolladores que se están iniciando en el

mundo de Apache. XAMPP viene configurado por defecto con todas las opciones

activadas. XAMPP es gratuito tanto para usos comerciales como no comerciales. En caso

de usar XAMPP comercialmente, asegúrece de que cumple con las licencias de los

productos incluidos en XAMPP. Actualmente XAMPP tiene instaladores para Windows,

Linux y OS X.

46
Abra el sitio web de XAMPP. Entre a https://www.apachefriends.org/index.html en el

navegador de su computadora.

Haga clic en XAMPP para Windows . Es un botón gris que se encuentra casi al final de la

página.

• Dependiendo del navegador, es probable que primero se necesite seleccionar dónde

descargar el archivo o necesite verificar la descarga.

47
Haga doble clic en el archivo descargado. Este archivo debe tener como nombre xampp-

win32-7.2.4-0-VC15-installer o algo parecido.

48
Haga clic en Sí cuando aparezca. Esto abrirá la ventana de configuración de XAMPP.

Es probable que necesite hacer clic en Aceptar en la advertencia si tienes la función

UAC (control de cuentas de usuario) en la computadora.

Haga clic en Siguiente. Se encuentra al final de la ventana de configuración.

Selecciona las funciones de XAMPP que quiere instalar. Revise la lista de atributos de

XAMPP a la izquierda de la ventana; si ve un atributo que no quiere instalar como parte

de XAMPP, desmárquelo.

De forma predeterminada, todos los atributos están incluidos con la instalación de

XAMPP.

Haga clic en Siguiente. Se encuentra al final de la ventana.

49
Seleccione una ubicación dónde instalar XAMPP. Haga clic en el icono en forma de

carpeta a la derecha del destino actual de instalación y después haga clic en una carpeta

de su computadora.

• Si activaste la función UAC en su computadora, evita instalar XAMPP en la carpeta del

disco duro (por ejemplo; SO (C:)).

• Puede seleccionar una carpeta (por ejemplo, Escritorio) y después hacer clic en Crear

carpeta nueva para crear una carpeta nueva y seleccionarla como destino de instalación.

Haga clic en Siguiente. Lo encontrará al final de la página.

50
Desmarque la opción de "Aprender más sobre Bitnami" y después haga clic

en Siguiente . La casilla de "Aprender más sobre Bitnami" se encuentra a la mitad de la

página.

Empiece a instalar XAMPP. Haga clic en Siguiente en la parte inferior de la ventana

para instalarlo. XAMPP empezará a instalar sus archivos en la carpeta que selecciono.

Haga clic en Terminar cuando aparezca. Se encuentra al final de la ventana de

XAMPP. Hacer esto cerrará la ventana y abrirá el Panel de control de XAMPP, desde el

cual podrás acceder a sus servidores.

51
Seleccione un idioma. Marque la casilla a lado de la bandera americana si quiere inglés

o la casilla a lado de la bandera alemana si quiere alemán.

Haga clic en Guardar. Esto abrirá la página principal del Panel de control.

52
A.3 Configuración Para Servicio de Correo Electrónico en XAMPP

1. Como primer paso se debe tener una cuenta de correo electrónico lista, para poder ser

utilizada como remitente por XAMPP.

En este caso utilizamos una cuenta de Gmail común.

• utecserver2019@gmail.com

2. Procederemos a abrir XAMPP, para hacer configuraciones sobre PHP en el archivo

php.ini, que puede ser localizado desde la siguiente interfaz en XAMPP o desde esta

dirección: C:\xampp\php\php.ini

53
3. Dentro del archivo php.ini buscaremos la parte llamada “[mail function]”, donde

veremos su configuración por defecto.

• Sustituiremos la palabra localhost de SMTP(Simple Mail Transference Protocol)

y colocaremos el protocolo de Gmail para este caso: smtp.gmail.com, y el puerto

predeterminado por Gmail: 587, quedando de la siguiente manera.

• Ahora en la siguiente parte deberemos colocar el correo electrónico que hayamos

designado para ser remitente en el sistema, quitamos el punto y coma de la línea

sendmail_from, quedando de la siguiente forma.

54
• En la siguiente parte podremos apreciar una línea que dice: sendmail_path

quitamos el punto y coma para que sea tomada en cuenta, donde puede que ya haya

una dirección definida por defecto, si ese fuera el caso podemos omitir este punto

si no deberemos completarla con esta dirección:

"\"C:\xampp\sendmail\sendmail.exe\" -t" que hace referencia a la aplicación

sendmail.exe de php, quedando de la siguiente forma.

• Luego podremos observar una línea que dice: mail.add_x_header que pondrá On

por defecto, deberemos colocarlo como Off, quedando de la siguiente forma.

4. Ahora deberemos ubicar el archivo sendmail.ini que solo es accesible desde esta

dirección: C:\xampp\sendmail\sendmail.ini

55
• Dentro del archivo debemos ubicar la parte “[sendmail]”, donde de igual forma

deberemos colocar el protocolo SMTP y el puerto para Gmail en este caso,

quedando de la siguiente forma:

• Luego debemos colocar el protocolo de seguridad que garantice que nuestros datos

viajaran de forma segura en internet, en este caso utilizaremos el protocolo TLS.

• El siguiente es un punto opcional, solamente para tener un registro de errores, para

lo cual debemos quitar el punto y coma de la línea: log smtp errors to error.log

(defaults to same directory as sendmail.exe), quedando de la siguiente forma;

56
• Luego se debe colocar el correo electrónico designado para ser remitente junto con

su contraseña en las líneas auth_username y auth_password, quedando de la

siguiente forma.

• Por último, colocamos otra vez el correo electrónico en la línea force_sender, para

que el servidor haga lo necesario para que el correo pueda ser enviado, quedando

de la siguiente forma.

57
A.4 Configuración de Acceso por Red en Xampp

Normalmente cuando trabajamos por xampp, es necesario probar los sitios web que

realizamos por otros dispositivos de red, incluyendo celulares y tablets; y por defecto este

acceso lo tiene bloqueado (Por seguridad), y aunque es una configuración recomendada,

ya que cualquiera en la red podría fisgonear en nuestras cosas, así que puedes habilitar

este acceso cuando te convenga.

1. Primero deberemos abrir el archivo http-xampp.conf (por defecto lo abrirá con el blog

de notas).

58
2. Cuando se habrá el archivo http-xampp.conf en el block de notas situarce hasta el final

del documento.

3. y se escribirá el siguiente código luego guardamos y cerramos

#
# New XAMPP security concept
#
# Close XAMPP security section here
<LocationMatch “^/(?i:(?:security))”>
Order deny,allow
#Deny from all
#Allow from ::1 127.0.0.0/8
Allow from all
ErrorDocument 403 /error/HTTP_XAMPP_FORBIDDEN.html.var
</LocationMatch>
# Close XAMPP sites here
<LocationMatch “^/(?i:(?:xampp|licenses|phpmyadmin|webalizer|server-status|server-
info))”>
Order deny,allow
#Deny from all
#Allow from ::1 127.0.0.0/8
Allow from all
ErrorDocument 403 /error/HTTP_XAMPP_FORBIDDEN.html.var
</LocationMatch>

59
lo cual nos quedaría asi el documento.

4. Nuevamente nos vamos a XAMPP en el botón conf y abrimos el archivo httpd.conf

60
5. Cuando el archivo httpd.conf se habrá ubicamos la variable listen que por defecto

viene configurada con una dirección ip

La cua se cambiara a 0.0.0.0:80 quedando asi

61
Con lo cual procederemos a guardar el documento y cerrarlo solo quedará detener los

servicios que estén iniciados del XAMPP que será el apache y nuevamente volverlos a

iniciar.

6. La dirección para acceder desde un dispositivo de red debemos saber la IP del pc en

la que tenemos instalado el XAMPP; esto lo hacemos escribiendo ipconfig desde el

CMD de windows.

En este caso la IP es 192.168.1.37. Si se guardó la página en la carpeta

D:\xampp\htdocs\pagina , en algún navegador conectado a la red se tendrá que escribir

http://192.168.1.37/pagina/ y con esto queda XAMPP configurado para compartir

cualquier página en diferentes Pc, dispositivos que estén conectados en la misma red.

62
A.5 Pantalla de Bienvenida e Iniciar Sesión.

Para ingresar al sistema tiene que digitar la siguiente dirección

http://localhost/sistemaTesis asegurarse que los servicios de XAMPP estén activados

cuando entre a la dirección se le mostrara la pantalla de bienvenida donde en la parte

superior derecha estará el botón de inicio de sesión donde le solicitara usuario y

contraseña.

Campo Usuario: En este campo se digitará el usuario que está registrado en el sistema.

Campo Contraseña: En este campo el usuario debe digitar la contraseña que le ha sido

asignada.

63
Link se le olvido la contraseña: En este link será redirigido a un formulario donde le

pedirá su correo electrónico asignado a su cuenta.

Botón Ingresar: Este botón se debe seleccionar cuando ya esté el usuario y la contraseña

correcta de no ser correcta se mostrará un mensaje de error.

Pantalla de recuperación de contraseña.

Esta pantalla se mostrará cliqueando en el link que se muestra en login, en el cual en el

campo donde pedirá el correo asignado a la cuenta si en el caso el correo no esté asignado

a la cuenta este mostrará un mensaje de alerta dejando en claro que no cualquier correo

puede ingresar.

64
A.6 Pantalla Principal

Es la pantalla principal del sistema donde se muestra el menú con todas las opciones que

tiene acceso según su rol en este caso como es administrador se muestran todas las

opciones habilitadas.

A.7 Cierre de Sesión.

En caso de que el usuario desee cerrar el sistema selecciona la opción de cerrar sesión y

automáticamente hace la redirección a la pantalla de login

65
A.8 Usuarios

Al seleccionar la opción de usuarios en el menú de navegación nos muestra la pantalla de

administración de usuario.

• Formulario de inserción de usuarios.

Al seleccionar la opción de agregar nos muestra el formulario de ingresar usuario.

66
• Formulario editar usuario.
Formulario donde se pueden editar los datos de los usuarios del sistema.

• Formulario eliminar usuario.


Formulario donde se puede eliminar un usuario del sistema

67
A.9 Alumnos.

Al seleccionar la opción de Alumnos en el menú de navegación nos muestra la pantalla

de administración de Alumnos.

• Formulario de inserción de alumnos.

Al seleccionar la opción de agregar nos muestra el formulario de ingresar alumno.

• Formulario editar alumnos.

68
• Formulario donde se pueden editar los datos de los alumnos del sistema.

• Formulario eliminar alumno.


Formulario donde se puede eliminar un alumno del sistema

69
A.10 Asesores.

Al seleccionar la opción de Asesores en el menú de navegación nos muestra la pantalla de

administración de Asesores.

La administración de Asesores se administra como registros que serán controlados como

un historial de asesores asignados en los proyectos realizados en los procesos de

graduación.

70
A.11 Docentes.

Al seleccionar la opción de Docentes en el menú de navegación nos muestra la pantalla

de administración de Docentes.

• Formulario de inserción de Docentes.

Al seleccionar la opción de agregar nos muestra el formulario de ingresar Docentes.

• Formulario editar Docentes.

71
• Formulario donde se pueden editar los datos de los Docentes del sistema.

72
A.12 Proyectos.

Al seleccionar la opción de Proyectos en el menú de navegación nos muestra la pantalla

de administración de Proyectos.

• Formulario de inserción de proyectos.

Al seleccionar la opción de agregar nos muestra el formulario de ingresar proyectos.

73
• Formulario de inserción de Asesores de manera rápida para ser asignados en un

proyecto.

Al seleccionar la opción de agregar nos muestra el formulario de ingresar proyectos a la

vez nos muestra una opción con un mensaje que nos notifica que se puede agregar

asesores desde ese formulario para ser utilizados en ese proyecto si no existe el registro.

Al seleccionar Agregar Asesor nos muestra el formulario de inserción de asesor.

74
• Formulario editar Proyectos.
Formulario donde se pueden editar los datos de los Proyectos del sistema.

75
A.13 Grupos.

Al seleccionar la opción de Grupos en el menú de navegación nos muestra la pantalla de

administración de Grupos.

• Formulario de inserción de Grupos.

Al seleccionar la opción de agregar nos muestra un formulario de selección el cual nos

pide seleccionar a que carrera se desea realizar el registro.

76
Una vez seleccionada la carrera se muestra el formulario de inserción de grupo con sus
respectivos datos.

• Formulario editar Grupos.


Formulario donde se pueden editar los datos de los Grupos asignados en el sistema.

77
El formulario de modificar grupos nos muestra la opción de poder registrar un jurado si
en la lista de selección no existe.

Formulario para la inserción de jurado.

78
• Botón de confirmación de datos completados.
En el formulario del modificar grupos tenemos una opción denominada como Completar
colocado en la parte derecha al inferior del formulario, el cual nos permite ejecutar una
acción de llave a todos los registros ya ingresados.
Una vez ejecutado el botón el usuario no puede modificar ni eliminar el grupo ya
colocada la opción de completado.

Nos muestra el mensaje de advertencia que permite asegurarnos de realizar la acción.

79
• Formulario eliminar grupos.
Formulario donde se puede eliminar un grupo del sistema

80
A.14 Jurados.

Al seleccionar la opción de Jurados en el menú de navegación nos muestra la pantalla de

administración de Jurados.

La administración de Jurados se administra como registros que serán controlados como

un historial de jurados asignados en los proyectos realizados en los procesos de

graduación.

81
• Historial de Alumnos Retirados.

Al seleccionar la opción de Historial Alumnos Retirados en el menú de navegación nos

muestra la pantalla del historial de alumnos retirados de los procesos de graduación.

La administración de Alumnos Retirados se administra como registros que serán

controlados como un historial.

82
• Gestión de Reportes.

Al seleccionar la opción de Reportes en el menú de navegación nos muestra la pantalla

del administrar las opciones de reportes a generar para la consulta de sus datos.

Ejemplo de reporte proyectos.

83
A.15 Manejo de Funcionalidad del Sistema Asignado Para los Roles que Controlan

sus Respectivas Carreras.

Alumnos.

Al seleccionar la opción de Alumnos en el menú de navegación nos muestra la pantalla

de administración de Alumnos.

• Formulario de inserción de alumnos.

Al seleccionar la opción de agregar nos muestra el formulario de ingresar alumno.

84
• Formulario editar alumnos.
Formulario donde se pueden editar los datos de los alumnos del sistema.

• Formulario eliminar alumno.


Formulario donde se puede eliminar un alumno del sistema

85
Asesores.

Al seleccionar la opción de Asesores en el menú de navegación nos muestra la pantalla de

administración de Asesores.

La administración de Asesores se administra como registros que serán controlados como

un historial de asesores asignados en los proyectos realizados en los procesos de

graduación.

86
Docentes.

Al seleccionar la opción de Docentes en el menú de navegación nos muestra la pantalla

de administración de Docentes.

• Formulario de inserción de Docentes.

Al seleccionar la opción de agregar nos muestra el formulario de ingresar Docentes.

87
• Formulario editar Docentes.
Formulario donde se pueden editar los datos de los Docentes del sistema.

88
Proyectos.

Al seleccionar la opción de Proyectos en el menú de navegación nos muestra la pantalla

de administración de Proyectos.

• Formulario de inserción de proyectos.

Al seleccionar la opción de agregar nos muestra el formulario de ingresar proyectos.

89
• Formulario de inserción de Asesores de manera rápida para ser asignados en un

proyecto.

Al seleccionar la opción de agregar nos muestra el formulario de ingresar proyectos a la

vez nos muestra una opción con un mensaje que nos notifica que se puede agregar

asesores desde ese formulario para ser utilizados en ese proyecto si no existe el registro.

Al seleccionar AgregarAsesor nos muestra el formulario de inserción de asesor.

90
• Formulario editar Proyectos.
Formulario donde se pueden editar los datos de los Proyectos del sistema.

91
Grupos.

Al seleccionar la opción de Grupos en el menú de navegación nos muestra la pantalla de

administración de Grupos.

• Formulario de inserción de Grupos.

92
• Formulario editar Grupos.
Formulario donde se pueden editar los datos de los Grupos asignados en el sistema.

El formulario de modificar grupos nos muestra la opción de poder registrar un jurado si


en la lista de selección no existe.

93
• Formulario para la inserción de jurado.

• Botón de confirmación de datos completados.


En el formulario del modificar grupos tenemos una opción denominada como Completar
colocado en la parte derecha al inferior del formulario, el cual nos permite ejecutar una
acción de llave a todos los registros ya ingresados.
Una vez ejecutado el botón el usuario no puede modificar ni eliminar el grupo ya
colocada la opción de completado.

94
Nos muestra el mensaje de advertencia que permite asegurarnos de realizar la acción.

• Formulario eliminar grupos.


Formulario donde se puede eliminar un grupo del sistema

95
Jurados.

Al seleccionar la opción de Jurados en el menú de navegación nos muestra la pantalla de

administración de Jurados.

La administración de Jurados se administra como registros que serán controlados como

un historial de jurados asignados en los proyectos realizados en los procesos de

graduación.

96
• Historial de Alumnos Retirados.

Al seleccionar la opción de Historial Alumnos Retirados en el menú de navegación nos

muestra la pantalla del historial de alumnos retirados de los procesos de graduación.

La administración de Alumnos Retirados se administra como registros que serán

controlados como un historial.

97
• Gestión de Reportes.

Al seleccionar la opción de Reportes en el menú de navegación nos muestra la pantalla

del administrar las opciones de reportes a generar para la consulta de sus datos.

Ejemplo de reporte proyectos.

98

También podría gustarte