Executive Dashboard Template


Phosphorus

Minimum Product name - ev sas.png version: Oxygen 2.1

This template is also available for the Oxygen theme.

NewFeatures_MajorVersion_Oxygen21_Variant1

Update wiki button.png Latest major version: Oxygen 2.1 - Find out more

  • Web accessibility:
    • Use of sharp color contrasts on pages, buttons, popups.
    • Hierarchy of information using tags h1 to h6 are applied to titles.
    • Text alternatives provided for menu items and images.
    • Replacement of all Menu widgets by Secured Html widgets.
  • CSS custom properties: Variability of fonts and colors via the dedicated __ROOT widget.
TemplateDescription

This template is designed for corporate information systems managers. It enables you to display dashboards for the information system in different ways.

It is shipped in both the Desktop and Mobile versions.

CIO Dashboard - All devices.png

Notes

TemplateNotes
  • Each dashboard is different and should be designed to meet the requirements specific to your context. 
  • The template is intended to provide you primarily with professionally designed samples.

Desktop version

Home page

      Desktop - Home page.png

It is made up of the following sections:

  • (1) Top banner displayed in all pages: Page title.
  • (2) Left sidebar menu displayed in all pages:
    • Return to the Home page.
    • Health Status: Information on the availability of services.
    • Service Desk: Information on incidents/requests.
    • Asset Management: Information on contracts, assets, servers, employees, etc.
    • Project: Number, health status, location, etc.
  • (3) Overview of dashboard indicators.
  • (4) Health status for each corporate subsidiary.

Health Status

         Desktop - Health status.png

HealthStatusPage
  • (1) Percentage of the general availability of services displayed in a gauge with a variation indicator.
  • (2) Health status by country.
  • (3) Services currently unavailable. Click one of the services to contact the relevant manager.

Service Desk

         Desktop - Service Desk.png

ServiceDeskPage
  • (1) Service Desk indicators: Current and pending incidents, current change requests and customer satisfaction.
  • (2) Pie chart displaying requests by type.
  • (3) Table displaying workload by group.

Asset Management

         Desktop - Asset management.png

AssetManagementPage
  • (1) Variation indicators and percentage change: Contracts, assets, servers, employees, etc.
  • (2) Map showing the location of assets.
  • (3) Different analysis tables (filters applicable): Suppliers, consumption by manufacturer, consumption by asset

Project

         Desktop - Project.png

ProjectPage
  • (1) Number of current projects with the percentage change.
  • (2) Health status by project (filters applicable).
  • (3) Pie chart displaying projects by location and by type.

Mobile version

Home page

      Mobile - Home page.png

It is made up of the following sections:

  • (1) Top banner displayed in all pages: Page title and access to the app menu by clicking Mobile - Access menu icon.png.
  • (2) Overview of dashboard indicators.

Menu

         Mobile - Menu.png

  • App logout.
  • Return to the Home page.
  • Health Status: Information on the availability of services.
  • Service Desk: Information on incidents/requests.
  • Asset Management: Information on contracts, assets, servers, employees, etc.
  • Project: Number, health status, location, etc.

Health Status

         Mobile - Health status.png

HealthStatusPage
  • (1) Percentage of the general availability of services displayed in a gauge with a variation indicator.
  • (2) Health status by country.
  • (3) Services currently unavailable. Click one of the services to contact the relevant manager.

Service Desk

         Mobile - Service Desk.png

ServiceDeskPage
  • (1) Service Desk indicators: Current and pending incidents, current change requests and customer satisfaction.
  • (2) Pie chart displaying requests by type.
  • (3) Table displaying workload by group.

Asset Management

         Mobile - Asset management.png

AssetManagementPage
  • (1) Variation indicators and percentage change: Contracts, assets, servers, employees, etc.
  • (2) Map showing the location of assets.
  • (3) Different analysis tables (filters applicable): Suppliers, consumption by manufacturer, consumption by asset

Project

         Mobile - Project.png

ProjectPage
  • (1) Number of current projects with the percentage change.
  • (2) Health status by project (filters applicable).
  • (3) Pie chart displaying projects by location and by type.

Procedures

How to install and use the template

Step 1: Import the template theme to Product name - ev sas.png

1. Download the required version of the files below to your workstation.
         Download icon.png  Desktop version of the theme
         Download icon.png  Mobile version of the theme

2. Import the downloaded file to Product name - ev sas.png by clicking Apps - Gallery - Import icon.png Import in the App Gallery toolbar.

3. Check that the theme is a public theme in the Product name - ev sas.png theme editor:

  • Click Apps - Gallery - Theme design icon.png Theme Design in the App Gallery toolbar.
  • Click Apps - Manage themes icon.png to select the theme.
  • Click Apps - Application properties icon.png to display the general properties.
  • In the Published property, select Published Padlock open icon.png.
  • Click OK.

4. (Optional) Modify the theme in line with the style guide of your company.

5. Click EVApps - GUI - Save icon.png to save the theme.
 

Step 2: Import the template to Product name - ev sas.png

1. Download the required version of the files below to your workstation.
         Download icon.png  Template Desktop version
         Download icon.png  Template Mobile version

2. Import the downloaded file to Product name - ev sas.png by clicking Apps - Gallery - Import icon.png Import in the App Gallery toolbar.

3. Check that the theme is correctly displayed by the template.

  • Click Apps - Gallery - Edit properties icon.png next to the app name in the App Gallery to display the general properties.
  • Select the theme you just imported from the Theme list.
  • Click OK.
     

Step 3: Create your own data

1. Create reports, CSV files or Online CSV files based on the requirements of your dashboards.

Note: This template does not contain downloadable reports. The data displayed is simply provided as an example.

Step 4: Create your Product name - ev sas.png apps

Best Practice icon.png You should always work on a duplicate of the template. This enables you to import new improved versions provided by Logo - EasyVista.png without having to replace your apps.

1. Duplicate the template you just imported.

2. Rename the duplicated template.

3. Associate an image with it.

4. Create the shortcut pointing to your template.

5. Repeat this procedure for each new app created using the same template.

Tags:
Last modified by Christine Daussac on 2020/01/18 13:16
Created by Administrator XWiki on 2017/12/06 16:39

Shortcuts

Recent changes
•  Service Manager
•  Service Apps
•  Self Help

Glossary

Powered by XWiki ©, EasyVista 2020