Abstract | ||
---|---|---|
Developing interactive systems often involves a large set of callback functions for handling user interaction, which makes it challenging to manage UI behaviors, create descriptive documentation, and track code revisions. We developed Doppio, a tool that automatically tracks and visualizes UI flows and their changes based on source code. For each input event listener of a widget, e.g., onClick of an Android View class, Doppio captures and associates its UI output from a program execution with its code snippet from the codebase. It automatically generates a screenflow diagram organized by the callback methods and interaction flow, where developers can review the code and UI revisions interactively. Doppio, as an IDE plugin, is seamlessly integrated into a common development workflow. Our studies show that our tool is able to generate quality visual documentation and helped participants understand unfamiliar source code and track changes.
|
Year | DOI | Venue |
---|---|---|
2018 | 10.1145/3173574.3174029 | CHI |
Keywords | Field | DocType |
Software documentation, IDEs, screenflow diagram, Android, mobile apps, screencast videos, demonstrations | Codebase,Android (operating system),Source code,Computer science,Software documentation,Event (computing),Callback,Human–computer interaction,Plug-in,Snippet | Conference |
ISBN | Citations | PageRank |
978-1-4503-5620-6 | 2 | 0.39 |
References | Authors | |
45 | 3 |
Name | Order | Citations | PageRank |
---|---|---|---|
Pei-yu (Peggy) Chi | 1 | 63 | 3.87 |
Sen-Po Hu | 2 | 2 | 0.39 |
Yang Li | 3 | 1158 | 77.82 |