Blog Posts BPMN DMN

New update! SWF dev UI diagram

Blog: Drools & jBPM Blog

We are pleased to announce that the serverless workflow dev UI now supports colored nodes based on the path the workflow has taken for execution.

How to view the diagram?

To view the diagram, the easiest method is to use the awesome set of examples that we have here. In my video below, I will be using the serverless-workflow-compensation-quarkus example.

Prerequisites:

To start the example run the command: mvn clean package quarkus:dev

This will start all the necessary services to start the example.

Once all the services are started, you can visit the dev UI.

To start a workflow instance, you can use the following command in the terminal:

curl -X POST -H 'Content-Type:application/json' -H 'Accept:application/json' -d '{"shouldCompensate": true}' http://localhost:8080/compensation

Click on the workflow instances under the Serverless Workflow Tools card.

This will navigate you to the workflow instances page, where you can see the list of workflow instances available.

Click on the Workflow Error example to get navigated to the workflow details page. You can see the diagram with colored nodes being rendered in the Serverless Workflow Diagram card.

A detailed explanation is available in the video attached below.

colored nodes in dev ui

As you can see in the video, the compensation example has different paths being executed depending on the shouldCompensate boolean value. When there is an error in the workflow execution, that node is shown in Red color.

Conclusion

This diagram helps the user understand and visualize the path taken by the workflow execution, thereby improving the user experience in the dev UI.

Stay tuned for more exciting updates in the dev UI!!!

The post New update! SWF dev UI diagram appeared first on KIE Community.

Leave a Comment

Get the BPI Web Feed

Using the HTML code below, you can display this Business Process Incubator page content with the current filter and sorting inside your web site for FREE.

Copy/Paste this code in your website html code:

<iframe src="https://www.businessprocessincubator.com/content/new-update-swf-dev-ui-diagram/?feed=html" frameborder="0" scrolling="auto" width="100%" height="700">

Customizing your BPI Web Feed

You can click on the Get the BPI Web Feed link on any of our page to create the best possible feed for your site. Here are a few tips to customize your BPI Web Feed.

Customizing the Content Filter
On any page, you can add filter criteria using the MORE FILTERS interface:

Customizing the Content Filter

Customizing the Content Sorting
Clicking on the sorting options will also change the way your BPI Web Feed will be ordered on your site:

Get the BPI Web Feed

Some integration examples

BPMN.org

XPDL.org

×