Code Generator Development to Transform IFML (Interaction Flow Modelling Language) into a React-based User Interface

• DOI: 10.21609/jiki.v17i2.1178
• Publication Date: 2024-06-03T18:30:16Z
• Authors: Ilma Ainur Rohma; Ade Azurat
• Keywords: Interface (matter); Code (set theory)

Model-Driven Software Engineering (MDSE) is a software development approach that uses the Model to be main actor of development. MDSE can applied User Interface (UI) Development so model for UI built, and then transformation made turn it into running application. In this research, we develop Generator support with approach. This also in Product Line (SPLE) paradigm. The modeled Interaction Flow Modeling Language (IFML) diagram. Then IFML diagram transformed React-Based by Generator. developed Acceleo on Eclipse IDE transform React Code rules defined research. generator enriched display settings static page management address user customization needs. experimental results show generate functional website. Besides evaluating working product, evaluated qualitatively well based six quality criteria as an SPLE supporting tool.