In der heutigen schnelllebigen digitalen Umgebung kann die manuelle Aktualisierung von Digital Displays sowohl mühsam als auch fehleranfällig sein. Diese Anleitung zeigt Ihnen, wie Sie Live-Daten in Ihre digitalen Bildschirme integrieren können, um nahtlose automatische Updates auf allen Ihren Displays zu ermöglichen.
In diesem Artikel:
- Was ist OptiSync?
- Hinzufügen Ihrer Datenquelle
- Eingabe Ihrer Datenquelle im Designer
- Bearbeiten und Gestalten Ihres Repeaters im Designer
- Auf Bildschirme übertragen
| Hinweis: OptiSync ist nur in den Tarifen Pro Plus und höher verfügbar. |
Was ist OptiSync?
OptiSync ist eine integrierte Lösung, die entwickelt wurde, um nahtlos mit verschiedenen Datenquellen zu verbinden, einschließlich Tabellen, APIs und Datenbanktabellen.
Hauptfunktionen:
- Einfache Einrichtung: Die Einrichtung Ihrer Datenquelle erfordert wenig oder gar keinen Code und gewährleistet einen schnellen und unkomplizierten Prozess.
- Automatische Updates: Sie können Ihre Datenquelle direkt mit unserer Designer-App verknüpfen, die Ihre Inhalte automatisch aktualisiert.
- Echtzeitdaten: Dies stellt sicher, dass Ihr Digital Display immer die neuesten Daten widerspiegelt, wodurch manuelle Eingaben entfallen, Fehler reduziert und Zeit gespart werden.
Anwendungsfälle:
OptiSync ist ideal für eine Vielzahl von Anwendungsfällen, wie zum Beispiel:
- Anzeige von Mitarbeitergeburtstagen
- Restaurantmenüs
- Arbeitsjubiläen
- Produktkataloge
- Team-Vorstellungen
- Und viele mehr!
Mit OptiSync bleiben Ihre Digital Displays genau und aktuell, wodurch die Kommunikation und das Engagement in verschiedenen Umgebungen verbessert werden.
Hinzufügen Ihrer Datenquelle
Sie können Ihre Datenquelle über Kontoeinstellungen oder über die Designer-App hinzufügen.
Kontoeinstellungen
- Klicken Sie oben rechts auf Ihren Kontonamen
- Wählen Sie Mehr
- Wählen Sie Datenquellen
- Wählen Sie Datenquelle hinzufügen
- Wählen Sie Ihre Datenquelle aus der Liste der Optionen und befolgen Sie die Anweisungen zum Import
- Wenn Sie Ihre Kontoeinstellungen vollständig öffnen, finden Sie diese unter "Erweitert" in der linken Spalte
Designer-App:
- Öffnen Sie die Designer-App
- Wählen Sie Datenquellen aus der linken Spalte
- Wählen Sie Datenquelle hinzufügen
- Wählen Sie Ihre Datenquelle aus der Liste der Optionen und befolgen Sie die Anweisungen zum Import
Bitte folgen Sie diesen Anleitungen, um verschiedene Arten von Datenquellen hochzuladen:
- Wie Sie Google Sheets als Datenquelle für OptiSync hinzufügen
- Wie Sie ein Microsoft 365 Excel-Arbeitsblatt als Datenquelle für OptiSync hinzufügen
Zusätzlich können Sie API-Anfragen integrieren und testen sowie alle erforderlichen Pre- oder Post-Request-Codierungen ausführen.
Sobald Ihre Datenquelle eingerichtet ist, können Sie Verwendungsort sehen, die Datenquelle Bearbeiten und/oder sie Duplizieren.
- Verwendungsort: Dies zeigt Ihnen, welche Ihrer Designs diese Datenquelle verwenden. Dies ist nützlich, um die Verwendung dieser Datenquelle über verschiedene Assets hinweg zu verfolgen.
- Daten bearbeiten: Gehen Sie in Ihre Datenquelle und nehmen Sie Aktualisierungen/Änderungen vor.
- Duplizieren: Dies erstellt eine Kopie Ihrer Datenquelle.
Eingabe Ihrer Datenquelle im Designer
Sobald Ihre Datenquelle eingerichtet ist, können Sie sie mit der Designer-App verbinden.
Gehen Sie zu Datenquelle auf der linken Seite des Seitenmenüs.
Wie bereits erwähnt, können Sie hier Ihre Datenquelle hinzufügen. Oder wenn Sie sie bereits im Datenquellen-Bereich von Erweitert erstellt haben, sollte sie unter Weitere Datenquellen angezeigt werden.
Wählen Sie Ihre Datenquelle aus.
Ziehen Sie die Datenquellenelemente per Drag-and-Drop auf die Designer-Arbeitsfläche.
- Sie können entweder eine ganze Zeile oder die einzelnen Aspekte innerhalb der Zeilen ziehen und ablegen.
Eine Popup-Nachricht erscheint mit der Frage: "Möchten Sie diese Daten in einem Repeater oder eigenständig verwenden?"
-
Eigenständig verwenden: Es wird ein eigenständiges Element sein und wird automatisch basierend auf der Datenquelle aktualisiert.
-
In einem Repeater verwenden: Dies schließt das Datenquellenelement in eine Repeater-Komponente ein.
- Repeater ist ein Tool, das in der Designer-Anwendung verwendet werden kann, um eine Liste von Elementen dynamisch anzuzeigen und zu wiederholen.
| WICHTIG |
| OptiSync unterstützt keine Sonderzeichen (d.h. alles außerhalb des Umfangs einer englischsprachigen Tastatur). Dies führt dazu, dass die Systemdaten als leer gelesen werden und nicht angezeigt werden. |
Bearbeiten und Gestalten Ihres Repeaters im Designer
Sie können sowohl die Vorlage als auch den Repeater im Designer bearbeiten!
Der Repeater befindet sich im Seitenmenü der Designer-Anwendung.
Innerhalb des Repeater-Bereichs enthält er mehrere einsatzbereite "Repeater-Komponenten" und "Repeater-Vorlagen".
| Was ist der Unterschied zwischen den beiden? |
|
Repeater-Komponente: Entwickelt, um sich wiederholende Elemente zusammen mit einigen Designelementen zu verwalten und anzuzeigen. Sie können diese Repeater-Komponente in jede Designvorlage Ihrer Wahl einfügen – sie muss keine Repeater-Vorlage sein. Sobald sie hinzugefügt wurde, verbinden Sie sie einfach mit Ihrer Datenquelle. Denken Sie daran als ein Widget, das einfach über verschiedene Designs implementiert und angepasst werden kann, um Daten dynamisch anzuzeigen. |
|
Repeater-Vorlage: Speziell entwickelt, um sich wiederholende Elemente innerhalb einer vordefinierten Vorlage oder eines Designlayouts anzuzeigen. Wie andere Vorlagen ersetzt sie jedes vorhandene Design bei der Anwendung. Sie können weiterhin Bearbeitungen und Änderungen nach Wunsch vornehmen. Auch hier müssen Benutzer es nur herunterladen und mit Ihrer gewünschten Datenquelle verbinden. |
Jedes dieser Elemente kann mit einer Datenquelle verknüpft und dann auf die gleiche Weise wie jede andere Designer-Komponente bearbeitet werden.
Weitere Informationen hierzu finden Sie in unseren Anleitungen:
Sie können auch die Formatierung eines Repeaters anpassen, indem Sie ihn auswählen und dann Einstellungen auswählen.
Dies öffnet den Bereich Data Mapping für den Repeater im Seitenmenü:
Dann werden diese Optionen angezeigt:
- Datenquelle ersetzen: Ändern Sie Ihre Datenquelle
- Verwalten: Nehmen Sie Änderungen an den Informationen Ihrer Datenquelle vor.
- Filter: Wenden Sie bedingungsbasierte Filter auf die Datenquelle an. Filterbedingungen können mit einem festen Wert oder Geräteattributen angewendet werden.
- Trennen: Trennen Sie Ihre Datenquelle vom Repeater
-
Behandlung leerer Daten: Wenn kein Datenquellenelement vorhanden ist, ist das Standardverhalten die Verwendung eines leeren Werts. Sie können dies mit den folgenden Optionen anpassen:
- Überspringen: Überspringen Sie es oder entfernen Sie zusätzliche Repeater-Elemente, wenn nicht genügend Daten vorhanden sind, um die festgelegte "Anzahl der angezeigten Elemente pro Seite" zu erreichen.
- Standardwert verwenden: Zeigen Sie Standardinhalte an, also wie Ihr Repeater-Element für sich allein aussieht.
- Leer verwenden: Der Repeater zeigt nichts an.
- Abstand zwischen Elementen: Erhöhen oder verringern Sie den Abstand zwischen den Repeater-Elementen.
-
Anzeigerichtung der Elemente: Ändern Sie die Positionierung der Zeilen aus Ihrer Datenquelle innerhalb der Repeater-Elemente.
- Von links nach rechts: Die Zeilen werden von links nach rechts angezeigt.
- Von oben nach unten: Die Zeilen werden von oben nach unten angezeigt.
- Ausrichtung der Elementanzeige: Ändern Sie die Ausrichtung der verbleibenden Elementelemente (weniger als die konfigurierten Elemente) auf linksbündig/zentriert/rechtsbündig oder oben/zentriert/unten.
- Anzahl der angezeigten Elemente pro Seite: Erhöhen oder verringern Sie, wie viele Repeater-Elemente Sie anzeigen möchten.
- Maximale Elemente in jeder Zeile/Spalte: Erhöhen oder verringern Sie, wie viele Repeater-Elemente Sie in jeder Zeile/Spalte anzeigen möchten.
- Zusätzlicher Zeilen-/Spaltenabstand: Erhöhen oder verringern Sie den Abstand zwischen Zeilen/Spalten.
- Dauer (Sekunden): Passen Sie die Zeitdauer an, wie lange jedes Repeater-Element angezeigt wird.
- Zufallswiedergabe: Mischen Sie die Elemente in Ihrer Datenquelle zufällig, um sie im Repeater anzuzeigen.
Wenn Sie einen Repeater bearbeiten, werden Ihre Aktualisierungen für jede Instanz von Daten im Datensatz repliziert.
- Dies ermöglicht ein konsistentes Aussehen über ähnliche Elemente hinweg, ohne dass jedes einzeln gestaltet werden muss.
Wenn Sie eine bestimmte Repeater-Vorlage oder -Komponente verwenden möchten und die Beispiel-Datenquelle auf eine Ihrer Datenquellen aktualisieren möchten, befolgen Sie bitte die unten gezeigten Schritte:
So verwenden Sie die Property Mapping-Funktion
Diese erweiterte Funktion ermöglicht es Ihnen, das Aussehen bestimmter Daten in Ihrem Repeater basierend auf vom Benutzer festgelegten Bedingungen zu ändern. Diese in der Datenquelle definierten Bedingungen werden den entsprechenden Werten oder Elementen im Repeater zugeordnet, und die angegebene Formatierung wird dann angewendet.
- Doppelklicken Sie im Designer auf den Repeater, den Sie ändern möchten. (Dies öffnet den Repeater-Editor.)
- Wählen Sie das Element im Repeater aus, das Sie bearbeiten möchten, und klicken Sie dann oben auf Einstellungen
- Klicken Sie im Seitenmenü auf Erweiterte Optionen
- Klicken Sie auf + Property Mapping (Sie drücken dies für jede neue Mapping-Instanz, die Sie möchten)
- Klicken Sie auf das Property-Menü und wählen Sie eine der oben gezeigten Optionen aus dem Dropdown-Menü oder geben Sie manuell eine der unten aufgeführten verfügbaren Optionen ein.
- Klicken Sie auf das Wert-Menü und wählen Sie den entsprechenden Spaltennamen (Diese Informationen werden aus Ihrer Datenquelle gezogen).
- Wiederholen Sie dies für so viele Instanzen, wie Sie für mehrere Elemente in Ihrem Repeater möchten.
- Klicken Sie auf Aktualisieren, um sicherzustellen, dass diese Informationen gespeichert und auf Ihren Repeater angewendet werden.
Hier sind die aufgeführten Property-Mapping-Optionen in den erweiterten Einstellungen:
| Property | Was es bewirkt | Wert |
| Füllfarbe | Ändern Sie die Farbe einer ausgewählten Form oder eines Texts in Ihrem Repeater | Akzeptiert einen gültigen Hex-Farbwert oder Farbnamen (z.B. #CE657E oder Rot) |
| Schriftgröße | Ändern Sie die Größe einer Textschrift und wie sie auf Bildschirmen erscheint | Akzeptiert numerischen Wert (z.B. 20) |
| Schriftfamilie | Ändern Sie die Schriftart eines ausgewählten Textes, wie Arial, Times New Roman oder benutzerdefinierte Schriftarten. | Akzeptiert Zeichenkettenwerte, die die Schriftfamilie darstellen. (z.B. Times New Roman) |
| Hintergrundfarbe | Ändern Sie die Hintergrundfarbe einer ausgewählten Form oder eines Texts in Ihrem Repeater. | Akzeptiert einen gültigen Hex-Farbwert oder Farbnamen (z.B. #CE657E oder Rot) |
| Schriftstärke | Ändern Sie die Stärke oder Dicke der Textschrift, um sie heller oder fetter erscheinen zu lassen. | Akzeptiert spezifische Werte: normal, bold, lighter, bolder, unset oder 100, 200, 300, 400, 500, 600, 700, 800, 900 |
| Unterstreichen | Geben Sie an, ob Sie den Text zur Betonung unterstreichen möchten. | Boolescher Wert; akzeptiert true/false oder 0/1 |
| Durchstreichen | Geben Sie an, ob Sie eine Linie durch den Text haben möchten. | Boolescher Wert; akzeptiert true/false oder 0/1 |
| Überstrich | Geben Sie an, ob der Text einen Überstrich hat. | Boolescher Wert; akzeptiert true/false oder 0/1 |
| Textausrichtung | Ändern Sie die horizontale Ausrichtung des Textes. | Akzeptiert spezifische Werte: left, center, right, justify, justify-left, justify-center, justify-right |
| Konturfarbe | Ändern Sie die Kontur-/Umrissfarbe | Akzeptiert einen gültigen Hex-Farbwert oder Farbnamen (z.B. #CE657E oder Rot) |
| Konturbreite | Geben Sie die Breite der Kontur an, die bestimmt, wie dick oder dünn der Umriss ist. | Akzeptiert einen numerischen Wert. |
| Richtung | Legen Sie die Textrichtung fest: von links nach rechts oder von rechts nach links | Akzeptiert spezifische Werte: ltr oder rtl |
| Sichtbar | Bestimmen Sie, ob das Element sichtbar ist oder nicht. | Boolescher Wert; akzeptiert true/false oder 0/1 |
| Deckkraft | Ändern Sie die Transparenzstufe einer ausgewählten Form, eines Texts oder Fotos in Ihrem Repeater | Akzeptiert einen numerischen Wert von 0-1 (z.B. 0,2 entspricht 20%) |
Hier ist ein Beispiel für eine Beispiel-Datenquelle, die mit Füllfarbe, Hintergrundfarbe, Deckkraft, Schriftstärke und Textausrichtung eingerichtet wurde:
So verwenden Sie Anzeigeformat-Optionen
Wenn Sie die Formatierung bestimmter Daten aus Ihrer Datenquelle ändern möchten, wie sie auf Ihrem Repeater aussehen, können Sie dies mit der Anzeigformat-Option tun, die im Repeater-Editor verfügbar ist. Dies spart Ihnen Zeit bei der Bearbeitung Ihrer ursprünglichen Datenquelle und wird die Formatierung auf alle wiederholten Elemente im Repeater anwenden.
Befolgen Sie die Schritte im vorherigen Abschnitt bezüglich Property Mapping, um auf die Anzeigeformat-Optionen zuzugreifen.
| Anzeigeformat-Option | Was es bewirkt |
| Text | Dies zeigt den Rohwert ohne Formatierung an. |
| Datum Zeit | Sie können die Zeitzone, das Datumsformat und das Zeitformat mit verfügbaren Optionen ändern. |
| Zahl | Sie können Zahlen formatieren, um sie als Prozentsätze, Dezimalzahlen, Währung und mehr anzuzeigen. |
Auf Bildschirme übertragen
Sobald Ihr Design fertiggestellt ist, ist es bereit, auf den Bildschirm übertragen zu werden.
(Hier ist eine Anleitung, falls Sie weitere Unterstützung benötigen.)
Ihr Bildschirm wird automatisch basierend auf Ihrer verbundenen Datenquelle aktualisiert.
Sie müssen Ihre Daten nicht mehr manuell aktualisieren, was zeitaufwändig und fehleranfällig ist.