Graphic Editor

Help Contents

Introduction

The Graphic Editor allows you to construct SCADA and HMI Graphic pages using any of the following:

The Graphic Page is used to convey information about equipment or a process. For example:

Graphic Page

The Graphic Page Tutorial describes in detail the steps you can use to build the above page.

Graphic Editor Items

The Graphic Editor provides these items to build SCADA and HMI graphic pages:

ItemExplanation
Text Text is used to show:
  • Static information
  • Live data about a process, equipment, or plant
Text is added to the canvas using the Add Text Tool.
Shapes A Shape is a line, triangle, rectangle, ellipses, or complex shape. Shapes can be drawn to represent equipment, for example: Pumps, Pipes and Valves.
Bitmap Images A Bitmap Image is a picture made from a matrix of dots. A Bitmap Image is used to show:
  • An icon
  • A picture of equipment or a location
A Bitmap Image is added to the drawing canvas using the Import File Tool.
Graphic Symbols A Graphic Symbol is a collection of graphic items that you wish to draw once and use multiple times. A Graphic Symbol is added to the canvas using the Add Graphic Tool.
Plot A Plot displays a graph in a region of a graphic page. A Plot is added to the drawing canvas using the Add Plot Tool.
SQL List An SQL List displays the results of an SQL Command in a Table on the Graphic Page. An SQL List is added to the drawing canvas using the Add SQL List Tool.
Group A Group is collections of other items that behave as a single item. A Group is created by:
  1. Selecting one or more items on the drawing canvas.
  2. Using the Make Group command on the Editor Menu.

Use the Drawing Wizard to quickly draw complex shapes from a symbol library.

Setting up Dynamic Content

The Graphic Editor provides these tools to link graphic items to tags in the SCADA database:

Data Bindings A mechanism to bind the visual appearance of graphic elements to tag value(s).
For example:
  • Text showing an analog measured value or digital state.
  • A shape where the color indicates the state of a piece of equipment.
  • The position of a fill level indicator.
  • Rotation of turbine blades in a pump.
Operator Actions Areas of the graphic page that respond to operator interaction. For example, an operator might click on an item to:
  • Navigate to another graphic page
  • Open a dialog to enter a new setpoint
  • Open or close a valve
  • Display events associated with a tag
  • View alarms associated with a logical area of the tag database
  • Acknowledge an alarm
Graphic Item Functions Functions to read or write Data Bindings from an Operator Actions. Using these functions you can:
  • Display or hide items on a page, for example a pop-up window.
  • Change text.
  • Set the text displayed in the tooltip when the user moves the mouse over an item.
  • Allow or prevent a user from interacting with an item.
Global Bindings You can declare common code and variables in a Global Bindings area. Data Bindings and Operator Actions can reference common code and variables declared in the Global Bindings area.

Creating and Editing Graphic Pages

Graphic pages are stored as tags in the tag database.

To create a new graphic page you create a new Graphic Page Tag:

  1. In the Tags Window, select the target folder where you want to create the Graphic Page.
  2. Right click and select Add New Tag, followed by Core, followed by Graphic.

    Note: A unique tag name will be automatically generated. You can change the tag name by typing in a new name and then pressing Return.

To edit a graphic page:

  1. In the Tags Window, select the Graphic Page you want to edit.
  2. Right click and select Edit Graphic. The Graphic Editor will open.
  3. Use these features to edit the content of the graphic page:
  4. To learn about editing graphic pages follow the steps in the Graphic Editor Tutorials.

Graphic Editor Multiple Views

Using Graphic Editor Multiple Views you can create content that best fits different display aspect ratios and orientations. For example:

When the Operator Interface loads a Graphic Page, the view that best fits the display orientation is shown to the user.

Further Information

Graphic Editor Tutorials

To learn about the steps in creating graphic pages.

Graphic Editor Toolbar

For the different tools available to edit graphic pages.

Keyboard Shortcuts

For a complete list of keyboard shortcuts.

Configuration Tool

For an overview of the configuration tools for Fernhill SCADA.

Glossary

For the meaning of terms used in Fernhill SCADA.