HMIWeb Reporting and Specialized Editing Functions

Use Experion PKS HMIWeb Display Builder

Procedure

Step Action
Launch HMIWeb Display Builder

1 To Launch HMIWeb Display Builder:

From the Start menu, click
Start > Honeywell Experion Tools > HMIWeb Display Builder.

9/28/2018 Copyright © 2018 Honeywell International Inc. 5

HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Reporting and Specialized Editing Functions
Use Experion PKS HMIWeb Display Builder

Step Action

2 The HMIWeb Display Builder application will launch with a blank display.

The Object Explorer and the Point Browser may or may not be visible based on how the
last person to use the application left it.

6 Copyright © 2017 Honeywell International Inc. 9/28/2018

HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Reporting and Specialized Editing Functions
Use Experion PKS HMIWeb Display Builder

Step Action
Navigate HMIWeb Display Builder

1 HMIWeb Display Builder’s layout is shown below.

A MENU BARS

B TOOLBARS

C DISPLAY / DRAWING AREA

D OBJECT EXPLORER

ATTENTION

Additional details are provided on the following pages.

9/28/2018 Copyright © 2018 Honeywell International Inc. 7

HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Reporting and Specialized Editing Functions
Use Experion PKS HMIWeb Display Builder

Step Action

2 B Understanding TOOLBARS.
The most frequently used tools on the HMIWeb Display Toolbar (which appears just
below the menu bar) are detailed below.

No. Icon Name Description

1. New Display Opens a new display

2. Rectangle Creates a rectangle/square

3. Rounded Rectangle Creates a rounded

rectangle/rounded square

4. Oval Creates an oval/circle

5. Line Creates a line

6. Polyline Creates an open multi-segmented

line
7. Polygon Creates a closed multi-segmented
line object

8. Bezier Curve Creates a smooth curved line

9. Arc Creates an arc

10. Wedge Creates a wedge (quarter segment of

an oval/filled arc)

11. Textbox Creates a text object

12. Hyperlink Creates navigation to an Internet site

13. Alphanumeric Used to show values in displays (with

various formats)
14. Checkbox Used to indicate selection/de-
selection of an option
15. Pushbutton Creates a button which, on click, will
perform a certain task

16. Indicator Used to show levels relating to

changing values

8 Copyright © 2017 Honeywell International Inc. 9/28/2018

HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Reporting and Specialized Editing Functions
Use Experion PKS HMIWeb Display Builder

Step Action

3 B Understanding TOOLBARS continued…

No. Icon Name Description

1. Combobox Creates a box from which a user can

make a selection from a list in an
interactive display

2. Trend Creates a trend showing values that

change with time

3. Basic Trend Creates a simple trend, which has

fewer operator controls than a trend

4. Limit Trend Displays process values over time

and the associated limits in a
graphical manner.
5. ActiveX Document Inserts a link to an ActiveX document

6. Picture Inserts a picture into the display

7. Shape Inserts a shape sequence/dynamic

hape
8. ActiveX Control Inserts a link to an ActiveX Control

9. Alarm Icon Inserts an alarm icon into the display

10. Alarm Table Creates a specialized table that lists

Alarms (Alarm table icon refreshed
for better visibility)

11. Event Table Creates a specialized table that lists

events (The event table icon is
refreshed for better visibility)

12. Alert Table It creates a specialized table to list

alerts

13. Message Table It creates a specialized table to list

messages

14. Table Creates a table that lists data in

tabular format
(The table icon is refreshed for better
visibility)

9/28/2018 Copyright © 2018 Honeywell International Inc. 9

HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Reporting and Specialized Editing Functions
Use Experion PKS HMIWeb Display Builder

Step Action

4 B Understanding TOOLBARS continued…

Details of the toolbar that appears at the bottom of the display.

No. Icon Name Description

1. Bring to Front Bring the selected object to front

2. Send to Back Send the selected object back

3. One Layer Up Bring forward

4. One Layer Down Send backward

5. Group Group the selected objects

6. Ungroup Ungroup the selected objects

7. Align Left Align the left edge of the selected objects to

the primary object

8. Align Center Align the center of the selected objects to

the primary object

9. Align Right Align the right edge of selected objects to

the primary object
10. Align Top Align the top edge of the selected objects to
the primary object

11. Align Middle Align the middle of the selected objects to

the primary object

12. Align Bottom Align the bottom edge of selected objects to

the primary objects

13. Make same width Resize the objects to have the same width
as the primary object

14. Make same height Resize the objects to have the same height
as the primary object

15. Make same height Resize the selected objects to have the
and width same height and width as the primary object
16. Even horizontal Evenly space the selected objects
spacing horizontally

10 Copyright © 2017 Honeywell International Inc. 9/28/2018

HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Reporting and Specialized Editing Functions
Use Experion PKS HMIWeb Display Builder

Step Action

5 B Understanding TOOLBARS continued…

No. Icon Name Description

1. Even Vertical spacing Evenly space the selected objects

vertically

2. Lock object Toggle to lock and unlock the

selected object in place
3. Flip Horizontal Flip the selected objects from left
to right

4. Flip Vertical Flip the selected objects from top

to bottom
5. Rotate Left Rotate the selected object 90
degrees to the left

6. Rotate Right Rotate the selected object 90

degrees to the right

6 C DISPLAY/DRAWING AREA
By default, when HMIWeb Display Builder is started a blank display will be opened.
HMIWeb Display Builder will give a default name to the display. Later, when saving your
display, you can change the name as needed.

9/28/2018 Copyright © 2018 Honeywell International Inc. 11

HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Reporting and Specialized Editing Functions
Use Experion PKS HMIWeb Display Builder

Step Action

7 Four tabs will open in Explorer window of HMIWeb display builder:-

a. Object Explorer b. Toolbox
c. Properties d. Point Browser tab

8 D Navigation Window
Object Explorer The Object Explorer is a tool used for managing and editing objects.
It shows every object in the current display and, in the case of grouped objects, shows
their inter-relationships.

12 Copyright © 2017 Honeywell International Inc. 9/28/2018

HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Reporting and Specialized Editing Functions
Use Experion PKS HMIWeb Display Builder

Step Action

9 ToolBox Toolbox tab is used to display the tools or objects used to develop display in
HMIWeb display builder application.

9/28/2018 Copyright © 2018 Honeywell International Inc. 13

HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Reporting and Specialized Editing Functions
Use Experion PKS HMIWeb Display Builder

Step Action

10 Properties Properties tab displays all the possible properties of an object selected in
the HMIWeb display.

14 Copyright © 2017 Honeywell International Inc. 9/28/2018

HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Reporting and Specialized Editing Functions
Use Experion PKS HMIWeb Display Builder

Step Action

11 POINT BROWSER
The Point Browser displays every point that has been defined in the server to
which you are connected.
Point Browser is a tool used to browse for points. It allows you to verify that a
point actually exists in your system. Using Point Browser, you can import a point
name into a display object.
Point Browser opens in the same area that the Object Explorer is located.
A Enter/Type Point Name
B List of Points in a selected Server
C Full Asset Name (for the point selected)

D Server Name

9/28/2018 Copyright © 2018 Honeywell International Inc. 15

HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
 HMIWeb Reporting and Specialized Editing Functions
Use Experion PKS HMIWeb Display Builder

Step Action

12 There are several types of displays that can be made using HMIWeb Display Builder:
a. Display: A standard display.
b. Popup: A popup is a secondary window that appears when a user clicks an object to
which the popup is attached.
c. Shape Sequence: A shape sequence is a custom object that is used in displays as
either a status indicator or a simple animation.
d. Dynamic Shapes: A dynamic shape is also, in effect, a custom object that is used in
displays to present complex data and may contain custom properties.
e. Display from Template: A template is used to create new displays that maintain
visual consistency. A template is a standard “starter” display that is stored in the
HMIWeb Display Builder’s Template folder.

ATTENTION

The details of each display type will be covered later in

this course.

Create a New Display

1 Create a new display:

a. Click on the New Display icon to create a standard display.

b. Or, click the arrow to the right of the display icon. A drop-down menu will list the
types of displays that you can create.

16 Copyright © 2017 Honeywell International Inc. 9/28/2018

HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary