Try in the Browser

  • http://.../web/
  • Or...Download the Source Files

    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...Download the Source Files

    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...

    Download the Source Files

    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...

    Download the Source Files

    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
    Carlo Bernaschina