This is a new feature in Joget DX version 8.1 onwards
Introduction
Advanced Tools (App overview tools) can be found inside the App Composer
In the latest App Composer update, developers now have a comprehensive set of tools to analyze how app resources like scripts, queries, plugins, and integrations are utilized in the app design.
It is a new plugin type that has been introduced, enabling further extension of app composer features. It consisted on
- App Composer added the Advanced Tools (App overview tools)
- Added plugin interface for app overview tool implementation
- Added overview tools plugins for searching app resources usage, beanshell coding, hash variable, custom plugins, database query, web coding & integration
- Change the builder definition & app definition date modified saving.
- Added a mind map for overview tools.
Get Started
The easiest way to see how to access the Advanced Tools is to use the existing built-in App Expenses Claims. Here are the steps:
- Start the Joget Server and open the App Center.
- Log in as admin and click on the pencil icon on the Expenses Claim to open the Design App. (see Figure 1)
Figure 1 : App Center - Once you clicked the icon above, you will now be redirected to the App Composer page (Figure 2). You will now see the Advanced tools.
Click on it to see the whole elements of the Advanced Tools
Figure 2 : Advanced Tools in App composer ( App Overview Tools)
Figure 3 : Whole elements and functionality in the Advanced Tools (App Overview Tools)It will be something like builder X-ray feature but for the whole app.
A listing of all custom beanshell coding, where it is used and quick way to update it.
A listing of all hash variables used, the element used it, also quick way to update it.
A listing of all custom plugin, where it is used and quick way to update its properties.
A listing of JDBC and where it is used.
A listing of Custom html & js and where it is used.
A listing of tables and its usage.
and more
A tree or mind map of everything
- In Advanced Tools, you will find 8 icons. Each of these icons serve specific purpose on App viewing with various functionality for Improvement/Debugging.
1)App resources : A listing of App resources usage.
Figure 4 : App resources
2) Beanshell Script : A listing of all custom beanshell coding, where it is used and quick way to update it.
Figure 5 : Beanshell Script
3) Hash Variable : A listing of all hash variables used, the element that is using it, also quick way to update it.
Figure 6 : Hash Variable
You can easily click on the specific hash variable to edit it seamlessly.
4) Installed Plugin : Listing of all custom plugins, where it is used and quick way to update its properties.
Figure 7 : Installed Plugin
5) Database Query : A listing of JDBC and where it is used.
Figure 8 : Database Query
6) Web Coding : A listing of Custom html & JavaScript and where it is used.
Figure 9 : Web Coding
7) Integration : A listing of tables and its usage.
Figure 10 : Integration
8) Overview Map : A tree or mind map of everything
Figure 11 : Overview map