Process Monitor and Claim Breakdown Dashboard Design

The Process Monitor and Claim Breakdown dashboards are defined in TIBCO Business Studio as a GWT web application project, which is available from TIBCO_HOME\bpm\n.n\samples\jaspersoft\Misc\Openspace Gadget Project\JasperShowCase.zip. You can import the project into TIBCO Business Studio, then examine it to see in detail how the dashboards are constructed, modify them or use them as starting points for your own dashboards.

Note that:
  • The project provides Openspace gadget and standalone versions of each dashboard.
  • If you modify the Openspace gadget version of a dashboard, when you deploy the application to the BPM runtime it will not overwrite the version that is supplied with Openspace. Instead, you will need to add the dashboard to Openspace as a new gadget, using the following URL.
    Dashboard URL
    Process Monitor http://server:port/openspace/jaspershowcase/jaspershowcase/jaspershowcase.html
    Claim Breakdown http://server:port/openspace/jaspershowcase/jaspershowcase/claimdashboard.html

    See the TIBCO ActiveMatrix Web Client API Developer's Guide for more information about how to recompile and redeploy the application to the BPM runtime, and contribute it as a gadget to Openspace.

  • The dashboards use Visualize.js to obtain and display reports from JasperReports Server. Visualize.js is a JavaScript API framework used to embed JasperReports Server reports & visualizations inside web applications. See the JasperReports Server Programming Guide supplied with TIBCO JasperReports Server for ActiveMatrix BPM for more information about this API.
  • Each dashboard uses asynchronous callback mechanisms for communication between the different components and layers of the application.

The following tables outline the structure and key functions of each dashboard application. The files can be found in the war\jaspershowcase folder in the project, with the exception of jaspershowcase.java, which is in the src\com\tibco\jasper\showcase\client folder.

Openspace Gadget Variant

Process Monitor dashboard Claim Breakdown dashboard Key Functions
jaspershowcase.html claimdashboard.html
  • Obtains the credentials that the dashboard will use to authenticate its access to JasperReports Server (from jaspershowcase.java).
  • Initializes the Visualize.js JavaScript API framework.
  • Defines the dashboard layout.
jaspershowcase.js claimdashboard.js Provides functions to:
  • get the required reports from JasperReports Server (using Visualize.js).
  • define and update the current context for each report.
jaspershowcase.java jaspershowcase.java
  • Calls ActiveMatrix BPM web services using the ActiveMatrix BPM Web Client API.
  • Provides methods that the dashboard page can call to get the username and password needed to access JasperReports Server. These methods are currently hardcoded to return the Jasperadmin/Jasperadmin credentials, but could be used to provide single sign-on functionality.
  • Provides JSNI calls to export required methods to the dashboard page.
oSApi.js oSApi.js Calls ActiveMatrix BPM web services that are not available via the ActiveMatrix BPM Web Client API, using the ActiveMatrix BPM REST API.
bootstrap.js bootstrap.js HTML, CSS, and JS framework.
jquery-1.11.1.min.js jquery-1.11.1.min.js JavaScript library used by bootstrap.js.
jaspershowcase.nocache.js jaspershowcase.nocache.js JavaScript compiled version of jaspershowcase.java.

Standalone Variant

Process Monitor dashboard Claim Breakdown dashboard Key Functions
jaspershowcase_sa.html claimdashboard_sa.html
  • Defines the credentials that the dashboard will use to authenticate its access to JasperReports Server. These credentials are hardcoded as Jasperadmin/Jasperadmin.
  • Initializes the Visualize.js JavaScript API framework.
  • Defines the dashboard layout.
jaspershowcase.js claimdashboard.js Provides functions to:
  • get the required reports from JasperReports Server (using Visualize.js).
  • define and update the current context for each report.
bootstrap.js bootstrap.js HTML, CSS, and JS framework.
jquery-1.11.1.min.js jquery-1.11.1.min.js JavaScript library used by bootstrap.js.