Desarrollo de la interfaz de usuario para la aplicación web “Mapa de Crecimiento”
RESUMEN : La compañía PRAGMA S.A. requiere de una aplicación web que le permita a los líderes de las diferentes áreas de conocimiento gestionar los equipos de desarrollo y conocer información detallada de cada uno de los “pragmáticos” (empleados de la compañía), por tanto, en este proyecto se lleva...
- Autores:
-
Jaramillo Obando, Mateo
- Tipo de recurso:
- Trabajo de grado de pregrado
- Fecha de publicación:
- 2023
- Institución:
- Universidad de Antioquia
- Repositorio:
- Repositorio UdeA
- Idioma:
- spa
- OAI Identifier:
- oai:bibliotecadigital.udea.edu.co:10495/33468
- Acceso en línea:
- https://hdl.handle.net/10495/33468
- Palabra clave:
- Programación informática
Computer programming
Ingeniería de software
Programas para computador
Desarrollo de páginas web
Frontend
Javascript
http://vocabularies.unesco.org/thesaurus/concept521
- Rights
- openAccess
- License
- https://creativecommons.org/licenses/by-nc-sa/4.0/
| id |
UDEA2_f50967a2cc37e2d4fb6f399d364b4301 |
|---|---|
| oai_identifier_str |
oai:bibliotecadigital.udea.edu.co:10495/33468 |
| network_acronym_str |
UDEA2 |
| network_name_str |
Repositorio UdeA |
| repository_id_str |
|
| dc.title.spa.fl_str_mv |
Desarrollo de la interfaz de usuario para la aplicación web “Mapa de Crecimiento” |
| title |
Desarrollo de la interfaz de usuario para la aplicación web “Mapa de Crecimiento” |
| spellingShingle |
Desarrollo de la interfaz de usuario para la aplicación web “Mapa de Crecimiento” Programación informática Computer programming Ingeniería de software Programas para computador Desarrollo de páginas web Frontend Javascript http://vocabularies.unesco.org/thesaurus/concept521 |
| title_short |
Desarrollo de la interfaz de usuario para la aplicación web “Mapa de Crecimiento” |
| title_full |
Desarrollo de la interfaz de usuario para la aplicación web “Mapa de Crecimiento” |
| title_fullStr |
Desarrollo de la interfaz de usuario para la aplicación web “Mapa de Crecimiento” |
| title_full_unstemmed |
Desarrollo de la interfaz de usuario para la aplicación web “Mapa de Crecimiento” |
| title_sort |
Desarrollo de la interfaz de usuario para la aplicación web “Mapa de Crecimiento” |
| dc.creator.fl_str_mv |
Jaramillo Obando, Mateo |
| dc.contributor.advisor.none.fl_str_mv |
García Arias, Hernán Felipe |
| dc.contributor.author.none.fl_str_mv |
Jaramillo Obando, Mateo |
| dc.subject.unesco.none.fl_str_mv |
Programación informática Computer programming |
| topic |
Programación informática Computer programming Ingeniería de software Programas para computador Desarrollo de páginas web Frontend Javascript http://vocabularies.unesco.org/thesaurus/concept521 |
| dc.subject.lemb.none.fl_str_mv |
Ingeniería de software Programas para computador Desarrollo de páginas web |
| dc.subject.proposal.spa.fl_str_mv |
Frontend Javascript |
| dc.subject.unescouri.none.fl_str_mv |
http://vocabularies.unesco.org/thesaurus/concept521 |
| description |
RESUMEN : La compañía PRAGMA S.A. requiere de una aplicación web que le permita a los líderes de las diferentes áreas de conocimiento gestionar los equipos de desarrollo y conocer información detallada de cada uno de los “pragmáticos” (empleados de la compañía), por tanto, en este proyecto se lleva a cabo el desarrollo de la interfaz de usuario o frontend de la aplicación web “Mapa de Crecimiento”. Dicha aplicación tiene como objetivo proporcionar a los líderes las herramientas necesarias para llevar a cabo las labores anteriormente mencionadas y permitirle a los pragmáticos conocer la ruta de aprendizaje que deben seguir para su proceso de crecimiento. El desarrollo de la interfaz de usuario se realizó siguiendo el marco de trabajo Scrum, aplicando los conceptos de las buenas prácticas en el desarrollo bajo las tecnologías de desarrollo web frontend HTML, CSS y Javascript sobre el popular framework soportado por Google llamado Angular. Al seguir esta metodología, se obtuvo una interfaz de usuario modular, escalable y mantenible, para la aplicación web "Mapa de Crecimiento", la cual fue integrada con el backend para proporcionarle la lógica necesaria a la aplicación, permitiendo a los líderes de las diferentes áreas de conocimiento acceder a un panel de control donde podrán visualizar información unificada, resumida y detallada de la evolución que han tenido los pragmáticos en cuanto a sus habilidades técnicas y blandas dentro de un área de conocimiento específica, posibilitando agrupar esta información en base a diferentes aspectos tales como evolución en ciertos periodos de tiempo, niveles técnicos, especialidades, entre otros; los líderes también podrán llevar a cabo el proceso de valoración de los pragmáticos con el fin de identificar sus fortalezas, sus brechas, y cómo se encuentran ubicados en base a sus habilidades técnicas para así proporcionarles a éstos una ruta de aprendizaje detallada que les indique el camino a seguir para continuar con su proceso de crecimiento. |
| publishDate |
2023 |
| dc.date.accessioned.none.fl_str_mv |
2023-02-13T18:33:51Z |
| dc.date.available.none.fl_str_mv |
2023-02-13T18:33:51Z |
| dc.date.issued.none.fl_str_mv |
2023 |
| dc.type.spa.fl_str_mv |
Tesis/Trabajo de grado - Monografía - Pregrado |
| dc.type.coar.spa.fl_str_mv |
http://purl.org/coar/resource_type/c_7a1f |
| dc.type.redcol.spa.fl_str_mv |
https://purl.org/redcol/resource_type/TP |
| dc.type.coarversion.spa.fl_str_mv |
http://purl.org/coar/version/c_b1a7d7d4d402bcce |
| dc.type.driver.spa.fl_str_mv |
info:eu-repo/semantics/bachelorThesis |
| dc.type.version.spa.fl_str_mv |
info:eu-repo/semantics/draft |
| format |
http://purl.org/coar/resource_type/c_7a1f |
| status_str |
draft |
| dc.identifier.uri.none.fl_str_mv |
https://hdl.handle.net/10495/33468 |
| url |
https://hdl.handle.net/10495/33468 |
| dc.language.iso.spa.fl_str_mv |
spa |
| language |
spa |
| dc.rights.uri.spa.fl_str_mv |
https://creativecommons.org/licenses/by-nc-sa/4.0/ |
| dc.rights.uri.*.fl_str_mv |
http://creativecommons.org/licenses/by-nc-nd/2.5/co/ |
| dc.rights.accessrights.spa.fl_str_mv |
info:eu-repo/semantics/openAccess |
| dc.rights.coar.spa.fl_str_mv |
http://purl.org/coar/access_right/c_abf2 |
| rights_invalid_str_mv |
https://creativecommons.org/licenses/by-nc-sa/4.0/ http://creativecommons.org/licenses/by-nc-nd/2.5/co/ http://purl.org/coar/access_right/c_abf2 |
| eu_rights_str_mv |
openAccess |
| dc.format.extent.spa.fl_str_mv |
74 |
| dc.format.mimetype.spa.fl_str_mv |
application/pdf |
| dc.publisher.spa.fl_str_mv |
Universidad de Antioquia |
| dc.publisher.place.spa.fl_str_mv |
Medellín - Colombia |
| dc.publisher.faculty.spa.fl_str_mv |
Facultad de Ingeniería. Ingeniería Electrónica |
| institution |
Universidad de Antioquia |
| bitstream.url.fl_str_mv |
https://bibliotecadigital.udea.edu.co/bitstreams/c3ebd858-65c8-4147-b8ac-5c2aa94a0dcc/download https://bibliotecadigital.udea.edu.co/bitstreams/1dbbdf6c-8a50-48cb-9375-55f37c0a21b6/download https://bibliotecadigital.udea.edu.co/bitstreams/dfc401ec-8fcc-4184-b8e0-fd5305954054/download https://bibliotecadigital.udea.edu.co/bitstreams/47d6f25d-c7e1-402c-bc48-89581f417688/download https://bibliotecadigital.udea.edu.co/bitstreams/cca9ecf4-8f1b-4fb4-abe0-ac7e162e3881/download |
| bitstream.checksum.fl_str_mv |
bc384277eeec65f07f71568bde638f6a b88b088d9957e670ce3b3fbe2eedbc13 8a4605be74aa9ea9d79846c1fba20a33 a89e800b2ebbb3afab5a2e01441feb4f 2c90a1058c4c50ed7bc008355790c171 |
| bitstream.checksumAlgorithm.fl_str_mv |
MD5 MD5 MD5 MD5 MD5 |
| repository.name.fl_str_mv |
Repositorio Institucional de la Universidad de Antioquia |
| repository.mail.fl_str_mv |
aplicacionbibliotecadigitalbiblioteca@udea.edu.co |
| _version_ |
1851052624942465024 |
| spelling |
García Arias, Hernán FelipeJaramillo Obando, Mateo2023-02-13T18:33:51Z2023-02-13T18:33:51Z2023https://hdl.handle.net/10495/33468RESUMEN : La compañía PRAGMA S.A. requiere de una aplicación web que le permita a los líderes de las diferentes áreas de conocimiento gestionar los equipos de desarrollo y conocer información detallada de cada uno de los “pragmáticos” (empleados de la compañía), por tanto, en este proyecto se lleva a cabo el desarrollo de la interfaz de usuario o frontend de la aplicación web “Mapa de Crecimiento”. Dicha aplicación tiene como objetivo proporcionar a los líderes las herramientas necesarias para llevar a cabo las labores anteriormente mencionadas y permitirle a los pragmáticos conocer la ruta de aprendizaje que deben seguir para su proceso de crecimiento. El desarrollo de la interfaz de usuario se realizó siguiendo el marco de trabajo Scrum, aplicando los conceptos de las buenas prácticas en el desarrollo bajo las tecnologías de desarrollo web frontend HTML, CSS y Javascript sobre el popular framework soportado por Google llamado Angular. Al seguir esta metodología, se obtuvo una interfaz de usuario modular, escalable y mantenible, para la aplicación web "Mapa de Crecimiento", la cual fue integrada con el backend para proporcionarle la lógica necesaria a la aplicación, permitiendo a los líderes de las diferentes áreas de conocimiento acceder a un panel de control donde podrán visualizar información unificada, resumida y detallada de la evolución que han tenido los pragmáticos en cuanto a sus habilidades técnicas y blandas dentro de un área de conocimiento específica, posibilitando agrupar esta información en base a diferentes aspectos tales como evolución en ciertos periodos de tiempo, niveles técnicos, especialidades, entre otros; los líderes también podrán llevar a cabo el proceso de valoración de los pragmáticos con el fin de identificar sus fortalezas, sus brechas, y cómo se encuentran ubicados en base a sus habilidades técnicas para así proporcionarles a éstos una ruta de aprendizaje detallada que les indique el camino a seguir para continuar con su proceso de crecimiento.ABSTRACT : The company PRAGMA S.A. needs a web application that allows the leaders of the different knowledge areas to manage the development teams and get detailed information about each of the “pragmáticos” (company employees), therefore, the development of the user interface of the web application “Mapa de Crecimiento” is carried out in this project. This application aims to provide leaders with necessary tools to carry out the aforementioned tasks and allow pragmáticos to know the learning path they must follow for their growth process. The development of the user interface was carried out following the Scrum framework, applying the concepts of good development practices under the frontend web development technologies HTML, CSS and Javascript on the popular framework supported by Google called Angular. By following this methodology, a modular, scalable and maintainable user interface was obtained for the “Mapa de Crecimiento” web application, which was integrated with the backend to provide the necessary logic to the information displayed, allowing the leaders of the different areas of knowledge to access a control panel where they can view unified, summarized and detailed information on the evolution that pragmáticos have had in terms of their technical and soft skills, making possible to group this information based on different aspects such as evolution in certain periods of time, technical levels, specialties, among others; leaders will also be able to carry out the pragmático assessment process to identify their strengths, weaknesses, and where they stand based on their technical skills in order to give them a detailed learning path that indicates the way to follow to continue with its growth process.PregradoIngeniero Electrónico74application/pdfspaUniversidad de AntioquiaMedellín - ColombiaFacultad de Ingeniería. Ingeniería Electrónicahttps://creativecommons.org/licenses/by-nc-sa/4.0/http://creativecommons.org/licenses/by-nc-nd/2.5/co/info:eu-repo/semantics/openAccesshttp://purl.org/coar/access_right/c_abf2Desarrollo de la interfaz de usuario para la aplicación web “Mapa de Crecimiento”Tesis/Trabajo de grado - Monografía - Pregradohttp://purl.org/coar/resource_type/c_7a1fhttps://purl.org/redcol/resource_type/TPhttp://purl.org/coar/version/c_b1a7d7d4d402bcceinfo:eu-repo/semantics/bachelorThesisinfo:eu-repo/semantics/draftProgramación informáticaComputer programmingIngeniería de softwareProgramas para computadorDesarrollo de páginas webFrontendJavascripthttp://vocabularies.unesco.org/thesaurus/concept521PublicationORIGINALJaramilloMateo_2023_DesarrolloInterfazUsuario.pdfJaramilloMateo_2023_DesarrolloInterfazUsuario.pdfTrabajo de grado de pregradoapplication/pdf5896415https://bibliotecadigital.udea.edu.co/bitstreams/c3ebd858-65c8-4147-b8ac-5c2aa94a0dcc/downloadbc384277eeec65f07f71568bde638f6aMD51trueAnonymousREADCC-LICENSElicense_rdflicense_rdfapplication/rdf+xml; charset=utf-8823https://bibliotecadigital.udea.edu.co/bitstreams/1dbbdf6c-8a50-48cb-9375-55f37c0a21b6/downloadb88b088d9957e670ce3b3fbe2eedbc13MD53falseAnonymousREADLICENSElicense.txtlicense.txttext/plain; charset=utf-81748https://bibliotecadigital.udea.edu.co/bitstreams/dfc401ec-8fcc-4184-b8e0-fd5305954054/download8a4605be74aa9ea9d79846c1fba20a33MD54falseAnonymousREADTEXTJaramilloMateo_2023_DesarrolloInterfazUsuario.pdf.txtJaramilloMateo_2023_DesarrolloInterfazUsuario.pdf.txtExtracted texttext/plain70790https://bibliotecadigital.udea.edu.co/bitstreams/47d6f25d-c7e1-402c-bc48-89581f417688/downloada89e800b2ebbb3afab5a2e01441feb4fMD55falseAnonymousREADTHUMBNAILJaramilloMateo_2023_DesarrolloInterfazUsuario.pdf.jpgJaramilloMateo_2023_DesarrolloInterfazUsuario.pdf.jpgGenerated Thumbnailimage/jpeg5752https://bibliotecadigital.udea.edu.co/bitstreams/cca9ecf4-8f1b-4fb4-abe0-ac7e162e3881/download2c90a1058c4c50ed7bc008355790c171MD56falseAnonymousREAD10495/33468oai:bibliotecadigital.udea.edu.co:10495/334682025-03-27 01:14:35.053https://creativecommons.org/licenses/by-nc-sa/4.0/open.accesshttps://bibliotecadigital.udea.edu.coRepositorio Institucional de la Universidad de Antioquiaaplicacionbibliotecadigitalbiblioteca@udea.edu.coTk9URTogUExBQ0UgWU9VUiBPV04gTElDRU5TRSBIRVJFClRoaXMgc2FtcGxlIGxpY2Vuc2UgaXMgcHJvdmlkZWQgZm9yIGluZm9ybWF0aW9uYWwgcHVycG9zZXMgb25seS4KCk5PTi1FWENMVVNJVkUgRElTVFJJQlVUSU9OIExJQ0VOU0UKCkJ5IHNpZ25pbmcgYW5kIHN1Ym1pdHRpbmcgdGhpcyBsaWNlbnNlLCB5b3UgKHRoZSBhdXRob3Iocykgb3IgY29weXJpZ2h0Cm93bmVyKSBncmFudHMgdG8gRFNwYWNlIFVuaXZlcnNpdHkgKERTVSkgdGhlIG5vbi1leGNsdXNpdmUgcmlnaHQgdG8gcmVwcm9kdWNlLAp0cmFuc2xhdGUgKGFzIGRlZmluZWQgYmVsb3cpLCBhbmQvb3IgZGlzdHJpYnV0ZSB5b3VyIHN1Ym1pc3Npb24gKGluY2x1ZGluZwp0aGUgYWJzdHJhY3QpIHdvcmxkd2lkZSBpbiBwcmludCBhbmQgZWxlY3Ryb25pYyBmb3JtYXQgYW5kIGluIGFueSBtZWRpdW0sCmluY2x1ZGluZyBidXQgbm90IGxpbWl0ZWQgdG8gYXVkaW8gb3IgdmlkZW8uCgpZb3UgYWdyZWUgdGhhdCBEU1UgbWF5LCB3aXRob3V0IGNoYW5naW5nIHRoZSBjb250ZW50LCB0cmFuc2xhdGUgdGhlCnN1Ym1pc3Npb24gdG8gYW55IG1lZGl1bSBvciBmb3JtYXQgZm9yIHRoZSBwdXJwb3NlIG9mIHByZXNlcnZhdGlvbi4KCllvdSBhbHNvIGFncmVlIHRoYXQgRFNVIG1heSBrZWVwIG1vcmUgdGhhbiBvbmUgY29weSBvZiB0aGlzIHN1Ym1pc3Npb24gZm9yCnB1cnBvc2VzIG9mIHNlY3VyaXR5LCBiYWNrLXVwIGFuZCBwcmVzZXJ2YXRpb24uCgpZb3UgcmVwcmVzZW50IHRoYXQgdGhlIHN1Ym1pc3Npb24gaXMgeW91ciBvcmlnaW5hbCB3b3JrLCBhbmQgdGhhdCB5b3UgaGF2ZQp0aGUgcmlnaHQgdG8gZ3JhbnQgdGhlIHJpZ2h0cyBjb250YWluZWQgaW4gdGhpcyBsaWNlbnNlLiBZb3UgYWxzbyByZXByZXNlbnQKdGhhdCB5b3VyIHN1Ym1pc3Npb24gZG9lcyBub3QsIHRvIHRoZSBiZXN0IG9mIHlvdXIga25vd2xlZGdlLCBpbmZyaW5nZSB1cG9uCmFueW9uZSdzIGNvcHlyaWdodC4KCklmIHRoZSBzdWJtaXNzaW9uIGNvbnRhaW5zIG1hdGVyaWFsIGZvciB3aGljaCB5b3UgZG8gbm90IGhvbGQgY29weXJpZ2h0LAp5b3UgcmVwcmVzZW50IHRoYXQgeW91IGhhdmUgb2J0YWluZWQgdGhlIHVucmVzdHJpY3RlZCBwZXJtaXNzaW9uIG9mIHRoZQpjb3B5cmlnaHQgb3duZXIgdG8gZ3JhbnQgRFNVIHRoZSByaWdodHMgcmVxdWlyZWQgYnkgdGhpcyBsaWNlbnNlLCBhbmQgdGhhdApzdWNoIHRoaXJkLXBhcnR5IG93bmVkIG1hdGVyaWFsIGlzIGNsZWFybHkgaWRlbnRpZmllZCBhbmQgYWNrbm93bGVkZ2VkCndpdGhpbiB0aGUgdGV4dCBvciBjb250ZW50IG9mIHRoZSBzdWJtaXNzaW9uLgoKSUYgVEhFIFNVQk1JU1NJT04gSVMgQkFTRUQgVVBPTiBXT1JLIFRIQVQgSEFTIEJFRU4gU1BPTlNPUkVEIE9SIFNVUFBPUlRFRApCWSBBTiBBR0VOQ1kgT1IgT1JHQU5JWkFUSU9OIE9USEVSIFRIQU4gRFNVLCBZT1UgUkVQUkVTRU5UIFRIQVQgWU9VIEhBVkUKRlVMRklMTEVEIEFOWSBSSUdIVCBPRiBSRVZJRVcgT1IgT1RIRVIgT0JMSUdBVElPTlMgUkVRVUlSRUQgQlkgU1VDSApDT05UUkFDVCBPUiBBR1JFRU1FTlQuCgpEU1Ugd2lsbCBjbGVhcmx5IGlkZW50aWZ5IHlvdXIgbmFtZShzKSBhcyB0aGUgYXV0aG9yKHMpIG9yIG93bmVyKHMpIG9mIHRoZQpzdWJtaXNzaW9uLCBhbmQgd2lsbCBub3QgbWFrZSBhbnkgYWx0ZXJhdGlvbiwgb3RoZXIgdGhhbiBhcyBhbGxvd2VkIGJ5IHRoaXMKbGljZW5zZSwgdG8geW91ciBzdWJtaXNzaW9uLgo= |