research-article

Code bubbles: a working set-based interface for code understanding and maintenance

Authors:

Andrew Bragdon,

Robert Zeleznik,

Steven P. Reiss,

Suman Karumuri,

William Cheung,

Christopher Coleman,

Ferdi Adeputra,

Joseph J. LaViola, Jr.Authors Info & Claims

CHI '10: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

Pages 2503 - 2512

https://doi.org/10.1145/1753326.1753706

Published: 10 April 2010 Publication History

Abstract

Developers spend significant time reading and navigating code fragments spread across multiple locations. The file-based nature of contemporary IDEs makes it prohibitively difficult to create and maintain a simultaneous view of such fragments. We propose a novel user interface metaphor for code understanding based on collections of lightweight, editable fragments called bubbles, which form concurrently visible working sets. We present the results of a qualitative usability evaluation, and the results of a quantitative study which indicates Code Bubbles significantly improved code understanding time, while reducing navigation interactions over a widely-used IDE, for two controlled tasks.

Supplementary Material

JPG File (p2503.jpg)

Download
20.58 KB

MOV File (p2503.mov)

Download
41.02 MB

References

[1]

Erlikh, L. Leveraging Legacy System Dollars for E-Business. IT Pro, May/June (2000), 17--23.

Digital Library

[2]

Ko, A.J., Myers B, Coblenz, Aung H. An Exploratory Study of How Developers Seek, Relate, and Collect Relevant Information during Software Maintenance Tasks. IEEE TSE'06, 971--987.

Digital Library

[3]

Plumlee, M.D., Ware C. Zooming versus multiple window inter-faces: Cognitive costs of visual comparisons. ToCHI'06. p179--209.

Digital Library

[4]

Reiss, Steven. P. The Desert environment. TSM'99. p297--342.

Digital Library

[5]

Nackman, L.R. An overview of Montana. IBM Research '96.

[6]

Stockton R. Kramer, Nick. The Sheets hypercode editor. 1993.

[7]

Murphy, G. Kersten M, et al. How are Java software developers using the Eclipse IDE? IEEE Software 23, 2006, p76--83.

Digital Library

[8]

Robillard M. Coelho W et al. How effective developers investiage source code: An exploratory study. TSE'04, p 889--903.

Digital Library

[9]

Sherwood, Kaitlin Duck. Path exploration during code navigation. The University of British Columbia, 2008.

[10]

DeLine, R, Czerwinski M et al . Code Thumbnails: Using Spatial Memory to Navigate Source Code. VL/HCC'06, p11--18.

Digital Library

[11]

Coblenz M et al. JASPER: an Eclipse plug-in to facilitate software maintenance tasks. OOPSLA WETeX '06.

Digital Library

[12]

Singer, J Elves, R, and Storey. Navtracks: supporting navigation in software. ICPC'05, p173--175.

Digital Library

[13]

Kersten M and Murphy Gail C. Using task context to improve programmer productivity. SIGSOFT'06/FSE'14, 1--11.

Digital Library

[14]

DeLine, R, Czerwinski M et al. Easing program comprehension by sharing navigation data. VLHCC'05, p241--248.

Digital Library

[15]

Cubranic, D, Murphy, G C. Hipikat: recommending pertinant software development artifacts. ICSE'03.

Digital Library

[16]

Robillard, M.and Murphy Gail C. FEAT: a tool for locating, describing, and analyzing concerns in source code. ICSE'03. p822--823.

Digital Library

[17]

Robillard, M et al. ConcernMapper: simple view-based separation of scattered concerns. In OOPSLAWETex'05, p65--69.

Digital Library

[18]

Kersten, M and Murphy Gail C. Mylar: a degree-of-interest model for IDEs. AOSD '05, 159--168.

Digital Library

[19]

Wright, W, Schroh D, Proulx P, Skaburskis A, Cort B . The Sandbox for analysis: concepts and methods. CHI'06, p801--810.

Digital Library

[20]

Tan, D et al. WinCuts: manipulating arbitrary window regions for more effective use of screen space. CHI'04, p1525--1528.

Digital Library

[21]

Bly, S, Rosenber J.K. A comparison of tiled and overlapping windows. CHI'86, p101--106.

Digital Library

[22]

Henderson, D. et al. Rooms: the use of multiple virtual workspaces to reduce space contention in a window-based graphical UI. TOG'86.

Digital Library

[23]

Robertson, G. Horowitz E, Czerwinski M et al. Scalable Fabric: flexible task management. AVI'04, p 85--89.

Digital Library

[24]

Bragdon, A. Creating Simultaneous Views of Source Code in Contemporary IDEs using Tab Panes and MDI Child Windows: A Pilot Study. TR CS-09-09, Brown Univ. '09.

[25]

Bragdon, A. et al. GestureBar: improving the approachability of gesture-based interfaces. CHI'09, p2269--2278.

Digital Library

[26]

Watanabe, N. et al. Bubble clusters: an interface for manipulating spatial aggregation of graphical objects. UIST'07. p173--182.

Digital Library

Cited By

Boksem Mvan Binsbergen LBeckmann TChurch LHirschfeld RMerino M(2024)Bridging Incremental Programming and Complex Software Development EnvironmentsProceedings of the 3rd ACM SIGPLAN International Workshop on Programming Abstractions and Interactive Notations, Tools, and Environments10.1145/3689488.3689991(29-40)Online publication date: 18-Oct-2024
https://dl.acm.org/doi/10.1145/3689488.3689991
Beckmann TReppien JLincke JHirschfeld RBeckmann TChurch LHirschfeld RMerino M(2024)Supporting Construction of Domain-Specific Representations in Textual Source CodeProceedings of the 3rd ACM SIGPLAN International Workshop on Programming Abstractions and Interactive Notations, Tools, and Environments10.1145/3689488.3689990(17-28)Online publication date: 18-Oct-2024
https://dl.acm.org/doi/10.1145/3689488.3689990
Horvath AMacvean AMyers B(2024)Meta-Manager: A Tool for Collecting and Exploring Meta Information about CodeProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642676(1-17)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642676
Show More Cited By

Index Terms

Code bubbles: a working set-based interface for code understanding and maintenance
1. Human-centered computing
  1. Human computer interaction (HCI)
    1. Interaction paradigms
2. Software and its engineering
  1. Software notations and tools
    1. Context specific languages
      1. Window managers

Recommendations

A research demonstration of code bubbles
ICSE '10: Proceedings of the 32nd ACM/IEEE International Conference on Software Engineering - Volume 2

Today's integrated development environments (IDEs) are hampered by their dependence on files and file-based editing. We propose a novel user interface that is based on collections of lightweight editable fragments, called bubbles, which when grouped ...
Do bugs lead to unnaturalness of source code?
ESEC/FSE 2022: Proceedings of the 30th ACM Joint European Software Engineering Conference and Symposium on the Foundations of Software Engineering

Texts in natural languages are highly repetitive and predictable because of the naturalness of natural languages. Recent research validated that source code in programming languages is also repetitive and predictable, and naturalness is an inherent ...
Particle-based simulation of bubbles in water–solid interaction

In this paper, a particle-based multiphase method for creating realistic animations of bubbles in water–solid interaction is presented. To generate bubbles from gas dissolved in the water on the fly, we propose an approximate model for the creation of ...

Comments

Information & Contributors

Information

Published In

cover image ACM Conferences

CHI '10: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems

April 2010

2690 pages

ISBN:9781605589299

DOI:10.1145/1753326

General Chair:
Elizabeth Mynatt
Georgia Institute of Technology
,
Program Chairs:
Geraldine Fitzpatrick
Vienna University of Technology
,
Scott Hudson
Carnegie Mellon University
,
Keith Edwards
Georgia Tech
,
Tom Rodden
University of Nottingham

Copyright © 2010 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Sponsors

SIGCHI: ACM Special Interest Group on Computer-Human Interaction

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 10 April 2010

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

CHI '10

Sponsor:

SIGCHI

CHI '10: CHI Conference on Human Factors in Computing Systems

April 10 - 15, 2010

Georgia, Atlanta, USA

Acceptance Rates

Overall Acceptance Rate 6,199 of 26,314 submissions, 24%

Upcoming Conference

CHI 2025

Sponsor:
sigchi

ACM CHI Conference on Human Factors in Computing Systems

April 26 - May 1, 2025

Yokohama , Japan

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

133
Total Citations
View Citations
1,867
Total Downloads

Downloads (Last 12 months)92
Downloads (Last 6 weeks)9

Reflects downloads up to 09 Jan 2025

Other Metrics

View Author Metrics

Citations

Cited By

Boksem Mvan Binsbergen LBeckmann TChurch LHirschfeld RMerino M(2024)Bridging Incremental Programming and Complex Software Development EnvironmentsProceedings of the 3rd ACM SIGPLAN International Workshop on Programming Abstractions and Interactive Notations, Tools, and Environments10.1145/3689488.3689991(29-40)Online publication date: 18-Oct-2024
https://dl.acm.org/doi/10.1145/3689488.3689991
Beckmann TReppien JLincke JHirschfeld RBeckmann TChurch LHirschfeld RMerino M(2024)Supporting Construction of Domain-Specific Representations in Textual Source CodeProceedings of the 3rd ACM SIGPLAN International Workshop on Programming Abstractions and Interactive Notations, Tools, and Environments10.1145/3689488.3689990(17-28)Online publication date: 18-Oct-2024
https://dl.acm.org/doi/10.1145/3689488.3689990
Horvath AMacvean AMyers B(2024)Meta-Manager: A Tool for Collecting and Exploring Meta Information about CodeProceedings of the 2024 CHI Conference on Human Factors in Computing Systems10.1145/3613904.3642676(1-17)Online publication date: 11-May-2024
https://dl.acm.org/doi/10.1145/3613904.3642676
Beckmann T(2024)Text Editing, with Structure2024 IEEE Symposium on Visual Languages and Human-Centric Computing (VL/HCC)10.1109/VL/HCC60511.2024.00055(1-2)Online publication date: 2-Sep-2024
https://doi.org/10.1109/VL/HCC60511.2024.00055
Heidrich DSchreiber A(2024)User-centered Software Visualization Design for Professional Developers2024 IEEE Working Conference on Software Visualization (VISSOFT)10.1109/VISSOFT64034.2024.00019(96-100)Online publication date: 6-Oct-2024
https://doi.org/10.1109/VISSOFT64034.2024.00019
Kim KGhatpande SKim DZhou XLiu KBissyandé TKlein JLe Traon Y(2023)Big Code Search: A BibliographyACM Computing Surveys10.1145/360490556:1(1-49)Online publication date: 26-Aug-2023
https://dl.acm.org/doi/10.1145/3604905
Horvath AMacvean AMyers B(2023)Support for Long-Form Documentation Authoring and Maintenance2023 IEEE Symposium on Visual Languages and Human-Centric Computing (VL/HCC)10.1109/VL-HCC57772.2023.00020(109-114)Online publication date: 3-Oct-2023
https://doi.org/10.1109/VL-HCC57772.2023.00020
Kreber LDiehl S(2023)A Comparative Evaluation of Tabs and Linked Panels for Program Understanding in Augmented Reality2023 IEEE International Symposium on Mixed and Augmented Reality (ISMAR)10.1109/ISMAR59233.2023.00017(29-38)Online publication date: 16-Oct-2023
https://doi.org/10.1109/ISMAR59233.2023.00017
Yoo JMurphy G(2023)Breaking the Bento Box: Accelerating Visual Momentum in Data-flow Analysis2023 IEEE International Conference on Software Maintenance and Evolution (ICSME)10.1109/ICSME58846.2023.00038(306-316)Online publication date: 1-Oct-2023
https://doi.org/10.1109/ICSME58846.2023.00038
Rahman MMondal DCodabux ZRoy C(2023)Integrating Visual Aids to Enhance the Code Reviewer Selection Process2023 IEEE International Conference on Software Maintenance and Evolution (ICSME)10.1109/ICSME58846.2023.00037(293-305)Online publication date: 1-Oct-2023
https://doi.org/10.1109/ICSME58846.2023.00037
Show More Cited By

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Media

Figures

Other

Tables

View Table of Contents