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

From Mea Wiki
Jump to navigation Jump to search
 
(44 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<div class="downloadButton" style="width:240px;float:right;margin:3px 12px 0px 20px;">[[QPR_Product_Downloads|Download QPR UI]]</div>
+
== 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.
  
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 user interface development platform providing possibility to design an intuitive and beautiful user interfaces for variety of different use cases. User interface implemented using QPR UI is inherently responsive and it works all sizes of devices, such as in mobile phones, tablets and desktops. To get started quickly with QPR UI, install Deployment Packages for the products you are using.
+
<div style="display: flex;flex-wrap: wrap;">
<div style="display: inline-block;margin: 10px 10px 10px 10px; border: 1px solid #dfdfdf;padding: 0em 2em 1em 1em;background-color: #F7FAFC;">
+
 
=== QPR UI Deployment Packages ===
+
<div style="flex: 10 0 230px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
* [[QPR_ProcessAnalyzer_Deployment_Package_for_QPR_UI|QPR ProcessAnalyzer Deployment Package]]
+
=== Visualizations ===
* [[Processes_for_the_Masses_Deployment_Package_for_QPR_UI|Processes for the Masses Deployment Package]]
+
* [[Data Grid Properties|Data Grid]]
* [[QPR_Metrics_Deployment_Package_for_QPR_UI|QPR Metrics Deployment Package]]
+
* [[Editable Data Grid|Editable Data Grid]]
 +
* [[HTML Properties|HTML and JavaScript Content]]
 +
* [[SVG Properties|SVG Content]]
 +
* [[External Content Properties|External Content Viewer]] (iframe)
 +
* [[Repeater_Properties|Content Repeater]]
 
</div>
 
</div>
  
== Designing User Interfaces ==
+
<div style="flex: 10 0 200px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
User interfaces designed using QPR UI consist of views, panels and presentation objects. View is the topmost level canvas that spans the whole 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 Dashboards ===
 +
* [[View and Panel Designer in QPR UI|View Designer]]
 +
* [[QPR_UI_Folders|Folders]]
 +
* [[Permissions (QPR UI)|Permissions]]
 +
* [[Tutorial: Creating View in QPR UI|Tutorial for Creating Views]]
 +
</div>
  
<div style="display: flex;flex-wrap: wrap;">
+
<div style="flex: 10 5 250px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
<div style="flex: 10 0 250px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
+
=== Querying Data ===
=== Querying from QPR Metrics and EA/PD===
 
 
* [[Datasets in QPR UI|Queries and Datasets]]
 
* [[Datasets in QPR UI|Queries and Datasets]]
 
* [[QPR Suite Web Service Datasource|QPR Suite Web Service Datasource]]
 
* [[QPR Suite Web Service Datasource|QPR Suite Web Service Datasource]]
Line 20: Line 30:
 
</div>
 
</div>
  
<div style="flex: 10 0 250px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
+
<div style="flex: 10 0 200px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
=== Tags and Variables ===
+
=== Variables and Tags===
 +
* [[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 Tag]]
 
** [[Variable Tag in QPR UI|Variable Tag]]
 
** [[Expression Tag in QPR UI|Expression Tag]]
 
** [[Expression Tag in QPR UI|Expression Tag]]
 
** [[Dataset Tag in QPR UI|Dataset Tag]]
 
** [[Dataset Tag in QPR UI|Dataset Tag]]
* [[Context Variables in QPR UI|Context Variables]]
 
* [[QPR UI System Variables|System Variables]]
 
</div>
 
 
<div style="flex: 10 0 250px;border:1px solid #dfdfdf;padding:0 1em 1em 1.5em;background-color:#F7FAFC;margin:10px 0px 0px 10px;">
 
=== Managing Views ===
 
* [[View and Panel Designer in QPR UI|View Designer]]
 
* [[QPR_UI_Folders|Folders]]
 
* [[QPR UI Workspace|Workspaces]]
 
* [[Permissions (QPR UI)|Permissions]]
 
* [[QPR_UI_Best_Practices|Best Practices for Designing Views]]
 
* [[Tutorial: Creating View in QPR UI|Tutorial for Creating Views]]
 
</div>
 
</div>
 
 
== Presentation Objects ==
 
 
QPR UI contains variety of [[QPR UI Presentation Objects|presentation objects]] for different purposes:
 
 
<table style="width:100%; display: table;border-spacing: 10px;">
 
<tr>
 
<td style="border:1px solid #dfdfdf; padding:0 1em 1.5em 1.5em; background-color:#F7FAFC; width:25%; min-width: 200px; vertical-align:top;">
 
=== Data Visualization ===
 
<div style="float:left; width:100%;">
 
* [[Chart_and_Gauge_Properties|Chart and Gauge]]
 
* [[Data Grid Properties|Data Grid]]
 
* [[Editable Data Grid|Editable Data Grid]] (for QPR Suite)
 
* [[Pick List Properties|Pick List]]
 
</div>
 
</td>
 
<td style="border:1px solid #dfdfdf; padding:0 1em 1.5em 1.5em; background-color:#F7FAFC; width:25%; min-width: 200px; vertical-align:top;">
 
 
=== Data Analytics ===
 
<div style="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)
 
* [[Pivot Grid Properties|Pivot Table]]
 
 
</div>
 
</div>
</td>
 
<td style="border:1px solid #dfdfdf; padding:0 1em 1.5em 1.5em; background-color:#F7FAFC; width:25%; min-width: 200px; vertical-align:top;">
 
  
=== Customized and External Content ===
 
<div style="float:left; width:100%;">
 
* [[HTML Properties|HTML and JavaScript Content]]
 
* [[SVG Properties|SVG Content]]
 
* [[External Content Properties|External Content Viewer]] (iframe)
 
 
</div>
 
</div>
</td>
 
<td style="border:1px solid #dfdfdf; padding:0 1em 1.5em 1.5em; background-color:#F7FAFC; width:25%; min-width: 200px; vertical-align:top;">
 
 
=== Canvases for Presentation Objects ===
 
<div style="float:left; width:100%;">
 
* [[View_and_Panel_Designer_in_QPR_UI|View/Panel]]
 
* [[Repeater_Properties|Repeater]]
 
</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="border:1px solid #dfdfdf; padding:0 1em 1.5em 1.5em; background-color:#F7FAFC; width:33.3%; min-width: 200px; vertical-align:top;">
+
=== Planning Installation ===
=== Planning ===
 
<div style="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="border:1px solid #dfdfdf; padding:0 1em 1.5em 1.5em; background-color:#F7FAFC; 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="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]]
 
* [[QPR UI Windows Installer|QPR UI Windows Installer]]
 
* [[QPR UI Windows Installer|QPR UI Windows Installer]]
Line 109: Line 61:
 
* [[Silent Installation in QPR UI|Automated Installation]]
 
* [[Silent Installation in QPR UI|Automated Installation]]
 
</div>
 
</div>
</td>
 
<td style="border:1px solid #dfdfdf; padding:0 1em 1.5em 1.5em; background-color:#F7FAFC; 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="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 (SAML 2.0)]]
 
* [[Federated Authentication in QPR UI|Federated Authentication (SAML 2.0)]]
 
* [[Common QPR Authentication]]
 
* [[Common QPR Authentication]]
* [[GlassFish Configuration in QPR UI|GlassFish Web Server Settings]]
+
* [[Payara Configuration in QPR UI|Payara Settings]]
* [[Security_Hardening_in_QPR_UI|Hardening QPR UI Security]]
+
* [[QPR UI Security Hardening]]
 
* [[QPR UI Audit Logging|Audit Logging in QPR UI]]
 
* [[QPR UI Audit Logging|Audit Logging in QPR UI]]
 
</div>
 
</div>
</td>
+
</div>
</tr>
 
</table>
 
  
 
__NOTOC__
 
__NOTOC__
 +
 +
[[Category: QPR UI]]

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