Abstract

Data structure algorithms are of fundamental importance in teaching and software development, yet are difficult to understand. We propose a new approach for understanding, debugging and developing heap manipulating data structures.

The key technical idea of our work is to combine deep parametric abstraction techniques emerging from the area of static analysis with interactive abstraction manipulation. Our approach bridges program analysis with HCI and enables new capabilities not possible before: i) online automatic visualization of the data structure in a way which captures its essential operation, thus enabling powerful local reasoning, and ii) fine grained pen and touch gestures allowing for interactive control of the abstraction – at any point the developer can pause the program, graphically interact with the data, and continue program execution. These features address some of the most pressing challenges in developing data structures.

We implemented our approach in a Java-based system called FluiEdt and evaluated it with 27 developers. The results indicate that FluidEdt is more effective in helping developers find data structure errors than existing state of the art IDEs (e.g. Eclipse) or pure visualization based approaches.



Teaser-Picture


Accompanying Video


Published at

ACM Conference on Human Factors in Computing Systems (CHI), 2015

Project Links

Bibtex

@inproceedings{Ou:2015:ISD:2702123.2702319, author = {Ou, Jibin and Vechev, Martin and Hilliges, Otmar}, title = {An Interactive System for Data Structure Development}, booktitle = {ACM Conference on Human Factors in Computing Systems (CHI)}, series = {CHI '15}, year = {2015}, isbn = {978-1-4503-3145-6}, location = {Seoul, Republic of Korea}, pages = {3053--3062}, numpages = {10}, url = {http://doi.acm.org/10.1145/2702123.2702319}, doi = {10.1145/2702123.2702319}, acmid = {2702319}, publisher = {ACM}, address = {New York, NY, USA}, keywords = {debugging, program analysis, software development}, }