Overview:
Module activation
Technical Setup
Calibrating at launch
Creating the Template Set
Aspect Ratio
Background Template
Background Image on Main Slide(s)
Different Overlays
Option 1: Overlays stays put on the main slide
Option 2: Overlay stays put on monitor
Create & link presentation
In this article, we provide a brief overview of our “Glide & Show” module.
It enables interactive navigation on a slide by moving a monitor/tablet. The module offers a wide range of applications, from “X-ray views” at trade fairs to additional information about a showroom or booth area. All of this, of course, includes all of presono's general interactive options and can be combined with other modules such as Remote Control.
In this example, we use a main slide showing our train (our model) with an “X-ray view” and various detailed information linked as overlays. Of course, this can be expanded and combined as desired with various other slides and functions in presono (screensaver, more than one detail level, additional modules, etc.).
Module activation
Please note: The Glide & Show module is an additional module that must be activated individually. Please contact your presono contact person or write to us at info@presono.com.
Technical Setup
Once the module has been activated, the content can be created. In the following sections, we explain exactly what you need to consider when doing so. In this section, we briefly explain how the technical setup works.
The entire setup basically consists of a (touch) monitor placed on a rail and a computer (mini PC or similar) that feeds content to the monitor.
A virtual server runs on the PC (set up by presono during installation and ideally located in Autostart) and the presono desktop app (Windows) with a Presenter User. Use via the mobile apps (Android & iOS) is currently not possible.
Thanks to the desktop app, presono can also be used offline in showrooms or at trade fairs and can even be configured as a plug-and-play solution. More information here: presono on trade shows & Present offline
Calibrating at launch
As soon as the device is restarted, it must be calibrated once so that presono knows the end points of the rail. To calibrate, move the monitor all the way to the left and then all the way to the right so that the contacts touch the edge.
Special overlays are created for calibration. These overlays are displayed when calibration is required.
Creating the Template Set
Aspect Ratio
In presono, template sets with individual aspect ratios can be created—the required aspect ratio must be calculated individually.
In general, you calculate the ratio of the total width—the length of the rail, taking into account whether the monitor extends beyond the end points of the rail—to the height of the monitor.
These values can then be set in the Template Set settings along with the exact pixel height of the monitor:
Background Template
All background templates to be used for Glide & Show require the following class at the layout section (note: not on the group):
fill-and-scroll
This class ensures that slides using this background template are displayed filled and not fitted during presentations, allowing them to be moved/slided.
Background Image on Main Slide(s)
There is one special aspect to note regarding the background of the main slide(s). Since presono optimizes the uploaded images for different applications, the background image must be uploaded for this specific aspect ratio in individual sections. The height should be exactly the (pixel) height of the monitor, and the width should be a maximum of 1280px. All images must be the same width and are then inserted into a grid gallery to achieve a seamless transition.
Different Overlays
There are basically two different types of overlays that can be displayed on top of the main slide:
Option 1 would be an overlay that appears at a specific location and “stays put” on the main slide when I move the monitor—in other words, it basically moves out of view when I move the monitor accordingly.
Option 2 is an overlay that “stays put” on the monitor, not the slide. This means that it “moves” when you move the monitor—it remains visible on the screen even when the monitor is moved. (It can cover the entire screen, as shown here, or only part of it, e.g., just the bottom third).
For option 1, you don't need a new template set; these overlays can simply be created as a new layout in the template set for the main slide(s).
For option 2, however, a new template set is required because the width must be different from the one set for the main slide.
Tip: If you want to have an overlay that moves faster or slower than the background/main slide, you can of course also achieve this using your own template sets, which are either longer or shorter than the main slide width.
Option 1: Overlays stays put on the main slide
Here, we are working in the main template set.
Here, too, the fill-and-scroll class must be assigned to the layout layer in the overlay background:
Tip: Here, you can simply place an area outside the field of view where the overlay close link is located (to make the background an overlay background). You can then place the actual close button individually in the layouts and thus use one background for multiple overlay layouts.
Then create the layout as usual and place the areas exactly where you need them later in the background:
Tip: You can use zoom and scroll to adjust your canvas area so that you can work comfortably here too:
At the end, create your overlay as usual and link it to the main slide.
Option 2: Overlay stays put on monitor
For the option where the overlay “stays put” on the monitor, we work in a new template set:
This set requires the aspect ratio of the monitor that is being moved. The overlay can, of course, cover the entire screen, as shown here, or only part of it.
In this case, we do not need a class in the background template because we do not want to move anything:
Create the layout as usual and then create an overlay, which you link to the main slide.
Create & link presentation
In the end, create your presentation, slides, and overlays, and link everything to the main slide or slides.
You may also be interested in:
Creating interactive presentations