Collaborative, code-proximal dynamic software visualization within code editors
Collaborative, code-proximal dynamic software visualization within code editors
Software visualizations are usually realized as standalone and isolated tools that use embedded code viewers within the visualization. In the context of program comprehension, only few approaches integrate visualizations into code editors, such as integrated development environments. This is surprising since professional developers consider reading source code as one of the most important ways to understand software, therefore spend a lot of time with code editors. In this paper, we introduce the design and proof-of-concept implementation for a software visualization approach that can be embedded into code editors. Our contribution differs from related work in that we use dynamic analysis of a software system's runtime behavior. Additionally, we incorporate distributed tracing. This enables developers to understand how, for example, the currently handled source code behaves as a fully deployed, distributed software system. Our visualization approach enhances common remote pair programming tools and is collaboratively usable by employing shared code cities. As a result, user interactions are synchronized between code editor and visualization, as well as broadcasted to collaborators. To the best of our knowledge, this is the first approach that combines code editors with collaboratively usable code cities. Therefore, we conducted a user study to collect first-time feedback regarding the perceived usefulness and perceived usability of our approach. We additionally collected logging information to provide more data regarding time spent in code cities that are embedded in code editors. Seven teams with two students each participated in that study. The results show that the majority of participants find our approach useful and would employ it for their own use. We provide each participant's video recording, raw results, and all steps to reproduce our experiment as supplementary package. Furthermore, a live demo of our tool is available online.11https.//code.explorviz.dev We invite other researchers to extend our open-source software.22https://github.com/ExplorViz Video URL: https://youtu.be/3qZVSehnEug
dynamic analysis, integrated development environment, pair programming, program comprehension, software visualization
50-61
Krause-Glau, Alexander
36498fa9-9508-4ea5-8f83-5580c63e7900
Hasselbring, Wilhelm
ee89c5c9-a900-40b1-82c1-552268cd01bd
Krause-Glau, Alexander
36498fa9-9508-4ea5-8f83-5580c63e7900
Hasselbring, Wilhelm
ee89c5c9-a900-40b1-82c1-552268cd01bd
Krause-Glau, Alexander and Hasselbring, Wilhelm
(2023)
Collaborative, code-proximal dynamic software visualization within code editors.
In 2023 IEEE Working Conference on Software Visualization (VISSOFT).
IEEE.
.
(doi:10.1109/VISSOFT60811.2023.00016).
Record type:
Conference or Workshop Item
(Paper)
Abstract
Software visualizations are usually realized as standalone and isolated tools that use embedded code viewers within the visualization. In the context of program comprehension, only few approaches integrate visualizations into code editors, such as integrated development environments. This is surprising since professional developers consider reading source code as one of the most important ways to understand software, therefore spend a lot of time with code editors. In this paper, we introduce the design and proof-of-concept implementation for a software visualization approach that can be embedded into code editors. Our contribution differs from related work in that we use dynamic analysis of a software system's runtime behavior. Additionally, we incorporate distributed tracing. This enables developers to understand how, for example, the currently handled source code behaves as a fully deployed, distributed software system. Our visualization approach enhances common remote pair programming tools and is collaboratively usable by employing shared code cities. As a result, user interactions are synchronized between code editor and visualization, as well as broadcasted to collaborators. To the best of our knowledge, this is the first approach that combines code editors with collaboratively usable code cities. Therefore, we conducted a user study to collect first-time feedback regarding the perceived usefulness and perceived usability of our approach. We additionally collected logging information to provide more data regarding time spent in code cities that are embedded in code editors. Seven teams with two students each participated in that study. The results show that the majority of participants find our approach useful and would employ it for their own use. We provide each participant's video recording, raw results, and all steps to reproduce our experiment as supplementary package. Furthermore, a live demo of our tool is available online.11https.//code.explorviz.dev We invite other researchers to extend our open-source software.22https://github.com/ExplorViz Video URL: https://youtu.be/3qZVSehnEug
This record has no associated files available for download.
More information
e-pub ahead of print date: 18 December 2023
Venue - Dates:
2023 IEEE Working Conference on Software Visualization, VISSOFT 2023, , Bogota, Colombia, 2023-10-01 - 2023-10-02
Keywords:
dynamic analysis, integrated development environment, pair programming, program comprehension, software visualization
Identifiers
Local EPrints ID: 488776
URI: http://eprints.soton.ac.uk/id/eprint/488776
PURE UUID: 4c153490-28b3-42d9-88dc-6990f61c0c0f
Catalogue record
Date deposited: 05 Apr 2024 16:38
Last modified: 10 Apr 2024 02:15
Export record
Altmetrics
Contributors
Author:
Alexander Krause-Glau
Author:
Wilhelm Hasselbring
Download statistics
Downloads from ePrints over the past year. Other digital versions may also be available to download e.g. from the publisher's website.
View more statistics