Mobile apps are now ubiquitous. Before developing a new app, the development team usually endeavors painstaking efforts to review many existing apps with similar purposes. The review process is crucial in the sense that it reduces market risks and provides inspiration for app development. However, manual exploration of hundreds of existing apps by different roles (e.g., product manager, UI/UX designer, developer) in a development team can be ineffective. For example, it is difficult to completely explore all the functionalities of the app in a short period of time. Inspired by the conception of storyboard in movie production, we propose a system, StoryDroid, to automatically generate the storyboard for Android apps, and assist different roles to review apps efficiently. Specifically, StoryDroid extracts the activity transition graph and leverages static analysis techniques to render UI pages to visualize the storyboard with the rendered pages. The mapping relations between UI pages and the corresponding implementation code (e.g., layout code, activity code, and method hierarchy) are also provided to users. Our comprehensive experiments unveil that StoryDroid is effective and indeed useful to assist app development. The outputs of StoryDroid enable several potential applications, such as the recommendation of UI design and layout code.
翻译:移动应用程序现在无处不在。 在开发新应用程序之前, 开发团队通常会努力审查许多具有类似目的的现有应用程序。 审查过程至关重要, 因为它能降低市场风险, 为开发应用程序提供灵感。 然而, 手工探索开发团队中数百个不同角色( 如产品经理、 UI/ UX设计师、 开发商) 的现有应用程序可能无效。 例如, 在开发新应用程序之前, 开发团队通常会努力审查许多具有类似目的的现有应用程序。 在电影制作中的故事板概念的启发下, 我们提议了一个系统, 即 StoryDroid, 自动生成 Android 应用程序的故事板, 并协助不同角色高效地审查应用程序。 具体而言, StoryDroid 提取活动过渡图, 并利用静态分析技术使用户界面页面能够用已设定的页面对故事板进行视觉化。 例如, 设计代码、 活动代码和方法等级等的绘图关系也提供给用户。 我们的全面实验展示了StoryDroid应用程序是有效的, 并且确实有助于软件的配置输出。