GUIfetch supporting app design and development through GUI search

A typical way to design and develop a mobile app is to sketch the graphical user interfaces (GUIs) for the different screens in the app and then create actual GUIs from these sketches. Doing so involves identifying which layouts to use, which widgets to add, and how to configure and connect the diff...

Full description

Saved in:
Bibliographic Details
Published in:2018 IEEE ACM 5th International Conference on Mobile Software Engineering and Systems (MOBILESoft) pp. 236 - 246
Main Authors: Behrang, Farnaz, Reiss, Steven P., Orso, Alessandro
Format: Conference Proceeding
Language:English
Published: New York, NY, USA ACM 27.05.2018
Series:ACM Conferences
Subjects:
Analytical models
Calculators
code-search
Computational modeling
Graphical user interfaces
Layout
Software and its engineering > Software creation and management > Designing software > Software design engineering
Task analysis
User-interface-design
user-interface-programming
XML
code search
user interface design
user interface programming
ISBN:9781450357128, 1450357121
Online Access:Get full text
Tags: Add Tag
No Tags, Be the first to tag this record!
Description
Summary:A typical way to design and develop a mobile app is to sketch the graphical user interfaces (GUIs) for the different screens in the app and then create actual GUIs from these sketches. Doing so involves identifying which layouts to use, which widgets to add, and how to configure and connect the different pieces of the GUI. To help with this difficult and time-consuming task, we propose GUIFetch, a technique that takes as input the sketch for an app and leverages the growing number of open source apps in public repositories to identify apps with GUIs and transitions that are similar to those in the provided sketch. GUIFetch first searches public repositories to find potential apps using keyword matching. It then builds models of the identified apps' screens and screen transitions using a combination of static and dynamic analyses and computes a similarity metric between the models and the provided sketch. Finally, GUIFetch ranks the identified apps (or parts thereof) based on their computed similarity value and produces a visual ranking of the results together with the code of the corresponding apps. We implemented GUIFetch for Android apps and evaluated it through user studies involving different types of apps.
ISBN:9781450357128
1450357121
DOI:10.1145/3197231.3197244