Published CattleCrew Case Management UI

As a result of our case management experience, we recently released a self-developed case management UI on GitHub to get a better introduction to case management and CMMN 1.1.

Intro

In addition to the traditional process and rules management, Case Management has established itself as the third standard in the BPM standard Toolkit. Case management is particularly suitable for dynamic business processes, which have a high variance in execution. What BPMN represents for traditional process models is the CMMN standard for case management.

The CattleCrew Case Management UI has emerged from the idea of providing an easy introduction to the topic with tool support. We decided for a UI because during our first attempts we noticed that an optimized user interface is a central element for case management. In order to promote the topic with the help of the community, we have published it on GitHub.

Try it out

After following the instructions on GitHub and invoking the user interface, the overview page opens. By selecting a case you get to the detailed view.

cccmui-dashboard

Dashboard

In the detail view, all the context informations about the current case are displayed in four columns to support the knowledge worker with required information. This includes case’s history, information from comparable or related cases, and existing documents.

In the first column of the left the navigation search functionality for  similar or related cases is placed. Below all the associated documents are displayed. In the second column from the left, relevant context information are listed. In the third column you can see the status of the case and what happened so far. The right column shows the activities that can be executed or are currently being processed.

cccmui-casedetails

Case Details

Behind the second tab, the rendered case model is displayed.

cccmui-casemodel

Case Model

Behind the third tab, DMN tables with the input and output parameters are displayed . In the current version, these are displayed only if a BPMN process was started from the case that references a DMN table.

cccmui-casedetailsdecisionhistory

Decision History

The fourth tab shows the data you’ve determined and is especially useful for the developer.

cccmui-casedetailsrawdata

Raw Case Data

By selecting the „New Case“ button in the main navigation, a new case can be started.

cccmui-newcase

New Case

All existing cases in the process engine are listed. After the selection of a case a business key and process variables can be added.

cccmui-newcasewithvariable

New Case with Process Variables

As soon as a case has been started, you will be directed to the overview page, where the newly started case is also visible.

Used process engine

The project requires the Camunda BPM Process Engine. Camunda BPM is one of the first software vendorsthat has integrated CMMN 1.1 into their process engine and also provides a corresponding modeller. Since Camunda 7.6, the „CMMN Monitoring“ feature is also included in the Enterprise version.

CattleCrew Case Management UI is flexible designed so that the engine specific implementation can be replaced by another to test the UI with other process engines. In the following figure, the layers are shown in an abstract manner.

cccmui-architectureoverview

Technical Birdview

The project can be found on GitHub at https://github.com/opitzconsulting/cattlecrew-case-management-ui. There is also an installation manual. The QR code is

QR-Code

QR-Code

 

 

 

 

Of course, you are invited to participate to this project, too. If you are interested, please contact us.

Have fun on experimenting with case management and CMMN!

Feedback is always welcome 😉

Dieser Beitrag wurde unter BPM & System Integration abgelegt und mit , , , , , verschlagwortet. Setze ein Lesezeichen auf den Permalink.

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s