Topic: Static Elements in HMIWeb Displayshw.server.tracorp.com/courses/ac/EXP03R410B/14575_Lab...• Click the Rounded Rectangle icon on the toolbar. • Drag the cursor diagonally
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
The following is example of the lab project that will be completed in this lesson.
On the Display Toolbar, there are several object-creation buttons that will be used in building your custom graphics. The way in which you use a particular tool/button depends on the type of object you are building. In the lab exercises we will begin using several different buttons from the toolbar as well as pre-built shapes from the Shape Library.
This section provides standard drawing techniques as well as suggestions on naming and applying color effects to the objects in your display.
HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
Procedure
Build the Static Parts of the Display
Step Action
1 To open a new display in HMIWeb Display Builder:
• Click the New Display icon in the toolbar
• A blank display is opened as illustrated below.
ATTENTION
A default name (Display#) is given to each new display that is opened. The # stands for the next sequential number assigned by the HMIWeb Display Builder. Your display # may be different than the one being illustrated.
HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
Step Action
11 In the Object Explorer, notice that when several objects are grouped, you still have access to the individual parts that make up the group. Also note that your grouped tank is now called TankD100.
ATTENTION
An important consideration when creating displays: The processing time required to call up a display depends primarily on the Object Count, almost regardless of the complexity of the individual objects.
The Combine tool can aid in minimizing object count, which is explained in the following steps.
Grouping objects makes it easier to move a complex object but does not positively impact object count.
HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
Step Action
16 Select the Colors tab:
• Select more Colors.
• In the colors tab click More Colors. Change the RGB value to 210
• Close the Properties window.
17 A background image of process lines will next be added to display. This will save drawing time and reduce the object count in your display, which improves call-up time and performance.
18 Open the Properties window of the D_100_STA display.
• Click the “+” to see the folders in the Shape Library.
24 Select Custom_Shapes folder
• Select OK to see the available shapes.
ATTENTION
The folder Custom_Shapes contains the shapes which will be used in this course. This folder is not created automatically with Experion installation. This folder was created and copied at this location specifically for this course.
HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
Step Action
25 If the shapes are not visible (only the names are listed), select the View Shapes icon at the top of the Shape Gallery to get a “Thumbnails” view of the shapes.
• Select the Compressor shape name, and drag and drop the shape name onto your display.
• OR right click the Compressor shape, and insert it into your display and click yes to Insert shape dialog box. .
• Close the Shape Gallery window when finished.
26 Select the Textbox tool from the toolbar and add a label below the Compressor.
• Replace the word Text with COMPRESS (modify the Font size to 8, Bold, and Alignment Center).
HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
Step Action
27 Select the textbox icon from the toolbar and add a Title to your display:
• Enter a text as D-100 (font size 16, bold, and alignment center).
• On the Colors tab, select More Color option. Change the RGB value to 210.
• Select Line Color option. Change Line color as gray.
• Size and reposition the title as necessary.
Select the Textbox tool from the toolbar:
Add a label for the Flare as shown.
Save your D_100_STA display.
28 To draw process lines:-
Open your E_100_Test display from C:\ProgramData\Honeywell\Experion PKS\Client\Abstract in HMIWeb Display Builder.
The previous display (D_100_STA) used a background image for the process lines. However, for your E_100_Test display, you will draw the process lines instead of using a background image.
HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
Step Action
29
Use the Polyline tool to add process lines as shown in the next step.
TIP
When drawing lines, it helps to have your snap-to-grid
set on to maintain “straightness”. (The icon can be found at the top of the HMIWeb Display toolbar). Take the snap-to-grid off when moving lines or objects to get precision/pixel alignment. (Or hold the shift key to assist in drawing straight lines.)
30 To draw a polyline:
• Click at the beginning (1), and at each turn or segment in the line (2, 3, 4), and double-click the end position to finish the line.
• The following is an example of the click pattern that could be used to create one of the polylines in your display.
HPS Automation College written permission required to distribute
Honeywell Confidential and Proprietary
Step Action
33 Expand the Colors option :
• Change the Line color to Gray.
34
ATTENTION
Using the example seen at the start of this lab section as a reference, continue adding process lines as needed to complete your display.
Place arrows on the process lines to indicate the process flow direction (to do this, create a short line and modify the arrow end style as needed -- place this newly created line/arrow on top of your process lines.)