Enhancing Cross-Device Interaction Scripting with Interactive Illustrations
Explore how DemoScript assists developers in programming cross-device interactions by automatically analyzing and visualizing scripted behavior through real-time storyboards. Improve development efficiency and testing processes with this innovative technique.
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author. If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
You are allowed to download the files provided on this website for personal or commercial use, subject to the condition that they are used lawfully. All files are the property of their respective owners.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.
E N D
Presentation Transcript
ENHANCING CROSS-DEVICE INTERACTION SCRIPTING WITH INTERACTIVE ILLUSTRATIONS PEI-YU (PEGGY) CHI,, YANG LI1, BJ RN HARTMANN Summary By-Fardina Fathmiul Alam SWE 795, Spring 2017 1
ENHANCING CROSS-DEVICE INTERACTION SCRIPTING WITH INTERACTIVE ILLUSTRATIONS Motivation Programming cross-device interactions can be challenging to programmers as it involve input and output on multiple computing devices. It can be complex to express interaction flows that span multiple devices. Testing cross-device interactions is also difficult. Key Idea DemoScript is a novel technique that assists developers in programming cross-device interactions. Based on a fundamental understanding of a cross-device UI framework, DemoScript automatically analyzes and visualizes the scripted behavior by rendering a cross-device storyboard in real-time as the developers program in the editor. Via the storyboard, a developer can revise various aspects of a program by direct manipulation. 2
DemoScript Approach (e) Transitions Fig: Storyboard 4 Fig: ScriptEditor
Contributions compared to existing works Cross-Device storyboards : Show how scripted interactions behave in multiple devices simultaneously. Cross-device interaction: Provided with code and visual editors working together. Define target devices and their transitions, decide device selection criteria, and reuse interaction behavior using drop-drag in scripts. 5
Evaluation Result DemoScript has been evaluated by 8 professional programmers and they found it helpful as it significantly improved development efficiency by interpreting and managing cross-device interaction; DemoScript also encourages testing to think through the script in a development process. 6
Questions for Discussion Overall reactions Would you like to use this technique? What limitations does this have? 7
