Desarrollo de aplicación web progresiva que incorpora sistema de carnet virtual para la Universidad de Ibagué
La aplicación requiere de acceso a un navegador web actualizado
- Autores:
-
Cuy Ramirez, Sara Valentina
- Tipo de recurso:
- Trabajo de grado de pregrado
- Fecha de publicación:
- 2024
- Institución:
- Universidad de Ibagué
- Repositorio:
- Repositorio Universidad de Ibagué
- Idioma:
- spa
- OAI Identifier:
- oai:repositorio.unibague.edu.co:20.500.12313/4198
- Acceso en línea:
- https://hdl.handle.net/20.500.12313/4198
- Palabra clave:
- Universidad de Ibagué - Carnet virtual
PWA
PHP
Vue
Aplicación web
PWA
PHP
Vue
Web application
- Rights
- openAccess
- License
- http://purl.org/coar/access_right/c_abf2
| id |
UNIBAGUE2_ce7cd7d4638bcf1f7d264075837d1047 |
|---|---|
| oai_identifier_str |
oai:repositorio.unibague.edu.co:20.500.12313/4198 |
| network_acronym_str |
UNIBAGUE2 |
| network_name_str |
Repositorio Universidad de Ibagué |
| repository_id_str |
|
| dc.title.spa.fl_str_mv |
Desarrollo de aplicación web progresiva que incorpora sistema de carnet virtual para la Universidad de Ibagué |
| title |
Desarrollo de aplicación web progresiva que incorpora sistema de carnet virtual para la Universidad de Ibagué |
| spellingShingle |
Desarrollo de aplicación web progresiva que incorpora sistema de carnet virtual para la Universidad de Ibagué Universidad de Ibagué - Carnet virtual PWA PHP Vue Aplicación web PWA PHP Vue Web application |
| title_short |
Desarrollo de aplicación web progresiva que incorpora sistema de carnet virtual para la Universidad de Ibagué |
| title_full |
Desarrollo de aplicación web progresiva que incorpora sistema de carnet virtual para la Universidad de Ibagué |
| title_fullStr |
Desarrollo de aplicación web progresiva que incorpora sistema de carnet virtual para la Universidad de Ibagué |
| title_full_unstemmed |
Desarrollo de aplicación web progresiva que incorpora sistema de carnet virtual para la Universidad de Ibagué |
| title_sort |
Desarrollo de aplicación web progresiva que incorpora sistema de carnet virtual para la Universidad de Ibagué |
| dc.creator.fl_str_mv |
Cuy Ramirez, Sara Valentina |
| dc.contributor.advisor.none.fl_str_mv |
Betancourt, Juan Jose Hernández, Julián David |
| dc.contributor.author.none.fl_str_mv |
Cuy Ramirez, Sara Valentina |
| dc.contributor.jury.none.fl_str_mv |
Gutiérrez Gonzáles, Rodolfo José |
| dc.subject.armarc.none.fl_str_mv |
Universidad de Ibagué - Carnet virtual |
| topic |
Universidad de Ibagué - Carnet virtual PWA PHP Vue Aplicación web PWA PHP Vue Web application |
| dc.subject.proposal.spa.fl_str_mv |
PWA PHP Vue Aplicación web PWA PHP Vue Web application |
| description |
La aplicación requiere de acceso a un navegador web actualizado |
| publishDate |
2024 |
| dc.date.accessioned.none.fl_str_mv |
2024-05-06T23:20:24Z |
| dc.date.available.none.fl_str_mv |
2024-05-06T23:20:24Z |
| dc.date.issued.none.fl_str_mv |
2024 |
| 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 |
Other |
| 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 |
Cuy Ramírez, S. V. (2024). Desarrollo de aplicación web progresiva que incorpora sistema de carnet virtual para la Universidad de Ibagué. [Trabajo de grado, Universidad de Ibagué]. |
| dc.identifier.uri.none.fl_str_mv |
https://hdl.handle.net/20.500.12313/4198 |
| identifier_str_mv |
Cuy Ramírez, S. V. (2024). Desarrollo de aplicación web progresiva que incorpora sistema de carnet virtual para la Universidad de Ibagué. [Trabajo de grado, Universidad de Ibagué]. |
| url |
https://hdl.handle.net/20.500.12313/4198 |
| dc.language.iso.none.fl_str_mv |
spa |
| language |
spa |
| dc.relation.references.none.fl_str_mv |
J. Hernandez (private communication), 2023. P. I. Silva-da-Nóbrega, A. F. Chim-Miki, y M. Castillo-Palacio, «A Smart Campus Framework: Challenges and Opportunities for Education Based on the Sustainable Development Goals», Sustainability, vol. 14, n.o 15, p. 9640, ene. 2022, doi: 10.3390/su14159640. M. Ramírez, «Transformación digital en las Universidades: Proceso en épocas de COVID 19», pp. 593-602, 2021. C. A. Ramonda y B. Zarazaga, «Códigos QR y su aplicación en entornos colaborativos para bibliotecas», Simp. Argent. Tecnol. Soc., pp. 96-109, 2014. J. Calderón y J. Suescún, «IMPLEMENTACIÓN DE UN SISTEMA DE INFORMACIÓN PARA LA GESTIÓN DE LOS CURSOS Y ACTIVIDADES DE EDUCACIÓN CONTINUA DE LOS PROGRAMAS ACADÉMICOS DE LA UNIVERSIDAD FRANCISCO DE PAULA SANTANDER DE LA CIUDAD DE CÚCUTA». Accedido: 9 de mayo de 2023. [En línea]. Disponible en: https://acofipapers.org/index.php/eiei/article/view/854/858 S. Tiwari, An Introduction to QR Code Technology. 2016, p. 44. doi: 10.1109/ICIT.2016.021. Y. Chiang, P. Lin, R. Wang y Y. Chen. «Blind QR Code Steganographic Approach Based upon Error Correction Capability», KSII Trans. Internet Inf. Syst., vol. 7, n.o 10, pp. 2527 2543, oct. 2013, doi: 10.3837/tiis.2013.10.012. A. Atencio Zabala, L. A. Bettin Sequea, y A. Fernández García, «Desarrollo e implantación de un sistema de información con Olap para controlar el acceso de visitantes al campus de la Universidad Cooperativa de Colombia sede Montería», ene. 2021, Accedido: 9 de mayo de 2023. [En línea]. Disponible en: http://hdl.handle.net/20.500.12494/32763 D. Muyldermans, «How does the virtual DOM compare to other DOM update mechanisms in JavaScript frameworks?». S. Cheng, «Research on Campus Card and Virtual Card Information System», en Proceeding of 2021 International Conference on Wireless Communications, Networking and Applications, Z. Qian, M. A. Jabbar, y X. Li, Eds., Singapore: Springer Nature Singapore, 2022, pp. 1167-1175. K. Yasa, P. Sukarata, G. Putra, I. Nugroho, y I. Astawa, «Secure Electronic Document with QR Code and RSA Digital Signature Algorithm»:, en Proceedings of the 4th International Conference on Applied Science and Technology on Engineering Science, Samarinda, Indonesia: SCITEPRESS - Science and Technology Publications, 2021, pp. 1370-1375. doi: 10.5220/0010965600003260. S. Bensona, F. H. Prasetya, y B. Harnadi, «Implementation Of Qr-Code Based Point Of Sales Application For Retail Store», J. Bus. Technol., vol. 2, n.o 2, pp. 64-71, ago. 2022, doi: 10.24167/jbt.v2i2.4395. S. R. M. Mary y E. K.Rosemary, «Data Security Through Qr Code Encryption And Steganography», Adv. Comput. Int. J., vol. 7, n.o 1/2, pp. 1-7, mar. 2016, doi: 10.5121/acij.2016.7201. J. Li, L. Chen, y Xie, «The Construction and Application of University Virtual Campus Card under the Background of Internet», presentado en IEEE/ACIS 18th International Conference on Computer and Information Science (ICIS), Beijing, China, 2019, pp. 557 561. doi: 10.1109/ICIS46139.2019.8940296. D. Fortunato y J. Bernardino, «Progressive web apps: An alternative to the native mobile Apps», presentado en 13th Iberian Conference on Information Systems and Technologies (CISTI), Caceres, Spain, 2018, pp. 1-6. doi: 10.23919/CISTI.2018.8399228. V. S. Magomadov, «Exploring the role of progressive web applications in modern web development», J. Phys. Conf. Ser., vol. 1679, n.o 2, p. 022043, nov. 2020, doi: 10.1088/1742-6596/1679/2/022043. |
| 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-SinDerivadas 4.0 Internacional (CC BY-NC-ND 4.0) |
| dc.rights.uri.none.fl_str_mv |
https://creativecommons.org/licenses/by-nc-nd/4.0/ |
| eu_rights_str_mv |
openAccess |
| rights_invalid_str_mv |
http://purl.org/coar/access_right/c_abf2 Atribución-NoComercial-SinDerivadas 4.0 Internacional (CC BY-NC-ND 4.0) https://creativecommons.org/licenses/by-nc-nd/4.0/ |
| dc.format.extent.none.fl_str_mv |
72 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 Electrónica |
| publisher.none.fl_str_mv |
Universidad de Ibagué |
| institution |
Universidad de Ibagué |
| bitstream.url.fl_str_mv |
https://repositorio.unibague.edu.co/bitstreams/d4023cf9-58d3-476f-93b4-006593c17532/download https://repositorio.unibague.edu.co/bitstreams/e3dd8a4b-6ede-4002-a46b-a54730d49190/download https://repositorio.unibague.edu.co/bitstreams/31530dba-8165-4401-94f4-cda846203990/download https://repositorio.unibague.edu.co/bitstreams/03bae042-b04b-4808-9ea3-ba5e94724a95/download https://repositorio.unibague.edu.co/bitstreams/5fb15e5d-7d50-4ea0-8491-bb630e4be21f/download https://repositorio.unibague.edu.co/bitstreams/43efcfcc-7b8e-47a0-a901-47e7cf28b754/download https://repositorio.unibague.edu.co/bitstreams/1418f207-57fa-40c0-b62a-5fb3ccdbfa0a/download |
| bitstream.checksum.fl_str_mv |
a48863f21e28a41d9359ef136439461e b4431efa4cfbd08087e14712a9be4beb 2fa3e590786b9c0f3ceba1b9656b7ac3 32238304b1db73e1992bfbf2afe31caf ff4c8ff01d544500ea4bfea43e6108c1 ea0ec491458562057019b1fc6e2ea89c 048bcafdefa59fa4040f10deaa066cb9 |
| bitstream.checksumAlgorithm.fl_str_mv |
MD5 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_ |
1814204113412423680 |
| spelling |
Betancourt, Juan Jose78e4a131-7361-4d2f-8a53-651846c16e5b-1Hernández, Julián David4b018360-1838-492e-a198-305a2e9f46de-1Cuy Ramirez, Sara Valentina73f20738-d63a-4a48-aa90-ff2d590ff9d5-1Gutiérrez Gonzáles, Rodolfo Josécec12722-e8ea-46af-aaa7-50aa6281a2f46002024-05-06T23:20:24Z2024-05-06T23:20:24Z2024La aplicación requiere de acceso a un navegador web actualizadoLa Universidad de Ibagué, a través de su Oficina de Gestión de Tecnología, Redes y Sistemas, identifica la necesidad de una nueva aplicación móvil. La aplicación móvil actual, SIGA, presenta limitaciones al no permitir modificaciones ni la incorporación de nuevas funcionalidades por parte del personal universitario. En respuesta a esta demanda, este proyecto se centra en el desarrollo de una nueva aplicación móvil que cumple con los requisitos específicos de la institución. Este documento detalla el proceso de creación de la aplicación, destacando la integración exitosa de los primeros módulos esenciales: el carnet virtual, un escáner, y un panel de administración. La implementación de la aplicación se llevó a cabo mediante tecnologías clave, utilizando PHP, MySql y Vue para garantizar un desarrollo robusto y eficiente. Este proyecto no solo aborda las limitaciones actuales, sinoque también sienta las bases para futuras expansiones y mejoras en la aplicación, proporcionando a la comunidad universitaria una herramienta versátil y adaptativa.The University of Ibagué, through its Office of Technology Management, Networks, and Systems, recognizes the need for a new mobile application. The current mobile application, SIGA, has limitations as it does not allow modifications or the addition of new features by university staff. In response to this demand, this project focuses on developing a new mobile application that meets the specific requirements of the institution. This document details the process of creating the application, highlighting the successful integration of the initial essential modules: the virtual ID card, a scanner, and an administration panel. The application implementation was carried out using key technologies, employing PHP, MySql, and Vue to ensure robust and efficient development. This project not only addresses current limitations but also lays the groundwork for future expansions and improvements in the application, providing the university community with a versatile and adaptive tool.PregradoIngeniera ElectrónicaLista de figuras .... 10 Introducción .... 11 1. Objeto de estudio ..... 13 Planteamiento del problema ....... 13 Estado del arte ........... 14 Objetivos ....... 16 1.1.1 Objetivo General ........ 16 1.1.2 Objetivos Específicos ..... 16 2. Marco Teórico..... 17 Patrones de diseño ..... 17 2.1.1 Patrón de diseño Factory ............ 17 Lenguaje de programación ......... 18 2.1.2 Hypertext Preprocessor (PHP) ........ 18 2.1.3 Laravel ....... 19 2.1.4 JavaScript ....... 20 Lenguajes de hojas de estilo ....... 20 2.1.6 Cascading Style Sheets (CSS) .... 20 2.1.7 Tailwind .... 20 Código Quick Response .... 21 Aplicación Web Progresiva ........ 21 Base de datos MySQL .... 22 3. Metodología ......... 23 Análisis de requerimientos ......... 23 Diseño ....... 24 3.1.1 Aplicación principal ....... 25 3.1.2 Carnet ........ 26 3.1.3 Scanner ...... 26 3.1.4 Panel .......... 28 Implementación ......... 29 3.1.5 Aplicación principal ....... 29 3.1.6 Módulo de carnet ........ 32 3.1.7 Módulo de redirección a SIGA ....... 34 3.1.8 Módulo de Scanner ..... 35 3.1.9 Módulo de panel de administración ............ 35 Pruebas ...... 37 Despliegue y mantenimiento ...... 38 4 Resultados ......... 40 4. Conclusiones y recomendaciones ....... 44 Conclusiones .... 44 Recomendaciones ...... 44 Bibliografía ..... 45 A. Anexo: Documento de requerimientos de software ........... 49 1.1 Propósito ...... 50 1.2 Alcance del proyecto .... 50 1.3 Definiciones, acrónimos, y abreviaciones .... 51 1.4 Referencias .......... 52 1.5 Visión general ..... 52 2. Descripción General ...... 52 2.1 Perspectiva del producto ...... 52 2.1.2 Interfaces de usuario.......... 52 2.1.3 Interfaces de Software ....... 53 2.2 Funciones del Producto ........ 53 2.4 Restricciones ....... 53 2.5 Suposiciones y dependencias ...... 54 3. Requerimientos específicos .... 54 3.1 Funciones ............ 54 B. Anexo: Documentación técnica para desarrollos de software ........... 61La aplicación requiere de acceso a un navegador web actualizado72 páginasapplication/pdfCuy Ramírez, S. V. (2024). Desarrollo de aplicación web progresiva que incorpora sistema de carnet virtual para la Universidad de Ibagué. [Trabajo de grado, Universidad de Ibagué].https://hdl.handle.net/20.500.12313/4198spaUniversidad de IbaguéIngenieríaIbaguéIngeniería ElectrónicaJ. Hernandez (private communication), 2023.P. I. Silva-da-Nóbrega, A. F. Chim-Miki, y M. Castillo-Palacio, «A Smart Campus Framework: Challenges and Opportunities for Education Based on the Sustainable Development Goals», Sustainability, vol. 14, n.o 15, p. 9640, ene. 2022, doi: 10.3390/su14159640.M. Ramírez, «Transformación digital en las Universidades: Proceso en épocas de COVID 19», pp. 593-602, 2021.C. A. Ramonda y B. Zarazaga, «Códigos QR y su aplicación en entornos colaborativos para bibliotecas», Simp. Argent. Tecnol. Soc., pp. 96-109, 2014.J. Calderón y J. Suescún, «IMPLEMENTACIÓN DE UN SISTEMA DE INFORMACIÓN PARA LA GESTIÓN DE LOS CURSOS Y ACTIVIDADES DE EDUCACIÓN CONTINUA DE LOS PROGRAMAS ACADÉMICOS DE LA UNIVERSIDAD FRANCISCO DE PAULA SANTANDER DE LA CIUDAD DE CÚCUTA». Accedido: 9 de mayo de 2023. [En línea]. Disponible en: https://acofipapers.org/index.php/eiei/article/view/854/858S. Tiwari, An Introduction to QR Code Technology. 2016, p. 44. doi: 10.1109/ICIT.2016.021.Y. Chiang, P. Lin, R. Wang y Y. Chen. «Blind QR Code Steganographic Approach Based upon Error Correction Capability», KSII Trans. Internet Inf. Syst., vol. 7, n.o 10, pp. 2527 2543, oct. 2013, doi: 10.3837/tiis.2013.10.012.A. Atencio Zabala, L. A. Bettin Sequea, y A. Fernández García, «Desarrollo e implantación de un sistema de información con Olap para controlar el acceso de visitantes al campus de la Universidad Cooperativa de Colombia sede Montería», ene. 2021, Accedido: 9 de mayo de 2023. [En línea]. Disponible en: http://hdl.handle.net/20.500.12494/32763D. Muyldermans, «How does the virtual DOM compare to other DOM update mechanisms in JavaScript frameworks?».S. Cheng, «Research on Campus Card and Virtual Card Information System», en Proceeding of 2021 International Conference on Wireless Communications, Networking and Applications, Z. Qian, M. A. Jabbar, y X. Li, Eds., Singapore: Springer Nature Singapore, 2022, pp. 1167-1175.K. Yasa, P. Sukarata, G. Putra, I. Nugroho, y I. Astawa, «Secure Electronic Document with QR Code and RSA Digital Signature Algorithm»:, en Proceedings of the 4th International Conference on Applied Science and Technology on Engineering Science, Samarinda, Indonesia: SCITEPRESS - Science and Technology Publications, 2021, pp. 1370-1375. doi: 10.5220/0010965600003260.S. Bensona, F. H. Prasetya, y B. Harnadi, «Implementation Of Qr-Code Based Point Of Sales Application For Retail Store», J. Bus. Technol., vol. 2, n.o 2, pp. 64-71, ago. 2022, doi: 10.24167/jbt.v2i2.4395.S. R. M. Mary y E. K.Rosemary, «Data Security Through Qr Code Encryption And Steganography», Adv. Comput. Int. J., vol. 7, n.o 1/2, pp. 1-7, mar. 2016, doi: 10.5121/acij.2016.7201.J. Li, L. Chen, y Xie, «The Construction and Application of University Virtual Campus Card under the Background of Internet», presentado en IEEE/ACIS 18th International Conference on Computer and Information Science (ICIS), Beijing, China, 2019, pp. 557 561. doi: 10.1109/ICIS46139.2019.8940296.D. Fortunato y J. Bernardino, «Progressive web apps: An alternative to the native mobile Apps», presentado en 13th Iberian Conference on Information Systems and Technologies (CISTI), Caceres, Spain, 2018, pp. 1-6. doi: 10.23919/CISTI.2018.8399228.V. S. Magomadov, «Exploring the role of progressive web applications in modern web development», J. Phys. Conf. Ser., vol. 1679, n.o 2, p. 022043, nov. 2020, doi: 10.1088/1742-6596/1679/2/022043.info:eu-repo/semantics/openAccesshttp://purl.org/coar/access_right/c_abf2Atribución-NoComercial-SinDerivadas 4.0 Internacional (CC BY-NC-ND 4.0)https://creativecommons.org/licenses/by-nc-nd/4.0/Universidad de Ibagué - Carnet virtualPWAPHPVueAplicación webPWAPHPVueWeb applicationDesarrollo de aplicación web progresiva que incorpora sistema de carnet virtual para la Universidad de IbaguéTrabajo de grado - Pregradohttp://purl.org/coar/resource_type/c_7a1fOtherinfo:eu-repo/semantics/bachelorThesishttp://purl.org/redcol/resource_type/TPinfo:eu-repo/semantics/acceptedVersionPublicationORIGINALTrabajo de grado.pdfTrabajo de grado.pdfapplication/pdf1798338https://repositorio.unibague.edu.co/bitstreams/d4023cf9-58d3-476f-93b4-006593c17532/downloada48863f21e28a41d9359ef136439461eMD51Formato de autorización.pdfFormato de autorización.pdfapplication/pdf2115205https://repositorio.unibague.edu.co/bitstreams/e3dd8a4b-6ede-4002-a46b-a54730d49190/downloadb4431efa4cfbd08087e14712a9be4bebMD53LICENSElicense.txtlicense.txttext/plain; charset=utf-8134https://repositorio.unibague.edu.co/bitstreams/31530dba-8165-4401-94f4-cda846203990/download2fa3e590786b9c0f3ceba1b9656b7ac3MD52TEXTTrabajo de grado.pdf.txtTrabajo de grado.pdf.txtExtracted texttext/plain101717https://repositorio.unibague.edu.co/bitstreams/03bae042-b04b-4808-9ea3-ba5e94724a95/download32238304b1db73e1992bfbf2afe31cafMD54Formato de autorización.pdf.txtFormato de autorización.pdf.txtExtracted texttext/plain4https://repositorio.unibague.edu.co/bitstreams/5fb15e5d-7d50-4ea0-8491-bb630e4be21f/downloadff4c8ff01d544500ea4bfea43e6108c1MD56THUMBNAILTrabajo de grado.pdf.jpgTrabajo de grado.pdf.jpgGenerated Thumbnailimage/jpeg5885https://repositorio.unibague.edu.co/bitstreams/43efcfcc-7b8e-47a0-a901-47e7cf28b754/downloadea0ec491458562057019b1fc6e2ea89cMD55Formato de autorización.pdf.jpgFormato de autorización.pdf.jpgGenerated Thumbnailimage/jpeg16676https://repositorio.unibague.edu.co/bitstreams/1418f207-57fa-40c0-b62a-5fb3ccdbfa0a/download048bcafdefa59fa4040f10deaa066cb9MD5720.500.12313/4198oai:repositorio.unibague.edu.co:20.500.12313/41982024-05-07 03:01:23.856https://creativecommons.org/licenses/by-nc-nd/4.0/https://repositorio.unibague.edu.coRepositorio Institucional Universidad de Ibaguébdigital@metabiblioteca.comQ3JlYXRpdmUgQ29tbW9ucyBBdHRyaWJ1dGlvbi1Ob25Db21tZXJjaWFsLU5vRGVyaXZhdGl2ZXMgNC4wIEludGVybmF0aW9uYWwgTGljZW5zZQ0KaHR0cHM6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL2J5LW5jLW5kLzQuMC8= |