Design-Implementation Discrepancy Analysis for Mobile Application Interfaces Using Object Detection Methods

With the rising number of mobile users, the demand for seamless application experiences intensifies, underscoring the importance of Graphical User Interface (GUI) design. Engineers strive to create user-friendly interfaces during the design phase, meticulously planning component layouts. In the impl...

Full description

Saved in:
Bibliographic Details
Published in2024 12th International Conference on Information and Education Technology (ICIET) pp. 127 - 131
Main Authors Hsueh, Yen-Tse, Chen, Hsi-Min, Chen, Tzu-Yuan
Format Conference Proceeding
LanguageEnglish
Published IEEE 18.03.2024
Subjects
Online AccessGet full text

Cover

Loading…
More Information
Summary:With the rising number of mobile users, the demand for seamless application experiences intensifies, underscoring the importance of Graphical User Interface (GUI) design. Engineers strive to create user-friendly interfaces during the design phase, meticulously planning component layouts. In the implementation phase, translating this design into a functional interface is critical. The manual comparison of the implemented interface with the design, especially during manpower shortages, adds significant workload. To address this, we propose an automated comparison process. Design and implementation images are inputted, employing advanced image processing to identify objects. A similarity formula quantifies the resemblance, and the Hungarian algorithm efficiently matches components. Results are displayed visually, streamlining verification and enhancing mobile application development efficiency. Moreover, this automated process has educational significance in software engineering. It serves as a pedagogical tool, aiding students in understanding the alignment between system design and implementation, fostering a comprehensive grasp of the software development lifecycle.
DOI:10.1109/ICIET60671.2024.10542829