inVIEW Web SCADA User Manual.v1.0 - Software & hardware solutions for all of your remote monitoring needs

User Information

Throughout this manual, the pictograms below are used to underline points or important notions.


Getting Started

Preface

I50 is a communication controller optimized for remote control and monitoring of distributed automation systems over GPRS network.

inVIEW Web SCADA allows end-users to easily and efficiently develop applications for remote monitoring and control of industrial systems. This user guide consists of two parts: the first one describes the approach to the development of simple SCADA applications and the second one gives us a detailed overview of inVIEW Web SCADA Editor used for application development.

The entire process of developing SCADA software for industrial systems is described in detail using a simple example of SCADA application. Applying principles and procedures described in given SCADA example we can develop even complex projects quickly and easily. Also, the given an example explains the use of templates for the standard configuration of supervised systems.

inVIEW Web SCADA allows us to develop applications by using ready-made components which are then connected and configured. During the configuration of these components we can adjust certain features and attributes, but mainly we do not change them, i.e. we keep their default values. A detailed overview of actions that user can perform in inVIEW Web SCADA Editor as well as a description of certain component’s attributes is given in the second part of this user guide.


- Creating SCADA Application -

Chapter Objectives

The approach to the development of simple SCADA application for two geographically remote, but identical facilities is described in this part of the user guide for inVIEW Web SCADA. Each of the facilities is used to stabilize a time-varying water flow.


SCADA Specification

Observed facility is shown in Figure 1.1 and comprised of: Buffer Tank is used to stabilise a time-varying upstream flow rate, Fi, in the supply pipe, so that constant flow rate of water Fo can be maintained downstream, in the drain pipe; Control on-off Valve used to control the maximum water flow rate Fc in the control pipe and thus compensate any possible variations of water flow Fi in supply pipe and hydraulic Pump which ensures constant water flow Fo in the drain pipe.

Figure 1.1 Facility with buffer tank, on-off control valve and pump

    The user of SCADA application can perform the following actions:

  • The change of state of hydraulic pump (on or off);
  • Insight into the value of water level in buffer tank;
  • Insight into the state of the control valve (open or closed);
  • Insight into the value of water flow in the control pipe, supply pipe, and drain pipe;
  • Insight into the difference between values of water flow in the drain pipe and the sum of water flow values in the supply and control pipe;
  • The change of the set-point of water flow rate in the drain pipe.

In addition to these actions, the system for monitoring and control should inform the user about the danger of drainage and overflow of buffer tank as well as about records of changes in the state of the hydraulic pump and setpoints of water flow in drain pipe and to provide graphical representation of the historical values of water level in the buffer tank and water flow in the drain pipe.

Also, the system should provide authorized access to different users (administrator, operator, etc.) by their rights.

Considering that there are two identical but geographically remote facilities, it is necessary to enable monitoring and control of both of them.


Defining SCADA variables

Remote facilities are named Facility1 and Facility2, and they have identical configurations. Therefore, variables that represent real values of these facilities are listed in the table below.


Table 1.1 SCADA Variables

SCADA variable Type Description
Facility1.BufferTankLevel External (OPC) The value of the water level in the buffer tank in the first facility, the unit of measure [m]
Facility1.ControlValveStatus External (OPC) The state of on-off control valve in the first facility, it can be open or closed
Facility1.Fc External (OPC) The value of water flow in the control pipe in the first facility, the unit of measure [l/s]
Facility1.Fi External (OPC The value of water flow in the supply pipe in the first facility, the unit of measure [l/s]
Facility1.Fo External (OPC) The value of water flow in the drain pipe in the first facility, the unit of measure [l/s]
Facility1.Fs External (OPC) Set-point of water flow in the drain pipe in the first facility, the unit of measure [l/s]
Facility1.PumpStatus External (OPC) The state of the hydraulic pump in the first facility, it can be on or off
Facility1.Fd Internal The difference between water flow values in the drain pipe and the sum of water flow values in the supply and control pipe in the first facility
Facility1.FacilityInfo Internal Data about the first facility
Facility2.BufferTankLevel External (OPC) The value of the water level in the buffer tank in the second facility, the unit of measure [m]
Facility2.ControlValveStatuss External (OPC) The state of on-off control valve in the second facility, it can be open or closed
Facility2.Fc External (OPC) The value of water flow in the control pipe in the second facility, the unit of measure [l/s]
Facility2.Fi External (OPC) The value of water flow in the supply pipe in the second facility, the unit of measure [l/s]
Facility2.Fo External (OPC) The value of water flow in the drain pipe in the second facility, the unit of measure [l/s]
Facility2.Fo External (OPC) The value of water flow in the drain pipe in the second facility, the unit of measure [l/s]
Facility2.Fs External (OPC) Set-point of water flow in the drain pipe in the second facility, the unit of measure [l/s]
Facility2.PumpStatus External (OPC) The state of the hydraulic pump in the second facility, it can be on or off
Facility2.Fd Internal The difference between water flow values in the drain pipe and the sum of water flow values in the supply and control pipe in the second facility
Facility2.FacilityInfo Internal Data about the second facility

Considering that both facilities (Facility1 and Facility2) represent the process identical to the one shown in Figure 1.1, some of the SCADA variable’s names have the same suffix, as they relate to the identical physical value, but prefixes vary depending on in which facility the observed physical value is. Prefixes are Facility1 and Facility2 (the words before the point in the variable’s name), and the suffixes in the variable’s name are BufferTankLevel, ControlValveStatus, etc. (the words after the point in the variable’s name).

There are two types of SCADA variables: internal variables and external (OPC) variables. Internal variables do not collect values from external data sources (OPC Server, measuring devices, etc.), but their values can be changed within the SCADA application using predefined actions or by written programs - scripts. External variables of type OPC collect values from OPC servers (OPC DA or OPC UA servers). In this user guide, variables collect values from OPC DA servers and in that purpose, MatrikonOPC Server, which represents the source of simulated values, is used. The installation of MatrikonOPC Server on the local computer is required. Required files can be downloaded from links in the table below.


Table 1.2 Matrikon files

File Type Link
Instalation file https://www.matrikonopc.com/products/opc-drivers/opc-simulation-server.aspx
MatrikonOPC Server User Guide https://www.matrikonopc.com/downloads/459/index.aspx

Configuring MatrikonOPC Server

As in this user guide, we use simulated values from MatrikonOPC Server instead of real physical values from both facilities; it is necessary to configure the server and to connect to it so that inVIEW Web SCADA application is OPC client that collects simulated values from MatrikonOPC Server. Therefore, server configuration includes a definition of pseudonyms (aliases) for the physical values.

The list of all OPC tags with the defined pseudonyms on MatrikonOPC Server is given in the table below.


Table 1.3 Alias Configuration

Matrikon Alias Alias Group Alias Name Item Path
Facility1.BufferTankLevel Facility1 BufferTankLevel Triangle Waves.UInt1
Facility1.ControlValveStatus Facility1 ControlValveStatus Random.Boolean
Facility1.Fc Facility1 Fc Random.UInt1
Facility1.Fi Facility1 Fi Triangle Waves.Real4
Facility1.Fo Facility1 Fo Random.Real4
Facility1.Fs Facility1 Fs Bucket Brigade.Real4
Bucket Brigade.Real4 Facility1 PumpStatus Bucket Brigade.Boolean
Facility2.BufferTankLevel Facility2 BufferTankLevel Triangle Waves.UInt2
Facility2.ControlValveStatus Facility2 ControlValveStatus Random.Boolean
Facility2.Fc Facility2 Fc Random.UInt2
Facility2.Fi Facility2 Fi Triangle Waves.Real8
Facility2.Fo Facility2 Fo Random.Real8
Facility2.Fs Facility2 Fs Bucket Brigade.Real8
Facility2.PumpStatus Facility2 PumpStatus Bucket Brigade.Boolean

Alias Configuration

    Perform the following steps to create aliases:

  1. To start the MatrikonOPC Server for Simulation, click on the Windows Start button and select Programs -> Matrikon OPC -> Simulation, and choose MatrikonOPC Server for Simulation;
  2. On the Configuration window, select “Alias Configuration”. From the “Edit” menu, choose “Insert Alias Group”. Enter a new name for the Alias Group: Facility1, as shown in the figure below;
  3. Figure 1.2 Inserting Alias Group

  4. On the “Configuration” window, select previously configured Alias Group Facility1. From the “Edit” menu, choose “Insert New Alias”. The “Insert New Alias” window (Figure 1.3) appears. Enter a name for the alias in the “Name” field: BufferTankLevel. Enter the item path for the item to which the alias refers: Triangle Waves.UInt1, or click on the “Browse” button to navigate to the item. Click on the “Save” button to save the alias;
  5. Figure 1.3 Inserting a new alias

  6. Repeat step No. 3 for other Matrikon aliases within Alias Group: Facility1;
  7. Repeat step No. 2. Enter a name for the new Alias Group: Facility2;
  8. Repeat steps No. 3 and No. 4 for Matrikon aliases within Alias Group: Facility2. The Contents table for Alias Group: Facility1 and Alias Group: Facility2 is displayed on the right side of the Configuration window (Figure 1.4 and Figure 1.5), listing the aliases it contains;
  9. Figure 1.4 Contents of alias group Facility1

    Figure 1.5 Contents of alias group Facility2

  10. To save the server configuration, choose File -> Save. Enter a file name if saving the file for the first time and click on “Save” button.

Creating SCADA Variables

This section describes the definition of SCADA variables using inVIEW Web SCADA Editor. Considering that inVIEW Web SCADA represents OPC client and collects data from MatrikonOPC Server, it is necessary first to connect to the MatrikonOPC Server, and afterward, define SCADA variables given in Table 1.1.


Connecting to Matrikon OPC Server

    To connect inVIEW Web SCADA to the MatrikonOPC Server, perform the following steps:

  1. Using your web browser, enter the inVIEW Web SCADA Editor with default credentials (refer to the Chapter Objectives for more information);
  2. On the Menu bar, choose “Configurator” option (refer to the Editor Workspace for more information about Editor workspace);
  3. To configure a connection to the MatrikonOPC Server, click on the “Connections” tab of Configurator (refer to the Connections for more information). On the “Connections” tab, click the “Add” button. The window “Add connection” appears. Complete all fields on the “Add connection” window, as shown in the figure below. When you have completed all fields, click the “Save” button.

Figure 1.6 Add connection

After completed steps, the connection called “Matrikon” is created, as shown in the figure below.

Figure 1.7 Connections


Creating External Variables

    To create external SCADA variables defined in Table 1.1, perform the following steps:

  1. Click on the “Variables” tab of Configurator (refer to the Variables for more information). On the “Variables” tab, in the drop-down box named “Connection”, select previously configured connection: Matrikon. Click the “Get Variables” button;
  2. Figure 1.8 Variables

  3. 2 Click the “Add variable from server” button. On the “Add variable from server” window, select variables as shown in the figure below: click the first item: Facility1.BufferTankLevel, then press the [Shift] key and hold it; then, click the last item: Facility2.PumpStatus and release the [Shift] key. Click the “Save” button;
  4. Figure 1.9 Add variable from server

  5. 3 Click on the first variable in the variables table: Facility1.BufferTankLevel, as shown in the figure below. On the right side of “Variables” tab, configure attributes according to the first column of Table 1.4. To save a configuration, click the “Save” button. Repeat the same for other variables in the variables table.
  6. Figure 1.10 External variables

Attributes of external variables given in Table 1.4 are related to the physical properties of both facilities. The difference is only in the values of variable attributes that are defined in the simple “()” brackets.

Table 1.4 Attributes of external variables

Variable name Facility1. BufferTankLevel (Facility2. BufferTankLevel) Facility1. ControlValveStatus (Facility2. ControlValveStatus) Facility1.Fc (Facility2.Fc) Facility1.Fi (Facility2.Fi) Facility1.Fo (Facility2.Fo) Facility1.Fs (Facility2.Fs) Facility1. PumpStatus (Facility2. PumpStatus)
OPC Tag Facility1. BufferTankLevel (Facility2. BufferTankLevel) Facility1. ControlValveStatus (Facility2. ControlValveStatus) Facility1.Fc (Facility2.Fc) Facility1.Fi (Facility2.Fi) Facility1.Fo (Facility2.Fo Facility1.Fs (Facility2.Fs) Facility1. PumpStatus (Facility2. PumpStatus)
Trend name Facility1 Buffer Tank Level (Facility2 Buffer Tank Level) Facility1 Output Flow Rate (Facility2 Output Flow Rate)
Internal
Type Real Boolean Real Real Real Real Boolean
Unit Group
Read Unit
Interface Unit
Variable name Facility1. BufferTankLevel (Facility2. BufferTankLevel) Facility1. ControlValveStatus (Facility2. ControlValveStatus) Facility1.Fc (Facility2.Fc) Facility1.Fi (Facility2.Fi) Facility1.Fo (Facility2.Fo) Facility1.Fs (Facility2.Fs) Facility1. PumpStatus (Facility2. PumpStatus)
Loggable
On Change
Log Interval 15 seconds 0
Offset 0 0 0 0 0 0 0
Multiplier 0.1 1 0.1 0.1 0.001 1 1
Added 0 0 0 0 0 0 0
Event
Event on change
Event bottom value
Event top value
Event bottom text
Event top text
Alarm
Alarm bottom value 5
Alarm top value 15
Alarm bottom text Facility 1 Buffer Tank LOW Level (Facility 2 Buffer Tank LOW Level)
Alarm top text Facility 1 Buffer Tank HIGH Level (Facility 2 Buffer Tank HIGH Level)

Creating Internal Variables

    To create internal SCADA variables defined in Table 1.1, perform the following steps:

  1. Click on the “Variables” tab of Configurator. To display internal variables in the variables table, activate the “Internal” check box. Click the “Get Variables” button;
  2. Click the “Add internal variable” button. On the “Add internal variable” window, fill the field “Internal variable name” with data: Facility1.Fd. Click the “Save” button to add the internal variable;
  3. Repeat step No. 2 to create following internal variables: Facility2.Fd, Facility1.FacilityInfo, and Facility2.FacilityInfo, as shown in the figure below;
  4. Figure 1.11 Internal variables

  5. Refer to Table 1.5 to configure attributes of each internal variable listed in the variables table. To save the configuration, click the “Save” button.

Table 1.5 Attributes of internal variables

Variable name Facility1.Fd Facility2.Fd Facility1.FacilityInfo Facility2.FacilityInfo
Internal
Type Real Real String String

The values of internal variables are defined programmatically, as described in the following section.

During the definition of SCADA variables (OPC variables or internal variables), Suffix variables are created automatically. Also, while deleting a certain SCADA mandatory variable, which is the only SCADA variable with defined Suffix, Suffix variables will be deleted automatically. Refer to the following link for more information.


Creating Scripts

In scripts, you have access to variables. The value of a variable can be read or changed at runtime. Furthermore, you can set up local variables as a counter or as a buffer storage in the script, but local variables can be used only within the script. Typically, a script fetches current value of the variable and updates its value by code. This may be configured as a repeated activity that executes periodically at defined time intervals.

    This section describes the process of defining scripts used for determining the values of internal variables, as follows:

  • Periodically calculates the difference between values of water flow in the drain pipe and the sum of water flow values in the supply and control pipe;
  • Defines the information about a facility (facility name and current time).

    To create and configure the script, you need to take the following steps:

  1. Click on the “Scripts” tab on Configurator page (refer to the Scripts for more information about scripts);
  2. Click the “Create new script” button. The “Insert new script” window (Figure 1.12) appears;
  3. Enter a name for the script in the “Script name” field: DefineInternalVariables. Enter the value in the “Interval” field: 1, and select a “CYCLIC” option in the drop-down box named “Script types”. Click the “Save” button to create the script.
  4. Figure 1.12 Insert new script

  5. On the “Scripts” tab, in the drop-down box named “Scripts”, select the previously created script: DefineInternalVariables;
  6. Copy the following program code to the script editor: double Fi1 = Convert.ToDouble({Facility1.Fi}); double Fo1 = Convert.ToDouble({Facility1.Fo}); double Fc1 = Convert.ToDouble({Facility1.Fc}); int ControlValveStatus1 = Convert.ToInt32({Facility1.ControlValveStatus}); double Fi2 = Convert.ToDouble({Facility2.Fi}); double Fo2 = Convert.ToDouble({Facility2.Fo}); double Fc2 = Convert.ToDouble({Facility2.Fc}); int ControlValveStatus2 = Convert.ToInt32({Facility2.ControlValveStatus}); if (ControlValveStatus1 == 0) {Facility1.Fd} = Fi1 - Fo1; else {Facility1.Fd} = Fc1 + Fi1 - Fo1; if (ControlValveStatus2 == 0) {Facility2.Fd} = Fi2 - Fo2; else {Facility2.Fd} = Fc2 + Fi2 - Fo2; {Facility1.FacilityInfo} = "Facility 1 | " + DateTime.Now; {Facility2.FacilityInfo} = "Facility 2 | " + DateTime.Now;
  7. Click the “Compile” button to compile previously added program code;
  8. To save the script, click the “Save script” button.

Variables Live Values

    To monitor current values of variables presented in Table 1.1 is necessary to define them first. This refers to variables that are collected from MatrikonOPC Server, as well as to internal variables whose values are generated by scripts. Afterward, follow the next steps:

  1. Click on the “Connections” tab of Configurator. Select the connection: Matrikon and click the “Update” button. On the “Update connection” window, complete all fields again, as shown in Figure 1.6, and click the “Save” button;
  2. Click on the “Variables Live Values” tab (refer to the Measuring Units for more information). In the drop-down box named “Connection”, select Matrikon connection and click on the “Start” button. Live values of external variables are displayed, as shown in the figure below;
  3. Figure 1.13 External Variables Live Values

  4. To monitor live values of internal variables, activate “Internal” checkbox and click on the “Start” button. Live values of internal variables are displayed, as shown in the figure below.
  5. Figure 1.14 Internal Variable Live Values

    Red values indicates that value is not valid and there is probably some problem with connection to source of variable as shown in the figure below.

    Figure 1.15 Invalid Internal Variable Live Values


Defining User Roles and Employees

User roles define privileges of users of the application (employees), i.e. what actions are allowed for certain users. In this section, we will create a new user with a user role – operator in SCADA system.

    To define a new employee, perform the following steps:

  1. Click on the “User Roles” tab of Configurator (refer to the User Roles for more information);
  2. In the user roles list, check whether there is a role: Operator. If there is role, go to the next step, otherwise, click the “Add” button, on the “Insert new user role” windows, enter “Operator” in the “User role” field, and click the “Save” button;
  3. Click on the “Employees” tab of Configurator (refer to the Employees for more information about the “Employees” tab);
  4. 4 Click the “Add” button to add a new employee. On the “Insert new employee” window, complete all field with the following data:
    • Username: operator
    • Password: operator
    • First name: First
    • Last name: Last
    • Role: Full user
    • Role type: Operator
    Other fields left empty.
  5. 5 Click the “Save” button. After successfully completing all the above steps, a list of employees looks like in the figure below.

Figure 1.16 Employees


Creating Template Components

This section describes the process of creation of template components, i.e. screen controls made by users that can be used for basic user controls and drawings on the screen. Essentially, template components consist of one or more existing, similar components which are joined to perform new functionality. In this way, the end user can define his library of custom controls and use them when needed. Further in this section, we will describe the process of creating new template components as well as their use in creating SCADA applications.

Before the creation of template components, it is necessary to run inVIEW Web SCADA Editor Web application and sign in with appropriate credentials (refer to the Chapter Objectives in Chapter 2). Template component editor, used for creating template components, is described in the Template Component Editor.


ImageButton

ImageButton is a template component comprised of basic screen components Image and Button (refer to the Basic Controls for more information about basic controls). The formed ImageButton component is sensitive to a mouse click.

    To create the ImageButton template component, perform the following steps:

  1. Start the “Template component editor”. On the Control bar, in the “Client Switcher” drop-down box, select the “Template component editor” option (refer to the Control for more information);
  2. Create a new template component with a name: ImageButton. On the Menu bar, choose File -> Edit Templates to manage template components. On the “Edit Templates” window, enter a name for the new template component in the “Name” field: ImageButton, and click the “+” button to create the template component. To close the “Edit templates” window, click on the “x” button;
  3. Select the previously created template component. On the Control bar, in the “Screen Switcher” drop-down box, select the previously created template component: ImageButton;
  4. Add an Image control. On the Toolbox, choose Indas Components -> Basic controls -> Image to select an Image control. Click on a canvas to add the Image control. On the Properties Pane), set the following properties: Width: 30; Height: 30; Component Name: Image;
  5. Add a Button control. On the Toolbox, choose Indas Components -> Basic controls -> Button to select the Button control. Click on the canvas to add the Button control. On the Properties pane, set the following properties: Width: 30; Height: 30; Opacity: 0; Component Name: Button. The Button control becomes invisible, but still exists on the canvas. To bring to front the Button control, select the Button control and choose Object -> Bring to Front;
  6. Arrange controls on the canvas. Select the both controls. On the Properties pane, click on the “Align Middle” and “Align Center” to overlap controls (the Button control is on the top of the Image control). Move both controls to the upper left corner of the canvas by holding down the left mouse button;
  7. Resize the canvas. Click on blank space of the canvas. On the Properties pane, in the “Canvas” section, set the following properties: Width: 40; Height: 40;
  8. Save the changes. On the Control bar, click the “Save” button. After successfully completing all the above steps and selecting all controls in the canvas, the ImageButton template component looks like the figure below.

Figure 1.17 ImageButton


ImageButtonWithLabel

ImageButtonWithLabel is a template component comprised of Image,Button and Text components. The formed component is labeled with Text label and is sensitive to a mouse click.

    To create the ImageButtonWithLabel template component, perform the following steps:

  1. Start the “Template component editor”;
  2. Create the template component: ImageButtonWithLabel;
  3. Select the ImageButtonWithLabel to edit;
  4. Add the Image control. Set the following properties for this control: Width: 30; Height: 30; Component Name: Image;
  5. Add the Button control. Set the following properties for this control: Width: 90; Height: 30; Opacity: 0; Component Name: Button;
  6. Add a Text control. On the Toolbox, select the Text Tool. Click on the canvas to add the Text control and enter the following text: label. Set the following properties for this control: Text align: right; Font size: 16; Component Name: Label;
  7. Arrange controls on the canvas. Arrange the controls from left to right: Image, Button, and Label. To bring to front the Button control, select the Button control and choose Object -> Bring to Front. Select all controls on the canvas. On the Properties pane, click on the “Align Middle” button. Next, choose the Image control and select the Button control by holding [Shift] key down. On the Properties pane, click on the “Align Left” button. Next, select the Button control and select the Label control by holding [Shift] key down. On the Properties pane, click on the “Align Right” button. Finally, move all controls to the upper left corner of the canvas;
  8. Resize the canvas. Set the following properties: Width:100; Height:40;
  9. Save the changes.

After successfully completing all the above steps and selecting all controls in the canvas, the ImageButtonWithLabel template component looks like the figure below.

Figure 1.18 ImageButtonWithLabel


VariableIndicator

VariableIndicator is a template component comprised of basic controls Rectangle and Text. The formed component is used to display the values of specific SCADA variables.

    To create the VariableIndicator template component, perform the following steps:

  1. Start the “Template component editor”;
  2. Create the template component: VariableIndicator;
  3. Select the VariableIndicator to edit;
  4. Add a Rectangle object. On the Toolbox, select Square/Rect Tool and draw an arbitrary rectangle on the canvas. On Properties pane, set the following properties for the Rectangle object: Width: 90; Height: 20; Stroke width: 2; Component Name: R1. To set a background color for R1, double-click the Fill box in the Toolbox, enter a hex color value: #4c4c4c and click “OK” button. Next, to set a stroke (border) color, double-click the Stroke box in the Toolbox, enter a hex color value: #1c1c1c, and click “OK” button;
  5. Add a new Rectangle object. Draw a new arbitrary rectangle on the canvas, below the rectangle R1. Set the following properties for the new Rectangle object: Width: 90; Height: 20; Stroke width: 2; Component Name: R2. Set the colors: background color: #232323; stroke (border) color: #1c1c1c;
  6. 6 Align rectangles. Select rectangles R1 and R2. On the Properties pane, click on the “Align Left” button;
  7. Add the Text control. Add the Text control and enter the following text: label. Set the following properties for this control: Font size: 11; Text align: center; Component Name: Label. Set the background color: #b2b2b2;
  8. Add the new Text control. Add the Text control and enter the following text: value. Set the following properties for this control: Font size: 12, Bold; Text align: center; Component Name: Value. Set the background color: #b2b2b2;
  9. Arrange controls on the canvas. Select controls R1 and Label. On the Properties pane, click on the “Align Center” and “Align Middle” buttons. Do same for controls R2 and Value. Merge controls R1 and Label with controls R2 and Value. Move all controls to the upper left corner of the canvas;
  10. Resize the canvas. Set the following properties: Width: 100; Height: 50;
  11. Save the changes.
  12. After successfully completing all the above steps and selecting all controls in the canvas, the VariableIndicator template component looks like the figure below.

    Figure 1.19 VariableIndicator


    Creating Faceplates

    Faceplate screens are used to display additional information and to perform certain actions on the elements of SCADA screen that have the same properties, and that can be used, if necessary, more than once (for example, if there are several pumps with identical properties).

    In this section, the process of creating faceplate screens is described. A faceplate may contain one or more basic components, template components, graphic shapes, texts, etc. Components are created with Faceplate Editor .


    SetFs

    Faceplate named SetFs represents a help screen used for setting the set-point of observed values using input fields or sliders. SetFs is comprised of Rectangle, ImageButton, Text, I/O field and Slider components (refer to the Basic Controls for more information).

      To create the SetFs faceplate screen, perform the following steps:

    1. Start the “Faceplate editor”. On the Control bar, in the “Client Switcher” drop-down box, select the “Faceplate editor” option;
    2. Create a new faceplate screen with a name: SetFs. On the Menu bar, choose File -> Edit Faceplates to manage faceplate screens. On the “Edit Faceplates” window, enter a name for the new faceplate screen in the “Name” field: SetFs, and click on the “+” button to create the faceplate screen. To close the “Edit Faceplates” window, click on the “x” button;
    3. Select the previously created faceplate screen. On the Control bar, in the “Screen Switcher” drop-down box, select the previously created faceplate screen: SetFs;
    4. Add the Rectangle object. Draw an arbitrary rectangle on the canvas, with the following properties: Width: 130; Height: 70; Stroke width: 1.5; Background color: #4c4c4c; Stroke (Border) color: #1c1c1c;
    5. Assign a “Close popup” action. To add a control to close the “SetFs” faceplate screen, perform the following sub-steps: On the Toolbox, choose Indas Components -> Template component -> ImageButton to select an ImageButton template component. Click on the canvas to add the ImageButton control. To set image for the ImageButton, on the Properties pane, in the “List” section, choose Image control and then click the “Choose Image” button. Next, on the “Choose Image” window (refer to the Choose Image), select an image file delete-icon.svg and click the “Save” button. To assign an action to the ImageButton, on the Properties pane, in the “List” section, choose the Button control and then click the “Manage Actions” button. On the “Manage Actions” window (refer to the Manage Actions), under Available actions, choose a “Close popup” action and then click the “Save” button;
    6. Add a Text control. Add the Text control and enter the following text: “Set Fs: ”. Set the following properties for this control: Font size: 11; Background color: #b2b2b2;
    7. Add I/O field control. On the Toolbox, choose Indas Components -> Basic controls -> I/O field to select the I/O field control. Click on the canvas to add the I/O field control. Set the following properties for this control: Width: 30; Height: 25;
    8. Add a Slider control. On the Toolbox, choose Indas Components -> Basic controls -> Slider to select the Slider control. Click on the canvas to add the Slider control. Set the following properties for this control: Width: 120; Height: 30; Minimum: 0; Maximum: 100; Step: 1;
    9. Resize the canvas. Set the following properties: Width:130; Height:70;
    10. Arrange controls on the canvas. Arrange controls on the canvas as shown in the Figure 1.20.
    11. Save the changes.

    After successfully completing all the above steps, the faceplate SetFs looks like the figure below.

    Figure 1.20 Faceplate SetFs


    Creating the Screens

    This section describes the process of creating inVIEW Web SCADA application screens as well as the process of binding screen components with variables using inVIEW Web SCADA Editor.

    Good practice in the implementation of SCADA applications is first to design the appearance of all screens and then to move onto their implementation and realization. The schema of the screen with dimensions is shown in the figure below.

    Figure 1.21 Schema of application screens

      Screens used in this inVIEW Web SCADA application are:

    • Map, used to display geographic maps and provide navigation to facilities’ screens (Facility1 and Facility2);
    • Top menu, always visible and placed on the top of all screens. Used for opening slide menus (Slide in menu and Slide in menu right) and displaying Map screen;
    • Slide in menu, slide menu placed on the left side of the screen and used to display Alarms, Events, and Trends screens;
    • Slide in menu right, slide menu placed on the right side of the screen used to display User Management screen, About popup screen, and log out from SCADA application;
    • Alarms, used for work with alarms that have occurred in the facility;
    • Events, used for work with events that have occurred in the facility;
    • Trends, used to display graphics of historical values of certain physical values on the screen;
    • User Management, used to define new users and to send notification to the users of application;
    • Facility, used to monitor and control a certain facility (Facility1 or Facility2).

      To create the screens, perform the following steps:

    1. Start the Editor. Start the inVIEW Web SCADA Editor with default credentials;
    2. Select the “Web Client” application mode. On the Control bar, in the “Client Switcher” drop-down box, select the “Web Client” option;
    3. Configure an application. To configure the application, choose File -> Edit Application. On the “Edit application” window (refer to the Edit Application), fill the following fields: Width: 800; Height: 550; and activate “Use background color” and “Auto login” check boxes. Click the “Save” button to save the configuration;
    4. Create the screens. To create the screens, choose File -> Edit Screens. On the “Edit Screens” window (refer to the File Menu), enter a name for the screen in the “New screen name” field: Map. To create the “Map” screen, click on the “+” button. Select the “Map” screen in the “Screens” list and activate the “Set selected screen as Main screen” check box. Next, create the following screens: Top menu, Slide in menu, Slide in menu right, Alarms, Events, Trends, User Management and Facility (screen names must be identical as listed here because these names will be assumed and filled-in in configurations in the following sections). To close the “Edit Screens” window, click on the “x” button;
    5. Save the changes. On the Menu bar, choose File -> Save Configuration.

    Follow the sections below to configure the previously created screens.


    Map

    Map screen displays geographic maps and thus helps to navigate to the facilities. The Map screen contains Map navigator control (refer to the Map for more information about Map navigator control).

      To configure the Map screen, perform the following steps:

    1. Select the Map screen. On the Control bar, in the “Screen Switcher” drop-down box, select the previously created Map screen;
    2. Add the Map navigator control. On the Toolbox, choose Indas Components -> Advanced controls -> Map navigator to select the Map navigator control. Click on the canvas to add the Map navigator control;
    3. Configure the Map navigator control. Select the Map navigator control. On the Properties pane, set the following properties: Width: 790; Height: 540; and click on the “Align Center” and “Align Middle” buttons. Next, in the “Map navigator Panel” section, set the following properties: Zoom Level: 12; Min Zoom Level: 8; Max Zoom Level: 20; Latitude: 45.24; Longitude: 19.82; Type: Auto;
    4. Save the changes. On the Control bar, click the “Save” button.

    After successfully completing all the above steps, the Map screen contains the Map navigator control that is centered and completely covers the Map screen.


    Top menu

    The top menu screen is used for opening Slide menus (Slide in menu and Slide in menu right) and displaying Map screen.

      To configure the Top menu screen, perform the following steps:

    1. Select the Top menu screen;
    2. Adjust the screen size: Set the following properties: Width: 800; Height: 50; Color: #000000 (black);
    3. Assign an “Open menu left” action. To add a control to display the “Slide in menu” screen, perform the following sub-steps: On the Toolbox, choose Indas Components -> Template component -> ImageButton and click on the canvas to add the ImageButton control. To set image for the ImageButton, on the Properties pane, in the “List” section, choose Image control and then click the “Choose Image” button. Next, on the “Choose Image” window, select an image file P_selection.svg and click the “Save” button. To assign an action to the ImageButton, on the Properties pane, in the “List” section, choose the Button control and then click the “Manage Actions” button. On the “Manage Actions” window, under Available actions, choose an “Open menu left” action and then click the “Save” button. Finally, select the ImageButton control and move it to the left side of the canvas by holding down the left mouse button;
    4. Add an Indas inVIEW Logo image. On the Toolbox, choose Indas Components -> Basic controls -> Image and add the Image control to the canvas. Next, on the Properties pane, click the “Choose Image” button and on the “Choose image” window, select an image file: logoIndas.png.svg. Adjust size of the Image control: Width: 200; Height: 30. Move the Image control to the right side of the “Open menu left” ImageButton control;
    5. Assign the “Switch Map Screen” action. To add the control to display the Map screen, perform the following sub-steps: Add the ImageButton control to the canvas. Set the image file for the ImageButton control: P_Zoom.svg and assign the “Switch (Map)” action. Move the ImageButton control to the right side of the Indas inVIEW Logo image;
    6. Assign the “Open menu right” action. To add the control to display the “Slide in menu right” screen, perform the following sub-steps: Add the ImageButton control to the canvas. Set the image file for the ImageButton control: iws-etc.svg, and assign the “Open menu right” action. Move the ImageButton control to the right side of the canvas;
    7. Save the changes.

    After successfully completing all the above steps, the Top menu screen looks like the figure below.

    Figure 1.22 Top menu screen


    Slide in menu

    Slide in menu screen is a slide menu, that appears on the left side of the screen, used to initiate displaying of Alarms, Events and Trends screens.

      To configure the “Slide in menu” screen, perform the following steps:

    1. Select the “Slide in menu” screen;
    2. Adjust the screen size. Set the following properties: Width: 100; Height: 120; Color: #222222;
    3. Assign an action to display alarms. To add a control to display the “Alarms” screen, perform the following sub-steps: On the Toolbox, choose Indas Components -> Template component -> ImageButtonWithLabel and add the control to the canvas. To set image for this control, on the Properties pane, in the “List” section, choose Image control and then click the “Choose Image” button. On the “Choose Image” window, select an image file alarmwarningred.svg and click the “Save” button. To assign an action to the ImageButton, on the Properties pane, in the “List” section, choose the Button control and then click the “Manage Actions” button. On the “Manage Actions” window, under Available actions, choose a “Switch (Alarms)” action and then click the “Save” button. To change label text for this control, on the Properties pane, in the “List” section, choose Label control and set the following properties: Text: Alarms; Background color: #ff0000;
    4. Assign the action to display events. To add a control to display the “Events” screen, repeat step No. 3 with the following properties:
      • Image control: select the image file iws-events.svg;
      • Label control: Text: Events; Background color: #0076ff;
      • Button control: assign the action “Switch (Events)”;
    5. Assign the action to display trends. To add the control to display the “Trends” screen, repeat step No. 3 with the following properties:
      • Image control: select the image file iws-trends.svg;
      • Label control: Text: Trends; Background color: #44db5e;
      • Button control: assign the action “Switch (Trends)”;
    6. Save the changes.

    After successfully completing all the above steps, the Slide in menu screen looks like the figure below.

    Figure 1.23 Slide in menu screen


    Slide in menu right

    Slide in menu right screen is used to display: User Management screen, About popup screen, and Logout button used for exiting the application.

      To configure the “Slide in menu right” screen, perform the following steps:

    1. 1 Select the “Slide in menu right” screen;
    2. 2 Adjust the screen size. Set the following properties: Width: 100; Height: 120; Color: #222222;
    3. 3 Assign an action to display “User Management” screen. To display the “User Management” screen, add the ImageButtonWithLabel control to the canvas. Set the following properties for this control:
      • Image control: select the image file iws-scenario.svg;
      • Label control: Text: Users; Background color: #0076ff;
      • Button control: assign the action “Switch (User Management)”;
      On the Properties pane, in the “List” section, choose the Button control and click the “Component Permissions” button. On the “Component permissions” window (refer to the Component Permissions), under Available roles, choose “Admin” user role and check “Action” radio button, and click the “Save” button;
    4. 4 Assign the action to display inVIEW Web SCADA Version Info. Add the ImageButtonWithLabel control to the canvas and set the following properties for this control:
      • Image control: select the image file iws-about.svg;
      • Label control: Text: About; Background color: #8e8e8e;
      • Button control: assign the action “About”;
    5. 5 Assign the logout action. To log out from the application, add the ImageButtonWithLabel control to the canvas and set the following properties for this control:
      • Image control: select the image file iws-log-out.svg;
      • Label control: Text: Logout; Background color: #ff0000;
      • Button control: assign the actions “Logout” and “Supervisor logout”;
    6. 6 Save the changes.

    After successfully completing all the above steps, the “Slide in menu right” screen looks like the figure below.

    Figure 1.24 Slide in menu right screen


    Alarms

    Alarms screen is used for reviewing, confirming and deleting alarms that have occurred in both facilities, namely alarms for drainage and spillover out of buffer tanks in both facilities. Alarms screen contains Alarm view control (refer to the Alarm View for more information about Alarm view control).

      To configure the Alarms screen, perform the following steps:

    1. Select the Alarms screen;
    2. Add an Alarm view control. On the Toolbox, choose Indas Components -> Advanced controls -> Alarm view and click on the canvas to add the Alarm view control. Set the following properties for this control: Width: 790; Height: 540; click on the “Align Center” and “Align Middle” buttons. In the “Alarm view panel” section, set the font size: 10;
    3. Assign variables to the Alarm view control. On the Properties pane, click on the “Choose Variables” button to assign variables to the Alarm view control. On the “Choose Variables” window (refer to the Choose Variables), assign all available variables from list “Available variables” and click the “Save” button. If none of the variables have been assigned to component than alarms of all variables will be shown in this component;
    4. Save the changes.

    After completing all the above steps, the Alarms screen displays the Alarm view control all over the canvas.


    Events

    Events screen is used for reviewing and deleting events that have occurred in both facilities, namely change of state (on or off) of hydraulic pumps and change of set-point of water flow in the drain pipe in both facilities with information which user has performed a certain action and at what time. Events screen contains Event view control (refer to the Event view for more information).

      To configure the Events screen, perform the following steps:

    1. Select the Events screen;
    2. Add an Event view control. On the Toolbox, choose Indas Components -> Advanced controls -> Event view and click on the canvas to add the Event view control. Set the following properties for this control: Width: 790; Height: 540; click on the “Align Center” and “Align Middle” buttons;
    3. Assign variables to the Event view control. Repeat the same step as configuring the Alarms screen;
    4. Save the changes.

    After completing all the above steps, the Events screen displays the Event view control all over the canvas.


    Trends screen is used to display graphical diagrams of historical value changes of water level in the buffer tank and water flow in the drain pipe in both facilities. Trends screen contains Trend control (refer to the Trend for more information).

      To configure the Trends screen, perform the following steps:

    1. Select the Trends screen;
    2. Add the Trend control. On the Toolbox, choose Indas Components -> Advanced controls -> Trend and click on the canvas to add the Trend control. Set the following properties for this control: Width: 790; Height: 540; click on the “Align Center” and “Align Middle” buttons;
    3. Configure the Trend control. On the Properties pane, click the “Manage Axis” button. On the “Axis settings” window (refer to the Manage Axis), enter a name for an axis in the “Axis name” field: time, and click the “Add axis” button. Next, enter the name for the new axis in the “Axis name” field: value, and click the “Add axis” button. Activate “Show axis” and “Show axis title” check boxes for both previously added axes. Click the “Save” button to save the configuration;
    4. Assign variables to the Trend control. On the Properties pane, click the “Choose Logged Variables” button. On the “Choose Logged Variables” window (refer to the Choose Logged Variable), assign all the available logged variables to the “Assigned logged variables” list. Activate “checked on trend” check box, choose line type: curve and choose axis: value, for all assigned logged variables, and click the “Save” button;
    5. Save the changes.

    After completing all the above steps, the Trends screen displays the Trend control all over the canvas.


    User Management

    User Management screen is used for adding, removing and changing data about users as well as defining notifications for users. User Management screen contains User management control (refer to the User Management Control for more information ). Accessing User Management screen is allowed only to users who have administrator user role (User Role: Admin).

      To configure the User Management screen, perform the following steps:

    1. Select the User Management screen;
    2. Add the User management control. On the Toolbox, choose Indas Components -> Advanced controls -> User management and click on the canvas to add the User management control. Set the following properties for this control: Width: 790; Height: 540; click on the “Align Center” and “Align Middle” buttons;
    3. Save the changes.

    After completing all the above steps, the User Management screen displays the User management control all over the canvas.


    Facility

    Facility screen represents a facility shown in Figure 1.1, and it is used for monitoring and control one out of two facilities (Facility1 or Facility2). The process of creating a facility screen is divided into two steps. First, we need to make a static appearance of the screen using various display components; then it is necessary to bind process variables with these screen components.

      The static appearance of the Facility screen is shown in the figure below, and used display components are:

    • buffer tank with a graphic view of water level, Buffer Tank;
    • an indicator of the value of water level in the buffer tank expressed in meters, Tank Level [m];
    • the control, drain and supply pipes;
    • indicator of the value of water flow in the control, drain and supply pipes in liter/sec: Fc [l/s], Fi [l/s] and Fo [l/s];
    • an indicator of the value of the difference between water flow in the drain pipe and the sum of water flow in the supply and control pipes in u liter/sec, Fd [l/s];
    • control on-off valve (open or closed);
    • hydraulic pump (on or off);
    • an indicator of the set-point value of water flow in the drain pipe Fs [l/s], with the possibility of changing the set-point value;
    • data about the facility, facility name and current time, FacilityInfo.

    Figure 1.25 Facility screen

      To make the static appearance of the Facility screen, perform the following steps:

    1. Select the Facility screen;
    2. Add and configure Facility screen components, as listed in Table 1.6;
    3. Save the changes.

    Table 1.6 Facility components

    Component Image Description Configuration
    Buffer tank The component is comprised of object Path (refer to the Toolbox) and Vertical bar visual control (refer to the Vertical Bar) Draw Path object on the canvas with Path Tool by holding [Shift] key down. Set the following properties for this object: Stroke color: #b2b2b2; Stroke width: 5; Opacity: 50. To add the Vertical bar control, choose Indas components -> Visual controls -> Vertical bar and click on the canvas. Set the following properties: Stroke width: 0; Minimum: 0; Maximum: 20; Tooltip: BufferTank; Background Color: #b2b2b2; Bar Color: #005fbf.
    Buffer tank level indicator The component is comprised of object Path (gray line) and VariableIndicator template component Draw Path object with Path Tool by holding [Shift] key down. Set the following properties for this object: Stroke color: #4c4c4c; Stroke width: 1.5; Opacity: 100. To add the VariableIndicator template component, choose Indas components -> Template components -> VariableIndicator and click on the canvas. Set the following properties: Label control: enter in the Text field: Tank level [m]; Value control: enter in the Decimal Places field: 2.
    Control, supply and drain pipes Three Path objects (blue lines) Draw three Path objects with Path Tool by holding [Shift] key down. Set the following properties: Stroke width: 3; Stroke color: #005fbf; Opacity: 50.
    Flow rate indicator of control pipe, Fc The component is comprised of object Path (gray line) and VariableIndicator template component Repeat the same step as for buffer tank indicator. Set the following properties: Label control: Text: Fc [l/s]; Value control: Decimal Places: 2.
    Flow rate indicator of supply pipe, Fi The component is comprised of object Path (gray line) and VariableIndicator template component Set the following properties: Label control: Text: Fi [l/s]; Value control: Decimal Places: 4.
    Flow rate indicator of drain pipe, Fo The component is comprised of object Path (gray line) and VariableIndicator template component Set the following properties: Label control: Text: Fd [l/s]; Value control: Decimal Places: 5.
    Set-point flow rate indicator of drain pipe, Fs The component is comprised of VariableIndicator template component and Faceplate opener control (refer to the Basic Controls). Set the following properties: Label control: Text: Fs [l/s]; Value control: Decimal Places: 0; Background color: bfbf00. To enter set-point flow rate of the drain pipe, use previously created SetFs faceplate screen (refer to the SetFs). On Toolbox, choose Indas components -> Basic controls -> Faceplate opener and click on the canvas to add Faceplate opener control. Set the following properties: Width: 85; Height: 15; Opacity: 0; Tooltip: Set Value; click on the “Choose Faceplate” button and assign SetFs faceplate screen, and click the “Save” button (refer to the Adding Faceplate opener). Move Faceplate opener control on the top of the VariableIndicator control, as shown in the second figure.
    Control on-off valve Toogle image control (refer to the Basic Controls) On Toolbox, choose Indas components -> Basic controls -> Toggle image and click on the canvas to add the Toggle image control. Set the following properties: Tooltip: Control Valve; click on the “Manage States Images” and choose two different vector-based graphic (SVG) for logical zero and logical one state (refer to the Manage States Images).
    Hydraulic Pump Toogle image control Set the following properties: Tooltip: Pump; set images for Toggle image states.
    Facility Information Text object (refer to the Toolbox) Add Text object to the canvas with Text Tool and enter: FacilityInfo; Set the following properties: Font size: 12; Background color: #b2b2b2.

    Data Binding, Template Screens

      It is necessary to bind all the variables presented in Table 1.1 with Facility screen’s components to enable monitoring and control of both facilities. Binding can be accomplished in two ways:

    • By creating an individual screen for each facility and binding each screen’s components with corresponding variables,
    • By creating a template screen and binding screen’s components with Suffix variables.

    The first method of binding would create two separate screens with the same components, and each screen will independently bind its components with corresponding variables. In the case when an existing SCADA application is expanded with new variables of new identical facilities, new screens with the same components would be created, and their components will be bound to the corresponding, new SCADA variables. This method is slow, inefficient, and error-prone because the process of binding the components of the new screen with new variables is repeated each time the new facility is added to the SCADA system.

    The second method is more efficient than the first one because there is just one template screen that allows monitoring and control of multiple, identical, remote facilities. Template screen is a screen where at least one component is bound to a Suffix variable. To successfully create template screen in a SCADA application, it is necessary to define Tag Tree with Map objects, as well as to define Suffix variables. This process is described in the following sections.


    Tag Tree

    Before creating Tag Tree in the SCADA application, general variables should be analyzed as well as their effect on creating the Tag tree, as presented in the table below.

    Table 1.7 Tag Tree example

    When creating the Tag tree, OPC variables are seen as names of OPC tags. Dots in names of OPC tags and internal variables are seen as separators as they specify the names of nodes in the Tag tree.

    The Tag tree for previously defined SCADA variables is created in the following way: the starting node is the Root node and the parent node for DemoWall6 and DemoPLC5 nodes. DemoWall6 is the parent node to the node No. 6, the node No. 6 is the parent node to the nodes ModbusRegister0 and ModbusRegister1. DemoPLC5 is the parent node to the nodes No. 5 and 6; the node No. 5 is the parent node to the nodes ModbusRegister0, ModbusRegister1, and Internal1, and the node No. 6 is the parent node to the node Internal 2.


    Creating Tag Tree with Map Objects

    This section describes the process of creating Tag Tree with Map objects.

      To create Tag Tree for variables defined in Table 1.1, perform the following steps:

    1. Start the Configurator. In the Editor, on the Menu bar, choose the “Configurator” option;
    2. Choose the Tag Tree tab. Click on the “Tag Tree” tab of Configurator (refer to the Tag Tree for more information);
    3. Add the Root node. On the “Tag Tree” tab, click the “+” button. On the “Add tag” window, enter a name for a new node in the “Node Name” field: Root, and click the “Save” button;
    4. Add the Facility1 node. Select the Root node, and click the “+” button to add a child node. On the “Add tag” window, enter a name for the child node in the “Node Name” field: Facility1, and click the “Save” button;
    5. Add the Facility2 node. Repeat step No. 4 with node name: Facility2;

    After successfully completing all the above steps, Tag Tree looks like the figure below.

    Figure 1.26 Tag Tree

    After creating the Tag tree, it is necessary to connect the tree nodes to the Map objects. Map objects are locations on the Map navigator control; they are connected to the certain nodes of Tag tree, and they are used to navigate to certain screens.

      To create Map objects, perform the following steps:

    1. Select the Facility1 node in the Tag Tree;
    2. Add the Facility1 Map object. In the “Map object” section, click the “Add” button (if the map is shown, click the “Hide map” button). Complete all fields, as shown in the figure below, and click the “Update” button;
    3. Figure 1.27 Facility1 Map object

    4. Select the Facility2 node in the Tag Tree;
    5. Add the Facility2 Map object. In the “Map object” section, click the “Add” button. Complete all fields, as shown in the figure below, and click the “Update”.

    Figure 1.28 Facility2 Map object

    After successfully completing all the above steps, Tag Tree with Map objects looks like in the figure below.

    Figure 1.29 Tag Tree with Map objects


    Suffix Variables

    Suffix variables are used for binding with template screen’s components. Before creating Suffix variables in the application, general variables should be analyzed as well as their effect on creating Suffix variables as presented in the table below.

    Table 1.8 Suffix Variables Examples

    SCADA variable Variable Type OPC tag Suffix variables
    DemoWall6.6.ModbusR0 OPC variable DemoWall6.6.ModbusRegister0.value 6.ModbusRegister0.value 6.ModbusRegister1.value 5.ModbusRegister0.value 5.ModbusRegister1.value 5.Internal1.value 6.Internal2.value ModbusRegister0.value ModbusRegister1.value Internal1.value Internal2.value value
    DemoWall6.6.ModbusRegister1.value OPC variable DemoWall6.6.ModbusRegister1.value
    DemoPLC5.5.ModbusR0 OPC variable DemoPLC5.5.ModbusRegister0.value
    DemoPLC5.5.ModbusRegister1.value OPC variable DemoPLC5.5.ModbusRegister1.value
    DemoPLC5.5.Internal1.value Internal variable -
    DemoPLC5.6.Internal2.value Internal variable -

    When creating the Tag tree, OPC variables are seen as names of OPC tags. Suffix variables represent the names of variables after any point in the complete name of the OPC tag or internal SCADA variables.

    Creating Suffix Variables

      Suffix variables can be created in two ways:

    • Automatically – executed after defining SCADA variables. After defining variables in sections “Creating External Variables” and “Creating Internal Variables”, the following Suffix variables will be automatically defined: BufferTankLevel, ControlValveStatus, FacilityInfo, Fc, Fd, Fi, Fo, Fs, and PumpStatus;
    • Manually – described in the Sufix tab.

    The table of Suffix variables is located on “Suffix” tab of Configurator. The table of Suffix variables looks like in the figure below.

    Figure 1.30 Sufix variables


    Binding Facility components with Suffix Variables

    This section describes the process of data binding components of Facility template screen to tho Suffix variables.

    In the Editor, on the Control bar, choose Facility screen. Follow the steps given in the table below, and bind the components of Facility template screen to the Suffix variables.


    Table 1.9 Data binding with Suffix variables, Facility screen

    Facility component Select component on the Facility screen: On the Properties pane, in the “List” section, choose: On the Properties pane, click the button: On the opened window, click on the “Suffix” radio button. In Available variables list, click on the “+” button right of the variable: Click the “Save” button.
    Vertical bar - Choose Variable BufferTankLevel (Sufix)
    VariableIndicator Value Choose Variable BufferTankLevel (Sufix)
    VariableIndicator Value Choose Variable Fc (Sufix)
    VariableIndicator Value Choose Variable Fi (Sufix)
    VariableIndicator Value Choose Variable Fo (Sufix)
    VariableIndicator Value Choose Variable Fd (Sufix)
    VariableIndicator Value Choose Variable Fs (Sufix)
    Toggle Image - Choose Boolean Variable ControlValveStatus (Sufix)
    Toggle Image - Choose Boolean Set Variable PumpStatus (Sufix)
    Text - Choose Variable FacilityInfo (Sufix)

    Binding SetFs components with Suffix Variables

    This section describes the process of data binding components of SetFs faceplate screen to the Suffix variables.

    Start “Faceplate Editor” and choose “SetFs” faceplate. Follow the steps given in the table below, and bind the components of SetFs faceplate screen to the Suffix variables.


    Table 1.10 Data binding with Suffix variables, SetFs faceplate

    1 2 3 4
    Select control: On the Properties pane, click the button: On the opened window, click on the “Sufix” radio button. In Available variables list, click on the “+” button right of the variable: After the variable appears in the field Assigned variable, click the “Save” button.
    I/O field Choose Variable Fs (Sufix)
    Slider Choose Variable Fs (Sufix)

    Subsequent changes in a certain type of faceplates in the Faceplate Editor will not be automatically updated when the faceplate is opened in runtime (the faceplate is opened by clicking on the Faceplate opener control on the Facility screen). It is necessary to select the Faceplate opener control on the Facility screen (like it is shown in Figure 1.31) and then select Component & Faceplate  Update Selected Template Components to update the changes (refer to the following link for more information).

    Figure 1.31 Set-point flow rate indicator of drain pipe

    On the Facility screen, the Prefix property (attribute) of the “Faceplate opener” control, presents the prefix name of OPC tag name or internal variable that is bound to a certain component on the SetFs faceplate. The general name of OPC tag or internal variable should be: TemplateScreen.Prefix.Sufix.

    In this application, the Prefix property of the “Faceplate opener” is not defined. The OPC tag names that are bound to a certain component on the SetFs faceplate are: Facility1.Fs and Facility2.Fs (Facility1 and Facility2 represent TemplateScreen, and Fs represents Sufix)

      The Prefix property is used when there are multiple identical components (i.e. pumps) on the same template screen (i.e. facilities) whose properties (i.e. signals) are displayed on identical faceplate screens (i.e. more pumps with identical properties). Examples of OPC tag names are:

    • Facility1.Pump1.Signal1,
    • Facility1.Pump1.Signal2,
    • Facility1.Pump2.Signal1,
    • Facility1.Pump2.Signal2,
    • Facility2.Pump1.Signal1,
    • Facility2.Pump1.Signal2,
    • Facility2.Pump2.Signal1,
    • Facility2.Pump2.Signal2,

    where are: TemplateScreen: Facility1 or Facility2, Prefix: Pump1 or Pump2 and Sufix: Signal1 or Signal2.


    Configuration Testing

    This section describes the process of testing the configuration of inVIEW Web SCADA application. To start inVIEW Web SCADA web application, choose Start  All Programs  Indas  inVIEW Web SCADA  inVIEW Web SCADA HTML5. Also, the application can be started from inVIEW Web SCADA Editor by clicking on the Preview button.

    To log in to the system, use the username and password of a previously created user with operator role (refer to the Defining User Roles and Employees): Username: operator, Password: operator.

    After logging, the application looks like in the figure below.

    Figure 1.32 Map screen at runtime

    The home screen of the application displays Map screen with a geographical view of the system where we can spot two Map objects representing the locations of facilities Facility1 and Facility2. Clicking on the left Map object will open the Facility template screen showing the values of all variables with prefix Facility1, i.e. the values of the first facility (see Figure 1.33). Likewise, clicking on the right Map object will open the Facility template screen showing the values of all variables with prefix Facility2, i.e. the values of the second facility (see Figure 1.34).

    Clicking on cursor position like shown in Figure 1.34, will open the faceplate SetFs enabling us to change the set-point of water flow in the drain pipe in the second facility.

    Figure 1.33 Facility screen at runtime - Facility 1

    Figure 1.34 Facility screen at runtime - Facility 2


    Redundancy and Scalability

    It is possible to set n nodes for Scada redudancies. All nodes by default communicates via port 8095 and this is possible to change in config file. To change this port following properties in config file have to be changed: system.serviceModel -> client -> endpoint -> address system.serviceModel -> services -> service -> host -> baseAddresses -> add -> baseAddress appSettings -> ”Redundant_address” - this is a list of nodes separated with space character. Order of nodes is important, so first one is master and others are slaves with priorities defined with order.

    For setting Scada to load balancing mode (scalable solution) following property needs to be sto to true: appSettings -> “DO_LOAD_BALANCING” Other parameters that is possible to configure for load balancing mode are: Number_of_vars_changed_to_rebalance - tune the rebalancing frequency with this parameter (higher number, less frequently variables will be rebalanced) Get_next_master_period - timeout for next master activation after current master shuts down Reconnecting_time_period - time between reconnecting to lost nodes attempts

    To set up database redundancy all connection strings have to be set in config file. Order of connection strings matters. Scada will always read data from first available database and will write to all available databases. Time_to_check_databases_seconds - time between checking availability of databases

    Security

    Table 1.11 Security Parameters

    Parameter Description
    Ssl_Certificate_Location SSL Certificate absolute path including certificate extension
    Ssl_Certificate_Password SSL Certificate password used during certificate generation
    Secure_Socket_Port - https port Default value is 443
    Use_Https Enable/disable usage of https

    - Chapter 2 inVIEW Web SCADA Editor -

    Chapter Objectives

    inVIEW Web SCADA Editor is a web application for development of SCADA applications by configuring screens and their components.


    Starting Editor

    To start inVIEW Web SCADA Editor web application, choose Start -> All Programs -> Indas -> inVIEW Web SCADA -> inVIEW Web SCADA Editor HTML5.

    After Google Chrome web browser opens the login page (as shown in Figure 2.1), log in to the system with following credentials:

    Username: admin
    Password: admin

    Figure 2.1 Login page

    An additional way of running inVIEW Web SCADA Editor implies the direct input of a Web address in Google Chrome browser:
    http://localhost/editor/.


    Editor workspace

    The Editor interface is constituted of elements, which are designed to make good user experience with simple, harmonious, and contextual interaction. It is designed as a single window application where SCADA screens are created and configured. Within the window particular workspace components are placed, and it is important to become familiar with them in order to use the software easily and efficiently.

    The Editor workspace contains up to six components, as shown in the table below.

    Table 2.1 Editor Workspace components

    No. Component
    1 Menu bar
    2 Control bar
    3 Toolbox
    4 Indas Components Menu
    5 Color Pallete
    6 Properties Pane

    Figure 2.2 Editor workspace


    The Editor has Menu bar with five pull-down menus: File, Edit, Object, View, Component & Faceplate and option Configurator (shown in Figure 2.3). The Menu bar is located at the top of the Editor workspace.

    Figure 2.3 Menu bar


    File menu

    File menu contains the basic commands that involve managing screens and configurations, as shown in the figure below.

    Figure 2.4 File menu

    The File menu controls are described in the following sections.


    Edit Application

    The “Edit Application” option in the File menu allows general settings of SCADA application. The “Edit Application” window is shown in the figure below.

    Figure 2.5 Edit Application

    The “Edit Application” window contains the fields and actions as listed in the table below.

    Table 2.2 Edit Application window fields and actions

    Field Description
    Dimensions adjusting the dimensions of screens in pixels
    Colors Use color gradient - choosing this option screens in the background can have a gradual transition from one color to another Use background color - background colors of the screens
    Login Activate Auto login check box to set automatically login to system
    Save / Cancel To save application settings, click the “Save” button, otherwise click the “Cancel” button.

    Edit Screens

    The “Edit Screens” option in the File menu allows managing screens of the application. The “Edit Screens” window is shown in the figure below.

    Figure 2.6 Edit Screens

    The “Edit Screens” window contains the fields and actions as listed in the table below.

    Table 2.3 Edit Screens fields and actions

    Field / Control Description
    New screen name / + To create a new screen, enter a name for the new screen in the “New screen name” field and click the “+” button. Clicking on the button “+”, in the list of screens shows the created screen
    Screens / x To remove the screen, select the screen in the list of available screens and click the red button “x”
    Rename screen To rename the screen, select the screen in the list of available screens and enter a new name for the selected screen
    Set selected screen as Main screen Activating this option, the current screen that is selected from the list of available screens becomes the first visible screen at runtime

    Screen Permissions

    The “Screen permission” option in the File menu allows assigning user roles for access SCADA screens (refer to the User Roles for more information). The “Screen permission” window is shown in the figure below.

    Figure 2.7 Screen permissions

    The “Screen permissions” window contains the fields and actions as listed in the table below.

    Table 2.4 Screen permissions fields and actions

    Field / Control Description
    Select a screen The drop-down box allows selecting screen for assigning user roles to access
    Available screen roles To assign the screen role to access selected screen, click on the “+” button right of the screen role you want to assign
    Assigned screen roles To remove the assigned screen role, click on the “–” button right of the assigned screen role
    Save / Cancel To save the assigned screen roles, click the “Save” button, otherwise click the “Cancel” button

    Regional Settings

    The “Regional Settings” option in the File menu allows format settings for the display of the date, time and numbers. The “Regional Settings” window is shown in the figure below.

    Figure 2.8 Regional Settings


    Save Configuration

    The “Save configuration” option in the File menu allows saving current screens configurations with their components and variables bound with screen components. Keyboard shortcut is [Ctrl] + S.


    Export Configuration

    The “Export configuration” option in the File menu allows exporting all or selected screens configurations to default Downloads folder in JSON format. The “Export configuration” window is shown in the figure below.

    Figure 2.9 Export Configuration


    Import Configuration

    The “Import configuration” option in the File menu allows importing screens into SCADA application from JSON file. The “Import configuration” window is shown in the figure below.

    Figure 2.10 Import Configuration

    The “Import configuration” contains actions as listed in the table below.

    Table 2.5 Import Configurations actions

    Field Description
    Append/Replace Append - adding new screens from JSON file Replace - removing the existing screens and adding new screens from JSON file
    Choose file Defines JSON file location

    Reload Variables

    The “Reload variables” option in the File menu allows fetching changes that user made in Configurator.


    Edit menu

    The Edit menu perform basic functions with objects, including cutting, copying, pasting, and undoing actions, as shown in the figure below.

    Figure 2.11 Edit menu

    The Edit menu actions are listed in the table below.

    Table 2.6 Edit menu actions

    Action Description Keyboard shortcut
    Undo Reverese the last editing action [Ctrl] + Z
    Redo Restores the last editing actions [Ctrl] + Y
    Cut Removes the selected component from its original position [Ctrl] + X
    Copy Copies the selected component from its original position [Ctrl] + C
    Paste Inserts cutted/copied component to new position [Ctrl] + V
    Duplicate Duplicates the selected component [Ctrl] + D
    Delete Removes the selected component [Delete] / [Backspace]

    Object menu

    The Object menu perform functions with objects in a screen such as positioning or grouping them, as shown in the figure below.

    Figure 2.12 Object menu

    The Object menu actions are listed in the table below.

    Table 2.7 Object menu actions

    Action Description Keyboard shortcut
    Bring to Front Moving the selected components ahead of all other components [Ctrl]+[Shift]+↑
    Bring Forward Moving the selected component one level ahead [Ctrl]+↑
    Send Backward Moving the selected component one level behind [Ctrl]+↓
    Send to Back Moving the selected component behind all other components [Ctrl]+[Shift]+↓
    Group Elements Grouping the selected components [Ctrl]+G
    Ungroup Elements Ungrouping the selected components [Ctrl]+[Shift]+G

    View menu

    The View menu performs functions for customizing the Editor appearance. If a check mark appears next to the command, the item is displayed; otherwise, the item is hidden. The View menu is shown in the figure below.

    Figure 2.13 View menu


    Component & Faceplate menu

    The Component & Faceplate menu performs updating changes on selected template components or faceplates screens. The Component & Faceplate menu is shown in the figure below.

    Figure 2.14 Component & Faceplate menu


    Configurator

    The Configurator option on Menu bar allows you to start InVIEW Web SCADA Configurator web application (refer to the Configurator for more information).


    Control bar

    Figure 2.15 Control bar

    The Control bar is located at the bottom of the Editor workspace and contains up to seven controls, as shown in the table below.

    Table 2.8 Control bar controls

    No. Control Description
    1 Screen Switcher Allows to choose screen for configuring
    2 Popup Switcher Allows to choose popup to configure
    3 Client Switcher
      Allows to choose application client:
    • Web client: desktop/laptop application
    • Mobile client: application for mobile devices
    • Template component editor: creating template components
    • Faceplate editor: creating faceplates
    4 Show popups Allows to show popup on selected screen
    5 Zoom Allows zoom on canvas
    6 Preview Allows to start inVIEW Web Client in new tab of browser
    7 Save Saving the current screen configuration

    Toolbox

    The Toolbox is located on the left side of the Editor workspace and contains various drawing tools, as shown in the table below.

    Table 2.9 Toolbox

    Tool Icon Description Object Note
    Select Tool Allows you to select, position and transform objects on the canvas with the mouse or another input device - -
    Pencil Tool Allows you to create freehand paths by drawing directly on the canvas in the desired curves Path The height and width of a Path can be modified as desired to allow it to be aligned horizontally or vertically
    Line Tool Allows you to draw straight lines Line The length and angle of a Line are determined by the height and width of the rectangle around the object.
    Square/Rect Tool Allows you to draw rectangles and squares Square / Rectangle The height and width of a Square / Rectangle can be modified as desired to allow it to be aligned horizontally or vertically.
    Ellipse/Circle Tool Allows you to draw ellipses and circles Ellipse / Circle The height and width of an Ellipse / Circle can be modified as desired to allow it to be aligned horizontally or vertically
    Path Tool Allows you to draw smooth-edged paths Path A Path can have any number of corners. The corners are numbered in the sequence of their creation and can be modified individually or deleted.
    Shape Library Allows you to draw random shapes Path The height and width of a Shape can be modified as desired to allow it to be aligned horizontally or vertically
    Indas components Allows you to create SCADA objects. Refer to the following link for more information. - -
    Text Tool Allows you to write text on the canvas Text The text is entered into a field of any defined font.
    Zoom Tool Allows you to navigate on the canvas - -
    Eye Dropper Tool Allows you to select an object’s fill or stroke color by sampling the color of an area of the canvas - -
    Switch fill and stroke colors Allows you to reverse fill/background color and stroke color (using the arrow). The fill/background color appears in the upper color selection box. The stroke color appears in the lower color selection box. To change the fill/background (or stroke) color, double-click on upper (or lower) color selection box - -

    The properties of elements on Toolbox are listed in the table below.

    Table 2.10 Object Properties

    Property Name Description Type / Value Path (Pencil Tool) Line (Line Tool) Rectangle (Square/Rect Tool) Ellipse (Ellipse/Circle Tool) Path (Path Tool) Shape Library elements Text (Text Tool)
    Choose State Variable Allows assigning variable which defines particular states (conditions) and behaviors in these states Button
    Choose Variable Allows assigning the variable to output the values Button
    Component Name Component identification text text
    Component Permissions Allows assigning user roles for the use of a control Button
    Decimal Places Defines the number of decimal places of variable value n
    Leading Zeros Number of any 0 digit that comes before the first nonzero digit in the variable value n
    Manage Color States Allows setting color of component according to the state (condition) of the variable Button
    Sufix State Variable Defines the state of control depending on the value of the Sufix variable text
    Sufix Visibility Variable Defines the visibility of control depending on the value of the Sufix variable text
    Text Defines displayed text text
    Thousand Separator Activates the comma separated thousands
    Tooltip Specifies the text which appears when a cursor is positioned over the control text
    Visibility Variable Allows defining the visibility of component depending on the value of the logical variable Button

    Indas components menu

    The "Indas components" menu contains various types of components, which are frequently required for definitions of process screens.

    Figure 2.16 Indas components menu

    The "Indas components" menu provides components in the following component groups, as shown in the table below.

    Table 2.11 Indas components

    No. Component group Short Description
    1 Basic controls Standard operator control components, such as “I/O field” or “Button”, etc.
    2 Advanced controls Components provide an enhanced functional scope
    3 Visual controls Components display processes dynamically
    4 Template components User-defined components

    Color palette

    The Color palette is used to select the background color or border color of the selected component. The Color palette is shown in the figure below.

    Figure 2.17 Color palette


    Properties Pane

    The Properties pane is located on the right side of the Editor workspace, and it is used to display and modify properties of components (objects and controls) selected on the screen.

    The properties listed in the Properties pane are perhaps the most significant feature of the components. They define how components perform, and therefore dictate how well screens accomplish process goals. Using the Properties pane users can define and control component attributes, like: size, shape, stroke and background fill, rotation angle, and many others. Properties pane with common properties is shown in the figure below. Beside common properties, each component has a set of additional properties specific to that type.

    Figure 2.18 Common properties

    Common properties for most screen components are listed in the table below.


    Table 2.12 Common properties

    Property Name Description Type / Value
    X X coordinate of the upper left corner of the component (horizontal axis, 0 is far left) n [px]
    Y Y-coordinate of the upper left corner of the component n [px]
    Width Width of component n [px]
    Heigth Height of component n [px]
    Rotation The angle of rotation relative to the y-axis measured in the opposite direction from clockwise n [-180° - 180°]
    Opacity The condition of lacking transparency or translucence ( 0 - opaque, 100 - completely transparent) n [%]
    Blur Blur of component (0 is quite “sharp display”) n [0 - 10]
    Roundness Measure of how closely the shape of a component approaches that of a circle n [0 - 100]
    Align
      The alignment is made according to the first selected component.
    • Align Left: Aligning to the left edge of the first selected component
    • Align Center: Vertical centering
    • Align Right: Aligning to the right edge of the first selected component
    • Align Top: Aligning to the upper edge of the first selected component
    • Align Middle: Horizontal centering
    • Align Bottom: Aligning to the lower edge of the first selected component
    Stroke Width Line width n [1 - 99]
    Stroke Dash Line style (solid, dashed, dashdot, dotted, etc.)

    Basic controls

    Basic controls contain various types of components, which are frequently required for use in process screens.

    To choose Basic controls, on the Toolbox, click on “Indas components” menu (refer to the Indas Components Menu ) and click the “Basic controls”, as shown in the figure below.

    Figure 2.19 Basic controls menu

    Basic controls are listed and described in the table below.

    Table 2.13 Basic controls

    Component Name Image Description
    Output The “Output” is used for monitoring of numeric values.
    I/O field
      The “I/O field” is used to perform the following runtime functions:
    • Output of the values in the SCADA variable;
    • Operator input of values; these input values are saved in the variable.
    Text List The “Text List” is used to display predefined states depending on the value of assigned variable.
    Text Area The “Text Area” represents a multi-line text input control.
    Drop Down List Similar to the “Text List” control, with the possibility of changes in the value of the variable.
    Image The “Image” control is used to display images.
    Toggle Image The “Image” control is used to display images depending on the state of a logical variable. Click on the component; it changes the state of a logical variable.
    Graphic List The “Graphic List” control is used to display predefined images depending on the value of assigned variable.
    Button The “Button” control allows the user to control a process and integrate a button into the process by assigning its dynamic properties.
    Toggle Button The “Toggle Button” control allows the user to change a setting between two states.
    Faceplate opener The “Faceplate opener” control is used to display faceplate screens.
    Slider The "Slider" is used for user input and monitoring of numeric values. When used as display instrument, the slider position indicates a process value which is output by the controls. The user inputs values by changing the slider position.

    Refer to the following table for a list of Basic controls properties.

    Table 2.14 Basic controls properties

    Property Name Description Type / Value Output I/O Field Text List Text Area Drop Down List Image Toggle Image Graphic List Button Toggle Button Faceplate opener Slider
    Background Color Specifies the background color of control + color
    Border Color Defines the border color of component + color
    Border size Defines the border width of component n [px]
    Choose Blink Variable Allows defining the “blinking” of component depending on the value of the logical variable Button
    Choose Boolean Set Variable Allows assigning the boolean variable to change the value of the variable Button
    Choose Boolean Variable Allows assigning the boolean variable to output the values Button
    Choose Faceplate Assign faceplate screen to display Button
    Choose Image Allows assigning the image that component will display Button
    Choose State Variable Allows assigning variable which defines particular states (conditions) and behaviors in these states Button
    Choose Variable Allows assigning the variable to output the values Button
    Component Name Component identification text text
    Component Permissions Allows assigning user roles for the use of a control Button
    Confirm Action Request to confirm the action on the change in the value
    Confirm Action Text The Text that is displayed on Confirm Action text
    Decimal Places Number of decimal places of variable value n
    Event Event type for predefined action (click / mouse down) option
    Font Size Defines an overall size of a font shown on the screen n [pt]
    Font Weight Darker and heavier font than normal
    Horizontal Text Align Specifies the horizontal alignment of its text option
    Label Specifies text on the button text
    Label 0 Specifies text for the value 0 of logical variable text
    Label 1 Specifies text for the value 1 of logical variable text
    Leading Zeros Number of any 0 digit that comes before the first nonzero digit in the variable value n
    Level Level is used for template screens. If level is choosen, screen will open with path determined by selected level and its whole path tree
    Manage Actions Allows assigning the actions that will occur on the selected type of event of component Button
    Manage Color States Allows setting color of component according to the state (condition) of the variable Button
    Manage Graphic List Images Allows setting image of component according to the state (condition) of the variable Button
    Manage States Allows setting a printing text of component according to the state (condition) of the variable Button
    Manage states images Allows assigning the images to logical values of a boolean variable Button
    Maximum Defines the maximum value of the variable n
    Minimum Defines the minimum value of the variable n
    Padding Defines the innermost portion of the box model, creating space around control content px
    Prefix Prefix the name of the OPC tag
    Read Only Able to be accessed but not modified
    Rollover Text Color Specifies the text color of text when mouse is over control + color
    Step Defines the step change in value n
    Sufix State Variable Defines the state of control depending on the value of the Sufix variable text
    Sufix Visibility Variable Defines the visibility of control depending on the value of the Sufix variable text
    Text Defines the text on the control text
    Text Color Specifies the color of text on the control + color
    Thousand Separator Activates the comma separated thousands
    Tooltip Specifies the text which appears when a cursor is positioned over the control text
    Vertical Text Align Specifies the vertical alignment of its text option
    Visibility Variable Allows defining the visibility of component depending on the value of the logical variable Button

    If variable value is strikethrough it means that value is not valid and there is probably some problem with connection to source of variable.

    Figure 2.20 Invalid value


    Advanced controls

    Advanced controls contain various types of components, which provide an enhanced functional scope.

    To choose Advanced controls, on the Toolbox, click on “Indas components” menu (refer to the Indas Components Menu) and click the “Advanced controls”, as shown in the figure below.

    Figure 2.21 Advanced controls menu

    The following sections describe Advanced controls.


    Trend

    Using “Trend” control you can show a group of trend diagrams, which presents historical changes of process values read from a log. The “Trend” control is shown in the figure below.

    Figure 2.22 Trend control

    The properties of the “Trend” control are listed in the table below.

    Table 2.15 Trend properties

    Property Name Description Type / Value
    Advanced Menu Activates advanced (top) menu of control
    Axis Font Size Defines an overall size of a font shown on trend axes n
    Background Color Specifies the background color of control The
    Facility External + color
    Choose Logged Variable Allows assigning logged variables Button
    Component Name Component identification text text
    Fill Series Fills area under the trend line
    Fixed Time Interval [h] Defines how many last hours is shown on trend control n
    Hide Legend Hides legend on the trend control
    Hide Top Menu Hides top menu on the trend control
    Hide X Axis Hides X Axis on the trend control
    Legend Font Size Defines an overall size of a font shown on legend n [pt]
    Legend Rows Number Defines the number of rows shown on legend n
    Manage Axis Allows configuring axes Button
    Show Grid Lines Shows grid lines on trend control
    Text Color Specifies the color of text on the trend control + color
    Tooltip Specifies the text which appears when a cursor is positioned over the control text
    Trend Title Specifies the text on the top of the trend control text
    X-axis Number of Tick Defines number of ticks on X-axis text

    All values that are logged as invalid values are not drawn on trend. While holding mouse over those values, ruler shows values as 'invalid'

    Figure 2.23 Ivalid values

    To print trend popups must be enabled. If trend print do not show popup enable it as shown in next figure.

    Figure 2.23.1 enable popups


    Alarm View

    In the “Alarm view”, the user can view selected alarms or alarm events in the alarm buffer or the alarm log in runtime. The “Alarm view” control is shown in the figure below.

    Figure 2.24 Alarm view control

    The properties of the “Alarm view” control are listed in the table below.

    Table 2.16 Alarm view properties

    Property Name Description Type
    Advanced Menu Activates advanced (top) menu of control
    Alarm State Allows filtering alarms by state (confirmed, unconfirmed, all) option
    Alarm Type Specifies alarms display format (table, bars, rows) option
    Alternating Item Color 1 Specifies background color of odd rows + color
    Alternating Item Color 2 Specifies background color of even rows + color
    Background Color Specifies the background color of control + color
    Border Color Defines the border color of control + color
    Border Style Defines the border style of control option
    Choose Variable Allows assigning the variable to output the values Button
    Component Name Component identification text text
    Conn Name Connection name
    Default Alarm Display alarm type (All alarms, Active, Unconfirmed, Confirmed) option
    Font Size Specifies size of text on control n [pt]
    Header Color Specifies the header background color + color
    Header Font Color Specifies the color of header text + color
    Hide Grid Top Menu Activate to hide top menu on control
    Rollover Color Specifies the background color when mouse is over control + color
    Row Height Row height in pixels n [px]
    Rows Per Page Defines the number of rows shown on page n
    Selection Color Specifies background color of selected fields + color
    Text Color Specifies the color of text on the control + color
    Tooltip Specifies the text which appears when a cursor is positioned over the control text

    Event View

    In the “Event view”, you can view selected events or events in the event buffer or the event log in runtime. The “Event view” control is shown in the figure below.

    Figure 2.25 Event view control

    The properties of the “Event view” control are listed in the table below.

    Table 2.17 Event view properties

    Property Name Description Type / Value
    Advanced Menu Activates advanced (top) menu of control
    Alternating Item Color 1 Specifies background color of odd rows + color
    Alternating Item Color 2 Specifies background color of even rows + color
    Background Color Specifies the background color of control + color
    Border Color Defines the border color of control + color
    Border Style Defines the border style of control option
    Choose Variable Allows assigning the variable to output the values Button
    Component Name Component identification text text
    Component Permissions Allows assigning user roles for the use of a control Button
    Event Type Display type (by variable, by user, both) option
    Header Color Specifies the header background color + color
    Header Font Color Specifies the color of header text + color
    Hide Grid Top Menu Activate to hide top menu on control
    Receive Column Activate to show Receive column
    Rollover Color Specifies the background color when mouse is over control + color
    Row Height Row height in pixels n [px]
    Rows Per Page Defines the number of rows shown on page n
    Selection Color Specifies background color of selected fields + color
    Text Color Specifies the color of text on the control + color
    Tooltip Specifies the text which appears when a cursor is positioned over the control text

    Log View

    Using “Log view” control, you can show historical changes of process values read from a log, in a tabular format. The “Log view” control is shown in the figure below.

    Figure 2.26 Log view control

    The properties of the “Log view” control are listed in the table below.

    Table 2.18 Log view properties

    Property Name Description Type / Value
    Advanced Menu Activates advanced (top) menu of control
    All variables in chooser Activate to display all loggable variables
    Alternating Item Color 1 Specifies background color of odd rows + color
    Alternating Item Color 2 Specifies background color of even rows + color
    Background Color Specifies the background color of control + color
    Border Color Defines the border color of control + color
    Border Style Defines the border style of control option
    Choose Variable Allows assigning the variable to control Button
    Component Name Component identification text text
    Header Color Specifies the header background color + color
    Header Font Color Specifies the color of header text + color
    Hide Grid Top Menu Activate to hide top menu on control
    Rollover Color Specifies the background color when mouse is over control + color
    Row Height Row height in pixels n [px]
    Rows Per Page Defines the number of rows shown on page text
    Selection Color Specifies background color of selected fields + color
    Text Color Specifies the color of text on the control + color
    Tooltip Specifies the text which appears when a cursor is positioned over the control text

    Map Navigator

    Using the “Map navigator” control, you can navigate through a geographic map to the other screens. The “Map navigator” control requires a connection to the internet. The “Map navigator” control is shown in the figure below.

    Figure 2.27 Map navigator control

    The properties of the “Map navigator” control are listed in the table below.

    Table 2.19 Map navigator properties

    SCADA Description Type / Value
    Bottom Right Lat Latitude of bottom right corner of map n
    Bottom Right Long Longitude of bottom right corner of map n
    Component Name Component identification text text
    Latitude Latitude of center location n
    Longitude Longitude of center location n
    Max Zoom Level Maximum zoom level n
    Min Zoom Level Minimum zoom level n
    Tooltip Specifies the text which appears when a cursor is positioned over the control text
    Type Map type (auto, road, aerial) option
    Upper Left Lat Latitude of upper left corner of map n
    Upper Left Long Longitude of upper left corner of map n
    Zoom Level Map zoom level n

    Note View

    The “Note view” is an advanced control for entering notes and their administration. The “Note view” control is shown in the figure below.

    Figure 2.28 Note view control

    The properties of the “Note view” control are listed in the table below.

    Table 2.20 Note view properties

    Property Name Description Type / Value
    Background Color Specifies the background color of control + color
    Border Style Defines the border style of control option
    Component Name Component identification text text
    Popup Background Color Specifies the background color of popup + color
    Popup Border Color Defines the border color of popup + color
    Tooltip Specifies the text which appears when a cursor is positioned over the control text

    The Popup is an advanced component that is designed to contain a collection of other components and to appear by clicking on the default button. While the popup component is visible, the rest of the application is disabled for use until the popup is closed. The “Popup” control is shown in the figure below.

    Figure 2.29 Popup control


    User Management

    Using the “User management” control, you can manage users of the application (employees) and notifications to the users. The “User management” control is shown in the figure below.

    Figure 2.30 User management control

    The properties of the “User management” control are listed in the table below.

    Table 2.21 User management properties

    Property Name Description Type / Value
    Component Name Component identification text text
    Component Permissions Allows assigning user roles for the use of a control Button
    Notification Permissions Same as Component Permissions Button
    Popup Border Color Defines the border color of popup + color
    Tooltip Specifies the text which appears when a cursor is positioned over the control text

    Alarm Sound

    The “Alarm sound” control is used for sound notification when the certain alarm occurred in the application. The “Alarm sound” control is shown in the figure below.

    Figure 2.31 Alarm sound control

    The properties of the “Alarm sound” control are listed in the table below.

    Table 2.22 Alarm sound properties

    Property Name Description Type / Value
    Choose Variable Allows assigning the variable Button
    Component Name Component identification text text
    Tooltip Specifies the text which appears when a cursor is positioned over the control text

    IFrame

    Using the “IFrame” control, you can view pages in HTML format using the “HTML” browser. The “IFrame” control is shown in the figure below.

    Figure 2.32 IFrame control

    The properties of the “IFrame” control are listed in the table below.

    Table 2.23 IFrame properties

    Property Name Description Type / Value
    Component Name Component identification text text
    Link Web page URL text
    Scroll Activates scroll

    Visual controls

    Visual controls contain various types of components, which display processes dynamically.

    To choose Visual controls, on the Toolbox, click on “Indas components” menu (refer to the Indas Components Menu) and click the “Visual controls”, as shown in the figure below.

    Figure 2.33 Visual controls menu

    The following sections describe Visual controls.


    Alarm bell

    The “Alarm bell” control is activated when the certain alarm occurred in the application. The “Alarm bell” control is shown in the figure below.

    Figure 2.34 Alarm bell control

    The properties of the “Alarm bell” control are listed in the table below.

    Table 2.24 Alarm bell properties

    Property Name Description Type / Value
    Choose Boolean Variable Allows assigning the boolean variable Button
    Component Name Component identification text text
    Tooltip Specifies the text which appears when a cursor is positioned over the control text

    Vertical Bar

    Using the “Vertical bar” control, you can graphically display the values of a certain variable. The “Vertical bar” control is shown in the figure below.

    Figure 2.35 Vertical bar control

    The properties of the “Vertical bar” control are listed in the table below.

    Table 2.25 Vertical bar properties

    Property Name Description Type / Value
    Background Color Specifies the background color of control cccc
    Bar Color Specifies the color of bar cccc
    Choose Variable Allows assigning the variable to output the values Button
    Component Name Component identification text text
    Maximum Defines the maximum value of the displayed variable n
    Minimum Defines the maximum value of the displayed variable n
    Tooltip Specifies the text which appears when a cursor is positioned over the control text

    Popups

    The popup screens for setting the properties of screen components are described in the following sections.


    Visibility Variable

    Using the “Visibility Variable” popup (i.e. “Choose variable visibility state” in the popup headline, Figure 2.34), you can define the visibility of component depending on the value of the logical variable: logical zero - invisibility, logical one - visibility.

    Figure 2.36 Visibility variable popup

    The “Visibility Variable” popup contains the fields and actions as listed in the table below.

    Table 2.26 Visibility variable popup fields and actions

    Field / Control Description Actions
    Variable name Search field allows entering a query with variable name To search variables, enter the variable name in the field.
    Available variables List of the available variables To assign the variable, click on the “+” button right of the variable you want to assign.
    Assigned variable Assigned variable used for visibility state To remove the assigned variable, click on the “–” button right of the assigned variable. To remove all variables, click on the “Delete all” option.
    Inverted logic logical zero - visibility, logical one - invisibility Activate check box to use the inverted logic.
    Save / Cancel Saving changes To save the assigned variable, click the “Save” button, otherwise click the “Cancel” button.

    Choose Variable(s)

    Using the “Choose Variable” (or “Choose Variables”) popup, you can assign the variable (or variables) to the certain component to output the values of the variable. The “Choose variables” popup is shown in the figure below.

    Figure 2.37 Choose variables popup

    The “Choose Variables” popup contains the fields and actions as listed in the table below.

    Table 2.27 Choose variables popup fields and actions

    Field / Control Description Actions
    Connection The drop-down box allows selecting connection whose variables appears in the Available variables list Click on the drop-down box to select a connection.
    Variable name Search field allows entering a query with variable name; The Radio buttons: All, Internal and Sufix allows filtering variables by type of variable To search variables, enter the variable name in the field. Click on radio button: All, Internal or Sufix, to filter variables.
    Available variables List of the available variables after filtering To assign the variable, click on the “+” button right of the variable you want to assign.
    Assigned variable(s) Assigned variable(s) used for output To remove the assigned variable, click on the “–” button right of the assigned variable.
    Save / Cancel Saving changes To save the assigned variable(s), click the “Save” button, otherwise click the “Cancel” button.

    Choose Blink Variable

    Using the “Choose Blink Variable” (i.e. “Choose Variables” in the popup headline, Figure 2.36) popup, you can define the “blinking” of component depending on the value of the logical variable: logical zero - always visible, logical one - blinking (i.e. alternatively changes the state of visibility and invisibility of the component).

    Figure 2.38 Choose blink variable popup

    The “Choose Blink Variable” popup contains the fields and actions as listed in the table below.

    Table 2.28 Choose blink variable popup fields and actions

    Field / Control Description Actions
    Connection The drop-down box allows selecting connection whose variables appears in the Available variables list Click on the drop-down box to select a connection.
    Variable name Search field allows entering a query with variable name; The Radio buttons: All, Internal and Sufix allows filtering variables by type of variable To search variables, enter the variable name in the field. Click on radio button: All, Internal or Sufix, to filter variables.
    Available variables List of the available variables after filtering To assign the variable, click on the “+” button right of the variable you want to assign.
    Assigned variable Assigned variable used for blink state To remove the assigned variable, click on the “–” button right of the assigned variable. To remove all variables, click on the “Delete all” option.
    Save / Cancel Saving changes To save the assigned variable(s), click the “Save” button, otherwise click the “Cancel” button.

    Choose State Variable

    Using the “Choose State Variable” popup, you can assign variable which defines particular states (conditions) and behaviors in these states. The “Choose State Variable” popup is shown in the figure below.

    Figure 2.39 Choose state variable popup

    The “Choose State Variable” popup contains the fields and actions as listed in the table below.

    Table 2.29 Choose state variable popup fields and actions

    Field / Control Description / Actions
    Connection Allows selecting connection whose variables appears in the Available variables list
    Variable name The search field allows entering a query with the variable name. To search variables, enter the variable name in the “Type to search” field. The Radio buttons: All, Internal and Sufix allows filtering variables by type of variable.
    Available variables To assign the variable, click on the “+” button right of the variable you want to assign.
    Assigned variable To remove the assigned variable, click on the “–” button right of the assigned variable.
    Save / Cancel To save the assigned variable, click the “Save” button, otherwise click the “Cancel” button.

    Manage Color States (Edit Color States)

    Using the “Manage Color States” (i.e. “Edit Color States” in the popup headline, Figure 2.38) popup, you can set the color of a component according to the state (condition) of the variable selected in the “Choose State Variable” popup (refer to the Choose State Variable).

    Figure 2.40 Manage color states popup

    The “Manage Color States” popup contains the fields and actions as listed in the table below.

    Table 2.30 Manage color states popup fields and actions

    Field / Control Description / Actions
    Add value Allows adding a value of state variable. To add a new value, enter a value in the “Add value” field and click the “Add value” button. Clicking on the “Add value” button, in the Values list shows the added value
    Values / Color selector To remove the value, select the value in the Values list and click the “-” button. To set a color of component according to the selected value, pick the color in the Color selector control
    Save / Cancel To save changes, click the “Save” button, otherwise, click the “Cancel” button.

    Manage States

    Using the “Manage States” popup, you can set a text printing of component according to the state (condition) of the variable selected in the “Choose State Variable” popup (refer to the Choose State Variable). The “Manage States” popup is shown in the figure below.

    Figure 2.41 Manage States popup

    The “Manage States” popup contains the fields and actions as listed in the table below.

    Table 2.31 Manage States popup fields and actions

    Field / Control Description / Actions
    Add value Allows adding a value of state variable. To add a new value, enter a value in the “Add value” field and click the “Add value” button. Clicking on the “Add value” button, in the Values list shows the added value
    Values / Text box To remove the value, select the value in the Values list and click the “-” button. To set the printing text of component according to the selected value, enter the text in the text box on the right side of the popup
    Save / Cancel To save changes, click the “Save” button, otherwise, click the “Cancel” button.

    Manage Graphic List Images

    Using the “Manage Graphic List Images” (i.e. “Manage graphic list image states” in the popup headline, Figure 2.40) popup, you can set image of a component according to the state (condition) of the variable selected in the “Choose State Variable” popup (refer to the Choose State Variable). The “Manage Graphic List Images” popup is shown in the figure below.

    Figure 2.42 Manage graphic list images popup

    The “Manage Graphic List Images” popup contains the fields and actions as listed in the table below.

    Table 2.32 manage graphic list images popup fields and actions

    Field / Control Description / Actions
    Add value Allows adding a value of state variable. To add a new value, enter a value in the “Add value” field and click the “Add value” button. Clicking on the “Add value” button, in the Values list shows the added value
    Values / Drop-down box To remove the value, select the value in the Values list and click the “-” button. To set the image of component according to the selected value, choose the image in the drop-down box on the right side of the popup
    Save / Cancel To save changes, click the “Save” button, otherwise, click the “Cancel” button.

    Component Permissions

    Using the “Component Permissions” popup, you can assign user roles for the use of a certain component. In accordance with this, the user who does not have the appropriate user role will not be able to use the component. In this way, the component will be available only to users with a particular user role assigned to the component or users will be able to take action or set the default value for the certain component. The “Component Permissions” popup is shown in the figure below.

    Figure 2.43 Component permissions popup

    The “Component Permissions” popup contains the fields and actions as listed in the table below.

    Table 2.33 Component permissions popup fields and actions

    Field / Control Description / Actions
    Role name The search field allows entering a query with role name. To search roles, enter the role name in the “Type to search” field
    Available roles To assign the role, click on the “+” button right of the role you want to assign
    Assigned roles To remove the assigned role, click on the “–” button right of the assigned role
    Visibility / Action Activate to set permissions on visibility or action on component
    Save / Cancel To save changes, click the “Save” button, otherwise, click the “Cancel” button.

    Choose Image

    Using the “Choose Image” popup, you can assign the image that component will display. The “Choose Image” popup is shown in the figure below.

    Figure 2.44 Choose image popup

    The “Choose Image” popup contains the fields and actions as listed in the table below.

    Table 2.34 Choose image popup fields and actions

    Field / Control Description / Actions
    Assigned image Relative path of selected image
    Search The search field allows entering a query with image name. To search images, enter the image name in the search field
    Selected image preview Displays the selected image
    Choose Files Allows adding a new image to list of the available images
    Save / Cancel To save changes, click the “Save” button, otherwise, click the “Cancel” button.

    Manage Actions

    Using the “Manage Actions” popup, you can assign the actions that will occur on the selected type of event of component (click, mouse down). The “Manage Actions” popup is shown in the figure below.

    Figure 2.45 Manage actions popup

    The “Manage Actions” popup contains the fields and actions as listed in the table below.

    Table 2.35 Manage actions popup fields and actions

    Field / Control Description / Actions
    Action name The search field allows entering a query with action name. To search actions, enter the action name in the “Type to search” field
    Available actions To assign the action, click on the “+” button right of the action you want to assign
    Assigned actions To remove the assigned action, click on the “–” button right of the assigned action
    Save / Cancel To save changes, click the “Save” button, otherwise, click the “Cancel” button.
      When selecting action in the “Assigned actions”, opens the section depending on the selected action, which may have the following options:
    • configure the options to switch to another screen (in the “Level” section);
    • selection of variables and configure its values in action “Custom” and “Custom Variable” (“Destination” and “Source” option variables);
    • scripts to be executed (section “Scripts” after selecting “ExecuteScript” action);
    • enter the URL to navigate (section “URL” with the URL input field after selecting “Open URL” action).

    Manage States Images

    Using the “Manage States Images” popup, you can assign the images to logical values of a certain boolean variable. The “Manage States Images” popup is shown in the figure below.

    Figure 2.46 Manage states images popup

    The “Manage States Images” popup contains the fields and actions as listed in the table below.

    Table 2.36 Manage states images popup fields and actions

    Field / Control Description / Actions
    Values Fixed list of logical values of the boolean variable. Logical one - 1, logical zero - 0
    Select image To assign the image to the selected logical value, choose the image name in the“Select image” drop-down box
    Save / Cancel To save changes, click the “Save” button, otherwise, click the “Cancel” button.

    Choose Boolean Variable

    Using the “Choose Boolean Variable” popup, you can assign the boolean variable to the certain component to output the values of the variable. The “Choose Boolean Variables” popup is shown in the figure below.

    Figure 2.47 Choose boolean variable popup

    The “Choose Boolean Variable” popup contains the fields and actions as listed in the table below.

    Table 2.37 Choose boolean variable popup fields and actions

    Field / Control Description / Actions
    Connection Allows selecting connection whose variables appears in the Available boolean variables list
    Bind with set boolean variable Activate that could change the value of the assigned boolean variable
    Boolean variable name The search field allows entering a query with the variable name. To search variables, enter the variable name in the “Type to search” field. The Radio buttons: All, Internal and Sufix allows filtering variables by type of variable.
    Available boolean variables To assign the boolean variable, click on the “+” button right of the variable you want to assign.
    Assigned boolean variable To remove the assigned variable, click on the “–” button right of the assigned variable.
    Save / Cancel To save changes, click the “Save” button, otherwise, click the “Cancel” button.

    Choose Boolean Set Variable

    Using the “Choose Boolean Set Variable” popup, you can assign the boolean variable to the certain component to change the values of the variable. The “Choose Boolean Set variables” popup is shown in the figure below.

    Figure 2.48 Choose boolean set variable

    The “Choose Boolean Set Variable” popup contains the fields and actions as listed in the table below.

    Table 2.38 Choose boolean set variable fields and actions

    Field / Control Description / Actions
    Connection Allows selecting connection whose variables appears in the Available boolean variables list
    Bind with boolean variable Activate that could output the value of the assigned boolean variable
    Boolean variable name The search field allows entering a query with the variable name. To search variables, enter the variable name in the “Type to search” field. The Radio buttons: All, Internal and Sufix allows filtering variables by type of variable.
    Available boolean variables To assign the boolean variable, click on the “+” button right of the variable you want to assign.
    Assigned boolean variable To remove the assigned variable, click on the “–” button right of the assigned variable.
    Save / Cancel To save changes, click the “Save” button, otherwise, click the “Cancel” button.

    Choose Logged Variable

    Using the “Choose Logged Variable” popup, you can assign the logged variables to the Trend control to display the historical changes of the variable. The “Choose Logged Variable” popup is shown in the figure below.

    Figure 2.49 Choose logged variable popup

    The “Choose Logged Variable” popup contains the fields and actions as listed in the table below.

    Table 2.39 Choose logged variable popup fields and actions

    Field / Control Description / Actions
    Connection Allows selecting connection whose variables appears in the Available boolean variables list
    Variable name The search field allows entering a query with logged variable name. To search logged variables, enter the variable name in the “Type to search” field. The Radio buttons: All, Internal and Sufix allows filtering variables by type of variable.
    Available logged variables To assign the logged variable, click on the “+” button right of the variable you want to assign.
    Assigned logged variables To remove the assigned variable, click on the “–” button right of the assigned variable.
    Checked on trend Activate to display values of the selected logged variable on the trend
    Line color Specifies the color of line
    Line type Specifies type of line (curve, horizontal, reverseStep, segment, step, vertical)
    Axis Assign the axis to display values
    Save / Cancel To save changes, click the “Save” button, otherwise, click the “Cancel” button.

    Manage Axis

    Using the “Manage Axis” popup (i.e. “Axis settings” in the popup headline, Figure 2.48), you can add, delete and configure axes of the Trend control.

    Figure 2.50 Manage axis popup

    The “Manage Axis” popup contains the fields and actions as listed in the table below.

    Table 2.40 Manage axis popup fields and actions

    Field / Control Description / Actions
    Axis name / Add axis To create a new axis, enter a name for the new axis in the “Axis name” field and click the “Add axis” button. Clicking on the “Add axis” button, in the list of available axes shows the created axis
    Axis / - To remove the axis, select the axis in the list of available axes and click the “-” button
    Minimum Defines the minimum value of the selected axis
    Maximum Defines the maximum value of the selected axis
    Decimal places Defines the number of decimal places of variable value
    Measuring unit Defines the measuring unit
    Number of axis tick Defines number of ticks on axis
    Show axis Activate Show axis check box to display axis
    Show axis title Activate Show axis title to display axis title
    Save / Cancel To save changes, click the “Save” button, otherwise, click the “Cancel” button.

    Template Component Editor

    Template component editor allows creating arbitrary components that can contain one or more basic components, graphic shapes, text controls, etc.

    To start Template component editor, select the option on the Control bar like shown in the figure below.

    Figure 2.51 Template component editor

    To manage template components, select the option on the Menu bar, as shown in the figure below.

    Figure 2.52 Edit Templates

    Afterward, the “Templates” window is opened, as shown in the figure below.

    Figure 2.53 Templates window

    The “Manage Axis” popup contains the fields and actions as listed in the table below.

    Table 2.41 Templates window fields and controls

    Field / Control Description / Actions
    Name / + To create a new template component, enter a name for the new template component in the “Name” field and click the “+” button. Clicking on the button “+”, in the list of available template components shows the created template component
    Screens / x To remove the template component, select the template component in the list of available components and click the red button “x”
    Template name To rename the template component, select the template component in the list of available components and enter a new name for the selected template component

    To edit previously added template component, select the option on the Control bar, as shown in the figure below.

    Figure 2.54 Choosing template component

    After choosing the template component that is going to be edited, you can add arbitrary components, graphic shapes, text controls, etc. to the template screen. For each component, you must fill in the “Name” property, as shown in the figure below.

    Figure 2.55 Editing a template component

    After completing all the changes of the certain template component, you can add that template component to any screen by selecting the “Indas components” menu, and then select “Template components” and click on corresponding template component, as shown in the figure below.

    Figure 2.56 Template components menu

    By clicking on the current screen, you can add the selected template component.

    After adding template component to the current screen, it is necessary to select the added template component and to set properties for each component of template component. On the Properties pane, in the “List” section, by clicking on the corresponding name in the list of component names, you can select individual component within the template component, as shown in the figure below.

    Figure 2.57 Selecting template component

    Afterward, it is possible to adjust the properties of the selected component.

    Subsequent changes in a certain type of template component in the Template Component Editor will not be automatically updated to the template components of the same type that were previously added to the screens. It is necessary to select all template components of the same type on the current screen and changes will be updated by selecting Component & Faceplate -> Update Selected Template Components (refer to the following link for more information).


    Faceplate Editor

    Faceplate editor allows creating arbitrary faceplate screen that can contain one or more basic components, graphic shapes, text controls, etc.

    To start Faceplate editor, select the option on the Control bar like shown in the figure below.

    Figure 2.58 Faceplate editor

    To manage faceplates, select the option on the Menu bar, as shown in the figure below.

    Figure 2.59 Edit Faceplates

    Afterward, the “Edit Faceplates” window is opened, as shown in the figure below.

    Figure 2.60 Faceplates window

    The “Edit Faceplates” window contains the fields and controls as listed in the table below.

    Table 2.42 Faceplates window fields and controls

    Field / Control Description / Actions
    Name / + To create a new template component, enter a name for the new template component in the “Name” field and click the “+” button. Clicking on the button “+”, in the list of available template components shows the created template component
    Screens / x To remove the template component, select the template component in the list of available components and click the red button “x”
    Screen name To rename the faceplate, select the faceplate in the list of available faceplates and enter a new name for the selected faceplate

    To edit previously added template component, select the option on the Control bar, as shown in the figure below.

    Figure 2.61 Choosing faceplate

    After choosing the faceplate screen that is going to be edited, you can add arbitrary components, graphic shapes, text controls, etc. to the faceplate screen. Each component must be granted the name of “Name” property, as shown in the figure below.

    Figure 2.62 Editing faceplate

    After completing all the changes of the certain faceplate, showing that faceplate in runtime is done by clicking on the Faceplate opener control on the screen. To add the Faceplate opener control on the screen, choose Indas components -> Basic controls -> Faceplate opener and click on the screen, as shown in the figure below.

    Clicking the button “Choose Faceplate” on the Properties pane, the “Choose Faceplate” popup is opened, as shown in the Figure 2.62. On the “Choose Faceplate”, you can assign desired faceplate screen that will be displayed when the Faceplate opener control is clicked. Popup “Choose faceplate” allows choosing the faceplate screen from the list of the available faceplate screens. The chosen faceplate screen is saved by clicking the button “Save”.

    Figure 2.64 Choose faceplate popup

    Subsequent changes in a certain type of faceplate in the Faceplate Editor will not be automatically updated when opening the faceplate in runtime (the faceplate is opened by clicking the Faceplate opener control that was previously added to the screen). It is necessary to select Faceplate opener control on the current screen and then changes will be updated by selecting Component & Faceplate -> Update Selected Template Components (refer to the following link for more information).


    Configurator

    Configurator is a web application that allows you to configure following options: connections, variables, scripts, employees, translations, etc. The following sections describe all the options listed above.

    To start Configurator, on the Menu bar, choose “Configurator” option, as shown in the figure below.

    Figure 2.65 Configurator


    Configurations

    The configuration contains all the screens with their components and variables bound with screen components. Using the “Configurations” tab of the Configurator, you can handle all configurations within the application. By clicking the “Save” button in the Editor, creates new configuration and stores in the database in XML or JSON format.

    All configurations are visualized in the pane below in tabular format. Active configuration is the latest configuration in the list of configurations. To sort the table by its column entries, simply click the column header.

    Figure 2.66 Configurator

    The properties of configuration are listed in the table below.

    Table 2.43 Configuration properties

    Property Name Description
    ID Unique identification number
    Date Timestamp
    Has XML Format for storing
    Has JSON Format for storing

    The “Configurations” tab contains the fields and controls as listed in the table below.

    Table 2.44 Configurations tab fields and controls

    Field / Control Description
    Show mobile configuration Displays a list of mobile configurations
    Set selected as current Sets selected configuration to the active configuration
    Refresh Fetches all the configurations
    Delete selected Removes the selected configuration
    Delete all except last 20 Preserves the last twenty configurations
    Search Allows entering a query with the configuration ID

    Supported drivers

    Drivers Description
    OPC DA Connects to any OPC DA Servers
    OPC UA Connects to any OPC UA Servers
    MQTT Connects to MQTT Brokers
    Modbus TCP Connects to any device that supports Modbus TCP protocol

    Connections

    Using the “Connections” tab of the Configurator, you can create and configure connections to data sources.

    The “Connections” tab is shown in the figure below. All connections are visualized in the pane below in tabular format. To sort the table by its column entries, simply click the column header.

    Figure 2.67 Connections tab

    The “Connections” tab contains the fields and controls as listed in the table below.

    Table 2.45 Connections tab fields and controls

    Field / Control Description
    Search Allows entering a query with the name
    Add Adding a new connection. Opens the “Add connection” window (refer to the Variables )
    Update Opens the “Update connection” window to update connection properties
    Delete Removes the selected connection
    Refresh Fetches all the configurations

    Figure 2.68a Add connection window - OPC DA Driver

    Figure 2.68b Add connection window - OPC UA Driver

    Figure 2.68c Add connection window - MQTT Driver

    Figure 2.68d Add connection window - Modbus Driver

    The properties of connection are listed in the table below.

    Table 2.46 Connection properties

    Property Name Description OPC DA Driver OPC UA Driver MQTT Driver Modbus Driver
    Driver A communication driver is a software component that develops a connection between an SCADA and an OPC Server. The communication driver hence enables the SCADA variables to be supplied with OPC values
    Name Specifies the configured name of the connection
    Refresh interval Variables are supplied with values at regular time intervals, unit [ms]
    Broker address ...
    Secure ...
    Broker Port ...
    QoS ...
    Will Topic ...
    Will Message ...
    Keep Alive Period[s] ...
    IP address ...
    Device GUID ...
    Address manual Allows entering manually OPC Server URI
    Address OPC Server URI
    Enable Enables/Disables connection.

    Variables

    Using the “Variables” tab of the Configurator, you can create, modify and delete variables. The “Variables” tab is shown in the figure below.

    Figure 2.69a Variables tab

    Figure 2.69b Custom Properties - OPC DA driver

    Figure 2.69c Custom Properties - OPC UA driver

    Figure 2.69d Custom Properties -MQTT driver

    Figure 2.69e Custom Properties -Modbus driver

    The properties of variables are listed in the table below.

    Table 2.47 Variable properties

    Property Name Description OPC DA Driver OPC UA Driver MQTT Driver Modbus Driver Internal Variable
    Var ID Unique identification number
    Internal Internal variable
    Type Variable type (real, word, boolean, string)
    Unit Group By selecting Unit Group, the variable displays the corresponding unit of measurement
    Read Unit The unit of measurement in which the application reads the value of the variable
    Interface Unit The unit of measurement in which the application reads the value of the variable
    Loggable The variable values are logged in runtime
    On Change Log Interval
    Offset Specifies the percentage value which will be treated as a change, i.e., Offset 2, if the variable value changes from 100 to 99, the value will not log on, if the variable value changes from 100 to 98, the value will be logged because a change of 2%
    Multiplier Scaling factor
    Added Scaling offset
    Variable name Variable name in Editor
    OPC Tag OPC Tag name
    Trend name Replaces the variable name in the Trend control
    Bit variable Bit position defines the position of the variable. Bit property is automatically defined
    Event Stores events for later evaluation
    Event on change Stores events, as soon as the value change occurs
    Event bottom value The lower limit value of the event
    Event top value The upper limit value of the event
    Event bottom text The text that appears when an event occurs
    Event top text The text that appears when an event occurs
    Alarm Stores alarms for later evaluation
    Alarm bottom value The lower limit value of the alarm
    Alarm top value The upper limit value of the alarm
    Alarm bottom text The text that appears when an alarm occurs
    Alarm top text The text that appears when an alarm occurs
    Property It is possible to assign multiple properties to one variable. Those properties are used for filtering alarms by them.
    MQTT Tag ...
    MQTT Topic ...
    MQTT Property ...
    MQTT QoS ...
    Register Address ...

    The “Variables” tab contains the fields and controls as listed in the table below.

    Table 2.48 Variables tab fields and controls

    Field / Control Description
    Connection Allows selecting connection whose variables appears in the variables table, by clicking the “Get Variables” button
    Internal Applies a filter to view Internal variables
    Get Variables Fetches all the variables of selected connection
    Export CSV Exports variables to CSV format
    IsAlarm Applies a filter to view variables with defined alarms
    IsEvent Applies a filter to view variables with defined events
    IsLoggable Applies a filter to view loggable variables
    Search Allows entering a query with variable name
    Add internal variable Adding a new internal variable. Opens the “Add internal variable” window
    Add variable from server Adding a new external variable. Opens the “Add variable from server” window (see Figure 2.68)
    Delete Removes the selected variable
    Delete All Variables Removes all the variables
    Save Saving changes

    Figure 2.70 Add variable from server window


    Variable Live Values

    Using the “Variables Live Values” tab of the Configurator, you can monitor live values of the variables. The “Variables Live Values” tab is shown in the figure below.

    Figure 2.71 Variables live values tab

    The properties of live variables are shown in the table below.

    Table 2.49 Live variable properties

    Property Name Description
    ID Unique identification number
    Variable Variable name
    OPCTAG OPC Tag name
    Value Current value of the variable

    The “Variables Live Values” tab contains the fields and controls as listed in the table below.

    Table 2.50 Variable live values tab fields and controls

    Field / Control Description
    Connection Allows selecting connection whose variables appears in the variables table
    Internal Applies a filter to view Internal variables name
    Start Starts monitoring live values the variables
    Search Allows entering a query with variable name

    Measuring Units

    Using the “Measuring units” tab of the Configurator, you can configure measurement units within an application. Each measuring unit belongs to a certain group of measuring units. The “Measuring units” tab is shown in the figure below.

    Figure 2.72 Measuring units tab

    Table 2.51 Measuring units tab fields and controls

    Section Field / Control Description
    - Search Allows entering a query with unit name
    Unit Groups Add Adding a new group of measuring units.
    Update Updating the selected unit group
    Delete Removes the selected unit group
    Refresh Fetches all the unit groups
    Units Add Adding a new unit of measurement. Opens the “Insert new measuring unit” window (see Figure 2.71)
    Update Updating the selected unit of measurement
    Delete Removes the selected unit of measurement

    Figure 2.73 Insert new measuring unit window

    The properties of measuring unit are shown in the table below.

    Table 2.52 Measuring unit properties

    Property Name Description
    Name Unit name
    Coef.A Scaling factor
    Coef.B Scaling offset
    Is SI Unit Activate if unit belongs International System of Units

    Employees

    Using the “Employees” tab of the Configurator, you can configure the users and notifications to users within the application. The “Employees” tab is shown in the figure below.

    Figure 2.74 Employees tab

    The “Employees” tab contains the fields and controls as listed in the table below.

    Table 2.53 Employees tab fields and controls

    Section Field / Control Description
    Employees Search Allows entering a query with employee name
    Add Adding a new employee. Opens the “Insert new employee” window (see Figure 2.73)
    Update Updating the selected employee
    Password Changes the password of selected employee
    Delete Removes the selected employee
    Refresh Fetches all the employees
    Notifications Search Allows entering a query with notification name
    Add Adding a new notification
    Update Updating the selected notification
    Delete Removes the selected notification

    Figure 2.75 Insert new employee window

    The properties of the employee are shown in the table below.

    Table 2.54 Employee properties

    Property Name Description
    Username Username for logging into application
    Password Password for logging into application
    Confirm password Password Confirmation
    First name Employee first name
    Last name Employee last name
    E-mail Employee email address
    Mobile Employee mobile number
    Role Admin - permission to access to client application and Editor Full User - permission to access to client application Limited User - permission to access to client application without permission to make actions on screen components
    Role type Employee user roles. See User Roles.
    Location Employee location

    Figure 2.76 Employees tab, Notifications


    User Roles

    Using the “User roles” tab of the Configurator, you can configure user roles. The user roles are used when assigning permissions to certain screen components and all the users who belong to a selected user role automatically receive the permission to make the actions. The “User roles” tab is shown in the figure below.

    Figure 2.77 User roles tab

    The “User roles” tab contains the fields and controls as listed in the table below.

    Table 2.55 User roles tab fields and controls

    Field / Control Description
    Search Allows entering a query with user role name
    Add Adding a new user role
    Update Updating the selected user role
    Delete Removes the selected user role
    Refresh Fetches all the user roles

    Scripts

    Using the “Scripts” tab of the Configurator, you can create and edit scripts. Scripts provide flexibility by using control elements of a C# programming language. Scripts are processed in runtime sequentially from top to bottom. The “Scripts” tab is shown in the figure below.

    Figure 2.78 Scripts tab

    The “Scripts” tab contains the fields and controls as listed in the table below.

    Table 2.56 Script tab fields and controls

    Field / Control Description
    Scripts Allows selecting previously defined script
    Create new script Creating a new script
    Update script details Updating the selected script
    Delete script Removes the selected script
    Compile Script validation
    Save script Saving the script
    Connection Allows selecting connection whose variables appears in the variables table
    Internal Applies a filter to view Internal variables
    Search Allows entering a query with variable name

    The properties of the script are shown in the table below.

    Table 2.57 Script properties

    Field / Control Description
    Script name Unique script name
    Interval Automatically re-execute after time interval, unit [s]
    Script type Cyclic - periodical execution Command - execution per command

      Relating to the syntax of the C# language, two primary differences are:

    1. Any variable must be converted into the compatible type;
    2. Each variable must be presented within curly brackets.

    Translations

    Using the “Translations” tab of the Configurator, you can configure multilingualism within the application. The inVIEW Web SCADA can be translated to an unlimited number of languages, but it requires translations of each word (word keys). The “Translations” tab is shown in the figure below.

    Figure 2.79 Translations tab

    The “Translations” tab contains the fields and controls as listed in the table below.

    Table 2.56 Script tab fields and controls

    Field / Control Description
    Add language Adding a new language
    Update language Updating the selected language
    Delete language Removes the selected language
    Import keys from screens Automatic generation keys from all screens
    Import translations Importing translations from file
    Export translations Exporting keys translation to file
    Add key Adding a new keyword
    Update key Updating the selected keyword
    Delete key Removes the selected keyword
    Search Allows entering a query with keyword name

    Tag Tree

    Using the “Tag Tree” tab of the Configurator, you can configure Tag tree, as well as the Map objects that bind to the specific nodes of the Tag tree. The “Tag Tree” tab is shown in the figure below.

    Figure 2.80 Tag tree tab

    The “Tag Tree” tab contains the fields and controls as listed in the table below.

    Table 2.59 Tag tree fields and controls

    Section Field / Control Description
    Tag Tree Add node Adding a new node in the tree, which will belong to the selected node in the tag tree
    Delete node Removes the selected node in the tag tree
    Show / Hide map Displays / hides map
    Map object Add Adding a new Map object to the selected node in the tag tree (see Figure 2.79)
    Update Updating the Map object of selected node in the tag tree
    Delete Removes the Map object
    Map level Add Adding a new Map level. Opens “Add map level” window (see Figure 2.80)
    Update Updating the Map level
    Delete Removes the Map level
    Choose (Image Choosing image to represent all Map objects that belong to Map level (see Figure 2.81)
    Add zoom level Adding a zoom level to Map level
    Delete zoom level Removes a zoom level

    Figure 2.81 Map object section

    The properties of the Map object is listed in the table below.

    Table 2.60 Map object properties

    Property Name Description
    Name Map object name
    Map level Defines Map object visibility levels
    Latitude Latitude Map object location
    Longitude Longitude Map object location
    Screen Specifies screen to display

    Figure 2.82 Add map level window


    Figure 2.83 Choose map level image window


    Sufix

    Using the “Sufix” tab of the Configurator, you can manually add or remove Suffix variables. The “Sufix” tab is shown in the figure below.

    Figure 2.84 Sufix tab

    The “Sufix” tab contains the fields and controls as listed in the table below.

    Table 2.61 Sufix tab fields and controls

    Field / Control Description
    Search Allows entering a query with Sufix variable name
    Add Adding a new Suffix variable
    Delete Removes the selected Sufix variable

    Bar Colors

    • Colors of Red Bar
    • Colors of Yellow Bar
    • Colors of Green Bar

Copyright © inVIEW 2016. All rights reserved. | office@inviewscada.com