ColegaBot

Sitio web para aprender programación

Richard Eduardo Calderón Castillo

Demian Isaias Días Hernandez
Alexis Jacob Tobar Salazar
Planificación del sistema ColegaBot
Taller Integrado
Instituto Profesional los Leones
Luis Alejandro Yañez Carrero
31 de marzo del 2024
 Índice

Índice....................................................................................................................................... 2
Introducción........................................................................................................................... 4
Contexto..................................................................................................................................5
Descripción técnica............................................................................................................ 6
Metodología y herramientas para el desarrollo del proyecto............................................. 6
Planificación temporal del proyecto en base a 16 semanas..............................................7
Estimación de costos y recursos del proyecto...................................................................7
Análisis de riesgos................................................................................................................ 8
Riesgos en el desarrollo del producto:............................................................................... 8
Riesgo de usabilidad e implementación del producto........................................................ 9
Viabilidad del proyecto........................................................................................................ 10
Viabilidad Técnica:........................................................................................................... 10
Viabilidad Económica:...................................................................................................... 11
Viabilidad Operativa:........................................................................................................ 11
Diagramas de flujo............................................................................................................... 12
Diagrama de flujo nivel contextual................................................................................... 12
Diagrama de flujo Nivel 1................................................................................................. 13
Nivel 2 - proceso 1 Mostrar Home....................................................................................14
Nivel 2 - proceso 2 Seleccionar opción............................................................................ 14
Nivel 2 - proceso 3 Contactar a colegabot....................................................................... 14
Nivel 2 - proceso 4 Validar usuario...................................................................................15
Nivel 2 - proceso 5 Administrar sitio.................................................................................15
Nivel 2 - proceso 6 Administrar usuarios..........................................................................16
Nivel 2 - proceso 7 Administrar contenido........................................................................16
Nivel 2 - proceso 8 Generar estadísticas......................................................................... 17
Nivel 2 - proceso 9 Cargar panel de estudiante............................................................... 17
Nivel 2 - proceso 10 Ejecutar lecciones........................................................................... 18
Nivel 2 - proceso 11 Realizar examen..............................................................................18
Nivel 2 - proceso 12 Revisar progreso............................................................................. 19
Diagramas de casos de uso................................................................................................19
Diagrama de casos de uso nivel 1................................................................................... 19
Nivel 2 - proceso 1 Mostrar Home....................................................................................21
Nivel 2 - proceso 2 Seleccionar opción............................................................................ 21
Nivel 2 - proceso 3 Contactar a colegabot....................................................................... 21
Nivel 2 - proceso 4 Validar usuario...................................................................................22
Nivel 2 - proceso 5 Administrar sitio.................................................................................22
Nivel 2 - proceso 6 Administrar usuarios..........................................................................23
Nivel 2 - proceso 7 Administrar Contenido.......................................................................23
Nivel 2 - proceso 8 Generar estadísticas......................................................................... 23
Nivel 2 - proceso 9 Cargar panel de estudiante............................................................... 24
Nivel 2 - proceso 10 Ejecutar lecciones........................................................................... 24

2
 Nivel 2 - proceso 11 Realizar examen..............................................................................25
Nivel 2 - proceso 12 Revisar progreso............................................................................. 25
Modelo entidad - relación.................................................................................................... 26

3
 Introducción

Actualmente el acceso a la educación permite que maestros, alumnos y personas

autodidactas busquen en la web recursos y herramientas para complementar sus procesos
de aprendizaje, en el ramo de la programación hay un sin fin de sitios web que ofrecen
extensos cursos desde niveles básicos hasta complejos módulos que buscan especializar a
los usuarios en áreas específicas de su campo, pero dentro de esto hay un escasez de
herramientas básicas y didácticas efectivas para el aprendizaje de fundamentos de
programación que active la parte práctica del usuario y lo estimule a continuar con el
estudio, entendiendo que la curva de aprendizaje de la programación puede ser
pronunciada y por este hecho hay deserción en los cursos básicos existentes.

Por ello es necesario en primera instancia planificar un sistema novedoso y didáctico

dirigido a principiantes en el mundo de la programación, se abordará la creación de un
pseudolenguaje propio para el sistema a implementar, a futuro dicho lenguaje podría
evolucionar hasta llegar a la sintaxis de lenguajes de programación.

4
 Contexto

Se desarrollara un sistema enmarcado en un sitio web llamado ColegaBot, el cual

será destinado a estudiantes de programación sin conocimientos previos o con
conocimientos básicos, dicho sistema le permitirá al estudiante registrarse y realizar un
curso con estilo tutorial, dividido en niveles que progresivamente aumentan su complejidad,
cada nivel se dividirá en una cantidad determinada de lecciones, cada lección está dividida
en tres segmentos; El segmento número uno contendrá un texto con la explicación de los
conceptos abordados en dicha lección, es contenido de valor resumido y con escaso
lenguaje técnico. El segmento número dos consta de un ejercicio práctico guiado en
relación a los conceptos de la lección. El segmento número tres consta de un ejercicio
práctico no guiado, el cual tendrá un planteamiento y el estudiante deberá realizar o
completar el ejercicio con los elementos proporcionados por el sistema, dicho ejercicio será
clave para evaluar la comprensión de la lección y de resolverse de forma correcta el
estudiante avanzará a la siguiente lección.

Al terminar exitosamente las lecciones de un nivel el estudiante tendrá disponible un

examen para comprobar los conocimientos adquiridos, dicho examen debe aprobarse con
una tasa mayor o igual al 70%, de hacerlo, automáticamente se desbloquea el siguiente
nivel del curso. Al completar los niveles del curso tendrá disponible un certificado de
aprobación.

El estudiante navegará en un panel diseñado para realizar el desarrollo del curso y

también tendrá una opción para conocer su progreso e imprimir los certificados disponibles.

Los perfiles que actuarán dentro del sitio web son el estudiante del cual hemos ya
hemos expuesto su papel dentro del sistema, el segundo perfil es el administrador, cuyo
papel se divide en tres tareas principales y son; Primero, gestión eficiente de los usuarios
del sistema donde podrá crear, editar, eliminar y listar usuarios. Segundo, administrar el
contenido de las lecciones de los diversos niveles del curso y tercero realizar algunos
cambios de estilo e identidad del sitio web.

Entonces, el objetivo principal a nivel de información es que el sistema sea capaz de

disponer para el estudiante de una serie de lecciones fundamentales de programación en
forma didáctica y guiada.

5
Descripción técnica

Lenguaje de Programación: PHP versión 8.2.12.

Base de datos: MySQL.
Frontend: HTML, CSS y JavaScript, también se considera la utilización de Bootstrap.
Seguridad: Medidas de seguridad como HTTPS (SSL), filtrado de datos para prevenir
ataques de inyección SQL, y autenticación segura de usuarios mediante hashing de
contraseñas.
Hosting: El sitio web ColegaBot será alojado en un servidor de hosting llamado linuxhost
ejecutado en una distribución de Linux. Cumple con la versión de PHP y la base de datos
MySQL en las que se desarrollará la aplicación.
Gestión de Versiones: Control de versiones local GIT y repositorio remoto Git Hub.

Metodología y herramientas para el desarrollo del proyecto

Metodología scrum: Como herramienta colaborativa enfocada en el cumplimiento de

objetivos será el marco apropiado para el desarrollo del sitio. Los roles definidos son:

● Richard Calderón (scrum master).

● Demian Díaz(developer).
● Alexis Tobar(developer).

Tablero: Trello versión gratuita.

Herramienta para diagramas: Draw.io
IDE: Visual Studio

6
 Planificación temporal del proyecto en base a 16 semanas

Estimación de costos y recursos del proyecto

1- Costo de mano de obra:

● Total de programadores: 3
● Tarifa por hora de cada programador: 6250 CLP(en base a un sueldo mensual de
1000000 CLP)
● Horas estimadas de trabajo por semana por Programador: 13 horas
● Duración del proyecto: 16 semanas (aproximadamente 4 meses)
● Cálculo del costo total de mano de obra: 1200000 CLP

2- Costo del dominio: 12990 CLP anual

3- Costo de alojamiento: Costo anual de 30000 CLP anual
4- Costo total: 1242990 CLP

7
 Análisis de riesgos

Riesgos en el desarrollo del producto:

1- Falta de compromiso del equipo: Si los miembros del equipo no están completamente
comprometidos con el proyecto o tienen otras responsabilidades que compiten por su
tiempo, existe el riesgo de que la velocidad de entrega y la calidad del trabajo se vean
afectadas.

Solución: Establecer una comunicación clara sobre las expectativas del proyecto y la
importancia del compromiso. Asignar roles y responsabilidades específicas para cada
miembro del equipo implementando prácticas de gestión del tiempo efectivas.

2- Gestión de versiones y control de cambios: Existe el riesgo de que los cambios

realizados en lo planificado o en el código fuente de ColegaBot no sean gestionados
adecuadamente, lo que podría provocar conflictos entre versiones, errores no detectados o
pérdida de funcionalidades.

Solución: Realizar un trabajo de planificación priorizado y utilizar sistemas de control de

versiones como Git para gestionar cambios de código de manera eficiente y
colaborativa.Establecer un proceso claro para revisar, aprobar y fusionar cambios en el
código base de ColegaBot.

3- Estimación inadecuada del tiempo de ejecución: Riesgo de subestimar el tiempo

necesario para completar el proyecto ColegaBot, lo que puede causar retrasos y aumentar
costos.

Solución:Involucrar al equipo en la estimación de tareas y plazos para aprovechar su

experiencia y conocimientos. Incorporar márgenes de tiempo adicionales en la planificación
para manejar imprevistos y cambios en los requisitos.

4- Falta de comunicación: Si la comunicación dentro del equipo no es clara y transparente,

existe el riesgo de malentendidos, conflictos y problemas de coordinación que podrían
afectar el progreso del proyecto.

8
Solución: Establecer canales de comunicación claros y accesibles para el equipo y las
partes interesadas.
.
5- Falta de pruebas exhaustivas: Si no se realizan pruebas exhaustivas de funcionalidad,
rendimiento, seguridad y compatibilidad en diferentes dispositivos y navegadores, existe el
riesgo de errores o vulnerabilidades críticas.

Solución: Implementar un plan de pruebas detallado que incluya casos de prueba para
todos los aspectos críticos de la página web.

Riesgo de usabilidad e implementación del producto

1- Fallas en servicios de alojamiento: Al trasladar la página web de un entorno local a un

servidor de alojamiento web, es posible que surjan problemas que no se presentaban
durante el desarrollo en el entorno local.

Solución: Realizar pruebas en un entorno de preproducción antes de lanzar el sitio web en

un servidor de alojamiento.También documentar y mantener registros detallados de la
configuración del entorno local y de producción para facilitar la solución de problemas.

2- Compatibilidad del navegador: Existe el riesgo de que el sitio web no funcione

correctamente en todos los navegadores.

Solución: Realizar pruebas de compatibilidad en múltiples navegadores y dispositivos para

garantizar una experiencia consistente para el usuario. Utilizar herramientas de desarrollo
web compatibles con múltiples navegadores para identificar y corregir problemas de
compatibilidad.

3- Vulnerabilidades de seguridad: Al utilizar PHP como lenguaje de programación existen

riesgos asociados a las vulnerabilidades de seguridad inherentes a este lenguaje.

Solución: Mantener actualizado el software y las bibliotecas utilizadas en la página web para
mitigar vulnerabilidades conocidas e implementar buenas prácticas de seguridad, como
filtrado de entrada, validación de datos y uso de parámetros preparados para consultas
SQL.

9
4- Problemas de usabilidad y accesibilidad: Existe el riesgo de que los usuarios encuentren
dificultades para navegar por el sitio o acceder al contenido.

Solución: Diseñar el sitio web siguiendo principios de usabilidad y accesibilidad web,

proporcionar atributo alt en imágenes y estructurar el contenido de forma clara y concisa.
Realizar pruebas de usabilidad con usuarios reales para identificar y corregir problemas de
accesibilidad.

5- Rendimiento lento de la página: Rendimiento deficiente debido a configuraciones

inadecuadas en el CSS o JavaScript, así como problemas de carga.

Solución: Optimizar el código CSS y JavaScript para mejorar la velocidad de carga y

renderización de la página. Utilizar herramientas de monitoreo de rendimiento para
identificar cuellos de botella y áreas de mejora.

6- Calidad del contenido: Existe el riesgo de que el contenido del tutorial no sea preciso,
atractivo y de alta calidad, lo que podría dificultar la comprensión por parte de los usuarios y
disminuir la efectividad del aprendizaje o causar la deserción.

Solución: Realizar revisiones de contenido periódicas para garantizar su precisión y

relevancia. Solicitar retroalimentación de los usuarios para identificar áreas de mejora y
corregir posibles errores mediante encuesta.

Viabilidad del proyecto.

El equipo de desarrollo cuenta con los conocimientos en los lenguajes y herramientas que
se utilizaran para el desarrollo por lo cual la implementación de ColegaBot será posible
existiendo las condiciones de tiempo y compromiso necesarias, a continuación se describen
los tres factores de viabilidad del proyecto:

Viabilidad Técnica:

El equipo de desarrollo cuenta con experiencia en tecnologías web, incluyendo PHP, HTML,
CSS, JavaScript y MySQL. Además, las herramientas y recursos necesarios para el

10
desarrollo, como el entorno de desarrollo integrado Visual Studio, están disponibles y son
adecuados para el proyecto. Se ha identificado la infraestructura tecnológica necesaria para
alojar el sitio web en un servicio de hosting.

Viabilidad Económica:

Se ha realizado un análisis de costos que incluye los gastos de desarrollo, hosting,

mantenimiento y marketing. Se estima que el proyecto requerirá una inversión inicial
significativa pero no exorbitante para el desarrollo de la plataforma y los recursos
educativos. Se espera que esta inversión se recupere a futuro a través de modelos de
negocio como suscripciones premium, publicidad y asociaciones con instituciones
educativas. Según la investigación de mercado existe una demanda potencial considerable
para una plataforma de aprendizaje de programación en línea.

Viabilidad Operativa:

El equipo de desarrollo está comprometido con el éxito del proyecto y cuenta con las
habilidades y recursos necesarios para llevarlo a cabo. Se ha establecido una estructura
organizativa clara, con roles definidos para el equipo de desarrollo, así como un plan de
gestión de proyectos que incluye reuniones regulares de seguimiento y coordinación.
Además, se han identificado posibles riesgos y se han desarrollado estrategias de
mitigación para garantizar una ejecución efectiva del proyecto.

Por lo tanto se determina que el proyecto ColegaBot es viable desde los puntos de vista
técnico, económico y operativo. Con un equipo capacitado, una demanda potencial sólida y
una planificación detallada, el proyecto tiene el potencial de ser exitoso en el mercado de la
educación en línea. Se recomienda proceder con la fase de desarrollo y lanzamiento del
sitio web.

11
 Diagramas de flujo

Diagrama de flujo nivel contextual

12
Diagrama de flujo Nivel 1

13
Nivel 2 - proceso 1 Mostrar Home

Nivel 2 - proceso 2 Seleccionar opción

14
Nivel 2 - proceso 3 Contactar a colegabot

Nivel 2 - proceso 4 Validar usuario

15
Nivel 2 - proceso 5 Administrar sitio

Nivel 2 - proceso 6 Administrar usuarios

16
Nivel 2 - proceso 7 Administrar contenido

Nivel 2 - proceso 8 Generar estadísticas

17
Nivel 2 - proceso 9 Cargar panel de estudiante

Nivel 2 - proceso 10 Ejecutar lecciones

18
Nivel 2 - proceso 11 Realizar examen

Nivel 2 - proceso 12 Revisar progreso

19
 Diagramas de casos de uso

Diagrama de casos de uso nivel 1

20
Nivel 2 - proceso 1 Mostrar Home

Nivel 2 - proceso 2 Seleccionar opción

21
Nivel 2 - proceso 3 Contactar a colegabot

Nivel 2 - proceso 4 Validar usuario

22
Nivel 2 - proceso 5 Administrar sitio

Nivel 2 - proceso 6 Administrar usuarios

23
Nivel 2 - proceso 7 Administrar Contenido

Nivel 2 - proceso 8 Generar estadísticas

Nivel 2 - proceso 9 Cargar panel de estudiante

24
Nivel 2 - proceso 10 Ejecutar lecciones

Nivel 2 - proceso 11 Realizar examen

25
Nivel 2 - proceso 12 Revisar progreso

26
Modelo entidad - relación

27