Undo/Redo, XML-Editor, Bitmap, Elemente ausrichten, Pixabay, Goldener Schnitt

Jana@mdtSoftware News

SOFTWARE RELAUNCH - Neue Features

Es ist Zeit für etwas Neues!

Nachdem wir Ihnen das neue Software-Design und die Benutzerverwaltung im letzten Beitrag vorgestellt haben, möchten wir Ihnen nun die neuen Features der Software vorstellen. Möchten Sie zuerst den vorherigen Beitrag lesen, klicken Sie hier.

Undo/Redo

Manchmal reicht ein einziger Klick und alles ist nicht mehr so, wie es geplant war ... aber keine Sorge! Möchten Sie eine getätigte Änderung rückgängig machen oder wiederherstellen? Dafür befinden sich im HTML-Editor an der oberen rechten Ecke die beiden Pfeilsymbole, die die Möglichkeit zum „Undo“ oder „Redo“ bieten.
Screen Editor Undo Redo Digital Signage Software

Pixabay

Pixabay.com ist eine internationale Bilddatenbank für gemeinfreie Fotos, Illustrationen, Vektorgrafiken und Videos. Mit der neuen Anbindung zum kostenlosen Bildportal Pixabay stehen Ihnen mit einem Klick mehr als 1,2 Mio. Bilder und Videos zur Verfügung. In dieser umfangreichen Auswahl finden Sie sicher ein passendes Bild, mit dem der professionellen Content Erstellung nichts mehr im Wege steht.

Wählen Sie dazu entweder im linken Auswahlmenü die Medienverwaltung aus, in der Sie Bilder, Videos und Vektorgrafiken per Drag & Drop in die Vorlagen kopieren. Oder drücken Sie im HTML-Editor unter [Elemente einfügen] den Button [Pixabay], der im unten stehenden Bild rot markiert ist.

Unabhängig davon, wie Sie auf die Datenbank zugreifen, können Sie durch einen Suchbegriff nach einem passenden Medium suchen. Dort stehen Ihnen die Auswahlmöglichkeiten Bilder, Full HD Bilder, Vektorgrafiken und Videos zur Auswahl. Ebenfalls können Sie wählen, welche Farben in dem gesuchten Bild vorrangig sein soll. Wenn Sie ein gewisses Format wünschen, können Sie zwischen horizontalen und vertikalen Medien wählen.

Pixabay Integration Screen Editor POS Software

Fibonacci-Spirale und Goldener Schnitt

Die richtige Ausrichtung und Anordnung von Bildern und Textelementen ist ein wichtiger Aspekt in der Gestaltung eines ansehnlichen Screens. Daher wurde das Hilfsraster zur Ausrichtung durch die Fibonacci-Spirale und den Goldenen Schnitt erweitert. Diese beiden Anordnungen werden allgemein als schön und harmonisch empfunden und die Orientierung daran erleichtert den Bild- bzw. Screenaufbau.
Digital Signage Software Ausrichtung Goldener Schnitt Fibonacci Spirale
Als Beispiel wurde in der Software aus der Datenbank Pixabay das Bild des Surfers ausgewählt und an der linken Seite das Hilfsraster "Fibonacci-Spirale" hinzugefügt. Der Surfer befindet sich genau im Goldenen Schnitt, der durch die senkrechte Linie gekennzeichnet ist. Der restliche Bildaufbau entspricht der Fibonacci-Spirale. Die Raster dienen dabei jedoch lediglich als Orientierungshilfen.Wenn Sie Ihr Bild ausschließlich am goldenen Schnitt ausrichten möchten, können Sie diesen im Auswahlbereich der Hilfsraster auch einzeln auswählen.

Xml-Editor

Der Xml-Editor ist jetzt auch in der Cloud des Screen Editors vollständig erreichbar. Dieser bietet je nach Benutzerrechten die Möglichkeit zum einfachen und schnellen Austauschen von Texten und Bildern verschiedener Screens. Sie haben beispielsweise einen Screen erstellt und möchten diesen in eine Xml-Datei umwandeln. Klicken Sie dazu unter dem Reiter RSS auf das Plus-Symbol und erstellen Sie damit eine Xml-Datei. Danach erscheint die Datei, hier "Angebot.xml" unter RSS. Unter dem dahinterliegenden Stift-Symbol können Sie diese nun bearbeiten.
XML Editor für Digital Signage Projekte

Das Besondere: In der Xml Datei können zusätzlich Informationen, wie Datum, Kalenderwoche, Wochentag, Monat, Uhrzeit, Zahl, Farbe, Ja/Nein und die URL eingetragen werden. Unter Einstellungen, erreichbar durch das Zahnrad-Symbol im RSS Reiter, können diese dann nach den jeweiligen Kriterien/Eigenschaften gefiltert werden.
Das ermöglicht die Vereinfachung und Verringerung der Komplexität bei regelmäßigen Abänderungen.

In diesem Beispiel einer Kantine wurde einmalig ein Screen erstellt, der die Postion des Gerichtes, der Gerichtsbeschreibung und des Preises enthält. Wird daraus eine XML Datei erstellt, können im XML-Editor beliebig viele Screens im selben Aufbau addiert werden (durch einen Klick auf das Plus in der linken Spalte).
Nun können schnell die verschiedenen Tagesgerichte angepasst werden durch Änderung des Namens, der Beschreibung und des Preises und es muss nicht für jedes Gericht ein eigener Screen erstellt werden. Auch die Bilder könnten je nach Freigabe des Benutzers gewechselt werden. Zusätzlich besteht die Möglichkeit bestimmte weitere Daten hinzuzufügen, beispielsweise der Wochentag, an dem jeweils die Tagesgerichte angezeigt werden sollen. Unter Einstellungen ist dann wieder der Filter für die Wochentage zu setzen, der die automatische Anzeige der passenden Screens an den jeweiligen Wochentagen möglich macht.

XML Editor POS Software

Der Xml-Editor erlaubt zudem eine WYSIWYG (What you see is what you get) Ansicht für HTML-Screens. Diese Vorschau, die unten rechts im Bild zu sehen ist, zeigt durch einen Klick auf die Spalte des jeweilige Screens die Ansicht des fertigen Screens.

Ein zusätzliches Feature im Xml-Editor ist das Hoch- oder Tiefstellen des Textes. Dazu wird der gewünschte Text markiert und im mit Rechtsklick geöffneten Menü die Option [Hochgestellt] oder [Tiefgestellt] ausgewählt. In der Xml-Vorschau sehen Sie nach der Aktualisierung dann, wie der Text dargestellt wird.

XML Editor Hochgestellte und tiefgestellte Schriften
Diese Funktion des Hoch- und Tiefstellens des Textes ist für das Betriebssystem Windows momentan noch nicht verfügbar, sie wird jedoch in Kürze folgen.
Elemente ausrichten
Sie haben beliebig viele Elemente in ihrem Screen, die Sie im selben Verhältnis zueinander anordnen möchten? Ab sofort ist kein gutes Augenmaß mehr für die Ausrichtung nötig! Markieren Sie dazu alle Elemente, die ausgerichtet werden sollen. Danach erscheint im rechten Menü das Feld [Ausrichten], in dem verschiedene Möglichkeiten der Ausrichtung angegeben sind. Im Beispiel wurde [mittig] und [horizontal aufteilen] gewählt (rot markiert). Das erste und das letzte Element geben die Positionierung und die Größe an, die Elemente in der Mitte richten sich gleichmäßig daran aus.
Screen Editor Template Designer Elemente ausrichten
Als Ergebnis werden die markierten Elemente dann im Auswahlfenster mittig positioniert und in selben Verhältnis zueinander angeordnet.
Template Designer Screen Editor ausgerichtete Elemente
Bitmap

Um ein besseres Handling und eine bessere Übersicht der Screenelemente zu erreichen, können mehrere Grafikelemente zu einem Element als Bild zusammengefasst werden.

Wählen Sie dazu, wie im Bild zu sehen, alle Grafikelemente aus und drücken auf die rechte Maustaste. Es öffnet sich ein Menü, in dem sie die Auswahl [In Bild umwandeln] wählen.

Digital Signage Template Designer Bitmap erstellen
Die Grafikelemente werden dadurch zu einem Element zusammengefasst. Im Beispiel werden alle Sterne zu einem Bild zusammengefasst, in dem die einzelnen Sterne ihre Position nicht mehr verändern können.
Screen Editor Template vereinfachen mit Bitmap
Der Vorteil
Sie können nun die Grafik vergrößern, verkleinern und an verschiedene Positionen ziehen, ohne dass die Elemente verrutschen oder Sie jedes einzelne Element neu ausrichten und anpassen müssen. Zudem erleichtert dieser Schritt die Übersicht in der Liste der Screenelemente und führt dadurch zu einem besseren Handling.

Wir wünschen Ihnen viel Freude mit den neuen Features!