IFML ReGen

An Eclipse Plug-in to generate a User Interface from IFML

IFMLReGen Tool

IFMLReGen Tool is an Eclipse Plugin for developing variants of web application user interface by following Model-Driven Engineering and Product Line Concepts. This tool is a part of Prices-IDE, a web application development framework built for Software Product Line Engineering (SPLE).

Getting Started

Prerequisites
  1. Java 11
  2. Eclipse Modeling Tools 2020-12
  3. Acceleo 3.7 (for developer):
  4. React JS: Node v 16.14
Plugin installation:
  1. On top toolbar, click Help → Install New Software
  2. Work with: add https://amanah.cs.ui.ac.id/priceside/ifml-ui-generator/updatesite, click Add and save with name IFML UI Generator
  3. Open the drop-down menu, Select IFML UI Generator update site
  4. Select IFML UI Generator, Click Next, approve all licenses, then click Finish
Plugin installation:
  1. On top toolbar, click Help → Install New Software
  2. Work with: add https://amanah.cs.ui.ac.id/priceside/ifml-ui-generator/updatesite, click Add and save with name IFML UI Generator
  3. Open the drop-down menu, Select IFML UI Generator update site
  4. Select IFML UI Generator, Click Next, approve all licenses, then click Finish
Using The Plugin:
  1. Create empty folder that will contain generated front end application code.
  2. Open it in eclipse.
  3. Right click on the empty folder. Choose IFML UI Generator > Copy Template Here to populate the folder with a React application boilerplate.
  4. Generate SelectedFeature that contains a list of features to be generated then place the file in the project
  5. Open IFML Diagram folder.
  6. Right click on .core file, then Choose IFML UI Generator > Generate UI.
  7. Select your app folder and click OK.
  8. Input your app name and click OK. This will be treated as the website's name and displayed on the Navbar and Footer of every page of the site.
  9. After the process finished, you can find generated front end application code on your app folder.

Demonstration Video

Case Studies

  1. Amanah

    AMANAH is an Adaptive Information System for Charity Organization. See amanah.cs.ui.ac.id, to know more about AMANAH.
    Repositories

  2. Bank Account

    A product line of banking software Bank Account is used as a common case study for SPLE. We use this case study to show the development process with Prices-IDE, starts from feature modeling, UML modeling, IFML modeling, model transformation, and product derivation.
    Repositories

  3. Payment Gateway

    A product line of Payment Gateway Software
    Repositories