Screensaver

You can define one or more screensavers in your MT Showcase app.

A single screensaver can comprise a background such as Awesome or Shader effect, an image or movie, or animated content. The screensaver is displayed when the app has been idle for a specified time. To clear the screensaver and return to the app, the user taps the screen.

• Screensaver content: The simplest screensaver shows an animated background such as Awesome or Shader effect. Alternatively, a screensaver can display an Image viewer, Image movie, or Video viewer widget; you specify the image or video that is displayed. The final screensaver option is Animated content.

• Multiple screensavers: By default, a single screensaver fills the entire screen, but you can specify a custom size and screen area. For example, you may choose to define several screensavers, each showing separate content, covering different areas of the screen.

• Lock screen: Optionally, you can add locking to a screensaver. User can manually activate the screensaver and lock the screen. While locked, the screensaver cannot be dismissed and prevents all input on the underlying content. For more details see Lock Screen below.

Example screensaver: animated content on top of Shader effect background. The animated content comprises an Image Viewer widget that fades in and out at random screen locations. Users tap anywhere on the screen to hide the screensaver and return to the Showcase app.

Add a Screensaver to Your App

Follow these steps:

1. Click Structures in the left-hand pane.

2. Click the structure you want to edit. For example, My First Structure. The Editing a Structure screen opens.

3. Go to the Overlay section and click Add a new widget to Overlay.

4. From the pop-up widget menu, choose Screensaver.

Editing a structure screen. 1 Pop-up menu of Overlay widgets. 2 Screensaver widget and Add button.

5. In the Screensaver attributes pane, set the general screensaver attributes:

   • Size and Location: By default, a single screensaver fills the entire screen. (To manually configure a screensaver to fill the screen, set both attributes to 0 0.) Alternatively, you can specify a custom size and location for the screensaver.

   • Idle time: Specify how much idle time (in seconds) must elapse before the screensaver launches. "Idle time" means a period in which no users touch the screen or interact with the app.

   • Clip contents: You do not normally need to change this attribute. Click the help button for details.

6. (Optional) If you intend to add multiple screensavers to your app, you may want to give distinctive names to each screensaver in the Editor. To rename a screensaver, right-click the Screensaver widget and click Rename.

7. Click the Save button.

Now set up the content for your screensaver. Go to the next section.

Set Up Content for Your Screensaver

Follow these steps:

1. In the Editing a Structure screen, click the triangle next to the Screensaver widget that you added above. The widget expands to reveal the Add a new widget to Screensaver hyperlink.

2. Click the Add a new widget hyperlink.

   1. Add the widget(s) you want. Choose from:

      • Image Viewer, Image Movie or Video Viewer.

      • Awesome or Shader effect animated backgrounds.

      • Animated content.

   Tip

   You can add multiple images, videos or animated content to a single screensaver.

   2. Set the attributes for the new widget(s).

   Note

   If you want an image or video screensaver to fill the entire screen, you must manually set the Size and Location attributes to fill your video wall.

3. Click the Save button.

Setting up a screensaver. 1 Screensaver added to Overlay layer. 2 Triangle -- click to reveal "Add a new widget" hyperlink. 3 Expanded Screensaver content widget. 4 "Add a new widget to Screensaver contents" hyperlink.

Lock Screen

You can use a screensaver to lock the screen. While the screen is locked, the screensaver cannot be dismissed, and it prevents all input on the underlying content.

User can manually activate the screensaver and set either a PIN or Codice card to lock the screen. The screen can be unlocked later by presenting the same PIN or Codice card.

Add Locking Behaviour to a Screensaver

You can add locking to an existing screensaver or create a new one. For example, to add locking to the screensaver in My First Structure, follow these steps:

1. Edit the screensaver attributes:

   1. Click Structures in the left-hand menu.

   2. Click the My First Structure hyperlink.

   3. In the Main section, click the Screensaver widget.

2. Add a new Lock behaviour.

   1. In the screensaver attributes pane, go to the Lock behaviour attribute.

   2. Click the New button.

   3. Type a name for the new Lock behaviour. For example, My screen lock.

   4. Click the Save button.

3. Edit the Lock behaviour.

   1. Click the Edit button to display the Editing a widget screen.

   2. In the Editing a widget screen, go to the right-hand attributes panes.

   3. Set the Unlocking method. This attribute determines the method for locking and unlocking the screen. You can set this to PIN or Codice card or allow user to choose the method when locking the screen. The actual PIN or Codice is set by the user when locking the screen.

   4. Click the Save button.

4. (Optional) Disable automatic screensaver activation. Normally the screensaver activates after the app has been idle for a while. But you can set the App idle timeout attribute for the screensaver to 0 to prevent the screensaver from activating automatically.

Now set up a method for the user to activate the screensaver. Go to the next section.

align

center

alt

Lock behaviour attribute in the screensaver attributes pane

Lock behaviour attribute in the screensaver attributes pane.

Add a Screensaver Trigger Widget to Your App

Screensaver must be activated manually to lock the screen. If the screensaver activates after an idle timeout, the screen is not locked even if the screensaver has a locking behaviour configured.

You can add a Screensaver trigger widget to your app to allow users to activate the screensaver. You can add this widget to a menu, hotspot or Codice content.

Note

If your app has multiple screensavers, the screensaver trigger activates all of them.

For example, to add a Screensaver trigger widget to a content hotspot, follow these steps:

1. Add a Content hotspot to your app's structure.

2. (Optional) Configure the hotspot location and appearance.

   1. Configure the Location and Size attributes for the hotspot.

   2. Add a visualization widget to help users locate the hotspot. Drag an image from the media library to the Hotspot visualization widgets list.

   3. Save the changes.

3. Add a Screensaver trigger widget to the hotspot.

   1. Click the Add hyperlink for the Widgets launched from hotspot around tap location list.

   2. Select the Screensaver trigger widget.

   3. Save the changes.

This completes the lock screen configuration. Now test locking and unlocking the screen.

Test Lock Screen

To lock the screen, tap the hotspot with the screensaver trigger widget. The screensaver is activated, and a dialog is displayed to input a PIN or Codice to lock the screen.

• PIN: Use the virtual numpad to type in a 4-digit PIN. Tap Lock. Then type in the same PIN again to confirm it. Finally tap Lock again to lock the screen.

• Codice: Place your Codice card on the dialog. Review the displayed code to make sure it was read correctly. Then tap Lock to lock the screen.

Screen lock dialog for PIN.

align

center

alt

Screen lock dialog for Codice

Screen lock dialog for Codice.

To unlock the screen, tap anywhere on the screensaver area to bring up an unlocking dialog. Type in the PIN or place a Codice card on the dialog. Then tap Unlock. You can also simply place the Codice on the screen without first tapping the screen to unlock the screen.

align

center

alt

Screen unlock dialog for PIN

Screen unlock dialog for PIN.

align

center

alt

Screen unlock dialog for Codice

Screen unlock dialog for Codice.