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