* ICSE 2018 *
Sun 27 May - Sun 3 June 2018 Gothenburg, Sweden
Thu 31 May 2018 15:00 - 15:20 at H1 room - Human and Social Aspects of Computing II Chair(s): Margaret-Anne Storey

A GUI skeleton is the starting point for implementing a UI design image. To obtain a GUI skeleton from a UI design image, developers have to visually understand UI elements and their spatial layout in the image, and then translate this understanding into proper GUI components and their compositions. Automating this visual understanding and translation would be beneficial for bootstraping mobile GUI implementation, but it is a challenging task due to the diversity of UI designs and the complexity of GUI skeletons to generate. Existing tools are rigid as they depend on heuristically-designed visual understanding and GUI generation rules. In this paper, we present a neural machine translator that combines recent advances in computer vision and machine translation for translating a UI design image into a GUI skeleton. Our translator learns to extract visual features in UI images, encode these features’ spatial layouts, and generate GUI skeletons in a unified neural network framework, without requiring manual rule development. For training our translator, we develop an automated GUI exploration method to automatically collect large-scale UI data from real-world applications. We carry out extensive experiments to evaluate the accuracy, generality and usefulness of our approach.

Thu 31 May

Displayed time zone: Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna change

14:00 - 15:30
Human and Social Aspects of Computing IITechnical Papers at H1 room
Chair(s): Margaret-Anne Storey University of Victoria
14:00
20m
Talk
Statistical Learning of API Fully Qualified Names in Code Snippets of Online Forums
Technical Papers
Hung Phan , Hoan Nguyen Iowa State University, Ngoc Tran , Linh Truong , Anh Nguyen , Tien N. Nguyen The University of Texas - Dallas
14:20
20m
Talk
When Not to Comment: Questions and Tradeoffs with API Documentation for C++ Projects
Technical Papers
Andrew Head UC Berkeley, Caitlin Sadowski Google, Emerson Murphy-Hill North Carolina State University, Andrea Knight
Pre-print
14:40
20m
Talk
Deuce: A Lightweight User Interface for Structured Editing
Technical Papers
Brian Hempel University of Chicago, Justin Lubin , Grace Lu , Ravi Chugh University of Chicago
Pre-print Media Attached
15:00
20m
Talk
From UI Design Image to GUI Skeleton: A Neural Machine Translator to Bootstrap Mobile GUI Implementation
Technical Papers
Chunyang Chen Nanyang Technological University, Singapore, Ting Su Nanyang Technological University, Singapore, Guozhu Meng Nanyang Technological University, Singapore, Zhenchang Xing Australia National University, Yang Liu Nanyang Technological University, Singapore
Pre-print
15:20
10m
Talk
Q&A in groups
Technical Papers