Executive Dashboard Template - Oxygen


Phosphorus

Note: Minimum Product name - ev sas.png version required: Phosphorus

TemplateDescription

This template app 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. Certain items of the Oxygen theme can be configured. Open url.png See the list.

CIO Dashboard - Oxygen - All devices.png

Notes

TemplateNotes
  • Each dashboard is different and should be designed to meet the requirements specific to your context. 
  • The app 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 app pages: Page title, information on the logged-in user, logout button Apps - Logout icon.png
  • (2) Left sidebar menu displayed in all app pages:
  • (3) Overview of dashboard indicators.
  • (4) Health status for each corporate subsidiary.

Cost Management Page

         Desktop - Cost management.png

CostManagementPage
  • (1) KPIs for the current month displaying the percentage change, e.g. total cost of the information system, amount charged back by the information system, etc.
  • (2) Tables displaying the cost of incidents, service requests, problems and change requests, i.e. minimum, maximum, average and total costs.
  • (3) Total cost of licenses, equipment, contracts and infrastructure.

Health Status Page

         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 Page

         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 Page

         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 Page

         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 app pages: Page title, logout button Apps - Logout icon.png
  • (3) Health status for each corporate subsidiary.

Cost Management Page

         Mobile - Cost management 1.png

CostManagementPage
  • (1) KPIs for the current month displaying the percentage change, e.g. total cost of the information system, amount charged back by the information system, etc.
  • (2) Tables displaying the cost of incidents, service requests, problems and change requests, i.e. minimum, maximum, average and total costs.
  • (3) Total cost of licenses, equipment, contracts and infrastructure.

Health Status Page

         Mobile - Health status 1.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 Page

         Mobile - Service Desk 2.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 Page

         Mobile - Asset management 1.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 Page

         Mobile - Project 1.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 app

Step 1: Import the template app 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 files 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 app to Product name - ev sas.png

1. Download the required version of the files below to your workstation.
         Download icon.png  Template app Desktop version
         Download icon.png  Template app 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 app.

  • 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 application 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 app. This enables you to import new improved versions provided by Logo - EasyVista.png without having to replace your apps.

1. Duplicate the template app you just imported.

2. Rename the duplicated template app.

3. Associate an image with it.

4. Create the shortcut pointing to your app.

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

Step 5 (optional): Configure items using the Oxygen theme

   Open url.png See:

How to configure items using the Oxygen theme

        Open url.png See the list of configurable items.

CommonProcedure

Step 1: Open the app

1. Click Apps - Application properties icon.png in the App Gallery to open your app in the graphic editor.
 

Step 2: Define the Oxygen customization

1. Click the widget you want to customize.

2. Add the CSS and HTML instructions indicated in the procedure for the relevant Oxygen theme item. Adapt them to your environment by selecting Content > HTML Code.

Step 3: Test the app

1. Click EVApps - GUI - Save icon.png to save your modifications.

2. Click EVApps - GUI - Execute icon.png to run the app and check that your customization is correctly displayed.


List of items that can be customized using the Oxygen theme

Page Configurable item Procedure (HTML and CSS codes to add)
Desktop Version
All Left sidebar menu Menu - Desktop
All clickable items Border
Asset Management Page (3) Bar Chart
Mobile Version
All All clickable items Border
Menu - Mobile
Asset Management Page (3) Bar Chart
Tags:
Last modified by Unknown User on 2018/04/27 10:28
Created by Administrator XWiki on 2018/04/27 10:03

Shortcuts

Recent Updates

Haven't been here in a while? Here's what changed recently:

-   Product name - ev itsm.png
-   Product name - ev sas.png

Interesting Content

How to Automate Integration
Add a Shortcut to an App
History
Quick Dashboard
Full text search - Stop Words

Powered by XWiki ©, EasyVista 2018