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

From Mea Wiki
Jump to navigation Jump to search
 
(98 intermediate revisions by 2 users not shown)
Line 1: Line 1:
Welcome to '''QPR UI Wiki'''! QPR UI is a state-of-the-art web user interface providing unified user experience across all QPR Software's products: QPR ProcessAnalyzer, QPR Metrics, QPR EnterpriseArchitect and QPR ProcessDesigner. QPR UI is a flexible development platform providing possibility to design an intuitive and beautiful user interfaces for variety of different needs. User interface implemented using QPR UI is responsive and so it works all sizes of devices, such as in mobile phones, tablets and desktop. To get started quickly with QPR UI, install Deployment Packages for the products you are using:
+
== Designing Dashboards ==
<div style="display: inline-block;margin: 10px 10px 10px 10px; border: 1px solid #dfdfdf;    padding: 0em 2em 1em 1em;background-color: #F8F8FF;">
+
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.
=== QPR UI Deployment Packages ===
 
* [[QPR_ProcessAnalyzer_Deployment_Package_for_QPR_UI|QPR ProcessAnalyzer Deployment Package]]
 
* [[Processes_for_the_Masses_Deployment_Package_for_QPR_UI|Processes for the Masses Deployment Package]]
 
* [[QPR_Metrics_Deployment_Package_for_QPR_UI|QPR Metrics Deployment Package]]
 
</div>
 
  
== Designing User Interfaces ==
+
<div style="display: flex;flex-wrap: wrap;">
User interfaces designed using QPR UI consist of views,  panels and presentation objects. Panels are used to group presentation objects in views. Presentation objects are e.g. charts, tables, labels 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; background-color:#F8F8FF; width:25%; min-width: 200px;vertical-align:top;">
+
* [[Data Grid Properties|Data Grid]]
=== Querying from QPR ProcessAnalyzer ===
+
* [[Editable Data Grid|Editable Data Grid]]
<div style="align:left; float:left; width:100%;">
+
* [[HTML Properties|HTML and JavaScript Content]]
* [[QPR ProcessAnalyzer Datasource|QPR ProcessAnalyzer datasource]]
+
* [[SVG Properties|SVG Content]]
* [[QPR ProcessAnalyzer Expression Analysis|Expression Based Analysis]]
+
* [[External Content Properties|External Content Viewer]] (iframe)
** [[QPR_ProcessAnalyzer_Expressions|Introduction to expression language]]
+
* [[Repeater_Properties|Content Repeater]]
** [[Object Properties and Functions in QPR ProcessAnalyzer Expressions|Object types]]
 
** [[Generic Properties and Functions in QPR ProcessAnalyzer Expressions|Function and properties]]
 
* [[Filtering_in_QPR_ProcessAnalyzer_Queries|Filtering in queries]]
 
</div>
 
</td>
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
 
 
 
=== Querying from QPR Suite===
 
<div style="align:left; float:left; width:100%;">
 
* [[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; background-color:#F8F8FF; width:25%; min-width: 200px;vertical-align:top;">
 
  
=== Tags and Variables ===
+
<div style="flex: 10 0 200px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
<div style="align:left; float:left; width:100%;">
 
* [[Dynamic Tags in QPR UI|Dynamic tags]]
 
** [[Variable Tag in QPR UI|Variable tag]]
 
** [[Expression Tag in QPR UI|Expression tag]]
 
** [[Dataset Tag in QPR UI|Dataset tag]]
 
* [[Context Variables in QPR UI|Context variables]]
 
* [[QPR UI System Variables|System variables]]
 
</div>
 
</td>
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
 
  
=== Managing Views ===
+
=== Designing Dashboards ===
<div style="align:left; float:left; width:100%;">
+
* [[View and Panel Designer in QPR UI|View Designer]]
* [[View and Panel Designer in QPR UI|View designer]]
 
 
* [[QPR_UI_Folders|Folders]]
 
* [[QPR_UI_Folders|Folders]]
* [[QPR UI Workspace|Workspaces]]
 
 
* [[Permissions (QPR UI)|Permissions]]
 
* [[Permissions (QPR UI)|Permissions]]
* [[QPR_UI_Best_Practices|Best Practices for designing views]]
+
* [[Tutorial: Creating View in QPR UI|Tutorial for Creating Views]]
* [[Tutorial: Creating View in QPR UI|Tutorial for Creating View]]
 
 
</div>
 
</div>
</td>
 
</tr>
 
</table>
 
  
== Presentation Objects ==
+
<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 ===
QPR UI contains variety of [[QPR UI Presentation Objects|presentation objects]] for different purposes:
+
* [[Datasets in QPR UI|Queries and Datasets]]
 
+
* [[QPR Suite Web Service Datasource|QPR Suite Web Service Datasource]]
<table style="width:100%; display: table;border-spacing: 10px;">
+
* [[QPR Reporting Expression|QPR Reporting Expression Datasource]]
<tr>
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
 
=== Data Visualization ===
 
<div style="align:left; 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]]
 
* [[Pivot Grid Properties|Pivot Grid]]
 
</div>
 
</td>
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
 
=== Data Analytics ===
 
<div style="align:left; float:left; width:100%;">
 
* [[QPR_ProcessAnalyzer Presentation Object (PAPO)|QPR ProcessAnalyzer (PAPO)]]
 
* [[KPI_Analysis_(PAPO)|QPR ProcessAnalyzer KPI Designer]]
 
* [[Process Path Visualizer]] (for QPR ProcessDesigner)
 
 
</div>
 
</div>
</td>
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
 
  
=== Customized and External Content ===
+
<div style="flex: 10 0 200px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
<div style="align:left; float:left; width:100%;">
+
=== Variables and Tags===
* [[HTML Properties|HTML and JavaScript Content]]
+
* [[Variables in QPR UI|Variables]]
* [[SVG Properties|SVG Content]]
+
* [[Dynamic Tags in QPR UI|Dynamic Tags]]
* [[External Content Properties|External Content Viewer]] (iframe)
+
** [[Variable Tag in QPR UI|Variable Tag]]
 +
** [[Expression Tag in QPR UI|Expression Tag]]
 +
** [[Dataset Tag in QPR UI|Dataset Tag]]
 
</div>
 
</div>
</td>
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:25%; min-width: 200px; vertical-align:top;">
 
  
=== Containers for Presentation Objects ===
 
<div style="align:left; float:left; width:100%;">
 
* [[View_and_Panel_Designer_in_QPR_UI|View/Panel]]
 
* [[Repeater_Properties|Repeater]]
 
 
</div>
 
</div>
</td>
 
</tr>
 
</table>
 
  
 
== Installation and Administration ==
 
== Installation and Administration ==
  
<table style="width:100%; display: table;border-spacing: 10px;">
+
<div style="display: flex;flex-wrap: wrap;">
<tr>
+
<div style="flex: 1 0 260px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:33.3%; min-width: 200px; vertical-align:top;">
+
=== Planning Installation ===
=== Planning ===
 
<div style="align:left; float:left; width:100%;">
 
 
* [[QPR UI Installation Checklist|Installation and Configuration Checklist]]
 
* [[QPR UI Installation Checklist|Installation and Configuration Checklist]]
 
* [[QPR UI System Requirements|System Requirements for QPR UI]]
 
* [[QPR UI System Requirements|System Requirements for QPR UI]]
 
* [[QPR UI Release Notes|QPR UI Release Notes]]
 
* [[QPR UI Release Notes|QPR UI Release Notes]]
 
</div>
 
</div>
</td>
+
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:33.3%; min-width: 200px; 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;">
  
 
=== Installing ===
 
=== Installing ===
<div style="align:left; 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]]
* [[Installing QPR UI|Running QPR UI Windows Installer]]
+
* [[Setting up IIS as Reverse Proxy for QPR UI|IIS as Reverse Proxy for QPR UI]]
* [[Upgrading QPR UI|Upgrading QPR UI]]
+
* [[QPR UI Data Grid Export Service|Data Grid Export Service Installation]]
* [[Silent Installation in QPR UI|QPR UI Silent Installation]] for automating installation
+
* [[Enable Detailed Error Messages in IIS]]
* [[Data Grid Export Service|Data Grid Export Service Installation]]
+
* [[Silent Installation in QPR UI|Automated Installation]]
* Setting up [[Routing Through IIS in QPR UI|IIS to pass through QPR UI traffic]]
 
 
</div>
 
</div>
</td>
 
<td style="word-wrap: break-word; border:1px solid #dfdfdf; padding:0 1em 1em 1em; align:left; background-color:#F8F8FF; width:33.3%; min-width: 200px; 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; float:left; width:100%;">
 
 
* [[QPR UI System Settings|QPR UI System Settings]]
 
* [[QPR UI System Settings|QPR UI System Settings]]
* [[Federated Authentication in QPR UI|Federated Authentication]]
+
* [[Federated Authentication in QPR UI|Federated Authentication (SAML 2.0)]]
 
* [[Common QPR Authentication]]
 
* [[Common QPR Authentication]]
* [[GlassFish Configuration in QPR UI|GlassFish Settings]]
+
* [[Payara Configuration in QPR UI|Payara Settings]]
* [[Enable Detailed Error Messages in IIS]]
+
* [[QPR UI Security Hardening]]
* [[Security_Hardening_in_QPR_UI|Security Hardening for QPR UI]]
+
* [[QPR UI Audit Logging|Audit Logging in QPR UI]]
* [[QPR UI Audit Logging|Logs in QPR UI]]
+
</div>
 
</div>
 
</div>
</td>
 
</tr>
 
</table>
 
  
<div style="display: inline-block;margin: 10px 10px 10px 10px; border: 1px solid #dfdfdf;    padding: 0em 2em 1em 1em;background-color: #F8F8FF;">
+
__NOTOC__
 
 
=== QPR UI Installer ===
 
* https://files.qpr.com/releases/QPR_UI_2018.7.0/QPR_UI.exe
 
</div>
 
  
 
[[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