Designing Interactive Layouts - Black Box iCOMPEL 2U Series User Manual

1. Creates a list of all zones showing items coincident to the remote keypad button event.
2. Processes that list in depth order, starting with the top zone.
3. If a zone has an active remote keypad button action, and that is not to pass the event to another zone, the iCOMPEL
performs the specified action and stops processing.
4. If no zone has an active remote keypad button action, the iCOMPEL performs the remote keypad action defined for the
layout.
Passing Touch Events to HTML Pages:
If the current zone supports HTML, the iCOMPEL can pass touch events directly to the currently showing HTML page.
Using this technique, you can build rich interactive applications using stored HTML content. However, you cannot create
interactions with external web sites.
When developing such HTML applications, you will likely require a large number of files. In order for the iCOMPEL to keep
track of these files during channel publishing and layout package creation, follow these rules:
Initiate the application from a single HTML file (you can redirect from here to other files as required). Add that file to the
playlist.
Place all additional files in a single subdirectory named
initiating HTML file (without its extension). Locate that subdirectory in the directory containing the initiating HTML file.

4.2.1 Designing Interactive Layouts

You can design layouts that respond to user input in various ways:
Send an Advance To command to play a specific item or start a playlist.
Change the current layout.
Change the size and position of a zone.
Display hidden zones.
Send a signal to another device using the RS-232 port.
You might find the following general guidance helpful when developing interactive layouts.
Develop a Storyboard:
Advance planning is particularly important when designing a layout that smoothly offers choices and options to users. A
storyboard is a plan based on a series of sketches of individual scenes. Storyboarding is very effective technique when
designing interaction sequences. You can create a storyboard with sketches of screen layouts or simply with a flowchart.
The important point is to detail all possible outcomes at each stage of interaction.
Provide Material for Optional Actions:
You must make sure that you have collected and uploaded all the media files you require for any possible scenarios
controlled by interaction events. Before you start implementing your interaction events, create playlists for zones that
include all the necessary Advance To commands and rendezvous points.
Trade-Offs Between Display Change Methods:
You can change the display in response to an interaction either by changing the size and show/hide properties of a zone or
Copyright © 2010-2013 Black Box Network Services. All Rights Reserved.
[pagename]_files
724-746-5500 | blackbox.com
Enhancing Your displays
, where is the name of the
[pagename]
73