Tema:: para Optar Al Grado de
Tema:: para Optar Al Grado de
Tema:: para Optar Al Grado de
TEMA:
GRADUACIÓN
SEPTIEMBRE, 2019
RECTOR
VICERRECTOR ACADÉMICO
DECANO
JURADO EXAMINADOR
PRESIDENTE
PRIMER VOCAL
SEGUNDO VOCAL
SEPTIEMBRE, 2019
Primeramente, doy gracias a mi Dios que me permitió alcanzar una de mis metas en la
formarme en ella, obteniendo así muchas experiencias y valores que definirán mi carrera
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
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
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
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
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
Al Ingeniero José Oswaldo Barrera Montes, quien además de dirigir esta tesis con mucha
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
todo mi más sincero agradecimiento por el apoyo y la fortaleza que siempre me supieron
dar.
Doy gracias a mi Creador que me permitió alcanzar una de mis metas en la vida, así
obteniendo así muchas experiencias y valores que definirán mi carrera como profesional
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
A nuestro asesor de Tesis el Ing. José Oswaldo Barrera Montes quien invirtió su tiempo y
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
Capítulo V Conclusiones.............................................................................................. 40
Referencias............................................................................................................... 42
Anexos...................................................................................................................... 43
Introducción. ............................................................................................................ 46
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 14 Login......................................................................................................... 23
Ilustración 15 Menú Principal........................................................................................ 24
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 8 Empleados.......................................................................................................... 21
Tabla 9 Alumnos.............................................................................................................. 21
Tabla 10 Proyectos.......................................................................................................... 21
Tabla 12 Asesores............................................................................................................ 22
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
graduación de las carreras técnicas, entonces podemos afirmar que esto nace como una
nuestro proyecto se detallan en el capítulo III. y dentro del capítulo IV se muestran los
ii
Capítulo I Planteamiento del Problema
1.1 Antecedentes
durante la realización del proceso. Este proceso tiene 5 actividades principales las cuales
temas de los proyectos asignados, registro de los asesores asociados al proyecto, registro
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
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
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.
ingresar todos los resultados obtenidos de todas las defensas del proceso de graduación de
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:
manualmente.
3
1.3 Objetivos
Generales:
• Desarrollar una aplicación web que permita el registro de los datos de cada
Tecnológica de El Salvador.
Específicos:
• Registrar los temas, los asesores, los jurados y las fechas de defensa de cada
roles definidos.
4
1.4 Justificación
programación como (PHP, HTML 5, MYSQL Y BOOTSTRAP3) para poder llevar acabo
información necesaria para que se puedan generar fácilmente los reportes y tener más
obtener lo siguiente.
automatizado.
2. Disminución de tiempo: Generar reportes con poco tiempo de espera y obtener una
respuesta inmediata.
Tecnológica de El Salvador.
5
1.5 Limitaciones del Estudio
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
1.6 Delimitaciones.
Tecnológica de El Salvador.
1.7 Alcances
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
6
Capitulo II Marco Teórico
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
Reconociendo que es una Universidad con una visión de aspirar a ser reconocida
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.
ayuda a las personas inmersas en el proceso que se lleva actualmente para poder tomar
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
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
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
Modelo cualitativo.
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.
de gestión de bases de datos MySQL, el servidor web Apache y los intérpretes para
Perl. A partir de la versión 5.6.15, XAMPP cambió la base de datos MySQL por
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á
dinámico.
10
Fue uno de los primeros lenguajes de programación del lado del servidor que se
archivo externo que procese los datos. Fue creado originalmente por Rasmus Lerdorf
en el año 1995.
puede crear y eliminar Bases de Datos, crear, eliminar y alterar tablas, borrar, editar
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
incluyendo XHTML, SVG, XUL, RSS, etcétera. También permite aplicar estilos no
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
abierto para diseño de sitios y aplicaciones web. Contiene plantillas de diseño con
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,
páginas web dinámicas, aunque existe una forma de JavaScript del lado del servidor
es también significativo.
14
2.3 Documentación Técnica
diferentes lenguajes tales como HTML5, PHP, CSS3, JS y bootstrap para tener un mejor
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
15
2.4 Esquemas de los Distintos Usuarios
16
• Esquema de usuario Tipo Técnico Hardware.
17
2.5 Diagrama de Base de Datos
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
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
Ilustración 14 Login.
23
3. Menú principal del sistema: acceso depende de los privilegios de cada usuario así
así como su contraseña que el usuario desee colocar y podrá modificar sus datos
personales.
24
5. Mantenimiento para la creación de Alumnos Administrador: En el cual se
25
7. Formulario para la modificación de datos del alumno.
26
Capitulo III Metodología
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
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á.
será el Método de Prototipado Rápido, siendo este el que abarca este instrumento de
que con ella se va elaborando los prototipos de los registros con lleva presentarlos al
3.1.1 Participante.
Puesto que el método está enfocado solo a una persona (Encargado o cliente),
graduación ya que él tiene mucha experiencia por lo que se quiere y espera obtener
27
3.1.2 Método.
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 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
3.1.3 Instrumento.
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
1. Investigación Preliminar: Se define el problema sus efectos que esta causa para la
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.
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.
los requerimientos nuevos y los ya planteados anteriormente. Este paso con lleva
nuevamente al paso 4.
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
r Análisis Y
Especificación Diseño Básico del Prototipo
Especificación de Requerimientos
Diseño Y
Prototipado.
Operación y
Mantenimiento Instalacion del sistema y modificaciones posteriores.
30
3.4 Ciclo de Vida del Sistema
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
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
32
4.2 Pantallas del Resultado del Método
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
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
están el detalle para la realización de creación de grupos, esta interfaz nos muestra los
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
asociado al proyecto
35
Si seleccionamos el editar perfil este tendrá la opción de editar su información y puede
información cargada del usuario en los campos él puede realizar los cambios deseados.
36
Al realizar las modificaciones deseas seleccionar la opción guardar cambios.
37
Al seleccionar la opción de docentes esta nos llevará a otra interfaz en la cual nos mostrará
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
39
Capítulo V Conclusiones
5.1 Conclusión
Diseñar los diferentes componentes del sistema facilita en gran medida el proceso
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
levantar los requerimientos del sistema, la metodología implementada, el buen diseño del
40
5.2 Recomendaciones
• Verificar que el sistema en que sea implementado, el software este óptimo para el
usuario.
• Tomar en cuenta el ciclo de vida de los sistemas de software en general para futuras
• Capacitar a las personas involucradas para que haya un mejor manejo en el sistema
Tecnológica de El salvador.
• Validar los resultados para así poder evaluar el sistema y verificar si hay problemas
existentes en el sistema.
41
Referencias
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.
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
5. Base de Datos: Son los bancos de información que contienen datos relativos a diversas
43
9. MySQL: Es un sistema de gestión de bases de datos relacionales, está considerado
10. Open Source: (Código abierto) es el término con el que se conoce al software
ambiente web.
12. RAM: Es el acrónimo del concepto en inglés Random Acces Memory (Memoria de
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
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
17. Servidor Web: Servidor Web o Servidor HTTP, es un programa informático que
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.
El presente manual tiene como finalidad ser una guía básica de operación del
indispensables para una operación adecuada del sistema, y ser una herramienta de consulta
Se pretende dar una idea mas detallada de los alcances y ventajas del sistema, que
✓ Conocimientos necesarios.
45
Introducción.
Mucha gente conoce de primera mano que no es fácil instalar un servidor de web Apache
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
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.
47
Haga doble clic en el archivo descargado. Este archivo debe tener como nombre xampp-
48
Haga clic en Sí cuando aparezca. Esto abrirá la ventana de configuración de XAMPP.
Selecciona las funciones de XAMPP que quiere instalar. Revise la lista de atributos de
de XAMPP, desmárquelo.
XAMPP.
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.
• 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.
50
Desmarque la opción de "Aprender más sobre Bitnami" y después haga clic
página.
para instalarlo. XAMPP empezará a instalar sus archivos en la carpeta que selecciono.
XAMPP. Hacer esto cerrará la ventana y abrirá el Panel de control de XAMPP, desde el
51
Seleccione un idioma. Marque la casilla a lado de la bandera americana si quiere inglés
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
• utecserver2019@gmail.com
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
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
• Luego podremos observar una línea que dice: mail.add_x_header que pondrá On
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
• Luego debemos colocar el protocolo de seguridad que garantice que nuestros datos
lo cual debemos quitar el punto y coma de la línea: log smtp errors to error.log
56
• Luego se debe colocar el correo electrónico designado para ser remitente junto con
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
ya que cualquiera en la red podría fisgonear en nuestras cosas, así que puedes habilitar
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.
#
# 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.
60
5. Cuando el archivo httpd.conf se habrá ubicamos la variable listen que por defecto
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.
CMD de windows.
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.
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
Botón Ingresar: Este botón se debe seleccionar cuando ya esté el usuario y la contraseña
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.
En caso de que el usuario desee cerrar el sistema selecciona la opción de cerrar sesión y
65
A.8 Usuarios
administración de usuario.
66
• Formulario editar usuario.
Formulario donde se pueden editar los datos de los usuarios del sistema.
67
A.9 Alumnos.
de administración de Alumnos.
68
• Formulario donde se pueden editar los datos de los alumnos del sistema.
69
A.10 Asesores.
administración de Asesores.
graduación.
70
A.11 Docentes.
de administración de Docentes.
71
• Formulario donde se pueden editar los datos de los Docentes del sistema.
72
A.12 Proyectos.
de administración de Proyectos.
73
• Formulario de inserción de Asesores de manera rápida para ser asignados en un
proyecto.
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.
74
• Formulario editar Proyectos.
Formulario donde se pueden editar los datos de los Proyectos del sistema.
75
A.13 Grupos.
administración de Grupos.
76
Una vez seleccionada la carrera se muestra el formulario de inserción de grupo con sus
respectivos datos.
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.
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.
79
• Formulario eliminar grupos.
Formulario donde se puede eliminar un grupo del sistema
80
A.14 Jurados.
administración de Jurados.
graduación.
81
• Historial de Alumnos Retirados.
82
• Gestión de Reportes.
del administrar las opciones de reportes a generar para la consulta de sus datos.
83
A.15 Manejo de Funcionalidad del Sistema Asignado Para los Roles que Controlan
Alumnos.
de administración de Alumnos.
84
• Formulario editar alumnos.
Formulario donde se pueden editar los datos de los alumnos del sistema.
85
Asesores.
administración de Asesores.
graduación.
86
Docentes.
de administración de Docentes.
87
• Formulario editar Docentes.
Formulario donde se pueden editar los datos de los Docentes del sistema.
88
Proyectos.
de administración de Proyectos.
89
• Formulario de inserción de Asesores de manera rápida para ser asignados en un
proyecto.
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.
90
• Formulario editar Proyectos.
Formulario donde se pueden editar los datos de los Proyectos del sistema.
91
Grupos.
administración de Grupos.
92
• Formulario editar Grupos.
Formulario donde se pueden editar los datos de los Grupos asignados en el sistema.
93
• Formulario para la inserción de jurado.
94
Nos muestra el mensaje de advertencia que permite asegurarnos de realizar la acción.
95
Jurados.
administración de Jurados.
graduación.
96
• Historial de Alumnos Retirados.
97
• Gestión de Reportes.
del administrar las opciones de reportes a generar para la consulta de sus datos.
98