Icono govco
 

Publicación:
Reconstrucción de interfaz gráfica de usuario basada en tecnología REACT para aplicación web de mantenimiento de enlaces rotos

Vista sencilla de ítem
dc.contributor.advisorEnciso Moreno, Javier Mauricio
dc.contributor.authorPalacios Hoyos, Diego Fernando
dc.date.accessioned2024-09-06T21:50:18Z
dc.date.available2024-09-06T21:50:18Z
dc.date.issued2020
dc.descriptionIncluye tablas e ilustraciones.spa
dc.description.abstractLas tecnologías para el desarrollo web están en constante cambio y renovación permanente. Estás tecnologías emergentes se aplican en proyectos con el fin de mejorar o añadir funcionalidades. En los últimos años, frameworks, bibliotecas y librerías como React JS y Angular lideran el desarrollo de la capa frontend en los proyectos, desplazando otras soluciones como plantillas que requieren grandes esfuerzos para su mantenimiento. Muchas de las páginas y aplicaciones web que hoy en día funcionan o se pueden encontrar en internet se basan en plantillas, estas plantillas, aunque pueden facilitar y ahorrar tiempo a los desarrolladores, son diseñadas por terceros lo cual puede limitar o ralentizar los procesos de actualización de diseño. Al realizar un cambio en la tecnología de plantillas al uso de una librería para el frontend se espera mejorar la mantenibilidad de las aplicaciones web [1]. En el caso de la aplicación web BYE BYE 404, su interfaz fue desarrollada con un sistema de plantillas, las cuales se decidió actualizar mediante un cambio de tecnología para aprovechar las bondades de una biblioteca Javascript como React JS que aporta más flexibilidad y facilita su mantenimiento.spa
dc.description.degreelevelPregrado
dc.description.degreenameIngeniero(a) de Sistemas
dc.description.notesTrabajo de grado para obtener el título de Ingeniero de Sistemasspa
dc.description.tableofcontentsÍndice de tablas. -- Índice de ilustraciones. -- 1. Agradecimientos. -- 2. Resumen. -- 3. Planteamiento del problema. -- 4. Objetivos. -- 4.1 Objetivo general. -- 4.2 Objetivos específicos. -- 5. Justificación. -- 6. Marco teórico. -- 6.1 React. -- 6.1.1 ¿Por qué usar react?. -- 6.1.2 Virtual dom. -- 6.1.3 Componentes. -- 6.1.4 Estados. -- 6.2 Bootstrap. -- 6.2.1 Sistema de rejilla. -- 6.2.2 Ícon. -- 6.3 Git. -- 6.3.1 Flujo de trabajo. -- 6.4 Docker. -- 6.5 Api rest. -- 7. Metodología y área de estudio. -- 8. Ejecución. --- 8.1 Desarrollo de las prácticas. -- 8.1.1 Descripción de la duración pasantía. -- 8.2 Implementación. -- 9. Resultados. -- 9.1 Desarrollo de mockups. -- 9.2 Análisis en las funcionalidades. -- 9.3 Interfaz de usuario. -- 9.3.1 Login. -- 9.3.2 Dashboard. -- 9.3.4 Tablas. -- 9.3.5 Otros. -- 9.4 Plan de pruebas. -- 9.5 Despliegue. -- 10. Discusión. -- 11. Conclusiones. -- 12. Bibliografía.spa
dc.format.extent42 páginas
dc.format.mimetypeapplication/pdf
dc.identifier.citationPalacios Hoyos, Diego F. (2020). Reconstrucción de interfaz gráfica de usuario basada en tecnología REACT para aplicación web de mantenimiento de enlaces rotos [Trabajo de grado, Universidad de los Llanos]. Repositorio Universidad de los Llanos.
dc.identifier.instnameUniversidad de los Llanos
dc.identifier.reponameRepositorio digital Universidad de los Llanos
dc.identifier.repourlhttps://repositorio.unillanos.edu.co/
dc.identifier.urihttps://repositorio.unillanos.edu.co/handle/001/4293
dc.language.isospa
dc.publisherUniversidad de los Llanos
dc.publisher.branchSede Barcelona
dc.publisher.facultyFacultad de Ciencias Básicas e Ingeniería
dc.publisher.placeVillavicencio
dc.publisher.programIngeniería de Sistemas
dc.relation.referencesBerbel Marín, P. (2018). Desarrollo de un frontend en ReactJS.
dc.relation.referencesJimenez, J. (2015). Descubre React. Recuperado en octubre, 2, 2018.
dc.relation.referencesGackenheimer, C. (2015). Introduction to React.
dc.relation.referencesFedosejev, A. (2015). React. js essentials. Packt Publishing
dc.relation.referencesSoler Izquierdo, L. (2019). Desarrollo de una Dapp basada en Ethereum y React (Bachelor's thesis, Universitat Politècnica de Catalunya).
dc.relation.references“React.” [Online]. Available: https://es.reactjs.org/docs.
dc.relation.referencesLtd Vipul, A. M., & Sonpatki, P. (2016). ReactJS by Example-Building Modern Web Applications with React. Packt Publishing Ltd.
dc.relation.referencesWikipedia, “Bootstrap.” [Online]. Available: https://es.wikipedia.org/wiki/Bootstrap_(framework)
dc.relation.referencesKrause, J. (2016). Introducing Bootstrap 4.
dc.relation.referencesBootstrap, “Icons” [Online]. Available: https://icons.getbootstrap.com/.
dc.relation.references“Git.” [Online]. Available: https://git-scm.com/.
dc.relation.referencesChacon, S., & Straub, B. (2014). Pro git. Springer Nature.
dc.relation.referencesRed hat, “What is Docker”. [Online]. Available: https://www.redhat.com/es/topics/containers/what-is-docker
dc.relation.references“Docker” [Online]. Available: https://www.docker.com/resources/what-container.
dc.relation.referencesRed hat, “What is a rest api”. [Online]. Available: https://www.redhat.com/es/topics/api/what-is-a-rest-api
dc.relation.references“Metodología de Prototipo” [Online]. Available: https://www.megapractical.com/blog-de-arquitectura-soa-y-desarrollo-de- software/metodologias-de-desarrollo-de-software
dc.relation.references“Ciclo de vida de un prototipo” [Online]. Available: https://ingsoftware.weebly.com/ciclo-de-vida-de-un-prototipo.html
dc.relation.referencesRivero, J. M., Grigera, J., Rossi, G., Luna, E. R., & Koch, N. (2011, January). Improving Agility in Model-Driven Web Engineering. In CAiSE Forum (Vol. 734, pp. 163-170).
dc.relation.referenceskyocera, “Dashboard.” [Online]. Available: https://www.kyoceradocumentsolutions.es/es/smarter-workspaces/business- challenges/procesos/dashboard-y-su-significado-estrategico.html
dc.relation.referencesWikipedia, “Crud.” [Online]. Available: https://es.wikipedia.org/wiki/CRUD
dc.rightsDerechos reservados - Universidad de los Llanos, 2020spa
dc.rights.accessrightsinfo:eu-repo/semantics/openAccess
dc.rights.coarhttp://purl.org/coar/access_right/c_abf2
dc.rights.licenseAtribución-NoComercial-SinDerivadas 4.0 Internacional (CC BY-NC-ND 4.0)
dc.rights.urihttps://creativecommons.org/licenses/by-nc-nd/4.0/
dc.subject.proposalReact jsspa
dc.subject.proposalFrameworkspa
dc.subject.proposalTecnologíaspa
dc.subject.proposalFrontendspa
dc.subject.proposalInterfazspa
dc.subject.proposalJavascriptspa
dc.titleReconstrucción de interfaz gráfica de usuario basada en tecnología REACT para aplicación web de mantenimiento de enlaces rotosspa
dc.typeTrabajo de grado - Pregrado
dc.type.categoryProyectos de investigación
dc.type.coarhttp://purl.org/coar/resource_type/c_7a1f
dc.type.coarversionhttp://purl.org/coar/version/c_970fb48d4fbd8a85
dc.type.contentText
dc.type.driverinfo:eu-repo/semantics/bachelorThesis
dc.type.versioninfo:eu-repo/semantics/publishedVersion
dspace.entity.typePublication

Archivos

Bloque original
Mostrando 1 - 3 de 3
Miniatura
Nombre:
Trabajo de grado
Tamaño:
1002.18 KB
Formato:
Adobe Portable Document Format
Descargar
Miniatura
Nombre:
Carta de autorización
Tamaño:
1.57 MB
Formato:
Adobe Portable Document Format
Descargar
Miniatura
Nombre:
Anexo 1
Tamaño:
909.51 KB
Formato:
Adobe Portable Document Format
Descripción:
Artículo
Descargar
Bloque de licencias
Mostrando 1 - 1 de 1
Miniatura
Nombre:
license.txt
Tamaño:
15.18 KB
Formato:
Item-specific license agreed upon to submission
Descripción:
Descargar

Colecciones

Tesis y Trabajos de Grado