AMX IS-SPX-1000/1300 manual Creating Interactive Content, Interactivity Template Files

Page 71

Interactivity

Interactivity

Overview

In addition to static control of displays through an IS-SPX Player, Inspired Signage XPress allows interactivity between the device and an end user. With the use of AMX touch screens and other touch-enabled displays, you can create interactive banners, menus, and other presentations that encourage user involvement.

Creating Interactive Content

Creating interactive content through XPress, such as creating a menu or controlling displayed media, uses a combination

of JavaScript programming and the use of templates designed for this purpose. These templates are available at www.amx.com. Creating interactive content for the IS-SPX Player requires configuring the device to allow enabling

events and configuration of touch screens.

Before proceeding, you will have to download and install the Interactivity template folder to your computer if you have not already done so. For more information on installing the folder, please refer to Adding Additional Templates to Inspired Signage XPress on page 100.

Interactivity Template Files

Open the Interactivity folder in the My Templates tab of the Workspace pane to view the individual files. These files include:

keyboard.svg - This file presents a configurable touchscreen keyboard.

keystroke.svg - This file controls the reactions between the keys in a keyboard and the display. menu_buttons.svg - This file allows a response when a button on a touch screen is pressed. menu_media.svg - This file allows control of the presented media in a menu listing. menu_select.svg - This file allows selection between the different entries in a menu. playback.svg - This file allows control of variables to control pauses and playbacks. queuing.svg - This file allows control of a controllable counter, such as a "Now Serving" sign. slider.svg - This file allows control of video files and animations through a draggable slider bar.

The properties of each file may be displayed by clicking on the file and viewing the options in the Edit Mode Workspace. The tabs at the bottom of the Workspace display information on each of the components of the particular file (FIG. 71).

FIG. 71 Edit Mode Workspace

Inspired XPress - Programming Guide	63

Image 71

Contents Inspired Signage XPress WARRANTY, Disclaimer and License Table of Contents Remote Control Synchronized Content Interactivity Serial Protocol File Editor Table of Contents Inspired XPress Programming Guide Introduction InstallationWhen to use XPress Authoring Features? Installing Inspired Signage XPress for the First TimeXPress must be restarted to complete the activation Minimum Recommended PC RequirementsXPress Removal Installation LocationInspired Signage XPress UI XPress Main Interface Learning XPress Authoring FeaturesXPress Projects My Projects folder Creating a New ProjectNew Project dialog Target Browsing PanelImporting Video Importing Multi-Media FilesImporting Images Importing Flash SWF Files Importing PowerPoint PresentationsCreating and Editing SVG Files Template Document Parameters Editing an Existing SVG DocumentMedia description dialog lets you change Edit a Media PropertyInteractively Editing SVG Files Interactive EditingDemonstration of Media Elements Editing Media Elements LayoutEditing Text Editing Media LinksCustomizing a Multi-Layer SVG Document Multi-Layered SVG TemplatesComposing a Scene Playlist Template Example EditingComposing a playlist SVG document How to Customize a Playlist SVG DocumentPlaylist Tab Format Helpers Special News TemplatesComposing a Live News Document Layout TemplatesNewscrawler.svg Customizing a News SVG DocumentNews.svg Newsticker.svgFittext.svg Using Format HelpersSwitch.svg Bouncingtext.svgExample of 169 content Scalable Content and Aspect Ratio of Your Display169 templates as shows on a 43 screen Adding Effects Configuring EffectsMultimedia Effects Previewing Preview XPress ContentPublishing Using Quick PublishManually Add Devices to XPress MonitoringOpen a Device Scheduling the Content Displayed by an IS-SPX PlayerScheduling Check the Status of the DevicesOpen a Schedule Create a New ScheduleCalendar view Add Events To a ScheduleModify the Scheduling Properties of an Event Define Default Events and RecurrencesDefine a Default Animation Edit recurrence rule Define Recurring EventsData Polling Rates Preview Scheduled ContentOverview Remote Control of ContentWhen To Use Remote Control How To Use Remote ControlID table Playlist Triggering a Content Switch Over IPSettings menu Enable Network API Example TestingSwitching Content With a USB HID Device Switching Content With the Serial PortKey Identifiers tab Switching Content From Another DeviceHow To Use Remote Control of Playback Remote Control of PlaybackWhen To Use Remote Control of Playback Interactive Pause/Resume Over TCP Interactive Pause/Resume Using Http GETTimed pause/seek/resume GET Embedded In an HtmlInteractive Pause/Resume From a Device Knowing the Current Position With Extra Accuracy Getting Feedback On the Playback ProgressTriggering a Text or Image Overlay Triggering an Alternative ContentRemote Triggers Triggering of SVG Animations Designing Basic Projects for Multiscreen Layouts Application ExamplesMultiscreen Displays New Project menu Creating a Configurable Multiscreen ProjectMultiscreen Properties Finding the multiscreen templates Creating a Multiscreen Project from TemplatesNew multiscreen project can now be Saved and Edited Multiscreen layout drop down options Editing Multiscreen ContentCreate a Virtual Device Configuring XPress and the IS-SPX PlayerConfigure the Multiscreen ID Synchronizing Devices SynchronizationPublish Your Project To Your Device Administration Date/Time Configure NTP Through the Http InterfaceConfiguration Advanced ConfigurationUsing an IS-SPX Player as an NTP Server Master/Server Architecture Examples Configuration of the IS-SPX Player Acting as MasterMultiscreen Elements Syntax for Multiscreen Synchronized ContentSynchronization Elements Canvas and Viewbox ConceptsSpxbegin Element Additional Syntax for Multiscreen ContentExtension of the SVG switch Element Example Screen Layout With Six Screens Extension of JavaScriptExample Screen Layout With Spread Displays Example switch SVG ElementProject Creation TroubleshootingExample JavaScript NTP SynchronizationSynchronized Content Synchronized Content Inspired XPress Programming Guide Interactivity Template Files Creating Interactive ContentCreating Buttons Creating a Touch Screen MenuAdding an Action ID Controlling MediaEnter Interactive Mode Testing the ProjectCreating the Menu Creating a Keyboard MenuButton Action IDs Configuring the menuRGB values Hexadecimal value Eyedropper tool Color Selection green Controlling the MenuInteractive controls KeystrokesLayers tab keystroke.svg Controlling MediaSuggestions for Further Projects Testing the ProjectPlayback Projects New Project Playback TemplateExample Media player Controlling the MediaPlayback Position Playback.svg details Slider.svg placement Interactivity Settings IS-SPX Player ConfigurationCalibration of a Touchscreen Through the IS-SPX Player Calibration For Touch ScreensTroubleshooting Manual Calibration ProcedureAdding a List Variable Serial Protocol File EditorEdit Variable Page List variable Adding a Range VariableEdit Variable page Range variable Exporting the Finished FilePage Interface Concepts Behind Shared VariablesJavascript API Reading the Variable Setting the VariableSample Code Network APINetwork API Commands List of CommandsSample Code Enabling the Network APIAPI Emulation Restarting XPress will reset all the shared variablesShared Variables Inspired XPress Programming Guide Serial Control Gathering Display Serial Protocol CommandsSerial Protocol Commands Text Creating a Serial Protocol File Serial Protocol Commands HexHex Manual Command Text EntriesVariable List Volume Control VariableMute Off Sound Screen Mute Picture OnScreen Mute Picture Off Mute On SoundUploading the Serial Protocol File Under the Administration section, select RS232 / USB IOXPress My Templates Folder Creating New TemplatesXML Tree with new attribute param1 Creating and updating a new calendar fileNew.ics file Serial Control From NetLinx Power commandAdding Additional Templates to Inspired Signage XPress FSM Commonly Used TermsIncrease Your Revenue through education + knowledge