EcoStruxure Power Operation

Key component of EcoStruxure Power

Migrating to WebHMI graphics (August 2022)

About this presentation
Intended audience

This presentation is intended for end users who are considering upgrading older
Power Operation systems to Power Operation 2021 or greater and wishing to take
advantage of the HTML5 web client interface that was introduced in version 2020.

It is meant to provide an overview explanation of the upgrade and migration

process.

This presentation is not intended as a technical training tool for either the upgrade
or graphics migration tooling or process.
Sections in this presentation

Section #1 – describes web functionality available as part of the upgrade process

Section #2 – introduces the web client graphics

Section #3 – describes the migration process for the web client graphics

Section #4 – comparison of functionality between web client and thick client

 1 – Web client functionality available after upgrade of software

Migrating to 2 – Introduction of web client graphics (thick client versus web

client graphics)
WebHMI
3 – Web client graphics migration tooling and process

4 – Comparison of functionality between web and thick client

Web functionality available after the upgrade
What is included in the upgrade process
As part of the standard upgrade process and tooling that has existed in the Power Operation for several
releases outlined in the System Guide here, the following web client components become available
automatically after an upgrade to Power Operation 2020 or later:
1: Web container 2: Alarms 3: Waveforms

4: Trends 5: ability to integrate PME

Note: Operators can continue
to use the thick client runtime
after an upgrade along with
the web client components.
Web graphics not automatically created
Upgrade process does not modify or create graphics
The standard upgrade process and tooling does not make existing thick client graphics available in the web
client. This is due to the fact that the ‘Citect’ graphics require a Windows thick client runtime.
Example of thick client graphics After upgrade of project there are no
graphics available in web automatically.
 1 – Web client functionality available after upgrade of software

Migrating to 2 – Introduction of web client graphics (thick client versus web

client graphics)
WebHMI
3 – Web client graphics migration tooling and process

4 – Comparison of functionality between web and thick client

Thick Client and Web Client graphics
Information related to graphics migration

Windows Thick Client Graphics HTML5 Web Client Graphics

Operator access via Windows application Remote operator access via web browser
• Uses ‘Citect graphics engine’ • Uses ‘EBO / TGML graphics engine’
• Graphics are raster-based without • Graphics are vector based with pan/zoom
pan/zoom or decluttering capabilities. and decluttering capabilities
• Accessible via Windows thick client only. • Accessible via any HTML5 web browser (ie:
• Not available in web client Chrome, Edge, Firefox, Safari)
• Not available in Windows thick client as
Desktop application.
Thick Client and Web Client graphics
Information related to graphics migration
A single Power Operation server can run both
1. Thick client graphics (‘Citect graphics’)
2. Web client graphics (‘TGML graphics’)

Experience for operators when running both graphics pages

Operators can even use both graphic packages at the same time without any issues.
For example, an operator can open a breaker from the web client and another operator would see this
breaker open in the thick client.

Experience for application engineers when running both graphics pages

Modifications to web client graphics are completely independent of the modifications to thick client
graphics.
For example, if an engineer modifies a web client breaker graphic on Incomer 1 and there is a similar thick
client graphic on Incomer 1, the web client graphic change has no effect on the thick client graphic.

Modifications to web client 1-lines are completely independent of the modifications to the thick client 1-
lines. Note: Web client 1-line configuration is stored in a different file format / location from the thick client
 1 – Web client functionality available after upgrade of software

Migrating to 2 – Introduction of web client graphics (thick client versus web

client graphics)
WebHMI
3 – Web client graphics migration tooling and process

4 – Comparison of functionality between web and thick client

Migration to web client graphics
Migration tools for repeatable thick client graphics to web graphics

Graphics migration tool to lower manual effort to re-create 1-lines, graphics,

etc. from the thick client (“Citect engine”) graphics to web client (“TGML
engine”) graphics
Enable repeatable, high quality and faster migrations to allow our customers to
take advantage of HTML5 compliant pan/zoom graphics package

PSO 7.x, 8.x, 9.0 Power Operation 2021 & 2022

raster graphics pan/zoom graphics
Overview of “Graphics Migration Assistant”
High level overview
Standalone software tool downloadable from Exchange Extranet and installed on
Power Operation engineering workstation that performs graphics migration.

Extracts Maps Generates

Existing configuration Citect genies/symbols to New TGML pages
from Citect graphics TGML components created

Mapping file is editable by

application engineer
allowing engineer to
customize migration
behavior
“Graphics Migration Assistant” tool
What is not ‘touched’ or ‘changed’ during the graphics migration process

1. Existing Citect Windows thick client graphics and graphic pages are unaffected by the
Graphics Migration tool. Additionally, the graphics migration process does not require
engineers to make any manual changes to the existing Citect thick client graphics.

2. Underlying Citect database (ie: tags and/or equipment) are unaffected by the Graphics
Migration tool. Additionally, the graphics migration process does not require engineers to
make any manual changes to the existing tags ‘database’.
“Graphics Migration Assistant” tool
What is automatically converted
Citect graphic object TGML graphic object (equivalent) Comments
Factory included genie Factory included component

Custom genie Custom component Prerequisite: custom components manually created and ‘mapped’ to
genie.

1-line graphic 1-line graphic Automation also creates JSON file modeling 1-line in WebHMI.

Symbols Custom components

Button *Button or custom component
Rectangle *Rectangle or custom component
Textbox *Textbox or custom component
Polygon *Polygon or custom component
Ellipse *Ellipse or custom component
Freehand line *Freehand line or custom
component
Straight line *Straight line of custom component

* Migrates most commonly used Citect graphics properties

“Graphics Migration Assistant” tool
Notable features that shorten migration time and effort
Guides engineers to the elements that cannot be migrated or where no mapping component is
available in the new graphics by providing a visual indication with placeholders when components are
not found.

Additionally, tool provides logging detailing what has not been automatically migrated by the tool.
This allows engineers to identify areas that:
1. the engineer may have missed which could be automated (eg: “not mapping Citect objects to TGML”)
or
2. require manual effort for the engineer to convert

[Option] The tool can automatically transition from Tag-based bindings used with the Citect graphics
to Equipment-based bindings to be used with the TGML graphics. (Note: One can continue to use
existing tags for binding TGML graphics.)
“Graphics Migration Assistant” tool
Manual tasks that are required to convert the following:
1. Custom TGML components that would ‘map’ to Custom Citect genies
a) Note: Custom TGML components manually created can be mapped to a Custom Citect genie.
b) Note: Placeholder TGML components are automatically created by the tool. These placeholders are visually
apparent after the migration as well as these are indicated in the log files generated by the tool.

2. Citect page settings (in progress for Q4 2022 version of Graphics Migration Assistant)

3. Citect pop-ups

4. Bitmaps embedded within the Citect graphics

5. Links between Citect pages

6. Citect pipes
Upgrade and Graphics Migration Workflow
High level process
1. Upgrade Power Operation from version 7.x, 8.x, 9.0, 2020 to Power Operation 2021 or 2022 as
outlined in the System Guide documentation here.
a) After upgrade, operators can use the Windows thick client runtime for Power Operation as well a web client
features available after the upgrade. Note: No web client graphics would be available after an upgrade
unless previously created.

2. Iterate the following as needed to migrate from Citect graphics to TGML graphics:
a) If using custom Citect genies, manually create equivalent custom TGML components.
b) Use Graphics Migration Assistant to automatically convert x% of Citect graphics to TGML
graphics.
c) Use Graphics Migration Assistant to determine what graphics items have not been
converted automatically in your pages.
d) Test TGML pages.

3. Manually convert y% of remaining graphics items to TGML graphic equivalents.

4. Test the TGML graphics pages prior to deploying to production.
5. Move TGML graphics to production Power Operation server.
 1 – Web client functionality available after upgrade of software

Migrating to 2 – Introduction of web client graphics (thick client versus web

client graphics)
WebHMI
3 – Web client graphics migration tooling and process

4 – Comparison of functionality between web and thick client

Power Operation 2022 Runtime Functionality (1/5)
Notable runtime functionality (Thick client vs. Web client)
Feature Thick client Web client
capability capability
Graphics Monitoring & Control Yes Yes
Alarms Yes Yes
Waveforms Yes Yes
Alarm banner annunciator with audible alarms Yes Yes

Ability to navigate from graphic to associated alarms Yes Yes

Client side scripting Yes Yes

(via CiCode) (via JavaScript)
Trend Viewer (real time and historical) Yes Yes
Windows Active Directory integration Yes Yes
TLS 1.2 encryption between Server and Client Yes Yes
 For details describing

Power Operation 2022 Runtime Functionality (2/5) the web client

capabilities see
Appendix
Notable runtime functionality (Thick client vs. Web client)
Feature Thick client capability Web client
capability
Graphics, Alarms, Trends, Waveforms, Diagnostics No (would require Power SCADA Yes
accessible via HTML5 browser Anywhere or ActiveX)
Pan and Zoom graphics (vector graphics) including No Yes
decluttering
Multi-source 1-line capability (eg: Animate with color Y, if No Yes
Utility and PV feeding system are in energized state)
Graphics encoded in XML for easier change No Yes
management
Graphics self-paced technical training videos for No Yes
application engineers are available
Graphics updates do not require Server recompiles No Yes
 For details describing

Power Operation 2022 Runtime Functionality (3/5) the web client

capabilities see
Appendix
Notable runtime functionality (Thick client vs. Web client)
Feature Thick client capability Web client
capability
Alarms: Smart Alarm Clustering & timeline analysis No Yes
Alarms: Load Loss Impact No Yes
Alarms: Disturbance Direction Detection No Yes

Alarms: Ability to shelve alarms for specific time period No Yes

Waveforms: Analytics displaying probable cause No Yes
Waveforms and Trends: More intuitive user interfaces No (largely subjective however vast majority of Yes
customers prefer web waveforms and trends as being
more intuitive than thick client)

Ability to update configuration settings from runtime No Yes

(eg: session timeout period, alarm / waveform colors, alarm
banner, etc.) – see Appendix for additional information
Server diagnostics Partial (Thick client has majority of the Server Yes
diagnostics functionality that exists in web client
with exception of licensing info, project version,
product version, OS system information, simplified
kernel log extraction that are only in web.)
Power Operation 2022 Runtime Functionality (4/5)
Notable runtime functionality (Thick client vs. Web client)
Feature Thick client Native web client
capability capability
Role Based Access Control capabilities Yes Yes (however RBAC permissions not as granular as
thick client for details on web permissions see
System Guide – User account roles and privileges)
Runtime container customization Yes Partial (plus ability for end users to configure)
Client automatically switching to secondary server Yes Partial
during failover
Configuration/Tools: Tag Viewer and Tag Debugger Yes No (note: end users using web client as primary
(functionality typically used by engineers or tech interface could use thick client runtime to use Tag
support for diagnostics / troubleshooting) Viewer / Debugger)

Configuration/Tools: Alarm Setpoint configuration Yes No (note: end users using web client as primary
(functionality typically used by engineers or power end interface could use thick client runtime or Studio
users to modify the analog alarm setpoints) tools to change the setpoint configurations)
Power Operation 2021 Runtime Functionality (5/5)
Notable runtime functionality (Thick client vs. Web client)
Feature Thick client Native web client
capability capability
Configuration/Tools: ENM configuration Yes No (note: end users using web client as primary
(functionality introduced in PSO 9.0) interface could use thick client runtime to use ENM
configuration)
Configuration/Tools: Scheduler configuration Yes No (note: end user using web client as primary
(functionality used for creating / managing BACnet interface could use thick client runtime to use ENM
schedules) configuration and Diagnostics functionality)

2-factor authentication support Yes No

Ability for local teams to translate end user runtime Yes No (various languages available with EPO 2021 &
2022)
Appendix: Web Settings

Confidential Property of Schneider Electric | Page 24

Web Settings available to admin users
Web Settings available to admin users
Web Settings available to admin users
Web Settings available to admin users
Web Settings available to admin users
Web Settings available to admin users
Web Settings available to any user to change language
Appendix: WebHMI alarm deep dive

Confidential Property of Schneider Electric | Page 32

Summary of reasons to use WebHMI versus Thick Client
Overview

Enabling remote access for operators via IT

compliant web browsers with no need for
ActiveX, Silverlight, Power SCADA Anywhere
Modern graphics with pan & zoom capability
and de-cluttering
More attractive and easier to use web
applications (trends & waveform viewer)
Numerous alarm & waveform functionality
only in web (ie: smart alarm grouping, timeline
visualization, DDD, waveform analytics, Load Loss)
Power Operation web graphics
Modern graphics

Quickly understand real time state

of your power system
View runtime graphics including
animated electrical 1-lines via any
HTML5 compliant web browser
(eg: Chrome, Firefox, Safari)

Ability to support multi-source

colorization (eg: PV + Utility = color X)
Maintain clear image quality when
viewing from various screen
resolutions and when performing
Pan / Zoom Graphics (Vectorized) and pan/zoom
multi-source 1-lines
only available in Web Client
Power Operation web graphics
Engineering experience: Web Graphics versus Thick Client

Modern & efficient graphic editor Easy to deploy graphic updates

Quickly toggle between Design, Source and No need to restart PSO services or recompile
Preview modes. projects to ‘go live’ on graphics updates.

Graphics stored in a object model based XML format Once graphics and/or graphic menu system changes
allowing easy comparison when changes are made. are saved to PSO server, operators simply refresh
browser to see changes.

Engineering efficiencies above

only available in Web Client
Power Events Analysis
Help determine root cause and get back to normal quickly

Smart Alarm Clustering

• Automatic alarm aggregation

• Faster incident analysis by

automatic grouping of related
alarms

• Incident view of alarms

grouped by alarm category
and time of occurrence

Alarm grouping and timeline analysis

only available in Web Client
Understand impact of events on the system
Via Load Loss Detection in Power Operation

Quickly identify events that are most Load Impact (Load Loss / Load Gain)
impacting the system only available in Web Client

Indication of impact of events on the Load Loss calculation performed at edge

system based on load loss control layer based on waveform data.
percentage
As long as device can provide waveform
data trigged during a voltage sag, no
special device selection required for Load
Loss support.
Sequence of Events Functionality
Fully-featured waveform viewer to analyze electrical events

Perform deeper Sequences of Events

analysis by displaying and analyzing
waveforms generated as a result of
associated alarms

Analyze the harmonics that are

impacting your Power Quality and
Simpler to use waveform viewer affecting large equipment
only available in Web Client
Display Phasor or circular diagram to
view individual V, I and Harmonics
channels

Supports ION and COMTRADE

waveforms
Determine location of PQ events in your system
Disturbance Direction Detection support in Power Operation using ION technology

Indication whether PQ event

originated upstream or
downstream

Disturbance Direction Detection

information
only available in Web Client

Support for Sag / Swell /

Transients via ION driver
 Identify Cause of hidden
issues
Find hidden problems and
diagnose the cause via waveforms
Waveforms…the MRI for an electrical network

Unfortunately, like the MRI,

interpretation of waveforms
Page 40 requires high levels of expertise
Identify Probable Cause in Power Operation
Via automated waveform analytics

Automated waveform analytics

Natural language High probability causes of select Power Quality events displayed to operators
descriptions and event
Upstream events: Downstream events:
types to enable operators to • Voltage Sag • Inrush Event
find root cause more quickly • Capacitor switching • Load Start
• Single-Phase Fault
• Subcycle Fault
• Three-Phase Fault
• Two-Phase Fault
• Capacitor switching

Probable Cause information

only available in Web Client
Web configuration
Configuration previously achievable by app eng now available to end user

Configuration at your
“fingertips”

Settings / Configuration for end users

only available in Web Client
More quickly understand health of the system
Web based System Status information

Web based System Status information

including all functionality in existing
Diagnostics thick client tool PLUS:
• Licensing information
• Project version information
• Product version information
• Kernel log collection (manual & automatic)
• Operating System information
• Additional diagnostic health checks to
ensure proper running system

Additional system status details

only available in Web Client (ie: licensing
information, version information, OS, etc.)
Modern HMI – Access anytime with any browser
Real time and historical trends

Simpler to use trend viewer

only available in Web Client

Support for both real time and historical trends within the web browser
More Power Operation technical training Self-paced technical training is now
heavily oriented to cover
Even more self-paced & on-demand training
Web Client versus Thick Client

Now over 110 training videos and more coming!

Faster onboarding for new application engineers and
‘power’ end users via digital training available on-demand
for self-paced learning
Content includes full digitalization of Project Deployment
technical training
• Accessible to Schneider Electric & EcoXperts via
MyLearningLink
• Accessible to general public: youtube.com channel
coming in Q3 2022
Ability for our countries to work with global training team to
localize the training content