Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Frontend

En este trabajo de investigación se documenta el desarrollo del componente frontend de una aplicación web que tiene como objetivo cubrir las necesidades básicas de las entidades sin fines de lucro de Colombia. Para llevar a cabo este proyecto, se definieron las siguientes 4 etapas del proceso de des...

Full description

Autores:
Gutiérrez López, Carlos David
Celemín Ramírez, Sergio Andrés
Tipo de recurso:
Trabajo de grado de pregrado
Fecha de publicación:
2021
Institución:
Universidad de Ibagué
Repositorio:
Repositorio Universidad de Ibagué
Idioma:
spa
OAI Identifier:
oai:repositorio.unibague.edu.co:20.500.12313/5100
Acceso en línea:
https://hdl.handle.net/20.500.12313/5100
Palabra clave:
Fundaciones sin ánimo de lucro - Sistema de gestión
Componente Frontend - Desarrollo del sistema gestión
Entidades sin fines de lucro
Metodología ágil
Frontend
Software
Prototipo
Angular
Non-profit organizations
Web
Agile methodologies
Frontend
Angular
Prototype
Software
Rights
openAccess
License
http://purl.org/coar/access_right/c_abf2
id UNIBAGUE2_cfdcaff308d2293c197baad0e2f152d8
oai_identifier_str oai:repositorio.unibague.edu.co:20.500.12313/5100
network_acronym_str UNIBAGUE2
network_name_str Repositorio Universidad de Ibagué
repository_id_str
dc.title.spa.fl_str_mv Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Frontend
title Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Frontend
spellingShingle Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Frontend
Fundaciones sin ánimo de lucro - Sistema de gestión
Componente Frontend - Desarrollo del sistema gestión
Entidades sin fines de lucro
Metodología ágil
Frontend
Software
Prototipo
Angular
Non-profit organizations
Web
Agile methodologies
Frontend
Angular
Prototype
Software
title_short Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Frontend
title_full Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Frontend
title_fullStr Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Frontend
title_full_unstemmed Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Frontend
title_sort Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Frontend
dc.creator.fl_str_mv Gutiérrez López, Carlos David
Celemín Ramírez, Sergio Andrés
dc.contributor.advisor.none.fl_str_mv Aponte López, Saúl Osbaldo [dirección ]
Garzon Moreno, Cristian Herley [ co-dirección ]
dc.contributor.author.none.fl_str_mv Gutiérrez López, Carlos David
Celemín Ramírez, Sergio Andrés
dc.subject.armarc.none.fl_str_mv Fundaciones sin ánimo de lucro - Sistema de gestión
Componente Frontend - Desarrollo del sistema gestión
topic Fundaciones sin ánimo de lucro - Sistema de gestión
Componente Frontend - Desarrollo del sistema gestión
Entidades sin fines de lucro
Metodología ágil
Frontend
Software
Prototipo
Angular
Non-profit organizations
Web
Agile methodologies
Frontend
Angular
Prototype
Software
dc.subject.proposal.spa.fl_str_mv Entidades sin fines de lucro
Metodología ágil
Frontend
Software
Prototipo
Angular
dc.subject.proposal.eng.fl_str_mv Non-profit organizations
Web
Agile methodologies
Frontend
Angular
Prototype
Software
description En este trabajo de investigación se documenta el desarrollo del componente frontend de una aplicación web que tiene como objetivo cubrir las necesidades básicas de las entidades sin fines de lucro de Colombia. Para llevar a cabo este proyecto, se definieron las siguientes 4 etapas del proceso de desarrollo: análisis de contexto, prototipado, construcción y validación. En cada una de estas fases se implementaron principios de metodologías de trabajo ágiles y fueron realizadas en conjunto con las compañeras Lina Salazar y Sandra Bravo, autoras de la tesis paralela “Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Backend”. Para la ejecución de la primera etapa de desarrollo se utilizaron técnicas de recolección de información y levantamiento de requerimientos. Después, para la segunda etapa se llevó a cabo el prototipado de la solución siguiendo estándares de diseño como PrimeNG, consecutivamente se realizaron mapas de navegación e interacción con la aplicación para analizar la experiencia de usuario usando el prototipo. En la tercera fase se desarrolló la aplicación web usando el framework Angular, en donde se aplicaron diversos patrones de diseño como el Observer, Modelo Vista Controlador y la inyección de dependencias. Finalmente, para validar la calidad del prototipo desarrollado, se realizaron pruebas de rendimiento y de usabilidad para posteriormente realizar la validación del prototipo funcional con las fundaciones interesadas en verse beneficiadas por GEMA.
publishDate 2021
dc.date.issued.none.fl_str_mv 2021
dc.date.accessioned.none.fl_str_mv 2025-05-05T23:19:04Z
dc.date.available.none.fl_str_mv 2025-05-05T23:19:04Z
dc.type.none.fl_str_mv Trabajo de grado - Pregrado
dc.type.coar.none.fl_str_mv http://purl.org/coar/resource_type/c_7a1f
dc.type.content.none.fl_str_mv Text
dc.type.driver.none.fl_str_mv info:eu-repo/semantics/bachelorThesis
dc.type.redcol.none.fl_str_mv http://purl.org/redcol/resource_type/TP
dc.type.version.none.fl_str_mv info:eu-repo/semantics/acceptedVersion
format http://purl.org/coar/resource_type/c_7a1f
status_str acceptedVersion
dc.identifier.citation.none.fl_str_mv Gutiérrez López, C. D. & Celemín Ramírez, S. A.(2021).Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Frontend.[Trabajo de grado, Universidad de Ibagué]. https://hdl.handle.net/20.500.12313/5100
dc.identifier.uri.none.fl_str_mv https://hdl.handle.net/20.500.12313/5100
identifier_str_mv Gutiérrez López, C. D. & Celemín Ramírez, S. A.(2021).Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Frontend.[Trabajo de grado, Universidad de Ibagué]. https://hdl.handle.net/20.500.12313/5100
url https://hdl.handle.net/20.500.12313/5100
dc.language.iso.none.fl_str_mv spa
language spa
dc.relation.references.none.fl_str_mv Alvarez, M. A. (2001, Enero 01). Qué es HTML. desarrolloweb.com. https://desarrolloweb.com/articulos/que-es-html.html
Angular. (2020). What is Angular? Angular. https://angular.io/guide/what-is-angular
Atlassian Bitbucket. (2021). A brief overview of Bitbucket. Atlassian Bitbucket. https://bitbucket.org/product/guides/getting-started/overview#a-brief-overview-of-bi tbucket
Baquero Garcia, J. M., Blanch, A., Leon, M., Garcia Ruesgas, M., & Arias, S. (2018, Junio 29). Cómo funciona la librería Redux. arsys. https://www.arsys.es/blog/programacion/redux-datos-aplicaciones/
Betancourt, S. (2016). FORMULACION DE LA ESTRUCTURA DE UNA FUNDACION DE APOYO SOCIAL ENMARCADA EN LA METODOLOGIA PMI. Universidad Militar Nueva Granada. https://core.ac.uk/download/pdf/143452274.pdf
Bhavsar, K., Gopalan, S., & Shah, V. (2020, Febrero). Scrumban: An Agile Integration of Scrum and Kanban in Software Engineering. International Journal of Innovative Technology and Exploring Engineering (IJITEE), 9(4), 1. ResearchGate. 10.35940/ijitee.D1566.029420
Cangemi, D. (2020, Agosto 13). Angular Two-Way Data Binding — An Easy Introduction. JavaScript in Plain English. https://js.plainenglish.io/angular-two-way-data-binding-an-easy-introduction-35c87 648c652
Cigüenza Riaño, N. (2018, Mayo 25). Solo 58% de las Entidades Sin Ánimo de Lucro solicitaron régimen especial. La Republica. https://www.larepublica.co/economia/solo-58-de-las-entidades-sin-animo-de-lucro- solicitaron-regimen-especial-2731320
Confederación Colombiana de ONG. (2016, Agosto 01). Lo que hay que saber de las Entidades Sin Ánimo de lucro. Lo que hay que saber de las Entidades Sin Ánimo de lucro. https://ccong.org.co/files/728_at_Lo%20que%20hay%20que%20saber%20de%20 las%20ESAL,%20agosto%20de%202016.pdf
Constitución Política de Colombia. (2015). Constitución Política de Colombia. Constitución Política de Colombia.
Dalmia, A., & Chowdary, A. (2020, Abril 04). The New Era of Full Stack Development. International Journal of Engineering Research & Technology (IJERT), 9(4), 1. ResearchGate. 10.17577/IJERTV9IS040016
Drumond, C. (2021). ¿Qué es scrum? Atlassian Agil Coach. https://www.atlassian.com/es/agile/scrum
Guerra, E. F. (2016, Junio 02). Introducción a TypeScript. desarrolloweb.com. https://desarrolloweb.com/articulos/introduccion-a-typescript.html
IONOS. (2020, Octubre 23). Lazy loading: cómo optimizar el rendimiento de tu sitio web. Digital Guide IONOS. https://www.ionos.es/digitalguide/paginas-web/creacion-de-paginas-web/lazy-loadi ng/
Kanbanize. (s,f). Qué es Kanban: Definición, Características y Ventajas. Kanbanize. https://kanbanize.com/es/recursos-de-kanban/primeros-pasos/que-es-kanban
Lozano, I. A. (2014, Agosto 18). ¿Qué es un preprocesador de CSS? abalozz. https://abalozz.es/que-es-un-preprocesador-de-css/
Marti Pellon, D. (s,f). Criterios de evaluación de sitios web. Dialnet, 757-765. https://dialnet.unirioja.es/descarga/articulo/940472.pdf
MDN Contributors. (2020, Agosto 08). ¿Qué es JavaScript? MDN Web Docs. https://developer.mozilla.org/es/docs/Learn/JavaScript/First_steps/Qu%C3%A9_e s_JavaScript
MERKLE INC. (s,f). Análisis del rendimiento de sitios web con Lighthouse. MERKLE a dentsu company. https://www.merkleinc.com/es/es/blog/analisis-rendimiento-web-lighthouse
OpenJS Foundation. (s,f). Acerca de Node.js®. node.js. https://nodejs.org/es/about/
PrimeNG. (s,f). Why PrimeNG? Primefaces. https://www.primefaces.org/primeng-5.2.7/#/
Redux. (s,f). Read Me. Redux. https://es.redux.js.org/
Robledano, A. (2019, Junio 26). Qué es CSS y para qué sirve. Openwebinars. https://openwebinars.net/blog/que-es-css/
Ruiz Santiago, J. A. (2019, Septiembre 02). Programación reactiva con RxJS. DIGITAL55. https://www.digital55.com/desarrollo-tecnologia/programacion-reactiva-rxjs/#:~:text =La%20programaci%C3%B3n%20reactiva%20es%20un,basado%20en%20secue ncias%20de%20observables
SEMANA. (2014, Julio 19). “Detrás de la corrupción casi siempre hay una fundación”. SEMANA, 1(1), 1. https://www.semana.com/economia/articulo/detras-de-la-corrupcion-casi-siempre- hay-una-fundacion/396167-3/
Software Freedom Conservancy. (s,f). Branching and Merging. Git--everything-is-local. https://git-scm.com/about
Sumo Logic. (2020, 02 01). What is CRUD? What is CRUD? Explaining CRUD operations. Retrieved 02 21, 2021, from https://www.sumologic.com/glossary/crud/#:~:text=CRUD%20is%20an%20acrony m%20that,%2C%20read%2C%20update%20and%20delete.
Taiga. (2021). Taiga. Taiga: your opensource agile project managment software. https://www.taiga.io/
Universidad de Alicante. (s,f). Modelo vista controlador (MVC). Servicio de InformáticaASP.NET MVC 3 Framework. https://si.ua.es/es/documentacion/asp-net-mvc-3/1-dia/modelo-vista-controlador-m vc.html
Universidad de las Americas Puebla. (s,f). Capitulo V. Resultados de evaluación y pruebas de usabilidad. In (pp. 78-88). http://catarina.udlap.mx/u_dl_a/tales/documentos/lst/pita_g_jm/capitulo5.pdf
Villar Gomez, R. (2018, Marzo 01). LAS FUNDACIONES EN COLOMBIA: CARACTERÍSTICAS, TENDENCIAS, DESAFÍOS. LAS FUNDACIONES EN COLOMBIA. Retrieved 02 20, 2021, from https://www.nodoka.co/apc-aa-files/319472351219cf3b9d1edf5344d3c7c8/reporte -final-abril_1.pdf
Vlajić, S., Savic, D., & Antović, L. (2011). The Explanation of the Design Patterns by the Symmetry Concepts. The 14th IASTED International Conference on Artificial Intelligence and Soft, 1(1), 1. ResearchGate. 10.2316/P.2011.716-009
dc.rights.accessrights.none.fl_str_mv info:eu-repo/semantics/openAccess
dc.rights.coar.none.fl_str_mv http://purl.org/coar/access_right/c_abf2
dc.rights.license.none.fl_str_mv Atribución-NoComercial 4.0 Internacional (CC BY-NC 4.0)
dc.rights.uri.none.fl_str_mv https://creativecommons.org/licenses/by-nc/4.0/
eu_rights_str_mv openAccess
rights_invalid_str_mv http://purl.org/coar/access_right/c_abf2
Atribución-NoComercial 4.0 Internacional (CC BY-NC 4.0)
https://creativecommons.org/licenses/by-nc/4.0/
dc.format.extent.none.fl_str_mv 51 páginas
dc.format.mimetype.none.fl_str_mv application/pdf
dc.publisher.none.fl_str_mv Universidad de Ibagué
dc.publisher.faculty.none.fl_str_mv Ingeniería
dc.publisher.place.none.fl_str_mv Ibagué
dc.publisher.program.none.fl_str_mv Ingeniería de Sistemas
publisher.none.fl_str_mv Universidad de Ibagué
institution Universidad de Ibagué
bitstream.url.fl_str_mv https://repositorio.unibague.edu.co/bitstreams/e5f34a79-c374-4e6f-aa76-e694680ecc27/download
https://repositorio.unibague.edu.co/bitstreams/c35088ad-fdc0-4555-8c41-6f966f0af901/download
https://repositorio.unibague.edu.co/bitstreams/40190dbf-39bb-482d-b423-b32b6b6d6c22/download
https://repositorio.unibague.edu.co/bitstreams/a919bbde-6670-4e0d-939e-384bafd328ca/download
https://repositorio.unibague.edu.co/bitstreams/2033992f-b87e-4d6e-bd34-b65354e6a2a5/download
https://repositorio.unibague.edu.co/bitstreams/543b2dab-b164-4db4-a71e-7573c9ff9482/download
bitstream.checksum.fl_str_mv b4880fcb0cebe1d49b0e815b016c9a4e
c68cc631628b04cc9c1a4a89bbb7a75e
a381cf73b8e33e0c51a47efe910148fb
2fa3e590786b9c0f3ceba1b9656b7ac3
179fd9722beb197a006fc34ed1a86093
bee613c3db45775a9a253548abe52d38
bitstream.checksumAlgorithm.fl_str_mv MD5
MD5
MD5
MD5
MD5
MD5
repository.name.fl_str_mv Repositorio Institucional Universidad de Ibagué
repository.mail.fl_str_mv bdigital@metabiblioteca.com
_version_ 1851059993530335232
spelling Aponte López, Saúl Osbaldo [dirección ]15a20c5a-4f0e-44d0-acd5-297734b41bdf-1Garzon Moreno, Cristian Herley [ co-dirección ]5098b182-4f72-4cbe-822e-5ee87ed7beb2-1Gutiérrez López, Carlos Davidd03bb2a8-93df-4f98-97ce-1eb5a7fc348b-1Celemín Ramírez, Sergio Andrés9a70ebb7-3125-4a92-8251-835e3ca51216-12025-05-05T23:19:04Z2025-05-05T23:19:04Z2021En este trabajo de investigación se documenta el desarrollo del componente frontend de una aplicación web que tiene como objetivo cubrir las necesidades básicas de las entidades sin fines de lucro de Colombia. Para llevar a cabo este proyecto, se definieron las siguientes 4 etapas del proceso de desarrollo: análisis de contexto, prototipado, construcción y validación. En cada una de estas fases se implementaron principios de metodologías de trabajo ágiles y fueron realizadas en conjunto con las compañeras Lina Salazar y Sandra Bravo, autoras de la tesis paralela “Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Backend”. Para la ejecución de la primera etapa de desarrollo se utilizaron técnicas de recolección de información y levantamiento de requerimientos. Después, para la segunda etapa se llevó a cabo el prototipado de la solución siguiendo estándares de diseño como PrimeNG, consecutivamente se realizaron mapas de navegación e interacción con la aplicación para analizar la experiencia de usuario usando el prototipo. En la tercera fase se desarrolló la aplicación web usando el framework Angular, en donde se aplicaron diversos patrones de diseño como el Observer, Modelo Vista Controlador y la inyección de dependencias. Finalmente, para validar la calidad del prototipo desarrollado, se realizaron pruebas de rendimiento y de usabilidad para posteriormente realizar la validación del prototipo funcional con las fundaciones interesadas en verse beneficiadas por GEMA.This research paper documents the development process of the frontend component of a web application focused to cover the basic needs of the non-profit organizations in Colombia. To complete this project, there were defined the following 4 stages of the development process: analysis of context, prototyping, coding, and validation. In each one of these phases, it was implemented agile methodologies principles. Also, they were made in collaboration with the colleges Lina Salazar and Sandra Bravo, authors of the parallel thesis “Software Development of a management application for non-profit foundations - Backend component”. For the execution of the first stage of the process, there were used data recollection techniques and requirements specification. Subsequently, for the second phase, the solution prototype was made following PrimeNG design standards, consequently, there was created the navigation map to analyze the user experience using the prototype. In the third phase, the web application was built with the framework Angular, in which it used some design patterns like Observer, Model-View-Controller, and Dependency Injection. Finally, to validate the quality of the developed prototype, performance and usability tests were carried out to subsequently carry out the validation of the functional prototype with the foundations interested in benefiting from GEMA.PregradoIngeniero de SistemasResumen.....5 Abstract.....6 Tabla de contenido.....7 Lista de figuras.....10 Glosario de términos.....11 Introducción.....13 Capítulo 1: Generalidades.....15 1.1 Contexto del problema.....15 1.2 Objetivos.....17 1.2.1 Generales.....17 1.2.2 Específicos.....17 1.3 Justificación.....17 1.4 Alcance.....18 Capítulo 2: Marco teórico.....19 2.1. Antecedentes.....19 2.1.1. Colaboración paralela con otros trabajos de grado.....19 2.1.2. Colaboración con fundaciones.....19 2.2 Referencias empíricas y teóricas.....20 2.2.1 Desarrollo de aplicaciones modernas.....20 2.2.1.1 Git y Bitbucket.....20 2.2.1.2 HTML, CSS y preprocesadores de CSS.....21 2.2.1.3 Javascript y Typescript.....22 2.2.1.4 Angular.....22 2.2.1.5 Arquitectura MVC.....23 2.2.1.6 Programación Reactiva.....23 2.2.1.7. Manejo de estados de la aplicación (Redux).....24 2.2.1.8. PrimeNG.....25 2.2.1.9. Lazy Loading.....25 2.2.2 Metodologías de trabajo ágil.....25 2.2.2.1 Scrum.....25 2.2.2.2 Kanban.....26 Capítulo 3: Metodología de trabajo.....27 Capítulo 4: Desarrollo de la solución.....28 4.1 Recolección de información e identificación del usuario.....28 4.1.1. Recolección de información.....28 4.1.2. Visual Story Mapping.....29 4.1.3. Análisis del usuario final.....30 4.2 Análisis y diseño.....31 4.2.1. Estándares de interfaces de usuario.....31 4.2.2. Paleta de colores.....31 4.2.3. Mapa de navegación y de interacción.....32 4.3 Desarrollo.....33 4.3.1 Configuración inicial del proyecto.....33 4.3.2 Estructura de carpetas y componentes.....33 4.3.3. Redux.....34 4.3.4. RxJS.....34 4.3.5. Lazy loading - Webpack.....34 4.3.6. REST APIs.....34 4.3.7. Guards.....35 Capítulo 5: Validación de la solución.....35 5.1 Realización de pruebas exploratorias.....35 5.1.1. Criterios de calidad.....35 5.1.2. Resultados prueba de usabilidad.....35 5.1.3. Resultados prueba de rendimiento - Lighthouse.....36 5.2 Validación de requerimientos con fundaciones.....40 5.2.1. Reunión con las fundaciones y presentación del prototipo.....40 5.2.2. Encuesta de satisfacción.....41 6. Conclusiones y recomendaciones.....43 6.1. Conclusiones.....43 6.2. Recomendaciones y oportunidades de mejora.....44 Referencias Bibliográfica.....46 Anexos.....50 Anexo A: Solicitud de demo por parte de Fundación Generando.....50 Anexo B: Solicitud de demo por parte de Fundación MACAMI.....50 Anexo C: Formato de preguntas de entrevista.....50 Anexo D: Mapa de navegación de GEMA.....50 Anexo E: Plantilla de encuesta de satisfacción.....50 Anexo F: Audio de entrevista realizada.....50 Anexo G: Manual de instalación.....50 Anexo H: Desglose de trabajo.....50 Anexo I: Prueba de usabilidad equipo de desarrollo.....50 Anexo J: Modelo final de base de datos.....50 Anexo K: Diagrama VSM a detalle.....5051 páginasapplication/pdfGutiérrez López, C. D. & Celemín Ramírez, S. A.(2021).Desarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente Frontend.[Trabajo de grado, Universidad de Ibagué]. https://hdl.handle.net/20.500.12313/5100https://hdl.handle.net/20.500.12313/5100spaUniversidad de IbaguéIngenieríaIbaguéIngeniería de SistemasAlvarez, M. A. (2001, Enero 01). Qué es HTML. desarrolloweb.com. https://desarrolloweb.com/articulos/que-es-html.htmlAngular. (2020). What is Angular? Angular. https://angular.io/guide/what-is-angularAtlassian Bitbucket. (2021). A brief overview of Bitbucket. Atlassian Bitbucket. https://bitbucket.org/product/guides/getting-started/overview#a-brief-overview-of-bi tbucketBaquero Garcia, J. M., Blanch, A., Leon, M., Garcia Ruesgas, M., & Arias, S. (2018, Junio 29). Cómo funciona la librería Redux. arsys. https://www.arsys.es/blog/programacion/redux-datos-aplicaciones/Betancourt, S. (2016). FORMULACION DE LA ESTRUCTURA DE UNA FUNDACION DE APOYO SOCIAL ENMARCADA EN LA METODOLOGIA PMI. Universidad Militar Nueva Granada. https://core.ac.uk/download/pdf/143452274.pdfBhavsar, K., Gopalan, S., & Shah, V. (2020, Febrero). Scrumban: An Agile Integration of Scrum and Kanban in Software Engineering. International Journal of Innovative Technology and Exploring Engineering (IJITEE), 9(4), 1. ResearchGate. 10.35940/ijitee.D1566.029420Cangemi, D. (2020, Agosto 13). Angular Two-Way Data Binding — An Easy Introduction. JavaScript in Plain English. https://js.plainenglish.io/angular-two-way-data-binding-an-easy-introduction-35c87 648c652Cigüenza Riaño, N. (2018, Mayo 25). Solo 58% de las Entidades Sin Ánimo de Lucro solicitaron régimen especial. La Republica. https://www.larepublica.co/economia/solo-58-de-las-entidades-sin-animo-de-lucro- solicitaron-regimen-especial-2731320Confederación Colombiana de ONG. (2016, Agosto 01). Lo que hay que saber de las Entidades Sin Ánimo de lucro. Lo que hay que saber de las Entidades Sin Ánimo de lucro. https://ccong.org.co/files/728_at_Lo%20que%20hay%20que%20saber%20de%20 las%20ESAL,%20agosto%20de%202016.pdfConstitución Política de Colombia. (2015). Constitución Política de Colombia. Constitución Política de Colombia.Dalmia, A., & Chowdary, A. (2020, Abril 04). The New Era of Full Stack Development. International Journal of Engineering Research & Technology (IJERT), 9(4), 1. ResearchGate. 10.17577/IJERTV9IS040016Drumond, C. (2021). ¿Qué es scrum? Atlassian Agil Coach. https://www.atlassian.com/es/agile/scrumGuerra, E. F. (2016, Junio 02). Introducción a TypeScript. desarrolloweb.com. https://desarrolloweb.com/articulos/introduccion-a-typescript.htmlIONOS. (2020, Octubre 23). Lazy loading: cómo optimizar el rendimiento de tu sitio web. Digital Guide IONOS. https://www.ionos.es/digitalguide/paginas-web/creacion-de-paginas-web/lazy-loadi ng/Kanbanize. (s,f). Qué es Kanban: Definición, Características y Ventajas. Kanbanize. https://kanbanize.com/es/recursos-de-kanban/primeros-pasos/que-es-kanbanLozano, I. A. (2014, Agosto 18). ¿Qué es un preprocesador de CSS? abalozz. https://abalozz.es/que-es-un-preprocesador-de-css/Marti Pellon, D. (s,f). Criterios de evaluación de sitios web. Dialnet, 757-765. https://dialnet.unirioja.es/descarga/articulo/940472.pdfMDN Contributors. (2020, Agosto 08). ¿Qué es JavaScript? MDN Web Docs. https://developer.mozilla.org/es/docs/Learn/JavaScript/First_steps/Qu%C3%A9_e s_JavaScriptMERKLE INC. (s,f). Análisis del rendimiento de sitios web con Lighthouse. MERKLE a dentsu company. https://www.merkleinc.com/es/es/blog/analisis-rendimiento-web-lighthouseOpenJS Foundation. (s,f). Acerca de Node.js®. node.js. https://nodejs.org/es/about/PrimeNG. (s,f). Why PrimeNG? Primefaces. https://www.primefaces.org/primeng-5.2.7/#/Redux. (s,f). Read Me. Redux. https://es.redux.js.org/Robledano, A. (2019, Junio 26). Qué es CSS y para qué sirve. Openwebinars. https://openwebinars.net/blog/que-es-css/Ruiz Santiago, J. A. (2019, Septiembre 02). Programación reactiva con RxJS. DIGITAL55. https://www.digital55.com/desarrollo-tecnologia/programacion-reactiva-rxjs/#:~:text =La%20programaci%C3%B3n%20reactiva%20es%20un,basado%20en%20secue ncias%20de%20observablesSEMANA. (2014, Julio 19). “Detrás de la corrupción casi siempre hay una fundación”. SEMANA, 1(1), 1. https://www.semana.com/economia/articulo/detras-de-la-corrupcion-casi-siempre- hay-una-fundacion/396167-3/Software Freedom Conservancy. (s,f). Branching and Merging. Git--everything-is-local. https://git-scm.com/aboutSumo Logic. (2020, 02 01). What is CRUD? What is CRUD? Explaining CRUD operations. Retrieved 02 21, 2021, from https://www.sumologic.com/glossary/crud/#:~:text=CRUD%20is%20an%20acrony m%20that,%2C%20read%2C%20update%20and%20delete.Taiga. (2021). Taiga. Taiga: your opensource agile project managment software. https://www.taiga.io/Universidad de Alicante. (s,f). Modelo vista controlador (MVC). Servicio de InformáticaASP.NET MVC 3 Framework. https://si.ua.es/es/documentacion/asp-net-mvc-3/1-dia/modelo-vista-controlador-m vc.htmlUniversidad de las Americas Puebla. (s,f). Capitulo V. Resultados de evaluación y pruebas de usabilidad. In (pp. 78-88). http://catarina.udlap.mx/u_dl_a/tales/documentos/lst/pita_g_jm/capitulo5.pdfVillar Gomez, R. (2018, Marzo 01). LAS FUNDACIONES EN COLOMBIA: CARACTERÍSTICAS, TENDENCIAS, DESAFÍOS. LAS FUNDACIONES EN COLOMBIA. Retrieved 02 20, 2021, from https://www.nodoka.co/apc-aa-files/319472351219cf3b9d1edf5344d3c7c8/reporte -final-abril_1.pdfVlajić, S., Savic, D., & Antović, L. (2011). The Explanation of the Design Patterns by the Symmetry Concepts. The 14th IASTED International Conference on Artificial Intelligence and Soft, 1(1), 1. ResearchGate. 10.2316/P.2011.716-009info:eu-repo/semantics/openAccesshttp://purl.org/coar/access_right/c_abf2Atribución-NoComercial 4.0 Internacional (CC BY-NC 4.0)https://creativecommons.org/licenses/by-nc/4.0/Fundaciones sin ánimo de lucro - Sistema de gestiónComponente Frontend - Desarrollo del sistema gestiónEntidades sin fines de lucroMetodología ágilFrontendSoftwarePrototipoAngularNon-profit organizationsWebAgile methodologiesFrontendAngularPrototypeSoftwareDesarrollo del sistema de gestión para fundaciones sin ánimo de lucro - Componente FrontendTrabajo de grado - Pregradohttp://purl.org/coar/resource_type/c_7a1fTextinfo:eu-repo/semantics/bachelorThesishttp://purl.org/redcol/resource_type/TPinfo:eu-repo/semantics/acceptedVersionPublicationORIGINALTrabajo de grado.pdfTrabajo de grado.pdfapplication/pdf1191269https://repositorio.unibague.edu.co/bitstreams/e5f34a79-c374-4e6f-aa76-e694680ecc27/downloadb4880fcb0cebe1d49b0e815b016c9a4eMD51Anexos.zipAnexos.zipapplication/zip13096666https://repositorio.unibague.edu.co/bitstreams/c35088ad-fdc0-4555-8c41-6f966f0af901/downloadc68cc631628b04cc9c1a4a89bbb7a75eMD53Formato de autorización.pdfFormato de autorización.pdfapplication/octet-stream156113https://repositorio.unibague.edu.co/bitstreams/40190dbf-39bb-482d-b423-b32b6b6d6c22/downloada381cf73b8e33e0c51a47efe910148fbMD52LICENSElicense.txtlicense.txttext/plain; charset=utf-8134https://repositorio.unibague.edu.co/bitstreams/a919bbde-6670-4e0d-939e-384bafd328ca/download2fa3e590786b9c0f3ceba1b9656b7ac3MD54TEXTTrabajo de grado.pdf.txtTrabajo de grado.pdf.txtExtracted texttext/plain72510https://repositorio.unibague.edu.co/bitstreams/2033992f-b87e-4d6e-bd34-b65354e6a2a5/download179fd9722beb197a006fc34ed1a86093MD57THUMBNAILTrabajo de grado.pdf.jpgTrabajo de grado.pdf.jpgIM Thumbnailimage/jpeg9056https://repositorio.unibague.edu.co/bitstreams/543b2dab-b164-4db4-a71e-7573c9ff9482/downloadbee613c3db45775a9a253548abe52d38MD5820.500.12313/5100oai:repositorio.unibague.edu.co:20.500.12313/51002025-08-13 02:45:17.349https://creativecommons.org/licenses/by-nc/4.0/https://repositorio.unibague.edu.coRepositorio Institucional Universidad de Ibaguébdigital@metabiblioteca.comQ3JlYXRpdmUgQ29tbW9ucyBBdHRyaWJ1dGlvbi1Ob25Db21tZXJjaWFsLU5vRGVyaXZhdGl2ZXMgNC4wIEludGVybmF0aW9uYWwgTGljZW5zZQ0KaHR0cHM6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL2J5LW5jLW5kLzQuMC8=

Publicaciones similares