uni-PRO Gebäudeautomation

Visualisierung gestalten

Bedienseiten für Tablet, Handy und PC - frei gestaltet im Visu-Editor des Studios.
Weiter mit Pfeiltaste, Leertaste oder den Knöpfen unten  ·  F = Vollbild
Worum geht es?

Bedienseiten, die zur Anlage passen

  • Die Visualisierung entsteht im Visu-Editor des Studios - im selben Programm wie die Logik.
  • Jede Seite bekommt ihre Bedienelemente: die Hilfe beschreibt über 90 Stück, vom Text bis zum fertigen Raumregler.
  • Die APP zeigt die Seiten auf Tablet, Handy und PC - ohne weitere Einstellungen.
  • Verknüpft wird über Adressen: dieselben, die auch die Logik verwendet.
Studio: gestalten APP: bedienen Die APP zeigt genau das, was im Studio entsteht.
Der Visu-Editor

Alles auf einen Blick

Datei Bearbeiten Projekteinstellungen Steuerung Extras Hilfe 100 % Suchen, z.B. 1/1/1 oder Text Suchergebnisse Meldungen Fehler Telegramme Modbus MA Modbus SL M2020 M-BUS KNX TP/IP MQTT Bedienelemente Eigenschaften Text- Wertanzeige Fortschritt Grafik Schalter Werteingabe Allgemein Gebäudeautomation Block Navigation Allgemein Bedienung Anwesenheit Block Schalter Block Licht/Dimmer Block Rollo/Jalousie Block Einzelraumregler Bedienung Standalone Pool 29.2°C Übersicht 10:21 01.08.2026 Wohnen Kinder Schlafen Küche Bad Energie Navigation Variablen ˄˅+ Übersicht Übersicht Wohnzimmer Wohnzimmer Küche Küche Bad Bad Energie Energie Bedienmodus (F5) · Zoom · Ausrichten Bedienelemente nach Bereichen Visu-Seite - so sieht sie in der APP aus Navigation: alle Seiten hoch = Handy, quer = Tablet Suche und Diagnose
So entsteht eine Seite

Ziehen, ablegen, verknüpfen

Datei Bearbeiten Projekteinstellungen Steuerung Extras Hilfe 100 % Suchen, z.B. 1/1/1 oder Text Suchergebnisse Meldungen Fehler Telegramme Modbus MA Modbus SL M2020 M-BUS KNX TP/IP MQTT Bedienelemente Eigenschaften Text- Wertanzeige Fortschritt Grafik Schalter Werteingabe Allgemein Gebäudeautomation Block Navigation Allgemein Bedienung Anwesenheit Bedienung Standalone Block Schalter Block Rollo/Jalousie Pool 29.2°C Übersicht 10:21 01.08.2026 Wohnen Kinder Schlafen Küche Bad Energie Wohnzimmer links Navigation Variablen Adresse Kommentar Wert ▾ 1 Licht ▾ 1/1 Erdgeschoss 1/1/1 Licht Wohnen 1 1/1/2 Licht Essen 0 ▾ 2 Jalousie ▾ 2/1 Wohnzimmer 2/1/1 Jal. (Wohnzimmer links) 0 2/1/2 Jal. Kurzzeit 0 2/1/3 Jal. Höhe 0 2/1/4 Jal. Lamelle 0 2/1/5 Jal. Höhe Status 0 2/1/6 Jal. Lamelle Status 0 1 2 Alt 3 alle 6 Adressen auf einmal 1 Bedienelement auf die Seite ziehen aus dem Baum links - hier Block Rollo/Jalousie 2 Adresse auf das Element ziehen aus dem Variablenfenster rechts; verknüpft wird die erste Adresse 3 Mit Alt ziehen: alles auf einmal alle 6 Adressen der Jalousie, Überschrift aus dem Kommentar
So entsteht eine Seite

Einstellen und mit der Logik verbinden

Datei Bearbeiten Projekteinstellungen Steuerung Extras Hilfe 100 % Suchen, z.B. 1/1/1 oder Text Suchergebnisse Meldungen Fehler Telegramme Modbus MA Modbus SL M2020 M-BUS KNX TP/IP MQTT Bedienelemente Eigenschaften Seite - Eigenschaften... Eigenschaft Wert Seite Titel Übersicht Ausrichtung Vollbild horizontal Bedienelement Überschrift Licht Wohnen Transparenz 100 X 7 Y 238 Breite 62 Höhe 42 Rahmen Typ Flach Linie 1 Pool 29.2°C Übersicht 10:21 01.08.2026 Wohnen Kinder Schlafen Küche Bad Energie Navigation Variablen Adresse Kommentar Wert ▾ 1 Licht ▾ 1/1 Erdgeschoss 1/1/1 Licht Wohnen 1 1/1/2 Licht Essen 0 ▾ 2 Jalousie ▾ 2/1 Wohnzimmer 2/1/1 Jal. (Wohnzimmer links) 0 2/1/2 Jal. Kurzzeit 0 2/1/3 Jal. Höhe 0 2/1/4 Jal. Lamelle 0 2/1/5 Jal. Höhe Status 0 2/1/6 Jal. Lamelle Status 0 Suchen Beleuchtung Beschattung Heizung Kommentar übernehmen ("Licht Wohnen") Gehe zu verknüpftem Element Licht Wohnen Licht Essen Licht Küche 4 5 4 Eigenschaften einstellen Liste Eigenschaft | Wert: oben die Seite, unten das Element 5 Mit Funktionsbaustein verknüpfen Rechtsklick auf ein Block-Element, dann Programmseite und Baustein i Tipp Doppelklick auf ein Block-Element markiert seine Adressen
Schneller verknüpfen

Ein Zug - alle Adressen

Eine Jalousie hat sechs Adressen. Mit gedrückter Alt-Taste zieht man nur die erste auf das Element - die übrigen findet das Studio über die einmal eingestellten Abstände selbst.

Der Text in Klammern im Kommentar wird zur Überschrift. Das klappt bei Bedienelementen und bei den Bausteinen Rollo und Dimmer.

Voraussetzung: die Adressen sind in der ETS immer gleich aufgebaut. Dann ist eine ganze Etage in wenigen Minuten verknüpft.
Variablen 2/1/1 Jal. (Wohnzimmer links) 2/1/2 Jal. Kurzzeit 2/1/3 Jal. Höhe 2/1/4 Jal. Lamelle 2/1/5 Jal. Höhe Status 2/1/6 Jal. Lamelle Status Alt Wohnzimmer links Langzeit 2/1/1 ✓ Kurzzeit 2/1/2 ✓ Höhe Wert 2/1/3 ✓ Lamelle Wert 2/1/4 ✓ Höhe Wert Status 2/1/5 ✓ Lamelle Wert Status 2/1/6 ✓ Abstände (Offsets) je Adresse: +0/0/0 … +0/0/5 Text in Klammern wird zur Überschrift
Formate und Skalierung

Einmal gestaltet - passt auf jedes Gerät

  • Neue Seiten gibt es für Tablet 4:3, Tablet 16:9 und Smartphone.
  • Breite und Höhe legen nur das Seitenverhältnis fest - skaliert wird immer verzerrungsfrei, egal wie hoch die Auflösung ist.
  • Beide Arten laufen parallel: hochkant zeigt die APP die Handy-Seite, quer die Tablet-Seite - ganz von selbst.
  • Seite auf ganzen Bildschirm ausdehnen: kein Rand mehr, die Bedienelemente bleiben proportional - auf Wunsch folgen sie sogar dem Grundriss.
  • Mit Zoom erlauben lässt sich eine Seite mit zwei Fingern vergrößern.
Tablet 4:3 Tablet 16:9 Smartphone scrollt in der Höhe ausgedehnt: ganze Fläche statt schwarzer Ränder
Ordnung auf der Seite

Raster, Ausrichten, Vorlagen

  • Das Raster teilt die Seite in quadratische Kacheln, mit eigener Kopf- und Fußzeile. Block-Elemente bekommen beim Einfügen gleich die richtige Größe.
  • Das Fangraster lässt Elemente beim Verschieben einrasten.
  • Die Werkzeugleiste richtet markierte Elemente aus: links, oben, gleiche Größe, gleichmäßig aufteilen, zentrieren, am Raster ausrichten.
  • Seitenvorlagen setzen Größe, Ausrichtung und Raster in einem Schritt - für alle Projekte, auch als Datei weiterzugeben.
  • Übertragen auf Seiten überträgt Einstellungen auf andere Seiten.
Kopfzeile Fußzeile Licht Jalousie 21,5° Szene Schaltuhr Pool Fangraster: ein Element rastet genau auf der Kachel ein
Zwei Arten von Bedienelementen

Fertige Blöcke oder frei gestaltet

Block-Bedienelemente Licht Jalousie 21,5 °C Szene Schaltuhr Pool Energie Tor Freie Elemente 21,5 °C 68 % Text fertige Elemente mit Dialog (Schaltuhr, Anwesenheit …) Größe aus dem Raster, Aussehen aus dem Style Bedienung Anwesenheit: mit Funktionsbaustein Bedienung Standalone: Adressen direkt am Element Texte, Grafiken, Schalter, Regler und Anzeigen pixelgenau platziert, z.B. auf einem Grundriss Transparenz, Rahmen und Schrift je Element werden von den Styles nicht verändert
Aussehen umschalten

Styles: Hell, Dunkel, Holz …

Ein Projekt kann bis zu 4 Styles haben. Sie bestimmen das Aussehen der Block-Bedienelemente und je Seite Hintergrundfarbe und -bild. Hell und Dunkel gibt es als fertige Vorlage.

Umgeschaltet wird mit dem Bedienelement Block Style - oder über eine Variable: etwa nachts per Uhr oder Wetterstation in einen Nachtmodus.

Hell Dunkel 22:00 Uhr schaltet der Style per Variable auf Dunkel Hell Dunkel Holz Metall bis zu 4 Styles, Auswahl in der APP
Mehrsprachig

Eine Visu, mehrere Sprachen

Gestaltet wird in der eigenen Sprache. Unter Projekteinstellungen - Sprache kommen weitere Sprachen dazu; jede wird als CSV-Datei mit allen Texten der Visualisierung ausgegeben.

Die Datei wird übersetzt und wieder eingelesen. Kommen später Texte dazu, werden nur die neuen angehängt - der Rest bleibt übersetzt.

Wohnen Küche Visu auf Deutsch englisch.csv Wohnen Living room Küche Kitchen Licht Light Jalousie Blind übersetzen, wieder importieren Living room Kitchen DE EN Umschaltung mit dem Bedienelement Sprache
Benutzerverwaltung

Jeder sieht seine Seiten

Unter Projekteinstellungen - Benutzerverwaltung werden Benutzer und Passwort angelegt. In den Eigenschaften einer Seite wählt man, welche Benutzer sie sehen.

Die erste Seite bleibt für alle offen und trägt das Bedienelement zur Anmeldung. Jeder Benutzer bekommt eine eigene Startseite, von der er nur in seine Räume wechseln kann. Das Passwort lässt sich später in der APP ändern.

Erste Seite für alle - mit Anmeldung Startseite Elternnur für „Eltern“ Startseite Kindernur für „Kinder“ Wohnen Schlafen Büro Kinderzimmer Wer angemeldet ist, sieht nur seine Seiten.
Testen

Sofort ausprobieren mit F5

Im Bedienmodus verhält sich die Seite im Studio genau wie in der APP: jedes Element lässt sich bedienen, Werte kommen live von der Steuerung. Einfügen oder Löschen geht erst wieder im Bearbeitungsmodus.

Praxisbeispiel: Neue Seite „Wohnzimmer“ anlegen, Block Licht/Dimmer und Block Rollo/Jalousie hineinziehen, die Jalousie mit Alt verknüpfen, das Licht per Rechtsklick mit seinem Baustein. F5 drücken - und im Studio wird gleich das echte Licht geschaltet.
F5 Bearbeiten ⇄ Bedienen Bearbeiten ziehen, verknüpfen Bedienen Ein wie am Zielgerät Die Änderungen gehen in den Arbeitsspeicher der Steuerung - gefahrlos testen.
Mehr in der Hilfe

Zum Nachlesen

Zusammenfassung

Der Visu-Editor auf einen Blick

Ziehen und ablegen

Element auf die Seite, Adresse auf das Element - fertig.

Alt verknüpft alles

Alle Adressen einer Jalousie mit einem einzigen Zug.

Jedes Gerät

Tablet und Handy, verzerrungsfrei skaliert, hoch und quer.

Ordnung

Raster, Ausrichten und Vorlagen für ein einheitliches Bild.

Styles und Sprachen

Bis zu 4 Styles, beliebig viele Sprachen per CSV.

Sofort testen

Mit F5 bedienen wie in der APP, Benutzer sehen nur ihre Seiten.

Die ausführliche Beschreibung steht in der Hilfe: Visualisierung - Editor  ·  Allgemeine Parameter