Element Statistics
Source Statistics
Target Statistics

http://.../web/

Or...

Once downloaded...

  1. Install Node.js® following the instructions on the official website
  2. Unpack thewebexample.zipfile
  3. Open a terminal and navigate to thewebexamplefolder:
    cd path_to_workspace/webexample
  4. Install all the dependencies running the command:
    npm install
  5. Start the local server:
    npm start
    To stop the local server press ctrl + c
  6. Open to the application by navigation to http://localhost:3001



 

Or...

Once downloaded...

  1. Install Node.js® following the instructions on the official website
  2. Unpack theclientexample.zipfile
  3. Open a terminal and navigate to theclientexamplefolder:
    cd path_to_workspace/clientexample
  4. Install all the dependencies running the command:
    npm install
  5. Rebuild sources after a code change:
    npm run-script build
  6. Open to the application by opening:www/index.html



Or...

Once downloaded...

  1. Install Node.js® following the instructions on the official website
  2. Install Cordova®
    npm install -g cordova
    For the platform specific dependencies follow the instructions on the official website
  3. Unpack themobileexample.zipfile
  4. Open a terminal and navigate to themobileexamplefolder:
    cd path_to_workspace/mobileexample
  5. Install all the dependencies running the command:
    npm install
  6. Rebuild sources after a code change:
    npm run-script build
  7. Add the target platforms
    cordova platform add android
    cordova platform add ios
    cordova platform add ...
  8. Build the application
    cordova build android
    cordova build ios
    cordova build ...
  9. Run the application
    cordova run android
    cordova run ios
    cordova run ...

Or...

Once downloaded...

  1. Install Flutter® following the instructions on the official website
  2. Unpack theflutterexample.zipfile
  3. Open a terminal and navigate to the folder where you unpacked the zip
  4. Create all the support files:
    flutter create flutterexample
  5. Run the application:
    cd path_to_workspace/mobileexample
    flutter run



IFMLEdit.org

is an open source on-line tool offered to the software engineering community, usable for model driven engineering education and for rapid prototyping of web and mobile applications based on IFML.

Do you want to help?

Fork on github

Help us grow an make the tool better

Open an issue

Send us suggestions or bug reports

The tool is built with:

ALMOsT

ALMOsT is an AgiLe MOdel Transformations framework for JavaScript

ALMOsT-Joint

ALMOsT-Joint is a plugin for ALMOsT which focuses on Graphical Notations

Related Research:

Formal Semantics of OMGs Interaction Flow Modeling Language (IFML) for Mobile and Rich-Client Application Model Driven Development

Carlo Bernaschina, Sara Comai, Piero Fraternali

IFMLEdit.org: model driven rapid prototyping of mobile apps

Carlo Bernaschina, Sara Comai, Piero Fraternali

Online model editing, simulation and code generation for web and mobile applications

Carlo Bernaschina, Sara Comai, Piero Fraternali

ALMOsT.js: An Agile Model to Model and Model to Text Transformation Framework