Desarrollo de aplicativos libres, multiplataforma y orientados a la Gesti?n de Tareas con Flutter para el an?lisis del proceso de Desarrollo de Software moderno

dc.contributorRodr?guez Pizza, Celso Javier
dc.creatorGonz?lez Hern?ndez, Daniel Juan
dc.date2023-04-25T19:49:58Z
dc.date2023-04-25T19:49:58Z
dc.date2022
dc.date.accessioned2023-08-31T19:05:52Z
dc.date.available2023-08-31T19:05:52Z
dc.identifierGonz?lez Hern?ndez, D.J. (2022). Desarrollo de aplicativos libres, multiplataforma y orientados a la Gesti?n de Tareas con Flutter para el an?lisis del proceso de Desarrollo de Software moderno. [Trabajo de grado, Universidad de Ibagu?]. https://hdl.handle.net/20.500.12313/3076
dc.identifierhttps://hdl.handle.net/20.500.12313/3076
dc.identifier.urihttps://repositorioslatinoamericanos.uchile.cl/handle/2250/8555454
dc.descriptionEl prop?sito de este trabajo de grado es el de exponer al lector, a trav?s de un ejemplo pr?ctico (proof of concept), los conocimientos esenciales para el desarrollo de software frontend en el contexto del desarrollo multiplataforma. A su vez, el lector puede apoyarse en los documentos que hacen parte del an?lisis de los resultados y el trabajo investigativo; obtenidos como resultado del desarrollo del ejemplo pr?ctico. Los documentos obtenidos describen el proceso de desarrollo, especificaci?n de herramientas, diagramas, decisiones de dise?o y procedimientos aplicados. El ejemplo pr?ctico consisti? en la creaci?n de dos aplicaciones: una de ellas se utiliza a trav?s de un navegador web y otra que se ejecuta bajo el sistema operativo Android; ambas desarrolladas usando un c?digo fuente compartido y hecho en Flutter. Las aplicaciones, que est?n orientadas a la gesti?n de tareas, permiten al usuario crear, guardar, editar y visualizar tareas en una o varias listas. Como parte de los resultados y como deseo del autor, el c?digo fuente del ejemplo se public? en un repositorio p?blico y fue liberado bajo una licencia de c?digo abierto para facilitar el acceso y la contribuci?n de cualquier persona interesada en el proyecto.
dc.descriptionThe purpose of this degree project is to expose the reader to the essential knowledge for the development of Frontend software in the context of cross-platform development; through a proof of concept. Also, the reader can rely on the documents that are part of the analysis of the results and the research work obtained as a result of the development of the practical example. These documents describe the development process, tool specification, diagrams, design decisions and applied procedures. The proof of concept is a practical example of the creation of two applications: one of them to be used through a web browser and another one that runs on the Android operating system; both developed with a common source code made with the Flutter framework. The applications were developed for task management; allowing the user to create, save, edit and view tasks in one or multiple lists. As part of the results and as the author desired, the source code of the example was published in a public repository and released under an open source license to allow the access and contribution to anyone interested in the project.
dc.descriptionPregrado
dc.descriptionIngeniero de Sistemas
dc.descriptionContenido Introducci?n. 9 Cap?tulo I: Presentaci?n del problema. 11 1.1: El paradigma frontend moderno: 11 1.2: El problema del desarrollo multiplataforma: 12 1.3 Objetivos: 13 1.3.1 Objetivo General: 13 1.3.2 Objetivos espec?ficos: 13 Cap?tulo II: Estado del arte. 15 2.1 Novedades del sector frontend: 15 2.2 Desarrollo Multiplataforma. 15 2.2.1 Elecci?n de las plataformas objetivo: 17 2.2.2 Estado actual del desarrollo de apps con Flutter: 17 2.3 Acerca de las metodolog?as y principios a usar: 19 2.3.1 Metodolog?as ?giles. 19 2.3.2 Arquitectura Limpia y principios SOLID: 20 2.4 C?digo abierto. 24 2.5 Dise?o de interfaces gr?ficas. 24 2.6 Gesti?n de tareas. 25 Cap?tulo III: Investigaci?n UX. 27 3.1 Investigaci?n de usuarios. 27 3.1.1 User Persona. 27 3.1.2 Benchmarking. 28 3.2 Herramientas de dise?o. 29 3.2.1 Figma y Draw.io. 29 3.2.2 Material Design. 30 3.3 Look and Feel de la aplicaci?n: 30 3.3.1 Nombre de la aplicaci?n. 30 3.3.2 Colores. 32 3.3.3 Logo e iconos del proyecto. 33 Cap?tulo IV: Metodolog?a de desarrollo. 35 4.1 Requerimientos. 35 4.2 Hoja de Ruta. 37 4.3 Creaci?n ?picas e historias de usuario. 38 Cap?tulo V: Dise?o y desarrollo de las aplicaciones. 39 5.1 Dise?o. 39 5.1.1 Arquitectura de Informaci?n. 39 5.1.2 Wireframes. 39 5.2 Desarrollo. 40 5.2.1 Herramientas de desarrollo. 40 5.2.2 Librer?as de terceros. 41 5.2.3 Mobile First. 41 5.2.4 Estructura de carpetas. 41 5.2.5 Gesti?n de estado. 41 5.2.6 Persistencia. 43 5.2.7 Inyecci?n de dependencias. 44 5.3 Creando la app. 44 5.3.1 Capa de dominio. 44 5.3.3 Capa de aplicaci?n. 45 5.3.4 Capa de infraestructura. 46 5.3.4 Implementaci?n del tema. 46 5.3.5 Backlog. 46 5.4 Portando la app a Web. 48 5.5 Finalizaci?n del desarrollo. 49 5.5.1 Licencia e informaci?n del proyecto. 49 5.5.2 Ajustes del repositorio. 49 5.5.3 Despliegue de la app a la web. 50 Cap?tulo VI: Presentaci?n de resultados y conclusiones. 51 6.1 Acerca del proceso de desarrollo. 51 6.2 Acerca de la implementaci?n de dise?o. 52 6.3 Acerca de la versi?n web. 52 6.4 Contenido generado. 53 6.5 Roadmap y trabajo futuro. 53 6.6 Reflexiones personales. 54 Referencias Bibliogr?ficas. 56 Anexos. 61
dc.format1 CD (61 p?ginas)
dc.formatapplication/pdf
dc.formatapplication/pdf
dc.formatapplication/zip
dc.formatapplication/pdf
dc.languagespa
dc.publisherUniversidad de Ibagu?
dc.publisherIngenier?a
dc.publisherIbagu?
dc.publisherIngenier?a de Sistemas
dc.relationAhti, V. & Hyrynsalmi, S. & Nevalainen, O. (2016). An Evaluation Framework for Cross-Platform Mobile App Development Tools: A case analysis of Adobe PhoneGap framework. 10.1145/2983468.2983484.
dc.relationAlf?rez Zamora, A. J. (2018). Estudio comparativo de frameworks multiplataforma para desarrollo de aplicaciones m?viles. Tesis (Master), E.T.S.I. Telecomunicaci?n (UPM).
dc.relationAnanjeva, A. & Stouby Persson, J. & Bruun, A. (2020). Integrating UX work with agile development through user stories: An action research study in a small software company. Journal of Systems and Software, Volume 170. https://doi.org/10.1016/j.jss.2020.110785
dc.relationBabich, N. (2019, October 18). User Centered Design Principles & Methods. XD Ideas. https://xd.adobe.com/ideas/principles/human-computer-interaction/user-centered-design/
dc.relationBreslin, J. & Card, D. & Dabrowski, M. & Mulligan, M.. (2014). Sizing the EU App Economy: Eurapp Final Report.
dc.relationClark, J. A. (2010). HTML 5. (cover story). EBSCOhost. Online, 34(6), 12?14.
dc.relationCosta, C. (2022, February 16). Mobile first: qu? es y cu?les son sus ventajas. CRO Creativo ?. https://crocreativo.com/blog/mobile-first-que-es-y-cuales-son-sus-ventajas/
dc.relationDhillon, S. & Mahmoud, Q. (2013). An Evaluation Framework for Cross-Platform Mobile Application Development Tools. Software: Practice and Experience. 45. 47-54. 10.1002/spe.2286.
dc.relationDi Ionno, M. y Mandel, M. (2016). Seguimiento de la Econom?a de las Aplicaciones en Colombia. Octubre. https://www.progressivepolicy.org/wp-content/uploads/2016/10/Colombia-SPANISH.pdf
dc.relationDorfer, T. & Demetz, L. & Huber, S. (2020). Impact of mobile cross-platform development on CPU, memory and battery of mobile devices when using common mobile app features. Procedia Computer Science. 175. 189-196. 10.1016/j.procs.2020.07.029.
dc.relationFigma. (2020). A Free, Online UI Design Tool For Teams. Figma. https://www.figma.com/ui-design-tool/
dc.relationFlutter. (2022). Flutter documentation. flutter.dev. Retrieved feb 20, 2020. https://docs.flutter.dev/
dc.relationGitHub. (2021). The 2020 State of the Octoverse. Octoverse. Retrieved February 20, 2021. https://octoverse.github.com/
dc.relationGonsalves, M. (2018). Evaluating the mobile development frameworks Apache Cordova and Flutter and their impact on the development process and application characteristics. Tesis, California State University, Chico. http://hdl.handle.net/10211.3/211157
dc.relationHern?ndez, P. (2016, October 24). Microsoft Rolls Out Azure Storage Client Library for Xamarin. eWeek. https://www.eweek.com/cloud/microsoft-rolls-out-azure-storage-client-library-for-xamarin
dc.relationHoehle, H. & Venkatesh, V. (2015). Mobile Application Usability: Conceptualization and Instrument Development. MIS Quarterly. 39. 435-472. 10.25300/MISQ/2015/39.2.08.
dc.relationInteraction Design Foundation. (n.d.). User Experience (UX) Design. Interaction Design Foundation. Retrieved February 20, 2021. https://www.interaction-design.org/literature/topics/ux-design
dc.relationKarasavvas, T. (2022) Why Flutter is the most popular cross-platform mobile SDK. Retrieved August 5, 2022. https://stackoverflow.blog/2022/02/21/why-flutter-is-the-most-popular-cross-platform-mob ile-sdk/
dc.relationKirmani, M. M. (2017). Agile Development Method for Mobile Applications: A study. International Journal of Advanced Research in Computer Science. EBSCOhost, 8(5), 1421?1425.
dc.relationKuzmin N., Ignatiev K., Grafov D. (2020) Experience of Developing a Mobile Application Using Flutter. In: Kim K., Kim HY. (eds) Information Science and Applications. Lecture Notes in Electrical Engineering, vol 621. Springer, Singapore. https://doi.org/10.1007/978-981-15-1465-4_56
dc.relationLucassen G., Dalpiaz F., Werf J.M.E.M., Brinkkemper S. (2016) The Use and Effectiveness of User Stories in Practice. In: Daneva M., Pastor O. (eds) Requirements Engineering: Foundation for Software Quality. REFSQ 2016. Lecture Notes in Computer Science, vol 9619. Springer, Cham. https://doi.org/10.1007/978-3-319-30282-9_14
dc.relationManning, N. (2022) Why Flutter Will Take Off in 2018 | by Nick Manning | codeburst. Retrieved August 08, 2022. https://codeburst.io/why-flutter-will-take-off-in-2018-bbd75f8741b0
dc.relationMartin, R. C. (2020). Solid Relevance. Clean Coder Blog. Retrieved August 5, 2022. https://blog.cleancoder.com/uncle-bob/2020/10/18/Solid-Relevance.html
dc.relationMartin, R. C. (2012). The Clean Architecture. Clean Coder Blog. Retrieved August 5, 2022. https://blog.cleancoder.com/uncle-bob/2012/08/13/the-clean-architecture.html
dc.relationMesh, J. (2020, February 17). Kanban 101: How Any Team Can Be More Agile. Trello Blog. Retrieved February 20, 2021. https://blog.trello.com/kanban-101
dc.relationRatha, A. K., Sahu, S., & Meher, P. (2018). HTML5 in web development: a new approach. International Research Journal of Engineering and Technology (IRJET), 5(3), 551-554.
dc.relationSangiorgi, U. & Beuvens, F. & Vanderdonckt, J. (2012). User Interface Design by collaborative Sketching. Proceedings of the Designing Interactive Systems Conference, DIS '12. 10.1145/2317956.2318013.
dc.relationShankarmani, R. & Pawar, R. & Mantha, S. & Babu, V. (2012). Agile Methodology Adoption: Benefits and Constraints. International Journal of Computer Applications. 58. 10.5120/9361-3698.
dc.relationStallman, R. (2020). La definici?n de Software Libre. Revista Communiars, 3, 151-154.
dc.relationStatCounter. (2020, January 31). Mobile Operating System Market Share Worldwide. StatCounter. Retrieved February 20, 2020. https://gs.statcounter.com/os-market-share/mobile/worldwide
dc.relationTaft, D. K. (2016, October 10). What Enterprises Can Learn From The Gaming Industry About Mobile Apps. eWeek. https://www.eweek.com/enterprise-apps/what-enterprises-can-learn-from-gaming-industr y-about-mobile-apps
dc.relationTran, T. H. (2019, December 27). What does mobile-first design mean for digital designers?. Inside Design. https://www.invisionapp.com/inside-design/mobile-first-design/
dc.relationVega, C. (2019, March 23). Implementa Arquitectura a tu proyecto Flutter usando el patr?n BLOC. Comunidad Flutter. https://medium.com/comunidad-flutter/implementa-arquitectura-a-tu-proyecto-flutter-usan do-el-patr%C3%B3n-bloc-2cb031722166
dc.relationWarren, T. (2016, September 15). Microsoft really does love Linux. The Verge. Retrieved February 20, 2021. https://www.theverge.com/2016/9/15/12926288/microsoft-really-does-love-linux
dc.relationXanthopoulos, S. & Xinogalos, S. (2013). A Comparative Analysis of Cross-platform Development Approaches for Mobile Applications. ACM International Conference Proceeding Series. 10.1145/2490257.2490292.
dc.rightsinfo:eu-repo/semantics/openAccess
dc.rightshttp://purl.org/coar/access_right/c_abf2
dc.rightsAtribuci?n-NoComercial-SinDerivadas 4.0 Internacional (CC BY-NC-ND 4.0)
dc.rightshttps://creativecommons.org/licenses/by-nc-nd/4.0/
dc.subjectArquitectura de software
dc.subjectSoftware de aplicaci?n - Desarrollo
dc.subjectDesarrollo de software
dc.subjectDesarrollo multiplataforma
dc.subjectC?digo abierto
dc.subjectDesarrollo Android
dc.subjectGesti?n de tareas
dc.subjectDesarrollo de software
dc.subjectCross-platform development
dc.subjectOpen Source
dc.subjectAndroid development
dc.subjectTask management
dc.subjectSoftware development
dc.subjectSoftware frontend
dc.titleDesarrollo de aplicativos libres, multiplataforma y orientados a la Gesti?n de Tareas con Flutter para el an?lisis del proceso de Desarrollo de Software moderno
dc.typeTrabajo de grado - Pregrado
dc.typehttp://purl.org/coar/resource_type/c_7a1f
dc.typehttp://purl.org/coar/version/c_ab4af688f83e57aa
dc.typeText
dc.typeinfo:eu-repo/semantics/bachelorThesis
dc.typehttp://purl.org/redcol/resource_type/TP
dc.typeinfo:eu-repo/semantics/acceptedVersion


Este ítem pertenece a la siguiente institución