Aplicativo Web

Desarrollo de un aplicativo web para la gestión de procesos en el área
de educación continúa del Tecnológico de Antioquia.
Sandra Julieth Castro Rojas

Alejandro Morales Sánchez
DIRECTOR:
Sebastián Gómez Jaramillo
CODIRECTOR:
Carola Victoria Flores
Tecnológico de Antioquia - Institución Universitaria

Ingeniería en Software
Medellín, Colombia.
2020
DEDICATORIA
Queremos dedicar este trabajo a nosotros, por todos los esfuerzos y sacrificios que
tuvimos que hacer para poder sacar adelante esta carrera, esto sin dejar de lado a
nuestras familias que nos apoyaron durante todo este largo proceso y nos incentivaron a
nunca renunciar por más difícil que llegaran a tornarse las cosas.
En este trabajo de grado aplicamos todos los conocimientos que adquirimos a lo largo
de estos años de estudio en la institución donde recibimos apoyo y colaboración de
nuestros compañeros de estudio y los profesores de la institución.
Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

del Tecnológico de Antioquia.
Tecnológico de Antioquia – Institución Universitaria
Página 2
AGRADECIMIENTOS
Queremos agradecer a la institución educativa Tecnológico de Antioquia por permitirnos

formar parte de ella, a los asesores de grado Sebastián Jaramillo Gómez y Carola Victoria
Flores por siempre estar pendientes y guiarnos en este trabajo, también por permitirnos
experimentar una pequeña parte de cómo será nuestra vida laboral, ya que gracias a sus
conocimientos y amplia experiencia en este campo nos acompañaron en todo el proceso
de desarrollo del trabajo de grado.

Página 3
RESUMEN
El objetivo principal de este trabajo de grado es dar solución a la problemática presentada

en la dependencia de educación continua del Tecnológico de Antioquia, donde los
procesos de gestión se ejecutan de una manera inadecuada, afectando a sus
trabajadores y usuarios interesados, los procesos abarcan certificaciones, inscripciones,
manejo de datos, etc. La solución planteada fue un aplicativo web amigable e intuitivo
para el usuario para que pueda visualizar y administrar las ofertas presentadas al público.
Este aplicativo web se implementó a través de la metodología ágil Scrum donde se
abordó todo el ciclo de vida del software, tomando en cuenta las necesidades del cliente
por medio de las historias de usuario, pasando al diseño y codificación de las necesidades
descritas en dichas historias de usuario, para generar los Sprints que produjeron la
entrega de un Release funcional con sus respectivas pruebas. Al final se entrega un
conglomerado de los Sprints, con un producto final funcional que cumple con los
requerimientos solicitados, y así culminar el cronograma planteado para su realización.
PALABRAS CLAVE
Aplicativo web responsive, gestión de procesos, cursos, educación continua, Scrum.

Página 4
TABLA DE CONTENIDO
DEDICATORIA ................................................................................................................ 2
AGRADECIMIENTOS ..................................................................................................... 3
RESUMEN....................................................................................................................... 4
PALABRAS CLAVE ......................................................................................................... 4
TABLA DE CONTENIDO ................................................................................................. 5
ÍNDICE DE FIGURAS ..................................................................................................... 8
ÍNDICE DE TABLAS ........................................................................................................ 9
ABREVIATURAS ........................................................................................................... 10
1. INTRODUCCIÓN ................................................................................................... 11
2. MARCO DEL PROYECTO ..................................................................................... 15
2.1. DEFINICIÓN PROBLEMA ................................................................................... 15
2.1.1. Árbol de problemas .......................................................................................... 16
2.1.2. Áreas del conocimiento .................................................................................... 17
2.2. JUSTIFICACIÓN DEL PROBLEMA ..................................................................... 18
2.3. MARCO CONCEPTUAL ...................................................................................... 19
2.4. ANTECEDENTES................................................................................................ 26
2.4.1. Universidad de Antioquia .................................................................................. 26
2.4.2. Universidad Nacional de Colombia................................................................... 30
2.4.3. Colegio Mayor de Antioquia ............................................................................. 33
2.4.4. Instituto Tecnológico Metropolitano .................................................................. 36
2.4.5. Institución Universitaria Pascual Bravo ............................................................ 38
2.4.6. Software SIRECEC .......................................................................................... 40
2.4.7. Universidad Digital de Antioquia ....................................................................... 42
2.5. OBJETIVOS......................................................................................................... 43
2.5.1. Objetivo General............................................................................................... 43
2.5.2. Objetivos Específico ......................................................................................... 43
3. MARCO METODOLÓGICO ................................................................................... 44
3.1. DEFINICIÓN DE LA METODOLOGÍA ................................................................. 44

Página 5
3.2. DEFINICIÓN DEL ALCANCE .............................................................................. 52
3.3. RECURSOS ........................................................................................................ 53
3.4. CRONOGRAMA DE ACTIVIDADES ................................................................... 57
4. DESARROLLO DEL PROYECTO .......................................................................... 59
4.1. CONTEXTO DEL SOFTWARE............................................................................ 59
4.1.1. Descripción del Negocio ................................................................................... 59
4.1.2. Áreas a Intervenir ............................................................................................. 59
4.1.3. Actores y sus Roles .......................................................................................... 60
4.2. PROPUESTA DE SOLUCIÓN ............................................................................. 62
4.2.1. Product backlog ................................................................................................ 63
4.3. PLANIFICACIÓN DEL SPRINT 1 ........................................................................ 67
4.3.1. Historias de usuario .......................................................................................... 67
4.3.2. Revisión y retrospectiva. .................................................................................. 69
4.3.3. Tareas asociadas y ejecutadas. ....................................................................... 70
4.6.2. Revisión y retrospectiva ................................................................................... 91
4.7. DISEÑO DEL SISTEMA ...................................................................................... 96
4.7.1. Especificación de la arquitectura. ..................................................................... 96
4.7.2. Diagrama de clases. ....................................................................................... 100
4.7.3. Diagrama entidad relación. ............................................................................. 101
4.8. DESPLIEGUE DEL SISTEMA ........................................................................... 102
Página 6
4.8.1. Manual de Usuario ......................................................................................... 103
4.8.2. Manual de Instalación..................................................................................... 103
5. RESULTADOS Y DISCUSIÓN ............................................................................. 104
6. IMPACTO ESPERADO ........................................................................................ 106
7. CONCLUSIONES ................................................................................................. 107
8. RECOMENDACIONES FUTURAS ...................................................................... 109
REFERENCIAS ........................................................................................................... 110
ANEXOS...................................................................................................................... 117

Página 7
ÍNDICE DE FIGURAS
Figura 1. Árbol de problemas ........................................................................................ 17

Figura 2. Universidad de Antioquia (Página principal). .................................................. 26
Figura 3. Universidad de Antioquia (Ofertas)................................................................. 27
Figura 4. Universidad Nacional de Colombia (Página principal). ................................... 30
Figura 5. Universidad Nacional de Colombia (Hermes). ................................................ 31
Figura 6. Institución Universitaria Colegio Mayor de Antioquia (Página principal). ........ 33
Figura 7. Institución Universitaria Colegio Mayor de Antioquia (Oferta académica). ..... 34
Figura 8. Instituto Tecnológico Metropolitano (Página principal). .................................. 36
Figura 9. Institución Universitaria Pascual Bravo (Página principal). ............................. 38
Figura 10. Escuela Superior de Administración (Principal). ........................................... 40
Figura 11. Universitaria Digital de Antioquia (Descarga certificados). ........................... 42
Figura 12. Esquema grafico artefactos de Scrum. ......................................................... 47
Figura 13. Esquema de los componentes de Scrum y su dinámica. ............................. 48
Figura 14. MERN Stack ................................................................................................. 50
Figura 15. Pantalla inicio ............................................................................................... 71
Figura 16. Diagrama base de datos sprint 1 .................................................................. 72
Figura 34. Pantalla administrar cursos .......................................................................... 79
Figura 35. Pantalla administrar cursos - cambiar banner .............................................. 80
Figura 19. Pantalla administrar cursos - listado alumnos .............................................. 80
Figura 21. Pantalla mis cursos - Docente ...................................................................... 86
Figura 23. Pantalla cursos aprobados - Realizar encuesta de satisfacción ................... 94
Figura 24. Pantalla realizar encuesta de satisfacción .................................................... 94
Figura 26. Diagrama arquitectura física cliente - servidor. ............................................ 97
Figura 27. Diagrama arquitectura lógica MVC. .............................................................. 99
Figura 28. Diagrama de clases educación continua. ................................................... 100
Figura 29. Diagrama entidad relación educación continua. ......................................... 101
Figura 30. Diagrama de despliegue educación continua. ............................................ 102

Página 8
ÍNDICE DE TABLAS
Tabla 1. Componentes de Scrum .................................................................................. 46

Tabla 2. Cronograma de actividades ............................................................................. 57
Tabla 3. Product backlog ............................................................................................... 63
Tabla 4. Historia de usuario: Inicio aplicativo................................................................. 67
Tabla 5. Caso de Prueba: H.U. E.C. 001 ....................................................................... 70
Tabla 6. Historia de usuario: Administrar cursos ........................................................... 73
Tabla 8. Historia de usuario Mis cursos ......................................................................... 82
Tabla 10. Historia de usuario Realizar encuesta de satisfacción................................... 88
Tabla 11. Caso de Prueba: H.U. E.C. 031 ..................................................................... 92

Página 9
ABREVIATURAS
TDG: Trabajo de Grado

HBS: Extensión usada para las plantillas en Handlebars
HTML: Lenguaje de Marcas de Hipertexto (del inglés HyperText Markup Language)
CSS: Hojas de Estilo en Cascada (del inglés Cascading Style Sheets).
NPM: Gestor de Paquetes de Node (del inglés Node Package Manager).
TdeA: Tecnológico de Antioquia.
DB: Base de Datos (del inglés Data Base).
MERN: MongoDB, ExpressJS, ReactJS y NodeJS (Full Stack JavaScript).
MVC: Modelo – Vista - Controlador (del inglés Model - View – Controller).
VSCODE: Visual Studio Code (Editor de código fuente).
API: Interfaz de Programación de Aplicaciones (del inglés Application Programming
Interface)
REST: Transferencia de Estado Representacional (del inglés Representational State
Transfer)
URL: Localizador de Recursos Uniforme (del inglés Uniform Resource Locator)
HTTP: Protocolo de transferencia de hipertexto (del inglés Hypertext Transfer Protocol)
JSON: Notación de Objeto de JavaScript (del inglés JavaScript Object Notation)
JS: JavaScript
ID: Identificador
E.C.: Educación Continua
C.P.E.C.: Caso de Prueba Educación Continua
H.U: Historia de Usuario

Página 10
1. INTRODUCCIÓN
La importancia de la educación en Colombia va dando de qué hablar, pues actualmente

los avances académicos y tecnológicos para la formación educativa y actualización
profesional no permiten dar un paso para atrás, sino que, se debe estar mejor preparados
para ser competitivos, por lo cual no se debe conformarse con lo que se logra ver en un
programa impartido en cualquier institución de educación superior, ya sea una técnica,
tecnología, pregrado, posgrado, etc.
Esta necesidad de brindar capacitación a los individuos graduados se presta como una
opción para que las instituciones creen dependencias complementarias, designadas
como extensión, en las cuales se encuentra el área denominado “educación continua y
permanente”. Allí se ofrecen diferentes programas como cursos, diplomados, talleres, etc.
Estos permiten complementar la formación, actualización y capacitación para así tener
una mejor oportunidad laboral y mayores capacidades para ser competitivos.
La educación continua se ha ido posicionando no solo en Colombia, sino a nivel global,
como un medio que permite a las Universidades e Instituciones Educativas en general,
ser más dinámicas y eficientes en el ofrecimiento de programas asociados con dicha
modalidad de educación, lo cual contribuye a que sus trabajadores, egresados y usuarios
en general avancen en su formación y crecimiento profesional. Lo expuesto antes
requiere lógicamente articulación con herramientas tecnológicas que posibiliten el acceso
a la capacitación y a la gestión de procesos asociados tales como inscripciones,
certificaciones, entre otros.
Actualmente la Institución Universitaria Tecnológico de Antioquia dentro de sus
propuestas de educación continua incluye cursos y diplomados que ayuden a
complementar y actualizar la formación profesional de los estudiantes, egresado y público
en general. La dependencia de extensión cuenta con el área de educación continua,
encargada de ofrecer dicha modalidad de formación, la cual se extiende a los diferentes
programas de educación no formal, tales como cursos, talleres, seminarios, etc., que se
articulan con programas académicos de pregrado y postgrado.
Se evidencia la necesidad de disponer en el área de educación continua de un aplicativo
web que permita disponer de una gestión de procesos más adecuada, desde su ejecución
para las consultas requeridas por administradores, egresados y usuarios en general que
se interesan en tomar las ofertas. Por tanto, se busca a través de este trabajo de
investigación la implementación de un aplicativo web por medio de la metodología ágil
Scrum. Esta metodología en la actualidad es una de las más usadas en el ámbito de la
ingeniería de software, por la manera en la que permite que se dé el desarrollo de los
productos; posibilitando que los cambios, mejoras e implementaciones se den en todos
los Sprint y así entregar el producto en un tiempo más corto.

Página 11
Se pretende dar a conocer el cómo brindar una solución a la problemática que se detecta
en el área de educación continua del Tecnológico de Antioquia. En la actualidad en esta
área, no se tiene de manera articulada una base de datos y la forma actual en cómo se
generan los certificados de los diferentes programas que se ofrecen.
Por consiguiente el objetivo general de esta investigación es desarrollar un aplicativo web
mediante la aplicación de un marco de trabajo ágil para la sistematización de la gestión
de procesos en el área de educación continua del Tecnológico de Antioquia, para lo cual
se plantearon los siguientes objetivos específicos: identificar los requerimientos
necesarios para el aplicativo web, por medio de historias de usuario, permitiendo cambios
oportunos de acuerdo las necesidades del área de educación continua; diseñar la
arquitectura del aplicativo web; construir el aplicativo web que responda a las historias de
usuario identificadas y validarlo por medio de un caso real de un proceso del área de
educación continua, analizando el cumplimiento de diferentes funciones del sistema.
En la industria cada vez más empresas se acogen a metodologías agiles, ya que, les
permite ahorrar más recursos, entregar el producto final en menor tiempo y siempre es
funcional. Con esta metodología ágil todos los implicados en el proceso aportan algo sin
importar su nivel de experiencia, se tienen reuniones diarias, donde el Scrum master es
el encargado de ayudar al miembro del equipo a resolver estos problemas. Al final de
cada sprint se manejan dos tipos de revisión, la primera se involucra a el Team, Product
Owner, Scrum Master y los usuarios en donde se da una demostración del trabajo y se
hace su respectiva retroalimentación. La segunda reunión que se hace es de
retrospectiva en la cual participan el equipo, Scrum Master y el Product Owner donde se
mira cómo se ha estado trabajando y de que maneras se puede dar una mayor efectividad
en el proceso (Anand, R. V., & Dinakaran, M., 2016).
Para concluir, con el aplicativo web que se presenta en este trabajo de investigación se
busca dar una mejor ubicación dentro de la página web del Tecnológico de Antioquia al
área de educación continua, para que se mejore la demanda de los diferentes programas
que se ofrecen y tener un mejor control y manejo de estos. También proveer una
herramienta más amigable al uso, en donde las personas puedan ingresar y generar los
certificados sin tener que desplazarse hasta la institución. De esta manera se podrá
prestar un servicio de mayor calidad y más accesible para los usuarios.
El presente documento se estructura por capítulos los cuales se describen a
continuación:
En el Capítulo 1. Introducción, se presenta la contextualización del trabajo de
investigación abordado, relaciona de manera breve la situación existente en el
Tecnológico de Antioquia con respecto a la necesidad de disponer en el área de
educación continua de un aplicativo web, que contribuya de manera adecuada con la
gestión de procesos. Se indica la problemática que se aborda y la solución desde el
aplicativo web propuesto; así mismo, plasma los objetivos, tanto el general como los
Página 12
específicos, del trabajo de investigación y la metodología abordada para el desarrollo del
trabajo planteado.
El Capítulo 2. Marco del proyecto, incluye: Definición del problema abordado para el
trabajo de investigación con su respectivo árbol de problemas, áreas del conocimiento
asociadas; Justificación; Marco conceptual; Antecedentes; Objetivos tanto general como
específicos.
A partir del marco conceptual se resalta la importancia de la educación continua impartida

en el Tecnológico de Antioquia a través de la dependencia de extensión. Así mismo, se
desarrolla el marco conceptual asociado con: Procesos, Gestión de procesos, Aplicativo
web responsivo, Scrum, Historias de usuario, MERN, MongoDB, ExpressJS, JavaScript,
NodeJS, Handlebars, MVC, HTML y CSS, como marco relevante para el desarrollo del
aplicativo web propuesto a través de la metodología Scrum.
La revisión de antecedentes asociados con la temática objeto del trabajo de investigación,
se realiza basada en plataformas web o software que son similares y tienen
funcionalidades afines a lo que se requiere en el Tecnológico de Antioquia para el área
de educación continua; así, se toman aquellos relacionados con la Universidad de
Antioquia, Universidad Nacional de Colombia sede Medellín, Colegio Mayor de Antioquia,
Instituto Tecnológico Metropolitano, Institución Universitaria Pascual Bravo, Software
Sirecec y Universidad Digital de Antioquia.
El Capítulo 3. Marco metodológico, incluye la definición de la metodología, definición del
alcance, recursos y cronograma de actividades. El trabajo de investigación se enfoca en
la metodología ágil Scrum para dar solución a la problemática de la dependencia de
extensión y su área de educación continua del Tecnológico de Antioquia, en cuanto a la
gestión de procesos que se llevan a cabo allí.
Se incluyen todos los recursos que fueron utilizados para el desarrollo de la aplicación.
Así mismo, el aplicativo cuenta con: Módulo inicio, Módulo usuarios, Módulo cursos y
Modulo matrículas.
El Capítulo 4. Desarrollo del proyecto, incorpora los aspectos relacionados con: contexto
del desarrollo del software que incluye la descripción del negocio, áreas a intervenir,
actores y sus roles; propuesta de solución con el correspondiente product backlog;
planificación del Sprint 1, 2, 3 y 4 que incorpora las historias de usuario, revisión y tareas
asociadas y ejecutadas; diseño del sistema que incluye las temáticas especificación de
la arquitectura, diagrama de clases y de entidad relación y los manuales de usuario e
instalación.
En el Capítulo 5. Resultados y discusión, se presentan los resultados relevantes
obtenidos a partir de la metodología aplicada, en articulación con los objetivos
propuestos.

Página 13
El Capítulo 6. Se plante el impacto esperado del aplicativo web, se esboza como un plus
que conlleve al mejoramiento en la gestión de procesos que se ejecutan en el Tecnológico
de Antioquia, se busca brindar una mejor interacción con los usuarios desde el área de
educación continua, no solo para al interior de la Institución sino con todo el público en
general.
Capítulo 7. Se presentan las conclusiones, donde de manera general y relevante se
destaca que desde el aplicativo web desarrollado se busca disponer de una herramienta
más ágil y amigable desde la cual los usuarios puedan ingresar y generar la información
requerida sin tener que desplazarse a la Institución.es
Capítulo 8. Se proponen las recomendaciones futuras a desarrollar en el aplicativo web,
como ser la generación de certificados especiales que se necesitan por los eventos
realizados con otras instituciones o con otras temáticas.
De igual modo, se incluyen las referencias consultadas como soporte a la investigación,
los Anexos de los Sprint realizados con sus correspondientes historias de usuario,
revisión, retrospectiva, tareas asociadas y ejecutadas y finalmente los manuales de
usuario y de instalación.

Página 14
2. MARCO DEL PROYECTO
2.1. DEFINICIÓN PROBLEMA
En la actualidad, la Institución universitaria Tecnológico de Antioquia, se suma a la

propuesta de presentar a egresados, estudiantes y público en general la posibilidad de
realizar diferentes cursos y diplomados con el fin de complementar su currículo
académico y estar más preparados para el futuro. Estos son ofrecidos por la dependencia
de extensión, en el área de educación continua; donde se manifiesta que se trata de una
modalidad de formación llevada a cabo en los diferentes programas de educación no
formal como cursos, talleres, seminarios, diplomados, congresos articulados con los
programas académicos de pregrado y postgrado para actualización o profundización en
diferentes áreas del conocimiento manejados en las diversas modalidades donde pueden
darse de manera presencial, semipresencial o completamente virtual (Educación
Continua, 2020).
Por su parte los autores Nicea, Andreea-Gabriela & Romeo, (2017), manifiestan: “La
educación y formación profesional continua constituyen un recurso valioso para facilitar
la inserción de personas desempleadas e inactivas en el mercado laboral” (p. 10). En
contraste se encuentra que dicha institución universitaria no cuenta con una plataforma
adecuada para la gestión de procesos y así crear la oferta de cursos o diplomados al
público interesado. Sumándose la situación en la cual la ubicación de estas ofertas es
difícil de hallar, de modo que el usuario debe conocer exactamente la ruta que debe tomar
para ingresar y así acceder a esta información, llegando a manifestar la importancia de
que el área de educación continua pueda brindar una adecuada difusión al público
interesado en tomar alguna de estas ofertas educativas y a su vez se forme un vínculo
entre ambas partes el usuario que toma la oferta educativa y la institución que brinda la
oportunidad.
Al mismo tiempo para el área de educación continua es de suma importancia una

adecuada gestión y difusión con el fin de ser competitivos en un nuevo mercado enfocado
en la especialización y que a su vez, se pueda brindar a los usuarios interesados un
complemento a la formación que ya hayan recibido previamente o que estén recibiendo
en la institución. Si los interesados en tomar las ofertas se sienten a gusto por la iniciativa,
se podría deber a que sus procesos se hacen bien, ya que la importancia de los procesos
de negocios en una organización es fundamental para su supervivencia, pues son los
que determinan la creación de valor y el costo de los productos y servicios ofrecidos al
cliente (como se cita en Rivera y Zapata, 2019).
Página 15
Además, se presenta una problemática a la hora de generar los certificados de estos
cursos, ya que el estudiante no puede acceder a una página directamente y generarlos,
sino que debe dirigirse a extensión para expedirlo. Al no contar con un sitio unificado de
las diferentes facultades, quien desee expedir un certificado debe acercarse a la persona
encargada dependiendo de la facultad a la que pertenezca. Por lo tanto, si se extravía el
documento en algún momento, el estudiante deberá regresar a la institución y volver a
expedirlo. A su vez en el área de educación continua, no se cuenta con la posibilidad de
obtener un mejor control de lo que sucede con las ofertas educativas, y permitir realizar
estadísticas y obtener indicadores sobre las ofertas de los cursos y diplomados,
separados por las diferentes facultades de la institución. Adicionalmente, Bonilla (2018)
manifiesta: “Cuando se realiza un estudio estadístico para controlar diferentes procesos,
es importante comprender los diferentes fenómenos relevantes para el proceso,
igualmente, no se conoce “todo”, ya que si fuera así no tendría sentido realizar un estudio
sobre él” (p. 28).
Por consecuencia nace un cuestionamiento en el cual se pretende abordar y se propone

en este trabajo de grado y es ¿Es posible por medio de un aplicativo web para dar una
mejor gestión de procesos en el área de educación continua del Tecnológico de
Antioquia?
2.1.1. Árbol de problemas
En la figura 1 se presenta la problemática descrita e identificada por medio del árbol de

problemas, donde se expresan la problemática en su parte central, es decir, el tronco y
en sus ramas y hojas los efectos, finalizando en sus raíces las causas, esto con el fin de
dar una mejor claridad a lo descrito en el planteamiento del problema.

Página 16
Figura 1. Árbol de problemas
Fuente: elaboración propia (2020)
2.1.2. Áreas del conocimiento
Según el ministerio de educación de Colombia es una agrupación de programas

académicos afines por su contenido y líneas de acción. Las áreas de conocimiento en la
Educación Superior colombiana son ocho:
a) Agronomía, Veterinaria y afines
b) Bellas Artes
c) Ciencias de la Educación
d) Ciencias de la Salud
e) Ciencias Sociales y Humanas
f) Economía, Administración, Contaduría y afines
g) Ingeniería, Arquitectura, Urbanismo y afines
h) Matemáticas y Ciencias Naturales (Ministerio de Educación Nacional, 2020).

Página 17
En cuanto el trabajo que se pretende proponer como propuesta de trabajo de grado de la
carrera ingeniería en software del Tecnológico de Antioquia institución universitaria y
basados en la información encontrada en el ministerio de educación se puede percatar
que el área de conocimiento afín en esta propuesta es el campo de la Ingeniería,
Arquitectura, Urbanismo y afines.
2.2. JUSTIFICACIÓN DEL PROBLEMA
Lo que se pretende con esta propuesta de trabajo de investigación es aplicar los

conocimientos adquiridos durante los semestres cursados del programa de ingeniería en
software. Donde se busca dar una solución a la problemática que se tiene actualmente
en la dependencia de extensión y su área de educación continua del Tecnológico de
Antioquia en cuanto a la gestión de procesos que se llevan a cabo allí.
Es importante destacar varios aspectos sobre la idea que se propone que consta de un
aplicativo web donde se pueda gestionar, unificar y darle alta calidad a los procesos del
área de educación continua, ya que, tomando de referencia lo manifestado por Renna,
Izzo & Romaniello, (2020), “El desarrollo de un modelo basado en procesos puede
contribuir a superar los problemas anteriores y respaldar la mejora continua del sistema
para aumentar la satisfacción del cliente en términos de calidad, eficiencia y agilidad” (p.
57). Este aplicativo web pretende emular lo descrito anteriormente permitiendo ofrecer
una solución a esos problemas por medio de una mejora en la gestión de procesos en el
área de educación continua y que, por lo tanto, sea más sencillo para los usuarios que
trabajan en dicha área interactuar en el sitio web. Este sitio web actualmente no se
encuentra unificado, conllevando a que no se pueda realizar un
desempeño óptimo donde la importancia es ofrecer un servicio de calidad a los
interesados y así ser más manejable su gestión en dicha área del Tecnológico de
Antioquia. Algunos puntos clave serían poder automatizar sus procesos, permitir tener un
mejor control de cómo se comportan los cursos por medio de informes gráficos. Según la
autora Munzner (2014), “Una visualización de los datos es adecuada cuando hay una
necesidad de aumentar las capacidades humanas en lugar de sustituir a las personas
con los métodos de toma de decisiones computacionales” (p. 1).
Por lo tanto, cabe resaltar que la importancia del proyecto se enmarca en dar un plus al
trabajo que se realiza en el área de educación continua y su personal administrativo,
permitiendo que ganen en aspectos de automatización de procesos importantes, que su
información sea más ordenada y se puedan tener registros más claros de cómo se
comporta el proceso de los cursos ofrecidos al público interesado y así determinar qué
pasos tomar para mejorar o para dar un mejor servicio.

Página 18
Para los usuarios interesados en este caso los estudiantes, egresados y personas que
deseen tomar las ofertas educativas que se ofrecen en el área de educación continua del
Tecnológico de Antioquia, es de suma importancia sentirse cómodos y tener a disposición
un aplicativo web adecuado para que puedan realizar los diferentes procesos como
observar la oferta que se tiene a disposición, poder matricularse en dichas ofertas, y
poder obtener su certificado una vez concluyan el curso o diplomado. Lo manifestado
anteriormente se basa en la importancia de que estos cursos y diplomados van ligados a
la educación no formal, la cual está orientada al mismo tiempo a la adquisición y
desarrollo de habilidades y competencias desde una educación permanente a lo largo de
la vida, por ende, el papel de importancia de la educación no formal en la construcción
social y profesional de cada persona de la sociedad del futuro (Domínguez et al., 2018).
La importancia también radica en generar una mejor experiencia de usuario a los

interesados, ya que, la experiencia de usuario no está solamente basada en la facilidad
de uso, sino que también tiene en cuenta el beneficio o el valor de su uso, por ende, el
usuario es quien percibe la utilidad del aplicativo web en relación a su función (Navarrete,
2017), así mismo surge la intención de brindar un aplicativo web adecuado, en el cual no
tengan que estar interactuando de un lugar a otro, permitir crear un impacto en la
publicación de los cursos y así generar más interés a que estos tomen los cursos y
diplomados y porque no, puedan ser fuente de recomendación de los mismos. Esto se
puede llegar a realizar integrando la automatización de procesos como su registro,
matriculas, ver la oferta y cuando estos culminen su curso, tener la posibilidad de obtener
su certificado sin tener que acercarse al área de educación continua y así obtenerlo en
línea.
2.3. MARCO CONCEPTUAL
Es de suma importancia especificar y dar a conocer conceptos necesarios y

fundamentales que están relacionados con el tema de esta propuesta de trabajo de
investigación, la cual está enfocada en la implementación del aplicativo web que permite
dar una mejora en la gestión de procesos en el área de educación continua del
Tecnológico de Antioquia. Puesto que es relevante dar una pequeña guía y
conceptualización, ya que brindaría una mejor comprensión al lector de lo que se trata de
resolver y conocer más a fondo los aspectos que engloban la propuesta.

Página 19
Educación Continua
Educación por extensión, formación permanente, formación continua o capacitación

continua, también conocida como educación a lo largo de la vida, son algunos de los
sinónimos que se le pueden atribuir a este modelo de capacitación educativo, cabe
resaltar la definición dada en la legislación colombiana donde según la Ley 30 de 1992:
La extensión comprende los programas de educación permanente, cursos, seminarios y

demás programas destinados a la difusión de los conocimientos, al intercambio de
experiencias, así como las actividades de servicio tendientes a procurar el bienestar
general de la comunidad y la satisfacción de las necesidades de la sociedad (Ley 30, 1992,
art. 120).
Esta modalidad de educación es impartida en el Tecnológico de Antioquia por medio de

la dependencia de extensión, la cual brinda a los estudiantes, egresados y usuarios
externos sin ningún vínculo con la institución, la posibilidad de inscribirse a estos talleres,
cursos y diplomados; los cuales aportan conocimiento y actualización para tener altas
posibilidades en el mundo laboral y así estar competitivos ante la gran demanda que está
requiriendo el día a día.
Proceso
Recopilando información brindada por la norma ISO 9001:2015, donde se manifiesta que
proceso es un conjunto de actividades relacionadas entre sí, que se definen, son
repetibles, y agregan valor medible mediante la transformación de entradas y salidas
(ISO, 2015). En otras palabras, es un conjunto de actividades que transforman insumos
o materias primas en productos que satisfacen las necesidades de los clientes, de
acuerdo con las estrategias de una organización
Gestión de Procesos
Gestión de procesos es un enfoque disciplinado para identificar, diseñar, ejecutar, medir,

monitorear y controlar los procesos de negocio, automatizados o no, para lograr
consistencia y resultados alineados con los objetivos estratégicos de la organización, que
implica también, con la ayuda de tecnología, lograr formas de agregar valor, mejoras,
innovaciones, lo que lleva a una mejora en el rendimiento de la organización y de los
resultados de los negocios (ABPMP, 2013).

Página 20
Aplicativo web responsive
Es una modalidad de diseño para el desarrollo de aplicaciones web que es soportada en

HTML5, la cual fue creada por el desarrollador web Ethan Marcotte, difundida en su libro
Responsive Web Design, su implementación es realizada por el uso de estructuras e
imágenes fluidas y componentes llamados Media Queries los cuales se alojan en las
hojas de estilo (CSS3), la idea es adaptar un aplicativo web a cualquier dispositivo del
usuario, sin la necesidad de crear más versiones del mismo HTML y CSS, para cubrir
todas las resoluciones de pantallas disponibles sea PC’s, Laptops, Notebooks, tabletas y
teléfonos móviles que posean un navegador web (como se cita en Hernández, Barrientos
& Alva, 2016).
Scrum
Scrum es considerado como un marco de desarrollo y gestión de productos de software

que es derivado de los principios las metodologías ágiles y construido sobre la base del
empirismo, creado en 1993 por Jeff Sutherland y Ken Schwaber. Por su parte Takeuchi
y Nonaka pioneros de la palabra clave Scrum, anunciaron en 1986, que el nuevo marco
basado en agilismo ha ayudado a la transformación global del desarrollo de software y
está listo para ser adoptado por las organizaciones que manejan el desarrollo de software
(Bhavsar, Shah, & Gopalan, 2020).
Historias de Usuario
Las historias de usuario nacen de la interacción con los interesados del proyecto, los
analistas, los testers y los desarrolladores que se encuentran involucrados en dicho
proyecto, donde el resultado que se da es la representación de un requisito escrito en
una o dos frases cortas utilizando el lenguaje común de dicho interesado (Suaza, García
& Jaramillo, 2015).
MERN
MERN es una herramienta de andamiaje que facilita la creación de aplicaciones

universales usando MongoDB, ExpressJS, ReactJS y NodeJS. Minimiza el tiempo de
configuración y lo pone al día utilizando tecnologías ya probadas (Aggarwal & Verma,
2018).

Página 21
MongoDB
Base de datos NoSQL orientada a documentos de código abierto, en la cual no se

guardan sus datos por tablas si no que estos se guardan en colecciones; cada colección
tiene un documento el cual viene en formato BSON que es la representación binaria de
los JSON (similar a JSON), siendo está más dinámica y logrando que la incorporación de
estos sea más fácil y rápida. Es una de las bases de datos más utilizadas actualmente
en la industria ya que permite hacer continuamente backups. MongoDB agiliza la
escalabilidad de las aplicaciones ya que no se tiene que estar modificando esquemas o
agregar nuevas tablas a medida que evoluciona la aplicación (MongoDB Atlas: Cloud
Document Database & Compass, 2020).
ExpressJS
Es un framework de aplicación web para node.js, el cual es uno de los más estables y de
los más utilizados en la actualidad. Muchas aplicaciones web, API REST, entre otras
están basadas en ExpressJS.
Este framework permite el uso de middlewares, los cuales son pequeños fragmentos de
código que se permiten usar antes de que el usuario o cliente acceda a una URL en
específico de la aplicación, es decir antes de que se ejecute la acción que se requiera
hacer en la comunicación cliente - servidor. Para usar ExpressJS es muy fácil, ya que
solo se necesita tener Node.js y NPM para su instalación y usarlo, la ventaja de este es
que ya en la actualidad tiene una documentación muy extensa y completa, lo que permite
la creación de rutas middlewares de manera muy simple y rápida.
JavaScript
Es un lenguaje de programación interpretado, esto quiere decir que es analizado por otro
programa siendo este, los navegadores web. JavaScript está diseñado para ejecutarse
en los navegadores web, este lenguaje es utilizado principalmente para ejecutar acciones
del lado del cliente, pero también existen formas de usarlo del lado del servidor. El
principal objetivo de JavaScript es darle interactividad, esto se refiere a darle a las
paginas por llamarlo de alguna manera inteligencia artificial y que los eventos o sea las
acciones que ejecutan los usuarios influyan en la información presentada en la página.
JavaScript permite a los desarrolladores dar efectos especiales dinámicos a las páginas,

Página 22
es un lenguaje de programación orientado a objetos basado en prototipos (Free
JavaScript training, resources and examples for the community, 2020).
NodeJS
Es un entorno de ejecución para JavaScript, este se puede usar por fuera del navegador
web, usa un modelo de operaciones asíncrono y orientado a eventos permitiendo que se
puedan ejecutar las tareas en orden diferente del que fueron programadas, haciendo que
una tarea no bloquee o retrase la ejecución de otras, esta es una característica que hace
que Node.js sea más liviano y eficiente además de contar con su propio gestor de
paquetes llamado NPM (Node Package Manager) considerado como una de las librerías
de código abierto más grande. En NPM se permite gestionar fácilmente las dependencias
de un proyecto, así como descargar librerías o programas de terceros, administrar
dependencias, distribuir código entre muchas más funcionalidades. Es recomendado
principalmente para aplicaciones usadas en RealTime como videojuegos, chat, etc
(Node.js, 2020).
Handlebars
Es un administrador de plantillas JavaScript semántico, eficaz y dinámico que se permite

enlazar con nuestro código HTML, está basado en Mustache Templates, donde se
permite generar HTML a partir de objetos con datos en formato JSON. La ventaja del uso
de este radica en evitar el uso de operaciones complejas de librerías como jQuery para
tocar el DOM insertando elementos de manera independiente con append o prepend.
Handlebars es eficaz en funcionalidades difíciles de ejecutar como ciclos, condicionales,
además, nos permite crear ayudantes o helpers basados en código JavaScript para
realizar funcionalidades únicas y darle un toque de modularidad a nuestros témplates
HTML, para así evitar tener código muy extenso y difícil de mantener (Handlebars, 2020).
MVC
Es un patrón de arquitectura siendo uno de los más usados para crear proyectos
escalables y modulares, separa una aplicación en tres componentes lógicos la vista, el
modelo y el controlador. Cada uno de estos componentes cumple una función específica
y la forma en que se relacionan ayuda a que los programadores puedan crear mejores
aplicaciones permitiendo que estas puedan ser mantenidas en el futuro. Cuando se habla

Página 23
de la vista se refiere a la parte que contempla la parte grafica de la aplicación donde su
función es ser la parte que obtiene la información que requiere ver el usuario los cuales
son los eventos. El modelo es la parte que relaciona los datos con los cuales la aplicación
va a operar como consultas, actualizaciones, creación de información y eliminar datos al
mismo tiempo esta parte es conocida como la parte lógica del negocio siendo la
encargada de mapear las actividades del mundo real a la forma en la que se va a
modificar la información, por último se tiene al controlador que es la parte que responde
a los eventos o acciones que realiza el usuario a través de la vista para poder solicitar la
operación de la información, también es la que elige que vista mostrar al usuario
dependiendo de la solicitud que reciba, siendo el vínculo que une al modelo con la vista
(MDN Web Docs, 2020).
HTML
Es un lenguaje para modelado de documentos, es decir, la forma en la que la información

es presentada a los usuarios. HTML está basado en un concepto de etiquetas, siendo
estas una manera de hablarle al navegador. Todas las etiquetas empiezan con un signo
< y deben terminar con un signo >. Las etiquetas deben ser abiertas y cerradas siempre.
La estructura básica de un archivo de este tipo donde siempre tiene una raíz llamada html
con su respectiva abertura y cierre y esta etiqueta se encuentra dividida en dos
segmentos head (Cabecera) que es donde van las etiquetas especiales que están
relacionadas con la página pero que no se ven en ella. Luego, se cuenta con la etiqueta
body (Cuerpo) donde va toda la parte visual, donde se pueden colocar párrafos, títulos,
imágenes, contenedores, menús etc. (HTML: Lenguaje de etiquetas de hipertexto, 2020).
CSS
Las hojas de estilo en cascada sirven para agregar el diseño gráfico a la información que
se quiere mostrar en una página web. Actualmente el contenido como títulos, tablas,
listas, enlaces, formularios, etc. es independiente de la presentación que se le dé, es
decir, de los colores, bordes, márgenes, layouts, tamaños, fuentes, alineación de texto,
etc. Esta separación permite tener muchas ventajas ya que varios archivos de HTML
pueden tener la misma hoja de estilos CSS y de esta manera optimizar el tiempo de carga
del sitio haciéndolo más fácil de mantener. El código CSS está compuesto por reglas y
cada una de estas, está formada por el selector del elemento y el bloque declarativo,
donde el selector permite seleccionar a que elemento del documento se le aplica la regla
y el bloque declarativo contiene una o más declaraciones donde cada declaración es una
Página 24
propiedad del valor separado por dos puntos y finalizado con punto y coma. La propiedad
indica la característica del elemento que se desea cambiar y el valor indica como se
desea cambiar la característica (CSS, 2020).

Página 25
2.4. ANTECEDENTES
La siguiente revisión de antecedentes se realiza basada en plataformas web o software

que son similares y tienen funcionalidades afines a lo que se requiere en el Tecnológico
de Antioquia para el área de Educación continua, en cuanto a cómo ofertar los diferentes
programas que se manejen dentro de la universidad, tener una referencia que guie el
proceso de este trabajo de investigación y así llegar a implementar como manejar el
proceso de los certificados para los estudiantes, inscripciones y demás procesos que se
requieran en el área de educación continua.
2.4.1. Universidad de Antioquia
Para que el usuario pueda acceder a esta parte de la universidad, se logra a través del
portal web de la UdeA; www.udea.edu.co como se muestra en la figura 2, donde se debe
dirigir y acceder por el apartado “estudiar en la UdeA”, luego tener en cuenta la opción
quiero estudiar en la UdeA” y para finalizar con un clic en la opción de “educación
continua”.
Figura 2. Universidad de Antioquia (Página principal).

Fuente: Universidad de Antioquia (2020).
Esto direcciona al usuario en el sitio web donde se exponen todos los cursos que ofrece
la universidad de este tipo, además, el usuario puede hacer la búsqueda por tipo de
Página 26
actividad, donde se puede filtrar por el tipo de curso que el interesado desee cursar, ya
sea diplomado, curso, semillero, seminario o taller. Además, el usuario puede filtrar por
la región, área, etc. En el apartado de dependencia puede ver las diferentes direcciones,
escuelas, institutos, etc. que se manejan en la universidad y finalmente se puede filtrar
por rango de edad.
Figura 3. Universidad de Antioquia (Ofertas).

Fuente: Oferta (2020).
Esta página cuenta con un apartado en donde si alguna organización requiere un servicio
más puntual o si se tiene alguna sugerencia para la universidad la puede registrar. Para
registrarla debe llenar un formulario donde se le pregunta el nombre, correo electrónico,
número telefónico y una caja de comentarios para que puede describir más a detalle lo
que necesita o la sugerencia y luego enviar este cuestionario (Oferta, 2020).
Además, se cuenta con un botón llamado “pagos y constancias” en donde al hacer clic el
usuario puede consultar por medio del documento de identidad los diferentes cursos en
los que se encuentra inscrito y saber en qué estado se encuentran. Asimismo, si se
realizó algún diplomado o cualquier curso en sus diferentes modalidades y también puede
imprimir el certificado de estos. Aparte, en caso de necesitar la factura a nombre de
alguna organización la página cuenta con esta opción con solo enviar una carta de

Página 27
compromiso de la compañía en papel membrete y firma solicitando la factura a la
Universidad de Antioquia con el nombre, número de documento de identidad de la
persona inscrita y programa en el que está. También si una entidad del sector público
requiere factura debe enviar copia de la resolución y de la respectiva reserva
presupuestal. Esta carta debe enviarse al email: (correo de la unidad adscrita) y confirmar
el recibido de la misma. Si el pago se realizó por la página web, el recibo de la matrícula
quedará a título personal y posteriormente no se podrán realizar cambios (Pagos, 2020).
Al entrar en un curso, diplomado, etc. en el que se esté interesado se visualiza la siguiente
información: nombre del curso, presentación en donde se da una pequeña introducción
de lo que se trata el curso y detallando la modalidad en la que se dará. Se ponen los
objetivos que se tienen con respecto a este y los diferentes contenidos que se dictaran,
también se pone el tipo de metodología a tratar, requisitos de la inscripción y la duración
del curso.
Sobre la derecha se puede visualizar en qué etapa se encuentra el curso y se visualiza
la modalidad, las fechas de inicio y finalización y la fecha límite de inscripción para
acceder a este. Se ponen los horarios, junto con la sede y el lugar en donde se dictará.
También aparece el valor a pagar y las fechas en las que se puede hacer, se ve la región
en donde se ofrece el programa, un correo electrónico y un número telefónico para
contactar la universidad en caso de tener alguna duda o inquietud.
Para realizar el proceso de inscripción se debe llenar un formulario dividido en cuatro
pasos:
● Primer paso (Identificación): se debe poner el tipo de documento que tiene la persona
junto con el número de documento.
● Segundo paso (Datos de inscripción): se debe poner los nombres completos, con
apellidos, teléfono, celular, correo electrónico, seleccionar la tarifa en donde se
selecciona si es particular, vinculado, etc. El valor sin descuento o con descuento
dependiendo del tipo de público que sea. Aparece el valor a pagar y cuanto porcentaje
es y las fechas para realizar los pagos. Luego aparece la opción de seleccionar el
grupo donde se ve los horarios y el lugar en donde se dictan aparece cuantos cupos
se tiene disponible y la fecha de inicio para cada una de las opciones dependiendo
del horario escogido.
En este paso se sigue al número 4 si es una persona mayor de edad, en caso de ser
un menor debe llenar el paso 3 y luego seguir con el 4.
● Tercer paso (Datos adicionales): se debe poner el tipo de Rh que se tiene, la EPS,
genero, cumpleaños, estrato socioeconómico, país, departamento, ciudad y dirección
de residencia, información del responsable como nombres completos, teléfono y
correo electrónico.
● Cuarto paso (Resumen): Aparecen los datos de la persona que hizo la inscripción.

Página 28
Luego se debe confirmar la inscripción y aparece un mensaje que indica que se realizó
satisfactoriamente con 3 opciones que son cerrar, descargar la factura y pagar (Oferta,
2020).
En la Universidad de Antioquia la plataforma que se usa para publicar los programas de
educación continua se llama Portafolio. Entró en funcionamiento desde el 21 de octubre
del 2019 siendo este en donde se manejan exclusivamente los servicios de educación
continua. Esta plataforma web funciona permitiendo crear los usuarios responsables de
crear los programas que se vayan necesitando, llenando los datos necesarios para poder
publicar la nueva oferta en la página web de la universidad. Este sitio es independiente
de la plataforma que manejan para los estudiantes de pregrado. Antes de esta plataforma
se manejaba otra que era REUNE que si contaba con todos los servicios de la
universidad. Al crearse el curso, a la plataforma solo se ingresa el listado de los
estudiantes que aprobaron y se les entrega el certificado, el cual se guarda en la
plataforma por hasta 10 años. Si en algún momento por alguna razón la persona necesita
de nuevo su certificado puede ingresar al apartado del sitio web de la universidad y darle
al botón de pagos y constancias donde debe ingresar el tipo número y tipo de documento
y le sale el listado de los certificados que tenga activos al momento.

Página 29
2.4.2. Universidad Nacional de Colombia
Para que el usuario pueda acceder a la parte de educación continua en esta universidad,
se debe ingresar a su página web www.unal.edu.co figura 4 e ir a la pestaña de
formación, luego la opción “Educación continua y permanente” en donde se redirecciona
al sitio, https://hermesextension.unal.edu.co/ords/f?p=116:20, luego se puede ver un
pequeño recuadro para hacer la búsqueda por nombre de actividad, sede, facultad o
metodología.
Figura 4. Universidad Nacional de Colombia (Página principal).

Fuente: Universidad Nacional de Colombia: Sede Medellín - La sede. (2020).
Luego aparece una lista con todos los diferentes programas como se muestra en la figura
5, los cuales se ofrecen por nombre, sede, facultad, el tipo de metodología, valor de la
inscripción, fecha de inicio y final del programa, fecha de cierre de inscripción y finalmente
la duración.

Página 30
Figura 5. Universidad Nacional de Colombia (Hermes).
Fuente: Hermes- Módulo Alumnos - Log In (2020).
Tiene un recuadro de mayor información por cada programa que se ofrece en donde al
darle clic se dirige y le muestra al usuario el nombre del curso, información general con
un resumen sobre lo que trata el curso, la metodología que se va a desarrollar, la sub
modalidad, publico objetivo, duración, horario, fecha de inicio y cierre de inscripción,
fechas de inicio y final de las actividades y un apartado de condiciones.
Después se muestra la información financiera del programa empezando por el valor de
este, el tipo de pago que se maneja para ese curso en particular, nombre del banco, tipo
de cuenta y número de cuenta de esta, aparece la dirección para hacer el pago virtual si
la persona lo quiere hacer de esta manera. Luego un recuadro con los diferentes
descuentos dependiendo del tipo de persona que se vaya a inscribir aparece el porcentaje
que se hace, el valor y el costo con el descuento aplicado.
También se cuenta con otro recuadro donde se tiene la información de contacto que
cuenta con la facultad a la que pertenece ese programa con la sede de la universidad en
la que se da, luego la unidad académica a la que pertenece, el correo electrónico del
encargado de cada programa y el código de la extensión. Finalmente aparece un botón
para preinscribirse al programa. Al preinscribirse se pide el tipo de documento con el
número. Mas adelante solicita datos como, el primer y segundo nombre con el primer y
segundo apellido, sexo biológico, estado civil, fecha de nacimiento, lugar de nacimiento,
se pregunta si es egresado de la universidad, tipo de vinculación, nivel de formación,
dirección y lugar de residencia, correo electrónico, número fijo y de celular y finalmente
aceptar los términos y condiciones. Al guardar la información, sale un cuadro de mensaje
en el que se dice que se ha preinscrito de manera exitosa y que en los próximos minutos
al correo que registro le llegara una notificación con las instrucciones para completar la
información igualmente se le solicitara asignar un usuario y contraseña para que se pueda
acceder al sistema (Hermes- Módulo Alumnos - Log In., 2020).

Página 31
La plataforma de la Universidad nacional se llama Hermes, se viene implementando hace
unos 4 a 5 años, la persona para poder ingresar debe tener asignado un usuario y
contraseña, en ella si la persona decidió seguir su proceso de inscripción allí le sale la
opción para que pueda cargar los diferentes documentos que se le solicitan y poder seguir
con su proceso de inscripción y pago, además, de estar unificada con todos los otros
servicios de la institución.

Página 32
2.4.3. Colegio Mayor de Antioquia
En esta universidad para que el usuario interesado pueda acceder a la parte de educación
continua en esta universidad, se debe ingresar a su página web
https://www.colmayor.edu.co/ figura 6, luego el usuario se debe dirigir hasta la parte
inferior de la página y dar clic sobre “Extensión Académica” luego ir a la parte que dice
“Oferta académica” y dar clic en “conoce aquí nuestra oferta de educación continua”
(Institución Universitaria Colegio Mayor de Antioquia. – Principal, 2020).
Figura 6. Institución Universitaria Colegio Mayor de Antioquia (Página principal).

Fuente: Institución Universitaria Colegio Mayor de Antioquia. – Principal, (2020).
Luego se redirecciona a una nueva página donde le muestra al usuario los cursos que se
dan en esta institución en un recuadro organizadas por código, nombre, duración, fecha
de inicio, horarios, valor y funciones.
En el momento no se puede contar con información más detallada sobre el sitio y cómo
funcionan las inscripciones ya que no hay cursos en oferta (Institución Universitaria
Colegio Mayor de Antioquia. – Oferta, 2020).

Página 33
Figura 7. Institución Universitaria Colegio Mayor de Antioquia (Oferta académica).
Fuente: Institución Universitaria Colegio Mayor de Antioquia (2020).
En esta institución se cuenta con una plataforma de uso exclusivo para la parte de
educación continua llamada sistema de información para los procesos de extensión, en
donde la facultad o cualquier área de la universidad que necesite generar un programa
lo puede hacer por medio de unos formatos para la creación de la actividad, se tiene un
costo de la actividad, bases de datos donde se deben registrar los participantes que se
van a certificar y cuales no de acuerdo al desempeño que hayan tenido y al final se cuenta
con una evaluación de satisfacción para mirar la percepción de los participantes, futuras
mejoras o cambios a los programas. El sistema es propio de la institución siendo creado
de acuerdo a las necesidades que se fueron visualizando en esta.
Este sistema le permite al encargado crear el curso desde cero y hacer un seguimiento
tanto a los participantes del programa como a la persona que lo dicto y así poderlas
certificar.
El certificado se da de manera digital por el sistema a partir de los datos de seguimiento
donde el encargado de educación continua los genera y la persona que dicto el programa
es la encargada de mandarlo. La oferta de los programas se hace a través de la página
de la institución y se da un link para que hagan todo el proceso de inscripción y pago.
Los estudiantes que se registren a un programa de educación continua en el Colegio

Mayor no entran a la plataforma, ya que la información generada allí es solo para uso
interno de los empleados, siendo esta más de uso administrativo y académico para la
institución, que para los estudiantes. En caso de que un estudiante pierda su certificado
debe mandar un correo electrónico a la persona encargada y la institución le manda el

Página 34
certificado de manera digital, la duración de estos en el tiempo es almacenada de manera
infinita en las bases de datos.

Página 35
2.4.4. Instituto Tecnológico Metropolitano
Para entrar al sitio de educación continua del ITM el usuario debe ingresar a la página
web www.itm.edu.co figura 8, luego dirigirse a la pestaña de dependencias y dar clic en
“Dirección Operativa de Extensión Académica” (ITM, 2020). Esta página le muestra al
usuario el objetivo general y específicos que tiene esta institución con respecto a la
extensión académica luego en el menú que sale al lado izquierdo se presentan dos
opciones “Educación continua y Educación continua virtual” (Dirección Operativa de
Extensión Académica – ITM., 2020).
Figura 8. Instituto Tecnológico Metropolitano (Página principal).

Fuente: ITM (2020).
Al dar clic sobre “Educación continua” le carga al usuario una nueva página en donde se
puede buscar el programa en el que se está interesado, si la persona ya sabe el nombre
de este, sino lo puede filtrar por tipo de programa. Asimismo, el usuario puede filtrarlo por
sede y finalmente sale un listado con todos los programas que se encuentran activos en
la institución. Acá, se muestran los programas con su respectivo nombre, el tipo de
programa que es, la sede, la intensidad horaria y ver más. Al dar clic sobre este, muestra
en un recuadro una breve descripción. Además se puede ver el nombre del programa,
que universidad lo da, los objetivos generales y específicos, programación donde salen
cuantos grupos se van a manejar en ese programa, a que publico va dirigido, el contenido
del programa, la inversión a realizar dependiendo del tipo de persona que lo va a hacer
(Egresado, particular, grupos, etc.), además sale un apartado llamado mayores informes
Página 36
donde sale el contacto como, números telefónicos y correos electrónicos en caso de tener
algún inconveniente o duda. Muestra también, una nota donde informa que los
programas, los horarios y grupos están establecidos están sujetos al número de personas
que se inscriban y que los certificados los da la dirección de extensión académica y solo
a quienes asistan mínimo al 85% del programa. finalmente sale la opción para hacer el
pago por PSE y como se debe hacer el trámite en caso de requerir la devolución del
dinero.
Cuando un usuario se quiere preinscribir al programa, se abre una ventana nueva en
donde se debe llenar un formulario con datos personales como nombres y apellidos, tipo
de identificación y numero, teléfono, celular, correo, programa, tipo de evento, tipo de
usuario, nombre del evento, cómo se enteró del curso dependiendo de que opción se
escoja le aparecerá otro recuadro preguntándole porque medio se enteró del curso y
finalmente sugiera un curso.
Mas abajo sale otra información bajo el enunciado de información importante con una
nota y como se manejan los datos personales según unas regulaciones y el usuario debe
aceptar los términos y condiciones para poder seguir con el proceso de preinscripción. Al
enviar la información del formulario le aparece al interesado un mensaje donde se dice
que en caso de ser admitido al programa se le contactara en los próximos días, se le
enviara la colilla de pago y los pasos a seguir para continuar con la inscripción (Educación
Continua – ITM., 2020).
Finalmente, al seleccionar la opción de “Educación continua virtual” muestra los
diferentes programas que se dictan de manera virtual y la forma en como aparecen,
además de su información y el proceso para preinscribirse es la misma anteriormente
descrito (Educación Continua Virtual – ITM., 2020).
No se logró tener información más detallada acerca de que plataforma o software se
maneja para esta parte de la universidad, ni saber cómo manejan la parte de los diplomas.

Página 37
2.4.5. Institución Universitaria Pascual Bravo
El usuario para acceder a la parte de educación continua del Pascual Bravo, debe
ingresar a la página web de la universidad www.pascualbravo.edu.co figura 9, luego se
dirige a la pestaña de “extensión”, luego a la pestaña “educación continua” y se le
muestran tres opciones al usuario (Inicio | Institución Universitaria Pascual Bravo., 2020).
Figura 9. Institución Universitaria Pascual Bravo (Página principal).

Fuente: Inicio | Institución Universitaria Pascual Bravo (2020).
En la primera opción “pasaporte a la felicidad” donde se muestra las diferentes charlas

que se dictan y al dar clic se redirecciona al canal de YouTube de la universidad.
La segunda opción que aparece es “programas diseñados para empresas” donde se dice
lo que manejan ellos en el portafolio de sus diferentes programas, sean cursos, talleres,
diplomado, entre otros (Programas diseñados para empresas | Institución Universitaria
Pascual Bravo, 2020).
La tercera opción es “certificación de competencia Retie” donde se certifica a las
personas naturales por competencias en instalaciones y se brinda una descripción de
cómo es el proceso para estas certificaciones. Para hacerlo el usuario debe ser ingeniero
electricista, electromecánicos, de distribución y de redes eléctrica que cuenten con
matrícula profesional y que necesiten certificarse en alguna competencia como uso final,
hospitales, transmisión o distribución y transformación. Seguidamente se debe realizar el
pago en el BBVA y se informan las fechas límites de inscripciones, el valor de la
Página 38
certificación, instrucciones sobre el horario y los papeles que debe presentar para obtener
la certificación (Certificación de competencia Retie | Institución Universitaria Pascual
Bravo, 2020).
Finalmente, con respecto a que plataforma o software se maneja en la institución sobre
educación continua y su funcionamiento no se logró conseguir información sobre esto.

Página 39
2.4.6. Software SIRECEC
SIRECEC es el software que usan en la Escuela Superior de Administración Pública, al

ingresar, en la parte superior donde dice inicio se le despliega al usuario dos opciones,
la primera opción es la oferta académica de “Alto Gobierno” donde ofrece de manera
presencial o a distancia cursos y en la segunda opción es la de “Capacitación”, donde se
pone a disposición tanto de entidades públicas, como de la ciudadanía en general la
oferta de educación informal bajo el lineamiento del plan nacional de desarrollo, plan
nacional de formación y capacitación y los planes institucionales de la misma como se
muestra en la figura 10.
Figura 10. Escuela Superior de Administración (Principal).

Fuente: Escuela Superior de Administración (2020).
Seguidamente al dar clic en cualquier de las dos opciones mencionadas le muestra al

usuario los cursos que se ofrecen bajo la modalidad seleccionada anteriormente y si, se
selecciona un curso se puede visualizar la información pertinente a este y posteriormente
poder inscribirse (SIRECEC | Principal., 2020).
Luego en la parte superior aparece al usuario la opción de certificados, en esta se puede
sacar el certificado que se necesite a partir del año; si es después del 2019 se puede
buscar el certificado por código o por el número de identificación de la persona y le sale
un listado con los certificados que tenga y así el usuario los puede descargar (SIRECEC
| Certificados. 2020).

Página 40
Finalmente, si la persona necesita un certificado del año 2018 o anterior hasta el 2008
debe ingresar cedula y clave, si no recuerda la clave tiene un botón de ayuda, luego debe
ingresar el código del certificado para validar la información y finalmente ingresar la
cedula de nuevo para verificar en la plataforma los certificados que posee el usuario
(SIRECEC - Sistema de Registro y Control de Eventos de Capacitación., 2020).

Página 41
2.4.7. Universidad Digital de Antioquia
En el sitio web de la universidad digital de Antioquia se encontró un tipo de plataforma

para imprimir los certificados que se tengan, en la cual se debe ingresar el documento de
identidad para descargarlos. Si el usuario no tiene alguno, aparece un mensaje donde
informa que no posee algún certificado o que no existe en el sistema y un botón de
regresar. Si en efecto se tiene alguno, el sistema muestra los certificados y los deja
descargar (Descarga de Certificados, 2020)
Figura 11. Universitaria Digital de Antioquia (Descarga certificados).

Fuente: Universitaria Digital de Antioquia (2020).

Página 42
2.5. OBJETIVOS
2.5.1. Objetivo General
Desarrollar un aplicativo web mediante la aplicación de un marco de trabajo ágil para la

sistematización de la gestión de procesos en el área de educación continua del
Tecnológico de Antioquia.
2.5.2. Objetivos Específico
 Identificar los requerimientos necesarios para el aplicativo web, por medio de

historias de usuario, permitiendo cambios oportunos de acuerdo las necesidades
del área de educación continua.
 Diseñar la arquitectura del aplicativo web que satisfaga las necesidades del área
de educación continua.
 Construir un aplicativo web que responda a las historias de usuario identificadas.
 Validar el aplicativo web por medio de un caso real de un proceso del área de
educación continua, analizando el cumplimiento de diferentes funciones del
sistema.

Página 43
3. MARCO METODOLÓGICO
3.1. DEFINICIÓN DE LA METODOLOGÍA
La importancia de una adecuada metodología de trabajo, conlleva a un óptimo

desempeño en la realización del trabajo de investigación que se propone y a su vez
aplicar los conocimientos adquiridos durante el proceso de formación que se dio en el
programa de ingeniería en software, enfocándose en metodologías agiles como Scrum;
donde se busca dar una solución a la problemática que se tiene actualmente en la
dependencia de extensión y su área de educación continua del Tecnológico de Antioquia,
en cuanto a la gestión de procesos que se llevan a cabo allí. Esto por medio de un
aplicativo web, el cual será enfocado para su desarrollo utilizando la metodología ágil
Scrum. Es de suma importancia traer acotación el tema y exponer los aspectos más
relevantes de esta metodología.
Antes que nada, se debe resaltar la importancia del uso de metodologías agiles en el
amplio campo de la ingeniería, la informática, el desarrollo de software, ya que estas han
permitido la implementación de innovadoras tecnologías de desarrollo y la creación de
prototipos mucho más flexibles, lo que permite generar una retroalimentación más
iterativa con los interesados (Oprins, Frijns, Stettina, 2019). Al igual, es importante dar a
conocer que en el proceso de desarrollo de software se puede manejar con distintas
metodologías de trabajo, en las cuales los resultados pueden llegar al mismo fin, pero
para llegar a este, su proceso se enmarca de una manera diferente.
Para este trabajo de investigación en concreto se pensaría llevarlo a cabo manejando

una metodología ágil la cual tiene como nombre Scrum, este acrónimo proviene del rugby,
el cual es un deporte muy popular en países europeos y africanos; este acrónimo es
relacionado con una formación específica y requerida para la recuperación rápida del
juego ante una infracción menor cometida por el equipo rival.
Prosiguiendo luego de esta breve reseña histórica y entrando en un entorno más técnico
y acondicionado en el entorno laboral, donde se relaciona con Scrum y este es
denominado como un marco de trabajo diseñado de tal forma que logra la colaboración
eficaz del equipo de trabajo, emplea un conjunto de reglas y se definen roles para generar
una estructura de correcto funcionamiento (Montero, Cevallos & Cuesta, 2018). Además,
para el área en concreto que se relaciona este trabajo de investigación que consiste en

Página 44
un desarrollo de un aplicativo web podemos tomar de referencia lo que nos manifiestan
los autores Becerra & Vanegas (2018) también resaltan lo siguiente:
Scrum se define como un proceso de administración y control para el desarrollo de

software, en el cual se deja de lado la complejidad de las metodologías de desarrollo de
software tradicionales, para concentrarse en suplir las necesidades planteadas por el
usuario, y mantener a los actores involucrados en el proceso de desarrollo, enfocados en
alcanzar de una forma eficaz los objetivos trazados al inicio (p. 30).
Asimismo, el uso de esta metodología ágil permite que el proceso de desarrollo del
aplicativo web que se desea entregar, brindara la posibilidad de permitir una mejor
interacción con el cliente en este caso, la dependencia de extensión y su área de
educación continua, permitiendo que se puedan tener en cuenta mejoras durante el
proceso de creación de dicho aplicativo y se pretende poder cumplir con el cronograma
que se tiene disponible para poder culminar con éxito todo lo que se plantee con ellos por
medio de las historias de usuario.
En la metodología Scrum se encuentran variedad de aspectos relevantes que se
enmarcan en manifestar que este no es considerado como un proceso, una técnica o
método definitivo, es más bien considerado como un marco de trabajo donde se pueden
emplear varios procesos y técnicas… sumándose a esto la importancia de los
componentes que lo conforman, como los equipos de Scrum y sus roles, eventos,
artefactos y reglas asociadas, los cuales sirven para un propósito específico y
fundamental para el éxito de Scrum…. La esencia de Scrum es un pequeño equipo de
personas. El equipo individual es altamente flexible y adaptativo (Schwaber & Sutherland,
2017).
En la siguiente Tabla 1. se describen los componentes que conforman todo el andamiaje

de Scrum y su respectiva descripción.

Página 45
Tabla 1. Componentes de Scrum
Componentes de Scrum
Roles Descripción
Involucrado por parte del cliente con conocimientos del

Product Owner
negocio. Define el producto / sistema a construir.
Coordinador y facilitador del grupo, acuerda con el Product
Scrum Master
Owner la operatividad del desarrollo.
Team Desarrolladores, entre 3 y 7 personas
Responsable de integrar el proyecto al flujo de trabajo de la
Project Manager
organización, Provee recursos.
Activos (Artefactos) Descripción
Listado priorizado de requerimientos del producto / sistema a

Product Backlog
construir.
Subconjunto de requerimientos provenientes del Product
Spring Backlog
Backlog a implementar por el Team en una iteración (Sprint)
Diagrama que muestra el trabajo sin terminar, sea plica al
Burndown char
sprint y al producto completo.
Flujo de trabajo (Eventos) Descripción
Project Planning Actividad de planificación del proyecto.

Sprint Planning Actividad de planificación de una iteración (Sprint).
Sprint Iteración fija entre 15 y 30 días
Release Código funcionando entregado al cliente.
Reunión diaria del Team con el Scrum Master de unos
Daily Scrum minutos de duración en las que se revisan las actividades del
día
Culminación del Sprint donde se muestra al Product Owner
Demo Meeting
las funcionalidades incorporadas al producto.
Reunión del Team y el Scrum Master en la que se reflexiona
Sprint Retrospective
sobre el Sprint anterior y cuáles son las mejoras oportunas
Fuente: tomado de Lis & Pantaleo (2018).
Además, la importancia de los activos o artefactos en la metodología scrum, los cuales

se tratan de expresar en forma esquemática en la figura 12, donde se identifica que,
desde el refinamiento de las tareas necesarias para el desarrollo de los diferentes
requerimientos del Spring Backlog, se producen las herramientas suficientes para crear

Página 46
el contenido del Sprint, luego de realizar las diferentes tareas en la ejecución del Sprint,
donde su estado se manifiesta en el Burndown Chart.
Figura 12. Esquema grafico artefactos de Scrum.

Fuente: Lis & Pantaleo, (2018).
En complemento de lo manifestado anteriormente, es de suma importancia de dar a

conocer la dinámica que presenta Scrum y esta se manifiesta en la figura 13, donde se
expone como los componentes se comportan de forma más dinámica e interactiva y se
explica cómo interactuarían los interesados en este caso la dependencia de educación
continua e involucrados en el desarrollo del aplicativo web que daría la solución a de la
problemática.

Página 47
Figura 13. Esquema de los componentes de Scrum y su dinámica.
Fuente: Lis & Pantaleo, (2018).
Lo visto en la figura 13, se detalla de manera sencilla como el Product Owner, es la

persona encargada de representar el negocio y tomar en cuenta la necesidad de los
Usuarios o el cliente; que en este caso se ven representados en el área de educación
continua, quien es el interesado y posee la problemática.
Dentro de este orden de ideas, es allí donde el Usuario o el cliente se involucran en el
proceso, aportando su conocimiento de la necesidad y así es como participan en la
elaboración de las historias de usuario o el Product Backlog.
De este modo, cabe resaltar que las historias de usuario son un activo fundamental en el
proceso de este trabajo de investigación ya que de estas se basará la solución requerida
y tomando en cuenta lo que manifiestan Suaza, García & Jaramillo (2015, p.43) “Las
historias de usuario son formas rápidas de administrar los requisitos de los usuarios sin
tener que elaborar gran cantidad de documentos formales y sin requerir mucho tiempo
para administrarlos. Las historias de usuario permiten responder rápidamente a los
requisitos cambiantes”.

Página 48
Prosiguiendo con la descripción de la figura 13, ya cuando se tiene clara la elaboración
de las historias de usuario o el Product Backlog, el Team entra en acción en el proceso y
comienza a planear cada Sprint, cabe recordar que este no puede sobre pasar las 4
semanas y para este trabajo de investigación se tiene un tiempo de ejecución de un
máximo de 16 semanas.
Continuando la explicación, el Team toma como referencia lo descrito en las historias de
usuario, donde este se reúne y comienza a planear como se va a ejecutar el proceso para
dar solución a las necesidades del cliente, esto se hace por medio del Sprint Planning
Meeting, allí surgen las tareas o las Sprint Tasks, en estas se reúne el contenido
necesario que el Team debe elaborar en cada Sprint.
Durante el Sprint, el Team aborda todas las tareas que se requieren como la parte del
diseño, donde se abarca el manejo todos los estándares que sugiere el Usuario como lo
es, manejo de colores institucionales, implementar de manera eficiente la experiencia de
usuario, diseñar y maquetar el aplicativo web, donde este debe manejar la responsividad
y la facilidad de interacción entre los diferentes componentes que surgen durante el
desarrollo y codificar para que todo funcione e integre de manera eficiente los procesos
a intervenir, cabe resaltar que se desea manejar un tipo de implementación denominado
MERN, más adelante se dará una explicación de lo que consiste ya que es relevante.
Volviendo la mirada hacia el Sprint, en este se puede encontrar que en su ejecución se
realizan diferentes eventos como la Daily Scrum Meeting, donde los integrantes del Team
expresan sus progresos y en que están o ya han trabajado, para así no caer en el error
de que los miembros repitan las tareas que ya se tienen culminadas, todo esto se auspicia
con la participación del Scrum Master.
Si todo sale como se planteó y se termina en el tiempo estipulado se podría decir, que el
Sprint fue todo un éxito, y se proseguiría en con realizar el proceso de planear y ejecutar
el Sprint siguiente.
Cuando culmina el Sprint se llega a un resultado de entregarle al cliente un Release, este

es denominado como un producto mínimo viable generado a lo largo del proceso de
desarrollo del aplicativo, cada Sprint debería generar un pequeño Release, en el cual se
le muestra al cliente el progreso y ve ya funcionalidades en el aplicativo web. O sea, que
en ese momento se pueden implementar pruebas y mirar si lo entregado está
funcionando de manera correcta.
Complementado lo descrito de Scrum, es relevante tener en cuenta el tiempo que se
tendrá para cumplir con los objetivos de este trabajo, es de 16 semanas, aunque anterior
mente se había mencionado, es importante traerlo a consideración y por ello fue
pertinente el manejo de esta metodología ágil, la cual permite mayor flexibilidad y como
el equipo que va intervenir en este proceso es pequeño, genera una viabilidad que el
proceso se pueda culminar sin problemas.
Página 49
Además de Scrum, cabe resaltar el marco de implementación en la parte de la
codificación de la solución, para este trabajo de investigación se manejará una
metodología similar al MERN.
MERN es un stack en el que se usa JavaScript tanto en el cliente como en el servidor es
decir Full Stack JavaScript, este consta de cuatro frameworks independientes y librerías,
las cuales son; MongoDB, ExpressJS, ReactJS y NodeJS, además soporta la
arquitectura MVC para que el proceso de desarrollo fluya sin problemas. MongoDB
desempeña el papel para la base de datos, mientras que NodeJS y ExpressJS se utilizan
para construir rutas y APIs en el back-end y ReactJS se utiliza en el front-end (Aryal,
2020).
La figura 14 explica de manera gráfica como sería el concepto descrito anteriormente.
Figura 14. MERN Stack

Fuente: Aryal (2020)
Para el desarrollo de la aplicación se optó por cambiar el framework de ReactJs por

Handlebars, ya que este es un motor de plantillas altamente usado en la industria y es
basado en JavaScript permitiendo que se utilice tanto del lado del servidor como del
cliente. Su fuerte es el uso de etiquetas HTML en donde por medio del código se define
que parte del código HTML definido se requiere imprimir del contexto y de qué forma lo
debe hacer, además que su instalación es muy sencilla por medio de la utilización de
npm en la consola y obtener los paquetes necesarios. Cuenta con una sintaxis propia que
permite la incorporación lógica de las vistas dentro de las plantillas, se pueden hacer
Página 50
comentarios, iterar con bloques y listar datos de la base de datos de manera eficaz, entre
otras ventajas.
Para finalizar se enfatiza que la idea de una adecuada metodología para esta propuesta
es fundamental y sería el punto de partida para ofrecer un trabajo de investigación de
calidad y que pueda cumplir con los estándares que se exigen. Se busco tener claridad
en los conceptos y explicar mediante una pequeña comparación con diferentes
metodologías y también resaltar que, en el proceso de codificación del aplicativo web,
también se manejan metodologías que ayudan a que los componentes tengan una mejor
integración.

Página 51
3.2. DEFINICIÓN DEL ALCANCE
Este trabajo de investigación el cual se enfoca en realizar un aplicativo web para la

dependencia de extensión y su área de educación continua del Tecnológico de Antioquia,
el cual brinda una solución la problemática que se presenta en la actualidad en la gestión
y administración de los cursos que se ofrecen, y dar mejora a los procesos que se
manejan en la dependencia, procesos como administración de ofertas en cuanto cursos,
registros de usuarios los cuales tendrán su rol en el sistema, manejo de matrículas,
certificación y generación de reportes relacionados con las matrículas y cursos.
En estos procesos se incluyen todos los actores que pueden intervenir en el proceso
como lo son usuarios, administradores, coordinadores y docentes.
El aplicativo contara con los siguientes módulos:
 Modulo inicio.
 Modulo usuarios
 Modulo cursos
 Modulo matriculas.
En el módulo inicio se encuentra todo lo relacionado con la página de inicio del aplicativo
web donde se muestra información relacionada al Tecnológico de Antioquia y al área de
educación continua, además de un chat para tener interacción con los usuarios que se
conecten al mismo desde el aplicativo web.
Siguiendo con el módulo usuarios donde este maneja todo lo relacionado a los usuarios
del sistema, como registros, perfil de usuario, edición de información personal, asignación
de roles, ingreso al aplicativo y salida del mismo.
Continuando con el módulo cursos, este administra todo lo relacionado con los cursos en
cuanto al registro de cursos en el sistema, edición de los mismos, asignación de
docentes, ver informes relacionados con el curso; informes de estudiantes, estadísticas
etc. Además de poder abrir o cerrar una oferta de un curso en particular.
Finalmente, en el módulo de matrículas se encuentra todo lo relacionado con la gestión
de matrículas de estudiantes a los diferentes cursos, estas pasaran por varios estados
los cuales serán administrados en dicho modulo y se seguirá el proceso hasta que el
usuario obtenga el certificado que es el plus que se quiere generar con este trabajo de
grado, brindando la comodidad de que si algún día extravía su certificado la plataforma
permita generarlo las veces que sean requeridas.

Página 52
3.3. RECURSOS
Hardware.
Servidor local: para le ejecución de un servidor local se requiere un equipo de cómputo
que serviría tanto de cliente como de servidor, las especificaciones mínimas serian
 Equipo de computo
o 4 gigas de RAM mínimo.
o Procesador de más de 2 núcleos 1.5 GHz.
o Disco duro mayor a 120 gigas de capacidad.
 Sistema operativo
o Windows 10 de 32 o 64 bits
o Windows 8.1 de 32 o 64 bits
o Linux
o Android con explorador web
o IOS con explorador web
 Explorador web
o Mozilla
o Edge
o Google Chrome
Cliente/usuario final: para le ejecución de un usuario final o cliente solo se requiere
ingresar a la URL https://educacioncontinuatdea.herokuapp.com/, además de contar con
un dispositivo sea:
 Equipo de computo
 Tableta
 Dispositivo móvil (Celular)
 Sistema operativo
o Windows 10 de 32 o 64 bits
o Windows 8.1 de 32 o 64 bits
o Linux
o Android con explorador web
o IOS con explorador web
 Explorador web tanto para equipo de cómputo como dispositivo móvil, tableta,
iPad.
o Mozilla
o Edge
o Google Chrome

Página 53
Software.
 Servidor online (Heruko): plataforma en la nube que soporta diferentes lenguajes
de programación, esta soporta MongoDB como parte de la plataforma o como un
servicio independiente. Las aplicaciones desplegadas en este servidor lo hacen
por medio de Heroku DNS Server para apuntar al dominio que maneja la aplicación
(nombredelaaplicacion.herokuapp.com). La aplicación como sobre un motor por
medio de una “red de pruebas” que se compone de varios servidores (Cloud
Application Platform | Heroku, 2020).
 MongoDB Atlas (Online): Permite implementar y escalar un clúster en la nube de

manera muy fácil. Permite que se escoja la instancia de configuración de múltiples
tamaños y clases. Se usa este motor de base de datos ya que es una plataforma
de autogestionado esto se refiere a que ella se encarga de hacer todo lo
relacionado con el hosting, instalación y actualizaciones permitiendo que solo nos
preocupemos de unos sencillos pasos como lo es configurar los accesos, crear la
base de datos, crear alertas, entre otras (MongoDB Atlas: Cloud Document
Database, 2020).
 Servidor local maquina(localhost:3000): Esta se usó a modo de “servidor” virtual

dentro del computador para poder ir visualizando como se iba desplegando y
quedando el desarrollo de la aplicación. De esta manera el sistema operativo del
computador funciona como un servidor simulado cuando se activa un loopback en
donde carga los archivos necesarios de la aplicación en el servidor permitiendo
corroborar que funciona de manera adecuada la aplicación que se encontraba en
desarrollo.
 MongoDB Compass (localhost:27017): Almacena los datos en formato json que

pueden variar en estructura, permitiendo que sean más dinámicos y con un
esquema más flexible. MongoDB también fue diseñado para contar con una
escalabilidad y una alta disponibilidad con replicación integrada y particionamiento
automático. Este apartado de la base de datos se utilizó para poner visualizar
gráficamente de manera local en el computador la base de datos en la etapa del
desarrollo permitiendo que se visualizara los datos que se le iban ingresando a
esta (Compass, 2020).

VSCODE (Editor de código fuente): Es un editor de código fuente que permite la
depuración, tiene un control integrado con Git, informa cuando se tiene un error de
sintaxis, permite la finalización del código de manera inteligente, entre otras cosas.
Todo el código de la aplicación se desarrolló en este editor ya que tiene muchas

Página 54
ventajas con respecto a otros y es uno de los más utilizados actualmente en el
mercado (Code, V, 2020).
 GitHub (Repositorio online): Se utiliza para almacenar proyectos usando el sistema

de control de versiones de Git. Se opto por guardar el código fuente de la
aplicación en este sistema porque es uno de los más utilizados además de todas
las funcionalidades adicionales que permite hacer como el hacer pruebas
automatizadas, notificar acerca de los estados en que se encuentra el desarrollo
al usarlo con aplicaciones como Slack, entre otras funciones. Otra razón por la que
se uso es porque se puede implementar de manera muy simple con el comando
git push heroku master permitiendo que el código sea impulsado
automáticamente a Heroku, siendo este el servidor que se utilizó en todo momento
para el desarrollo de la aplicación (GitHub: Where the world builds software, 2020).
 GitHub desktop: esta permite que la aplicación se encuentre actualizada en todo

momento, ayuda a administrar los proyectos que se tengan tanto como hacer un
seguimiento del historial de la aplicación en vez de estar haciéndolo con comandos
todo el tiempo (GitHub Desktop, 2020).
 Git (ayudante para manejo de comandos): este es un software que permite a los
desarrolladores tengan control sobre las versiones cuando se maneja un gran
número de archivos del código fuente (Git, 2020).
 Librerías NPM: Sistema de gestión de paquetes usado por defecto para Node.js
en un entorno de ejecución para JavaScript. Por medio de esto se pudo
implementar de manera fácil la administración de los diferentes módulos,
distribuir paquetes y agregar dependencias. (npm | build amazing things, 2020).
 Nodemon: Es una aplicación de node.js que se encarga de monitorear cualquier

cambio que se realice en la aplicación y reinicia automáticamente el servidor
Node.js que están en etapa de desarrollo (nodemon, 2020).
 SendGrid (para envíos de correos de la aplicación): plataforma que se usa para él

envió de correos de marketing y transaccional. Los correos de confirmación en las
diferentes etapas del proceso que se hace donde de la aplicación se hacen por
medio de esta librería que es bastante dinámica, aparte de que permite la creación
de plantillas personalizadas para él envió de estos correos con la información que
se necesite (Email Delivery Service, 2020).

Página 55
 Puppetier (para el manejo de pdf): es una librería de Node.js que permite la
generación de pantallazos y pdf de páginas, también permite testear extensiones
de Chrome, capturar el rastreo de una línea de tiempo de los sitios webs para
ayudar con el diagnostico de problemas de performance, entre muchas más
funcionalidades. Para usarla primero se debe descargar y se debe mirar que
puppeteer-core sea compatible con el navegador web que se está usando y se
debe trabajar con la versión más reciente de Node.js. Esta librería se implementó
para poder generar los certificados de los estudiantes de manera más fácil por
medio de la aplicación sin tener que ir a la universidad directamente (Puppeteerv,
2020).
 amCharts(manejo de gráficos estadísticos): estas son una librerías específicas

para el uso en la visualización de datos, para poder usarlas se necesitan primero
crear un archivo principal llamado “amcharts.js”, seguidamente de otro archivo que
varía según el tipo de grafico que se quiere usar. En este caso, se incluye como
segundo archivo el “pie.js” que permite que el grafico sea de torta. Para las
estadísticas que se quieren generar por cursos, se usó estas librerías ya que
permiten la generación de diferentes tipos de graficas (JavaScript Charts & Maps
– amCharts, 2020).

Página 56
3.4. CRONOGRAMA DE ACTIVIDADES
Tabla 2. Cronograma de actividades
Fecha Sprint Actividades Observaciones Recomendaciones
 H.U necesarias para el funcionamiento

mínimo de la aplicación.
28/08/2020 1 Ninguna. Ninguna.
 Empezó la codificación de H.U como:
página de inicio, ingresos al sistema, etc.
 Presentación de las H.U codificadas

Color del menú no era
para este sprint.
07/09/2020 1 compatible con los Cambiar el color del menú.
 Definición de un formato general para la
colores institucionales.
documentación.
 Implementar 4 perfiles para

cumplir con la necesidad que se
No se tenía muy definido
 Implementación de repositorios, servidor tiene dentro del área de educación
los perfiles que se iban a
y herramientas más actuales para el continua.
15/09/2020 2 manejar ni que
desarrollo de la aplicación.  Los asesores recomendaron tener
funcionalidades iban a
 Revisión de la documentación. una carpeta compartida en drive
tener.
para correcciones oportunas en la
documentación.
 Revisión del funcionamiento de la

aplicación con los roles implementados.
Visto bueno por parte de
 Revisión de algunas de las Recomendación por parte de los asesores
los asesores a las
28/09/2020 2 funcionalidades de los perfiles trabajar con el documento oficial para la
funcionalidades
administrador/coordinador. documentación.
desarrolladas
 Se cuenta con un formato oficial para
empezar la documentación.
 Definición de las funcionalidades del
Se recomendó implementar el uso de
perfil docente.
13/10/2020 3 Ninguna gráficos estadísticos para la generación de
 Revisión de la documentación en el
informes.
formato oficial.
 Revisión de las funcionalidades del Se recomendó el uso de

docente. unas librerías para las
 Se implementaron unas estadísticas que estadísticas, pero se
20/10/2020 3 Ninguna.
fueran dinámicas y que permiten decidió cambiarla por
descargarlas o imprimirlas. otras más compatible
 Revisión de la documentación. con handlebars.
 Revisión de nuevas funcionalidades Agregar campos

agregadas a la aplicación. importantes a algunos
 Se obtiene un formato de encuesta de formularios para la Los asesores recomendaron con que
27/10/2020 4 satisfacción y certificado. correcta generación de librerías se podría trabajar el tema de la
 Implementación de un chat. los certificados con los generación del certificado en pdf.
 Se reviso como implementar la correspondientes datos.
generación de los certificados.
La encargada de esta
 Revisión de toda la aplicación con la
área sugirió agregar el
encargada del área de educación
10/11/2020 4 documento al Ninguna
continua.
certificado, ya que no se
 Revisión de toda la documentación.
tuvo en cuenta.
Fuente: Elaboración propia (2020).
Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua del Tecnológico de Antioquia.
Página 58
4. DESARROLLO DEL PROYECTO
4.1. CONTEXTO DEL SOFTWARE
4.1.1. Descripción del Negocio
Para este trabajo de investigación se optó por brindar una solución a una problemática
identificada en el Tecnológico de Antioquia, la cual se le pueda solventar por medio de
los conocimientos adquiridos en el proceso de formación.
La dependencia de extensión fue el caso concreto con su área de educación continua,
en la dependencia de extensión se busca fortalecer la interacción de los actores que
están involucrados en institución con la sociedad y los diferentes sectores públicos y
privados mediante gestión formativa, educativa, administrativa, comercial y de servicios
en el ámbito regional, nacional e internacional, para contribuir a la generación de capital
social en los diversos contextos territoriales. (Inicio Extensión, 2020).
La encargada de dicha dependencia y por ende su directora hasta la fecha es Daryeny
Parada Giraldo, la cual es la cabeza visible y encargada de un grupo de personas,
además, de las diferentes áreas o programas de la dependencia entre las cuales
encontramos:
 Unicidad de transferencia tecnológica.
 Pasantías y retos de innovación CUEE 2.0
 Hojas de vida
 Unidad de emprendimiento empresarial
 Articulación con la media técnica
 Unidad de proyectos especiales
 Educación para el trabajo y desarrollo humano
 Servicios institucionales
 Consultoría empresarial
 Educación Continua.
4.1.2. Áreas a Intervenir
Luego de manifestar la información pertinente sobre la organización y negocio, se

identifica el área a intervenir, viene al caso hablar el proceso como tal y el área de la
dependencia de extensión que posee la problemática, como lo es el área de educación
continua. Educación continua es una modalidad de formación que se realiza mediante
cursos, talleres, seminarios, diplomados, congresos articulados con los programas
académicos de pregrado y postgrado para actualización o profundización en diferentes
áreas del conocimiento. Estos pueden ser presenciales, semipresenciales o virtuales
(Educación Continua, 2020).
En el área de educación continua, se pretende solucionar la problemática que se presenta
en la gestión de procesos relacionados con la administración de los cursos de la
dependencia de extensión, procesos desde la creación, publicación de la oferta de los
cursos y diplomados, la administración de usuarios registrados, asignación de docentes
a los cursos, proceso de matrículas; las cuales en todo el proceso, esta pasa por
diferentes estados y que lleva al resultado final luego de culminar el curso, es obtener su
certificado, sin antes de responder la respectiva encuesta de satisfacción y que este
pueda ser descargado las veces que se requiera, y así evitar que ante una pérdida del el
certificado los estudiantes no recurran al área de educación continua, para realizar una
nueva solicitud de los mismos.
Todo este proceso generara estadísticas en cada curso ofertado, además de que el área
de educación continua pueda generar informes de matrículas en los diferentes estados y
de las encuestas que se generan para aplicar correctivos y así tener las áreas con
falencias a intervenir.
4.1.3. Actores y sus Roles
Administrador/Coordinador:
 Editar su perfil.
 Descargar y listar todos los usuarios que se encuentran registrados.
 Registrar usuarios.
 Asignar roles.
 Descargar y listar todos los alumnos.
 Matricular los alumnos a un curso.
 Descargar y listar los alumnos que se encuentran matriculados en un curso.
 Cancelar la matrícula de un alumno a un curso.
 Visualizar las encuestas de satisfacción realizadas por los alumnos que
aprobaron los cursos.
 Descargar las respuestas de las encuestas de satisfacción.
 Administrar los cursos que se crean.
 Crear cursos.
 Editar la información de los cursos creados.
 Visualizar los aspirantes a los diferentes cursos.
 Chatear.

Página 60
El administrador es el super usuario de la aplicación en donde se diferencia del perfil de
coordinador en que este no puede asignarle a nadie el perfil de administrador, esto solo
le corresponde al administrador.
Docente:
 Editar perfil.
 Visualizar los cursos que tiene asignados.
 Descargar y visualizar el listado de alumno por curso.
 Aprobar/Reprobar alumnos.
 Chat.
Aunque el perfil del docente no cuenta con tantas funcionalidades como el
administrador/coordinador, tiene una de las más importantes que es la de
reprobar/aprobar alumnos ya que por medio de esto es que los estudiantes pueden
generar sus certificados.
Usuario:
 Editar perfil.
 Visualizar la oferta de cursos.
 Aspirar a los cursos ofertados.
 Visualizar los cursos a los que está aspirando.
 Cancelar la aspiración a un curso.
 Visualizar los cursos aprobados.
 Realizar encuesta de satisfacción.
 Descargar certificado.
 Visualizar los cursos en los que se encuentra matriculado.
 Chat.
Este perfil cuenta con dos funcionalidades muy importantes para el área de Educacion
continua que es que el estudiante pueda editar sus datos personales y generar los
certificados de los cursos que realizó.
Visitante:
 Visualizar la pantalla de inicio.
 Visualizar la oferta de cursos.
 Ingresar a la aplicación.

Página 61
 Registrarse.
 Chat.
Este perfil puede visualizar la aplicación de una manera más general y si se encuentra
interesado en realizar algún curso se debe registrar.
4.2. PROPUESTA DE SOLUCIÓN
Para la solución de la problemática presentada en el área de educación continua, se

realizó un aplicativo web responsive, el cual tendrá la capacidad de verse en dispositivos
como equipos de cómputo, tabletas, y dispositivos celulares accediendo desde su URL.
El aplicativo web como se explica en el alcance de este trabajo de grado tendrá los
siguientes módulos:
 Modulo inicio.
 Modulo usuarios
 Modulo cursos
 Modulo matriculas.
Para su desarrollo se maneja la metodología Scrum y todo lo que se realiza en los
diferentes módulos es producto de las historias de usuario. Su codificación está basada
en NodeJS, ExpressJS, HTML +. hbs (Handlebars), CSS, JavaScript, teniendo en cuenta
las arquitecturas manejadas como el MVC en la parte del backend, el uso de una API
REST para el manejo de los datos del aplicativo web por medio de HTTP, además en el
trabajo se expone en un apartado siguiente como funcionaria el aplicativo web desde la
arquitectura cliente – servidor.
El funcionamiento de cada módulo ejecuta tareas relacionadas al proceso que posee la
problemática en la dependencia, y cada uno de estos módulos tiene su respectiva
relación para que el proceso se ejecute de manera óptima y arroje los resultados
esperados, ejemplo el módulo usuarios tendrá la capacidad de administrar por medio de
formularios los registros de información de estos, además podrá verse la información del
usuario, editarse dicha información, asignación de roles, ingreso al sistema, recuperación
de credenciales de ingreso etc.

Página 62
4.2.1. Product backlog
Tabla 3. Product backlog
Historias de Usuario Estimación Ejecución
Fecha
Horas Horas Horas Horas Fecha
Id HU Nombre HU Sprint Prioridad puesta en Observación
Definición Desarrollo Pruebas totales Inicio
producción
E.C.001 Inicio aplicativo 1 Alto 1 8 2 11 27/08/2020 29/08/2020 Modulo inicio
Registro usuarios Modulo

E.C.002 1 Alto 2 10 3 15 27/08/2020 29/08/2020
(visitante). usuarios
Registro usuarios
Modulo
E.C.003 (administrador, 1 Alto 1 10 4 15 28/08/2020 30/08/2020
usuarios
coordinador)
Modulo
E.C.004 Ingreso usuarios 1 Alto 2 5 2 9 28/08/2020 29/08/2020
usuarios
Restablecer Modulo
E.C.005 1 Medio 1 3 1 4 31/08/2020 01/09/2020
contraseña usuarios
Modulo
E.C.006 Crear curso 1 Alto 2 15 4 21 02/09/2020 04/09/2020
cursos
Modulo
E.C.007 Oferta de cursos 1 Alto 2 8 2 12 03/09/2020 05/09/2020
cursos
Modulo
E.C.008 Ver perfil 1 Medio 1 4 2 7 04/09/2020 04/09/2020
usuarios
Modulo
E.C.009 Editar perfil 1 Alto 1 8 3 12 06/09/2020 07/09/2020
usuarios
Asignar docente a Modulo
E.C.010 1 Medio 1 4 1 6 07/09/2020 07/09/2020
curso cursos
Modulo
E.C.011 Editar curso 1 Medio 1 5 2 8 08/09/2020 09/09/2020
cursos
Modulo
E.C.012 Asignar roles 1 Alto 3 10 2 15 10/09/2020 11/09/2020
usuarios
E.C.013 Cerrar sesión 1 Alto 1 2 1 4 12/09/2020 13/09/2020 Modulo inicio
Modulo
E.C.014 Administrar cursos 2 Alto 3 8 3 14 15/09/2020 17/09/2020
cursos
Usuarios Modulo
E.C.015 2 Medio 1 5 2 8 15/09/2020 17/09/2020
registrados usuarios
Modulo
E.C.016 Aspirar a curso 2 Medio 2 5 2 9 16/09/2020 16/09/2020
matriculas
Matricular usuario Modulo

E.C.017 2 Medio 2 5 1 8 17/09/2020 18/09/2020
desde formulario matriculas
Modulo
E.C.018 Listar alumnos 2 Medio 1 4 1 6 19/09/2020 19/09/2020
matriculas
Alumnos Modulo
E.C.019 2 Medio 1 4 1 6 20/09/2020 20/09/2020
matriculados matriculas
Alumnos Modulo
E.C.020 2 Alto 1 5 1 7 21/09/2020 21/09/2020
aprobados matriculas
Modulo
E.C.021 Aspirantes 2 Medio 1 4 1 6 22/09/2020 22/09/2020
matriculas
Página 64
Modulo
E.C.022 Mis aspiraciones 2 Medio 1 5 2 8 23/09/2020 23/09/2020
matriculas
Mis cursos Modulo

E.C.023 2 Alto 1 6 2 9 24/09/2020 24/09/2020
aprobados matriculas
Modulo
E.C.024 Mis matrículas 2 Alto 1 5 1 7 25/09/2020 26/09/2020
matriculas
Modulo
E.C.025 Mis cursos 3 Alto 2 4 1 7 13/10/2020 14/10/2020
cursos
Aprobar/reprobar Modulo
E.C.026 3 Alto 3 8 2 13 15/10/2020 17/10/2020
alumnos cursos
Listado de
Modulo
E.C.027 alumnos 3 Alto 2 5 1 8 18/10/2020 19/10/2020
cursos
(Docente)
Listado alumnos Modulo

E.C.028 3 Alto 1 4 1 6 20/10/2020 20/10/2020
por curso cursos
Modificar estado Modulo

E.C.029 3 Alto 1 6 2 9 21/10/2020 21/10/2020
cursos cursos
Estadísticas del Modulo

E.C.030 3 Alto 4 6 2 12 23/10/2020 26/10/2020
curso cursos
Realizar encuesta Modulo

E.C.031 4 Alto 2 7 2 11 27//10/2020 28/10/2020
de satisfacción cursos
Encuesta alumno Modulo

E.C.032 4 Medio 2 3 1 6 29/10/2020 29/10/2020
aprobado cursos
Página 65
Listado de
encuestas Modulo
E.C.033 4 Alto 2 4 1 7 30/10/2020 30/10/2020
alumnos matriculas
aprobados
E.C.034 Sala de chat 4 Medio 1 5 1 7 01/11/2020 02/11/2020 Modulo inicio
Modulo
E.C.035 Generar certificado 4 Alto 2 20 3 25 07/11/2020 10/11/2020
cursos
Página 66
4.3. PLANIFICACIÓN DEL SPRINT 1
Se presenta a continuación una historia de usuario, revisión y retrospectiva, tareas

asociadas y ejecutadas en el Sprint.
4.3.1. Historias de usuario
A continuación, se presenta una de las historias de usuario realizadas en el sprint 1, las

demás se presentan en el Anexo 1. “Anexo Sprint 1 H.U – C:P”, esto con el fin de
presentar un informe no tan extenso y de fácil lectura.
Tabla 4. Historia de usuario: Inicio aplicativo.
HISTORIA DE USUARIO
ID HISTORIA: E.C. 001
NOMBRE
Inicio aplicativo
HISTORIA:
PUNTOS DE
10
HISTORIA:
COMO: Usuario (invitado, usuario, administrador, coordinador, docente) del

aplicativo web
QUIERO: Que se cuente con una pantalla de inicio amigable y responsiva
PARA: Así ver la información del área de educación continua
CRITERIOS DE ACEPTACIÓN
CUANDO: Ingrese al aplicativo web desde su respectiva URL
ESPERO:  Visualizar una pantalla de inicio con información de la dependencia

de extensión y su área de educación continua como:
o Imágenes
o Información general del área de educación continua
o Información general del Tecnológico de Antioquia
o Ver un botón donde pueda registrarme
o Ver un botón donde pueda ingresar si soy usuario registrado
o Ver un botón que me lleve a observar las ofertas de los
cursos que se ofrecen
 Observar el contenido desde diferentes dispositivos sea equipo de
cómputo, Tablet, celular.
 Contar con una barra de menú que permita redirigir a los diferentes
apartados que ofrezca el aplicativo web y sus respectivas
funcionalidades

Página 68
4.3.2. Revisión y retrospectiva.
En este primer sprint se empezó documentando las H.U que se consideraron necesarios
para que la aplicación pudiera empezar a ser funcional, como registros de usuarios,
ingresos al sistema, la página de inicio y demás H.U. relacionadas con el sprint.
Se presentaron contratiempos complicados para el grupo de trabajo puesto que en el
momento no se tenía mucho conocimiento de las herramientas, como GitHub, Git, con
las que se manejan la subida de los cambios en el código al repositorio continuamente y
de manera automática. Además, todavía no se tenía conocimiento que tipo de servidor
sería más conveniente para la aplicación que se estaba empezando a desarrollar.
Como primera estancia la aplicación en la barra del menú se estaba implementando con
color negro, pero se cambió para el siguiente sprint ya que los asesores no lo vieron
conveniente porque se debía respetar los colores institucionales que tiene la página web
de la universidad.

Página 69
4.3.3. Tareas asociadas y ejecutadas.
A continuación, se presenta uno de los casos de prueba realizados en el sprint 1, las

Tabla 5. Caso de Prueba: H.U. E.C. 001
ID de caso de
C.P.E.C. 001
prueba:
Prioridad: Alto
Descripción: Inicio aplicativo
Módulo: Modulo Inicio
Preparado por: Alejandro Morales Fecha de Preparación: 28/08/2020
Probado por: Julieth Castro Fecha de prueba: 28/08/2020
Ingrese al aplicativo web desde su respectiva URL
Funcionalidad Paso Fallo
 Visualizar una pantalla de inicio con información de la

dependencia de extensión y su área de educación continua como:
o Imágenes
o Información general del área de educación continua
o Información general del Tecnológico de Antioquia Si
o Ver un botón donde pueda registrarme
o Ver un botón donde pueda ingresar si soy usuario
registrado
o Ver un botón que me lleve a observar las ofertas de los
cursos que se ofrecen
 Observar el contenido desde diferentes dispositivos sea equipo de Si
 Contar con una barra de menú que permita redirigir a los
diferentes apartados que ofrezca el aplicativo web y sus Si
respectivas funcionalidades
Resultado de la pantalla realizada

Página 70
Figura 15. Pantalla inicio
Fuente: Elaboración propia (2020)

Página 71
Diagrama de base de datos resultante sprint 1.
En la figura 16 Se presenta el diagrama de base de datos resultante en el sprint 1 del
aplicativo web para el área de educación continua
Figura 16. Diagrama base de datos sprint 1


Página 72


Tabla 6. Historia de usuario: Administrar cursos
HISTORIA DE USUARIO
NOMBRE Administrar cursos

HISTORIA:
PUNTOS DE 8
HISTORIA:
COMO: Usuario (administrador, coordinador) del aplicativo web
QUIERO: Que se cuente con un apartado donde se alojen los cursos registrados en el
momento
PARA: Así ver la información relevante de cada curso, además de poder administrar
los mismos.
CUANDO: Ingrese al aplicativo web después de hacer un login y mi rol sea de

(administrador, coordinador), se redirija a la pantalla de inicio del aplicativo
web, se visualice en la barra de menú el apartado de cursos y al dar clic en
administrar cursos
ESPERO:  Visualizar todos los cursos registrados del área de educación continua
ofrece, separados por estados sea abierto o cerrado, además de ver
información relevante como:
o Nombre del curso
o Banner
o Código del curso
o Descripción

Página 73
o Fecha inicio curso
o Fecha fin curso
o Valor
o Intensidad horaria
o Modalidad
o Facultad
o Docente
 Se debe tener la posibilidad de editar su banner cuando el usuario
desee sin necesidad de modificar la información del curso.
 Al dar clic en el botón de cambiar banner se debe mostrar un
formulario para cargar la imagen a editar.
o El formulario debe dar la opción de cargar una nueva imagen,
además de validar que tenga un formato definido. “.png .jpeg
.gif .jpg .bmp”, además su tamaño no debe exceder más de 2
Mb.
o Al diligenciar todos los campos correctamente se le habilitara
el botón de cambiar banner para que pueda guardar los datos
en la base de datos, si no ha ingresado todos los datos
correctamente este botón no se habilitará.
o Al editar el banner del curso se debe cargar el cambio
automáticamente al perfil e informar por medio de un mensaje
de que el cambio se realizó con éxito.
 Tener la posibilidad de ver el listado de alumnos inscritos en el curso
sin importar su estado en el mismo
 Visualizar estadísticas relacionadas con el curso, para saber los
movimientos que ha tenido este
 Manejar la posibilidad de cambiar el estado del curso cuando se
requiera a dicho curso ‘Abrir la oferta’ o ‘Cerrar la oferta’.
o Se debe manejar una opción tipo select donde se pueda
reflejar según el estado del curso la opción de cambio, si el
curso está abierto, mostrar la opción Cerrado y si está cerrado
mostrar la opción Abierto.
o Se debe validar que el campo estado tenga un valor valido
o Mostrar mensajes indicando que campos están vacíos o en el
formato incorrecto en color rojo con una x y un mensaje de
validación.
o Si la información está correcta mostrar en color verde un check
de valido para poder registrar la información en la base de
datos.
o Si hay problemas en la base de datos mostrar un mensaje de
advertencia y así poder informar al administrador del aplicativo
web.
el botón de actualizar para que pueda guardar los datos en la
base de datos, si no ha ingresado todos los datos
Página 74
o Si la información está correcta registrara la información en la
base de datos y se confirmara por medio de un mensaje que
la asignación del nuevo estado fue exitosa.
o Cargar la información actualizada automáticamente al
apartado de administrar cursos.
 Se requiere ver la información de cada curso por separado, en
categorías, abiertos y cerrados y que solo se muestre la información
acorde a cada curso.
funcionalidades

Página 75
Para este sprint 2 ya se empezó a trabajar con repositorios, Git, GitHub, además, con el
servidor Heroku y esto permitió que la codificación de la aplicación fuera más sencilla. Se
presento unos cuantos problemas ya que no se tenía del todo claro el concepto de que
roles iban a estar interactuando en la aplicación y que funcionalidades iban a tener dentro
de esta, ni como se iba a hacer la división de estas. Los asesores sugirieron que se
manejaran 4 perfiles que son: visitante, usuario, docente, coordinador y administrador y
que al hacer el login cada usuario debería de confirmar el rol con el que iba a acceder a
la aplicación para así mostrar los apartados pertenecientes a cada rol.
Donde se tiene que el rol más importante es el del administrador/coordinador que son los
perfiles o roles que más funcionalidades tienen asignada dentro de la aplicación,
seguidamente del perfil docente que es importante pero no tiene tantas funcionalidades
como los anteriores, luego se tiene al usuario (Estudiante) que tiene más funcionalidades
dentro de la aplicación que el docente y finalmente se cuenta con el perfil de los visitantes
que tienen poca funcionalidad dentro de la aplicación.

Página 76

ID de caso de
C.P.E.C. 014
prueba:
Prioridad: Alto
Descripción: Administrar cursos
Módulo: Modulo Cursos.
Ingrese al aplicativo web después de hacer un login y mi rol sea de (administrador,

coordinador), se redirija a la pantalla de inicio del aplicativo web, se visualice en la barra
de menú el apartado de cursos y al dar clic en administrar cursos
 Visualizar todos los cursos registrados del área de educación

continua ofrece, separados por estados sea abierto o cerrado,
además de ver información relevante como:
o Nombre del curso
o Banner
o Código del curso
o Descripción Si
o Fecha inicio curso
o Fecha fin curso
o Valor
o Modalidad
o Facultad
o Docente
 Se debe tener la posibilidad de editar su banner cuando el usuario Si
desee sin necesidad de modificar la información del curso.

Página 77
 Al dar clic en el botón de cambiar banner se debe mostrar un
formulario para cargar la imagen a editar.
o El formulario debe dar la opción de cargar una nueva
imagen, además de validar que tenga un formato definido.
“.png .jpeg .gif .jpg .bmp”, además su tamaño no debe
exceder más de 2 Mb.
o Al diligenciar todos los campos correctamente se le Si
habilitara el botón de cambiar banner para que pueda
guardar los datos en la base de datos, si no ha ingresado
todos los datos correctamente este botón no se habilitará.
o Al editar el banner del curso se debe cargar el cambio
automáticamente al perfil e informar por medio de un
mensaje de que el cambio se realizó con éxito.
 Tener la posibilidad de ver el listado de alumnos inscritos en el Si
curso sin importar su estado en el mismo.
 Visualizar estadísticas relacionadas con el curso, para saber los Si
movimientos que ha tenido este
 Manejar la posibilidad de cambiar el estado del curso cuando se
requiera a dicho curso ‘Abrir la oferta’ o ‘Cerrar la oferta’.
o Se debe manejar una opción tipo select donde se pueda
reflejar según el estado del curso la opción de cambio, si
el curso está abierto, mostrar la opción Cerrado y si está
cerrado mostrar la opción Abierto.
o Se debe validar que el campo estado tenga un valor valido
o Mostrar mensajes indicando que campos están vacíos o
en el formato incorrecto en color rojo con una x y un
mensaje de validación.
o Si la información está correcta mostrar en color verde un
check de valido para poder registrar la información en la
base de datos. Si
o Si hay problemas en la base de datos mostrar un mensaje
de advertencia y así poder informar al administrador del
aplicativo web.
o Al diligenciar todos los campos correctamente se le
habilitara el botón de actualizar para que pueda guardar
los datos en la base de datos, si no ha ingresado todos los
datos correctamente este botón no se habilitará.
o Si la información está correcta registrara la información en
la base de datos y se confirmara por medio de un mensaje
que la asignación del nuevo estado fue exitosa.
o Cargar la información actualizada automáticamente al
apartado de administrar cursos.
 Se requiere ver la información de cada curso por separado, en
categorías, abiertos y cerrados y que solo se muestre la Si
información acorde a cada curso.

Página 78
 Contar con una barra de menú que permita redirigir a los
diferentes apartados que ofrezca el aplicativo web y sus Si
respectivas funcionalidades
Figura 17. Pantalla administrar cursos


Página 79
Figura 18. Pantalla administrar cursos - cambiar banner
Figura 19. Pantalla administrar cursos - listado alumnos


Página 80
En la figura 20, se presenta el diagrama de base de datos resultante en el sprint 2 del


Página 81


Tabla 8. Historia de usuario Mis cursos
HISTORIA DE USUARIO
NOMBRE Mis cursos

HISTORIA:
PUNTOS DE 8
HISTORIA:
COMO: Usuario (docente) del aplicativo web
QUIERO: Que se cuente con un apartado donde se visualice el listado de los alumnos
que se tienen en el curso
PARA: Así ver el total de los alumnos que se tienen a los que se les va a impartir el
curso
CUANDO: Ingrese al aplicativo web después de hacer un login y mi rol sea de (docente),
se redirija a la pantalla de inicio del aplicativo web, se visualice en la barra de
menú el apartado de cursos y al dar clic en mis cursos
ESPERO:  Visualizar una lista con los cursos que tiene asignado el docente
o Nombre del curso
o Banner
o Código
o Fecha de inicio
o Fecha de fin
Página 82
o Modalidad
 Tener la posibilidad de ver el listado de alumnos matriculados en el
curso. Solo estado matriculado
 Tener la posibilidad de ver el listado de alumnos en el curso. Solo
estado matriculado, aprobado, reprobado
funcionalidades

Página 83
Para este tercer sprint se quiso implementar toda la parte del rol del docente ya que
en ella se encuentra una parte muy importante que es la de aprobar/reprobar alumnos
para que estos puedan al finalizar el curso con éxito descargar su certificado, pero
antes deben llenar la encuesta de satisfacción ya que, si no la hacen, no podrán
acceder a sus certificados. Los certificados son descargados automáticamente en
formato pdf.
Se pensó en implementar una parte de estadísticas que se puedan generar de

acuerdo al comportamiento en cada curso dentro de la aplicación. En estas
estadísticas se visualizará los diferentes estados en los que se encuentran los
alumnos. Por otra parte, se decidió implementar descargar información de las
diferentes tablas que se manejan en la aplicación para que se pueda generar a través
de ellas informes.
Se presentaron dificultades a la hora de realizar estas graficas estadísticas debido a

que no se tenía mucha compatibilidad de handlebars con las librerías, pero se logró
resolver y pudo ser implementado en la aplicación y ser un plus que se ofrece.
Finalmente, para la generación de los archivos en Excel se presentó problemas en

cuanto al encoding de los datos generados al momento de exportar la información de
las diferentes tablas.

Página 84

ID de caso de
C.P.E.C. 025
prueba:
Prioridad: Alto
Descripción: Mis cursos
Módulo: Modulo cursos
Ingrese al aplicativo web después de hacer un login y mi rol sea de (docente), se redirija a la
pantalla de inicio del aplicativo web, se visualice en la barra de menú el apartado de cursos y
al dar clic en mis cursos
 Visualizar una lista con los cursos que tiene asignado el docente
o Nombre del curso
o Banner
o Código Si
o Fecha de inicio
o Fecha de fin
o Modalidad
 Tener la posibilidad de ver el listado de alumnos matriculados en el Si
curso. Solo estado matriculado

Página 85
apartados que ofrezca el aplicativo web y sus respectivas Si
funcionalidades.
Figura 21. Pantalla mis cursos - Docente


Página 86


Página 87


Tabla 10. Historia de usuario Realizar encuesta de satisfacción.
HISTORIA DE USUARIO
NOMBRE Realizar encuesta satisfacción

HISTORIA:
PUNTOS DE 10
HISTORIA:
COMO: Usuario (usuario) del aplicativo web
QUIERO: Que se cuente con un apartado para realizar la encuesta de satisfacción
PARA: Así informar al área de educación continua en que deben mejorar
CUANDO: Ingrese al aplicativo web después de hacer un login y mi rol sea de (Usuario),
se redirija a la pantalla de inicio del aplicativo web, se visualice en la barra de
menú el apartado de cursos y al dar clic en cursos aprobados y seleccionar
la acción responder la encuesta
ESPERO:  Visualizar un formulario con los siguientes campos:

o Datos personales estudiante e información del curso:
 Nombres
 Apellidos
 Documento de identidad
Página 88
 Curso
o Aspectos relacionados con los conferencistas/docentes:
 Infraestructura física (salones, auditorios, salas de
informática, etc.)
 Suficiencia y dominio del tema
 Pertinencia de la metodología
o Aspectos relacionados con la logística:
 Orden, coherencia y claridad en las exposiciones y
explicaciones del conferencista/docente
 Cumplimiento de calendario o programación de las
actividades
 Ayudas audiovisuales
o Aspectos generales de satisfacción:
 Cumplimiento del propósito y de los contenidos
propuestos
 Utilidad de los talleres y/o actividades realizadas
 Cumplimiento de sus expectativas en general
 ¿Qué recomendaciones haría para mejorar las
actividades de Educación Continua?
 ¿En qué áreas desearía obtener actualización a través
de actividades de Educación Continua?
 ¿Asistiría a otra actividad programada por nosotros?
 Si
 No
 ¿Por qué?
 Indicar que campos son obligatorios
 Validar cada campo su información:
o En las cajas de texto solo se permite caracteres alfa
numéricos.
o Se debe escoger un numero para calificar los otros aspectos
entre 1 y 5.
 Al dar clic en enviar encuesta:
validación.
de valido para poder proceder a validar la información en la
BD.
advertencia y así poder informar al administrador del aplicativo
web.
el botón de enviar encuesta para que pueda verificar los datos
en la base de datos, si no ha ingresado todos los datos

Página 89
base de datos y confirmar por medio de un mensaje que la
encuesta se ha realizado correctamente.
 Al dar clic en volver a mis cursos aprobados:
o Visualizar los cursos que se tienen aprobados en el momento.
 La encuesta debe ser realizada para que pueda acceder al certificado.
funcionalidades

Página 90
4.6.2. Revisión y retrospectiva
Para este último sprint se decidió implementar todo lo relacionado con las encuestas de
satisfacción desde listarlas para poder sacar información por medio de reportes, a partir
de las respuestas que den los alumnos y así la universidad pueda interpretarlos. Esto es
relevante porque pueden saber que mejoras deben hacer con respecto a los cursos, tener
control a qué cursos se inscribe más gente, etc.
Se implemento un chat como valor agregado para que todos los usuarios puedan
interactuar entre ellos y hasta llegar a resolver dudas que tengan por medio de este.
Finalmente se implementa el apartado más importante de la aplicación que es la
generación automática de los certificados para que los usuarios no deban estarse
desplazando a las instalaciones de la universidad para obtenerlos y facilitar de este modo
el trabajo de los encargados de esta área, en este apartado se tuvo mayor dificultad
puesto que muy pocas librerías permitían generar un .pdf desde una maqueta realizada
con HTML + .hbs, pero finalmente se logra y se da solución cumpliendo con el alcance
del proyecto en el tiempo brindado por la universidad.

Página 91

ID de caso de
C.P.E.C. 031
prueba:
Prioridad: Alto
Descripción: Realizar encuesta satisfacción
Módulo: Modulo cursos
Ingrese al aplicativo web después de hacer un login y mi rol sea de (Usuario), se redirija a la
pantalla de inicio del aplicativo web, se visualice en la barra de menú el apartado de cursos y al
dar clic en cursos aprobados y seleccionar la acción responder la encuesta
 Visualizar un formulario con los siguientes campos:

o Datos personales estudiante e información del curso:
 Nombres
 Apellidos
 Documento de identidad
 Curso
o Aspectos relacionados con los conferencistas/docentes:
 Infraestructura física (salones, auditorios, salas de Si
informática, etc.)
 Suficiencia y dominio del tema
 Pertinencia de la metodología
o Aspectos relacionados con la logística:
 Orden, coherencia y claridad en las exposiciones y
explicaciones del conferencista/docente
 Cumplimiento de calendario o programación de las
actividades
Página 92
 Ayudas audiovisuales
o Aspectos generales de satisfacción:
 Cumplimiento del propósito y de los contenidos
propuestos
 Utilidad de los talleres y/o actividades realizadas
 Cumplimiento de sus expectativas en general
 ¿Qué recomendaciones haría para mejorar las
actividades de Educación Continua?
 ¿En qué áreas desearía obtener actualización a través
de actividades de Educación Continua?
 ¿Asistiría a otra actividad programada por nosotros?
 Si
 No
 ¿Por qué?
 Indicar que campos son obligatorios Si
 Validar cada campo su información:

o En las cajas de texto solo se permite caracteres alfa numéricos. Si
o Se debe escoger un numero para calificar los otros aspectos
entre 1 y 5.
 Al dar clic en enviar encuesta:
validación.
de valido para poder proceder a validar la información en la BD.
advertencia y así poder informar al administrador del aplicativo Si
web.
o Al diligenciar todos los campos correctamente se le habilitara el
botón de enviar encuesta para que pueda verificar los datos en
la base de datos, si no ha ingresado todos los datos
base de datos y confirmar por medio de un mensaje que la
encuesta se ha realizado correctamente.
 Al dar clic en volver a mis cursos aprobados: Si
o Visualizar los cursos que se tienen aprobados en el momento.
 La encuesta debe ser realizada para que pueda acceder al certificado. Si

apartados que ofrezca el aplicativo web y sus respectivas Si
funcionalidades.

Página 93
Figura 23. Pantalla cursos aprobados - Realizar encuesta de satisfacción

Figura 24. Pantalla realizar encuesta de satisfacción


Página 94


Página 95
4.7. DISEÑO DEL SISTEMA
4.7.1. Especificación de la arquitectura.
Arquitectura física.
Para el desarrollo del aplicativo web para la dependencia de educación continua del
Tecnológico de Antioquia, se opta por implementar un sistema desplegado en un servidor
web en este caso Heroku, en el cual interactúan los usuarios interesados y que poseen
la necesidad accediendo con sus credenciales de acceso a este, en este caso
representan los clientes, los cuales tienen un rol definido en dicho sistema y que de
acuerdo a este, el aplicativo funciona de forma específica para cada uno de estos
usuarios, entre los roles se encuentran el rol “usuario”, “administrador”, “coordinador” y
“docente”, se podría manifestar que el software toma una arquitectura física del tipo
cliente - servidor.
La arquitectura cliente – servidor se comporta y proviene de los sistemas distribuidos. Un
sistema distribuido o entorno de computación distribuido es un conjunto de dispositivos
autónomos que cooperan con objetivos concretos. Estos dispositivos ejecutan tareas que
se coordinan entre sí, intercambiando información por medio de una red de comunicación
(Alonso et al., 2017).
Complementando lo expuesto por los autores, se manifiesta que un sistema distribuido
es la evolución de los sistemas centralizados, los cuales buscan no mantener su
información en un solo espacio, si no que este pueda estar en varios lugares y ser
compartido y usado por diferentes actores que lo requieran.
En la actualidad el internet, la red ha sido uno de los canales de comunicación más
amplios y evolucionados en la actualidad, y gracias a esto permite que este tipo de
aplicaciones como la que se propone, que se ejecuta en este trabajo de grado pueda
funcionar y cumplir con los objetivos planteados, ya que esta arquitectura cliente -
servidor no sería eficaz sin una conexión a la red.
La arquitectura cliente - servidor permite procesar la información requerida de modo
distribuido, esto que significa que los usuarios podrían acceder a esta información
indiferentemente de su ubicación geográfica y sin restricción alguna, desde que estos
tengan una conexión a la red, esta permite un acceso transparente al sistema ya que
dicho cliente puede desconocer la ubicación física de los recursos que requiere, pero aun
así es accesible para estos.
Los componentes que conforman esta arquitectura se presentan de la siguiente manera:
 Servidor: visto de manera general sería un equipo de prestaciones altas, que tiene
la capacidad de ejecutar múltiples peticiones por parte de los clientes que las
Página 96
soliciten, pero de una manera más técnica se manifiesta que el servidor es un
proceso que ofrece recursos o servicios que este administra a los clientes que los
requieren.
 Cliente: de una visión más general se puede manifestar que es un equipo con
prestaciones medias o bajas que solicita una determinada acción a un equipo
servidor. Sin embargo, exponiendo de una manera más técnica un cliente es un
proceso que solicita los servicios de otro, normalmente a petición de un usuario,
en este caso se utiliza el termino front-end para referirse a el proceso como tal.
 Middleware: este componente sería un intermediario entre cliente – servidor, es
la parte de software que se encarga del trasporte de los mensajes o peticiones que
se requieran en el sistema, este ofrece más control sobre la lógica de negocio, es
decir los requerimientos del interesado que se codifican y resuelven sus
necesidades con el sistema.
En la arquitectura cliente servidor, la aplicación es modelada como un conjunto de
servicios proporcionados por el servidor o servidores y un conjunto de clientes que usan
dichos servicios, en esta arquitectura los clientes requieren de conocer que servidor está
disponible y que servicios puede ofrecer este mismo, sin embargo, estos clientes no
conocen la existencia de otros clientes, concluyendo que en esta arquitectura los clientes
y servidores son procesos diferentes (Santos, 2019).
La figura 26, nos describe la arquitectura cliente servidor
Se inicia
un servidor
Espera de Un cliente hace

solicitudes una solicitud
Se verifica Se muestra
la solicitud al usuario
Ámbito del Ámbito del

Servidor Cliente
Se procesa Se
la solicitud comprueba
Se devuelve El cliente recibe

el resultado el resultado
Figura 26. Diagrama arquitectura física cliente - servidor.


Página 97
Para concluir y tener en cuenta sobre la arquitectura cliente – servidor y es que, aunque
se tiene la separación entre la interfaz gráfica de usuario y el procesamiento de los datos
dentro del servidor, esto puede generar beneficios al cliente debido a que la carga se
realiza en el servidor y no en el cliente, sin embargo, puede generar problemas cuando
existan muchas solicitudes al mismo tiempo.
Arquitectura lógica
En cuanto la arquitectura lógica del sistema se expondrá que en el servidor de ExpressJS
con NodeJS, en el cual se maneja la lógica de negocio y por ende el servidor con el back-
end se plantea un MVC o Modelo, Vista, Controlador, una de las cualidades más
significativas y provechosas de trabajar con ExpressJS, es esta misma que se presta
para realizar aplicaciones con esta arquitectura MVC.
El Modelo, Vista, Controlador (MVC) es la arquitectura más extendida en cuanto el
desarrollo de aplicaciones donde se manejan interfaces de usuarios, éste se centra en la
separación de los datos o modelo, y la vista, mientras que el controlador es el encargado
de relacionar a estos dos … Su principal característica es aislar la vista del modelo como
se cita en (Sagredo et al., 2012)
Describiendo más a fondo se manifiesta que:
 El modelo consiste en objetos de dominio estructural de datos los cuales se
encargan de representar toda la lógica de negocio.
 La Vista esta hace referencia a los componentes gráficos que son los que permiten
la visualización de los datos hacia los usuarios de la aplicación. La vista es
actualizada según el modelo.
 El Controlador es el que es el que se encarga de responder a los eventos
provocados por el usuario, lo que esto implica cambios en el modelo y la vista,
permitiendo la gestión a las entradas del usuario. (España, 2016).
Sintetizando por medio de la figura 27, donde se expone de manera gráfica como el
cliente (usuario, administrador, coordinador, docente) realiza una petición al servidor, en
este caso representado por la estructura de ExpressJS, donde el controlador recibe dicha
petición, este la envía al modelo donde se procesa que datos requiere la petición, la
información de la petición es devuelta al controlador, seguidamente este pasa la
información requerida a la vista para que esta se la retorne nuevamente al cliente y este
a su vez finalizando en el proceso obtiene lo que solicita en su pantalla.

Página 98
Figura 27. Diagrama arquitectura lógica MVC.

Página 99
4.7.2. Diagrama de clases.
En la figura 28, se presenta el diagrama de clases resultante del aplicativo web para el
área de educación continua
Figura 28. Diagrama de clases educación continua.


Página 100
4.7.3. Diagrama entidad relación.
En la figura 29, se presenta el diagrama entidad relación resultante del aplicativo web
para el área de educación continua
Figura 29. Diagrama entidad relación educación continua.


Página 101
4.8. DESPLIEGUE DEL SISTEMA
En la figura 30 se presenta el diagrama de despliegue resultante del aplicativo web para

el área de educación continua.
Figura 30. Diagrama de despliegue educación continua.

El diagrama descrito en la figura 30, se observa el aplicativo dividido en dos grupos

principales el FrontEnd y el BackEnd, en cada uno de estos grupos principales se
destacan sus respectivos nodos y dentro de estos los componentes que acompaña a
cada nodo
En el grupo del FrontEnd, se encuentra el nodo del cliente, el cual es un equipo de
cómputo o dispositivo móvil, cuando el usuario ingresa a la URL del sitio web lo redirige
al inicio del mismo, en el cual se muestra en la pantalla el respectivo apartado gráfico, es
decir el componente del explorador web. Es allí donde indiferente del apartado que
seleccione el usuario y luego de ser procesado en el grupo del BackEnd, mostrara el
resultado en dicho nodo y componente.
Finalmente en el grupo del BackEnd se encuentran dos nodos principales que serían el
servidor web y el servidor de base de datos, cuando el grupo de Front-End envía la
solicitud por medio de una petición HTTP esta llega al nodo de servidor donde en conjunto
Página 102
trabajan el componente de estáticos que son scripts de JavaScript, CSS, imágenes y el
componente donde está el servidor de NodeJS + ExpressJS, recordando que en el
componente se maneja MVC (modelo, vista, controlador) y del cual se explica en el
apartado 4.7.1 Especificación de la arquitectura de este trabajo de grado, solo con la
diferencia que acá interviene ya el nodo de Servidor BD, en el cual el modelo es quien se
comunica con este para obtener los datos solicitados, el nodo de Servidor BD los revuelve
en formato JSON al modelo y este a su vez al controlador para pasarlo a la vista y es allí
de donde se hace la respetiva respuesta HTTP y llega al grupo de FontEnd donde se
visualiza en pantalla al usuario.
4.8.1. Manual de Usuario
El documento de manual de usuario se presenta como un anexo, el cual se nombra Anexo

Manual de Usuario.
4.8.2. Manual de Instalación
El documento de manual de instalación se presenta como un anexo, el cual se nombra

Anexo Manual de Instalación.

Página 103
5. RESULTADOS Y DISCUSIÓN
Con el desarrollo de este trabajo de investigación el cual se basa en implementar

aplicativo web a partir de la metodología ágil Scrum se logra establecer de manera
adecuada el proceso e desarrollo de software, y mejorar la gestión de procesos en el área
de educación continua del Tecnológico de Antioquia, cuya finalidad es disponer de una
aplicación web para gestionar el proceso relacionado con los cursos ofertados. Entre los
procesos se consideran desde la inscripción o aspiración a un curso hasta la etapa final
del proceso que es la generación del certificado.
En este proceso se aborda todo el ciclo del software de manera consecuente con las
necesidades del cliente por medio de las historias de usuario, pasando por el diseño y
codificación de las necesidades descritas en dichas historias; las cuales presentan como
características asociadas a las funcionalidades que debe llevar la aplicación para su
mínimo funcionamiento. Se implemento las dos funcionalidades primordiales para el área
de educación continua siendo la primera, el que el usuario pudiera editar su propio perfil
en cualquier momento debido a que en la plataforma que manejan en estos momentos
no se cuenta con esta funcionalidad; la segunda, es la generación de manera automática
del certificado, debido a que esto lo debe realizar la persona encargada de la
dependencia de una manera más manual y es algo tedioso cuando se trata de procesos
masivos.
Consecuente con lo antes expresado, se generan los Sprint que producen la entrega de
un Release funcional que presenta como características relevantes registrarse en la
aplicación, editar perfil, asignar roles, ofertar cursos, crear cursos, administrar cursos,
ingresar a la aplicación, asignar un docente a un curso, generar certificado, realizar
encuesta de satisfacción, generar reportes, ver estadísticas de los cursos, aspirar a los
cursos, entre otras; y en articulación con las respectivas pruebas a cada uno de los
módulos generados en el aplicativo.
Finalmente, se dispone de un conglomerado de los Sprint como producto final funcional
que conlleva a la correcta ejecución y función de los aspectos que se requerían que
tuviera implementados la aplicación para la mejor gestión de los procesos que van
surgiendo y se ejecutan dentro de esta área.
Se establecieron buenas prácticas para el desarrollo de la aplicación como el uso de
repositorios, editores de códigos, librerías que se usan en la industria del software
actualmente además de recursos gratuitos para poder probar funcionalidades del mismo.
Los productos obtenidos corresponden al aplicativo web funcional y su aplicabilidad
radica en la mejora de la gestión de los procesos en cuanto a los cursos en el área de
educación continua, a partir de los conocimientos adquiridos durante el proceso de

Página 104
formación, lo cual contribuye con el mejoramiento tanto de manera personal como
profesional, lo que permitió que se diera la solución a la problemática detectada.
El aplicativo web que se desarrollo es muy completo con respecto a las demás
plataformas afines que se encontraron en universidades públicas como se explicó en los
antecedentes y la revisión de literatura de una manera más extensa, debido a que no se
encontró literatura sobre desarrollos parecidos a este. Con respecto a las universidades
que manejan esta área de educación continua, de la poca información que se obtuvo la
aplicación web desarrollada es más completa y funcional, ya que el usuario o estudiante
y el docente tienen mayor interacción a la misma con respecto a las otras plataformas
identificadas.
En estas plataformas, los profesores solo entregan un listado a la persona encargada de
esta área y ella es la que aprueba a los estudiantes para que puedan generar sus
certificados. Por el lado del estudiante, este puede interactuar en tiempo real con los
demás usuarios que se encuentren conectados en el momento por medio de un chat para
que puedan resolver dudas en caso de tenerlas.
El desarrollo del aplicativo web se constituye en una herramienta eficaz e innovadora
para el logro del propósito establecido en aras del mejoramiento de la gestión de procesos
asociados con la respectiva área de educación continua.

Página 105
6. IMPACTO ESPERADO
El aplicativo web implementado a través de la metodología Scrum propuesto para la

Institución Universitaria Tecnológico de Antioquia, en aras del mejoramiento de la gestión
de procesos dentro del área de educación continua y cuyo plus desde el trabajo abordado
permite se descarguen datos de las diferentes tablas para la generación de informes que
vayan requiriendo dentro de esta área, también se cuenta con el apartado del chat que
permite la interacción de los usuarios en tiempo real, aparte de que todas las
funcionalidades con las que cuenta la aplicación son en tiempo real y al momento de
hacer alguna modificación en cualquiera de los aspectos se verán efectuados en el
instante. Finalmente, como valor agregado se pudo implementar la generación de
gráficos estadísticos; estos se pueden imprimir, descargar o interactuar con ellos
quitándole o agregándole información según se requiera en el momento.
El conglomerado de los Sprint entregados se constituye en una solución que permitió
evidenciar las funcionalidades y cuyo principal impacto se asocia a su implementación y
se espera que en el tiempo contribuya aún más con mejoramientos que pueden estar
asociados a el desarrollo de futuros módulos para beneficio de la comunidad universitaria
y público en general.
Con este aplicativo web se espera que el mejoramiento en la gestión de procesos del
área de educación continua para los usuarios tanto administrativos como los estudiantes
o personas externas los cuales harán uso de dicho aplicativo, se traduzcan en un proceso
más ágil y amigable desde los requerimientos de información, certificados, bases de
datos, reportes, estadísticas, registros, etc.
Se espera impactar de manera positiva desde las funciones propias del área de
educación continua, en la debida articulación de bases de datos y la forma como se
generen los certificados asociados a las diferentes ofertas publicadas tanto para los
estudiantes en las diferentes modalidades de programas ya sea a nivel técnico,
tecnológico, profesional y de posgrado, como para las personas externas o público
general no asociados con la institución.

Página 106
7. CONCLUSIONES
En el marco del trabajo de investigación abordado para el Desarrollo de un aplicativo web

para la gestión de procesos en el área de educación continua del Tecnológico de
Antioquia, se tiene las siguientes conclusiones:
El desarrollo del aplicativo web se realizó a través de la metodología ágil Scrum para la
sistematización de la gestión de procesos en el área de educación continua del
Tecnológico de Antioquia.
A continuación, se exponen el cumplimiento de los objetivos específico planteados:
Por medio de las historias de usuario se identifican los requerimientos necesarios para la
construcción del aplicativo web, los cuales corresponden con cada uno de los módulos
que se desarrollaron para la aplicación. Siendo estos:
 En el módulo inicio se encuentra todo lo relacionado con la página de inicio del
aplicativo web donde se muestra la información relacionada al Tecnológico de
Antioquia y al área de educación continua, además de un chat para tener
interacción con los usuarios que se conecten al mismo desde el aplicativo.
 El módulo usuarios maneja lo relacionado a los usuarios del sistema, como
registros, perfil de usuario, edición de información personal, asignación de roles,
ingreso al aplicativo y salida del mismo.
 Con el módulo cursos se administra todo lo relacionado con los cursos, desde su
registro en el sistema, edición de los mismos, asignación de docentes, ver
informes relacionados con el curso; informes de estudiantes, estadísticas etc.
Además de poder abrir o cerrar una oferta de un curso en particular.
 En el módulo de matrículas se encuentra todo lo relacionado con la gestión de
matrículas de estudiantes a los diferentes cursos, las cuales pasan por varios
estados administrados en dicho módulo. Se continúa el proceso hasta que el
usuario obtenga el certificado que es el plus a obtener de este trabajo de grado,
brindando la comodidad de que si algún día extravía su certificado la plataforma
permita generarlo las veces que sean requeridas.
El diseño de la arquitectura del aplicativo web corresponde con la arquitectura de tipo

cliente-servidor debido a que permite una administración centrada en el servidor, permite
que se concentre los recursos dando paso a evitar situaciones de inconsistencia con la
base de datos, también una mejora a la seguridad por medio de la disposición de un
mecanismo central que autentica las posibilidades de un acceso no permitido y finalmente
la escalabilidad que se le puede dar a la aplicación gracias a esta arquitectura. En cuanto
a la arquitectura lógica se optó por Node.js ya que, tiene numerosas ventajas como lo

Página 107
son: la variedad de servidores en la cual se puede ejecutar, su rendimiento, permite el
manejo de aplicaciones de alto tráfico, permite un desarrollo mucho más rápido en
comparación con otras y la más importante y por la cual es una de las usadas en el
mercado actualmente, que es especial para el desarrollo de aplicaciones en tiempo real
lo cual permitió implementar el valor agregado del chat. En cuanto al MVC, se escogió
porque permite dividir la lógica del negocio de manera que el proyecto sea más escalable,
al permitir el uso de librerías como JavaScript se facilita la validación de formularios
siendo una funcionalidad muy importante en el desarrollo de esta aplicación ya que dentro
de ella se cuenta con varios formularios para las diferentes funciones; también permite a
los desarrolladores seguir métodos más comunes de programación haciendo que el
código sea más entendible puesto que este proyecto la universidad planea desarrollarlo
a futuro en más aspectos; entre muchas otras ventajas que permite esta arquitectura.
La construcción del aplicativo web se basó en emplear buenas prácticas de desarrollo
por medio de soluciones gratuitas como el repositorio en GitHub, además de la
metodología ágil Scrum, se pudo llevar a cabo de manera eficiente el proceso, sacándole
provecho a todas las librerías usadas y demás herramientas de desarrollo como Heroku,
VSCODE, amCharts, Puppeteer, Handlebars, y como valor agregado el uso de un
lenguaje nuevo en el mercado como lo es Node.JS y ExpressJS.
Por medio del proceso de un caso real dentro del área de educación continua se valida
el aplicativo web desarrollado, en el cual se evidencia total cumplimiento de las funciones
del sistema correspondientes con cada uno de los módulos que se desarrollaron, en el
cual queda evidencia en el Anexo 7. Anexo Video Uso Aplicativo.
Finalmente, este proyecto permitió aplicar los conocimientos adquiridos a lo largo de
estos años de estudio en la institución puesto que el cliente final fue el área de Educación
continua, este desarrollo permitió que quedaran satisfechos ya que se logró resolver sus
mayores problemáticas que son la generación de certificados, registro de usuarios y que
estos puedan editar sus perfiles. Este proyecto servirá como base para las demás
funcionalidades y mejoras que se planean hacer a futuro por parte de la universidad.

Página 108
8. RECOMENDACIONES FUTURAS
El aplicativo web desarrollado es adecuado para que se tome como base y en un futuro
se implementen otros módulos como puede ser el de pagos, en donde se cree un
apartado en la aplicación que permita el pago de las inscripciones a los cursos de manera
online y ya por medio del sistema se actualice el estado del usuario y no tenga que
mandar el estudiante el comprobante de pago para que la persona encargada del área
tenga que entrar al aplicativo, buscarlo y luego matricularlo, sino que sea automático su
cambio de estado.
Una recomendación pertinente radica en la creación de un módulo para crear certificados
personalizados dependiendo de la necesidad requerida, si en algún momento se efectúa
algún evento en conjunto con alguna otra universidad poder tener un certificado con los
logos de ambas universidades y demás factores diferenciadores del certificado estándar
usado en el área de educación continua.
Se recomienda que a futuro se puedan implementar más estadísticas, para la toma de
decisiones pertinentes para el área y darle un manejo más eficiente a los recursos que
se tienen en cuanto a, tiempo, dinero, mejoras futuras para los cursos, conocer las
necesidades de los usuarios, entre otras.
También se recomienda que se sigan usando las herramientas utilizadas, sin dejar de
lado las buenas prácticas que se usaron para el desarrollo de esta aplicación, todo lo
necesario quedo explicado y muy bien documentado en el Anexo 6. Manual de
instalación.

Página 109
REFERENCIAS
ABPMP. (2013). BPM CBOKC VERSION 3.0. ABPMP.
Aggarwal, S., & Verma, J. (2018). Comparative analysis of MEAN stack and MERN stack.
International Journal of Recent Research Aspects ISSN, 2349-7688.
Alonso, C. G. M., Rafael, S. F., Francisco, M. P., Gabriel, D. O., Elio, S. R., Miguel, S. P. V.,
Javier, S. B., María, F. A. J., Pau, M. C. & Gregorio, Y. C. J. 2017. Comunicaciones
industriales: sistemas distribuidos y aplicaciones, Editorial UNED.
Anand, R. V., & Dinakaran, M. (2016). Popular agile methods in software development: review
and analysis. International Journal of Applied Engineering Research, 11(5), 3433-3437.
Aryal, S. (2020). MERN stack with modern web practices.
Becerra, J. C. A., & Vanegas, C. E. D. (2018). Propuesta de un método para desarrollar

Sistemas de Información Geográfica a partir de la metodología de desarrollo ágil -
SCRUM. Cuaderno Activa, 10(1), 29-41. Recuperado a partir de
https://190.217.57.229/index.php/cuadernoactiva/article/view/490.
Bhavsar, K., Shah, V., & Gopalan, S. (2020). Scrum: An Agile Process Reengineering in
Software Engineering. International Journal of Innovative Technology and Exploring
Engineering (IJITEE), 9(3), 840-848.
Bonilla Montolio, G. (2018). Estudio y uso de herramientas estadísticas para la mejora en el

control de procesos y calidad (Bachelor's thesis, Universitat Politècnica de Catalunya).
Certificación de competencia Retie | Institución Universitaria Pascual Bravo. (2020). Consultado

el 20 Mayo de 2020, de https://pascualbravo.edu.co/extension/educacion-
continua/certificacion-de-competencia-retie/
Cloud Application Platform | Heroku. (2020). Consultado el 13 noviembre 2020, de

https://www.heroku.com/
Página 110
Code, V. (2020). Visual Studio Code - Code Editing. Redefined. Consultado el 13 noviembre
2020, de https://code.visualstudio.com/
Colombia, Congreso De Colombia, Ley 30 De 1992 (28 de diciembre de 1992). En Legis

Editores, Colección De Legislación Colombiana en línea. Consultado el 11 de mayo de
2020 de https://xperta.legis.co
Compass. (2020). Consultado el 13 noviembre 2020, de

https://www.mongodb.com/products/compass
CSS. (2020). Consultado el 16 noviembre 2020, de

https://developer.mozilla.org/es/docs/Web/CSS
Descarga de Certificados. (2020). Consultado el 2020, de

https://recursos.iudigital.edu.co/certificados/
Dirección Operativa de Extensión Académica – ITM. (2020). Consultado el 23 mayo de 2020, de

https://www.itm.edu.co/dependencias/extension-academica-5/
Domínguez, A. A. Santos Rego, MA, Lorenzo, M. & Vázquez. A. (2018). Educación no formal y
empleabilidad de la juventud. Madrid: Síntesis. ISBN: 978-84-9171-094-3. Journal of
Supranational Policies of Education (JoSPoE), (7).
Educación Continua – ITM. (2020). Consultado el 23 de mayo de 2020, de

https://www.itm.edu.co/dependencias/extension-academica-5/educacion-continua-5/
Educación Continua (2020). Educación continua, Página principal: Sitio web Extensión,
Medellín, Colombia. Consultado el 21 febrero de 2020, de
https://www.tdea.edu.co/index.php/educacion-continua
Educación Continua Virtual – ITM. (2020). Consultado el 23 de mayo de 2020, de

https://www.itm.edu.co/dependencias/extension-academica-5/educacion-continua-virtual/

Página 111
Email Delivery Service. (2020). Consultado el 13 noviembre 2020, de https://sendgrid.com/
España León, A. R. (2016). Estrategia informática con arquitectura MVC y Responsive Web
Design en la gestión de datos de los pacientes del hospital maternidad Babahoyo en el
área de estadística (Master's thesis).
Free JavaScript training, resources and examples for the community. (2020). Consultado el 13
noviembre 2020, de https://www.javascript.com/
Git. (2020). Consultado el 13 noviembre 2020, de https://git-scm.com/
GitHub Desktop. (2020). Consultado el 13 noviembre 2020, de https://desktop.github.com/
GitHub: Where the world builds software. (2020). Consultado el 13 noviembre 2020, de
https://github.com/
Handlebars. (2020). Consultado el 13 noviembre 2020, de https://handlebarsjs.com/
Hermes- Módulo Alumnos - Log In. (2020). Consultado el 24 de mayo de 2020, de

https://hermesextension.unal.edu.co/ords/f?p=116:20:119081097984596::NO:RP:AI_INS
TANCIA_SUBPROCESO,AI_ALUMNO_CURSO:,&cs=18v5agoOOlCOYBXRdmRKtppu
TKK4.
Hernández, M. R., Barrientos, O. T., & Alva, A. D. (2016). Desarrollo de aplicaciones web
educativas mediante el uso de la técnica de Diseño Web Adaptable. TIC
ACTUALIZADAS PARA UNA NUEVA DOCENCIA UNIVERSITARIA, p. 657.
HTML: Lenguaje de etiquetas de hipertexto. (2020). Consultado el 16 noviembre 2020, de

https://developer.mozilla.org/es/docs/Web/HTML
Inicio | Institución Universitaria Pascual Bravo. (2020). Consultado el 26 de mayo de 2020, de

https://pascualbravo.edu.co/
Página 112
Inicio Extensión. (2020). Página principal: Sitio web Extensión, Medellín, Colombia. Consultado
el 28 de octubre de 2020, de https://www.tdea.edu.co/index.php/inicio-extension
Institución Universitaria Colegio Mayor de Antioquia. – Oferta. (2020). Consultado el 18 de mayo

de 2020, de
http://accademia.colmayor.edu.co/extension/modulos.php?name=Paginas&id=5
Institución Universitaria Colegio Mayor de Antioquia. - Principal (2020). Consultado el 18 de

mayo de 2020, de https://www.colmayor.edu.co/
International Organization for Standardization, (2015). ISO 9000:2015 - Quality management

systems -Fundamentals and vocabulary. Consultado el 12 de mayo de 2020 de:
https://www.iso.org/obp/ui/#iso:std:iso:9000:ed-4:v1:en
ITM. (2020). Consultado el 26 de mayo de 2020, de

https://www.itm.edu.co/?gclid=CjwKCAjw2a32BRBXEiwAUcugiNULDWD3O1XBbTKTK-
vZ4pH_K-wunUtVxOLRTjpF19g4984fAJDgPRoCOk4QAvD_BwE
JavaScript Charts & Maps - amCharts. (2020). Consultado el 13 noviembre 2020, de

https://www.amcharts.com/
La base de datos líder del mercado para aplicaciones modernas. (2020). Consultado el 13
noviembre 2020, de https://www.mongodb.com/es
Lis, G, & Pantaleo, L. (2018). Ingeniería de Software. (1ª Ed.). Alfaomega.

https://www.alfaomegacloud.com/reader/ingenieria-de-software?location=117
MDN Web Docs. (2020). Consultado el 13 noviembre 2020, de https://developer.mozilla.org/es/
Ministerio de Educación Nacional. – ÁREA DE CONOCIMIENTO. (2020). Mineducacion.gov.co.

Recuperado el 24 febrero de 2020, de https://www.mineducacion.gov.co/1621/article-
136452.html

Página 113
MongoDB Atlas: Cloud Document Database. (2020). Consultado el 13 noviembre 2020, de
https://www.mongodb.com/cloud/atlas/lp/try2?utm_source=google&utm_campaign=gs_a
mericas_colombia_search_brand_atlas_desktop&utm_term=mongo%20atlas&utm_medi
um=cpc_paid_search&utm_ad=e&utm_ad_campaign_id=2030069987&gclid=CjwKCAiA
17P9BRB2EiwAMvwNyEZHj-
iX21Kt3kWJnGfVcbvGyEERI5IhcMnvCxR3mCtfBYpKEvC7nBoC3HkQAvD_BwE
Montero, B. M., Cevallos, H. V., & Cuesta, J. D. (2018). Metodologías ágiles frente a las
tradicionales en el proceso de desarrollo de software. Espirales revista multidisciplinaria
de investigación, 2(17).
Munzner, T. (2014). Visualization analysis and design.. CRC press.
Navarrete, R. (2017). Aplicación de la experiencia de usuario accesible en entornos web de

recursos educativos abiertos. (Doctoral dissertation, Universitat d'Alacant-Universidad de
Alicante).
Nicea, M., Andreea-Gabriela, D., & Romeo, D. (2017). Continuous education and training of
adults–purpose of an active life on the labour market. Junior Scientific Researcher, 3(2),
9-18.
Node.js. (2020). Consultado el 13 noviembre 2020, de https://nodejs.org/es/
nodemon. (2020). Consultado el 13 noviembre 2020, de

https://www.npmjs.com/package/nodemon
npm | build amazing things. (2020). Consultado el 13 noviembre 2020, de

https://www.npmjs.com/
Oferta. (2020). Consultado el 25 de mayo de 2020, de

http://www.udea.edu.co/wps/portal/udea/web/inicio/extension/educacion-continua/oferta

Página 114
Oprins R.J.J., Frijns H.A., Stettina C.J. (2019) Evolution of Scrum Transcending Business
Domains and the Future of Agile Project Management. In: Kruchten P., Fraser S.,
Coallier F. (eds) Agile Processes in Software Engineering and Extreme Programming.
XP 2019. Lecture Notes in Business Information Processing, vol 355. (pp. 244-259).
Springer, Cham
Pagos. (2020). Consultado el 25 de mayo de 2020, de

http://www.udea.edu.co/wps/portal/udea/web/inicio/pagos
Programas diseñados para empresas | Institución Universitaria Pascual Bravo. (2020).

Consultado el 26 de mayo de 2020, de https://pascualbravo.edu.co/extension/educacion-
continua/programas-disenados-para-empresas/
Puppeteerv(2020). Consultado el 13 noviembre 2020, de https://pptr.dev/
Renna, P., Izzo, C., & Romaniello, T. (2020). The Business Process Management Systems to
Improve the Performance of Universities: Integrated Performance Plan. In Handbook of
Research on Operational Quality Assurance in Higher Education for Life-Long Learning
(p. 56-80). IGI Global.
Rivera Rodriguez, H. E., & Zapata Leyva, I. E. (2019). Mejora de procesos para la gestión
administrativa de programas de posgrado y extensión universitaria del Instituto para la
Calidad de la Educación de la Universidad de San Martín de Porres-Lima-Perú.
Sagredo, J. G. C., Espinosa, A. T., Reyes, M. M., & García, M. D. L. L. (2012). Automatización
de la codificación del patrón modelo vista controlador (MVC) en proyectos orientados a
la Web. CIENCIA ergo-sum, Revista Científica Multidisciplinaria de Prospectiva, 19(3),
239-250.
Santos Carrazana, A. (2019). Los sistemas distribuidos. Una aplicación en la enseñanza

(Doctoral dissertation, Universidad Central “Marta Abreu” de Las Villas).
Schwaber, K., & Sutherland, J. (2017). The Scrum Guide. Scrum.Org and ScrumInc.
https://www.scrumguides.org/docs/scrumguide/v2017/2017-Scrum-Guide-US.pdf

Página 115
SIRECEC - Sistema de Registro y Control de Eventos de Capacitación. (2020). Consultado el
27 de mayo de 2020, de http://sirecec2.esap.edu.co/admon/index.php
SIRECEC | Certificados. (2020). Consultado el 27 de mayo de 2020, de

https://sirecec3.esap.edu.co/Certificados/ConsultarCertificado
SIRECEC | Principal. (2020). Consultado el 26 de mayo de 2020, de

https://sirecec3.esap.edu.co/
Suaza, K. V., García, J. J. T., & Jaramillo, C. M. Z. (2015). Mejora de historias de usuario y
casos de prueba de metodologías ágiles con base en TDD. Cuaderno activa, 7, 41-53.
Consultado el 18 de mayo de 2020, de
https://ojs.tdea.edu.co/index.php/cuadernoactiva/article/view/246
Universidad de Antioquia. (2020). Consultado el 25 de mayo de 2020, de

http://www.udea.edu.co/wps/portal/udea/web/inicio/!ut/p/z1/04_Sj9CPykssy0xPLMnMz0v
MAfIjo8ziLSydjQwdTQx8LAws3AwcA0N8XE1CfQ0M_E31wwkpiAJKG-
AAjgZA_VFgJXATDLwNTYEmuAb4hfg7B7h4GUEV4DGjIDfCINNRUREATA0gew!!/dz/d
5/L2dBISEvZ0FBIS9nQSEh/
Universidad Nacional de Colombia: Sede Medellín - La sede. (2020). Consultado el 26 mayo de

2020, de https://medellin.unal.edu.co/

Página 116
ANEXOS
Anexo 1. Anexo Sprint 1 H.U – CP

Anexo 5. Anexo Manual de Usuario
Anexo 6. Anexo Manual de Instalación
Anexo 7. Anexo Video Uso Aplicativo
Anexo 8. Anexo Credenciales de Acceso
Anexo 9. Anexo Informe Biblioteca TdeA
Anexo 10. Anexo Código Fuente

Página 117

Aplicativo Web

Cargado por

Copyright:

Formatos disponibles

Aplicativo Web

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Aplicativo Web

Cargado por

Copyright:

Formatos disponibles

Desarrollo de un aplicativo web para la gestión de procesos en el área

de educación continúa del Tecnológico de Antioquia.

Sandra Julieth Castro Rojas

Sebastián Gómez Jaramillo

Carola Victoria Flores

Tecnológico de Antioquia - Institución Universitaria

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

Queremos agradecer a la institución educativa Tecnológico de Antioquia por permitirnos

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

El objetivo principal de este trabajo de grado es dar solución a la problemática presentada

Aplicativo web responsive, gestión de procesos, cursos, educación continua, Scrum.

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

Figura 1. Árbol de problemas ........................................................................................ 17

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

Tabla 1. Componentes de Scrum .................................................................................. 46

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

TDG: Trabajo de Grado

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

La importancia de la educación en Colombia va dando de qué hablar, pues actualmente

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

A partir del marco conceptual se resalta la importancia de la educación continua impartida

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

2.1. DEFINICIÓN PROBLEMA

En la actualidad, la Institución universitaria Tecnológico de Antioquia, se suma a la

Al mismo tiempo para el área de educación continua es de suma importancia una

Por consecuencia nace un cuestionamiento en el cual se pretende abordar y se propone

2.1.1. Árbol de problemas

En la figura 1 se presenta la problemática descrita e identificada por medio del árbol de

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

2.1.2. Áreas del conocimiento

Según el ministerio de educación de Colombia es una agrupación de programas

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

2.2. JUSTIFICACIÓN DEL PROBLEMA

Lo que se pretende con esta propuesta de trabajo de investigación es aplicar los

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

La importancia también radica en generar una mejor experiencia de usuario a los

2.3. MARCO CONCEPTUAL

Es de suma importancia especificar y dar a conocer conceptos necesarios y

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

Educación por extensión, formación permanente, formación continua o capacitación

La extensión comprende los programas de educación permanente, cursos, seminarios y

Esta modalidad de educación es impartida en el Tecnológico de Antioquia por medio de

Gestión de procesos es un enfoque disciplinado para identificar, diseñar, ejecutar, medir,

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

Es una modalidad de diseño para el desarrollo de aplicaciones web que es soportada en

Scrum es considerado como un marco de desarrollo y gestión de productos de software

MERN es una herramienta de andamiaje que facilita la creación de aplicaciones

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

Base de datos NoSQL orientada a documentos de código abierto, en la cual no se

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

Es un administrador de plantillas JavaScript semántico, eficaz y dinámico que se permite

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

Es un lenguaje para modelado de documentos, es decir, la forma en la que la información

Desarrollo de un aplicativo web para la gestión de procesos en el área de educación continua

La siguiente revisión de antecedentes se realiza basada en plataformas web o software

2.4.1. Universidad de Antioquia