Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  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. This is the Process Builder.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.




  3. 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. Take note on the default workflow variable called status.




  4. 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.

    Add 
  5. activitiesAdd Activities, toolsTools and routesRoutes into the process diagram. Activities represent forms which require human interaction. Tools represent system or automated tasks, and routes are decision points. Use transitionsUse 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.  






  6. Ensure that the process has a proper Start and End. Click on Deploy at the top right to deploy the process to the server.

...

  1. Once a process has been successfully deployed, return to the previous tab/window. The new process diagram will be generated after you click on OK. Joget will interpret the process diagram and load the process details.

     
  2. Click on Configure Mapping button along the top.
       

  3. The Process Mapper is one of the main highlights Joget DX.

     

  4. Click on the Participant to open up the Map Participants to Users.

    Image Modified

  5. Participants defined in the process are listed in the Map Participants to Users, and you can map each participant to specific people. Click on Add/Edit Mapping 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.
     

...

  1. In the Process Mapper, click on an Activity to open up the Map Activities to Forms.


  2. In the Map Activities to Forms, all process activities are listed.

  3. For each activity, click on Add/Edit Form to select from a list of current forms in the app.
     
     
     
  4. As an example to handle an approval process, click on Create New Form to create a new Travel Approval Form. In this new form, add a Subform that displays the original submitted form, and radio buttons to capture the approval status.
    Image Removed  Image Added
     
     
  5. Configure this Subform to select the original request form.
    Image Removed  Image Added
     
     
  6. Configure the status radio button to have Approved and Rejected options.
    Image Removed  Image Added
     
     
  7. For routing purposes, an important setting in the radio button is the mapping to a workflow variable under Advanced Options. In this case, setting the mapping to status means that the value will be stored in the status workflow  workflow variable.
    Image Removed  Image Added

      
  8. After all the configuration, the new approval form should look similar to the following screenshot:
    Image Removed

...


  1.  Image Added

  2. Ensure the Activities are mapped accordingly.
      Image Added

Mapping Tools to Plugins

  1. By clicking on a Tool in the Process Mapper, it will open up the Map Tools to Plugins
       Image Added

  2. In the Map Tools to Plugins tab, you can map tools defined in the process to plugins.
    Image Removed
      For  For each tool, click on Add/Edit Plugin to select and configure a plugin.
    Image Removed Image Added
      

Mapping Routes to Plugins

...