Yokogawa PCS

CS3000 R3
Engineering Course

By Jonathan C. Quiazon

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Instructor: Jonathan C. Quiazon

Email: jonathan.quiazon@ph.yokogawa.com

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Schedule

Session: 8:30 am ~ 4:30 pm

Coffee/Tea Break: 10:00 am ~ 10:15 am

3:00 pm ~ 3:15 pm

Lunch Break: 12:00 nn ~ 1:00 pm

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Centum CS3000 R3.07

Course Outline

Day 5 Graphics Builder

Laboratory Work

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Graphics Builder

The Graphic Builder is a software package that comes with the

CS3000 software. It is used to create and edit graphic windows for
operation and monitoring.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Graphic Window Capacity
Maximum Number of Data Links

Up to 400/Window

Maximum Number of Modifier Conditions

Up to 200/Window

Up to 8/Object

Maximum Number of Graphs

Up to 4/Window

Maximum Number of Graphic Arithmetic Expressions

Up to 50/Window

Maximum Number of Touch Targets

Up to 400/Window

Maximum Number of Overview Object, Graphic Modifier Color Change and Blinking

Up to 400/Window

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Maximum Number of Instrument Faceplate

Up to 16/Window

Maximum Number of Generic Names

Up to 400/Window

Maximum Number of Generic Name Sets

Up to 200/Window

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Creating a Graphic Window
To create a new graphic window go to Start → Programs → Yokogawa Centum →
System View → [Choose your project] → HIS Folder → Window Folder (Right Click) →
Create New → Window

Right Click
Click

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Creating a Graphic Window

Click

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Graphics Builder Environment
In System View → Select project → HIS Folder → Window Folder (Double Click on GR0001)

Double Click

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Graphics Builder Environment

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Window Size and Color

The Window Size and Background Color can be set in the Builder Environment by
File → Properties.

1. 1600 × 1072 dots

2. 1280 × 858 dots (recommended for 21 LCD)
3. 1024 × 686 dots
4. 800 × 536 dots
5. 640 × 429 dots

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Sets the
Window Size

Sets the
Background
Color

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Toolbars

The Graphic Builder provides specific tools to create and edit graphic objects that
compose a Graphic window. The Graphic Builder contains the following types of
toolbars.

1. Standard
2. Draw
3. HIS Functions
4. Format
5. Edit Object
6. Part

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Toolbars

Click

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Standard Toolbar

ICON NAME DESCRIPTION

SAVE Writes the edited contents to a file.

CREATE WORKING FILE Creates a work file.

PRINT Starts printing.

SCREEN IMAGE PRINT VIEW Displays the screen print preview of printout.

SCREEN DATA PRINT VIEW Displays the print preview of data set for objects.

DEBUG Executes debugging.

CUT Deletes the selected objects and stores them on clipboard.

COPY Stores the selected objects on clipboard.

PASTE Extracts the data stored on clipboard.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Standard Toolbar

ICON NAME DESCRIPTION

COPY MODIFY Copies the graphic modifier setting of the selected object.

Pastes the graphic modifier setting that is copied onto the

PASTE MODIFY
selected object.

UNDO Cancels the previous edit operation.

GRID Switches the grid display between on and off.

SNAP TO GRID Switches the snap to grid setting between on and off.

ZOOM IN Enlarges the display area.

ZOOM OUT Reduces the display area.

AREA ZOOM Enlarges a specific area.

SPECIFY ZOOM SIZE Specifies the size of display area.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Draw Toolbar

ICON NAME DESCRIPTION

SELECT MODE Sets the mode in which objects can be selected.

POINT CORRECTION Enters the point correction mode.

PEN Selects the pen tool.

STRAIGHT LINE Draws a straight line.

POLYLINE Draws a polyline.

ARC Draws an arc.

RECTANGLE Draws a rectangle.

FILL AREA Draws a fill area.

CIRCLE Draws a circle with a specified radius.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Draw Toolbar

ICON NAME DESCRIPTION

ELLIPSE Draws an ellipse.

SECTOR Draws a sector.

MARKER Draws a marker.

TEXT Draws text.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 HIS Functions Toolbar

ICON NAME DESCRIPTION

PROCESS DATA-CHARACTER Draws a data character display object.

PROCESS DATA-BAR Draws a rectangle data bar object.

PROCESS DATA-ARROW Draws an arrow data bar object.

PROCESS DATA-CIRCLE Draws a circle data bar object.

LINE SEGMENT GRAPH Draws a line-segment object.

USER-DEFINED LINE SEGMENT Draws a user-defined line-segment graph object.

GRAPH OBJECT

BAR GRAPH Draws a bar graph object.

STEP GRAPH Draws a step graph object.

RADAR CHART Draws a radar chart object.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 HIS Functions Toolbar
ICON NAME DESCRIPTION
TWO-DIMENSIONAL GRAPH Draws a two-dimensional graph object.

TOUCH TARGET Draws a touch target object.

PUSHBUTTON Draws a push button object.

FACEPLATE Draws a faceplate block button.

INSTRUMENT DIAGRAM Draws an instrument diagram.

WINDOW Draws a window display object.

MESSAGE Draws a message object.

DIALOG NAME Draws a dialog object.

TREND Draws a trend object.

OVERVIEW Draws an overview object.

CONTROL Inserts an ActiveX control object.

Yokogawa Philippines, Inc. – Training and Support Department
All rights reserved
2006
 Format Toolbar

ICON NAME DESCRIPTION

FONT TYPE Selects font type of text.

FONT SIZE Selects font size of text.

BOLD Displays text in boldface.

ITALIC Displays text in italics.

UNDERLINE Underlines text.

TEXT COLOR Displays the menu from which a text color is selected.

FILL COLOR Displays the menu from which a fill color is selected.

LINE COLOR Displays the menu from which a line color is selected.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 ICON NAME DESCRIPTION

LINE TYPE Displays the menu from which a line type is selected.

LINE THICKNESS Displays the menu from which thickness of a line is selected.

Displays the menu from which items such as directions of

LINE END
arrows are selected.

PROPERTIES Displays the property sheet of the selected object.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Edit Object Toolbar

ICON NAME DESCRIPTION

ALIGN Opens a dialog for aligning the selected objects.

DISTRIBUTE Opens a dialog for arranging the selected objects evenly.

GROUP Groups the selected objects.

UNGROUP Ungroup the selected group objects.

BRING TO FRONT Moves the selected object to the very top.

SEND TO BACK Moves the selected object to the very bottom.

BRING FORWARD Moves up the selected object by one layer.

SEND BACKWARD Moves down the selected object by one layer.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Edit Object Toolbar

ICON NAME DESCRIPTION

FLIP HORIZONTALLY Flips the currently selected object horizontally.

FLIP VERTICALLY Flips the currently selected object vertically.

ROTATE 90O COUNTER Rotates the selected object 90 degrees to the left.
CLOCKWISE

ROTATE 90O CLOCKWISE Rotates the selected object 90 degrees to the right.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Part Toolbar

ICON NAME DESCRIPTION

PARTS Starts the parts windows

LINK-PART Starts the linked part windows

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Setting Properties for Graphic Objects
The Graphics Builder provides various tabs for setting various attributes of a
graphic object.

General Tab

The General Tab is used to set basic attributes that are common to all objects created.
The General tab sets the object name, display position and size, as well as whether
the object can be used as a tag object and whether data setting is possible during
debugging.
Object Name-
sets name of an Object Position-
object sets the display
position ( x & y
coordinates
Object Size-sets
the width and
height of an
object Tag Object-calling a
faceplate of the assign
tagname. But limited
to the ff. objects:
1. Object w/ modifier
2. Data character
Data Set During
3. Data Bar
Debugging- The display
4. Instrument Diagram
and action of graphic
objects can be checked
by using the debug
function of the Graphic
window.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Setting Properties for Graphic Objects
Text Tab

The Text tab is used to set the format, color and background color of the text.

Sets the Font

Size
Sets the Font
Type

Sets the Font

Changes the Style
Text Color

Changes the
Background Color

Sets the Text

Angle

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Setting Properties for Graphic Objects
Line Tab

The Line tab is used to set the line attributes such as type, thickness, and line end
shape.

Sets the Line

Sets the Line Color
Style

Sets the Object

Edge Roundness
Sets the Line
Thickness

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Setting Properties for Graphic Objects
Fill Tab

The Fill tab is used to set the fill types and pattern styles when filling graphic objects.

Selects the Fill Sets the

Type for the Gradation Style
Object

Sets the
Gradation Color

Sets the
Brightness Start
and Last Point

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Setting Properties for Graphic Objects
Graphic Modify Tab

The graphic modify is a function that changes the object’s color, blinking status and
pattern based on the process data and the conditional formula.
Selects when to
perform the
testing on the
Graphic Modify
Condition Sets Color
Change, Blinking,
and Data Type
Up to 8 Modifier for an object.
conditions can be
set per Object.
Sets Conditional
Formula to be
used as criteria
for condition
testing.

Displays the
Conditional
formula for
modifications of
an object

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Setting Properties for Graphic Objects

Always Execute –
Change actions
are performed at
any given time
while conditional
formula is TRUE.

Execute First Time

Only – Actions is
performed only once
when the conditional
formula is TRUE

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Setting Properties for Graphic Objects

Normal Color
Change – Displays
Change Alarm
the object in the
Specific Color –
specified 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

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Setting Properties for Graphic Objects

Yes – Enables an Alarm Specific Blinking –

object to blink the object will blink as long
as the function block
corresponding to the first tag
name specified in the
Conditional Formula
Screen Blinking – This changes to alarm status,
makes an object blink. If regardless whether the
this is selected, the object condition of the formula is
blinking will be stopped established or not.
when the acknowledgment
operation is performed. If
the status of conditional
formula changes after the
acknowledgment Overview Blinking – A tag
operation, the blinking will name or a window name
resume. may be defined in the
formula for overview blinking
test condition. The overview
will have the same blinking
behavior as those for the tag
name and the window name
defined in the formula.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Conditional Test Formula for Graphic Modifier

Process data can be used in conditional test formula for graphic modification.
The formula using process data is in “TagName.DataItem” syntax format.
When using the data status of a function block, the formula can be set in
“TagName.#DataItem” format. Up to 45 alphanumeric can be used to script a
conditional formula.

Unary operators

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

Comparison operators that can be used

=, <> (not equal), >, <, >=, <=, and (AND), or (OR)

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Actual notation examples:

FIC101.PV > 50.0

FIC101.PV + FIC301.PV <= FIC401.PV
FIC101.PV > 50.0 AND FIC200.PV < 20.0
FIC101.ALRM = “HI” or “HH”
FIC101.AOFS = “AOF”
FIC101.#PV = “CAL”
%CI0002.PV & 0x00FF <> 0

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Modify Coordinates Tab
The coordinate modifier is the function that moves the display position of a graphic
object according to the change in process data value. The Modify Coordinates tab is
used to set conditions for changing display positions of graphic objects.

Sets the Process

Data for the X-
axis object
movement

Sets the Process

Data for the Y-
axis object
movement

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Process Data Character
Process Data-Character Tab
This tab is used to set the process data to be displayed as numeric values or
character strings. The process data-character tab is specific to the data character
display object. Sets the Display
Data Format Type.

Types are:
1. Numerical
2. Percentage
Sets the Process 3. Character String
Data Character 4. Hexadecimal
position 5. Date
6. Time
7. Tag-List

Sets the Data to Sets the number of

be associated Digits for Integers
with the Process
Data Character.
LIC100.PV
Sets the number of
Digits After the
decimal point

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Process Data Bar
Process Data-Bar Tab
The Process Data-Bar tab is used to set display method and display data of the
rectangular bar in order to display process data or the array data in the form of a
rectangular bar.

Sets the Process

Data Bar
extending Sets the reference
direction. point for the Process
Data Bar.

Sets the Data to

be associated
with the Process
Data Bar.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Touch Target, Pushbuttons, Softkeys
Function Tab
The Function tab is used to set functions to be assigned to touch targets, push buttons, overview
objects and softkeys.

Sets the function to be assigned

to an object.
Functions that can be assigned
are:
• Call window
• Execute the system function key
• Start/Stop/Restart Trend
Sets the window
• Flash/Light/Turn OFF the LED
size
• Execute the Program by File Name
• Instrument Command Operation
• Call Data Input Dialog
Sets the window • Call Menu Dialog
display position • Data-Item Dependent Menu Dialog
• Execute the Multimedia Function
• Report Printout
• Call Panel set (*1)
• Others

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Label Tab

The Label tab is used to set the label, label color, safety guard to be attached to the
pushbutton object.

Sets the character

string displayed in
Sets color to the the Pushbutton
label

Sets whether or
not to attach a
guard.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Softkeys
The softkeys are the push buttons that are displayed in the predetermined positions.
Up to 8 softkeys can be assigned to a single Graphic window. The assigned softkeys
are always displayed so that their functions can be executed at all times.

Select the [Softkey...] from the [Insert] menu of the Graphic Builder to display the
dialog box in which to assign softkeys.

Sets the character

string displayed in
Sets color to the the Softkey
Softkey button

Sets whether or
not to attach a
guard.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Parts Window
The Part window is used to register parts from or quote parts to the Graphic window
that is being edited.
Select [Parts...] on the [Insert] menu may call out the Parts window. Clicking the Parts
button on toolbar may call out the Parts window too.

System User
These are system defined parts that are Allows user to re-use generated parts
included as default in CS3000. file.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Creating New Part from Part 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

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Link Parts
Linked parts are the embedded parts whose states are linked to the sources of the
parts.

Creating New Link Part

1. Click on the Link Part Shortcut key (or click Link Part under the Insert menu) to
open the Link Part Window.

2. From File Menu click [Create

New] → [Link Part].

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Creating New Link Part

3. Double click on the New Part File to create a new Link Part.

Double Click

4. Save the newly created link

part. [File] → [Save]

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Inserting a Linked Part to a Graphic Window

1. In the Graphics Builder, click Link Part

button and select the linked part.

Drag and Drop

To be able to use the linked part, the linked

part file should be stored in the folder:

C:\CS3000\eng\BkProject\(Project Name)\LinkParts\

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006
 Data Bind
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 an object that comprises a linked part object.

Tag/Data
Sets the bounded to
Generic the Generic
Name Name

The data bound to the generic names can be changed.

Yokogawa Philippines, Inc. – Training and Support Department
All rights reserved
2006
Yokogawa Philippines, Inc. – Training and Support Department
All rights reserved
2006
 Activity
Create a simple level process that is controlled using a SFB control
scheme.

Conditions:

1. Implement the drawing so that when feed flow is initiated the flow
valve would change in color.
2. Provide PV indications for the controller balloon with engineering
units.
3. Also, use touch targets to the instrument balloon so as to call its
corresponding faceplates.
4. An additional requirement would be that the level indicated in the tank
should correlate with the indicated level in the level controller.

After generating your graphics run test function to see if the requirements
are met.

Yokogawa Philippines, Inc. – Training and Support Department

All rights reserved
2006