GitCo-learning: aplicación interactiva para el dominio de git
| dc.contributor.advisor | Rodríguez Guerrero, Rocío | |
| dc.contributor.author | Sepulveda Sanchez, Danna He | |
| dc.contributor.author | Lopez Zuñiga, Jafet Stiven | |
| dc.contributor.orcid | Rodríguez Guerrero Rocío [0000-0002-2956-9650] | |
| dc.date.accessioned | 2025-10-31T14:25:32Z | |
| dc.date.available | 2025-10-31T14:25:32Z | |
| dc.date.created | 2025-10-07 | |
| dc.description | En 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.abstract | As 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.mimetype | ||
| dc.identifier.uri | http://hdl.handle.net/11349/99617 | |
| dc.language.iso | spa | |
| dc.publisher | Universidad Distrital Francisco José de Caldas | |
| dc.relation.references | Serrano, P., & Álvarez, M. (2018). Aplicaciones Web en la Educación. Ediciones Académicas. | |
| dc.relation.references | Noguera, 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.references | Noguera, M., Álvarez, L., & Serrano, L. (2017). Plataformas de Aprendizaje y su Impacto en la Educación Digital. Journal of Online Learning. | |
| dc.relation.references | Rock Content. (s.f.). Plataformas Digitales: qué son, ejemplos y por qué son importantes. Recuperado de https://rockcontent.com/es/blog/plataformas-digitales/ | |
| dc.relation.references | Rock Content. (s.f.). Tipos de plataformas de aprendizaje digital. Recuperado de https://www.rockcontent.com/academy/ | |
| dc.relation.references | Manrique, 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.references | iSpring. (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.references | Canadian 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.references | Ludus. (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.references | Firebase. (s.f.). Documentación de Firebase. Recuperado de https://firebase.google.com/docs | |
| dc.relation.references | Digital55. (s.f.). ¿Qué es Firebase? Funcionalidades, ventajas y conclusiones. Recuperado de https://digital55.com/blog/que-es-firebase-funcionalidades-ventajas conclusiones/ | |
| dc.relation.references | Patterns.dev. (s.f.). Modular Design Pattern. Recuperado de https://patterns.dev/modular | |
| dc.relation.references | IONOS. (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.references | Git. (s. f.). Documentación de Git. Recuperado de https://git-scm.com/doc | |
| dc.relation.references | Microsoft. (s. f.). ¿Qué es Git? Recuperado de https://learn.microsoft.com/es es/devops/develop/git/what-is-git | |
| dc.relation.references | Atlassian. (s.f.). What is version control? Recuperado de https://www.atlassian.com/es/git/tutorials/what-is-version-control | |
| dc.relation.references | Microsoft. (s.f.). What is version control? Recuperado de https://learn.microsoft.com/es-es/devops/develop/git/what-is-version-control | |
| dc.relation.references | Holec, H. (1981). Autonomy and foreign language learning. Pergamon. | |
| dc.relation.references | Hrastinski, 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.references | Tilley Michelle, U. K. (2014-2019). Visualizing Git. Obtenido de https://github.com/git-school/visualizing-git | |
| dc.relation.references | Cottle, P. (2012-2024). Learn Git Branching. Obtenido de https://learngitbranching.js.org/?locale=es_AR | |
| dc.relation.references | Microsoft. (2024). Introduction to Git. Obtenido de https://learn.microsoft.com/en us/training/modules/intro-to-git/ | |
| dc.relation.references | Shvets, A. (2024). Git How To. Obtenido de https://githowto.com/ | |
| dc.relation.references | Git. (s. f.). Pro Git. Recuperado de https://git-scm.com/book/es/v2/Inicio---Sobre-el Control-de-Versiones-Fundamentos-de-Git | |
| dc.relation.references | Node.js. (s. f.). Acerca de Node.js. Recuperado de https://nodejs.org/en/about | |
| dc.relation.references | Kinsta. (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.references | Mozilla. (s. f.). JavaScript. Recuperado de https://developer.mozilla.org/es/docs/Web/JavaScript | |
| dc.relation.references | Mozilla. (s. f.). Introducción a JavaScript. Recuperado de https://developer.mozilla.org/es/docs/Learn/JavaScript/First_steps/What_is_JavaScr ipt | |
| dc.relation.references | LenguajeJS. (s. f.). JavaScript. Recuperado de https://lenguajejs.com/javascript/ | |
| dc.relation.references | Mozilla. (s. f.). HTML (Lenguaje de marcado de hipertexto). Recuperado de https://developer.mozilla.org/es/docs/Web/HTML | |
| dc.relation.references | Hostinger. (s. f.). ¿Qué es HTML? Tutorial para principiantes sobre HTML. Recuperado de https://www.hostinger.co/tutoriales/que-es-html | |
| dc.relation.references | Vadavo. (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.references | Mozilla. (s. f.). CSS (Hojas de estilo en cascada). Recuperado de https://developer.mozilla.org/es/docs/Web/CSS | |
| dc.relation.references | HubSpot. (s. f.). ¿Qué es CSS? Recuperado de https://blog.hubspot.es/website/que-es css | |
| dc.relation.references | Socket.IO. (s. f.). Documentación. Recuperado de https://socket.io/docs/v4/ | |
| dc.relation.references | Ably. (s. f.). Socket.IO. Recuperado de https://ably.com/topic/socketio | |
| dc.relation.references | Google 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.references | Auth0. (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.references | Docker. (s. f.). Documentación de Docker. Recuperado de https://docs.docker.com/ | |
| dc.relation.references | Kinsta. (s. f.). ¿Qué es Docker? | Guía completa para principiantes. Recuperado de https://kinsta.com/es/base-de-conocimiento/que-es-docker/ | |
| dc.relation.references | Oracle. (s. f.). ¿Qué es Docker? Recuperado de https://www.oracle.com/co/cloud/cloud-native/container-registry/what-is-docker/ | |
| dc.relation.references | Oracle. (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.references | AWS. (s. f.). Bases de datos NoSQL. Recuperado de https://aws.amazon.com/es/nosql/ | |
| dc.relation.references | Google Cloud. (s. f.). Descubre qué es NoSQL. Recuperado de https://cloud.google.com/discover/what-is-nosql?hl=es-419 | |
| dc.relation.references | Xataka. (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.references | EBAC. (s.f.). ¿Qué es GitHub? Recuperado de https://ebac.mx/blog/que-es-github | |
| dc.relation.references | Refactoring Guru. (s.f.). Observer. Recuperado de https://refactoring.guru/design patterns/observer | |
| dc.relation.references | Patterns.dev. (s.f.). Module Pattern. Recuperado de https://www.patterns.dev/vanilla/module-pattern | |
| dc.relation.references | Red Hat. (s.f.). What is a REST API? Recuperado de https://www.redhat.com/es/topics/api/what-is-a-rest-api | |
| dc.relation.references | KeepCoding. (s.f.). ¿Qué es JWT? Recuperado de https://keepcoding.io/blog/que-es jwt/ | |
| dc.relation.references | Kinsta. (s.f.). ¿Qué es Express.js? Recuperado de https://kinsta.com/es/base-de conocimiento/que-es-express/ | |
| dc.relation.references | Chakray. (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.references | Wix. (s.f.). Understanding the Difference Between UI and UX Design. Recuperado de https://www.wix.com/blog/understanding-difference-ui-ux-design | |
| dc.relation.references | NPM. (s.f.). Nodemon. Recuperado de https://www.npmjs.com/package/nodemon | |
| dc.relation.references | Platzi. (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.references | IBM. (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.references | Pressman, R. S. (2014). Software Engineering: A Practitioner's Approach (8th ed.). McGraw-Hill. | |
| dc.relation.references | Sommerville, I. (2015). Software Engineering (10th ed.). Pearson. | |
| dc.relation.references | Vygotsky, L. S. (1978). Mind in Society: The Development of Higher Psychological Processes. Harvard University Press. | |
| dc.relation.references | Piaget, J. (1970). Science of Education and the Psychology of the Child. Viking Press. | |
| dc.relation.references | Knowles, M. S. (1975). Self-Directed Learning: A Guide for Learners and Teachers. Association Press. | |
| dc.rights.acceso | Abierto (Texto Completo) | |
| dc.rights.accessrights | OpenAccess | |
| dc.subject | Git | |
| dc.subject | Control de versiones | |
| dc.subject | Aplicación de aprendizaje web | |
| dc.subject | Aprendizaje computacional | |
| dc.subject | Lógica de programación | |
| dc.subject.keyword | Git | |
| dc.subject.keyword | Version control | |
| dc.subject.keyword | Web learning application | |
| dc.subject.keyword | Computational learning | |
| dc.subject.keyword | Programming logic | |
| dc.subject.lemb | Tecnología en Sistematización de Datos -- Tesis y disertaciones académicas | |
| dc.title | GitCo-learning: aplicación interactiva para el dominio de git | |
| dc.title.titleenglish | GitCo-learning: interactive application for mastering git | |
| dc.type | bachelorThesis | |
| dc.type.coar | http://purl.org/coar/resource_type/c_7a1f | |
| dc.type.degree | Monografía | |
| dc.type.driver | info:eu-repo/semantics/bachelorThesis |
Archivos
Bloque original
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
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:
