Hello everyone,
I’ve created an open-source web app during my bachelor’s thesis that allows users to visually create a system using a node graph. You can find the repository here : mecatronYx / OpenCNC / OpenCN-Config · GitLab
Interface :
- The top bar (1) has the file menu for opening existing HAL files ( including HAL files not created from the app), saving the current graph into a HAL file and exporting the graph into a PNG, JPG or SVG image. It also features a button to manage threads (create, delete, rename, etc.) via a popup.
- The components list (2) displays all the available components from OpenCN, which can be dragged and dropped into the graph.
- The node graph (3) Provides a visual representation of the system being built.
- The sidebar (4) is from where you can edit the HAL parameters or the parameters of the selected node/component. The component pins and parameters change based on the value of the HAL parameters if they do modify the component.
The backend uses a standardized JSON representation for OpenCN components. This structure allows for the easy addition of basic components.
For the time being, the web app is still raw and does not yet include the integration of the LCEC component as it must be handled differently.