Diagramas de pagina gamificada

Vista previa del material en texto

PROPUESTA DEL PROYECTO DE INVESTIGACIÓN 
Comité de Acreditación y Currículo Facultad de Ingenierías 
 
PLATAFORMA DE APRENDIZAJE EN LÍNEA CON TÉCNICAS DE GAMIFICACIÓN 
PARA ESTUDIANTES DE BACHILLERATO EN PROGRAMACIÓN 
 
 
 
 
 
 
 
 
 
 
 
 
 
ROOSEVELT DANIEL SANTOS VANEGAS 
 
 
 
 
 
ALEXANDER FERNANDEZ ARANGO 
 
 
 
 
 
 
UNIVERSIDAD DE CÓRDOBA 
FACULTAD DE INGENIERÍAS 
SISTEMAS DE LA INFORMACION 
MONTERIA, CÓRDOBA 
2023 
 
 
 
 
 
PROPUESTA DEL PROYECTO DE INVESTIGACIÓN 
Comité de Acreditación y Currículo Facultad de Ingenierías 
 
Diagrama de arquitectura básica de la página con gamificación sobre cómo funcionará. 
Esta se realizará utilizando JavaScript específicamente con React, utilizando 2 librerías 
fundamentales para el establecimiento de actividades interactivas como las de codear ejemplos y 
que sean ejecutables en la página para obtener el resultado y correcciones por si se encuentra 
errado en base a la lección aprendida según el nivel y lección. Estados dos librerías son Esprima y 
CodeMirror, pueden utilizarse más según se necesiten como React Ace para validación de código, 
por otro lado, pueden ser utilizada dependiendo de la conveniencia para animación y efectos de 
sonidos estas: React Spring, Framer Motion, React Transition Group, React Motion, React Move, 
Remotion, React Reveal.