Page History

...

...

Overview

High Performance is a design approach that turns traditional displays into intuitive information visualization with actionable intelligence. It facilitates the understanding of the project status by displaying information using   It displays information in a simple color style to help make it easier to understand the project status. 

The High Performance approach has some fundamentals characteristics that are followed in order to achieve its goal. Said pillars are achieves this by following several fundamental characteristics, which are listed below. 

• Human Centric Design
• Careful Color Selection
• Layered Graphical Hierarchy

Human Centric Design

The main objective of this design is to increase the effectiveness of data handling and data analysis.

It is a known fact that the human can handle only Humans can only handle so much of information at the same a time. According to thethe ISA SP 18.2 Standardthe operator should , project operators should only face about 10 alarms per hour , but this in order to accurately respond to each alarm. However, the alarm rate is usually higher in the real world. 

Human Centric Design allows users to create smart designs with color configurations that help the operator's eyes easily focus on the situations that require the most attention. 

Detailed below are several proven operator performance results from the High Performance HMI Handbook By using a smart design and the right color configuration, the operator’s eye can be focused to the situation that most requires its attention. From High Performance HMI Handbook there are proven results in operator performance, as detailed below.

Careful Color Selection

Despite being a Visual/Graphic interface, the colors and shapes in a HMI application should not have its focus on being stylish and good looking, but on facilitating the project comprehension.

Even though the HMI application is a visual/graphic interface, you should not choose colors or shapes simply to have a stylish display. The focus should be on facilitating project comprehension. 

Below There is a set of color convention conventions that is recommended for HMI projects. . .

• Alarms: Use bright, intense colors that are not used in any other parte part of the display.
• Background: NonUse non-saturated colors (e.g.: Light Gray) that have minimum interference with other colors.
• Static Equipment: Same color as Use Dark Gray or Black should be used for process lines. 
• Equipment State: The state should not equipment state's color selection must depend on color only, but on additional appearance features as well (, such as Fill, Shape and , or Text).
• Live Data: Less Use less intense and , cool colors (e.g. dark blue and dark green). These colors should be easy easily distinguished from static information , without distracting so they do not distract the operator

The table below illustrate illustrates the recommended color palette for a High Performance HMI Project.

...

Layered Graphical Hierarchy

Its refereed Layered Graphical Hierarchy refers to the way in which the data is structured across the Displays displays throughout the Projectproject. The recommended organization method recommended is using a series of levels and sublevels , where each one of them in which each level is more detailed than the previous one.

Hierarchical Levels.

• Level 1: High-Level information , such as an indication of performance and or events that require immediate attention.
• Level 2: Display The display used by operators to perform their tasks.
• Level 3: Contain individual equipment information and Displays the controls for individual equipment as well as the information and status of the equipment. 
• Level 4: Most The most detailed display , provide that provides information on individual components and and equipment. 

...

Symbol Library

Symbols are graphical objects that contains contain a series of built-in Dynamics applied to themdynamics. They can be added to a Display display as a representation of Tagstags.

The HPG are accessed through the Draw Editor at the under the Symbol Library button (located at in the toolbar).

Insert Symbol.

List of Symbols

The Symbols are separated into 3 big Categories main categories (Default, HighPerformance and Standard). As we are focusing on the HighPerformance ones, each subcategory has its components Each HighPerformance subcategory component is detailed below.

Mapping Symbols to Runtime Objects

To map the an added symbol to a runtime object (Tag or some other property) , double-click on it to the symbol to display its supported properties.

Symbol Runtime Properties.

Each symbol has Even though symbols have different runtime properties, but they all can have a similar behavior on their appearancesimilar appearances (such as color) according to the state they are in. In the example below, every symbol that is On, Open, Running, or Energized appears white to indicate that the item is in a "running" state. Since they are all in a similar state, they would each be mapped to the Value "1".

Value = 0 // Off/De-energized/Idle/Stopped/Closed
Value = 1 // On/Energized/Running/Open
Value = 2 // Disabled/Out of Service

These The values follow a Color Convention listed above follow the color convention pattern for HMI Displays.The images below illustrate displays, and the different colors a symbol can display are illustrated in the image below. 

Symbol Themes and Colors

The A symbol's appearance can be customized by changing the Themes theme for this the object. On In Run-Dictionaries-Themes, you will find some predefined Theme theme palettes that are predefined and are built -in into the NewProject Templates.

The ItemName properties property that is related to the HPG Symbols symbols are highlighted in the image below.

Symbol Themes.

The user can use this page to easily create new themes ( or edit pre-existing ones) at this page. Some . The following images show some examples using different themes can be found at the following images.

Alarm Indicator

This Symbol symbol acts as an indicator for the Alarm State alarm state of an a specific Tagtag. It can display the alarm priority level (low, medium and , or high), and it have has 3 different possible color configurations according to the Alarm State:depending on the status of the alarm state. See image below. 

Alarm Indicator Symbol.

There is a Tag property called AlarmPriorityEnum that The AlarmPriorityEnum property is used for animating the Alarm Indicator Symbolsymbol. The Enum property has the following settings:

...

Number in Symbol:
-	1: Priority High (2)
-	2: Priority Medium (1)
-	3: Priority Low (0)

Outer Border and inner element:
-	Border static and Element blinking: Alarm is active
-	Border static and Element static: Alarm is acked
-	No Border and Element blinking: Alarm is normalized
-	No Border and No Element: Alarm not active

To illustrate the behaviors described above, the The following images demonstrates the appearance when demonstrate the display's appearance when an alarm is in an active state.