Since the emergence of mobile devices, the architecture of mobile applications has been transformed significantly. In mobile applications, the User Interface (UI) is one of the major elements, but its development is complex and time-consuming. Existing practices do not support various presentation issues of the UI at a higher abstraction level, in a retargetable fashion, with complete tool support. Therefore, it is critical to develop a simple and automated framework for the development of mobile UIs by exploiting model-driven engineering concepts. In this paper, a Unified Modeling language (UML) profile for Mobile User Interfaces (UMMUI) has been proposed, which employs some standard UML notations for representing the mobile UI requirements at a higher abstraction level. Subsequently, a complete open-source transformation engine has been developed to automatically transform the high-level source models (in UMMUI) into the target low-level React Native implementation. Finally, the applicability of the proposed framework is validated through two benchmark case studies, i.e., Patient Management System and Library Application. The results verify that the proposed framework allows the modeling of UIs with simplicity and generates the target code automatically with minimum transformation losses.

中文翻译：

---

用于移动用户界面开发的可重定向模型驱动框架

自移动设备出现以来，移动应用程序的架构发生了重大变化。在移动应用程序中，用户界面（UI）是主要元素之一，但其开发复杂且耗时。现有实践不支持在更高抽象级别、以可重定向方式、具有完整工具支持的 UI 的各种呈现问​​题。因此，通过利用模型驱动的工程概念来开发一个简单且自动化的移动 UI 开发框架至关重要。在本文中，提出了移动用户界面 (UMMUI) 的统一建模语言 (UML) 配置文件，它采用一些标准的 UML 符号来表示更高抽象级别的移动 UI 需求。随后，已经开发了一个完整的开源转换引擎，以自动将高级源模型（在 UMMUI 中）转换为目标低级 React Native 实现。最后，通过两个基准案例研究，即患者管理系统和图书馆应用，验证了所提出框架的适用性。结果验证了所提出的框架允许简单地对 UI 进行建模，并以最小的转换损失自动生成目标代码。