RT info:eu-repo/semantics/bachelorThesis
T1 Project Master: aplicación para la visualización, edición y mejora de diagramas Mermaid
A1 González Guerra, Diego
A2 Universidad de Valladolid. Escuela de Ingeniería Informática de Valladolid
K1 Mermaid
K1 Monaco
K1 TypeScript
AB En este documento se presenta una herramienta orientada a la visualización y edición dediagramas de flujo, como trabajo fin de grado. El propósito de esta herramienta es facilitar elseguimiento del desarrollo de proyectos y documentar de forma clara las decisiones tomadasa lo largo del ciclo de vida del mismo. Esta herramienta está especialmente pensada paraentornos colaborativos, donde la trazabilidad de las decisiones y la comprensión visual de losprocesos son elementos clave para la eficiencia y la transparencia.La aplicación incorpora dos funcionalidades principales. por un lado ofrece una interfazbasada en la vista de diagramas, permitiendo seleccionar el diagrama al que se quiere accederpara que posteriormente el usuario puede explorar el diagrama generado y completar las tareasasociadas a cada nodo, facilitando así el seguimiento del progreso y la trazabilidad de losprocesos representados. Por otro lado la aplicación incorpora un modo de edición dinámicoque permite al usuario generar diagramas utilizando Mermaid, el cual es un lenguaje de marcadoligero que facilita la generación automática de distintos tipos de diagrama.Este editordinámico se ha construido usando Monaco, el mismo editor utilizado en Visual Studio Code,que proporciona una experiencia avanzada de escritura con funcionalidades como resaltadode sintaxis, autocompletado y manejo eficiente del código.El proyecto ha sido desarrollado como una aplicación web de página única, utilizandoTypeScript como lenguaje de programación principal y el framework React para la construcciónde la interfaz de usuario. Se ha optado por una arquitectura de software que combinaelementos de metodologías ágiles,para adaptarse de forma rápida a los cambios de requisitospor parte del Product Owner y con un enfoque más clásico en cuanto al diseño del software,lo que ha permitido establecer una base sólida y mantenible para el sistema.Este trabajo ha sido desarrollado en colaboración con la empresa AVL Ibérica, en el marcode un proyecto que partía de una base inicial mínima, tanto a nivel funcional como estructural.A partir de esta base, se ha diseñado y construido una solución completa, incorporando nuevasfuncionalidades, refinando el diseño existente y aplicando buenas prácticas de Ingeniería delSoftware. Esta colaboración ha permitido aplicar los conocimientos adquiridos en el ámbitoacadémico a un entorno profesional real, integrando el trabajo en equipo, la comunicacióncon stakeholders y la entrega de valor continuo.
YR 2025
FD 2025
LK https://uvadoc.uva.es/handle/10324/79410
UL https://uvadoc.uva.es/handle/10324/79410
LA spa
NO Departamento de Informática (Arquitectura y Tecnología de Computadores, Ciencias de la Computación e Inteligencia Artificial, Lenguajes y Sistemas Informáticos)
DS UVaDOC
RD 30-nov-2025