...
The following requirements are required to use the plugin:
- Joget Enterprise version 8.1.0 or later.
- Generative AI Plugin downloaded and installed.
- Process Enhancement Plugin DX downloaded.
- An API Server URL and Server API key. The URL and API key can be requested from the Joget Intelligence website.
- An LLM Key. For example, you can obtain one from OpenAI.
- A backend Python container (optional if you are using a Joget-hosted container).
Figure 1: Obtaining API keys from OpenAI
Where to get the plugin
You can download the AI Agent Builder plugin from the Joget Marketplace.
Steps Example
Step 1
Once everything is set up, select Design App and click the Create New App option located at the left sidebar in the App Center.
...
Under the Link your API Server icon, paste an API Server URL and API Server Key into the provided fields. Click Save.
Figure 5: API Service Configuration
...
Click the Setup AI Services icon and click Configure.
Configure the following:
- For AI Service Name, provide a display name for the AI model.
- For Model Class, select an AI model from the drop-down list.
- For Model Name, select the model version from the drop-down list.
- Optionally, re-enter the API Key for API Key (Optional).
- Click Create and click Save.
- Optionally, click the PII Masking to configure PII Masking.
Figure 6: Configure new AI Service
...
This tutorial uses the Text option.
Figure 7: Text option
...
An Any further adjustments to your query? reply message is displayed in the chatbox with the following options available:
Figure 8: Making further adjustments to the text prompt.
Enhance Query: Uses AI to improve the query presented by adding additional details to yield improved results.
Revert: Reverts the Enhanced Query response back to the original query.
Regenerate: Regenerate a new Enhanced Query response.
Continue: Proceed to the Process Proposal stage.
PII Masking: Redacts sensitive information presented in the query to improve security and anonymity.
Revert: Reverts the PII Masking response back to the original query.
Regenerate: Regenerate a new PII Masking response.
Continue: Proceed to the Process Proposal stage.
Skip: Skips any adjustments and proceeds to the Process Proposal stage.
Step 8
The process of designing an app using Joget AI Designer consists of four main stages which include Process Proposal, Forms and Participants, Process Design, and Form Design. Complete all of these steps to generate a functional app.
In the Shall we proceed to the Process Proposal stage? page, click Process Proposal.
Figure 9: Moving to the Process Proposal stage
Step 9
A summary of the app design is displayed. The following options are available:
Figure 10: A summary of the project proposal
Refine: Allows users to refine the project proposal by adding additional prompts.
Regenerate: Regenerate a new project proposal.
Form Design: Proceed to the Forms and Participants stage.
Step 10
Add a new form or additional form by clicking Add Form to input a prompt for a new form. The AI will generate a new form.
Figure 11: Additional form generation
If no further changes are necessary, click Create App. Provide an App ID and App Name, and click Save to create the app.
Expected outcome
After completing the steps, you will be prompted to Launch App Composer and have created an Expense Claims App. It can handle approvals based on the total claim amount criteria. The app can be configured further, just like any other Joget app.
Sample Generated App:
| View file | ||||
|---|---|---|---|---|
|