Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Info
titlePrevious step

Make sure that you have first completed the previous tutorial - Designing a Userview

Table of Contents
maxLevel2
stylecircle


Widget Connector
width600
urlhttps://www.youtube.com/watch?v=btsE3Zp7wGM&list=PLFOgRDg2hmNLg_I-BjTj3hGAi2pD57lZ1&index=5

...

  1. In the App design page, click on the Processes menu on the left, and then on the Design Processes button along the top.

     
  2. The Process Builder is one of the main highlights in Joget Workflow v5 replacing the older Workflow Designer.
      
  3. There are 3 main areas in the Process Builder. On the top (red), the Navigator 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 Graph area (green) that contains the actual process diagram.

     
  4. 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.
     
      
  5. Add Participants 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.

      
  6. Add activities, tools and routes into the process diagram. Activities represent forms which require human interaction. Tools represent system or automated tasks, and routes are decision points. Use transitions 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.  



      
  7. To handle routing (for example approval conditions), use Routes in combination 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.

    Info
    titleRoutes

    Learn more about Process Routes.

    Image Modified

      
  8. Once a workflow variable has been defined, hover over on a transition and click on the edit icon to open the transition dialog.
  9.   
  10. In the transition dialog, select type Condition, select the variable status in Variable and key in Approved into the Value field*.* This means that this transition will occur if the value of status is "Approved".
       
  11. Set the transition type to Otherwise 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:

       
  12. Ensure that the process has a proper Start and End. Click on Deploy to deploy the process to the server.

...

  1. In the App design page, click on the name of an existing userview to launch the Userview Builder.
      
  2. Drag a Run Process element into a menu category. This menu element allows the user to start a process from the userview.


  3. Click on Properties of the Run Process element and select the process to run.

      
  4. Drag an Inbox element into a menu category. This menu element provides the user with an inbox to manage their assigned workflow tasks.

      
  5. Save the userview, and you will be able to run and perform assigned tasks in the published userview.

 

 

Related Tutorials

Children Display