Professional Documents
Culture Documents
Visual T&D
Diagram Editor
For use with Visual T&D software version 4.2R2 or later.
All brand and product names appearing in this document are the trademark or registered trademark
of their respective holders.
MN914002EN, Version 18
Contents
1 Introduction 1
1.1 Getting Assistance .................................................................................................1
1.2 Related Documentation .........................................................................................1
1.3 Changing Visual T&D Display Language .............................................................2
2 The Basics 3
2.1 Operation Modes ...................................................................................................3
2.1.1 Switching Between Operation Modes .....................................................3
2.2 Creating a Diagram................................................................................................4
2.2.1 Setting up the Current Page Properties....................................................4
2.2.2 Setting up the Current Page Grid Properties ...........................................5
2.2.3 Adding Basic Shapes to Your Diagram ..................................................6
2.2.3.1 The Drawing Toolbar .......................................................... 6
2.2.3.2 Adding a Line to Your Drawing .......................................... 7
2.2.3.3 Adding a Polygon to Your Drawing .................................... 7
2.2.3.4 Adding a Rectangle to Your Drawing ................................. 8
2.2.3.5 Adding a Polycurve to Your Drawing ................................. 8
2.2.3.6 Adding a Closed Curve to Your Drawing ........................... 8
2.2.3.7 Adding an Ellipse or a Circle to Your Drawing .................. 8
2.2.3.8 Adding a Text Label to Your Drawing ................................ 9
2.2.3.9 Adding an Image to Your Drawing ..................................... 9
2.2.4 Working with Overlapping Shapes .........................................................9
2.2.5 Selecting Shapes.................................................................................... 10
2.2.6 Moving Shapes ...................................................................................... 11
2.2.7 Modifying Shapes ................................................................................. 11
2.2.7.1 Using the Mouse to Change the Size of a Shape ............... 11
2.2.7.2 Adjusting the Size of a Shape ............................................ 11
2.2.7.3 Moving the Vertices of a Complex Shape ......................... 12
2.2.8 Rotating Shapes ..................................................................................... 12
2.3 Organizing Shapes in the Drawing ...................................................................... 13
2.3.1 Selecting the Shapes to Organize .......................................................... 13
2.3.2 Aligning Shapes .................................................................................... 14
• ii Contents
3.2.3.5 Functions ........................................................................... 32
3.2.3.6 Constants ........................................................................... 34
3.2.3.7 Special-Purpose Logical Points ......................................... 34
3.2.4 The Show Value Effect ......................................................................... 34
3.2.5 The Change Color Effect....................................................................... 35
3.2.6 The Show Text Effect ........................................................................... 36
3.2.7 The Hide Effect ..................................................................................... 37
3.2.8 The Flash Effect .................................................................................... 37
3.2.9 The Scale Effect .................................................................................... 38
3.2.10 The Move Effect ................................................................................... 39
3.2.11 Combining Effects ................................................................................ 40
3.2.12 Using the Full Screen Display Setting .................................................. 41
3.3 Animation Effects Specific to the SMP Gateway HMI ....................................... 42
3.3.1 The Show Point Setting Effect .............................................................. 42
3.4 Interactions .......................................................................................................... 42
3.4.1 The Control Interaction ......................................................................... 43
3.4.2 Setting up a Control Interaction on a Shape .......................................... 43
3.4.3 The Open Page Interaction .................................................................... 45
3.4.4 Setting up an Open Page Interaction on a Shape ................................... 45
3.5 Interactions Specific to the SMP Gateway HMI ................................................. 46
3.5.1 The Alarm Commands Interaction ........................................................ 46
3.5.2 Setting up an Alarm Commands Interaction ......................................... 47
3.6 Using Diagram Editor in the Standalone HMI Mode .......................................... 48
3.6.1 The Kiosk Mode.................................................................................... 48
3.7 Designing Diagrams for the SMP Gateway HMI ................................................ 48
3.7.1 Using Diagram Editor from SMP Manager........................................... 49
3.7.2 Exporting a Diagram for the SMP Gateway HMI ................................. 50
• iv Contents
5.3.3 Assigning Procedures to Events and Shapes ......................................... 82
5.4 The Visual Basic Integrated Development Environment .................................... 83
5.4.1 Starting the Visual Basic Editor ............................................................ 84
•x Tables
1 Introduction
The Visual T&D family of products is specially designed to integrate a large variety of data
sources and provide you with a unified view of all the devices in a power substation.
With Visual T&D Diagram Editor, you can easily:
Create basic shapes that represent various devices.
Use shapes to create diagrams that represent the devices in the substation and how they are
interconnected.
Associate data points with shape display properties and create animated diagrams that
represent the current state of a process.
Create libraries of standard shapes and diagram pages that speed up the substation
configuration process.
Associate shapes with Microsoft ® Visual Basic ® for Applications (VBA) scripts and
implement sophisticated control functions.
Visual T&D Diagram Editor is the companion product to Visual T&D Explorer and is part of
Cooper Power Systems’ Yukon family of products.
Email: eas-support@eaton.com
Phone: +1.763.595.7775
Toll Free: +1.800.815.2258
Business hours are from 8 a.m. and 5 p.m. CST, Monday to Friday.
Running Visual T&D Explorer and Diagram Editor instances will be closed, and re-opened in
the selected language.
•2 Chapter 1: Introduction
2 The Basics
Visual T&D Diagram Editor is a complete drawing program that provides all the tools and
functions required to create high-quality interactive diagrams. If you already own a Windows-
based drawing program, you will immediately feel at ease with Diagram Editor.
In this chapter, you will learn how to use the drawing tools to create shapes that represent the
various components or devices in your diagram.
In the subsequent chapters, you will get acquainted with the more advanced aspects of the program
and learn how to animate the shapes in the drawing according to the values of the data points
provided by the Visual T&D server.
Unless it is specified otherwise, the instructions and procedures described in this document
apply to the Design mode.
Animation mode.
When the diagram is animated, the program connects to the Visual T&D server and animates
the diagrams according to the values of the data points and the effects you have programmed.
When Diagram Editor is started via Visual T&D Explorer, it automatically enters the Animation
mode.
When Diagram Editor is started via Windows’ start menu, the user is prompted to enter its Visual
T&D account credentials to connect to the server. If the user provides this information and
connects to a server, Diagram Editor enters the Animation mode; otherwise, it enters the Design
mode.
Object Description
Name Specifies the name of the page
Zoom when run Changes the default zoom setting for the page when the diagram is run. You can
choose a pre-defined setting or enter a percentage in the box.
Object Description
Show grid Activates the display of the grid.
Snap to grid Activates snapping so that shape vertices are automatically pulled towards the
diagram grid points.
Angle snap Activates rotation snapping so that shapes can be rotated in fixed increments
only.
Grid spacing Sets the horizontal and vertical grid spacing using pixels.
Note: You can set the default shape properties by choosing the Default Properties
command from the Shape menu.
To add a shape to your diagram, you simply use the mouse to select a tool from the Drawing
toolbar and then draw the required shape.
Tool Description
Pointer The Pointer tool moves or selects shapes and shape vertices.
Selection The Selection tool selects shapes enclosed within a rectangular area.
Edit Vertices The Edit Vertices tool moves individual points in a polygon or polycurve.
Properties The Properties button displays the Shape Properties window for the selected
shape.
Line The Line tool draws a line between two mouse positions.
Polygon The Polygon tool draws a closed polygon defined by the points clicked with the
mouse.
Polycurve The Polycurve tool draws a curved line passing through the points clicked with
the mouse.
Closed Curve The Closed Curve tool draws a closed shape passing through the points clicked
with the mouse.
Ellipse The Ellipse tool draws a circle or ellipse between two mouse positions.
Image The Image tool inserts an image file in the drawing. Supported formats are:
bitmaps (.BMP), icons (.ICO), Graphics Interchange Format (.GIF) and JPEG.
Connection Point The Connection Point tool inserts a connection point object that is used to
anchor a link between two shapes in the drawing. The connection point must be
grouped with an object.
Link The Link tool draws a line between two connection points. The line is anchored
to the objects and is redrawn if the objects are moved.
Orthogonal Link The Orthogonal Link tool draws a line between two connection points. The line
is composed of horizontal and vertical segments only; it is anchored to the objects
and is redrawn if the objects are moved.
Details specific to each shape type are presented in the following sections.
To add a line:
Select the Line tool from the Drawing toolbar.
Press the left mouse button at the starting position of the line.
Tip: Press the SHIFT key before pressing the mouse button to limit the mouse
movement to either the horizontal or vertical direction.
To add a polygon:
Select the Polygon tool from the Drawing toolbar.
Click the left mouse button at the successive vertex positions of the polygon.
Double-click the left mouse button to stop entering vertex points.
To add a rectangle:
Select the Rectangle tool from the Drawing toolbar.
Press the left mouse button at one of the corner positions.
Tip: Press the SHIFT key before pressing the mouse button to draw a square.
Drag the mouse to the intended position of the diagonally opposite corner.
To add a polycurve:
Select the Polycurve tool from the Drawing toolbar.
Click the left mouse button at the positions of the successive points of the polycurve.
Double-click the mouse to enter the last point.
Note: You must enter at least four points to define a closed curve.
Note: Press the SHIFT key before pressing the mouse button to define a circle.
Tip: Press the SHIFT key before pressing the mouse button, to draw a square text
label.
Drag the mouse to the intended position of the diagonally opposite corner.
Note: Use the Text tab of the Properties command of the Shape menu, to set the text
display properties.
To add an image:
Click on the Image tool on the Drawing toolbar.
In the Open window, browse and select the image file, and then click Open.
The Image tool icon is added to the mouse pointer, to indicate that an image is pending
insertion.
Note: If you clicked on the page prior to clicking the Image tool, the image will be
inserted at this location, as soon as you click Open.
Click the left mouse button to add the image to the drawing.
Tip: Use the General tab of the Properties command of the Shape menu to set the
background transparency color.
The object will be brought up to the top of the stack, in front of all others.
Choose Bring Forward from the Order command in the Shape menu or on the Structure
toolbar.
The object will be sent to the bottom of the stack, behind all others.
Choose Send Backward from the Order command in the Shape menu or on the Structure
toolbar.
When you use nudging commands, movement is not confined to the grid.
Note: Nudging commands are also available through the Position command in the
Shape menu, and via the Nudge toolbar.
Tip: The shape of the mouse pointer changes to indicate the direction in which you
can move the selection handle.
Note: Sizing commands are also available from the Shape menu.
When you use sizing commands, movement is not confined to the grid.
Note: You can also use the keyboard to resize a shape. To do so, select the shape,
then hold down the CTRL key and a keyboard arrow key at the same time. The
top left-hand corner of the shape will remain in the same position, while the rest
of the shape will move in the direction of the arrow until you release the two keys.
Tip: The shape of the mouse pointer changes to indicate a vertex that you can drag.
Note: A shape rotates around its center of rotation, which is located at the center of the
shape’s selection rectangle.
The shape will rotate in 15-degree increments, if you have selected Angle snap in the Grid
Properties window.
Note: The shape of the mouse pointer changes to indicate positions where the rotation
tool can be used to grab and rotate the shape.
To flip a shape:
Use the Pointer or Selection tool to select the shape.
Select the Flip Horizontal command on the Rotation toolbar or in the Shape menu to flip the
shape around the horizontal axis.
OR
Select the Flip Vertical command on the Rotation toolbar or in the Shape menu to flip the
shape around the vertical axis.
OR
Use the Pointer or Selection tool to select all the shapes in an area of the drawing. The
reference shape will be the topmost shape in the stacking order.
To ungroup shapes:
Select the shape to ungroup.
Select Ungroup on the Structure toolbar, or from the Grouping command on the Shape
menu.
Note: When you ungroup a shape that contains groups, only the most recent grouping
is unmade, and the previous groups remain.
OR
Tip: The shape of the mouse pointer changes when it passes over a connection point.
Tip: The shape of the mouse pointer changes to indicate when you can drag a
selection handle.
Rectangle √ √ √
Polycurve √ √
Closed Curve √ √ √
Ellipse √ √ √
Text √ √ √ √ √
Image √
Connection Point √
Link √ √
Orthogonal Link √ √
In the Shape Properties window, adjust the properties as required. The content of each tab is
presented in details in the following sections.
Once finished, click OK to apply the change and close the window.
Type Indicates the basic type of the shape. This setting is read-only and is displayed for
information purpose.
Note: Shapes created with the Image tool contain additional fields described under
"Image Properties", page 19.
Object Description
Transparent Indicates whether the image background is to be transparent or opaque. If you
select transparent, you must select the transparency color.
Transparency color Indicates the color that is considered transparent. All pixels with this color will be
removed from the image and the background will show through.
Transparent Specifies that the line is to be invisible. Use this attribute to remove the contour
of filled shapes. When you select this option, all other line properties are
disabled.
Thickness Sets the line drawing thickness. This field is available for solid lines only.
Object Description
Foreground color Sets the drawing color of a closed shape. If the Hatch setting is set to No Hatch,
the shape will be filled with a solid color. If a hatch pattern is selected, this color
will be used to draw the lines of the hatching pattern.
Background color If a hatch pattern is selected, this color will be used to fill the areas between the
lines of the hatching pattern.
Transparent If a hatch pattern is selected, the areas between the lines of the hatching pattern
background will be transparent.
Box Description
Text Text label displayed by the shape.
Multiple lines Indicates that the text can be displayed on multiple lines. If not selected, the text
will be truncated to the width of the shape.
Automatically If selected, the shape will be automatically enlarged if the text does not fit in the
enlarge the shape to shape.
display text
Word wrap Breaks the text over multiple lines, on word boundaries. Only available if
Multiple lines is selected.
Vertical alignment Specifies whether the text should be displayed at the top, center or bottom of the
shape.
Object Description
Font Selects the name of the font to be used to display the text shape.
Font style Selects the font style: Regular, Bold, Italics, or Bold Italics.
The Shape Properties window displays the tabs that apply to the grouped shapes.
Change any property and the modification will be applied to all the shapes in the group.
Note: The Shape Properties window will not display the correct property values if the
shapes in a group have different values for the same properties. However, if you
select a new value, this new value will be applied to all shapes.
The Grouping window displays a hierarchical view of all the shapes in the group. If a group
contains other groups, they are displayed as branches in the tree. Each shape is identified by
the value entered as the Name property in the General tab of the Shape Properties window.
Note: By default, all diagram files are stored in the Diagrams folder, within the Client
folder.
Note: Only users who have been assigned editing privileges can save a diagram file on
the Visual T&D server.
The diagram file will be saved on the server and made available to all computers connected to
the server.
Warning: Saving the current diagram to the server overwrites the diagram associated
with the current site configuration.
Note: Diagram Editor can only edit one diagram file at a time. If there already is an
open diagram, you will be prompted to save any changes.
Note: Diagram Editor can only edit one diagram file at a time. If there already is an
open diagram, you will be prompted to save pending changes, if any.
The most important feature of Visual T&D Diagram Editor is its ability to create diagrams that
represent the operation of a process in real time.
In the previous chapters, you learned how to use Diagram Editor tools to create shapes and
diagrams. In the following sections, you will learn how to connect to the Visual T&D server,
access data points and create animated diagrams that change according to the values of these
points.
In a typical process control system, one or two data points would be used to indicate the state of
the switch. In our example, we will assume that there is a single data point called SW_OPEN that
is TRUE when the switch is open.
To group shapes:
Use the Pointer or Selection tool to select all the components of the open switch.
From the Shape menu, choose Grouping, and then choose Group.
Use the Properties command from the Shape menu and enter a significant name, such as
Open, for the grouped shape.
Repeat the above steps for the components of the closed shape and name the group Closed.
Use the Pointer tool to move both shapes until they overlap exactly.
Use the Pointer or Selection tool to select both the open and closed shapes.
From the Shape menu, choose Grouping, and then choose Group.
Use the Properties command in the Shape menu and enter a significant name, such as
Switch, for the grouped shape.
You should then have a group (Switch) containing two other groups (Open and Closed).
SW_OPEN
In the Description field, enter a significant name for the animation, such as:
Hide if open
Click OK.
Select the Open group.
Click Add and select the Hide animation.
Enter the following string in the Expression field in order to hide the shape when the data
point indicates that the switch is closed:
NOT(SW_OPEN)
In the Description field, enter a significant name for the animation, such as:
Hide if closed
Click OK to close Animation window, and OK again to close the Shape Properties
window.
If you want to save the drawing, choose Save from the File menu.
Note: Since data point name SW_OPEN does not exist on the Visual T&D server, the
Unresolved Aliases and Nonexistent Variables window will open. Click Ignore
to continue.
Object Description
Grouping Displays the name of the selected shape or the hierarchical view of all the shapes
in the group. If a group contains other groups, they are displayed as branches in
the tree.
The operations you perform in the window apply to the selected shape or group
of shapes.
Animation order Displays the list of animation effects selected for the current shape or group of
shapes.
Add Displays the list of animation effects available for the selected shape. The
program displays a window in which you will specify the animation parameters.
Control Description
Expression Used to enter and edit the expression to be evaluated. You can enter the
expression directly from the keyboard or use the buttons to insert variable names,
arithmetic or logical operators, etc.
Logical and Binary Used to select and enter logical and binary operators in the expression.
Variables and Used to select and enter variable names and aliases in the expression. The
Aliases variables are the data points configured in the server. Aliases are names that are
used when you create generic shapes. Aliases must be associated with variables
before the diagram can be animated. See “Working with Aliases”, page 58.
NOT (SW_OPEN)
QualityOf(MA) = TRUE
NOT (TagOf(Mo_25-4.TS, 9) OR TagOf(Mo_25-4.TS, 10))
The following sections present the various operators and functions that can be entered as part of an
expression.
% Obtains the remainder of the division of the left operand by the right operand.
Operator Description
< Evaluates to TRUE if the left operand is less than the right operand.
> Evaluates to TRUE if the left operand is greater than the right operand.
<= Evaluates to TRUE if the left operand is less than or equal to the right operand.
>= Evaluates to TRUE if the left operand is greater than or equal to the right
operand.
!= Evaluates to TRUE if the left operand is different from the right operand.
Operator Description
Logical AND Evaluates to TRUE if the left and right operands are both TRUE.
Binary AND Calculates a bitwise AND between the left and right operands.
For instance, 12 BAND 5 evaluates to 4 (1100 BAND 0101 is 0100).
Binary XOR Calculates a bitwise XOR between the left and right operands.
For instance, 12 BXOR 5 evaluates to 9 (1100 BXOR 0101 is 1001).
3.2.3.5 Functions
You can use the following built-in functions in expressions:
Function Description
ABS( x ) Calculates the absolute value of x.
QualityOf( point name ) Evaluates to TRUE if the value of the specified data point
is valid.
TagOf (point name ) Calculates the integer value of all tag bits for the specified
data point name.
TagOf( point name, x ) Calculates the Boolean value of tag bit x of the specified
data point name.
GetTagTypeCount( point name ) Returns the number of different tag types between all tags
that are currently set for the specified data point.
For example, if three Information tags and one All
control inhibited tag are currently set for a given point,
this function will returns 2.
GetTagCount( point name ) Calculates the total number of tags currently set for the
specified data point name.
GetPriorityTagType( point name ) Returns the type of the highest priority tag for the specified
data point.
Possible values are:
TAG_TYPE_NONE if no tag exists for the data point;
TAG_TYPE_INFORMATION for an information tag;
TAG_TYPE_ALL_CONTROL_INHIBITED for a control
inhibition tag.
TagTypeFromName( type name ) Returns the Index of a tag type, as specified in the Tag
Types settings of a site configuration in Visual T&D
Explorer.
GetTagCountByType( point name, tag Calculate the total number of tags of a given type that are
type index) currently set on a given data point; the tag type is specified
using its Index, as specified in the Tag Types settings of a
site configuration in Visual T&D Explorer.
GetPriorityTagTypeByGroup( point name, Returns the Index of the highest priority tag set on a given
group index ) data point, between all tags of a specified group; the group
is specified using its index, which is the Group setting
specified for the tag types of a site configuration in
Visual T&D Explorer.
IsAlarmAcknowledged( point name, type) Evaluates to TRUE if the alarm of the specified type for
the specified data point has been acknowledged.
Use the ALARM_TYPE_ALL parameter to test for all
alarm conditions.
You can use the ALARM_BINARY_STATE,
ALARM_LEVEL_LOW, ALARM_LEVEL_HIGH and
ALARM_BAD_QUALITY parameters to test for specific
alarm conditions.
IsAlarmActive( point name, type) Evaluates to TRUE if an alarm of the specified type is
currently displayed for the specified data point. If TRUE,
you can use the AlarmStateOf function to determine if the
alarm condition still exists.
Use the ALARM_TYPE_ALL parameter to test for at least
one alarm condition.
You can use the ALARM_BINARY_STATE,
ALARM_LEVEL_LOW, ALARM_LEVEL_HIGH and
ALARM_BAD_QUALITY parameters to test for specific
alarm conditions.
AlarmStateOf( point name, type) Evaluates to TRUE if the alarm condition of the specified
type for the specified data point still exists. Evaluates to
FALSE if the alarm condition is returned to normal.
Use the ALARM_TYPE_ALL parameter to test for at least
one alarm condition.
You can use the ALARM_BINARY_STATE,
ALARM_LEVEL_LOW, ALARM_LEVEL_HIGH and
ALARM_BAD_QUALITY parameters to test for specific
alarm conditions.
GetAlarmPriority( point name) Returns the alarm priority level for the specified data point.
Constant Description
TRUE Represents a logical true value. Any value other than 0
is considered true.
__sys_alarmSoundTriggered Logical point that indicates whether the sound has been triggered. Its
value will be TRUE if the sound is triggered and FALSE if the sound
has not been triggered. (The sound is triggered whenever a new alarm
enters the system.)
Setting Description
Description Sets the name of the animation effect.
Expression The expression to be evaluated. The program displays logical values as True or
False, while it displays numerical values with the requested number of decimal
places.
Decimal places Indicates the number of digits that will be displayed, after the decimal. If you
specify 0, there will be no decimal point.
Expression The expression to be evaluated. The shape will change colors if the condition
evaluates to TRUE.
Expression The expression to be evaluated. The original text label will be replaced with the
new value if the condition evaluates to TRUE.
Setting Description
Description Sets the name of the animation effect.
Expression The expression to be evaluated. The shape is hidden if the condition evaluates to
TRUE.
Expression The expression to be evaluated. The shape flashes if the condition evaluates to
TRUE.
Expression The expression to be evaluated. The size of the shape changes according to the
value of the expression.
Expression range Indicates the minimum and maximum range of values of the expression.
Scaling range Indicates the scaling that will be applied to the shape, as a percentage of the
current size. A value of 100% represents the original size of the shape, while a
value of 0 makes the shape disappear.
The minimum value indicates the scaling that will be applied when the expression
is equal to or less than the minimum Expression range value.
The maximum value indicates the scaling that will be applied when the
expression is greater than or equal to the maximum Expression range value.
Dimensions to be Selects the dimensions of the shape that will be resized: width or height.
scaled
Anchor point Selects the part of the shape that remains stationary when the shape is resized.
Expression The expression to be evaluated. The position of the shape within the movement
area changes according to the value of the expression.
Expression range Indicates the minimum and maximum values of the expression.
Horizontal Indicates whether the shape is to be moved horizontally and if so, by how many
movement range pixels.
Specifies by how many pixels the shape is to be moved when the expression is
greater than or equal to the maximum Expression range value.
Vertical movement Indicates whether the shape is to be moved vertically and if so, by how many
range pixels.
Specifies by how many pixels the shape is to be moved when the expression is
greater than or equal to the maximum Expression range value.
Direction Selects the direction of movement of the shape within the specified area.
Tip: To assist you, the program displays the outline of the movement area on the
diagram while you edit the parameters of this animation effect.
OR
Setting Description
Description Sets the name of the animation effect.
Expression The expression to be evaluated. The setting value is displayed when the
expression evaluates to TRUE.
Data Point The name of the SMP Gateway point for which the value of one of its setting will
be displayed in the shape.
3.4 Interactions
An interaction is similar to an animation effect, except that it must be triggered by a user, by
clicking a shape.
In the Description box, type a name for the interaction; this name will be displayed at the top
of the control window.
In the Control Type box, select the type of control operation to perform through this control
interaction.
In the Data Point box, type the name of the binary or analog output point to control; you can
also select the point from the provided list.
In the Execution Type box, select the execution type of the control operation.
If the execution type is Pulse, type the Pulse Duration, in milliseconds, in the corresponding
box.
Under Operation Buttons Style, modify the appearance of the control window for the Select
or Direct Execute operation, if required.
Note: Open Page interactions cannot be set up on shapes of pages that use renaming
tables (i.e. “dynamic pages”).
In the Description box, type a short description for this interaction, or keep the one proposed
by default; this description will be used as the interaction instance name that will appear in the
Interaction tab of the Shape Properties window.
Click OK to close the Animation – Open page window, and then click OK again to close the
Shape Properties window.
Under Configuration, click Add, then SMP Gateway, and then click Alarm Commands.
Note: When the Alarm Command Interaction is setup, all data points related to the
animation of the shape are eligible to alarm management on the right side panel
of the diagram page.
Visual T&D Diagram Editor can also be used to design diagrams intended for the SMP Gateway
HMI. Such diagrams must be exported to the SMP Gateway HMI Package (.hmi) file format
before they can be uploaded on the SMP Gateway. Visual T&D Diagram Editor is not part of the
standard SMP Manager installation. However, when installed, the program is automatically
detected by SMP Manager which supports Visual T&D Diagram Editor launching; an icon is
placed in the SMP Manager Toolbar for this purpose.
Note: The SMP Gateway HMI feature is presented in details in the SMP Gateway User
Manual, MN912001EN.
Most of the diagram features supported by Visual T&D are also supported in the SMP Gateway
HMI, but with some limitations and constraints.
The following features are not supported:
Visual Basic® for Applications (VBA) code.
Animation expressions that use tag functions.
Animation expressions that use the following alarm functions:
IsAlarmSilent
Note: Visual T&D Diagram Editor does not automatically fix the unsupported elements
that it may encounter during the export. It is the user’s responsibility to analyze
the report and fix the issues according to its own diagram requirements.
A diagram with unsupported elements will run on the SMP Gateway, but may not
behave as expected by the user.
The Diagram Editor, when launched from SMP Manager, is called SMP Diagram Editor and is
available only in design mode; animation related functions and access to the server are disabled.
An additional feature sets it apart from the Visual T&D Diagram Editor to enforce single-line
diagram edition in page dimensions that are adapted for the SMP Gateway touchscreen display
area. Therefore, the SMP Diagram Editor has two combo boxes located in the Toolbar. They are
used to resize all the schema pages in order for them to fit exactly in the single-line diagram
display area of the target screen.
The first box allows choosing between two SMP Gateway version ranges:
SMP Gateway 6.3R1 or later
SMP Gateway 7.1R1 or later
The second box allows choosing a screen resolution adapted for the touchscreen connected to the
SMP Gateway video port and used for local access. The choices for the screen resolution are the
following:
800 x 600
1024 x 768
1280 x 800
1280 x 1024
Note: If the actual version of the SMP Gateway firmware is not listed, select the closest
earlier version.
Click Save.
If the resulting file contains diagram elements that may not be displayed properly, you can
click Yes to display the warning report. Otherwise, click No.
The diagram package file is now ready to be transmitted to the SMP Gateway. For additional
information, refer to the SMP Gateway User Manual, MN912001EN.
Visual T&D Diagram Editor provides additional features to help you create diagrams based on
standard shapes. The Library Manager libraries provide you with a means to define a set of
standard shapes that you will use for all your diagrams.
In fact, Cooper Power Systems provides different libraries containing shapes adapted to the
platform using them. These libraries are the Common platforms Visual TD and SMP Gateway, the
SMP Gateway and the Visual TD. In these libraries, shapes are sorted in Generic or Substation
branches to allow the user to find them easily according to their functions. These shapes are
animated, so that you can use them to monitor the value or quality of a data point, or to see if any
alarms have occurred and to acknowledge and clear the alarms, or to operate data points in your
diagram.
For example, the Visual TD Library contains one button that opens (sets to off) a binary output
point, and another that closes (sets to on) a binary output point. You could retrieve these two
shapes from the library and add them to your diagram. You would then specify which data point
you want to operate. Thereafter, you would just need to click the buttons directly in your diagram
in order to operate the binary output point. The libraries are discussed in detailed under “Examples
of Basic Shapes in the Libraries”, page 64.
You will undoubtedly use the Library Manager libraries extensively. However, you may also want
to create your own libraries containing shapes and animations that are specific to your diagrams
and are not in the provided Libraries.
Once you have added a shape to a library, you can manage the versions of that shape. Whenever
you modify a shape in a library, you can easily update all the diagrams that use the shape.
Note: By default, all libraries are created in the Libraries folder, within the Client
folder.
Note: For additional information about the Export function, see “Exporting Parts of a
Diagram”, page 57.
The program now displays a Save As window, which is actually the Library Manager window
with two additional boxes at the bottom, in which you can enter a name and version for the shape.
The window also allows you to select the library in which you want the shape to be stored.
OR
Select the shape you want to move and use the corresponding menu command:
From the Shape menu, choose Move.
The window title is replaced with Move To, and a Move button appears at the bottom of
the window.
In the left pane, select the destination library or folder.
Click Move.
To rename a shape:
In the Library Manager window, select the shape you want to rename.
From the Shape menu, choose Rename.
Enter the new name, and then click OK.
Warning: If you choose to add the shape to the drawing without a link, you will be
unable to update the shape from the library. Adding an unlinked shape is
similar to using the Copy and Paste commands.
OR
Use the corresponding menu command:
From the Shape menu, choose Add Linked Shape to Drawing.
If some Visual Basic modules or pages previously associated with the shape are missing, the
application will display them and will prompt you to provide the new associations.
If your diagram contains a grouped shape that you have stored in a library, and you now change
the structure of the grouped shape by adding a new shape to the group, for example, the Update
Library command will no longer be available for the modified shape.
The Export wizard appears and shows the pages of the diagram that can be exported.
Note: You cannot export the main page of your diagram. Therefore, the page does not
appear in the list of pages that can be exported.
Click Next.
The Export wizard then lists all Visual Basic project items of the selected diagram pages.
Note: When a shape containing aliases is copy-pasted, these aliases are automatically
de-allocated, forcing their association with new data points.
If your data points are named according to some systematic naming convention, Diagram Editor
can also provide you with a method for automatically associating aliases with data points.
[IA]
QualityOf([MA])
NOT (TagOf([TS], 9) OR TagOf([TS], 10))
To manually assign the aliases for all the shapes in your diagram:
From the Animation menu, choose Assign Aliases.
The program displays the Assign Aliases window. If you selected a particular shape, you will see
the aliases used in that shape; otherwise, you will see a list of all the shapes in your diagram, with
all the aliases used in all the shapes.
In the screenshot below, we selected a particular shape in the diagram, called L3_ION. The shape
animation contains 3 aliases: current, polarity and voltage. We have already mapped current to a
data point called L3_ION_IA, and polarity to a data point called L3_ION_V1_Polarity. We
are in the process of using the drop-down list to choose a data point for voltage. The Resolution
setting is set to Automatic by default, but once you have chosen a data point in the drop-down
list, it is set to Manual to indicate that you have manually assigned the alias to a data point.
Variable Use the drop-down list to choose a data point for the alias shown in the same row.
An empty cell indicates that no data point has been assigned yet to the alias.
Alias This column lists the names of all the aliases used in the selected shapes.
Note: If you change the name in the Alias column, the name of the alias will also be
changed in the animation expressions that use the alias.
Resolution This column indicates whether the alias will be resolved automatically or
manually. To automatically assign aliases, you will use a Visual Basic procedure
in the Common platforms Visual TD and SMP Gateway library (VBA folder).
See "Automatically Assigning Aliases to Variables", below.
Context This column indicates the name of the shape and the animation effect in which
the alias (or data point, if you did not use an alias in the animation expression) is
used.
Find Displays a window, in which you can enter a name that you want to locate in one
of the columns of the grid.
Replace Displays a window, in which you can enter a name that you want to locate in one
of the columns of the grid, as well as a replacement string.
Note: When you save the diagram, the newly inserted ResolveAlias object becomes
part of the diagram. Thus, you will not have to retrieve the object from the library
the next time you open the diagram.
Assign the ResolveByName procedure to the selected shape Resolve Alias event:
Select the shape for which you want to resolve the aliases.
The Resolve Aliases event handler gets added to the shape's event handlers, as shown in
the Event handlers box at the bottom of the window.
Click Finish.
Click Resolve Aliases in the Animation menu, to have Diagram Editor automatically assign
the aliases for the SimSS_025_F1_ shape.
This will display the Assign Aliases window. In our example, we can see that Diagram Editor
has mapped each alias to a data point name consisting of the shape name plus the alias name.
shape,alias,point
"F1","IA","SimSS_025_F1_IA"
"F1","IB","SimSS_025_F1_IB"
"F1","IC","SimSS_025_F1_IC"
"F2","IA","SimSS_025_F2_IA"
"F2","IB","SimSS_025_F2_IB"
"F2","IC","SimSS_025_F2_IC"
The remaining steps are identical to those described for the ResolveByName procedure, with the
exception that you will assign the ResolveFromFile rather than the ResolveByName procedure to
the shape's Resolve Alias event. See "Using the ResolveByName Procedure", above.
Note that the ResolveFromFile procedure expects the CSV file to be called Aliases.csv. It
also expects the CSV file to be located in the Temp folder of your hard disk. If you use another
name, such as Maple Grove Aliases.csv, or store the file in some other folder, you must
modify the procedure accordingly.
[NameOfAliasesFile.csv]
ColNameHeader=True
Format=CSVDelimited
DecimalSymbol=.
Replace the first line to include the name your CSV file.
For example, the first line of the file may look like this:
If you look at the shape properties, you will see that the shape contains three Change Color
animation effects. If you then look at the animation expressions, you will see that the first one
From the Animation menu, choose Assign Aliases, and assign the data point called
SimSS_220_L1_ALM1 to the [BINARY_INPUT] alias (for this procedure, see “Manually
Assigning Aliases to Variables”, page 59).
From the Animation menu, click Run, to run the animation.
The L1 ALM shape will turn green, red or grey each time there is a change in the state of the
data point.
For the purpose of the test, you can provoke the changes in one of the following ways:
On the real device, generate a real alarm, then clear the alarm, and then provoke a
communications failure or some other incident that will affect the quality of the data point,
and watch the L1 ALM square change colors.
OR
If you are authorized to enter Simulation mode:
Get into simulation mode via the Visual T&D Explorer Tools menu.
Select the data point in the Real-Time Data view.
For the alias assignment procedure, see “Manually Assigning Aliases to Variables”,
page 59.
Click the Click Open and Click Close buttons, and watch the L1 ALM shape change
colors.
Add Adds a new page to the diagram. Displays a window in which you can set the
name and properties of the new page.
Properties Displays a window in which you can modify the name and properties of the
selected page.
Show Displays the selected page and makes it available for editing.
To add a new page to your diagram or change the properties of an existing page:
Click the Add or Properties button in the Pages window.
Specify the Action settings, which are presented in details in the following table:
Create new window If selected, the page will be displayed in a pop-up window.
Use the following If selected, the page will be used to display several pages using shape renaming
shape renaming tables (see List of tables, below).
tables
The box is available only if you selected Use the following shape renaming
tables.
Add Adds the name you entered in the upper box of the Tables section, to the list of
renaming tables assigned to the page.
Delete Deletes the selected table from the list of renaming tables.
Edit Displays the Rename Shapes window, which you can use to rename the shapes
in the table currently selected in the list. The procedure for renaming generic
shapes is outlined under “Using a Single Diagram Page to Monitor Multiple
Devices”, page 71.
Table 4-3 Add Page window - Settings and controls for the Action tab
In the Shape Properties window, type SEL 351 in the Name box, and click OK
SEL 351 will become the group name of the button shape. The name of the button must
be the exact name that you assigned to the page via the Pages window.
In the Grouping window, select Label, and then click Properties.
In the Shape Properties window, select the Text tab.
In the Text box, type RELAY_F1, and then click OK.
This text will appear on the button. We used RELAY_F1 since we have a relay on Feeder
1 and one on Feeder 2. We could, however, have entered any meaningful text.
Repeat the procedure for the second button, naming the button SEL 387 and labeling it
RELAY_F2.
Now, the SEL 351 and SEL 387 pages each have the following button:
The name of the new table gets added to the list shown in the lower box of the Tables
section.
Click OK.
Display the new ION6200 page:
In the Pages window, select the ION6200 page.
Click Show.
Add the desired shapes to the page, and use aliases rather than data point names for the
animation effects.
In the example below, we created 3 animated shapes, to which we assigned the following
names:
Measures.
This shape shows currents, line-to-neutral voltages, and line-to-line voltages.
CommStatus.
This shape shows the device communication status.
ExitButton.
This shape is a Visual TD library shape Click Page Close button that we will use to close
the page.
When you run the animation, aliases used on the page will be resolved using the prefix you
specified here. For example, if the Measures shape has aliases called [IA], [IB], [IC] and
[IAvg], these will be dynamically resolved to ION_L1_IA, ION_L1_IB, ION_L1_IC and
ION_L1_IAvg.
Click OK to return to the Modify Page window.
Select the ION6200_L2 renaming table and rename the same three shapes with ION_L2_,
so the aliases can be resolved using the ION_L2_ prefix. Repeat the process for table
ION6200_L3, renaming the three shapes with ION_L3_.
Display the background page of your diagram.
From the Library menu, choose Manager.
Select the Visual TD library, expand the Generic branch.
Click the Buttons folder, drag and drop three Click Page Open buttons onto your diagram.
Assign to the first button shape, the name of the first renaming table: ION6200_L1, and
enter the text to be displayed on the button.
The labels on the buttons are arbitrary. The names of the 3 button shapes, however, are not
arbitrary. They must match the names of the 3 shape renaming tables. If you need help
assigning names to the button shapes or modifying the text labels, see “Displaying the Pages
of a Multiple-Page Diagram”, page 69.
From the Library menu, choose Manager, and then from the Common platforms Visual
TD and SMP Gateway library, under the Generic branch, open the VBA folder, drag and
drop the ResolveAlias shape onto your diagram.
Add the ResolveByName event handler to each shape on the ION6200 diagram page that
requires alias resolution. For instructions, refer to “Automatically Assigning Aliases to
Variables”, page 60.
For each of the three pages to be displayed, create a Visual Basic procedure that calls the
Document.OpenPage method to display the diagram page. The parameters of the method
must:
specify the name of the page to be opened, namely, ION6200 in this example;
specify the name of the button shape that will be used to open the page.
Note: You will find an in-depth discussion on how to create Visual Basic scripts under
“Working with Scripts”, page 77.
The screenshot below shows the pop-up window for the ION6200 device located on line 2.
The basic functions of Diagram Editor are all you need to create sophisticated animated diagrams
that provide you with a basic real-time representation of a monitored process. While this may be
sufficient in many cases, the real power of Diagram Editor becomes available when you use the
built-in Visual Basic language to create scripts that support operator interaction.
The Visual T&D Diagram Editor includes the Microsoft Visual Basic for ApplicationsTM (VBA)
technology. Using this technology, you can create sophisticated diagrams whereby operators can
use the mouse to display detailed views of your site and control the values of the data points.
Each shape you create in a diagram can generate events that launch Visual Basic scripts when the
shapes are added to a diagram or when the operator clicks on them with the mouse. These scripts
can open new diagram pages and access the Visual T&D server to read or write data points in
order to perform sophisticated control operations.
Note: VBA scripts do not work in SMP Gateway HMI diagrams that are designed using
Visual T&D Diagram Editor. In some case, you can achieve the same results
using Interactions (see page 42), which are supported on the SMP Gateway.
Parameter Description
DiagramShape The Shape object on which the operator clicked.
VirtKeyCode The keyboard keys that were pressed when the shape was double-clicked:
VKC_NONE.
No keys were pressed.
VKC_ALT.
The ALT key was pressed.
VKC_CONTROL.
The CTRL key was pressed.
VKC_SHIFT.
The SHIFT key was pressed.
A combination of the above keys may have been pressed when the mouse was
clicked.
MouseButton The mouse button that was used to click on the shape:
MOUSE_LEFT_BUTTON.
The left button was clicked.
MOUSE_MIDDLE_BUTTON.
The middle button or the wheel was clicked.
MOUSE_RIGHT_BUTTON.
The right button was clicked.
VirtKeyCode The keyboard keys that were pressed when the shape was double-clicked:
VKC_NONE.
No keys were pressed.
VKC_ALT.
The ALT key was pressed.
VKC_CONTROL.
The CTRL key was pressed.
VKC_SHIFT.
The SHIFT key was pressed.
A combination of the above keys may have been pressed when the mouse was
double-clicked.
MouseButton The mouse button that was used to double-click on the shape:
MOUSE_LEFT_BUTTON.
The left button was double-clicked.
MOUSE_MIDDLE_BUTTON.
The middle button or the wheel was double-clicked.
MOUSE_RIGHT_BUTTON.
The right button was double-clicked.
Note: You can process both the Click and Double-Click events for a particular shape.
Both events are supported for the same shape and are distinct.
Field Description
DiagramShape The Shape object that the mouse entered.
Field Description
DiagramShape The Shape object that the mouse left.
Field Description
DiagramShape The Shape object added to the page.
Page The name of the diagram page to which the shape is added.
Field Description
DiagramShape The Shape object for which you want to resolve the aliases.
Note: You do not need to use the Wizard to create modules and procedures. You can
perform these operations with the Visual Basic Editor. However, you must use
the Wizard to assign procedures to shapes and events.
Note: You can also create a new module using the Module command from the Insert
menu of the Visual Basic Editor.
The Wizard will provide the correct parameters according to the type of event.
Enter the name of the procedure. Your scripts will be easier to read if you select a name that
corresponds to the type of event to be processed, such as OnClick or MyShape_Click.
Select the type of procedure. Use Function to create a Visual Basic procedure that can return
a result and that you can use in an expression. Use Subroutine to create a procedure that does
not return a result.
Select the scope of the procedure. Use Public to indicate a procedure that is accessible to all
other procedures in all modules. Use Private to indicate a procedure that is accessible only to
the procedures in the module in which it is declared.
Enter the parameters (arguments) and return type for the procedure. The contents of this field
are automatically set when you select an event type to be processed.
Click Next.
The Event Handlers window will open at the end of this procedure creation (see “Assigning
Procedures to Events and Shapes”, below).
Note: You can also create a new procedure using the Procedure command from the
Insert menu of the Visual Basic Editor.
To assign procedures to events and shapes using the Visual Basic Wizard:
From the Animation menu, choose Visual Basic Wizard.
Select Add or modify diagram event handlers, and then click Next.
Control Description
Select shape Displays the hierarchy of the shape selected in the diagram, or of all available
shapes if none was selected.
Select the shape or group to which you want to assign a procedure.
Propagate to parents Indicates whether the event will be propagated upwards in the hierarchy to the
enclosing groups.
Propagate to Indicates whether the event will be propagated downwards in the hierarchy to the
children enclosed groups and shapes.
Delete Removes the selected procedure from the list of event handlers.