System Designer

System Designer

  • Languages iconPortuguês (Brasil)
    • English
    • Ελληνικά
    • Svenska
    • 繁體中文
    • Help Translate
  • SUPPORT
  • GITHUB

›Tutorials

Introduction

  • What is System Designer?
  • O que é Design First?
  • Quick Start
  • Quick Start in videos

Guides

  • Installation
  • Create a System
  • Create a Schema
  • Edit a model
  • Create a Behavior
  • Create a Type
  • Create a Component
  • Run your System
  • Export a System
  • Import a System
  • Generate a diagram
  • Sync your systems with GitHub
  • Design a remote client system
  • Design a remote server system
  • Manage Extensions
  • Extend System Designer
  • Shortcuts

Tutorials

  • List of Examples
  • Bundle your CSS
  • Bundle your JavaScript
  • Bundle your HTML
  • Test a server-side application
  • Create a NPM module
  • Create a website
  • Listen to a model event
  • Listen to a data store event
  • Send messages
  • Send messages to other systems
  • Create an extension
  • Generate a model from a JSON file
  • Create a Graph system

Articles

  • Articles about the project

About

  • Quem está por trás do System Designer?
  • Privacy Policy
  • License
Translate

Create a website

You can use System Designer to create websites and edit them live.

Create your GitHub repository

  • go to GitHub,
  • create a repository to store your website,
  • go to the Settings of your repository and
  • under GitHub Pages select your options to publish your repository

What are GitHub Pages?

They are "websites for you and your projects". To have more information on Github pages, go there.

Configure your GitHub repository

  • go to the Personal Access Tokens page,
  • click on Generate new token button,
  • in Token Description type 'System Designer',
  • add repo scope,
  • click on Generate token button and
  • copy the generated key.

Configure System Designer

  • open the configuration panel,
  • in GitHub token paste your key,
  • in GitHub repository set the name of your repository and
  • click on Save button.

Create your page

  • once you have created your system, open the GitHub panel,
  • add a comment,
  • click on Add page,

Image Alt

  • click on Execute button,
  • your system will be pushed in your GitHub repository with a HTML file that will include your system and
  • you will then access to your app with this url: https://[user_name].github.io/[repository_name]/[system_name].html.

Example: https://me.github.io/myproject/mysystem.html

Live edition and publishing

Now everytime you push your system on GitHub, your website will be updated.

← Create a NPM moduleListen to a model event →
  • Create your GitHub repository
  • Configure your GitHub repository
  • Configure System Designer
  • Create your page
System Designer is distributed under Apache License 2.0 - Copyright © 2024 Erwan Carriou