Difference between revisions of "QPR UI - 06/2022 Deprecated"

From Mea Wiki
Jump to navigation Jump to search
 
(190 intermediate revisions by 3 users not shown)
Line 1: Line 1:
Welcome to '''QPR UI Wiki'''! QPR UI is the new state-of-the-art unified user interface for all QPR products (QPR ProcessAnalyzer, QPR Metrics, QPR EnterpriseArchitect and QPR ProcessDesigner).
+
== Designing Dashboards ==
 +
User interface designed using QPR UI consists of views, panels and presentation objects. View is the topmost level canvas that spans the entire screen, and panels in the view are used to group presentation objects visually together. Presentation objects are smallest building blocks of the user interface, and they are for example charts, tables, buttons and labels.
  
== Designing the User Interface ==
+
<div style="display: flex;flex-wrap: wrap;">
Building blocks of QPR UI are '''views''',  '''panels''' and '''presentation objects'''. Panels are used to group presentation objects in a dashboard. Presentation objects are for example charts, tables and buttons.
 
  
<table style="width:100%; display: table;border-spacing: 10px;">
+
<div style="flex: 10 0 230px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
<tr>
+
=== Visualizations ===
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; font-size:1em; background-color:#F8F8FF; width:25%; min-width: 200px;display: table-cell; vertical-align:top;">
+
* [[Data Grid Properties|Data Grid]]
=== Quering Data from QPR ProcessAnalyzer ===
+
* [[Editable Data Grid|Editable Data Grid]]
<div style="align:left; font-size:1em; float:left; width:100%;">
+
* [[HTML Properties|HTML and JavaScript Content]]
* Datasource for [[QPR ProcessAnalyzer Datasource|QPR ProcessAnalyzer]]
+
* [[SVG Properties|SVG Content]]
* [[QPR ProcessAnalyzer Expression Analysis|Expression Analysis]]
+
* [[External Content Properties|External Content Viewer]] (iframe)
* [[QPR_ProcessAnalyzer_Expressions|Expression language overview]]
+
* [[Repeater_Properties|Content Repeater]]
* [[Generic Properties and Functions in QPR ProcessAnalyzer Expressions|Generic expression functions]]
 
* [[Object Specific Properties and Functions in QPR ProcessAnalyzer Expressions|Object specific expression functions]]
 
* [[Filtering_in_QPR_ProcessAnalyzer_Queries|Filtering in QPR ProcessAnalyzer queries]]
 
* [[Conformance_Checking_in_QPR_ProcessAnalyzer|Conformance checking using BPMN models]]
 
* [[HTML Presentation Object: QPR ProcessAnalyzer CSV Data Import|CSV Data Import into QPR ProcessAnalyzer]]
 
 
</div>
 
</div>
</td>
+
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; font-size:1em; background-color:#F8F8FF; width:25%; min-width: 200px;display: table-cell; vertical-align:top;">
+
<div style="flex: 10 0 200px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
=== Quering Data from QPR Suite===
+
 
<div style="align:left; font-size:1em; float:left; width:100%;">
+
=== Designing Dashboards ===
* Working with [[Datasets in QPR UI|queries and datasets]]
+
* [[View and Panel Designer in QPR UI|View Designer]]
* Datasource for [[QPR Suite Web Service Datasource|QPR Suite Web Service]]
+
* [[QPR_UI_Folders|Folders]]
* [[QPR Reporting Expression|QPR Reporting Expression]]
+
* [[Permissions (QPR UI)|Permissions]]
 +
* [[Tutorial: Creating View in QPR UI|Tutorial for Creating Views]]
 +
</div>
 +
 
 +
<div style="flex: 10 5 250px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
 +
=== Querying Data ===
 +
* [[Datasets in QPR UI|Queries and Datasets]]
 +
* [[QPR Suite Web Service Datasource|QPR Suite Web Service Datasource]]
 +
* [[QPR Reporting Expression|QPR Reporting Expression Datasource]]
 
</div>
 
</div>
</td>
+
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; font-size:1em; background-color:#F8F8FF; width:25%; min-width: 200px;display: table-cell; vertical-align:top;">
+
<div style="flex: 10 0 200px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
 
=== Variables and Tags===
 
=== Variables and Tags===
<div style="align:left; font-size:1em; float:left; width:100%;">
+
* [[Variables in QPR UI|Variables]]
* [[Dynamic Tags in QPR UI|Dynamic tags]]
+
* [[Dynamic Tags in QPR UI|Dynamic Tags]]
** [[Variable Tag in QPR UI|Variable]]
+
** [[Variable Tag in QPR UI|Variable Tag]]
** [[Expression Tag in QPR UI|Expression]]
+
** [[Expression Tag in QPR UI|Expression Tag]]
** [[Dataset Tag in QPR UI|Dataset]]
+
** [[Dataset Tag in QPR UI|Dataset Tag]]
* [[Context Variables in QPR UI|Context variables]]
 
* [[QPR UI System Variables|System variables]]  
 
 
</div>
 
</div>
</td>
+
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; font-size:1em; background-color:#F8F8FF; width:25%; min-width: 200px;display: table-cell; vertical-align:top;">
 
=== Configuring ===
 
<div style="align:left; font-size:1em; float:left; width:100%;">
 
* [[View and Panel Designer in QPR UI|View and panel designer]]
 
* [[QPR UI Workspace|workspaces]]
 
* [[Permissions (QPR UI)|permissions]]
 
* [[QPR_UI_Best_Practices|Best Practices for designing views]]
 
 
</div>
 
</div>
</td>
 
</tr>
 
</table>
 
  
== QPR UI Presentation Objects ==
+
== Installation and Administration ==
  
QPR UI contains variety of [[QPR UI Presentation Objects|presentation objects]] for different purposes:
+
<div style="display: flex;flex-wrap: wrap;">
 
+
<div style="flex: 1 0 260px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
<table style="width:100%; display: table;border-spacing: 10px;">
+
=== Planning Installation ===
<tr>
+
* [[QPR UI Installation Checklist|Installation and Configuration Checklist]]
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; font-size:1em; background-color:#F8F8FF; width:25%; min-width: 200px;display: table-cell; vertical-align:top;">
+
* [[QPR UI System Requirements|System Requirements for QPR UI]]
=== Data visualization ===
+
* [[QPR UI Release Notes|QPR UI Release Notes]]
<div style="align:left; font-size:1em; float:left; width:100%;">
 
* [[Chart_and_Gauge_Properties|Chart and Gauge]]
 
* [[Data Grid Properties|Data Grid]] and [[Editable Data Grid|Editable Data Grid]]
 
* [[Pick List Properties|Pick List]]
 
* [[Process Path Visualizer]]
 
</div>
 
</td>
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; font-size:1em; background-color:#F8F8FF; width:25%; min-width: 200px;display: table-cell; vertical-align:top;">
 
=== Analytics and flowcharts ===
 
<div style="align:left; font-size:1em; float:left; width:100%;">
 
* [[QPR_ProcessAnalyzer Presentation Object (PAPO)|QPR ProcessAnalyzer (PAPO)]]
 
* [[Pivot Grid Properties|Pivot Grid]]
 
* [[KPI Analysis]]
 
</div>
 
</td>
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; font-size:1em; background-color:#F8F8FF; width:25%; min-width: 200px;display: table-cell; vertical-align:top;">
 
=== Customized and external content ===
 
<div style="align:left; font-size:1em; float:left; width:100%;">
 
* [[HTML Properties|HTML]]
 
* [[External Content Properties|External Content]]
 
* [[SVG Properties|SVG]]
 
</div>
 
</td>
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; font-size:1em; background-color:#F8F8FF; width:25%; min-width: 200px;display: table-cell; vertical-align:top;">
 
=== Containers for presentation objects ===
 
<div style="align:left; font-size:1em; float:left; width:100%;">
 
* [[View_and_Panel_Designer_in_QPR_UI|View]]
 
* [[View_and_Panel_Designer_in_QPR_UI|Panel]]
 
* [[Repeater_Properties|Repeater]]
 
 
</div>
 
</div>
</td>
 
</tr>
 
</table>
 
  
== Installing and Configuring QPR UI ==
+
<div style="flex: 1 0 260px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
  
<table style="width:100%; display: table;border-spacing: 10px;">
 
<tr>
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; font-size:1em; background-color:#F8F8FF; width:33.3%; min-width: 200px;display: table-cell; vertical-align:top;">
 
=== Planning ===
 
<div style="align:left; font-size:1em; float:left; width:100%;">
 
* [[QPR UI Installation Checklist|Installation checklist]] guides you through the installation process
 
* [[QPR UI System Requirements|System requirements]] must be fulfilled before installing
 
</div>
 
</td>
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; font-size:1em; background-color:#F8F8FF; width:33.3%; min-width: 200px;display: table-cell; vertical-align:top;">
 
 
=== Installing ===
 
=== Installing ===
<div style="align:left; font-size:1em; float:left; width:100%;">
+
* [[SQL Server Configuration in QPR UI|SQL Server Configuration for QPR UI]]
* [[SQL Server Configuration in QPR UI|SQL Server configuration]] for QPR UI database
+
* [[QPR UI Windows Installer|QPR UI Windows Installer]]
* Running [[Installing QPR UI|QPR UI Windows installer]] and [[Upgrading QPR UI|upgrading QPR UI]] to a newer version
+
* [[Setting up IIS as Reverse Proxy for QPR UI|IIS as Reverse Proxy for QPR UI]]
* [[Silent Installation in QPR UI|QPR UI silent installation]] can be used to automate installation
+
* [[QPR UI Data Grid Export Service|Data Grid Export Service Installation]]
* [[Data Grid Export Service|Installing Data grid export service]]
+
* [[Enable Detailed Error Messages in IIS]]
 +
* [[Silent Installation in QPR UI|Automated Installation]]
 
</div>
 
</div>
</td>
+
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; font-size:1em; background-color:#F8F8FF; width:33.3%; min-width: 200px;display: table-cell; vertical-align:top;">
+
<div style="flex: 1 0 260px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
 
=== Configuring ===
 
=== Configuring ===
<div style="align:left; font-size:1em; float:left; width:100%;">
+
* [[QPR UI System Settings|QPR UI System Settings]]
 +
* [[Federated Authentication in QPR UI|Federated Authentication (SAML 2.0)]]
 
* [[Common QPR Authentication]]
 
* [[Common QPR Authentication]]
* [[Federated Authentication in QPR UI|Federated authentication]]
+
* [[Payara Configuration in QPR UI|Payara Settings]]
* [[GlassFish Configuration in QPR UI|GlassFish settings]]
+
* [[QPR UI Security Hardening]]
* Setting up [[Routing Through IIS in QPR UI|IIS to pass through QPR UI traffic]]
+
* [[QPR UI Audit Logging|Audit Logging in QPR UI]]
* [[Enable Detailed Error Messages in IIS]]
+
</div>
* [[QPR UI System Settings|QPR UI system settings]] stored in the database
 
* [[Security_Hardening_in_QPR_UI|Security Hardening]]
 
 
</div>
 
</div>
</td>
 
</tr>
 
</table>
 
  
== Logs ==
+
__NOTOC__
* [[QPR UI Audit Logging]]
 
 
 
== Releases and Deployment Packages ==
 
* Installer:  https://files.qpr.com/releases/QPR_UI_2018.7.0/QPR_UI.exe
 
* [[QPR UI Release Notes|QPR UI Release Notes]]
 
* [[QPR UI Deployment Packages]]
 
  
 
[[Category: QPR UI]]
 
[[Category: QPR UI]]
 
__NOTOC__
 

Latest revision as of 09:29, 8 July 2022

Designing Dashboards

User interface designed using QPR UI consists of views, panels and presentation objects. View is the topmost level canvas that spans the entire screen, and panels in the view are used to group presentation objects visually together. Presentation objects are smallest building blocks of the user interface, and they are for example charts, tables, buttons and labels.

Installation and Administration