Day 5 – Engineering Course

Grapic Builder

Training Services Center - SVD

Prepared by:
Arsianto Priandana

PT. Yokogawa Indonesia

Wisma Aldiron Dirgantara 2nd floor, suite 202-209
Jl. Jend. Gatot Subroto Kav.72 Jakarta 12780
Phone : 021-799 0102, Fax : 021-799 0070

PT YOKOGAWA INDONESIA
Training Center – Technical Support Group Page.1
 Graphics Builder- Draw Toolbar
Used to create and edit graphic windows for operation and monitoring.

• Maximum number of data links per window : 400

• Maximum number of modifier conditions per window : 200
• Maximum number of modifier conditions per object : 8
• Maximum number of overview object, graphic modifier
color change and blinking per window : 60
• Maximum number of touch targets per window : 400
• Maximum number of instrument faceplate per window : 16

Page.2
 Drawing and Editing the Graphic Window
Starting the Graphic Builder
To start the Graphic Builder, there are the following methods:
• Specify and start the Graphic Builder file from System View.
• Start the Graphic Builder file from the Windows start menu or
short-cut icon.

The Graphic window is assumed to have been created in System View.

OR

System View

Page.3
 GRAPHIC BUILDER
Starting the Graphic Builder

Page.4
STANDARD TOOLBAR

Page.5
STANDARD TOOLBAR

Page.6
DRAW TOOLBAR

Page.7
HIS FUNCTION TOOLBAR 1/2

Page.8
HIS FUNCTION TOOLBAR 2/2

Page.9
FORMAT TOOLBAR 1/2

Page.10
FORMAT TOOLBAR 2/2

Page.11
 Graphics Builder- Draw/HIS Functions
Toolbar
Select mode Sector

Point Pen Arc Circle

correction
Straight Fill Ellipse
line area

Polyline Rectangle

Process Process Line User-

data - data Segment defined
character - bar Graph Line
Segment
Radar
Graph
chart

2-dimensional
Polymarker graph

Text Process Process Bar Step

data - data - Graph Graph
arrow circle

Page.12
 Graphics Builder – HIS Functions
Toolbar

Instrument
diagram

Message Trend

Touch Control

Pushbutton Window Overview

Faceplate Dialog name

Page.13
General Tab

Sets name of an object.

Sets display position of an object.

Sets width and height of an object.

Call a window
Presence/Absence of simulation data
setting during debugging

Page.14
Modify Coordinates Tab
Used to determine the display position of a graphic object.

Sets X-axis data.

Sets Y-axis data.

Page.15
Process Data Tab

Data type to be displayed.

LIC100.PV In this case, for example, display
LIC100.PV

Page.16
Graphic Modify Tab

Always Execute : If conditional

formula is TRUE, change actions are
performed at any given time.

Execution First Time Only : If

conditional formula is TRUE, change
actions is performed only once.

Page.17
Graphic Modify Tab

Displays the condition number

assigned to a graphic modifier
condition currently displayed.
• [Add] button to add a new graphic
modifier condition. Disabled when 8
conditional formulas already exist.
• [Change] button to reflect the
contents of the graphic modifier
condition.
• [Delete] button to delete the graphic
modifier condition currently displayed

Page.18
Graphic Modify Tab

• Normal Change Color

Displays an object in the color
specified
• Change Alarm-specific Color
Displays an object in the alarm
color of a function block
• Overview Color
Displays an object in the alarm
color that is subject to
monitoring specified by the tag
name or window name

Page.19
Graphic Modify Tab
• Alarm Specific Blinking
Object blink according to the alarm
status of the instrument diagram.
Acknowledgment key may
acknowledge the alarm message.
• Screen Blinking
Makes an object blink. Object blinking
will be stopped when the
acknowledgment operation is
performed.
If the status of conditional formula
changes after the acknowledgment
operation, the blinking will resume
• Overview Blinking
A tag name or a window name may be
defined in the formula for overview
blinking test condition. The overview
will have the same blinking behavior as
defined in the formula.
The alarm blinking may be
acknowledged by acknowledgment
operation.
Furthermore, the tag name defined
may also be treated as a representative
tag name for the Graphic window.

Page.20
Graphic Modify Tab

Only available for text object

This action changes a character string
to another character string
Sets the character string to be
displayed in reverse video.

Page.21
Graphic Modify Tab

• Process Data Process

data can be used in conditional test formula
for graphic modification.
TagName.DataItem
• Recipe Data Unit Name Specification
UnitName.CommonBlockName.Data
Item[X,Y]
( X, Y are array data.)
• Recipe Data Batch ID Specification
BatchID.CommonBlockName.Data
Item[X,Y]
( (X, Y are array data.)

Page.22
Graphic Modify Tab

+, -, *, /, & (bitwise AND), | (bitwise OR), %

(remainder)
=, <> (not equal), >, <, >=, <=, and (AND
conditional formulas), or (OR conditional
formulas)
Example :
FIC100.PV > 50.0
FIC100.PV + FIC300.PV <= FIC400.PV
FIC100.PV > 50.0 AND FIC200.PV <20.0
FIC100.ALRM = “HI” or “HH”

FIC100.AOFS = “AOF”
FIC100.#PV = “CAL”
%CI0001.PV & 0x00FF <> 0

Page.23
Graphic Modify Tab

When selected, the graphic modifier

conditional formula testing is
continued even after the condition is
satisfied.
In this case, all change actions
associated with satisfied conditions are
executed .

Page.24
Label Tab - Pushbutton

Name displayed on the pushbutton

Sets whether or not to add color to the
label.
Sets whether or not to attach a safety
guard to a pushbutton.
The pushbutton with a guard becomes
a two-push button.

Page.25
Soft Key Tab – Soft Key
• [Change] button : To reflect the
change content of the softkey currently
set to the softkey of the current
number.
• [Delete] button : To delete the softkey
currently displayed.
Name displayed on the pushbutton
Sets whether or not to add color to the
label.
Sets whether or not to attach a safety
guard to a pushbutton.
The pushbutton with a guard becomes
a two-push button.

Page.26
Function Tab – Soft Key

Sets the type of functions to be

assigned to an object
Sets the type of window to be called

Sets whether or not to specify

Sets the display position window size. If selected, specify the
of the window to be called size from [Medium Size], [Large
Size] or [Special Size]

Window display position can be specified

with a monitor number instead of
coordinates

Page.27
 Parts Window from Part Toolbar
Types of Parts File :
• System
These system defined parts are given together with the CS3000
software by default
• User
To open an existing parts file, click [Open] on
[File] menu, then choose the file to be opened.

Page.28
Create New Part from Parts Window

Drag from part

window to graphic
builder
Part Re-Utilization

Part Registration
Select object to be saved as a part from
graphic builder and drag it to part image
display area on part window

Page.29
 Create New Link Part from Linked
-Part List Window
Embedded parts whose states are linked to the sources of the parts. The parts embedded in
many kinds of windows and linked to the sources are all called “linked parts.”

1) From the [Insert] menu [Linked Part...] or click the tool button that starts
the Linked-Part List Window.

2) From the [File] menu [Create

New Folder] in the Linked-Part List
Window, or click the [Create New Folder]
button.
3) Double on the [New Part File] as
shown on the left to create the new
linked part.

4) After creating the Linked Part, from

the [File] menu [Save] in the
Linked-Part List Window.

Page.30
 Insert a Linked Part to Graphic Window
1) From the [Insert] menu [Linked Part...] in the Graphic Builder, or click the tool
button that starts the Linked-Part List Window.

Drag and
Drop

To use a linked part, the linked part files must be stored

in the following folder:
C:\CS3000\eng\BkProject\R3Project\LinkParts\Pumpt1.lpt

\Pump2.lpt

\COMMON\Valve1.lpt
\Valve2.lpt

Page.31
 Data Bind Tab
A graphic generic name is an alias of tag name, item or value bound to a graphic object. The
representation of the alias is referred to as binding.
Displays all generic names used for a object that comprises a linked part object.

Example

The data bound to the generic names can be

changed

Page.32
END

Page.33