Litcius/Paper detail

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

Thomas Mahatody, Mihaela Ilie, Rapatsalahy Miary Andrianjaka, Dimbisoa William Germain, Ilie Sorin

2021Procedia Computer Science19 citationsDOIOpen Access PDF

Abstract

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 (Schéma d’Enchaînement de Fenêtre), is an interface model allowing to create a new interface mockup. It offers more widgets to design the HCI. And MACAO (Méthode d’Analyse et de Conception d’Applications Orientées-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.

Topics & Concepts

Class diagramComputer scienceUnified Modeling LanguageMetamodelingProgramming languageInterface (matter)Class (philosophy)Activity diagramSoftware engineeringUML toolApplications of UMLUser interfaceModel transformationNotationSoftwareOperating systemArtificial intelligenceConsistency (knowledge bases)ArithmeticMathematicsMaximum bubble pressure methodBubbleModel-Driven Software Engineering TechniquesAdvanced Software Engineering MethodologiesWeb Applications and Data Management