Web Modeling Editor#
One of the practical ways to use BESSER is through the Web Modeling Editor, where you can rapidly design B-UML models and try the BESSER code generators.
Note
The BESSER Web Editor is based on a fork of the Apollon project, a UML modeling editor.
The BESSER web editor provides a graphical dashboard to create two types of B-UML models:
Class diagram or structural model

Launching the Project#
The BESSER web editor can be launched as Docker containers using Docker Compose.
Prerequisites#
Install Docker Compose. The recommended way is via Docker Desktop
Clone and Launch the Project#
Follow these steps to set up the editor:
git clone https://github.com/BESSER-PEARL/BESSER.git cd BESSER git submodule init git submodule update docker-compose up
Once the setup is complete, open your browser and navigate to http://localhost:8080
.
Using the BESSER Web Editor#
Modeling#
Open the web modeling editor in your browser (
http://localhost:8080
).Select the diagram type (Class or State Machine).
Use the toolbar to add elements and relationships.
Models are automatically saved and synchronized.
Export/Import the diagram as a B-UML or JSON file.
Generating Code#
After create your class diagram, select the BESSER Generator (e.g., Python classes, Backend).
Click “Generate/Download” in the toolbar.
Download the generated code.
Note
The Web Editor will soon be available online. Stay tuned for updates!