webUI - User Manual - EN - 02

Baseline Software Platform
webUI (Add-On & Runtime)
User Manual
This manual provides information for the design and operation of a local web-based
substation user interface. The webUI editor is an extension of Easergy Builder and the
runtime is available for Saitel DP SM_CPU866e products.
SE-WUI-S854
Publication Date (05/2021)

Read the information in this manual carefully before developing and/or operating a substation user
interface integrated into a control system.
www.se.com
20/05/2021 User Manual – webUI
Change Control
Rev Date Description
1.0 12/01/2021 Initial edition.

2.0 20/05/2021 Changes for version 1.7.8 of Easergy Builder and Baseline 11.06.22.of
SM_CPU866e.
Introduction of new functionalities in 2.0.5. webUI version
General Information
The Software Baseline Platform and all its components have been developed in accordance with a
certified quality management system based on ISO 9001:2015.
Document nº: SE-WUI-S854

Revision / Date: 2.0 / 20-05-2021
File: webUI – User Manual_EN_2.0.pdf
Retention period: Permanent throughout its validation period + 3 years
after its cancellation.
Reference Documents
Table 1– Reference Documents:
Manual Document Code
Easergy Builder User Manual FTE-MSS-S856

webApp User Manual FTE-WPP-S856
SM_CPU866e – User Manual SE-M578-USR
Saitel DP Platform SE-F700-USR
Software Version in this Manual

The information in this manual is valid for the software versions listed below. This information is
also valid for later versions, although some parameters may change slightly:
Table 2 – Software versions:
Tool / Device Version SM_CPU866e
Easergy Builder 1.7.8 1

webUI Editor (Plugin webUI Configuration) 01.02.09
webUI (Controller) 2.0.5 11.06.22 1
1webUI is only available for versions 1.6.7.0 and later of Easergy Builder and versions 11.06.16 of SM_CPU866e
baselines.
Pag 2
User Manual – webUI 20/05/2021
Hardware/Software Compatibility
The following are the supported software tools according to the type of CPU:
Table 3 – Hardware / Software Compatibility
Platform Saitel DP Saitel DP Saitel DR Saitel DR Saitel DR Easergy T300
Tool SM_CPU866 SM_CPU866e HU_B/HU_BI HU_A/HU_AF HUe HU250
Easergy Builder √ √ √ √ √ √
webApp
× √ × × √ √
webUI
× √1 × × × ×
Important information about Safety

Read these instructions carefully and look at the equipment to become familiar with it before trying
to install, operate, service or maintain it. In this manual it can find different types of messages
associated with situations that have different level of risk for people and / or for equipment.
This symbol indicates 'DANGER' or 'WARNING'. This symbol informs of an electrical

risk that will cause personal injuries if the instructions are not followed.
This symbol is associated to a safety alert. It is used to warn of possible personal

injury hazards. The user must follow all instructions or messages associated to this
symbol to avoid possible injuries.
DANGER
DANGER indicates a hazardous situation which, if not avoided, will result in death or serious
injury.
WARNING
WARNING indicates a hazardous situation which, if not avoided, could result in death or
serious injury.
NOTICE
NOTICE is used to address practices not related to physical injury. The safety alert symbol shall
not be used with this signal word.
To Keep in Mind
Electrical equipment should be installed, operated, serviced, and maintained only by qualified
personnel. No responsibility is assumed by Schneider Electric for any consequences arising out of
the use of this material.
Qualified personnel are individuals who:
• Have read and understood the information on the device and its user manual.
• Are familiar with the installation, commissioning, and operation of the equipment and of the
system to which it is being connected.
Pag 3
• Can safely perform switching operations in accordance with accepted safety engineering
practices and are authorized to energize and de-energize equipment and to isolate, ground,
and label it.
• Are trained in the care and use of safety apparatus in accordance with safety engineering
practices.
• Are trained in emergency procedures (first aid).

It is necessary to consider that the documentation of the equipment collects the instructions for its
installation, set up and operation. However, the manuals could not cover all the possible
circumstances neither include specific information on all the details.
In case of questions or specific problems about a Schneider Electric equipment, contact with his
sales office of Schneider Electric or with the customer care center and request the necessary
information.
Symbols and Labels

Before the equipment is installed or commissioned, the user must understand the following
symbols, which may be used on the equipment or referred to in the user documentation:
Table 4 – Symbols
Symbol Associated Text Description
International Electrotechnical Commission (IEC)

symbol associated to a DANGER or WARNING
Possibility of electric
message indicating that there is an electrical risk.
shock
Failure to follow these instructions could cause
damage to people or death.
Caution, read the Symbol associated with a risk alert. The user must
manual. read the manual before handling the equipment.
American National Standards Institute (ANSI) symbol

associated to a DANGER or WARNING message
Possibility of electric
indicating that there is an electrical risk. Failure to
chock
follow these instructions could cause damage to
people or death.
Protective earth Associated symbol to the protective ground

connection connection.
Functional earth Associated symbol to the functional ground

connection connection.
This symbol indicates that the equipment has been

CE Mark developed in compliance with all applicable European
Directives.
Electronic This symbol indicates that, at the end of its life, this
equipment. Special module must be disposed according to the WEEE
instructions must be Directive (Waste Electrical and Electronic Equipment).
followed for
disposed.
The equipment has been designed and manufactured

Compliant with
according to RoHS Directive (Restriction of Hazardous
RoHS.
Substances).
Direct Voltage Symbol of direct voltage (VDC).
Alternate Voltage Symbol of alternate voltage (VAC).
Pag 4
Installation, Setup and Operation

Some devices use dangerous voltages (> 50 V), either the Schneider Electric device itself or some
device connected to it. The user is responsible to check that the characteristics of each equipment
are adapted and convenient for his installation. The user should read the instructions of installation
before proceeding to the use or maintenance of the equipment.
DANGER
Not following these instructions can be dangerous for the people and the equipment.
Devices that handle dangerous tensions are marked with a sticker on the front label (size: 12,5
mm). This label must be visible all the time while the module is installed on the DIN rail.
Because of the variety of uses of the product, the managers of the application and use of this
controller device will have to take the measures to the fulfillment of all the safety requirements and
provision of each application. These requirements are according to the applicable laws,
regulations, codes and standard.
Pag 5
Content
1 WEBUI – RUNTIME .................................................................................................7
2 WEBUI EDITOR .....................................................................................................31
Pag 6
1 webUI – Runtime
Content
1 WEBUI – RUNTIME .................................................................................................7
1.1 WEBAPP & WEBUI..................................................................................................9

1.2 ACCESSING WEBUI.................................................................................................9
1.2.1 USING WEBAPP & WEBUI ................................................................................9
1.3 GENERAL DESCRIPTION (RUNTIME) .......................................................................12
1.3.1 MAIN ZONES .................................................................................................12
1.3.2 SESSION INFORMATION (ZONE 1) ...................................................................12
1.3.3 GRAPHIC REPRESENTATION ZONE (ZONE 2) ...................................................14
1.3.4 LATEST ALARMS ZONE (ZONE 3) ....................................................................15
1.4 MONITORING AND CONTROL .................................................................................15
1.4.1 SCREENS .....................................................................................................15
1.4.2 ALARMS .......................................................................................................19
1.4.3 SIGNALS .......................................................................................................21
1.4.4 CHRONOLOGICAL ..........................................................................................22
1.5 TYPES OF ELEMENTS............................................................................................23
1.5.1 GRAPHIC ELEMENTS .....................................................................................23
1.6 SETTINGS TOOL ...................................................................................................29
Pag 8
1.1 webApp & webUI
SM_CPU866e supports two web-based tools for maintenance and monitoring:
• webApp: Embedded webserver interface for monitoring, maintenance & diagnostics of the
RTU. Using the configuration defined in Easergy Builder and loaded on the CPU, the user can
consult and / or change some parameters through webApp. Unlike Easergy Builder and webUI,
webApp does NOT allow to add new features (and / or screens). It can only change the
information previously included through Easergy Builder using the screens already defined in
the tool.
• webUI: Web-based graphical substation user interface. This tool is composed by two different
environments, one for design-time and another for run-time:
o webUI (Runtime): Web tool running in the RTU allowing to monitor the information
using screens which were designed by the user with Easergy Builder (webUI Add-
On).
o webUI (Add-On): Additional tool included in Easergy Builder for creation and addition
of customized webUI screens. It allows to design new screens for the configuration
loaded into the RTU or to modify the information in those screens already loaded into
the RTU.
1.2 Accessing webUI
webUI is accessible through a compatible web browser running in an OS Windows 7® or higher.

The most common browsers (Firefox and Chrome) support this tool, although only versions
supporting HTML5.
Table 5 – Web browser compatibility:
Web browser Version
Google Chrome 4.0
Firefox 3.5
Microsoft Edge Microsoft Edge 44.18362.449.0

Microsoft Edge HTML 18.18363
Internet Explorer Not compatible
1.2.1 Using webApp & webUI

Main Web Tool
There are two web-based tools available in SM_CPU866e: webApp and webUI.
By default, webApp is used as main web tool, that is, when the user writes https://< CPU IP
address> in the address bar of the web browser, the main page of webApp is shown.
Pag 9
The user can change the default landing page to webUI activating the following checkbox on the
main page of webApp:
The next time, webUI will be used as main web tool.

If the browser displays a security message when accessing the RTU, it can be dismissed to load
the website. For example, in Microsoft Edge select 'Go on to the webpage'.
Figure 1 – Security notice.
A valid username and password are required.

Figure 2 – Login window.
By default, the users granted to login in webUI are: Engineer, Installer, Operator and Viewer.
NOTICE
It is recommended to change the default passwords, and in any case, follow the security policy
applicable in each control system.
See the webApp user manual for more information about the users defined in the system and the
roles assigned to each of them.
webApp   webUI
From webApp, the user can access to webUI selecting Monitoring & control  webUI in the main
menu. A login window will be shown, and the user needs to have permission to use the webUI to
access the interface.
To go back webApp from webUI, select webApp in the menu tab available when 'Settings' button
is clicked.
The following figure represents an example of the webUI tool showing an SLD (Single Line
Diagram) screen:
Pag 10
Figure 3 – webUI.
Pan and zoom tutorial

When logging in for the first time in webUI, a window will pop up and show the pan and zoom
functionalities tutorial. As it is explained, pan is enabled by holding the left button of the mouse
clicked and moving around the screen. The mouse wheel is used to zoom in and out the screen.
Figure 4 – Tutorial message.
A double left-click will fit the view to the screen.

Figure 5 – Screen adjustment.
Pag 11
1.3 General Description (Runtime)
1.3.1 Main Zones

Once inside the webUI tool, the user can see three main zones:
Figure 6 – Description of the webUI environment.
• 1: Session Information.
• 2: Graphic representation zone.
• 3: Alarms zone.
1.3.2 Session Information (Zone 1)

This section is always visible and it indicates the connection status to the webUI server. If the
connection is active, the information displayed will be refreshed in real-time from the server
database.
Figure 7 – Session information with CPU connection:
If the connection to the webUI server is lost, this area will be shown in red and the latest valid
information retrieved from the server will be shown.
Figure 8 – Session information when the connection to the CPU is lost.
The information shown in this area is as follows:
• Customer logo: . Configurable in Easergy Builder.
• Installation name: . Configurable in Easergy Builder.

Pag 12
• Name of the equipment: . Configurable in Easergy Builder.
• Local or 'webUI' control / 'Remote control' indication. or The user

can switch between webUI and remote using the setting button explained below.
• Alarm indicator ( ). It shows in red the number of alarms produced without being
acknowledged by the operator. Clicking on the icon, the 'Page of Alarms' is shown.
• Username of the user logged in the active session: . Clicking on the

arrow, the user can logout.
• Information of the last event registered, including:

o Date and time
o Signal base message: which will depend on the event that has occurred. For
example, if it is an alarm, the base message will be START or END depending on
whether the alarm situation has been activated or deactivated.
o Description of the signal or point associated with the event.
• The current date and time are displayed:
• Settings button : This button allows the user the following actions:
Figure 9 – Settings menu.
o Go to webApp
o Visualize the interlocks information
o Activate / Deactivate alarms generation
o Activate / Deactivate pop-up windows for elements on the screens.
o Timeout action (locked command or logout)
This timeout works the following way: after five minutes from the first login, the
commands will be locked and it would be necessary to login again to be able to
execute them.
In this case, the 'webUI' text in the upper right corner of the screen will be yellow.
When logged in again, the user will be able to modify the timeout and also select if
after that time the commands will be locked or if it will automatically logout. In
addition, the 'webUI' text will be white.
The timeout can be configured in seconds, minutes or hours.
Pag 13
Figure 10 – Login after timeout
NOTICE
Only when logging for the second time and with the locked commands option checked it is
possible to modify the timeout. If the logout option is checked, it will not be possible since it will
redirect the user to the webUI login page.
o Language used in webUI.

o Information about the version of webUI
• Main menu button . This button allows the user to access the information for each available
screen, which will be shown in zone 2:
Figure 11 – Main menu button
o In the Screens option, the screens shown are configured by the editor. In this case,
there are two available screens: UNIFILAR (Single-line diagram) and Acquisition.
o Alarms page.
o Signals page.
o Chronological information
1.3.3 Graphic Representation Zone (Zone 2)

The information displayed in the graphic representation area depends on the option selected in the
main menu.
Figure 12 – Graphic representation zone.
Pag 14
The first screen in the main menu is shown by default. The order of the available screens can be
changed using Easergy Builder.
1.3.4 Latest Alarms Zone (Zone 3)

This zone shows the latest three alarms. The visual appearance of each alarm line will depend on
its status and on the user acknowledge.
• Blinking: Unknowledge alarm
• Colored according to the severity: Active alarm

Without color: Inactive alarm
Figure 13 – Alarms zone
1.4 Monitoring and Control
Use the main menu button ( ) to access the following information in Zone 2:
• Graphical interfaces or screens designed in Easergy Builder.
• Alarms page
• Signals allowed to be shown in webUI
• Chronological information
1.4.1 Screens
In the example used in this manual, two screens are available:
Figure 14 – Main menu (screens detail)
Using Easergy Builder 1.6.7.0 or later, the user can design new screen according its requirements.
All information is included in chapter 'webUI Editor' of this manual.
The most common types of screens could be:
• SLD or electrical diagrams.
• Communications.
• Local acquisition, including status of the I/O modules, CPU and SM_SER, communication
ports, voltage, etc.
Pag 15
1.4.1.1 Dynamic Elements

When a screen is selected, it is shown in the graphic representation area:
Figure 15 – Example of SLD screen
Figure 16 – Example of acquisition screen.
When webUI is started, the first screen in the list appears by default. This list can be configured in
the graphic engineering tool webUI Add-On.
More information in chapter 2 webUI Editor.
Any screen can include two different types of symbols associated to field devices:
• Informative. This type of symbol is oriented to show signal values, status information or any
other data available in BD
• Controllable Elements. The associated device in field allows to be operated.

When a symbol on the screen is selected (left clicking with the mouse), a pop-up window appears
including information about the associated signals and operation buttons if the device allows to be
operated.
Pag 16
Informative Symbols
If an element does not allow operation, when left-clicking on it, a window similar to the following
one is shown:
Figure 17 – Window of informative symbols
Where:
• Description: Descriptive text of the signal.
• Quality: Quality information based on icons. More information below.
• Value: Numerical value of the signal.
• Position: Name of the equipment where the signal comes from.
• Time: Time stamp of last value change.

Click button EXIT to close the window.
Controllable Symbols
NOTICE
Elements in field only can be operated while webUI is in Local mode.
All commands are SBO (Select Before Operate), that is, commands are executed in two phases:
• Selection
• Execution.
When the user left clicks on a controllable element, a window will be shown including operation
buttons (according the active configuration) and real-time information in coreDb.
Figure 18 – Window of controllable symbols
Pag 17
The operation button will be shown when CONTROL button is pressed. While the command is not
selected, the text 'Not selected' is shown in red.
Figure 19 – Initiating a command execution
The user needs to select CLOSED or OPEN and then to press SELECT. The status will change to
Selected:
Figure 20 – Executing a command
In order to send the command to field, button EXECUTE should be pressed.
NOTICE
For safety reasons, the Execute is not allowed until the command is selected. The user must
press buttons CONTROL, SELECT and EXECUTE to execute a command in field.
Finally, using 'Command lock' or 'Interlock' function, a command can be blocked depending on the
value of other elements in coreDb. More information in section 2.3.3.1.
1.4.1.2 Quality information

The icon displayed next to each value, provides information about the quality of the status or value
shown. This information is shown too in the Signal list for each signal.
The quality icon information is associated to a hexadecimal value and it is calculated based on a
combination of each quality bit. Other data to be considered is the status Local or Remote.
The table below shows the possible quality values associated to a signal:
Table 1 - Quality information.
Text Quality
Description
Icon
Local Source Quality
Overflow An overflow has occurred on a counter.
Rollover An overflow and an automatic reset have occurred on a

counter.
Counter adjustment The counter has been adjusted.
Chatter Excessive change on a digital input.
Blocked The data item is locked.
Pag 18
Text Quality
Description
Icon
Manual The data item has been manually replaced.
Not topical The data item has not yet been written to the database.
Invalid data Data item is invalid.
Critical alarm The value of the data item has exceeded the High-High alarm
threshold.
High level alarm The value of the data item has exceeded the High alarm
threshold.
Low level alarm The value of the data item is below the Low alarm threshold.
Signal alarm The value of the data item is below the Low-Low alarm
threshold.
Invalid time The data item timestamp is invalid or inaccurate (the CPU is
not synchronized by a source)
Local Source Quality
Overflow An overflow has occurred on a counter.
Rollover An overflow and an automatic reset have occurred on a

counter.
Counter adjustment The counter has been adjusted.
Chatter Excessive change on a digital input.
Blocked The data item is locked.
Substituted data The data item has been manually replaced.
Not typical The data item has not yet been written to the database.
Invalid data Data item is invalid.
Invalid time The data item timestamp is invalid.
1.4.2 Alarms
Selecting button  Alarms, the alarm page is shown. In this list are included:
• Acknowledged active alarms.
• Unacknowledged active alarms.
• Unacknowledged inactive alarms

Figure 21 – Alarms page
Pag 19
The color of the alarm is configurable in Easergy Builder. More information in paragraph 2.4.2 .
The alarms are always ordered by the column 'Timestamp'. The arrow next to it can be used to
show most recent or oldest first.
For each signal the following information is displayed:
• TIMESTAMP: Date and time associated to the alarm.
• VALUE: Value of the signal. For digital signals, the value is shown in text format, and for
analog signals the numerical value is used.
• QUALITY: Signal quality.
• B1: The text indicated in this column will be applied to the engineering field B1 assigned to the
point in the webUI configuration.
• ELEMENT: The text indicated in this column will be applied to the Engineering Element field
assigned to the point in the webUI configuration.
• INFO: Information of the alarm status.

The information shown in the previous fields is configured for each signal in the page 'Realtime
configuration' of Easergy Builder webUI Add-Ons as follow:
• VALUE: Text included in field A0 label, A1 label, A2 label or A3 label according to the signal
value (0, 1, 2 or 3).
• B1, B2 and B3: Texts including in columns B1, B2 and B3 respectively.
• ELEMENT: Text included in the column Element.
• INFO: Text included in the column Info.

More information about alarm configuration in paragraph
A filter tool is available clicking on the button '+' next to the text 'Alarms: Filters'.
Figure 22 – Filters for alarm information
While the user introduces a value in a field the information is filtered automatically in the list.
Using the check box 'Not recognized', only unacknowledged alarms are included in the list.
Alarm information can be downloaded to a file called 'Alarmas.csv' which can be imported into a
commercial tool, for example Microsoft Excel®.
For more information about alarms configuration, please see section 2.3.1.1.
Pag 20
1.4.3 Signals
Select button  Signals to access the information of signals in coreDb. The order of the list is
the same as in coreDb.
Figure 23 – List of signals in database
This list includes only the signals that have been marked as Enabled in the Realtime Configuration
screen in Easergy Builder. More information in paragraph 2.3
• Timestamp: Date and time of the last change of value or quality.
• Value: For status and command points, label assigned in Easergy Builder to the current value
of the signal. This label is set in the Realtime Configuration window in Easergy Builder. If no
label has been assigned, the test NA (not apply) is shown. For analog and setpoint, this field
shows the current value of the signal. More information in section 2.3 .
• Quality: Quality information.
• Point name: Signal name in coreDb.
• Position: Source device of the information associated with the signal (field Source Device).
• Source: Coordinates of the signal in coreDb (field Source Coordinates).
• Description: Brief description of the signal (field Description in coreDb).

Activating 'Engineering' check box shown the engineering information associated to each signal:
Figure 24 – List of signals in database with engineering information.
Engineering values in this pictures have been created only for this user manual purpose. This
values must be configured according its engineering purpose in the substation.
Pag 21
• Element: The text indicated in this column will be applied to the Engineering Element field
assigned to the point in the webUI configuration.
• Info: The text indicated in this column will be to know what the corresponding signal does.
This information in configured in the Realtime Configuration window too.
1.4.4 Chronological
Select button  Chronological to access the chronological information as follows:
Figure 25 – Chronological events
The Chronological window shows all events that occur in the system, ordered by the timestamp,
being the first record in the list the most recent.
The number of events in the list will depend on the depth marked in the SOE configuration in
Easergy Builder. More information in the user manual of this tool.
• Timestamp: Date and time of last value or quality change.
• Value: For status points, this field shows the label assigned in Easergy Builder to the value of
the signal. This label is set in the Realtime Configuration window in Easergy Builder. If no label
has been assigned, the test NA (not apply) is shown. For analog and setpoint, this field shows
the current value of the signal. More information in section 2.3.
• Quality: Signal quality.
Pag 22
• Bx: The text indicated in this column will be applied to the engineering field Bx assigned to the
point in the webUI configuration. This field is only for labeling purpose. The user defines how
they are used to identify the element. For example:
o B1: Substation name.
o B2: Zone.
o B3: Position.
• Element: Name of the element on the control window.
• Info: Description of the element on the control window.

There is an option to download the chronological record of events by clicking on the blue download
button.
Clicking on the text 'Filters', signals can be filtered by timestep, B1, B2, B3, element and info. It is
also possible to filter by the type of signal, monitoring and/or control.
Figure 26 – Filtering information of events.
1.5 Types of Elements
1.5.1 Graphic Elements

Graphical windows of webUI are designed in Easergy Builder using graphical object. Each
graphical object has associated its properties and a predefined behavior. Following paragraphs
offer detailed information about the type of elements that can be found in webUI.
1.5.1.1 Types of Graphic Elements

The following table shows all type of dynamic elements which can be included in webUI screens.
In runtime, the color of the symbol is associated to the voltage level of the line which it is included
(main, second of third). The colors of these voltage lines are configured in Easergy Builder for each
screen in the properties windows. More information in following chapter of this manual.
Switchgear
Table 2 – Switchgear symbols
Name Symbol Description
Bar or line Voltage line. It can represent a main, second or third voltage level.
Shunt The connection of two voltage lines is shown as a circle.
Line Output Final of a voltage line.
Switch This symbol represents the status of a switch. It is associated to a coreDb status
signal, single or double. If not signal is associated to the symbol, it will be shown
as ERROR.
Error.
Double signals  Value 0, single signals  N/A.
Pag 23
Open.
Double signals Value 1, single signals  Value 0
Close.
Undetermined.
Breaker This symbol represents the status of a breaker. It is associated to a coreDb
status signal, single or double. If not signal is associated to the symbol, it will be
shown as ERROR.
Error.
Open.
Close.
Undetermined.
Transformer This symbol represents a binary transformer. Each circle has the
color of the line from which it feeds.
Tertiary This symbol represents a tertiary transformer. Each circle has the
transformer color of the line from which it feeds.
Removable This symbol represents the status of a removable switch. It is associated to a

Switch coreDb status signal, single or double. If not signal is associated to the symbol, it
will be shown as ERROR.
Error.
Open.
Close.
Undetermined.
Grounding This symbol represents a ground connection.
Reactance This symbol represents a reactance.
Capacitor This symbol represents a capacitor bank.

bank
Pag 24
Status and Indications

Table 3 – Status and indication symbols
Link line It is linked with a double status signal in coreDb. The color of
the line if configured in Easergy Builder according the signal
value.
Local cell This discontinued line is shown only when the value of the
signal is 1. It is hidden for other values.
Transferred Icon indicating if the control has been transferred or not.

Command
Value of the linked signal is 0.
Indication
Value of the linked signal is 1.
Automatic It shows the status of the transformer according to a status signal in coreDb.
transformer
Automatic. Value of the linked signal is 0.
regulation
Manual. Value of the linked signal is 1.
Parallel It shows the status of the parallel transformer regulation according to a status
Transformer signal in coreDb.
Regulation
Activated. Value of the linked signal is 0.
Deactivated. Value of the linked signal is 1.
Switch Lock It is shown the status of the switch when it is lock by maneuver.
by Maneuver
Automatic. Value of the linked signal is 0.
Manual. Value of the linked signal is 1.
Level 2 It is shown the status of the level 2 command.

command
status
Reclosing Status of the recloser.
status
Service. Value of the linked signal is 0.
Locked. Value of the linked signal is 1.
Off. Value of the linked signal is 2 or 3.
Relay 86 This symbol is shown only when the value of the signal is 1. It
status is hidden for 0.
Coupler Status of the coupler.
status
Selected. Value of the linked signal is 0.
Not selected. Value of the linked signal is 1.
Active. Value of the linked signal is 2 or 3.
Voluntary Status of the voluntary auto trigger.

auto trigger
Selected. Value of the linked signal is 0.
Pag 25
Not selected. Value of the linked signal is 1.

Active. Value of the linked signal is 2 or 3.
Local mode This symbol is shown only when the value of the signal is 1. It
selector is hidden for other values.
Internal If any internal alarm is active, the 'AI' symbol will be displayed.
alarm Click on the symbol to open a window showing the active
alarms.
Local alarm If there is any active alarm associated to the Substation, the
'AL' symbol will be displayed in red next to it. Click on the
symbol to open a window showing the active alarms that
caused the object to appear.
Lock Status of a lock.
indication
Unlocked. Value of the linked signal is 0.
Locked. Value of the linked signal is 1.
Integral Status of the CCS.

Control
Online. Value of the linked signal is 0.
System
status
Backup. Value of the linked signal is 1.
Anomaly. Value of the linked signal is 2 or 3.
Dynamic Dynamic text according to the value of a signal.

Text
Text for value 0 with assigned color.
Rectangular Status of the actuator. The color will be shown according the configuration.
actuator
Rectangle with assigned color for value 0.
Circular Status of the actuator. The color will be shown according the configuration.
actuator
Circle with assigned color for value 0.
Pag 26
Measures
Several types of predefined measurements are available to be included in the webUI screens.
Some properties of these values (font, size, associated text …) can be changed using Easergy
Builder as in explained in the following chapter of this manual.
The color associated to the value only can be configured for Analog Values and not for any other.
Each measure needs to be linked to a coreDb signal and its value will be shown in real-time in
webUI. The following list includes the predefined types with the default use:
• Analog value. Generic analog value without measurement unit. If necessary a label must be
defined to show the measurement unit. Color: White.
• Voltage. Voltage measurement. Measurement unit: kV. Color: Blue.
• Current. Current measurement. Measurement unit: A. Color: Red.
• Frequency. Frequency measurement. Measurement unit: Hz. Color: Gray.
• Active power. Active power measurement. Measurement unit: MW. Color: Green.
• Reactive power. Reactive power measurement. Measurement unit: MVAr. Color: Yellow.
Devices and Equipment

webUI allows to design an acquisition screen including information of the devices. The following
table includes the device types available and the information shown for each one. The information
shown for each module must be correctly linked to the status signals in coreDb. More information in
the following chapter of this manual.
In following pictures, green color  OK, red color  A problem has been detected in the element.
Table 4 – Information about devices and equipments
Device Symbol Information
SM_CPU866e The following information is shown:

and • Synchronization status.
SM_CPU866
• COM ports status.
• ETH ports status.
Information of USB (only for SM_CPU866e) and
CONSOLE status are not available.
Pag 27
SM_DI32 LEDs DIA and RUN are shown.

SM_DO16R
SM_DO32T
SM_SER Communication status of the module and of each

communication port.
SM_PS The information of the PS module is:

• Status of the power input
• Voltage level in V.
Pag 28
1.6 Settings Tool
Using the setting tool ( ) it is possible to:
• Restart the CPU or change the status between local and remote.
• Go to webApp.
• Manage interlocks
• Activate / Deactivate sound for alarms
• Activate / Deactivate pop-up windows of the dynamic elements on the screens.
• Change the default language of webUI.
• To have information about the current webUI.

Figure 27 – Settings tool
System
Using System option, the following window is shown:
Figure 28 – System operations.
Press RESET to reboot the CPU or CHANGE L/R STATE to change between local and remote
control of the RTU.
WARNING
Have in account that when RESET button is used the RTU is rebooted immediately, not
confirmation is required.
After the button is pressed, the text Correct (green) or Error (red) is shown depending on the
operation was successfully executed or not.
NOTICE
To be able to use these buttons, the following signal must be defined in coreDb:
• For Local / Remote button: Table: Status, Name of the signal: Local_Mode (any other name
is valid), Source: supervision device, Coordinate: LOCAL:W.
• For Reset button: Table: Command, Name of the signal: Reset_RTU (any other name is
valid), Source: supervision device, Coordinate: RESET_RTU.
Both signal must be configured as Enable in Realtime configuration window in Easergy Builder.
More information in following chapter.
Pag 29
Interlocks
To access the list of interlocks defined in webUI, select button  Interlocks.

Figure 29 – interlocks in webUI
More information about how interlocks can be modified or created in paragraph 2.3.3.1.
Preview
Used to enable or disable a screen preview pop-up on the elements. When enabled, a screen will
be displayed if the cursor is placed over an element.
Figure 30 –Pop-up windows enabled
Figure 31 –Pop-up windows enabled
Language
Four language are available for webUI.
Figure 32 – Languages.
Pag 30
2 webUI Editor
Content
2 WEBUI EDITOR .....................................................................................................31
2.1 WEBUI DESCRIPTION ............................................................................................33

2.2 SCREEN CONFIGURATION .....................................................................................34
2.2.1 WEBUI CONFIGURATION (ZONE 1) ..................................................................34
2.2.2 SCREENS MANAGER (ZONE 2) .......................................................................38
2.2.3 SCREEN DISPLAY (ZONE 4) ...........................................................................38
2.2.4 GRAPHIC OBJECTS (ZONE 3) .........................................................................38
2.3 REALTIME CONFIGURATION ..................................................................................47
2.3.1 STATUS POINT ..............................................................................................48
2.3.2 ANALOG POINTS ...........................................................................................49
2.3.3 COMMAND POINTS ........................................................................................50
2.3.4 SETPOINT POINTS .........................................................................................51
2.4 WEBUI CONFIGURATION (ZONE 5) .........................................................................51
2.4.1 WEBUI PARAMETERS.....................................................................................52
2.4.2 ALARM LEVELS .............................................................................................52
Pag 32
2.1 webUI Description
The webUI Editor is designed as an Add-On included in the Easergy Builder configuration tool.
In the Configuration environment of Easergy Builder, on the main menu, select Add-Ons  webUI
Configuration. If this option is not available, install the plugin 'webUI_SPlugin.msi' supplied by the
Easergy Builder installation package.
webUI configuration for Easergy Builder completes the functionality of Easergy Builder with the
necessary functions to perform the configuration of the embedded webUI system. This tool offers a
series of windows and functions to allow the monitoring and control of the system.
With these considerations, webUI Configuration for Easergy Builder allows to configure the screens
included in the system, as well as the graphical objects that will be represented in each of them.
Figure 33 – webUI Editor.
The webUI Editor is shown as one more tab in Easergy Builder (marked in blue in the figure
above).
This window has five different areas:
• Zone 1: A toolbar that includes a series of buttons with the following features:
o Show or hide the different areas of the editor.
o Show and hide the design grid.
o Manage and use the graphical display repository.
o Access to the editing help tools (object alignment).
o Preview the selected screen.
• Zone 2: Name and description of the screens created in the system, presented in a
hierarchical way.
• Zone 3: Tree of graphic objects available to be used on the screens.
• Zone 4: Editor area, where the user can design the aspect that will show in real time the
screen selected in zone 2.
• Zona 5: Configuration area, where configure screens, the database, and settings.
Pag 33
2.2 Screen Configuration
2.2.1 webUI Configuration (Zone 1)

webUI Editor allows the creation of new screens, which will be available in the web interface when
it connects to the CPU. When creating them, the screens will be empty, to allow the user to set the
design that is necessary, based on the library of the different engineering elements available (Zone
3).
The following buttons are available:
• Show/Hide screen list (Zone 2) 
• Show/Hide the list of available items (Zone 3) 
• Show / Hide the drawing grid (Zone 4) 
• System identification 
• Add new screens 
• Delete the screen selected in the list 
• Importing a screen from the repository. See 2.2.1.5 section. 
• Include the selected screen in the repository. See 2.2.1.5 section. 
• Access the repository for administration 
• Aligns the left side of the selected figures 
• Aligns the upper side of the selected figures 
• Aligns the right side of the selected figures 
• Aligns the bottom side of the selected figures 
• Aligns the selected figures vertically 
• It lines up the selected figures horizontally 
• It joins the selected figures horizontally 
• Shows the screen and its schema 
2.2.1.1 System Identification

Clicking on button , the following window is shown:
Figure 34 – System identification editor
Pag 34
• Introduce installation/substation name.
• Introduce Equipment name.
• Logo or image to be shown in runtime. Only PNG files are allowed.
2.2.1.2 Create a Screen

To create a new screen, press the button or right click on zone 4 and configure each parameter
of the new screen.
Figure 35 – New screen configuration window
Where:
• Background color: Color to be applied to the screen background.
• Description: Description of the new screen.
• Main voltage color: Color that will be applied to the main voltage elements.
• Screen schema: This scheme determines the final image of the screen to the user,
determining the visual environment in which the screen will be presented in the webUI. By now,
only 'General scheme' is available..
• Name: Screen name.
• Secondary voltage color: Color for the secondary voltage elements.
• Size: determines the total size of the screen, indicating the width and height in pixels.
• Tertiary voltage level: Color for the third voltage elements.
WARNING
Changing any of the voltage levels will cause the switchgear objects included on the screen to
update their color to reflect the new configured voltages.
Press confirmation button and the new screen will be included in the list.
Pag 35
Figure 36 – New screen
2.2.1.3 Deleting a Screen

To remove a screen from the list, select it and press the button . A window will be displayed to
confirm the operation or not:
WARNING
Be careful removing screens because this operation cannot be undone.
2.2.1.4 Screen Organization

The user can control the order in which the screens are displayed in real time. The order in webUI
coincides with the order in which they appear in Easergy Builder:
If the order changes in Easergy Builder, the order in webUI changes too.
NOTICE
The first screen in the list will be shown by default in webUI.
Pag 36
2.2.1.5 Screen Repository

This repository stores a set of screens that can be reused in other configurations. New screens can
be added to this repository for future use.
Screens are grouped according to the system requirements. These groups are created and
managed by the user.
To access the screen repository, press the button :

Figure 37 – Screen repository
To include a screen in the repository, it is mandatory to select a group of screens. To create a

group, use the following button in the screens repository window:
If at least one group exists, a screen can be selected and store it using button .
Figure 38 – Selecting screen group for the repository
Using button , a screen can be included in the current project.

Figure 39 – Including a screen in the repository
Pag 37
2.2.2 Screens Manager (Zone 2)

Use the window at left to navigate between project screens.
Figure 40 – Screen manager window
Using this tool it is possible to:
• Copy items from a screen to another 
• Change the order of the screens in the tree 
2.2.3 Screen Display (Zone 4)

This zone is dedicated to show each screen designed with Easergy Builder and the information that
will be refreshed in real time.
Figure 41 – Screen edition zone
2.2.4 Graphic Objects (Zone 3)

The main webUI configuration zone contains a tree of graphic objects where the objects included in
the loaded library are presented. Using these objects, new graphic elements can be added to the
active screen.
To do this, select an object type on the tree (it will be highlight in blue) and drag and drop on the
screen. When the object is located on the screen, clicking right-button, its properties can be
changed according to the requirements of the project.
Following sections show the available properties for dynamic and static objects. The most of them
are common for all object types and only some object types could have particular properties which
are explained below too.
Pag 38
Common Properties for Graphic Objects

The following table includes properties that can be found in the most graphic object of webUI.
Table 6 – Usual properties of graphic objects
Fields Description
Height Height of the object in pixels. This value can not be changed directly. It is recalculated
when Width is changed.
Width Width of the object in pixels.
X Position in the horizontal axis (in pixels). Position X=0 corresponds with the first column of
pixels at left of the screen.
Y Position in the vertical axis (in pixels). Position Y=0 corresponds with the highest row of
pixels on the screen
Command Name of the signal in coreDb associated to the control of the dynamic object. This field is
only available when the graphic element allows to be controlled.
Description Brief description of the object type.
Rotate False  the object is shown by default as it was defined.
True  The object is shown with a rotation of 180º in the vertical axis.
Color Color to be used for the object.
Some objects allow to configure color for:
• Different values of the associated signal.
• Type of voltage: main, secondary and tertiary. (for screens)
Signal For status signals, each value of the single or double signal is shown with a symbol or
color.
For analog signals, the current value of the signal will be shown.
More information about different symbols for each object in paragraph 1.5.1
Vertical False  the object is shown by default as it was defined.
True  The object is shown with a rotation of 180º in the horizontal axis.
Voltage level This field allows to configure the voltage level of the object: Main, Secondary or Third.
This voltage level will determine the color of the object in real-time, according the
configuration of the screen.
Following picture shows the screen properties window, where Main voltage color,
Secondary voltage color and Tertiary voltage color are configured.
Letter Font Font type to be shown.

Letter size Font size to be shown.
Pag 39
Switchgear
This section will explain particular properties for each switchgear object.
Table 5 – Configuring switchgear objects
Bar or line To include a line on the screen, select 'Bar or line', then, with a click, mark
each section (or shunt) of the line. At the end of the line, double click and the
line will be shown, and its properties can be edited, selecting the line and
clicking right button.
New shunts can be added in an existing line.
Particular properties for lines are:
• Line style: Solid, Dash, Dot or Dash and dot.
• Line width, in pixels.
• Voltage level.
Shunt Connection of different lines.
There are not particular properties for shunt objects.
Line Output Final of a voltage line.
There are not particular properties for shunt objects.
Switch Switch device.

This element could be controlled or not depending on is interlocks have been
defined.
Breaker Breaker device.
This element could be controlled or not depending on is interlocks have been
defined.
Transformer Binary transformer. Each circle has the color of the line from which it feeds.
Two voltage level must be configured for this element.
Tertiary This symbol represents a tertiary transformer. Each circle has the color of the
transformer line from which it feeds.
Two voltage level must be configured for this element.
Removable Removable device.
switch This element could be controlled or not depending on is interlocks have been
defined.
Grounding Ground connector for a voltage line.
Reactance Reactance for a voltage line.
Capacitor bank Capacitor bank for a voltage line.
Pag 40
Status and Indications

Table 6 – Configuring status and indications
Link line Line for link. This line is linked to a status signal in coreDb. The color for
values 0, 1, 2 and 3 must be defined.
Default color: White.
Local cell A local cell is linked to a status signal in coreDb and the cell is shown only
when the value of the signal is 1.
The color can be configured. Default: Yellow.
Transferred Icon indicating if the control has been transferred or not.
Command
Indication
Automatic Icon indicating the status of the transformer regulation (automatic or

Transformer manual). It must be linked to a single status signal.
Regulation Using the command field in its properties window, the element can be
changed between both states.
Parallel Status of the parallel transformer regulation according to a status signal in
Transformer coreDb.
Regulation Using the command field in its properties window, the element can be
changed between both states.
Switch Lock by Status of the switch when it is lock by maneuver. This element must be
Maneuver linked to a single status signal. The text and color of the symbol depend
on the value of the signal: 0 BD BLOCK;Red, 1  BD_DESBL;Green.
Level 2 Status of the Level 2 command
command
status
Reclosing Status of the recloser. This element must be linked to a double status
status signal. The text and color of the symbol depend on the value of the signal:
0 R_SERV;Green, 1  R_BLOQ;Yellow, 2 and 3  R_OFF;Red.
Relay 86 status Status of an 86 relay. The number of the relay is shown in the label and it
is configured in the property 'Relay number'.
Coupler status Status of the coupler. This element must be linked to a double status
signal. The text and color of the symbol depend on the value of the signal:
0 TC_SEL;Yellow, 1  TC NOSEL;Green, 2 and 3  TC_ACT;Red.
Coupler status Status of the coupler. This element must be linked to a double status
signal. The text and color of the symbol depend on the value of the signal:
0 TV DESC;Yellow, 1  TV CONNECT;Green, 2 and 3  TV OFF;Red.
Local mode This symbol is visible when the local mode is active. It is associated to a
selector single status signal in coreDb.
Internal alarm Symbol used to inform about internal active alarms.
Local alarm Symbol used to inform about active alarms associated to the substation.
Lock indication Status of a signal indicating a lock. This element can be linked to a
command to change between lock and unlock.
Integral Control Status of a CCS. The number of the CCS is shown in the label and it is
System status configured in the property 'CCS'.
Dynamic Text Dynamic text according to the value of a signal. Use Color and Text fields
to design the symbol. It will be highlight when the signal value is 0 and
gray when it is 1.
Pag 41
Rectangular Colored rectangle according to a signal. The color of the symbol can be
actuator configured in properties State 0, State 1, State 2 and State 3. White by
default for all values.
This symbol can be used for control using the Command field.
Circular Colored circle according to a signal. The color of the symbol can be
actuator configured in properties State 0, State 1, State 2 and State 3. White by
default for all values.
This symbol can be used for control using the Command field.
External Link It determines an active area on the screen that will act as a link to an
button external site.
The invisible button will be the square inside the rectangle.
Measures
Several types of predefined measurements are available to be included in the webUI screens.
Some properties of these values (font, size, associated text …) can be changed using the
properties windows.
Figure 42 – Measurement properties window
The color associated to the value only can be configured for Analog Values and not for any other.
Figure 43 – Analog measurement properties window
Pag 42
Each measure needs to be linked to a coreDb signal and its value will be shown in real-time in
webUI. The following list includes the predefined types with the default use:
• Analog value. Generic analog value without measurement unit. If necessary a label must be
defined to show the measurement unit. Color by default: White.
This type of symbol can be used for control using the field Command.
• Voltage. Voltage measurement. Measurement unit: kV. Color: Blue.
• Current. Current measurement. Measurement unit: A. Color: Red.
• Frequency. Frequency measurement. Measurement unit: Hz. Color: Gray.
• Active power. Active power measurement. Measurement unit: MW. Color: Green.
• Reactive power. Reactive power measurement. Measurement unit: MVAr. Color: Yellow.
Devices and Equipment

webUI allows to design an acquisition screen including information of the devices. The following
table includes the device types available and the information shown for each one. The information
shown for each module must be correctly linked to the status signals in coreDb. More information in
the following chapter of this manual.
In following pictures, green color  OK, red color  A problem has been detected in the element.
Table 7 – Information about devices and equipments
SM_CPU866 The configuration for SM_CPU866 includes serial ports, ethernet

ports and synchronization status. Signal in coreDb and Name of
the port must be indicated and separated by semicolon. The text
in field Name will be used in runtime.
Pag 43
SM_CPU866e The configuration for SM_CPU866 includes serial ports, ethernet

ports and synchronization status. Signal in coreDb and Name of
the port must be indicated and separated by semicolon. The text
in field Name will be used in runtime.
SM_DI32 The configuration for these modules is the same. Supervision

SM_DO16R signals for each module must be used.
SM_DO32T
Pag 44
SM_SER Each communication port of this module can be linked to a list of

signals. The text shown in real-time will be a string with all
concatenated texts.
For each communication port, select the list of the status signals:
More information in next paragraphs..

SM_PS For SM_PS modules, the following supervision signals must be
used:
Pag 45
SM_AI16 The configuration for these modules is the same. Supervision

SM_AI8AO4 signals for each module must be used.
Data Object Selection

Graphic objects may require the configuration of a status signal and/or an actuation command.
These signals and commands correspond with status and command points of coreDb.
Figure 44 – Signal
This window shows the set of points registered in the database, according to the type of point
selected in the upper selection box. Select a point type and click on the apply button to display the
points.
List of Connected Signals

Certain Saitel DP modules, such as SM_SER, have several communication ports to which multiple
communicated equipment can be connected. Each communicated device, identified by a name,
has a signal that allows to determine its communication status. These lists of equipment/signals
can be configured from the equipment configuration properties in Commix, for example.
These properties have an editor, available by clicking on the button next to the property in the
object configuration window, from which it can configure the connected equipment, as shown in the
following image:
Pag 46
Figure 45 – Connected signals list
2.3 Realtime Configuration
This tab allows configure the coreDb points that will be managed by the webUI, indicating for each
of them the special characteristics that configure them.
The presentation is divided in four tabs, Status, Analog, Command and Setpoint. Each tab presents
the list of points of the indicated type registered in the coreDb.
For each coreDb signal to be managed by webUI, the field Enabled for this signal must be
checked.
Following pictures show how signals between WARN_PS1 and FAIL_PS1 are not shown in the
Signal page of webUI:
Figure 46 – Configuration of signals in webUI
Figure 47 – Signals in webUI
Pag 47
2.3.1 Status Point

For each enabled point, the following parameters can be configured:
• Name: Signal name.
• Description: Signal description.
• Alarm mode: Indicate if the point generates alarms or not. It is possible to select the alarm
level that applies to it. See section 2.4.2 for more details.
• Point type: point type indicator. There are two types of points:
o SP: Single point. The value of the associated signal can be 0 or 1.
o DP: Double point. The value of the associated signal can be 0, 1, 2 or 3.
• B1, B2, B3, Element e Info: texts associated to the engineering information of the points.
• A0 label: Text to be shown when the value of the signal is 0.
• A2 label: Text to be shown when the value of the signal is 2 (double status signals).
• A3 label: Text to be shown when the value of the signal is 3 (double status signals).
2.3.1.1 Alarm
Each status signal configured in the webUI can be configurated to generate alarms for a specific
value or when the value change.
When a status signal is marked as Enabled, by default, Alarm mode field is None, that is, no alarm
will be generated for this point.
To configure a status point to generate alarms, press on the field Alarm mode. For example:
Figure 48 – Configuring D001_00002 for alarms
The following window is shown:

Figure 49 – Alarm configuration window
Alarm Condition
In field Alarm mode, select the signal value for which the alarm will be activated.
• None: No signal value will generate alarm.
• On: An alarm will be activated when the signal is ON. Depending on the Point type, single (SP)
or double (DP), the alarm will be activated when the signal value is 1 (SP and DP).
Pag 48
• Off: An alarm will be activated when the signal is OFF. Depending the Point type, 0 for SP or 2
for DP.
• Both: Any value of the point will activate an alarm.
Alarm Level
In field Alarm level, select the level of the alarm to be generated.
Only Default level is available by default. Press button in order to create new levels or edit any
of them:
Use button in this window to create new alarm levels. The following information must be
configured:
• Active color: Color of the row in the Alarm list. While the alarm is active, the alarm will be show
with this color (blinking or not depending of if it was acknowledged or not).
• Inactive color: Color when the alarm was deactivated but not acknowledged.
• Label: Name of the alarm level.

For example, this windows show tree new alarm levels:
Figure 50 – Configuration of alarm levels
2.3.2 Analog Points

For each enabled analog point, the following parameters can be configured:
• Point type: point type indicator.
• B1, B2, B3, Element e Info: text fields for engineering information.
Pag 49
2.3.3 Command Points

For each enabled command point, the following parameters can be configured:
o SC: Single command. When this type of point is used, the element can be changed
between 0 and 1
o DC: Double command. When this type of point is used, the element can be changed
between 0, 1, 2 and 3
• Locks: this column gives access to the configuration of the locks applied to the execution of
the command.
2.3.3.1 Command Locks

For each command configured in the webUI system locks can be associated, so that the execution
of the command is only possible if all locks are deactivated.
This configuration can be accessed from the command view of the webUI real-time configuration,
by pressing the button in the column Locks of the command point.
Figure 51 – Locks
To configure locks for a command, press button in field Locks of the point. For example, for
command D002_00014 the following window is shown:
Figure 52 – Command lock editor
Any signal enabled for webUI can act as lock of a command. For each signal is indicated the value
that acts as a lock (Lock value), and the value to lock the command (Exe. Command).
Pag 50
In the previous picture, command D002_00014 is blocked by the signal D001_00000. The device
linked to the command D001_00014 can be closed nor open when D001_00000 is 0.
It is possible to remove a lock of the list using button . The application requests a confirmation
and the lock will be removed.
To add a new lock, click on the and the following window will appear:
2.3.4 Setpoint Points

For each enabled point the following parameters can be configured:
o SCA: Single command.
o DCA: Double command.
• Locks: this column gives access to the configuration of the locks applied to the execution of
the command, more information in paragraph 2.3.3.1. It indicates whether the command is
locked or not according to the value of the associated signal.
2.4 webUI Configuration (Zone 5)
From the general configuration menu, presented in the following screenshot, configuration
functions that apply to the whole webUI can be accessed.
Figure 53 – webUI Configuration
Click on the arrow to the right of the red squared icon to have access to the following available
options.
Pag 51
2.4.1 webUI Parameters

This option allows to set the parameters that are being used in the configuration.
Figure 54 – webUI Parameters
Where:
• Alarm enabled: Indicates whether the active alarm signal will be activated in the webUI
system.
• Decimal count: Number of decimals with which the analog values will be presented.
• Fleeting alarms enabled: Indicates whether the fleeting alarms will be presented to the user
in the webUI views.
• Local lock enabled: Indicates whether the management of the local control block will be
available from the webUI.
• Short event log enabled: Indicates whether the short event log is available in the system.
2.4.2 Alarm Levels

This webUI Configuration option allows to configure the alarm levels that will be managed by the
webUI and that will determine how the alarms will be presented to the user.
Each alarm level has a customizable set of colors to be presented as active or non-active alarms. It
is possible to identify the signals that will be treated as alarms and assign them alarm levels. webUI
will present each alarm using the set of colors associated for each level.
Figure 55 – Alarm level configuration
This window shown a list of the available alarm levels allowing:
Pag 52
• Create new alarm levels (button ). Clicking on this button, a new level is added to the list .
• Delete existing alarm levels (button ). Select the alarm level to be removed and click on this
button. The application requests a confirmation.
For each alarm level, the following values can be configured:
• Label: Short text identifying the alarm level.
• Description: Descriptive text of the alarm level.
• Active Color: color that will be used by the webUI to present the active alarms of those points
to which the level is assigned.
• Inactive Color: color that will be used by the webUI to present the inactive alarms of those
points to which the level is assigned.
Once the changes have been made, click on the to confirm the operations, or button to
discard changes.
Pag 53
Index of figures
Figure 1 – Security notice. ..........................................................................................................................................10
Figure 2 – Login window. ............................................................................................................................................10
Figure 3 – webUI. .......................................................................................................................................................11
Figure 4 – Tutorial message. ......................................................................................................................................11
Figure 5 – Screen adjustment.....................................................................................................................................11
Figure 6 – Description of the webUI environment. .....................................................................................................12
Figure 7 – Session information with CPU connection: ...............................................................................................12
Figure 8 – Session information when the connection to the CPU is lost. ...................................................................12
Figure 9 – Settings menu. ...........................................................................................................................................13
Figure 10 – Login after timeout ...................................................................................................................................14
Figure 11 – Main menu button ....................................................................................................................................14
Figure 12 – Graphic representation zone. ..................................................................................................................14
Figure 13 – Alarms zone .............................................................................................................................................15
Figure 14 – Main menu (screens detail) .....................................................................................................................15
Figure 15 – Example of SLD screen ...........................................................................................................................16
Figure 16 – Example of acquisition screen. ................................................................................................................16
Figure 17 – Window of informative symbols ...............................................................................................................17
Figure 18 – Window of controllable symbols ..............................................................................................................17
Figure 19 – Initiating a command execution ...............................................................................................................18
Figure 20 – Executing a command .............................................................................................................................18
Figure 21 – Alarms page ............................................................................................................................................19
Figure 22 – Filters for alarm information .....................................................................................................................20
Figure 23 – List of signals in database .......................................................................................................................21
Figure 24 – List of signals in database with Engineering information. .......................................................................21
Figure 25 – Chronological events ...............................................................................................................................22
Figure 26 – Filtering information of events. ................................................................................................................23
Figure 27 – Settings tool .............................................................................................................................................29
Figure 28 – System operations. ..................................................................................................................................29
Figure 29 – interlocks in webUI ..................................................................................................................................30
Figure 30 –Pop-up windows enabled .........................................................................................................................30
Figure 31 –Pop-up windows enabled .........................................................................................................................30
Figure 32 – Languages. ..............................................................................................................................................30
Figure 33 – webUI Editor. ...........................................................................................................................................33
Figure 34 – System identification editor .....................................................................................................................34
Figure 35 – New screen configuration window ...........................................................................................................35

Pag 54
Figure 36 – New screen ..............................................................................................................................................36
Figure 37 – Screen repository ....................................................................................................................................37
Figure 38 – Selecting screen group for the repository ...............................................................................................37
Figure 39 – Including a screen in the repository.........................................................................................................37
Figure 40 – Screen manager window .........................................................................................................................38
Figure 41 – Screen edition zone .................................................................................................................................38
Figure 42 – Measurement properties window ............................................................................................................42
Figure 43 – Analog measurement properties window ................................................................................................42
Figure 44 – Signal .......................................................................................................................................................46
Figure 45 – Connected signals list .............................................................................................................................47
Figure 46 – Configuration of signals in webUI ............................................................................................................47
Figure 47 – Signals in webUI ......................................................................................................................................47
Figure 48 – Configuring D001_00002 for alarms .......................................................................................................48
Figure 49 – Alarm configuration window ....................................................................................................................48
Figure 50 – Configuration of alarm levels ...................................................................................................................49
Figure 51 – Locks .......................................................................................................................................................50
Figure 52 – Command lock editor ..............................................................................................................................50
Figure 53 – webUI Configuration ................................................................................................................................51
Figure 54 – webUI Parameters ...................................................................................................................................52
Figure 55 – Alarm level configuration .........................................................................................................................52
Pag 55
Index of Tables
Table 1– Reference Documents: .................................................................................................................................. 2
Table 2 – Software versions: ........................................................................................................................................ 2
Table 3 – Hardware / Software Compatibility ............................................................................................................... 3
Table 4 – Symbols ........................................................................................................................................................ 4
Table 5 – Web browser compatibility: ........................................................................................................................... 9
Table 6 – Usual properties of graphic objects ............................................................................................................39
Pag 56
Glossary
A
AC: Alternate Current.
ACK: Acknowledgement.
AES: Advanced Encryption Standard.
ANSI: American National Standards Institute.
APCI: Application Protocol Control Information.
APDU: Application Protocol Data Unit
ASDU: Application Service Data Unit.
B
Bps: Bits per second.
BL: Locked.
C
ºC: Celsius degree.
CA: Reset.
CAA: Common Address Of ASDU.
COM: Communication port.
COT: Cause of Transmission.
CPU: Central Processing Unit.
CY: Carry.
D
DC: Direct Current.
DIN: Deutsches Institut für Normung.
H
HMAC: Hash-based Message Authentication Code.
HU: Head Unit. Saitel DR CPU.
HU_A: Saitel DR Advanced Head Unit.
HU_AF: Saitel DR Advanced Head Unit with acquisition.
HU_B: Saitel DR Basic Head Unit.
HU_BI: Saitel DR Basic Head Unit with acquisition.
HU250: Easergy T300 CPU.
HUe: Saitel DR High-Performance Head Unit.
Pag 57
I
IED: Intelligent Electronic Device.
IEC: International Electrotechnical Commission.
I/O: Input / Output.
IOA: Information Object Address.
ISO 9001: International standard for Quality Systems.
IV: Invalid.
L
LQF: Local Quality Flag
M
MAC: Message Authentication Code.
mm: Millimeter.
ms: Millisecond.
N
N/A: Non-Application.
NT: Non-updated.
O
OV: Out of Range.
P
PC: Personal Computer.
R
RQF: Remote Quality Flag
RoHS: Restriction of Hazardous Substances.
RS-232: Communication standard.
RS-485: Multipoint differential Bus.
RTDB: Real Time DataBase.
RTU: Remote Terminal Unit.
S
s: Second.
SB: Substituted.
SCADA: Supervisory Control And Data Acquisition.
SLD: Single Line Diagram
SM_CPU866: Saitel DP CPU.
SM_CPU866e: Saitel DP high-performance CPU.
Pag 58
SSH: Secure SHell.
T
TCP/IP: Transmission Control Protocol/Internet Protocol.
U
UTC: Coordinated Universal Time.
V
VAC: Volt of Alternate Current.
VDC: Volt of Direct Current.
W
WEEE: Waste Electrical and Electronic Equipment.
Pag 59
Printed in:
Wednesday, May 26, 2021
Schneider Electric
C/ Charles Darwin s/n
Parque Científico y Tecnológico de la Cartuja
Sevilla, España
©2021 All rights reserved. The information contained in this document is

confidential and is owned by Schneider Electric. It cannot be copied or distributed
in any way, unless there is express written authorization by Schneider Electric.
Although this information was verified at the time of publication, may be subject to change without notice.
SE-WUI-S856-2.0 05/2021

webUI - User Manual - EN - 02

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

webUI - User Manual - EN - 02

Uploaded by

Copyright:

Available Formats

Baseline Software Platform

webUI (Add-On & Runtime)

Publication Date (05/2021)

1.0 12/01/2021 Initial edition.

Document nº: SE-WUI-S854

Manual Document Code

Easergy Builder User Manual FTE-MSS-S856

Software Version in this Manual

Tool / Device Version SM_CPU866e

Easergy Builder 1.7.8 1

Platform Saitel DP Saitel DP Saitel DR Saitel DR Saitel DR Easergy T300

Tool SM_CPU866 SM_CPU866e HU_B/HU_BI HU_A/HU_AF HUe HU250

Important information about Safety

This symbol indicates 'DANGER' or 'WARNING'. This symbol informs of an electrical

This symbol is associated to a safety alert. It is used to warn of possible personal

• Are trained in emergency procedures (first aid).

Symbols and Labels

Symbol Associated Text Description

International Electrotechnical Commission (IEC)

American National Standards Institute (ANSI) symbol

Protective earth Associated symbol to the protective ground

Functional earth Associated symbol to the functional ground

This symbol indicates that the equipment has been

The equipment has been designed and manufactured

Direct Voltage Symbol of direct voltage (VDC).

Alternate Voltage Symbol of alternate voltage (VAC).

Installation, Setup and Operation

1 WEBUI – RUNTIME .................................................................................................7

2 WEBUI EDITOR .....................................................................................................31

1 WEBUI – RUNTIME .................................................................................................7

1.1 WEBAPP & WEBUI..................................................................................................9

1.1 webApp & webUI

SM_CPU866e supports two web-based tools for maintenance and monitoring:

1.2 Accessing webUI

webUI is accessible through a compatible web browser running in an OS Windows 7® or higher.

Web browser Version

Google Chrome 4.0

Microsoft Edge Microsoft Edge 44.18362.449.0

Internet Explorer Not compatible

1.2.1 Using webApp & webUI

The next time, webUI will be used as main web tool.

A valid username and password are required.

Pan and zoom tutorial

A double left-click will fit the view to the screen.

1.3 General Description (Runtime)

1.3.1 Main Zones

• 2: Graphic representation zone.

1.3.2 Session Information (Zone 1)

The information shown in this area is as follows:

• Customer logo: . Configurable in Easergy Builder.

• Installation name: . Configurable in Easergy Builder.

• Name of the equipment: . Configurable in Easergy Builder.

• Local or 'webUI' control / 'Remote control' indication. or The user

• Username of the user logged in the active session: . Clicking on the

• Information of the last event registered, including:

• The current date and time are displayed:

Figure 10 – Login after timeout

o Language used in webUI.

1.3.3 Graphic Representation Zone (Zone 2)

1.3.4 Latest Alarms Zone (Zone 3)

• Blinking: Unknowledge alarm

• Colored according to the severity: Active alarm

1.4 Monitoring and Control