Metamodel based approach to generate user interface mockup from UML class diagram

Interface and interaction design take up most of the times in software creation. Human Computer Interaction (HCI) is mainly the best way to interact with a computer. During software development, class diagram is the only required step and process to design an information system according to UML notation. In addition, creating class diagram is a mandatory activity during the software creation process. The aim of this paper is to automatically generate the HCI mockup from class diagram to make easy and extremely fast software design. For example, the SEF (Schema d'Enchainement de Fenetre), is an interface model allowing to create a new interface mockup. It offers more widgets to design the HCI. And MACAO (Methode d'Analyse et de Conception d'Applications Orientees-objets) is one of the methods which helps computer scientist to easily create software. The model transformation is based on Model Driven Engineering (MDE). We use UML notation to design the class diagrams. We also adopt MDA architecture to create the model-based transformation process. Transformation rules are created using Atlas Transformation Language (ATL) to automatically generate a specific interface from the class diagram. (C) 2021 The Authors. Published by Elsevier B.V.