ESCUELA POLITÉCNICA NACIONAL

VICERRECTORADO DE DOCENCIA

F_AA_225
ESCUELA DE FORMACIÓN DE TECNÓLOGOS
CARRERA DE ANÁLISIS DE SISTEMAS INFORMÁTICOS

PLAN DE TRABAJO DE TITULACIÓN/TESIS

TIPO DE TRABAJO DE TITULACIÓN: PROYECTO INTEGRADOR

I.- INFORMACIÓN BÁSICA

PROPUESTO POR: LÍNEA DE INVESTIGACIÓN:
Juan Fernando Pillalaza Quijia Creación y Gestión de Software
ÁREA DE CONOCIMIENTO:
Ingeniería de Software
AUSPICIADO POR: FECHA:
Director: Ing. Byron Loarte 24/10/2019
Codirector: Ing. Luz Marina Vintimilla

II.- INFORMACIÓN DEL TRABAJO DE TITULACIÓN

1. Título del Trabajo de Titulación
DESARROLLO DE SISTEMA WEB PARA LA GESTIÓN ESTUDIANTIL DEL
COLEGIO PARTICULAR PCEI BUENAS NUEVAS DE QUITO
2. Planteamiento del Problema
El Colegio Particular a Distancia PCEI “Buenas Nuevas” ubicado en la ciudad de Quito, es
un establecimiento educativo que contribuye a la enseñanza y desarrollo de Personas Con
Escolaridad Inconclusa (PCEI). Las personas con escolaridad inconclusa son aquellos jóvenes
o adultos de quince (15) años de edad o más que no han concluido los estudios obligatorios y
han permanecido fuera de la educación escolarizada ordinaria por más de tres (3) años (LOEI,
2015). El colegio brinda servicios bajo la modalidad de educación a distancia a nivel de
Educación General Básica y Bachillerato General Unificado y conlleva a trabajar con
estudiantes de distintos sectores de la ciudad y a nivel provincial.

El desarrollo de las actividades administrativas y académicas se lo hace en forma manual; al

no poseer un sistema informático que permita gestionar los procesos académicos de maestros
y estudiantes, genera un sin número de inconvenientes. Por ejemplo, el proceso de
matriculación lo realiza la secretaria mediante una serie de formularios, llenados
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA

manualmente, lo que ocasiona perdida en las fichas de los estudiantes, no existe un adecuado
historial académico de los estudiantes, no se cuenta con un registro de docentes y de materias
impartidas. El registro de notas por parte de los docentes se lo realiza manualmente utilizando
listas impresas, uso innecesario de papel; mientras que, por parte de los estudiantes, no existe
seguimiento adecuado sobre las calificaciones obtenidas. (Criollo Bilbao, 2013).

Para dar solución a esta problemática y partiendo de la situación en la que se encuentra el

establecimiento educativo, se propone el desarrollo de un sistema web que permita gestionar
adecuadamente las actividades administrativas y académicas; de esta manera, se logrará la
optimización de tiempo y recursos. El proyecto integrador “Desarrollo de sistema web para la
gestión estudiantil del Colegio Particular PCEI Buenas Nuevas de Quito” automatizará,
agilizará los procesos académicos y administrativos, almacenará y preservará información
operativa e histórica, usando la tecnología.

3. Justificación
El sistema de gestión estudiantil ayudará a mejorar los procesos institucionales, agilizando los trámites
de matrícula, el registro de alumnos y docentes, solucionando el tiempo que toma el proceso manual;
evitará errores de ingreso y duplicación de la información del alumno, automatizará el registro de notas
por parte de docentes y permitirá al estudiante tener acceso a sus calificaciones en cualquier momento;
gestionará la asignación de materias y paralelos a los docente, facilitará el acceso a información
oportuna y exacta de los estudiantes, y tendrá reportes de matrícula y calificaciones (Gamboa Cruzado,
Comun Manrique, & Bruno Luciani, 2016).

Este trabajo propone implementar un sistema web capaz de realizar una adecuada gestión de las
actividades académicas y la automatización de procesos académicos. La propuesta garantiza la
integridad, consistencia y seguridad de datos, contando con un sistema de autenticación y perfiles.

A continuación, se describen los perfiles y las funcionalidades que tendrá el sistema web.

El perfil administrador permitirá:

 Registro, actualización y eliminación de personal docente
 Registro, actualización y eliminación de personal administrativo
 Registro, actualización y eliminación de cursos
 Registro, actualización y eliminación de materias
 Asignar materias a un curso
El perfil secretaria permitirá:
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA

 Registro, actualización y baja de estudiantes (Inscripción)

 Registro del proceso de matrícula de estudiantes
 Asignar estudiantes a un curso
 Asignar cursos a docentes
 Asignar un docente a materias

El perfil del estudiante o padre de familia permitirá:

 Visualizar las calificaciones y notas finales

El perfil del Docente permitirá:

 Registro de calificaciones

4. Hipótesis (Si aplica)

No aplica
5. Objetivo General
Desarrollar un sistema web para la gestión estudiantil del Colegio Particular PCEI Buenas
Nuevas de la ciudad de Quito.
6. Objetivos Específicos
OBJ 1: Determinar los requerimientos del sistema web.
OBJ 2: Diseñar la base de datos e interfaces del sistema web.
OBJ 3: Definir la arquitectura tecnológica del sistema web.
OBJ 4: Implementar el sistema web.
OBJ 5: Probar el funcionamiento del sistema web.

7. Metodología
El desarrollo del sistema web se implementará bajo la metodología SCRUM, por ser una
metodología para la gestión del desarrollo de software de forma ágil y eficiente,
conjuntamente con una serie de roles y fases que se deben seguir garantizando la calidad del
proceso y producto del proyecto. (Schwaber & Sutherland, 2017)

SCRUM se caracteriza por ser una metodología de adaptación, iterativa, rápida, flexible y
eficaz, que garantizará transparencia en la comunicación y creará un ambiente de
responsabilidad en el equipo de trabajo. Al emplear esta metodología en este proyecto de
software, el sistema evolucionará a través de sprints. (Rosselló Villán, 2019)
OBJ 1: Determinar los requerimientos del sistema web
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA

El tipo de información y funcionalidad del sistema web se determinará mediante visitas y

entrevistas a estudiantes, padres de familia, docentes y personal administrativo de diferentes
jerarquías del colegio, quienes proporcionarán toda la información necesaria respecto al
proceso de matriculación, cobros y calificaciones. Con ello se alcanzará el objetivo de realizar
el levantamiento de requerimientos y cumplir con la fase de planificación. Posteriormente se
los representará por medio de un Product Backlog (Cañete, 2019), asignándoles un nivel de
importancia y determinando el orden en el cual se irá implementando cada uno de los perfiles
del sistema propuesto.

OBJ 2: Diseñar la base de datos e interfaces del sistema web

Cumpliendo con la fase de diseño, la información obtenida por parte de estudiantes y
autoridades del colegio, se procederá a realizar el análisis y depuración de datos, para diseñar
el esquema de base de datos relacional (creación del modelo conceptual, lógico y físico), con
el objetivo de controlar la calidad y pertinencia de los datos, evitar el almacenamiento de
información redundante y proporcionar así un acceso eficaz a los datos e integridad de la
información, para su posterior implementación en MySQL (Gustavo B, 2019) como sistema
de gestión de base de datos relacional (RDBMS); seleccionado por ser de código abierto,
basado en lenguaje de consulta estructurado (SQL) (Plasencia, 2019), de gran rendimiento,
escalable, de fácil instalación e integración con las herramientas determinadas para el
desarrollo del presente proyecto (Rouse, 2015).

Finalmente, el diseño de las interfaces de usuario se realizarán mockups (Treder, 2016)

utilizando para ello la herramienta Balsamiq Mockups, la cual permite crear borradores de
interfaces de usuario de una aplicación (hop2croft, 2011). Tomando en cuenta los conceptos
básicos de Experiencia de Usuario (UX) (Villalobos, 2018) como la consistencia, facilidad de
aprendizaje y simplicidad, permitiendo desarrollar interfaces útiles y con un gran atractivo
visual (Instone, 2019).

OBJ 3: Diseñar la arquitectura del sistema

Continuando con la fase de diseño y para conseguir un sistema web robusto y de calidad, es
necesario trabajar con un patrón de diseño arquitectónico Modelo Vista Controlador (MVC), Comentado [D1]: defina la sigla

el cual es un patrón de arquitectura de software, que separa los datos de una aplicación, la
interfaz de usuario y la lógica de control en tres componentes distintos. (Alicante, 2019)
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA

 Modelo: Contiene una representación de los datos que maneja el sistema, su lógica de
negocio y sus mecanismos de persistencia.
 Vista: Compone la información que será enviado al cliente y los mecanismos de
interacción con éste.
 Controlador: Intermediario entre el Modelo y Vista, gestionando el flujo de
información entre ellos y las transformaciones para adaptar los datos a las necesidades
de cada uno.

OBJ 4: Implementar el sistema web

Durante la fase de desarrollo, en lo que respecta al back-end del sistema web, se utilizará el
lenguaje de programación PHP junto con un Framework Laravel, el cual es de código abierto
y se basa en el Modelo Vista Controlador (MVC), para desarrollar código de forma elegante
y reutilizable; reduciendo tiempos de desarrollo y mantenimiento (Baquero Garcia, 2015).
Por el lado del front-end, se utilizará HTML (Pérez Jiménez, 2019), JavaScript (Pérez Valdés,
2007) y Bootstrap (Solis, 2014) los cuales combinados, admiten tener sitios web responsive
permitiendo al usuario poder ingresar al sistema web a través de cualquier navegador, tablet
o dispositivo móvil. No obstante, para dar cumplimiento con esta fase se lo realizara en base
a lo siguiente:
 Planificación del sprint: Se definirá una lista de tareas, las cuales se van a realizar en
un tiempo determinado.
 Seguimiento del sprint: Se realizará una breve reunión para supervisar el avance de
cada tarea y acordar el trabajo que se realizará hasta la próxima reunión.
 Revisión del sprint: Se realizará un análisis y revisión de los resultados con el equipo
de desarrollo al finalizar cada una de las iteraciones o sprint.

Una vez terminada la fase de desarrollo se procederá con la implementación del sistema web
en una computadora proporcionada por el colegio la cual estará accesible 24 horas al día y los
7 días de la semana.

OBJ 5: Probar el funcionamiento del sistema web

De la mano con las actividades anteriores mencionadas y cumpliendo con la fase de pruebas
de la presente metodología, se procederá a realizar pruebas de aceptación en todo el sistema
web para validar las funcionalidades establecidas en los requerimientos identificados. Las
pruebas de funcionalidad se realizarán mediante la herramienta JMeter, con el objetivo de
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA

testear la capacidad de carga, soporte de tráfico, comportamiento funcional y de rendimiento

que tolerará. (Jmeter, 2019)

8. Plan de Trabajo
1. INTRODUCCIÓN
1.1. Planteamiento del Problema
1.2. Objetivo General
1.3. Objetivos Específicos
1.4. Alcance
2. METODOLOGÍA
2.1. Metodología de desarrollo
2.2. Análisis y levantamiento de requisitos
2.2.1. Reuniones y entrevistas
2.3 Diseño de la base de datos y prototipos de las interfaces
2.3.1 Depuración de la información
2.3.2 Elaboración de mockups
2.4 Diseño de la arquitectura del sistema web
2.5 Herramienta de desarrollo del back-end del sistema web
2.6 Herramientas de desarrollo del front-end del sistema web
3. RESULTADOS Y DISCUSIÓN
3.1 Implementación del sistema web
3.2 Probar el sistema web
4. CONCLUSIONES
5. REFERENCIAS BIBLIOGRÁFICAS
6. ANEXOS

9. Bibliografía

Alicante, U. (2019). Universidad de Alicante. Obtenido de https://si.ua.es/es/documentacion/asp-net-

mvc-3/1-dia/modelo-vista-controlador-mvc.html

Baquero Garcia, J. (11 de Diciembre de 2015). Arsys. Obtenido de

https://www.arsys.es/blog/programacion/que-es-laravel/

Cañete, I. (7 de Marzo de 2019). BBVA. Obtenido de https://www.bbva.com/es/que-es-un-product-

backlog-y-cual-es-su-funcion/

Criollo Bilbao, G. F. (2013). BIBDIGITAL Escuela Politecnica Nacional. Obtenido de

http://bibdigital.epn.edu.ec/handle/15000/5812
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA

Gamboa Cruzado, J., Comun Manrique, U., & Bruno Luciani, I. (2016). Repositorio de la Universidad
Autonoma del Perú . Obtenido de http://repositorio.autonoma.edu.pe/handle/AUTONOMA/149

Gustavo B, B. (13 de Mayo de 2019). Tutorial Hostinger. Obtenido de

https://www.hostinger.es/tutoriales/que-es-mysql/

hop2croft. (11 de Agosto de 2011). hop2croft Wordpress. Obtenido de

https://hop2croft.wordpress.com/2011/08/13/balsamiq-mockups/

Instone, K. (5 de Mayo de 2019). User Experience: An umbrella Topic. Obtenido de

http://uxnet.org/devcon/DevCon-Instone.pdf

Jmeter, A. (13 de Marzo de 2019). The Apache Software Foundation. Obtenido de

https://jmeter.apache.org/

LOEI, r. (5 de Enero de 2015). Ministerio de educación. Obtenido de https://educacion.gob.ec/wp-

content/uploads/downloads/2017/02/Reglamento-General-a-la-Ley-OrgAnica-de-Educacion-
Intercultural.pdf

Pérez Jiménez, J. (20 de Enero de 2019). OpenWebinars. Obtenido de

https://openwebinars.net/blog/que-es-html5/

Pérez Valdés, D. (3 de Julio de 2007). Maestros del Web. Obtenido de

http://www.maestrosdelweb.com/que-es-javascript/

Plasencia, C. (2019). DevCode. Obtenido de https://devcode.la/blog/que-es-sql/

Rosselló Villán, V. (15 de Marzo de 2019). iebschool. Obtenido de https://www.iebschool.com/blog/que-

son-metodologias-agiles-agile-scrum/

Rouse, M. (Enero de 2015). TeachTarget. Obtenido de

https://searchdatacenter.techtarget.com/es/definicion/MySQL

Schwaber, k., & Sutherland, J. (Noviembre de 2017). SCRUM GUIDES. Obtenido de

https://www.scrumguides.org/docs/scrumguide/v2017/2017-Scrum-Guide-US.pdf#zoom=100

Solis, J. (26 de Septiembre de 2014). Arweb. Obtenido de

https://www.arweb.com/chucherias/%C2%BFque-es-bootstrap-y-como-funciona-en-el-diseno-
web/

Treder, M. (8 de Septiembre de 2016). designmodo. Obtenido de https://designmodo.com/wireframing-

prototyping-mockuping/

Villalobos, M. (25 de Marzo de 2018). Medium. Obtenido de

https://medium.com/repensareducativo/experiencia-de-usuario-qu%C3%A9-es-y-c%C3%B3mo-
convertirse-en-ux-designer-ec27d3844c97

10. Cronograma
Anexo 1

Firma Firma
 ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA

Nombre completo del estudiante Nombre completo del estudiante

PROPONENTE 1 PROPONENTE 2 (SI APLICA)
Email: juan.pillalaza@epn.edu.ec Email:
Telf.: 0992839553 Telf.:

Firma Firma

Loarte Cajamarca Byron Gustavo Luz Marina Vintimilla

DIRECTOR CODIRECTOR
Email: byron.loarteb@epn.edu.ec Email: marina.vintimilla@epn.edu.ec
Telf.: 0995644186 Telf.: 0998757317
ESCUELA POLITÉCNICA NACIONAL
VICERRECTORADO DE DOCENCIA

ANEXO 1