arXivDaily arXiv每日学术速递 周一至周五更新
arXiv周末暂无论文更新,休息一下吧,周末愉快~~
arXiv 2103.05704cs.HCcs.AIcs.SE
收藏

使用深度学习在最终用户开发中从移动应用程序的草图自动生成代码生成

Automatic code generation from sketches of mobile applications in end-user development using Deep Learning

Federal University of Santa Catarina(圣卡塔琳娜联邦大学)

Daniel Baulé, Christiane Gresse von Wangenheim, Aldo von Wangenheim, Jean C. R. Hauck, Edson C. Vargas Júnior

摘要:

终端用户或计算教育中的移动应用程序开发的一个常见需求是使用App Inventor(一种流行的基于块的编程环境)将用户界面的草图转换为线框代码。由于这项任务具有挑战性且耗时,我们提出了Sketch 2aia方法来自动化这一过程。Sketch 2aia采用深度学习来检测最常见的用户界面组件及其在手绘草图上的位置,创建用户界面的中间表示,然后自动生成线框的App Inventor代码。该方法实现了平均用户界面组件分类准确率为87,72%,初步用户评估的结果表明,它生成的线框,密切反映的草图在视觉相似性。该方法已被实现为一个Web工具,并可用于支持最终用户的移动应用程序的开发,有效和高效地以及在K-12的用户界面设计的教学。

英文摘要:

A common need for mobile application development by end-users or in computing education is to transform a sketch of a user interface into wireframe code using App Inventor, a popular block-based programming environment. As this task is challenging and time-consuming, we present the Sketch2aia approach that automates this process. Sketch2aia employs deep learning to detect the most frequent user interface components and their position on a hand-drawn sketch creating an intermediate representation of the user interface and then automatically generates the App Inventor code of the wireframe. The approach achieves an average user interface component classification accuracy of 87,72% and results of a preliminary user evaluation indicate that it generates wireframes that closely mirror the sketches in terms of visual similarity. The approach has been implemented as a web tool and can be used to support the end-user development of mobile applications effectively and efficiently as well as the teaching of user interface design in K-12.

机构、总结、中文摘要均由AI分析而来,可能存在错误,请以论文正文为准。

↑