Back to Search
Start Over
Evaluating a Visual Approach for Understanding JavaScript Source Code
- Source :
- ICPC
- Publication Year :
- 2020
- Publisher :
- ACM, 2020.
-
Abstract
- To characterize the building blocks of a legacy software system (e.g., structure, dependencies), programmers usually spend a long time navigating its source code. Yet, modern integrated development environments (IDEs) do not provide appropriate means to efficiently achieve complex software comprehension tasks. To deal with this unfulfilled need, we present Hunter, a tool for the visualization of JavaScript applications. Hunter visualizes source code through a set of coordinated views that include a node-link diagram that depicts the dependencies among the components of a system, and a treemap that helps programmers to orientate when navigating its structure. In this paper, we report on a controlled experiment that evaluates Hunter. We asked 16 participants to solve a set of software comprehension tasks, and assessed their effectiveness in terms of (i) user performance (i.e., completion time, accuracy, and attention), and (ii) user experience (i.e., emotions, usability). We found that when using Hunter programmers required significantly less time to complete various software comprehension tasks and achieved a significantly higher accuracy. We also found that the node-link diagram panel of Hunter gets most of the attention of programmers, whereas the source code panel does so in Visual Studio Code. Moreover, programmers considered that Hunter exhibits a good user experience.
- Subjects :
- Software visualization
Source code
Computer science
business.industry
media_common.quotation_subject
Legacy system
020207 software engineering
Usability
02 engineering and technology
JavaScript
Microsoft Visual Studio
Visualization
User experience design
Human–computer interaction
0202 electrical engineering, electronic engineering, information engineering
020201 artificial intelligence & image processing
business
computer
computer.programming_language
media_common
Subjects
Details
- Database :
- OpenAIRE
- Journal :
- Proceedings of the 28th International Conference on Program Comprehension
- Accession number :
- edsair.doi...........afeb166100a9d45a2cd884ce6bedb375