• Documentation
• Developing a Visualized Monitoring Application
• Unit 3: Preparing Visualization Pages

Unit 3: Preparing Visualization Pages

Operator	Location
Application builder	EnOS Application Portal

Before using Unified Monitoring Landing Page features to build a multi-domain monitoring page, application builders need to prepare visualization pages and associate them with the Landing Page menu, which in this tutorial is the Multi-domain Dashboard menu of the Smart Monitoring application. Unified Monitoring Landing Page features support the following page sources:

• Published DTV pages, including Dashboard Pages and DTM pages.

• Other pages with an acquired URL.

Note

Some Landing Page features, such as template management and multi-page association, are available only when DTV pages are associated.

In this tutorial, application builders need to associate multiple DTV dashboard pages with a Landing Page. This unit explains how application builders configure and publish dashboard pages in DTV so that they can later be associated with the Smart Monitoring > Multi-domain Dashboard menu.

Prerequisites

Before you begin, make sure that your account has been assigned the required asset permissions, operation permission points, and a menu group containing the following menus: DTV Center > Dashboard and DTV Center > Import. If it has not, contact the OU administrator.

Step 1: Importing or Building a Dashboard Page

In this tutorial, application builders can prepare DTV dashboard pages in either of the following ways:

• Option 1: Import sample DTV dashboard pages.

• Option 2: Build custom DTV dashboard pages.

Note

To ensure that every filter on a Landing Page works correctly, application builders must add the corresponding global filters to DTV dashboard pages. For more information, see Landing Page Output Parameters.

Option 1: Importing Sample Dashboard Pages

To import sample dashboard pages into DTV, complete the following steps:

1. Download the sample dashboard pages.

   Note

   Do not extract or edit this ZIP archive.

2. Sign in to EnOS Application Portal and select DTV from the application list.

3. From the left navigation pane, select DTV Center > Import.

4. On the Import tab, select Select File to upload the sample metric-page archive.

5. Select Import. Application builders can view the import status in the most recent import log at the bottom of the page.

6. From the left navigation pane, select DTV Center > Dashboard Pages.

For more information about importing dashboard pages in DTV, see Import Projects, Page Templates, and Component Templates.

Option 2: Building a Custom Dashboard Page

In addition to using the sample dashboard pages directly, application builders can build visualized dashboard pages that meet their business needs from scratch in DTV. The following documents can be referenced to build dashboard pages:

• Create a Smart Battery Dashboard Page: Builds a DTV dashboard page using a smart-battery metric monitoring page as an example.

• Create a Wind Power Role Workbench: Builds a DTV dashboard page using a wind-power industry role workbench as an example.

Step 2: Publishing Dashboard Pages

After importing or building dashboard pages, application builders need to publish the dashboard pages using the following steps so that they can be associated with the Multi-domain Dashboard menu in the Smart Monitoring application:

Note

This step uses the procedure in Option 1: Import Sample Dashboard Pages as an example. If you build the pages from scratch, follow these steps to publish your own visualized dashboard pages.

1. From the left navigation pane, select DTV Center > Dashboard Pages.

2. In the project list, select Smart Monitoring, the imported sample project.

3. Hover over the Overview page and select Edit to open the page editor.

4. In the page editor, hover over Save on the top navigation bar and select Save and Publish.

5. Configure the following information in the pop-up window.

   
   

   Configuration	Description
   Visibility	Select Internal.
   Data source	Select Actual data.
   Description	Briefly describe the page’s features and purpose.

   
   

6. Select OK.

7. Repeat the preceding steps to publish the other two pages in the Smart Monitoring project: Wind and Solar.

After the page is published successfully, its publication path is displayed in the pop-up window. In subsequent steps, application builders need to enter this path on the Landing Page to associate the dashboard page with it. For more information about publishing dashboard pages in DTV, see Publish Dashboard Pages.

Next Unit

Unit 4: Configure Page Features