How to build a Design Studio with WebGME

Introduction

• The Scope of this Tutorial
  • Target Audience
  • Prerequisites
• What is a Design Studio?
  • Example Design Studios
• What is WebGME?
  • Extensible
  • WebGME-cli
• Other resources

Getting Started

• Dependencies
  • Installing Node.js
  • Installing MongoDB
  • Git
  • Python
• Creating a repository with webgme-cli
  • Installing webgme-cli
  • Creating a Repository
  • Installing the node_modules
  • gmeConfig
  • Starting the server
  • Setting up Python Bindings
• Terminology

Modeling

• Creating a Webgme Project
• What is Meta-modeling?
  • Simple Containment Example
• Modeling in Webgme
  • Data-model
  • Restrictions Beyond the Meta-model
• Meta-modeling Concepts
  • Containment
  • Base Relationship/Inheritance
  • Attributes
  • Pointers
  • Connections
  • Sets
  • Mixins
  • Aspects
  • Constraints
  • Meta Properties
• Creating the Meta-model
  • Which types do we need?
  • Containment
  • Sub-types of Components
  • Connections and Ports
• Read-only Meta-model

Model Interpreters/Transformations

• Model Interpreters/Transformations
  • Plugins
  • Add-ons
  • Webhooks
  • iCore
• Creating the Code Generator
  • How to Implement the Interpreter?
  • Generating a Plugin Template
  • Registering the Plugin at Circuits
  • Querying the Model
  • Generating the Code
  • Uploading the Generated File

Integrating Analysis Tools

• Integrating Analysis Tools
  • Creating a process from the plugin
  • Executor Framework
  • WebGME Routers
• Result Presentation
  • Generate an Artifact from the Plugin
  • Store the Result in the Model
  • Notifications while Analysis is Running
• Creating the Simulator Plugin
  • Calling OMC from cmd/shell
  • Generating the SimulateModelica Plugin
  • Invoking the ModelicaCodeGenerator
  • Simulating the Model
  • Notes for Developers

Deployment

• Deployment
  • Systemd/Init-system
  • Docker
• Authentication
• SSL/TLS
• Scaling Up Deployment
• Integrating a WebGME Design Studio with CPS-VO
  • Step 1: Enabling authentication on your WebGME Server
  • Step 2: Linking the WebGME Server from CPS-VO