Editing statecharts Copy link to clipboard

Designing a robust and well-structured system starts with creating a clear and accurate model. The Editing & Validation capabilities of itemis CREATE make this process both intuitive and error-resistant.
With a new developed, user-friendly graphical editor, you can visually model your system’s states and transitions, ensuring that complex system logic is easy to comprehend and maintain. Drag-and-drop functionality, alongside context-sensitive tools, allows you to quickly build, modify, and refine your models with minimal effort.

Key Features:

- Graphical Statechart Editing: Create, modify, and connect states and transitions effortlessly.
- Seamless Editor Integration: Integrate state machine editing directly into your VS Code workflow. The `.scm` files are recognized as statechart models, and you can edit them as part of your regular development cycle, with itemis CREATE providing the full modeling, simulation, and code-generation functionality.
- Real-Time Validation: Avoid mistakes as you work. itemis CREATE provides instant feedback by validating your model in real time. Errors and warnings are highlighted, guiding you to resolve issues early in the development process.
- Syntax and Semantics Checks: Ensure your models adhere to the rules of statecharts and reflect your intended system logic. This reduces costly debugging later on.
- Consistent Documentation: Automatically maintain clear and consistent documentation of your system’s design as part of your modeling workflow.

By enabling rapid iterations and immediate feedback, the Editing & Validation tools empower you to design robust systems with confidence and precision, laying the foundation for successful simulations, testing, and code generation.

To create a new statechart in Visual Studio Code, follow these steps:

1. Add a New File: Create a new file in your workspace with the `.scm` extension. An initial statechart will be automatically generated for you.
2. Edit the Statechart:
- Open the statechart file to access the graphical editor.
- Use the Properties View in the itemis CREATE panel to customize elements like states, transitions, priorities, and more.

An Examples View is included in the itemis CREATE View, providing a convenient way to explore and learn from pre-built examples.

To get started:

- Open the Examples View in the itemis CREATE View.
- Browse the tree view, which organizes examples by categories.
- Select an example to open its description in an integrated webview.

A webview displays a detailed description of the example, outlining its purpose and functionality. If you want to work with the example, simply click the Open button in the tree view. This will add the example to your workspace, allowing you to explore and modify it as needed.

These examples serve as practical demonstrations of itemis CREATE’s features and are valuable for both beginners and advanced users. They not only help new users get started but also provide hands-on examples for advanced use cases, such as integrating the generated code into embedded systems and other complex scenarios.