Professional Documents
Culture Documents
A popular trend in today’s market is Gray Scale graphics, where most of the graphic is developed in
shades of gray and color is used to indicate upset and alarm conditions.
You are encourage during this lesson to experiment beyond the given outline to explore features and
functions that may be more in line with the graphic standards that you may be asked to follow.
→↑↑↑↑↑
GR0010
Save Undo Select Mode Edit Point Lines/Shapes Fonts Colors Lines/Arrows
Pan/Zoom Window
Parts Library
Message Window
ISA Symbols
The ISA symbols window can be displayed by clicking on the green valve symbol at the top of the
Graphic Builder panel that displays “Parts”. Scroll down until the desired symbol is found, then click
and drag it onto the desktop.
Graphic Primitives
“Primitives” are the base graphic items such as: process data, polylines, process data bars, and text.
They are created from the icons located at the top of the Graphic Builder panel.
Viewing all Graphic Builder Icons
Not all of the Graphic Builder icons are viewable from the builder window. Click on the items in the
upper right-hand portion of the window and drag to the left-hand side.
• Items like screen sizing, snap to grid, and the grid display can easily be found this way.
Graphic Modifier
MODIFYING A PRIMITIVE
Modifying a primitive allows the colors to be changed, and blinking to be added. Up to eight different
modifications can be specified for the selected primitive and 200 modifications can be specified per
panel.
To modify a primitive, first, select the primitive to modify, then click on the right-hand mouse button
and select “Properties”. Of course, different graphic primitives will have different items that can be
modified.
• Shown on the preceding page is the modifier for “Process Data”.
Graphic Modification
Change Type: When will the graphic modification occur, while the panel is displayed?
• Always execute
• Execute the first time only (one shot)
Color Change: Select from the menu items the type of color change to occur. “Normal Color
Change” allows the user to define a unique color scheme, chosen from “Change Color”.
Change Color: If a color change is selected, then the color to be displayed when the condition is true
is defined here.
Blink: When “Yes” is selected, the primitive will blink when the requested condition is met. Two other
types of blinking (for alarm or screen) can be selected.
Change Text: This will allow a character string (but not the color) to be changed when the condition is
met. This is selectable if “Text” is defined in “Process Data Character Display”.
Condition Formula: This is the testing criteria used for modifying a graphic. Computational
expressions such as ==,<> (not equal), >, <, >==, <==, AND, OR can be used.
Also usable are +, -, *, /,&,|
Examples:
FIC100.PV>50.0
FIC100.PV+FIC300.PVçFIC400.PV
FIC100.MODE==“AUT” AND FIC100.PV>==75
FIC100.ALRM==“HI” OR “HH”
• One computational expression can have up to 8 data items; up to 200 computational expressions
can be defined per window.
Continue the Condition Formula Parsing: Normally when a condition has been met the evaluation
of the rest of the testing stops. If continue is selected, then the rest of the conditions are tested and
all modifications are made as long as the conditions are satisfied. If two or more conditions are true
for the same test, then only the modification of the last specified condition is made.
OUTLINE:
Graphic windows are used to control a process because of their better “visualization” of the process
layout as compared to the “Control” or “Overview” window. In this exercise the student will utilize
Graphic Builders to create the graphic below.
NOTE: As the exercise progresses, you will be given fewer directions on how to build and
modify graphic items.
Use the above figure as the reference for building your graphic,
BUT USE THE TAG NAMES DEFINED IN THIS EXERCISE.
Figure 7.2
1. On the far left of the Graphic Builder, under “Stencil”, click on the ^ of the “Buttons and Data
Display Controls”. Left click and hold down the mouse button to choose “Line-segment graph”
and drag the box to the location as indicated on figure 7.1.
2. Click the right-hand mouse button and select “Properties”, then “Line-segment Graph”.
3. Under “Color” select “Deep Sky Blue” and click Add to create a series.
4. Under “Data Link” expand Series Collection. Highlight Series and click ADD to create 8 Data
st
Definitions (for Y01-Y08). Make the following changes under the 1 Data Definition:
• High Limit: 50
• Low Limit: 0
• Value: PG111-13.Y01
5. Change the next “Data Definition” to “PG111-13.Y02”, and use the ranges shown above.
6. Define PG111-13.Y03 through Y08 as the same above.
Creating a Vessel
Ellipse
Process Data
Bar Chart
Rectangle
Figure 7.4
1. Select “Rectangle” from the builder icons, then click and drag onto the desktop.
2. Display the “Properties” and click on “Fill”. Select “Gradient” and choose the third picture from
the top. Make Color 1 Blue and Color 2 Royal Blue. Click on “Line” and make sure the “Line
color” is “White”, then close the window.
3. Select “Ellipse” from the builder icons, then move it to the top of the rectangle, size the ellipse to
fit.
4. Display the “Properties” and make it the same color and gradation as above. Make the line
“Black”. and close.
5. Move the pointer to “Edit” and select “Copy”, then select “File” again and select “Paste”. When
the ellipse appears in the upper portion of the builder. Click on it and move the ellipse to be
positioned at the bottom of the rectangle.
• NOTE: You can use: <Ctrl> and “C” to copy, <Ctrl> and “V” to paste.
6. Right click on ellipse and “Sent to Back”.
Creating a Rectangle
Figure 7.5
1. Select “Rectangle” from the builder icons, then move the pointer to above the vessel and make as
box as shown.
2. Display the “Properties” and change the “Fill” to “Steel Blue”, and make the line “White”.
Creating a Circle
1. Select “Circle” from the builder icons, then move the pointer to the right hand side of the vessel
and make as circle as shown in figure 7.5.
2. Display the “Properties” and change the “Fill Type” to “Solid” and the Fill color to “Steel Blue”,
and make the line “White”.
3. Copy the “Circle” icon again, then move it to the left-hand side of the vessel as shown in figure
7.5.
4. Display the “Properties” and change the “Fill Type” to “Solid” and the Fill color to “Steel Blue”,
and make the line “White”.
Figure 7.6
1. Move the pointer to the “Text” icon, select it, and move to cursor to the desktop. Click
approximately where the text is to be placed.
2. In the box that appears, type “CONTROL PROJECT”, then click below the white box. Notice that
the text has 6 blocks around its perimeter.
3. In the “Properties”, click on the “Text” heading and change the following:
• Font: Times New Roman
• Size: 48
• Display/Fill/ Item: Foreground Color = Red
• Display/Fill/ Item Background Color = Transparent
4. Close the window. Now, click on the text, and move it underneath the “Message Window” as
shown above.
5. Select the “Text” icon again, and drag it onto your drawing close to where the text “High Level”
will be placed. Click on the “Draw” tab from the top of the builder and click on the “A” text now
enter “High Level”.
6. Select the text again and display its “Properties”. Click on the “Text” heading in the new window
and change the following:
• Font: Times New Roman
• Size: 16
• Background color: Transparent
7. Click on “Modifier” and change the following:
• Color change: Normal color Change
• Blink: Yes
• Condition: AP111-13.PV>=80
• ADD and Close window.
LINE 2
LINE 1
LINE 3
LINE 4
LINE 6
LINE 5
PIPE 1
Figure 7.7
USE THIS FIGURE AS AN EXAMPLE, BUT USE THE TAG NAMES DEFINED IN THIS EXERCISE.
Creating 3D Piping
Graphics allow the user to be as creative on the build up of the display. In this section we will make the
piping more than just a straight line
1. Select “Rectangle” and create a long narrow rectangle and place it on “Pipe 1”.
2. Under “Pipe” select “Joint” and drag it onto to drawing to the right side of “Pipe 1”.
3. Click on “Draw” at the top of the graphic panel, followed by “”Rotate” and “Rotate Right”. Do this
one more time to put the joint in proper perspective.
4. Resize the pipe to fit the inlet to the joint.
5. Display the “Properties” for the rectangle, select “Line” and click on “Transparent”.
nd
6. Click on “Fill”, “Gradient”, and choose the 1st block from the 2 row. Notice that the sample
changed from vertical to horizontal.
7. Change the “Color 1” to Dim Grey and “Color 2” to Silver.
8. Now you get to be creative! Using the techniques from above, create the rest of the piping shown
in figure 7.7. Note that you will have to select a different “Gradation style” for the vertical lines.
Also, place a piping “Joint” at each bend.
9. NOTE: If a selected graphic object is behind another object and you want it on top, select “Draw”,
“Order Option”, and “Bring to front”. You can also use the copy function to create the rest of the
piping.
Figure 7.8
1. Under “Buttons and Data Display Controls” click on the “Bar Graph” icon, then move the
pointer to the left of, and slightly above, “Line 4”. Click and drag to define the bar graph size.
Double-click to end the bar graph creation mode.
2. Display the “Properties”, then “Bar Graph”.
3. Under “Color” select “Deep Sky Blue” and click Add to create a series.
4. Under “Data Link” expand Series Collection. Highlight Series and click ADD to Create 3 Data
st
Definitions. Make the following changes under the 1 Data Definition:
• High Limit: 100.0
• Low Limit: 0.0
• Value: AP111-13.PV
• Click on “Add”.
nd
5. On the 2 definition change the “Value” to “PG111-13.SV”, and use the range 0 to 500, then
“Add”.
rd
6. Now, change the 3 definition “Value” to FC111-13.PV, with the range of 0 to 50, then “Add”.
Figure 7.9
7. Select “Rectangle” from the Graphic Builder icons and place it over the same co-ordinates as the
bar graph to give it an outline.
8. Display its “Properties” and then change the line color to “White” and the “Fill” to “Transparent”.
9. Select the “Text” icon, and drag it onto your drawing. Click on the “Draw” tab from the top of the
builder and click on the “A” text now enter “AP111-13.PV”.
10. Move the cursor to an open spot on the desktop and click again, enter “PG111-13.SV”.
11. Again, move the cursor to an open spot on the desktop and click again, enter “FC111-13.PV”.
12. Move the cursor to the “Select Mode” icon to de-select the text mode.
13. Display the “Properties” for each of these texts (one at a time), and change the foreground color
to “White”, and the background to “Transparent”. Change the text font to “Times New Roman”,
size “14”.
14. Click on the text “AP111-13.PV”, and then click on “Draw”, “Rotate”, and “Rotate Left
Counterclockwise”.
15. Click on the “P” in “AP111-13”, then move the text on top of the left most bar graph.
16. Change the properties of the text “PG111-13.SV” and “FC111-13.PV” as defined in step 12.
17. Click on the “G” in “PG111-13”, then move the text on top of the center bar graph.
18. Click on the “C” in “FC111-13”, then move the text on top of the right most bar graph.
1. Click on the “Text” icon and move to and select a place beneath “Line 1”. Click and enter “PV”.
2. Click on the desktop, and then display the “Properties”. Change the text color to “White”, and the
background to “Transparent”. Change the text font to “Times New Roman”, size “16”.
3. Click beneath “PV” and enter “SV”, and change its properties like in step #2.
4. Create a third text, beneath “SV” that reads “MV”, and change its properties like in step #2.
5. Click and drag across the three text items just created, forming a box, then release. All three
should be selected.
6. Select “Draw” and “Group” on the menu that appears.
7. Do a copy and paste to create more identical text. When the new text grouping appears, click on
the front edge of the “P” and move the text to the right hand side of the vessel as shown above.
8. Click on the “Text” icon again and create separate text for “FC111-13” in the location shown
above.
9. Display the “Properties” and change the text color to “White”, and the background to
“Transparent”. Change the text font to “Times New Roman”, size “21”.
10. Create text for “XW111-13”, “LC111-13”, and “PG111-13”, and define the properties as defined
above and place them as shown in figure 7.10.
Figure 7.11
PV RRR.RR
RRR.RR SV RRR.RR
RRR.RR RRR.R
MV RRR.RR
RRR.RR
AP222-11
1. Click on the “Data Character” icon and move the cursor to the right of the “PV” at the left side of
the vessel, and click to set the process data’s starting point.
2. Display the “Properties” and under “Display” change the “Foreground” color to “Deep Sky
Blue”, and the “Background” to “Transparent”. Change the text “Font” to “Times New Roman”,
size “16”.
3. Click on the “Data Character” tab and change:
• Format Type: Numeric
• Number of Digits for Integer: 3
• Number of Digits After the Decimal Point: 2
• Data Link Value: FC111-13.PV, and select "Show Engineering Units".
Figure 7.12
4. Click on "Apply" and “OK” and then create the process data for FC111-13, SV and MV using the
same steps as shown above. Place the text beneath the “PV” process data.
5. Click above the upper left-hand corner of the “PV” process data, and drag the mouse past the
lower right-hand corner of all the “MV” process data, selecting all process data items created
above.
6. Copy and paste these items. Now, click on the front of the “P” and move the text and process
data beneath the text “LC111-13”.
7. Change the properties of the process data for the “PV”, “SV” and “MV” to LC111-13.
8. Create process data for the vessel. Use Data Link Value: AP111-13.PV, Format Type: Numeric,
Number of Digits for Integer: 3, Number of Digits after the Decimal Point: 2, and select "Show
Engineering Units". Place it as shown in figure 7.11.
9. Create process data for the ramp generator. Use Data Link Value: PG111-13.MV and PG111-
13.SV, Format Type: Numeric, Number of Digits for Integer: 3, Number of Digits after the
Decimal Point: 2, and select "Show Engineering Units". Place it as shown in figure 7.10.
Figure 7.13
Terminal points
1. Click on the “Marker” icon then drag to the terminal points of the switch.
2. Click on the “Straight Line” icon, then create a line as shown in figure 7.13.
3. Display its “Properties”, and select “Line”. Make the line color “Steel Blue”.
4. Click on “Modifier” and make the following changes:
• Execution Mode: Always Execute
• Color Change: Normal Color Change
• Change Color: Red
• Condition: XW111-13.SW==2 AND FC111-13.MODE==“CAS”
• Click on “Add”.
Figure 7.13A
5. Add another condition (2) and make the same changes as condition 1 except:
• Color Change: Blue
• Condition: XW111-13.SW==2 AND FC111-13.MODE<>“CAS”
Figure 7.14
7. Click on the “Straight Line” icon again, then create a line as shown in figure 7.14.
8. Display its “Properties”, and select “Line”. Make the line color “Steel Blue”.
9. Click on “Modifier” and make the following changes:
• Change Type: Always Execute
• Change Color: Normal Color Change
• Color Change: Red
• Condition : XW111-13.SW==1 AND FC111-13.MODE==“CAS”
• Click on “Add”, and then change to “Condition Number” 2.
10. Make the same changes as condition 1 for this line, except:
• Color Change: Blue
• Conditional: XW111-13.SW=1 AND FC111-13.MODE<>“CAS”
• Click on “Add”, and close window.
Figure 7.15
1. Move the pointer to the “Touch Target” icon and select it. Move the cursor to the upper left-hand
corner of the line segment graph (PG111-13) and drag it to its lower right-hand corner. See figure
7.15.
2. Display the “Properties”, and change these items under “Function”:
• Function Type: Call Window
• Window Name: Faceplate
• Parameter: PG111-13
3. Create touch areas around XW111-13, FC111-13, and LC111-13. See figure 7.15
4. Modify the parameters as shown in step #2, changing the “Parameter” to the appropriate tag
name in each.
• Build a ’common switch’ (in your FCS) to be used to switch the pump off and on. Name it
‘PUMP_SWITCH’. This will be used to turn the pump symbol on and off from the graphic. Add
the switch faceplate to the graphic by using a “Faceplate” from under “DCS Controls”.
• Under “Pumps” choose “Pump 17” and drag it to your drawing.
• Right click the pump in the graphic, select properties, and select the “Generic name Binding” tab
as shown.
• Click the ‘Define Local Bindings” checkbox so that is ‘checked’. You will probably want to click
and drag the column heading drag bars so the Type, Generic and Binding columns are at their
maximum width.
• Notice that there are three generic names listed - $PUMP_TAG, $PUMP_ITEM, and
$PUMP_DATA. You have to substitute (see next numbered steps) database tag names and
values.
Database
item entry
window
• Click on the “Database Item Entry Window” (see above figure) and enter: PUMP_SWITCH in the
Value column. Be sure to hit the Change key. The pump is now attached with your switch.
Notice that the “Binding” column now shows the switch name in every line where the “Generic
Name” column contains $PUMP_TAG. In effect you assigned an actual tag name to the generic
name.
• Now select the second line on the list (Fill Area $PUMP_ITEM) so that it highlighted.
• Click on the ‘Database Item Entry Window’ (see above figure) and enter: PV in the Value
column. The PV will now control the rotation of the pump. Be sure to hit the Change key.
• Repeat steps 7 and 8 for the third line ($PUMP_DATA) and enter 1. Now that all the generic
names have been replaced with actual database items, your switch will control the rotation.
• Now close the window.
• Save your graphic.
• Call up the graphic in runtime and turn the switch off and on. Remember: You have to reopen
the graphic after every change made in the builder. Does it work the way described at the
beginning of this document? ________________________
• Go back to the Graphic Builder. Change the $PUMP_DATA value to 0. Check it again in runtime
to see how it now behaves.
• Change the $PUMP_DATA Value to back to 1.
• Open the properties sheet again but this time select the Graphic Modify tab.
• Select “Normal Color Change”, Select “GREEN” and enter the following condition:
PUMP_SWITCH.PV == 1.
• Select the Add button and then OK.
• Save and check your graphic in runtime.
• The following steps must be done in the order specified. Go back to the graphic and delete the
pump.
• Insert a new pump and redo the Data binders as before.
• Ungroup the part.
• Carefully select and change the outside Large circle (Casing and the tip of the pump)
properties (in the Modifier tab) so that Condition 1 is Normal color change Green with the
following conditional statement: PUMP_SWITCH.PV==1 and make Condition 2 to change to Red
with statement: PUMP_SWITCH.PV<>1.
You could also change other pieces of the part at this point. But be careful not to modify the rotating
parts in the middle.
Defining Softkeys
1. Click on “Soft Key” and drag to graphic drawing.
Figure 7.16