Animation
Bar
Note
Die Animation „Bar“ wird verwendet, um Objekte zu vergrößern oder zu verkleinern. Hiermit können z.B. Füllstände grafisch dargestellt werden. Die Flüssigkeit in einem Behälter kann so steigen oder sinken.
Das eingefügte Element hat die maximale Größe und zeigt abhängig vom Signal einen gewissen Bereich.
Beispiel Bar:
Attribut |
Wert |
Bezeichnung |
|---|---|---|
Signal |
ID |
Die ID des Eingangswertes |
Min |
z.B. 0 |
Mindestwert des analogen Eingangssignals. (meistens „0“) |
Max |
z.B. 30 |
Maximalwert des analogen Eingangssignals. (Randbedingung der zu erreichenden Höhe) |
Richtung |
siehe Tabelle |
Richtungsvorgabe in die gefüllt wird. |
Weitere mögliche Werte für das Attribut „Richtung“:
Wert des Attributs Richtung |
Bedeutung |
|---|---|
Hoch |
Anzeige füllt sich nach oben |
Runter |
Anzeige füllt sich nach unten |
Links |
Anzeige füllt sich nach links |
Rechts |
Anzeige füllt sich nach rechts |
Basis-Tag
Note
Mit dem Basis-Tag ist es möglich ein Prozessbild für mehrere, gleich aufgebaute Systeme zu verwenden. Somit kann der Animationsaufwand reduziert werden.
Note
Der Basis-Tag muss in der höchstmöglichen Gruppe angelegt werden, um ihn mehrfach verwenden zu können. Außerdem sollte der Basis-Tag zu Beginn der Animation ausgewählt werden.
Attribut |
Wert |
Bezeichnung |
|---|---|---|
Basis-Tag |
Gruppenstruktur (audako Gruppenstruktur) |
Festlegen des Pfades in dem das Signal liegt |
audako-signal |
Signalname (nicht Signal Nummer) |
Festlegen des Signalnamen |
Beispiel:
Die Animation „Basis-Tag“ wird verwendet, um wiederkehrende Prozessbilder als Vorlage zu erstellen. Hier kann z.B. ein Füllstand, welcher für mehrere Prozessbilder verwendet wird, einmalig angelegt werden, um dann mehrfach, mit unterschiedlichen Signalen, genutzt zu werden. Die Signale müssen im System gleich benannt sein. Hierfür muss man ein Prozessbild erstellen und mit Basis-Tag abspeichern. Der angelegte Basis-Tag ist anschließend im Animator unter dem Entitiy-Select in der Animationskonfiguration „Basis-Tag“ auswählbar und kann für andere Elemente eingebunden werden.
Blinker
Note
Die Animation „Blinker“ ermöglicht es ein Element zum Blinken zu bringen. Mithilfe dieser Animation kann man Beispielsweise auf Störungen hinweisen.
Beispiel Blinker:
Attribut |
Wert |
Bezeichnung |
|---|---|---|
Signal |
ID |
Die ID des Eingangswertes |
Wert |
z.B. 0 |
Der Vergleichswert |
Frequenz |
z.B. 1000 |
Angabe des Blinkintervalls in ms |
Komparator |
Siehe Tabelle |
Vergleichsoperator: Vergleicht Eingangswert mit Vergleichswert |
Funktionsweise des Vergleichsoperators / Komparators: Der Vergleichsoperator bzw. das Attribut „Komparator“ vergleicht den Eingangswert mit dem gesetzten Vergleichswert. Ist z.B. der Eingangswert größer „>“ als der Vergleichswert „0“, so beginnt das Element zu blinken.
Wert des Komparators / Vergleichsoperators |
Bedeutung |
|---|---|
< |
kleiner |
> |
größer |
= |
gleich |
>= |
größer oder gleich |
<= |
kleiner oder gleich |
Schaltfläche
Note
Mit der Animation „Schaltfläche“ können verschiedene Funktionen für einen Button realisiert werden. Es gibt dabei sieben verschiedene Aktionsmöglichkeiten.
Beispiel Schaltfläche:
Attribut |
Wert |
Bezeichnung |
|---|---|---|
Aktion |
siehe Tabelle „Aktion“ |
Aktionstyp des Buttons |
Ziel |
siehe Tabelle „Ziel“ |
Zielsignal, Zielbild oder Zieldatenquelle |
Mögliche Aktionstypen für das Attribut „Aktion“:
Wert des Attributs Aktion |
Bedeutung |
|---|---|
Fester Wert setzen |
Button zum Setzen eines festen Wertes |
Digitalwert setzen (0 oder 1) |
Button als Schalter mit freier Eingabe |
Analogwert setzen |
Button als Sollwert setzen mit freier Eingabe |
Charge Starten |
Button zum Starten einer Charge |
Prozessbild wechseln |
Button welcher das angezeigte Prozessbild ändert |
Dashboard wechseln |
Button zum direkten Navigieren eines Dashboards |
Datenquelle online |
Button zum Online-Schalten einer Datenquelle |
Datenquelle offline |
Button zum Offline-Schalten Datenquelle |
Diagramm öffnen |
Öffnet den Historischen Signal Dialog als Diagramm |
Liste öffnen |
Öffnet den Historischen Signal Dialog als Liste |
Mögliche Werte für das Attribut „Ziel”:
Wert des Attributs Ziel |
Bezeichnung |
|---|---|
P:”Bild-ID” |
Zielbild mit entsprechender ID |
S:”Signal-ID” |
Zielsignal mit entsprechender ID |
T:”Datenquelle-ID” |
Datenquelle mit entsprechender ID |
Farbe
Note
Die Animation „Farbe“ ermöglicht es, Objekte, je nach Wert des festgelegten Signals, einzufärben.
Beispiel:
Festgelegte Attributnamen für die Animation Farbe:
Attribut |
Wert |
Bedeutung |
|---|---|---|
Von |
z.B. 0 |
Beginn eines Farbbereichs. |
Bis |
z.B. 30 |
Ende eines Farbbereichs. |
Farbe |
RGB |
Hier wählen Sie eine Grundfarbe oder passen diese über die Eingabeflächen R, G und B an. Das Objekt wird in dieser Farbe gefärbt, sollte das Signal im Bereich der „Von“ und „Bis“ Werte liegen. |
Text
Note
Mit der Animation „Text“ lassen sich analoge Messwerte und binäre Zählwerte anzeigen.
Beispiel zwei Textfelder: Signalwert (oben) mit Zeitstempel (unten):
Attribut |
Wert |
Bedeutung |
|---|---|---|
Signal |
ID |
Gibt den Wert im Textfeld aus |
Label |
Text |
siehe unten |
Zeitstempel |
Button |
siehe unten |
Label
Der Wert, der auf dem Eingangssignal erscheint, wird im Textfeld angezeigt. Damit der Wert in der Visualisierung richtig angezeigt werden kann, müssen wir vorher die Nachkommastellen und Maßeinheiten festlegen. Dazu muss das Textfeld Label, welches den Wert später wiedergeben soll folgende Informationen beinhalten:
Note
Beispiel: %2.1f m³/h
Das % markiert den Beginn der Formatierungssymbole und ist zwingend erforderlich.
Die 2 beschreibt, dass es 2 Vorkommastellen gibt.
Die 1 beschreibt, dass es 1 Nachkommastelle gibt.
Das f ist der Zahlentyp, in diesem Fall Double also Zahlen mit Nachkommastellen.
Die Einheit m³/h steht einfach hinter dem später ausgegebenen Wert.
Genauere Informationen zur Darstellungsform findet sich hier: https://www.php.net/manual/de/function.sprintf.php
Ab Frontend Version „4.3.20210709-unstable“ können STRING-Variable (Text) innerhalb eines Prozessbildes angezeigt werden.
Beispiel: %s
Zeitstempel
Der Zeitstempel bildet das Datum und die Uhrzeit im Prozessbild ab, an dem das ausgewählte Signal sich zuletzt verändert hat. Um einen Zeitstempel im Prozessbild abzubilden, muss im Vorfeld der Button “Zeitstempel“ ausgewählt werden. Dieser Zeitstempel ersetzt den Text im ausgewählten Text-Element auf dem Prozessbild. Das Textfeld „Label“ verschwindet nach der Auswahl des Buttons „Zeitstempel“.
Note
In Inkscape, sowie im audako Animator, sieht man weiterhin den Text, der in das Text-Element eingetragen wurde und nicht die Werte des Zeitstempels.
Sichtbarkeit
Note
Die Animation „Sichtbarkeit“, ermöglicht es, ein Element sichtbar, sowie unsichtbar zu machen. Außerdem kann eine Transparenz eingestellt werden.
Beispiel: Button 2 → Wert zu niedrig → Text bleibt unsichtbar
Beispiel: Button 3 → Wert überschritten → Text wird sichtbar
Attribut |
Wert |
Bezeichnung |
|---|---|---|
Signal |
ID |
Die ID des Eingangswertes |
Modus |
Standard, Invertiert, Erweitert |
Auswahl des Modus für die Sichtbarkeit |
Standard |
0 = Unsichtbar 1 =Sichtbar |
Digitales Signal kann sichtbar oder unsichtbar gemacht werden. |
Invertiert |
1 = Unsichtbar 0 =Sichtbar |
Digitales Signal kann sichtbar oder unsichtbar gemacht werden. |
Erweitert |
Siehe „Von”, „Bis”, „Deckkraft“ |
Mit dem Modus „Erweitert“ können Intervalle eingestellt werden. Pro Intervall kann eine Reichweite und die Deckkraft eingestellt werden. Mit diesem Modus können auch analoge Signale dargestellt werden |
Von |
z.B. -50 |
Startwerte eines Intervalls |
Bis |
z.B 0 |
Endwerte eines Intervalls |
Deckkraft |
z.B. 0 |
Deckkraft eines Intervalls. Die Deckkraft wird in Prozent angegeben. 0 = keine Deckkraft, 100 = volle Deckkraft. |
Gleiten
Note
Mit der Animation „Gleiten“ können Objekte entweder horizontal oder vertikal bewegt werden.
Beispiel Button 1: Button legt Wert fest → Regler gleitet je nach Wert nach links oder rechts
Beispiel Button 3: Button 3 ausgewählt → Regler fährt nach rechts
Attribut |
Wert |
Bezeichnung |
|---|---|---|
Signal |
ID |
Die ID des Eingangswertes |
Animationsdauer |
z.B. 5 Sekunden |
Dauer der Animation (in Sekunden) |
Faktor |
z.B. 10 |
Der Wert „Faktor“ wird mit dem Wert des Signals multipliziert. Das Produkt gibt an wie viele px das Objekt gleitet. |
Min |
z.B. 100px |
Liegt das Produkt der Multiplikation zwischen Signalwert und Faktor unterhalb des min. Wert, wird der min. Wert genutzt |
Max |
z.B. 600px |
Liegt das Produkt der Multiplikation zwischen Signalwert und Faktor oberhalb des max. Wert, wird der max. Wert genutzt |
Richtung |
|
Gibt die Richtung an, in die das Objekt gleitet |
