Joget Getting Started
I. Environments
1. Joget
Download Joget : www.jogets .org/download.
II. Development
1. Start Joget
Page | 1
In joget engine version 3.0 there is the difference between the path. In version 3.0, it is
http://localhost:8080/jw/web/login for accessing Joget Workflow Login Page. Login using username :
admin, and password : admin.
Page | 2
Here is the picture of home page as admin.
2. Design Apps
Now, we will design our first application which is user registration. Click on Design Apps on the Home
Page Screen.
After successfully saved the application details, you will be redirected into next step, design app,
Page | 3
Click on “Launch Workflow Designer”. Here is the preview.
Here is the preview of the workflow designer.
Page | 4
Rename “Workflow Process 1” into “register user”.
Page | 5
Rename the participant with the same method.
Create a simple flow by drag and drop into graph panel
Page | 6
Afer you sure about the flow diagram, click on deploy.
Back to browser, click ok or refresh the page.
Page | 7
3. Map Participants to Users
Now, we will map our participants to Users which is defined in our diagram. First, we will, map User
Candidate. Who will be assigned as a User Candidate which is the only users that join the business
process based on the current workflow diagram (register user).
Click add/Edit Mapping right on the right side of User Candidate label.
Here you can choose the mapping based on the defined feature, such as map to group, map to specific
user, organization chart, or specific based on some logic (programmed using java), etc. I’ll simply choose
“Map to the Performer” just like the following screenshot.
Page | 8
4. Map Activities to Forms
Based on our workflow definitions, we just have one activity which is Fill User Details. Now, click on
“map activities to forms” tab just like the following picture.
Page | 9
Then, click on Add/Edit form for “Fill User Details” activity. Since we never create any forms, click Create
New Form to create a new one.
Click on save button.
Click on Launch Form Builder.
Page | 10
Drag and drop 2 TextFields which are for name and address.
Page | 11
Then, click save form or OK on the bottom the screen.
Page | 12
5. Run Process
To run process, you can click on “Run Process” Button like the following picture.
Fill the form
Page | 13
If you choose “Save As Draft”, this form data won’t be flag as done. For now, click on Save As Draft First,
and go to “Monitor Apps -> Running Process”
Page | 14
The state should be still “open.running”. Now, go to “Run Apps” -> “Inbox” and click on pending request
and complete the form input.
Here is the result.
The state will changed into closed.complete.
Page | 15