Pei-Yu (Peggy) Chi,, Yang Li1, Björn Hartmann

Slides:

Advertisements

Similar presentations

Design, prototyping and construction

Advertisements

Chapter 29 State Machine Diagrams Sate Machine Diagrams Represent state of an object Behavior as reaction to events.

E-prime: A researcher’s perspective Dr Anna Law. Visual search study.

MULTIMEDIA Development Team.

Introduction To System Analysis and Design

1 1 Introduction to Multimedia Chapter 9. 2 Objectives Get to know the phases of MM production. Get to know the team members in MM development.

DED 101 Educational Psychology, Guidance And Counseling

Stanford hci group / cs376 research topics in human-computer interaction I/O Toolkits Scott Klemmer 29 November 2005.

User Centered Design Lecture # 5 Gabriel Spitz.

Restricted © Siemens AG 2013 All rights reserved.siemens.co.uk/education Topic 4: I can see clearly now Siemens Education.

 A set of objectives or student learning outcomes for a course or a set of courses.  Specifies the set of concepts and skills that the student must.

Instructional Design Xiaoyan Yang (Michelle). Instructional Design It is not a learning theory, but a systematic process. It is based on the characteristics.

Chapter 5 Models and theories 1. Cognitive modeling If we can build a model of how a user works, then we can predict how s/he will interact with the interface.

Comp 20 - Training & Instructional Design Unit 6 - Assessment This material was developed by Columbia University, funded by the Department of Health and.

Thinking about Group Work Gordon Lewis Beijing, October 18-20, 2008.

Supporting rapid design and evaluation of pervasive application: challenges and solutions Lei Tang 1,2, Zhiwen Yu 1, Xingshe Zhou 1, Hanbo Wang 1, Christian.

Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.

Evaluation of Reference Services Dr. Dania Bilal IS 530 Spring 2006.

Model-Driven Engineering of Behaviors in User Interfaces Efrem Mbaki & Jean Vanderdonckt Université catholique de Louvain (UCL) Louvain School of Management.

SOFTWARE METRICS. Software Process Revisited The Software Process has a common process framework containing: u framework activities - for all software.

Resources and Reflections: Using Data in Undergraduate Geosciences Cathy Manduca SERC Carleton College DLESE Annual Meeting 2003.

Compiler Construction (CS-636)

Lecture 9-1 : Intro. to UML (Unified Modeling Language)

Chapter 1 Introduction Visual Basic.NET. Copyright (c) 2003 by Prentice Hall Provided By: Qasim Al-ajmi 2 Objectives Explain what Visual Basic is Contrast.

Multi-Modal Dialogue in Personal Navigation Systems Arthur Chan.

Stanford hci group / cs376 Research Topics in Human-Computer Interaction Design Tools Ron B. Yeh 26 October 2004.

Lecture VIII: Software Architecture

Human Learning Michelle Yang. Learning Theory It is an educated guess and it is describing how information is absorbed, processed, and retained during.

Linear Analysis and Optimization of Stream Programs Masterworks Presentation Andrew A. Lamb 4/30/2003 Professor Saman Amarasinghe MIT Laboratory for Computer.

Pen Based User Interface Issues CSE 490RA January 25, 2005.

Progress check Learning Objective: Success Criteria : Can identify various input and output devices - Level 4 – 5 Can identify all the major items of hardware.

Science and Engineering Practices K–2 Condensed Practices3–5 Condensed Practices6–8 Condensed Practices9–12 Condensed Practices Developing and Using Models.

+ Game Design Careers. + Game Development Developing an interesting video game is a very challenging task. It usually takes many different people working.

1 Debunking Design Flaws in PHP Code using Static Call Graphs Berlin PHP Usergroup Falko Menge

Introduction to IS in Business

Sub-fields of computer science. Sub-fields of computer science.

Module 1: Overview of the Framework for K–12 Science Education

Kai Li, Allen D. Malony, Sameer Shende, Robert Bell

Systems Analysis and Design in a Changing World, Fourth Edition

Building Windows 8 App.

Features of Authoring Tools

课程名编译原理 Compiling Techniques

Lee Martie, Thomas D. LaToza, and André van der Hoek

Program comprehension during Software maintenance and evolution Armeliese von Mayrhauser , A. Marie Vans Colorado State University Summary By- Fardina.

Informatics 121 Software Design I

Design, prototyping and construction

Cohesion and Coupling Chapter 5, Pfleeger 01/01/10.

SWE-795 Presentation 01 11/16/2018 Asking and Answering Questions during a Programming Change Task Jonathan Sillito, Member, IEEE Computer Society, Gail.

Topic 8: (Last two papers)

A test technique is a recipe these tasks that will reveal something

USER CENTRIC VIEW AND SYSTEM CENTRIC VIEW OF SYSTEM SOFTWARE

Software Usability and Design

Informatics 121 Software Design I

ICT Gaming Lesson 1.

System Analysis and Design

HCI for Pen Computing CSE 481b January 24, 2006.

State Machine Diagrams

I/O Toolkits Scott Klemmer · 16 November 2006.

A GUI Based Aid for Generation of Code-Frameworks of TMOs

Informatics 121 Software Design I

Implementation support

Uniprocessor scheduling

Business concentration, minor and certificate programs

Leadership Group 9th November 2013 Feedback Summary.

Informatics 121 Software Design I

Design, prototyping and construction

Implementation support

Integrating Educational Technology into the Classroom

Other System Requirements

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

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.

DemoScript Approach

DemoScript Approach (e) Transitions Fig: ScriptEditor Fig: Storyboard

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.

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.

Questions for Discussion Overall reactions Would you like to use this technique? What limitations does this have?