Generating Reusable Web Components from Mockups

被引：15

作者：

Bajammal, Mohammad ^{[1
]}

Mazinanian, Davood ^{[1
]}

Mesbah, Ali ^{[1
]}

机构：

[1] Univ British Columbia, Vancouver, BC, Canada

来源：

PROCEEDINGS OF THE 2018 33RD IEEE/ACM INTERNATIONAL CONFERENCE ON AUTOMTED SOFTWARE ENGINEERING (ASE' 18) | 2018年

关键词：

web UI; web components; web refactoring; machine learning; computer vision; CLONE DETECTION; CODE;

D O I：

10.1145/3238147.3238194

中图分类号：

TP31 [计算机软件];

学科分类号：

081202 ; 0835 ;

摘要：

The transformation of a user interface mockup designed by a graphic designer to web components in the final app built by a web developer is often laborious, involving manual and time consuming steps. We propose an approach to automate this aspect of web development by generating reusable web components from a mockup. Our approach employs visual analysis of the mockup, and unsupervised learning of visual cues to create reusable web components (e.g., REACT components). We evaluated our approach, implemented in a tool called VIZMOD, on five real-world web mockups, and assessed the transformations and generated components through comparison with web development experts. The results show that VIZMOD achieves on average 94% precision and 75% recall in terms of agreement with the developers' assessment. Furthermore, the refactorings yielded 22% code reusability, on average.

引用

页码：601 / 611

页数：11

共 50 条

[31] Fred: An approach to generating real, correct, reusable programs from proofs
Crossley, J
Poernomo, I
JOURNAL OF UNIVERSAL COMPUTER SCIENCE, 2001, 7 (01) : 71 - 88
[32] Mockups and NDE demonstrations in support of examinations of BWR vessel internal components
Selby, G
Walker, S
Lance, J
NDE IN THE NUCLEAR AND PRESSURE VESSEL INDUSTRIES, 1997, : 169 - 173
[33] Generating Interactive Web Pages from Storyboards
Panchekha, Pavel
FSE'16: PROCEEDINGS OF THE 2016 24TH ACM SIGSOFT INTERNATIONAL SYMPOSIUM ON FOUNDATIONS OF SOFTWARE ENGINEERING, 2016, : 1071 - 1072
[34] Generating Facial Composites from Principal Components
Zahradnikova, Barbora
Duchovicova, Sona
Schreiber, Peter
2015 3RD INTERNATIONAL CONFERENCE ON CONTROL, MECHATRONICS AND AUTOMATION (ICCMA 2015), 2016, 42
[35] Generating bilateral symmetry from asymmetrical components
Basquin, Cyril
Gaudin, Noemie
Azimzadeh, Juliette
M S-MEDECINE SCIENCES, 2021, 37 (03): : 213 - 215
[36] From web server security to web components security
Lin, SK
37TH ANNUAL 2003 INTERNATIONAL CARNAHAN CONFERENCE ON SECURITY TECHNOLOGY, PROCEEDINGS, 2003, : 176 - 182
[37] Human exploration and development of space: using XML database Space Wide Web - Space Wide Web by adapters in distributed systems configuration from reusable components
Rine, D
INFORMATION SCIENCES, 2003, 150 (3-4) : 123 - 151
[38] Extracting business rules from legacy systems into reusable components
Chiang, Chia-Chu
PROCEEDINGS OF THE 2006 IEEE/SMC INTERNATIONAL CONFERENCE ON SYSTEM OF SYSTEMS ENGINEERING, 2006, : 325 - 330
[39] Retrieving reusable components with variation points from software product
Chou, Shih-Chien
Chen, Yuan-Chien
INFORMATION PROCESSING LETTERS, 2006, 99 (03) : 106 - 110
[40] Ray Tracing on an Architecture Built From Reusable IP Components
Cox, Andrew
Theodoropoulos, Agis
Bramley, Jacob
Catherall, Robert
Bruce, Richard
RT08: IEEE/EG SYMPOSIUM ON INTERACTIVE RAY TRACING 2008, PROCEEDINGS, 2008, : 181 - 181

← 1 2 3 4 5 →