HMI

Explanation of the sample projectTF8040-Concept-Samples-HMI.

HMI 1:

For more information on the required steps, refer to the sample documentation in the HMI section.

Contents

The individual sample pages of the project are described below. It is advisable to open the live view in order to be able to follow the execution more easily.

HMI 2:

Header

The header is provided with various functions (from left to right).

HMI 3:
  • Logo
  • Responsive navigation
  • User settings and further information
  • Event list
  • Building information
  • Outdoor temperature
  • Date and time
HMI 4:

Further information on the functions can be found in the documentation for the header.

Project navigation

The generic project navigation was defined as the start page of the visualization. The content of the Live-View should look like this after the start:

HMI 5:

In the project navigation, you can navigate through the project structure and display the parameters of individual views or objects.

HMI 6:

For more information on project navigation, see the documentation for ProjectNavigationTextual.

The following pages are located under the entry Content\Samples.

BasicComponents

This page displays all controls that are stored in the BA | Common toolbox category.

HMI 7:

The controls are not linked to variables from the PLC.

Further information can be found in the documentation for controls.

HMI 8:

BaObjects

On this page, a corresponding control is stored for each primitive data type (Analog, Binary and Multistate).

The controls are connected to objects from the PLC and the values are written to the PLC and read again.

HMI 9:

The following information is displayed per line:

  • The Description of the object.
  • The value of the object (writable or read-only).
  • Button to open the project navigation of the object (only one entry is visible, because single objects are concerned).

Event

The simulation of the different event types is possible on this page.

The respective event can be activated via the checkboxes and the behavior can be observed in the event list below. A UiIcon to display the events is also positioned on the page. The view containing the sample events is linked to both the event list and the UiIcon. Therefore, no events outside the view are displayed on this page.

HMI 10:

Trend

This page shows the trend control for displaying various trend curves.

In this case, the complete project structure was linked to the control. This filters the project structure for all available trends and displays them. You can select and deselect trends on the right-hand side.

HMI 11:

For more information, see the documentation on Trend.

HMI 12:

Schedule

The schedule displays the current schedule and the weekly schedule. The Calendar tab contains the entries from the linked calendar references and the local exceptions.

The buttons at the bottom of the page allow you to switch to other schedule types. In addition, the alignment and accuracy of the schedule can be set.

HMI 13:

For more information, see the documentation on the Schedule.

HMI 14:

RoomAutomation

The following list shows the available controls for room automation:

Control

Description

Sunblind

Displays and controls the position and angle of a sunblind.

Light

Displays and controls the brightness value of a lamp (dimmable or on / off).

HeatingCooling

Displays and controls the air conditioning of a room.

Window

Shows and controls the position of a window (percentage or open/close).

RoomControl

This control can combine all of the above controls.

HMI 15:

The controls are for demonstration purposes only and are therefore not linked to variables from the PLC.

HMI 16:

ColorPicker

On this page, ColorPicker is shown in its different versions.

HMI 17:

Further information can be found in the documentation for the ColorPicker

HMI 18: