Glide & Show Modul – presono's Wissensdatenbank

Überblick:

Freischaltung des Moduls
Technisches Set Up
Kalibrieren beim Start
Template Set erstellen
Seitenverhältnis
Hintergrundtemplate
Hintergrundbild auf Hauptslide(s)
Verschiedene Overlays
Option 1: Overlay bleibt stehen
Option 2: Overlay bewegt sich mit
Präsentation erstellen & verlinken

In diesem Artikel geben wir einen kurzen Überblick über unser "Glide & Show" Modul.

Es ermöglicht eine interaktive Navigation auf einer Slide durch die Bewegung des Monitors/Tablets. Das Modul bietet vielfältige Einsatzbereiche, von "Röntgenblicken" auf Messen bis zu Zusatzinfos über einen Showroom oder Standbereich. All dies natürlich unter Einbeziehung aller generellen interaktiven Möglichkeiten von presono und kombinierbar mit anderen Modulen wie bspw. Remote Control.

In diesem Beispiel haben wir eine Haupt-Slide, die unseren Zug (unser Modell) mit "Röntgenblick" zeigt und wo diverse Detailinfos in Form von Overlays verlinkt sind. Das ist aber natürlich beliebig erweiter- und kombinierbar mit diversen weiteren Slides und Funktionen in presono (Screensaver, mehr als eine Detail-Ebene, weitere Module etc.).

Freischaltung des Moduls

Hinweis: beim Glide & Show Modul handelt es sich um ein zusätzliches Modul, welches separat freigeschalten werden muss. Kontaktiere daher gerne deine Ansprechperson bei presono oder schreib uns unter info@presono.com.

Technisches Set Up

Sobald das Modul freigeschalten wurde, können die Inhalte vorbereitet werden. In den nachstehenden Abschnitten erklären wir dir genau, worauf du dabei achten musst. In diesem Abschnitt erklären wir dir noch kurz, wie das technische Set Up funktioniert.

Der ganze Aufbau besteht im Prinzip aus einem (Touch-)Monitor, der auf einer Schiene platziert wird und einem Computer (Mini PC o.ä.), der den Monitor mit Inhalt bespielt.

Auf dem PC läuft ein virtueller Server (wird von presono bei der Einrichtung aufgesetzt und liegt idealerweise im Autostart) und die presono Desktop App (Windows) mit einem Presenter User. Eine Nutzung über die mobilen Apps (Android & iOS) ist derzeit nicht möglich.

Durch die Desktop App kann presono im Showroom oder auf Messen auch hier offline genutzt werden und sogar zu einer Plug-and-Play Lösung konfiguriert werden. Mehr dazu hier: presono auf Messen & Offline präsentieren

Kalibrieren beim Start

Wird das Gerät neu gestartet, wird einmal kalibriert, sodass presono die Endpunkte der Schiene hat und die Position auf der Schiene wieder ganz genau stimmt. Zum Kalibrieren wird der Monitor einmal ganz nach links und einmal ganz nach rechts geschoben, sodass die Kontakte am Rand anschlagen.

Fürs Kalibrieren werden spezielle Overlays hinterlegt. Diese Overlays werden dann angezeigt, wenn eine Kalibrierung nötig ist.

Template Set erstellen

Seitenverhältnis

In presono können Template Sets mit individuellen Seitenverhältnissen erstellt werden - das benötigte Seitenverhältnis muss individuell berrechnet werden.

Im Prinzip errechnet man sich das Verhältnis der insgesamten Breite - die Länge der Schiene mit Berücksichtigung ob der Monitor über die Endpunkte der Schiene hinausragt - zur Höhe des Monitors.

Diese Werte können dann mit der genauen Pixelhöhe des Monitors in den Einstellungen vom Template Set hinterlegt werden:

Hintergrundtemplate

Alle Hintergrund Templates, die für Glide & Show verwendet werden sollen, benötigen folgende Klasse auf der Layout Ebene (Achtung nicht auf der Gruppe):

fill-and-scroll

Durch diese Klasse werden die Slides, die dieses Hintergrund Template verwenden, ausgefüllt und nicht eingepasst angezeigt werden beim Präsentieren, wodurch sie sich verschieben lassen.

Hintergrundbild auf Hauptslide(s)

Eine Besonderheit beim Hintergrund der Haupt-Slide(s) gibt es noch zu beachten. Da presono die hochgeladenen Bilder für die unterschiedlichen Anwendungen optimiert, muss das Hintergrundbild für ein so spezielles Seitenverhältnis in einzelnen Abschnitten hochgeladen werden. Die Höhe sollte dabei genau die (Pixel) Höhe des Monitors sein, die Breite maximal 1280px. Alle Bilder müssen gleich breit sein und werden dann in eine Grid-Gallery eingefügt, um einen nahtlosen Übergang zu erreichen.

Verschiedene Overlays

Es gibt im Prinzip zwei unterschiedliche Arten von Overlays, die über der Haupt-Slide angezeigt werden können:

Option 1 wäre ein Overlay, was an einer spezifischen Stelle erscheint und auf der Hauptslide "stehenbleibt", wenn ich den Monitor bewege - im Prinzip also aus dem Sichtfeld rückt, wenn ich den Monitor entsprechend bewege.

Option 2 ist ein Overlay, was am Monitor "stehenbleibt". Was sich also "mitbewegt", wenn man den Monitor schiebt - also am Bildschirm weiterhin sichtbar, auch wenn der Monitor bewegt wird. (ganz bedeckt, so wie hier, aber natürlich auch teilweise bedeckt möglich zB nur das untere Drittel).

Für Option 1 benötigst du kein neues Template Set, diese Overlays können einfach im Template Set für die Haupt-Slide(s) als neues Layout angelegt werden.

Für die Option 2 hingegen wird ein neues Template Set benötigt, weil die Breite eine andere sein muss, wie die, die bei der Haupt-Slide hinterlegt wird.

Tipp: wenn man ein Overlay haben möchte, welches sich schneller oder langsamer als der Hintergrund/die Hauptslide bewegt, kann man dies natürlich auch über eigene Template Sets lösen, die eben entweder länger oder kürzer sind als die Haupt-Slide-Breite.

Option 1: Overlay bleibt auf der Slide stehen

Hier wird im Haupt-Template Set gearbeitet.

Auch hier muss im Overlay-Hintergrund die Klasse fill-and-scroll auf der Layout-Ebene vergeben werden:

Tipp: Hier kannst du einfach einen Bereich außerhalb des Sichtfelds hinlegen, wo der Overlay-Schließen-Link drauf liegt (um den Hintergrund zu einem Overlay-Hintergrund zu machen). Den eigentlichen Close Button kannst du dann individuell in den Layouts setzen und so einen Hintergrund für mehrere Overlay-Layouts verwenden.

Lege dann das Layout wie gewohnt an und platziere die Bereiche genau an die Stelle des Hintergrunds, wo du sie später brauchst:

Tipp: du kannst mit Zoomen & Scrollen deinen Canvas-Bereich super einpassen, sodass du auch hier gut arbeiten kannst:

Erstelle am Ende wie gewohnt dein Overlay und verlinke es auf der Haupt-Slide.

Option 2: Overlay bleibt am Monitor stehen

Bei der Option, wo das Overlay am Monitor stehen bleibt arbeiten wir in einem neuen Template Set:

Dieses Set benötigt das Seitenverhältnis vom Monitor, der geschoben wird. Das Overlay kann natürlich den ganzen Bildschirm bedecken, wie hier, oder nur einen Teil.

In diesem Fall benötigen wir keine Klasse im Hintergrundtemplate, weil wir ja nicht verschieben wollen: