Documenting interactive graphical designs

摘要

Examples of systems and methods for documenting an interactive graphical design address the need to document interactive graphical designs automatically and efficiently without requiring substantial manual time and effort. These examples are operable to automatically generate documentation based on data collected from an interaction session of a user with the interactive graphical design without any additional user input. The documentation is populated automatically with descriptive text and images of the interactive graphical design. Some examples also provide tools for editing the documentation. Examples of these tools include tools for removing portions of the documentation on the basis of events that occurred during the interaction session, and tools for customizing the content and appearance of the documentation. In addition, some examples are operable to update the documentation automatically to reflect modifications to the interactive graphical design.

主权项

1. A computer-implemented method, wherein each step is conducted using a processor and a memory, the method comprising:
during an interaction session of a user with an interactive graphical design, recording: (i) a sequence of document object model events occurring in the interaction session; (ii) a sequence of current variable values; and (iii) window size and adaptive view information, the recording resulting in a recorded sequence of document object model events and data; automatically generating a first set of images of the interactive graphical design by capturing images in the first set of images when triggered by respective ones of the events in the recorded sequence of document object model events, wherein each of the images in the first set of images represents a state of the interactive graphical design following a respective one of the document object model events; producing documentation for the interactive graphical design comprising an arrangement of descriptions of respective ones of the document object model events ordered according to the recorded event sequence and respective ones of the images from the first set; automatically creating a second set of images of a modified version of the interactive graphical design by applying the recorded sequence of document object model events and data to a rendering engine and without retrieving images from image buffers storing display versions of the interactive graphical design; and in the documentation for the interactive graphical design, automatically updating respective ones of the images from the first set with corresponding ones of the images from the second set to provide updated documentation.