System Designer

System Designer

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

›Tutorials

Introduction

  • What is System Designer?
  • What is 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
  • Hantera tillägg
  • 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
  • Lyssna efter en modellhändelse
  • 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

  • Who is behind 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 moduleLyssna efter en modellhändelse →
  • 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