Die Arbeitsgruppe zieht um!

Wir wechseln im Wintersemester 2021/22 an die Universität Bamberg. Ab 15. Oktober 2021 übernimmt Fabian Beck den dortigen Lehrstuhl für Informationsvisualisierung.

Neue Webseite der Arbeitsgruppe: https://www.uni-bamberg.de/vis

Publikationen

Publikationen der Arbeitsgruppe, die seit 2016 erschienen sind. Frühere Publikationen von Fabian Beck sind auf Google Scholar oder DBLP zu finden.

Visually Analyzing the Structure and Code Quality of Component-based Web Applications

Art der Publikation: Beitrag in Sammelwerk

Visually Analyzing the Structure and Code Quality of Component-based Web Applications

Autor(en):
Tarner, Hagen; Bongard, Daniel Van Den; Beck, Fabian
Titel des Sammelbands:
VISSOFT 2021 - NIER/TD Track (Preprint)
Veröffentlichung:
2021
Volltext:
Visually Analyzing the Structure and Code Quality of Component-based Web Applications (334 KB)
Zitation:
Download BibTeX

Kurzfassung

Monitoring code quality and dependencies is an important task to keep software maintainable. While generally well researched, only little work on visually analyzing code quality of component-based front-end web applications exists that considers the specifics of such software systems. We propose an approach to visualize dependencies and code quality metrics of component-based JavaScript React applications. Our prototype implementation uses a node-link diagram for dependency visualization, tailored to the specific component structure of React applications and enriched with various visual cues. It is linked with different panels to show code quality and exact source code locations. Recommendations on how the quality of the system under analysis can be improved and refactored are provided. We evaluated our prototype in a small user study with four participants and found that it helped in program comprehension tasks and finding refactoring opportunities.