Element Statistics
    Source Statistics
      Target Statistics

        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



        Try in the Browser

         

        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



        Try in the Browser

      • 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 build 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