GitCo-learning: aplicación interactiva para el dominio de git

dc.contributor.advisorRodríguez Guerrero, Rocío
dc.contributor.authorSepulveda Sanchez, Danna He
dc.contributor.authorLopez Zuñiga, Jafet Stiven
dc.contributor.orcidRodríguez Guerrero Rocío [0000-0002-2956-9650]
dc.date.accessioned2025-10-31T14:25:32Z
dc.date.available2025-10-31T14:25:32Z
dc.date.created2025-10-07
dc.descriptionEn el marco de la formación tecnológica en la Universidad Distrital Francisco José de Caldas, se identificó la ausencia de recursos prácticos que apoyen el aprendizaje de Git, una de las herramientas más relevantes en el desarrollo de software moderno. El presente proyecto tiene como objetivo diseñar y desarrollar una aplicación web educativa, llamada GitCo-Learning, que permita a los estudiantes adquirir conocimientos esenciales sobre control de versiones a través de prácticas guiadas e interactivas. Para su ejecución, se adoptó la metodología ágil Scrum, dividiendo el trabajo en sprints que abarcan desde la planeación de objetivos hasta la implementación y validación del sistema. El desarrollo se realizó empleando tecnologías como HTML, JavaScript, Node.js, Firebase y Socket.IO, lo que permitió crear una experiencia web dinámica, interactiva y en tiempo real. La aplicación cuenta con dos modos principales: individual y colaborativo, diseñado para adaptarse a distintos estilos de aprendizaje. Además, incluye un sistema de retos prácticos, tutoriales interactivos y autenticación mediante cuentas externas, todo con el fin de facilitar la apropiación de conocimientos fundamentales en Git. Como resultado, se obtiene una solución tecnológica que impulsa el aprendizaje autónomo y prepara a los estudiantes para enfrentar desafíos reales en entornos de trabajo colaborativo.
dc.description.abstractAs part of the technology training program at Francisco José de Caldas District University, a lack of practical resources to support learning Git, one of the most important tools in modern software development, was identified. The aim of this project is to design and develop an educational web application called GitCo-Learning, which will enable students to acquire essential knowledge about version control through guided and interactive exercises. To execute the project, the agile Scrum methodology was adopted, dividing the work into sprints ranging from goal planning to system implementation and validation. Development was carried out using technologies such as HTML, JavaScript, Node.js, Firebase, and Socket.IO, which allowed for the creation of a dynamic, interactive, real-time web experience. The application has two main modes: individual and collaborative, designed to adapt to different learning styles. It also includes a system of practical challenges, interactive tutorials, and authentication through external accounts, all with the aim of facilitating the acquisition of fundamental knowledge in Git. The result is a technological solution that promotes autonomous learning and prepares students to face real challenges in collaborative work environments.
dc.format.mimetypepdf
dc.identifier.urihttp://hdl.handle.net/11349/99617
dc.language.isospa
dc.publisherUniversidad Distrital Francisco José de Caldas
dc.relation.referencesSerrano, P., & Álvarez, M. (2018). Aplicaciones Web en la Educación. Ediciones Académicas.
dc.relation.referencesNoguera, I., Guerrero-Roldán, A. E., & Masó, R. (2017). Implementación de plataformas de aprendizaje en línea. Revista de Educación a Distancia, 54(2), 1-15.
dc.relation.referencesNoguera, M., Álvarez, L., & Serrano, L. (2017). Plataformas de Aprendizaje y su Impacto en la Educación Digital. Journal of Online Learning.
dc.relation.referencesRock Content. (s.f.). Plataformas Digitales: qué son, ejemplos y por qué son importantes. Recuperado de https://rockcontent.com/es/blog/plataformas-digitales/
dc.relation.referencesRock Content. (s.f.). Tipos de plataformas de aprendizaje digital. Recuperado de https://www.rockcontent.com/academy/
dc.relation.referencesManrique, M. (2020, 9 julio). ¿Qué son las plataformas digitales y para qué sirven las Fintech? Rankia Colombia. Recuperado de https://www.rankia.co/blog/analisis colcap/4317884-que-son-plataformas-digitales-para-sirven-fintech
dc.relation.referencesiSpring. (2023). E-learning: Qué es y cómo funciona, beneficios del e-learning. Recuperado de https://www.ispring.es/blog/what-is-elearning
dc.relation.referencesCanadian College. (2021). OVA: una estrategia innovadora para la enseñanza y el aprendizaje. Recuperado de https://www.canadiancollege.edu.co/blog/ova-una estrategia-innovadora-para-la-ensenanza-y-el-aprendizaje
dc.relation.referencesLudus. (2022). Ambientes virtuales de aprendizaje (AVA): ¿qué son y para qué sirven?. Recuperado de https://www.ludusglobal.com/blog/ambientes-virtuales-de aprendizaje-ava-que-son-y-para-que sirven#:~:text=Un%20ambiente%20virtual%20de%20aprendizaje%20o%20AVA% 2C%20es%20una%20plataforma,supervisar%20y%20evaluar%20su%20progreso.
dc.relation.referencesFirebase. (s.f.). Documentación de Firebase. Recuperado de https://firebase.google.com/docs
dc.relation.referencesDigital55. (s.f.). ¿Qué es Firebase? Funcionalidades, ventajas y conclusiones. Recuperado de https://digital55.com/blog/que-es-firebase-funcionalidades-ventajas conclusiones/
dc.relation.referencesPatterns.dev. (s.f.). Modular Design Pattern. Recuperado de https://patterns.dev/modular
dc.relation.referencesIONOS. (s.f.). ¿Qué es el patrón Observer? Recuperado de https://www.ionos.es/digitalguide/paginas-web/desarrollo-web/que-es-el-patron observer/
dc.relation.referencesGit. (s. f.). Documentación de Git. Recuperado de https://git-scm.com/doc
dc.relation.referencesMicrosoft. (s. f.). ¿Qué es Git? Recuperado de https://learn.microsoft.com/es es/devops/develop/git/what-is-git
dc.relation.referencesAtlassian. (s.f.). What is version control? Recuperado de https://www.atlassian.com/es/git/tutorials/what-is-version-control
dc.relation.referencesMicrosoft. (s.f.). What is version control? Recuperado de https://learn.microsoft.com/es-es/devops/develop/git/what-is-version-control
dc.relation.referencesHolec, H. (1981). Autonomy and foreign language learning. Pergamon.
dc.relation.referencesHrastinski, S. (2019). What do we mean by blended learning? TechTrends, 63(5), 564 569. https://doi.org/10.1007/s11528-019-00375-5
dc.relation.referencesTilley Michelle, U. K. (2014-2019). Visualizing Git. Obtenido de https://github.com/git-school/visualizing-git
dc.relation.referencesCottle, P. (2012-2024). Learn Git Branching. Obtenido de https://learngitbranching.js.org/?locale=es_AR
dc.relation.referencesMicrosoft. (2024). Introduction to Git. Obtenido de https://learn.microsoft.com/en us/training/modules/intro-to-git/
dc.relation.referencesShvets, A. (2024). Git How To. Obtenido de https://githowto.com/
dc.relation.referencesGit. (s. f.). Pro Git. Recuperado de https://git-scm.com/book/es/v2/Inicio---Sobre-el Control-de-Versiones-Fundamentos-de-Git
dc.relation.referencesNode.js. (s. f.). Acerca de Node.js. Recuperado de https://nodejs.org/en/about
dc.relation.referencesKinsta. (s. f.). ¿Qué es Node.js? | Conceptos básicos de Node.js. Recuperado de https://kinsta.com/es/base-de-conocimiento/que-es-node-js/
dc.relation.referencesMozilla. (s. f.). JavaScript. Recuperado de https://developer.mozilla.org/es/docs/Web/JavaScript
dc.relation.referencesMozilla. (s. f.). Introducción a JavaScript. Recuperado de https://developer.mozilla.org/es/docs/Learn/JavaScript/First_steps/What_is_JavaScr ipt
dc.relation.referencesLenguajeJS. (s. f.). JavaScript. Recuperado de https://lenguajejs.com/javascript/
dc.relation.referencesMozilla. (s. f.). HTML (Lenguaje de marcado de hipertexto). Recuperado de https://developer.mozilla.org/es/docs/Web/HTML
dc.relation.referencesHostinger. (s. f.). ¿Qué es HTML? Tutorial para principiantes sobre HTML. Recuperado de https://www.hostinger.co/tutoriales/que-es-html
dc.relation.referencesVadavo. (s. f.). HTML: qué es y para qué sirve. Recuperado de https://www.vadavo.com/blog/html-que-es-y-para-que-sirve/
dc.relation.referencesMozilla. (s. f.). CSS (Hojas de estilo en cascada). Recuperado de https://developer.mozilla.org/es/docs/Web/CSS
dc.relation.referencesHubSpot. (s. f.). ¿Qué es CSS? Recuperado de https://blog.hubspot.es/website/que-es css
dc.relation.referencesSocket.IO. (s. f.). Documentación. Recuperado de https://socket.io/docs/v4/
dc.relation.referencesAbly. (s. f.). Socket.IO. Recuperado de https://ably.com/topic/socketio
dc.relation.referencesGoogle Cloud. (s. f.). Introducción a OAuth. Recuperado de https://cloud.google.com/apigee/docs/api-platform/security/oauth/oauth introduction?hl=es-419
dc.relation.referencesAuth0. (s. f.). Introducción a la IAM: ¿Qué es OAuth 2.0? Recuperado de https://auth0.com/es/intro-to-iam/what-is-oauth-2
dc.relation.referencesDocker. (s. f.). Documentación de Docker. Recuperado de https://docs.docker.com/
dc.relation.referencesKinsta. (s. f.). ¿Qué es Docker? | Guía completa para principiantes. Recuperado de https://kinsta.com/es/base-de-conocimiento/que-es-docker/
dc.relation.referencesOracle. (s. f.). ¿Qué es Docker? Recuperado de https://www.oracle.com/co/cloud/cloud-native/container-registry/what-is-docker/
dc.relation.referencesOracle. (s. f.). ¿Qué es NoSQL? Recuperado de https://www.oracle.com/co/database/nosql/what-is nosql/#:~:text=Qu%C3%A9%20es%20NoSQL%3F-,Definici%C3%B3n%20de%2 0NoSQL,distinto%20a%20las%20tablas%20relacionales.
dc.relation.referencesAWS. (s. f.). Bases de datos NoSQL. Recuperado de https://aws.amazon.com/es/nosql/
dc.relation.referencesGoogle Cloud. (s. f.). Descubre qué es NoSQL. Recuperado de https://cloud.google.com/discover/what-is-nosql?hl=es-419
dc.relation.referencesXataka. (s.f.). Qué es GitHub y qué le ofrece a los desarrolladores. Recuperado de https://www.xataka.com/basics/que-github-que-que-le-ofrece-a-desarrolladores
dc.relation.referencesEBAC. (s.f.). ¿Qué es GitHub? Recuperado de https://ebac.mx/blog/que-es-github
dc.relation.referencesRefactoring Guru. (s.f.). Observer. Recuperado de https://refactoring.guru/design patterns/observer
dc.relation.referencesPatterns.dev. (s.f.). Module Pattern. Recuperado de https://www.patterns.dev/vanilla/module-pattern
dc.relation.referencesRed Hat. (s.f.). What is a REST API? Recuperado de https://www.redhat.com/es/topics/api/what-is-a-rest-api
dc.relation.referencesKeepCoding. (s.f.). ¿Qué es JWT? Recuperado de https://keepcoding.io/blog/que-es jwt/
dc.relation.referencesKinsta. (s.f.). ¿Qué es Express.js? Recuperado de https://kinsta.com/es/base-de conocimiento/que-es-express/
dc.relation.referencesChakray. (s.f.). Swagger y Swagger UI: por qué es imprescindible para tus APIs. Recuperado de https://www.chakray.com/es/swagger-y-swagger-ui-por-que-es imprescindible-para-tus-apis/
dc.relation.referencesWix. (s.f.). Understanding the Difference Between UI and UX Design. Recuperado de https://www.wix.com/blog/understanding-difference-ui-ux-design
dc.relation.referencesNPM. (s.f.). Nodemon. Recuperado de https://www.npmjs.com/package/nodemon
dc.relation.referencesPlatzi. (s.f.). ¿Qué es dotenv y para qué sirve? Recuperado de https://platzi.com/tutoriales/1540-flask/6843-que-es-dotenv-para-que-sirve/
dc.relation.referencesIBM. (s.f.). JavaScript Object Notation (JSON) format. Recuperado de https://www.ibm.com/docs/es/baw/20.x?topic=formats-javascript-object-notation json-format
dc.relation.referencesPressman, R. S. (2014). Software Engineering: A Practitioner's Approach (8th ed.). McGraw-Hill.
dc.relation.referencesSommerville, I. (2015). Software Engineering (10th ed.). Pearson.
dc.relation.referencesVygotsky, L. S. (1978). Mind in Society: The Development of Higher Psychological Processes. Harvard University Press.
dc.relation.referencesPiaget, J. (1970). Science of Education and the Psychology of the Child. Viking Press.
dc.relation.referencesKnowles, M. S. (1975). Self-Directed Learning: A Guide for Learners and Teachers. Association Press.
dc.rights.accesoAbierto (Texto Completo)
dc.rights.accessrightsOpenAccess
dc.subjectGit
dc.subjectControl de versiones
dc.subjectAplicación de aprendizaje web
dc.subjectAprendizaje computacional
dc.subjectLógica de programación
dc.subject.keywordGit
dc.subject.keywordVersion control
dc.subject.keywordWeb learning application
dc.subject.keywordComputational learning
dc.subject.keywordProgramming logic
dc.subject.lembTecnología en Sistematización de Datos -- Tesis y disertaciones académicas
dc.titleGitCo-learning: aplicación interactiva para el dominio de git
dc.title.titleenglishGitCo-learning: interactive application for mastering git
dc.typebachelorThesis
dc.type.coarhttp://purl.org/coar/resource_type/c_7a1f
dc.type.degreeMonografía
dc.type.driverinfo:eu-repo/semantics/bachelorThesis

Archivos

Bloque original

Mostrando 1 - 3 de 3
No hay miniatura disponible
Nombre:
SepulvedaSanchezDannaHe2025.pdf
Tamaño:
8.06 MB
Formato:
Adobe Portable Document Format
No hay miniatura disponible
Nombre:
SepulvedaSanchezDannaHe2025Anexos.zip
Tamaño:
14 MB
Formato:
No hay miniatura disponible
Nombre:
Licencia de uso y publicacion.pdf
Tamaño:
235.7 KB
Formato:
Adobe Portable Document Format

Bloque de licencias

Mostrando 1 - 1 de 1
No hay miniatura disponible
Nombre:
license.txt
Tamaño:
7 KB
Formato:
Item-specific license agreed upon to submission
Descripción: