In the App design page, click on the the Processesmenu menu on the left, and then on the the Design Processesbutton button along the top. Image RemovedImage Added
The The Process Builderis is one of the main highlights in Joget v5 replacing the older older Workflow Designer. Image RemovedImage Added
There are 3 main areas in the Process Builder. On the top (red), the the Navigatorpanel panel contains a list of processes together with the action buttons on the right. On the left (blue), this is where the element palette is placed by default. One can move it around to suit one's style. The main panel in the middle is the the Grapharea area (green) that contains the actual process diagram. Image RemovedImage Added
Click on the edit icon under the process name in the Navigator. This brings up the properties dialog where you can edit the process details. Image RemovedImage Added Image RemovedImage Added
Add Add Participantsinto into the process by clicking on the green add button under current Participant. Participants represent users or roles that perform a certain task. Click on the edit button while hovering over the participant name to set its properties. Image RemovedImage Added
Add Add activities, toolsand and routesinto into the process diagram. Activities represent forms which require human interaction. Tools represent system or automated tasks, and routes are decision points. Use Use transitionsto to link them all together in a flow. You may either expand your design by connecting from existing nodes or by dragging the required nodes from the element palette into the process diagram.Image Removed Image RemovedImage AddedImage Added Image RemovedImage Added
To handle routing (for example approval conditions), use use Routesin in combination with with workflow variables. To create a workflow variable, double click on the process name in the Navigator to bring up the process dialog. Click on the first small icon under the Workflow variable heading, and key in the ID of the variable e.g.status. Image RemovedImage Added
Once a workflow variable has been defined,hover overon on a transition and and clickon on the edit icon to open the transition dialog. Image RemovedImage Added
In the transition dialog, select type type Condition, select the variable variable statusin in Variableand and key in in Approvedinto the into the Valuefield field*.* This means that this transition will occur if the value of status is "Approved". Image RemovedImage Added
Set the transition type to to Otherwiseto to indicate that it is the default path to take when other conditions are not met. The Otherwise transition is shown in orange. An example of a simple routing process is as shown below: Image RemovedImage Added
Ensure that the process has a proper proper Startand and End. Click on on Deployto to deploy the process to the server.
Mapping Participants to Users
Once a process has been successfully deployed, return to the previous tab/window. The new process diagram will be generated after you click on on OK. Joget will interpret the process diagram and load the process details. Image RemovedImage Added
Participants defined in the process are listed in the the Map Participants to Userstab tab, and you can map each participant to specific people. Click on on Add/Edit Mappingto to map to specific groups, users, organization chart, etc. If no mapping is done for a participant, any tasks are automatically defaulted to the current user instead. Image RemovedImage Added
Mapping Activities to Forms
In the the Map Activities to Formstab tab, all process activities are listed.
For each activity, click on on Add/Edit Formto to select from a list of current forms in the app. Image RemovedImage Added
As an example to handle an approval process, click on on Create New Formto to create a new new Approvalform form. In this new form, add a a Subformthat that displays the original submitted form, and and radiobuttons buttons to capture the approval status.
Configure this subform to select the original request form. Image RemovedImage Added
Configure the the statusradio radio button to have Approved and Rejected options. Image RemovedImage Added
For routing purposes, an important setting in the radio button is the mapping to a a workflow variableunder under Advanced Options. In this case, setting the mapping to to statusmeans means that the value will be stored in the the statusworkflow workflow variable. Image RemovedImage Added
After all the configuration, the new approval form should look similar to the following screenshot: Image RemovedImage Added
Mapping Tools to Plugins
In the the Map Tools to Pluginstab tab, you can map tools defined in the process to plugins. Image RemovedImage Added
For each tool, click on on Add/Edit Pluginto to select and configure a plugin. Image RemovedImage Added
Test Driving the Process
To perform a test run on a process, click on the the Run Processbutton button along the top of the App design process page. Image RemovedImage Added
Incorporating the Process into the Userview
In the App design page, click on the name of an existing userview to launch the Userview Builder.
Drag a a Run Processelement element into a menu category. This menu element allows the user to start a process from the userview. Image RemovedImage Added
Click on on Propertiesof of the Run Process element and select the process to run. Image RemovedImage Added
Drag an an Inboxelement element into a menu category. This menu element provides the user with an inbox to manage their assigned workflow tasks. Image RemovedImage Added
Save the userview, and you will be able to run and perform assigned tasks in the published userview. Image Removed Image Added