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...

Ausführliche Beschreibung

Gespeichert in:
Bibliographische Detailangaben
Veröffentlicht in:2018 IEEE ACM 5th International Conference on Mobile Software Engineering and Systems (MOBILESoft) S. 236 - 246
Hauptverfasser: Behrang, Farnaz, Reiss, Steven P., Orso, Alessandro
Format: Tagungsbericht
Sprache:Englisch
Veröffentlicht: New York, NY, USA ACM 27.05.2018
Schriftenreihe:ACM Conferences
Schlagworte:
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-Zugang:Volltext
Tags: Tag hinzufügen
Keine Tags, Fügen Sie den ersten Tag hinzu!
Abstract 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.
AbstractList 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.
Author Behrang, Farnaz
Orso, Alessandro
Reiss, Steven P.
Author_xml – sequence: 1
  givenname: Farnaz
  surname: Behrang
  fullname: Behrang, Farnaz
  email: behrang@gatech.edu
  organization: Georgia Tech
– sequence: 2
  givenname: Steven P.
  surname: Reiss
  fullname: Reiss, Steven P.
  email: spr@cs.brown.edu
  organization: Brown University
– sequence: 3
  givenname: Alessandro
  surname: Orso
  fullname: Orso, Alessandro
  email: orso@cc.gatech.edu
  organization: Georgia Tech
BookMark eNqNjzFPwzAQhY0oUqFkZuAPsCTY50vOHlEFpVIllna2bOcsArRBSRf-PYZmYmJ6On3vnfRdidmhP7AQN0pWSmF9r5Ul0Kr6TcQzUVgyGUhdkwJz_ueei2Ic36SU0JiaQF2K-Wq3TnyMr9fiIvmPkYspF2L39LhdPpebl9V6-bApPSAdyzZR1AgpWZYxRkTfUBNaL9tAwUiDZA0rjAypDZAioMnBxClPoPF6IW5Pfztmdp9Dt_fDlzM1aqxtpncn6uPehb5_H52S7kfVTapuUs3V6p9VF4aOk_4GAvdRAg
CODEN IEEPAD
ContentType Conference Proceeding
Copyright 2018 ACM
Copyright_xml – notice: 2018 ACM
DBID 6IE
6IL
CBEJK
RIE
RIL
DOI 10.1145/3197231.3197244
DatabaseName IEEE Electronic Library (IEL) Conference Proceedings
IEEE Proceedings Order Plan All Online (POP All Online) 1998-present by volume
IEEE Xplore All Conference Proceedings
IEEE Electronic Library (IEL)
IEEE Proceedings Order Plans (POP All) 1998-Present
DatabaseTitleList

Database_xml – sequence: 1
  dbid: RIE
  name: IEEE Electronic Library (IEL)
  url: https://ieeexplore.ieee.org/
  sourceTypes: Publisher
DeliveryMethod fulltext_linktorsrc
Discipline Computer Science
EISBN 9781450357128
1450357121
EndPage 246
ExternalDocumentID 8543459
Genre orig-research
GroupedDBID 6IE
6IF
6IL
6IN
AAJGR
ABLEC
ACM
ADPZR
ALMA_UNASSIGNED_HOLDINGS
APO
BEFXN
BFFAM
BGNUA
BKEBE
BPEOZ
CBEJK
GUFHI
IEGSK
OCL
RIB
RIC
RIE
RIL
AAWTH
LHSKQ
ID FETCH-LOGICAL-a247t-df7c342ff9e0ccc44a676bda0db7b8084798e14ce2fdb2fc248b2fe7efff926a3
IEDL.DBID RIE
ISBN 9781450357128
1450357121
ISICitedReferencesCount 38
ISICitedReferencesURI http://www.webofscience.com/api/gateway?GWVersion=2&SrcApp=Summon&SrcAuth=ProQuest&DestLinkType=CitingArticles&DestApp=WOS_CPL&KeyUT=000454503200036&url=https%3A%2F%2Fcvtisr.summon.serialssolutions.com%2F%23%21%2Fsearch%3Fho%3Df%26include.ft.matches%3Dt%26l%3Dnull%26q%3D
IngestDate Wed Aug 27 02:51:04 EDT 2025
Wed Jan 31 06:52:08 EST 2024
IsPeerReviewed false
IsScholarly true
Keywords code search
user interface design
user interface programming
Language English
License Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than the author(s) must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from Permissions@acm.org.
LinkModel DirectLink
MeetingName ICSE '18: 40th International Conference on Software Engineering
MergedId FETCHMERGED-LOGICAL-a247t-df7c342ff9e0ccc44a676bda0db7b8084798e14ce2fdb2fc248b2fe7efff926a3
PageCount 11
ParticipantIDs acm_books_10_1145_3197231_3197244_brief
ieee_primary_8543459
acm_books_10_1145_3197231_3197244
PublicationCentury 2000
PublicationDate 20180527
2018-May
PublicationDateYYYYMMDD 2018-05-27
2018-05-01
PublicationDate_xml – month: 05
  year: 2018
  text: 20180527
  day: 27
PublicationDecade 2010
PublicationPlace New York, NY, USA
PublicationPlace_xml – name: New York, NY, USA
PublicationSeriesTitle ACM Conferences
PublicationTitle 2018 IEEE ACM 5th International Conference on Mobile Software Engineering and Systems (MOBILESoft)
PublicationTitleAbbrev MOBILESoft
PublicationYear 2018
Publisher ACM
Publisher_xml – name: ACM
SSID ssj0002685721
Score 2.3183036
Snippet 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...
SourceID ieee
acm
SourceType Publisher
StartPage 236
SubjectTerms 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
Subtitle supporting app design and development through GUI search
Title GUIfetch
URI https://ieeexplore.ieee.org/document/8543459
WOSCitedRecordID wos000454503200036&url=https%3A%2F%2Fcvtisr.summon.serialssolutions.com%2F%23%21%2Fsearch%3Fho%3Df%26include.ft.matches%3Dt%26l%3Dnull%26q%3D
hasFullText 1
inHoldings 1
isFullTextHit
isPrint
link http://cvtisr.summon.serialssolutions.com/2.0.0/link/0/eLvHCXMwlV3LSsNAFL3U4sJV1VasL0YQ3Jg2mUdm4tJH1U3pwkJ3YZ7Sha304fc7M4lVQRBXE0KGwJkJ997JOfcAXJBcc8ktSYTTKgmOxokkqUw0yXJDiLFa6Wg2wYdDMZkUowZcbbQw1tpIPrO9cBn_5Zu5Xoejsr4IOkhWbMEW57zSam3OU3AumK9m6u49GWV9Eh21sl4cKQ3hR7_-MFGJMWTQ-t_bd6HzJcZDo02Y2YOGne1D69ONAdUfZxtuHsZPg7AI1yhYdc5De4AX5LNMdBdZGkjODPrGEUK1RQ_y81DFOu7AeHD_fPuY1A4JicSUrxLjuCYUO1fYVGtNqcx5roxMjeJKpD7yFMJmVFvsjMJOYyr8YLl1fgrOJTmA5mw-s4eAfKGkU-Xr7IwpyjhXqZSOGYILyahfvi6ce_jKkPovy0rNzMoa4rKGuAuXfz5TqsXUui60A8DlW9VSo6yxPfr99jHs-DxFVDzDE2iuFmt7Ctv6fTVdLs7iPvgAH6Gvxw
linkProvider IEEE
linkToHtml http://cvtisr.summon.serialssolutions.com/2.0.0/link/0/eLvHCXMwlV3LSsNAFL3UKujKRyvW5wiCG6PJPDKJSx9VUUsXLXQ3zFO6MJVa_X5nklgVBHE1IWQInJlw752ccw_AEUk1l9ySKHNaRcHROJIklpEmSWoIMVYrXZpN8F4vG43yfgNO5loYa21JPrOn4bL8l28m-i0clZ1lQQfJ8gVYZJTipFJrzU9UcJoxX8_U_XsSys5I6amVnJYjpSEA6ecfNiplFOmu_u_9a9D-kuOh_jzQrEPDFhuw-unHgOrPswUXN8O7bliGcxTMOiehQcAT8nkmuip5GkgWBn1jCaHapAf5eajiHbdh2L0eXN5GtUdCJDHls8g4rgnFzuU21lpTKlOeKiNjo7jKYh978swmVFvsjMJOY5r5wXLr_BScSrIJzWJS2C1AvlTSsfKVdsIUZZyrWErHDMG5ZNQvYAcOPXwiJP-votIzM1FDLGqIO3D85zNCTcfWdaAVABYvVVMNUWO7_fvtA1i-HTw-iIe73v0OrPisJatYh7vQnE3f7B4s6ffZ-HW6X-6JD3WAsw4
openUrl ctx_ver=Z39.88-2004&ctx_enc=info%3Aofi%2Fenc%3AUTF-8&rfr_id=info%3Asid%2Fsummon.serialssolutions.com&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=proceeding&rft.title=Proceedings+of+the+5th+International+Conference+on+Mobile+Software+Engineering+and+Systems&rft.atitle=GUIfetch&rft.au=Behrang%2C+Farnaz&rft.au=Reiss%2C+Steven+P.&rft.au=Orso%2C+Alessandro&rft.series=ACM+Conferences&rft.date=2018-05-27&rft.pub=ACM&rft.isbn=9781450357128&rft.spage=236&rft.epage=246&rft_id=info:doi/10.1145%2F3197231.3197244
thumbnail_l http://covers-cdn.summon.serialssolutions.com/index.aspx?isbn=9781450357128/lc.gif&client=summon&freeimage=true
thumbnail_m http://covers-cdn.summon.serialssolutions.com/index.aspx?isbn=9781450357128/mc.gif&client=summon&freeimage=true
thumbnail_s http://covers-cdn.summon.serialssolutions.com/index.aspx?isbn=9781450357128/sc.gif&client=summon&freeimage=true