Desarrollo e implementación de una librería gráfica hecha en Angular basada en Vis Network

Rodríguez Vaca, Jonathan (2020). Desarrollo e implementación de una librería gráfica hecha en Angular basada en Vis Network. Proyecto Fin de Carrera / Trabajo Fin de Grado, E.T.S.I. de Sistemas Informáticos (UPM), Madrid.

Description

Title: Desarrollo e implementación de una librería gráfica hecha en Angular basada en Vis Network
Author/s:
  • Rodríguez Vaca, Jonathan
Contributor/s:
  • Alonso Villaverde, Santiago
Item Type: Final Project
Degree: Grado en Ingeniería del Software
Date: 2020
Subjects:
Freetext Keywords: Software código abierto; Librerías gráficas
Faculty: E.T.S.I. de Sistemas Informáticos (UPM)
Department: Sistemas Informáticos
Creative Commons Licenses: Recognition - No derivative works - Non commercial

Full text

[img] PDF - Users in campus UPM only - Requires a PDF viewer, such as GSview, Xpdf or Adobe Acrobat Reader
Download (4MB)
[img] Archive (ZIP) - Users in campus UPM only
Download (3MB)

Abstract

Este proyecto está enfocado en la implementación de una librería gráfica de código abierto para grafos, basada en Vis Network, para proyectos Angular. El objetivo principal de esta librería es ofrecer una experiencia de integración y desarrollo mejor a los desarrolladores, para lo que se añadirán métodos más específicos para simplificar el uso de Vis Network y se mejorará el mecanismo de actualización de datos para reducir los efectos colaterales en las actualizaciones de los distintos grafos que se generen. Dado que se requerirán posteriores actualizaciones, en el alcance del proyecto se encuentra implementar un sistema de integración y entrega continua. Además, como deseamos que la comunidad pueda contribuir en el mismo, se seguirán todas las recomendaciones de la licencia Apache 2.0. Esta librería cubrirá todo el ciclo de vida de un grafo, es decir su inicialización, pintado, actualización y destrucción. Para validar el funcionamiento, se implementará un caso de uso donde se usarán los principales métodos de la misma, sobre todo los de implementación propia que se incluirán para facilitar su uso, a su vez esta implementación nos servirá de expositor al mundo del funcionamiento de la misma. Así, el caso de uso incluirá distintas acciones como: añadir nodos; borrar nodos; añadir enlaces; borrar enlaces; cambiar el color de los nodos; cambiar el color de los enlaces. Finalmente, se organizará el flujo de trabajo siguiendo la metodología ágil SCRUM, se definirán sprints con un objetivo claro, y en cada entrega se validará que el objetivo se haya cumplido. Abstract: This project is focused on the implementation of an open source graphic library for graph, based on Vis Network, inside Angular projects. The main purpose of this library is offering a better integration and development experience to the developers, that way, it will add more specific methods to simplify the use of Vis Network. Also, it will improve the data updating system to reduce the collateral effects at the graphs updates. Since further updates will be required, the project scope includes the implementation of a continuous delivery and integration system. In addition, we wish that the community can contribute to the project, it will keep all Apache 2.0 license statements. This library will cover a whole graph life hook including: setup, render, update and destruction. To check the performance, it will implement a use case where it will use the main methods, overall the own implementation methods that will include to get easier its use, at the same time this implementation will be useful like a shelf to the world to show it. Our use case will include actions as: add nodes; delete nodes; add edges; delete edges; change nodes color; change edges color. Finally, the workflow will be organized according to agile methodology SCRUM, it will define sprints with a clear goal, so in every release we will check it.

More information

Item ID: 65117
DC Identifier: http://oa.upm.es/65117/
OAI Identifier: oai:oa.upm.es:65117
Deposited by: Biblioteca Universitaria Campus Sur
Deposited on: 29 Oct 2020 10:43
Last Modified: 29 Oct 2020 10:43
  • Logo InvestigaM (UPM)
  • Logo GEOUP4
  • Logo Open Access
  • Open Access
  • Logo Sherpa/Romeo
    Check whether the anglo-saxon journal in which you have published an article allows you to also publish it under open access.
  • Logo Dulcinea
    Check whether the spanish journal in which you have published an article allows you to also publish it under open access.
  • Logo de Recolecta
  • Logo del Observatorio I+D+i UPM
  • Logo de OpenCourseWare UPM