Mostrar el registro sencillo del ítem
Optimización del desarrollo frontend: Actualización y mejora del storybook en SBS Seguros Colombia
| dc.contributor.advisor | Chauta Torres, José Manuel | spa |
| dc.contributor.author | Rey Rojas, Zaira Ximena | spa |
| dc.coverage.spatial | Bogotá D.C. | |
| dc.date.accessioned | 2024-12-17T14:58:01Z | |
| dc.date.available | 2024-12-17T14:58:01Z | |
| dc.date.issued | 2023-12-12 | |
| dc.identifier.uri | http://hdl.handle.net/10823/7496 | |
| dc.description.abstract | En respuesta a la necesidad de mantener la eficiencia y coherencia en el desarrollo de software, este proyecto se enfoca en la actualización del Storybook en SBS Seguros, el cual se encontraba obsoleto debido a dependencias desactualizadas. La obsolescencia planteaba desafíos significativos para el desarrollo de interfaces de usuario, afectando la agilidad y calidad del proceso. Por lo que en este documento encontrará la iniciativa que consistió en modernizar el Storybook mediante la identificación y sustitución de dependencias obsoletas. La metodología abarcó un análisis minucioso de las dependencias existentes y su reemplazo con versiones más recientes y compatibles. Obteniendo así resultados que destacan una mejora palpable en la eficiencia del desarrollo de interfaces. La eliminación de dependencias obsoletas no solo fortaleció la seguridad del sistema, sino que también proporcionó una base sólida para futuras actualizaciones. Este proyecto contribuye de manera significativa a la agilidad del desarrollo de software en SBS Seguros, posicionándola para adaptarse rápidamente a las demandas cambiantes de la industria. | spa |
| dc.description.tableofcontents | RESUMEN... 5 INTRODUCCIÓN... 6 CONTEXTO... 8 OBJETIVOS... 11 OBJETIVO PRINCIPAL... 11 OBJETIVOS SECUNDARIOS... 11 DESCRIPCIÓN DE LA PROBLEMÁTICA... 12 SOLUCIONES ACTUALES... 13 JUSTIFICACIÓN DE LA INVESTIGACIÓN... 14 MARCO TEORICO... 14 METODOLOGÍA... 17 DESCRIPCIÓN DE ACTIVIDADES... 18 IMPLEMENTACIÓN STORYBOOK OPTIMIZADO... 25 DESCRIPCIÓN DEL PROCESO... 25 RECOLECCIÓN DE REQUISITOS... 26 REVISIÓN DETALLADA VERSION 5.3.17 STORYBOOK... 28 EVALUACIÓN DE PROBLEMAS DE RENDIMIENTO Y POSIBLES ÁREAS DE MEJORA... 30 INVESTIGACIÓN Y FAMILIARIZACIÓN CON LAS NUEVAS VERSIONES... 31 IDENTIFICACIÓN Y ACTUALIZACIÓN DE COMPONENTES OBSOLETOS Y DEPENDENCIAS DESACTUALIZADAS ... 33 ESTUDIO DOCUMENTACIÓN DE VUE 3 EN COMPARACIÓN A VUE... 43 INTERFAZ FRAMEWORK STORYBOOK... 48 DIAGRAMA DE FLUJO STORYBOOK... 52 CRONOGRAMA DE ACTIVIDADES... 54 ENTREGABLES... 55 CONCLUSIONES Y RECOMENDACIONES... 55 REFERENCIAS... 56 | spa |
| dc.format.mimetype | application/pdf | spa |
| dc.language.iso | spa | spa |
| dc.title | Optimización del desarrollo frontend: Actualización y mejora del storybook en SBS Seguros Colombia | spa |
| dc.type | bachelorThesis | spa |
| dc.type.local | Tesis/Trabajo de grado - Monografía - Pregrado | spa |
| dc.type.driver | info:eu-repo/semantics/bachelorThesis | spa |
| dc.title.translated | Frontend development optimization: Updating and improving the storybook at SBS Seguros Colombia | spa |
| dc.subject.proposal | Actualización | spa |
| dc.subject.proposal | Obsolencia | spa |
| dc.subject.proposal | Optimización | spa |
| dc.subject.proposal | Storybook | spa |
| dc.subject.lemb | Arquitectura de redes informáticas | spa |
| dc.subject.lemb | Gestión empresarial | spa |
| dc.subject.lemb | Tecnología de información - control de calidad | spa |
| dc.description.abstractenglish | In response to the need to maintain efficiency and coherence in software development, this project focuses on updating the Storybook at SBS Seguros, which had become obsolete due to outdated dependencies. Obsolescence presented significant challenges to the development of user interfaces, impacting the agility and quality of the process. This document outlines the initiative to modernize the Storybook by identifying and replacing outdated dependencies. The methodology involved a meticulous analysis of existing dependencies and their replacement with more recent and compatible versions. The results demonstrate a tangible improvement in the efficiency of interface development. The removal of obsolete dependencies not only strengthened the system's security but also provided a solid foundation for future updates. This project significantly contributes to the agility of software development at SBS Seguros, positioning it to adapt quickly to the changing demands of the industry. | spa |
| dc.subject.keywords | Obsolescence | spa |
| dc.subject.keywords | Optimization | spa |
| dc.subject.keywords | Storybook | spa |
| dc.subject.keywords | Update | spa |
| dc.relation.references | blog.getbootstrap. (28 de Noviembre de 2019). blog.getbootstrap: https://blog.getbootstrap.com/2019/11/28/bootstrap-4-4-1/ | spa |
| dc.relation.references | cisp, Vue.js:. (3 de Marzo de 2023). Retrieved 2023, from crisp: https://crisp.chat/es/blog/vue-js-migrar/ | spa |
| dc.relation.references | David. (2022). npmjs. Retrieved 2023, from npmjs: https://www.npmjs.com/package/@fullhuman/postcss-purgecss | spa |
| dc.relation.references | ESCUELAVUE. (s.f.). Retrieved 2023, from ESCUELAVUE: https://escuelavue.es/tips/v-once-vue-3-mejorar-rendimiento/ | spa |
| dc.relation.references | ESLint. (s.f.). Retrieved 2023, from ESLint: https://eslint.org/ | spa |
| dc.relation.references | getbootstrap.com. (s.f.). Retrieved 2023, from getbootstrap.com: https://getbootstrap.com/docs/5.3/getting-started/introduction/ | spa |
| dc.relation.references | jQuery write less, do more. (s.f.). jQuery write less, do more: https://jquery.com/download/ | spa |
| dc.relation.references | jsDocs.io. (2023). Retrieved 2023, from jsDocs.io: https://www.jsdocs.io/package/@storybook/vue#configure | spa |
| dc.relation.references | lodash. (s.f.). Retrieved Noviembre de 2019, from lodash: https://lodash.com/docs/ | spa |
| dc.relation.references | npmJS. (s.f.). Retrieved 2023, from npmJS: https://www.npmjs.com/package/husky/v/4.2.5 | spa |
| dc.relation.references | npmJS. (2019). npmJS: https://www.npmjs.com/package/@storybook/theming/v/5.3.5 | spa |
| dc.relation.references | npmJS. (2019). npmJS: https://www.npmjs.com/package/core-js/v/3.6.4 | spa |
| dc.relation.references | npmJS. (2019). Retrieved 2023, from npmJS: https://www.npmjs.com/package/date-fns/v/2.11.0 | spa |
| dc.relation.references | npmJS. (2019). Retrieved Noviembre de 2023, from npmJS: https://www.npmjs.com/package/popper.js/v/1.16.1-lts | spa |
| dc.relation.references | npmJS. (2019). Retrieved 2023, from npmJS: https://www.npmjs.com/package/babel-eslint | spa |
| dc.relation.references | npmJS. (2019). Retrieved 2023, from npmJS: https://www.npmjs.com/package/husky/v/4.2.5 | spa |
| dc.relation.references | npmJS. (2019). Retrieved 2023, from npmJS: https://www.npmjs.com/package/sass-loader/v/8.0.2 | spa |
| dc.relation.references | npmJS. (2020). npmJS: https://www.npmjs.com/package/@mathieustan/vue-datepicker | spa |
| dc.relation.references | npmJS. (28 de Agosto de 2020). Retrieved 2023, from npmJS: https://www.npmjs.com/package/@storybook/addon-viewport/v/5.3.21 | spa |
| dc.relation.references | npmJS. (28 de Agosto de 2020). Retrieved 2023, from npmJS: https://www.npmjs.com/package/@storybook/addon-actions/v/5.3.21 | spa |
| dc.relation.references | npmJS. (2020). Retrieved 2023, from npmJS: https://www.npmjs.com/package/@storybook/addon-viewport/v/5.3.17 | spa |
| dc.relation.references | npmJS. (2020). Retrieved 2023, from npmJS: https://www.npmjs.com/package/@storybook/addon-actions/v/5.3.21 | spa |
| dc.relation.references | npmJS. (2022). Retrieved 2023, from npmJS: https://www.npmjs.com/package/vue-select | spa |
| dc.relation.references | npmJS. (2022). Retrieved 2023, from npmJS: https://www.npmjs.com/package/@vue/eslint-config-airbnb | spa |
| dc.relation.references | npmJS. (2023). npmJS: https://www.npmjs.com/package/@storybook/addon-viewport | spa |
| dc.relation.references | npmJS. (Septiembre de 2023). Retrieved 2023, from npmJS: https://www.npmjs.com/package/vee-validate | spa |
| dc.relation.references | npmJS. (2023). Retrieved 2023, from npmJS: https://www.npmjs.com/package/@storybook/addon-a11y | spa |
| dc.relation.references | npmJS. (2023). Retrieved 2023, from npmJS: https://www.npmjs.com/package/@storybook/addon-actions#storybook-addon-actions | spa |
| dc.relation.references | npmJS. (2023). Retrieved 2023, from npmJS: https://www.npmjs.com/package/@storybook/addon-docs | spa |
| dc.relation.references | npmJS. (2023). Retrieved 2023, from npmJS: https://www.npmjs.com/package/@storybook/addon-knobs | spa |
| dc.relation.references | npmJS. (2023). Retrieved 2023, from npmJS: https://www.npmjs.com/package/@storybook/addon-links#story-links-addon | spa |
| dc.relation.references | npmJS. (2023). Retrieved 2023, from npmJS: https://www.npmjs.com/package/@storybook/addon-notes | spa |
| dc.relation.references | npmJS. (2023). Retrieved 2023, from npmJS: https://www.npmjs.com/package/node-sass | spa |
| dc.relation.references | npmJS. (2023). Retrieved 2023, from npmJS: https://www.npmjs.com/package/stylelint-config-twbs-bootstrap | spa |
| dc.relation.references | Platzi. (2022). Platzi: https://platzi.com/blog/vuejs-en-2022/ | spa |
| dc.relation.references | purgecss. (29 de 10 de 2019). Retrieved 2023, from purgecss: https://v1.purgecss.com/ | spa |
| dc.relation.references | Shilman, M. (14 de Enero de 2020). Storybook.js. Storybook.js: https://storybook.js.org/blog/storybook-5-3/ | spa |
| dc.relation.references | Shilman, M. (24 de Febreo de 2021). Storybook. Storybook: https://storybook.js.org/blog/storybook-vue3/ | spa |
| dc.relation.references | Shilman, M. (2023). Storybook. Storybook: https://storybook.js.org/blog/storybook-7-6/ | spa |
| dc.relation.references | Storybook. (s.f.). Retrieved 2023, from Storybook: https://storybook.js.org/docs/vue/get-started/why-storybook | spa |
| dc.relation.references | Storybook. (14 de Junio de 2020). Retrieved 2023, from Storybook: https://storybook.js.org/blog/storybook-5-3/ | spa |
| dc.relation.references | Storybook. (2023). Retrieved 2023, from Storybook: https://storybook.js.org/docs/essentials/viewport | spa |
| dc.relation.references | Storybook. (2023). Storybook: https://storybook.js.org/docs/essentials/viewport | spa |
| dc.relation.references | Storybook. (2023). Storybook: https://storybook.js.org/docs/configure/storybook-addons | spa |
| dc.relation.references | Storybook. (2023). Retrieved 2023, from Storybook: https://storybook.js.org/docs/configure/theming | spa |
| dc.relation.references | stylelint. (s.f.). Retrieved 2023, from stylelint: https://stylelint.io/ | spa |
| dc.relation.references | vcalendar. (s.f.). Retrieved Noviembre de 2023, from vcalendar: https://vcalendar.io/ | spa |
| dc.relation.references | Vue. (s.f.). Retrieved 2023, from Vue: https://vuejs.org/guide/essentials/reactivity-fundamentals | spa |
| dc.relation.references | Vue. (s.f.). Retrieved 2023, from Vue: https://vuejs.org/guide/extras/composition-api-faq.html | spa |
| dc.relation.references | Vue CLI. (s.f.). Retrieved 2023, from Vue ClI: https://cli.vuejs.org/guide/cli-service.html | spa |
| dc.relation.references | Vue CLI. (11 de Agosto de 2022). Vue CLI: https://cli.vuejs.org/core-plugins/babel.html#injected-webpack-chain-rules | spa |
| dc.relation.references | Vue CLI. (11 de Agosto de 2022). Retrieved 2023, from Vue ClI: https://cli.vuejs.org/core-plugins/eslint.html#injected-webpack-chain-rules | spa |
| dc.relation.references | Vue CLI. (11 de Agosto de 2022). Retrieved 2023, from Vue CLI: https://cli.vuejs.org/core-plugins/unit-jest.html#transform-dependencies-from-node-modules | spa |
| dc.relation.references | Vue I18n. (2015). Retrieved 2023, from Vue I18n: https://vue-i18n.intlify.dev/ | spa |
| dc.relation.references | Vue Test Utils. (s.f.). Retrieved 2023, from Vue Test Utils: https://v1.test-utils.vuejs.org/ | spa |
| dc.relation.references | Vue.js. (s.f.). Vue.js: https://es.vuejs.org/v2/guide/ | spa |
| dc.relation.references | Vue.js. (s.f.). Vue.js: https://es.vuejs.org/v2/guide/components | spa |
| dc.relation.references | Vue.js. (s.f.). Retrieved 2023, from Vue.js: https://vuejs.org/api/composition-api-lifecycle | spa |
| dc.relation.references | VueDevtools. (s.f.). VueDevtools: https://devtools.vuejs.org/guide/installation.html#settings | spa |
| dc.publisher.program | Ingeniería de Sistemas | spa |
| dc.type.coar | http://purl.org/coar/resource_type/c_7a1f | spa |
| dc.publisher.faculty | Facultad de ingeniería y Diseño e Innovación | spa |
| dc.identifier.instname | instname:Politécnico Grancolombiano | spa |
| dc.identifier.reponame | reponame:Alejandría Repositorio Comunidad | spa |
| dc.type.hasversion | info:eu-repo/semantics/acceptedVersion | |
| dc.rights.accessrights | info:eu-repo/semantics/openAccess | |
| dc.identifier.repourl | repourl:http://alejandria.poligran.edu.co | spa |
| dc.type.redcol | https://purl.org/redcol/resource_type/TP | |
| dc.rights.creativecommons | Atribución-NoComercial-SinDerivadas 2.5 Colombia | spa |
| dc.type.version | info:eu-repo/semantics/acceptedVersion | spa |
| dc.type.coarversion | http://purl.org/coar/version/c_ab4af688f83e57aa | spa |
