AMX IS-SPX-1000/1300 Special News Templates, Composing a Live News Document, Layout Templates

Page 26

Inspired Signage XPress Programming

Special News Templates

To simplify the creation of dynamic content, XPress is provided with a set of active templates that can be customized by the user and that perform specific actions. The active templates use JavaScript for dynamic creation of SVG documents with specific graphical layouts and up-to-date content.

In this section, we discuss a number of active templates we have developed to retrieve RSS content. We call these templates news templates.

RSS is a family of Web feed formats used to publish frequently updated content such as blog entries, news headlines, and podcasts. RSS documents are XML documents with specific structures and tags which can be retrieved from the Internet or other network locations.

The news templates instruct the IS-SPX Player to extract from remote RSS files the “content” and apply a customizable graphical layout which may include the text positions in the scene, the font properties, the background image and the animation of each element of the scene.

The same template can also use XML, Text, CSV or iCalendar files as data source.

A few examples of templates are suggested that display the text on the screen according to predefined graphical layouts.

All the templates can be found under the My Templates/ folder after XPress installation. The templates are split into two categories: The Layout Templates and the Format Helpers.

Layout Templates

Template Name

Description

 

 

news.svg

Display news from RSS, XML, Text, CSV or iCalendar in a formatted manner.

 

Supports single or multiple items per page.

 

 

news_ticker.svg

Display news text in a scrolling banner (left/right or top/bottom).

 

 

news_crawler.svg

Display formatted news using scrolling (left/right or top/bottom). Can be used to display logo/

 

media in a ticker or multi-line tickers.

 

 

Format Helpers

Helper Name

Description

 

 

bouncing_text.svg

Text too large to be displayed will 'bounce' left to right or top to bottom

 

 

fit_text.svg

Text size will adapt to the area available.

 

 

date_time.svg

Display a date/time in a formatted manner.

 

 

switch.svg

Display different media depending on the item content.

 

 

Composing a Live News Document

To compose a live news document:

1.Copy the news template SVG file from My Templates/News into your project.

2.Open a new exploring tab of your current project in the browsing panel.

3.Open an additional exploring tab located in My Templates/News.

4.Drag and drop the template file you have chosen from the news tab into your current project tab.

5.Open the newly created SVG file. Select your news source using the RSS Feed Source entry. Type the URL of the RSS news to use an external news feed.

6.Customize the display of your news source:

Press the Edit button.

Move or resize the text/media box in the preview panel as desired.

Edit the text box content. The [SPX][title] and [SPX][description] will be replaced by the content of the RSS news.

Add news text or media boxes using the Layer tab.

18

Inspired XPress - Programming Guide

Page 25 Page 27
Image 26
Page 25 Page 27
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 Installing Inspired Signage XPress for the First Time InstallationWhen to use XPress Authoring Features? IntroductionMinimum Recommended PC Requirements XPress must be restarted to complete the activationXPress Removal Installation LocationInspired Signage XPress UI XPress Main Interface Learning XPress Authoring FeaturesXPress Projects Creating a New Project My Projects folderBrowsing Panel New Project dialog TargetImporting Video Importing Multi-Media FilesImporting Images Importing Flash SWF Files Importing PowerPoint PresentationsCreating and Editing SVG Files Editing an Existing SVG Document Template Document ParametersEdit a Media Property Media description dialog lets you changeInteractive Editing Interactively Editing SVG FilesEditing Media Elements Layout Demonstration of Media ElementsEditing Media Links Editing TextCustomizing a Multi-Layer SVG Document Multi-Layered SVG TemplatesComposing a Scene Example Editing Playlist TemplateHow to Customize a Playlist SVG Document Composing a playlist SVG documentPlaylist Tab Layout Templates Special News TemplatesComposing a Live News Document Format HelpersNewsticker.svg Customizing a News SVG DocumentNews.svg Newscrawler.svgBouncingtext.svg Using Format HelpersSwitch.svg Fittext.svgScalable Content and Aspect Ratio of Your Display Example of 169 content169 templates as shows on a 43 screen Adding Effects Configuring EffectsMultimedia Effects Preview XPress Content PreviewingUsing Quick Publish PublishingMonitoring Manually Add Devices to XPressCheck the Status of the Devices Scheduling the Content Displayed by an IS-SPX PlayerScheduling Open a DeviceCreate a New Schedule Open a ScheduleAdd Events To a Schedule Calendar viewModify the Scheduling Properties of an Event Define Default Events and RecurrencesDefine a Default Animation Define Recurring Events Edit recurrence rulePreview Scheduled Content Data Polling RatesHow To Use Remote Control Remote Control of ContentWhen To Use Remote Control OverviewID table Triggering a Content Switch Over IP PlaylistExample Testing Settings menu Enable Network APISwitching Content With the Serial Port Switching Content With a USB HID DeviceSwitching Content From Another Device Key Identifiers tabHow To Use Remote Control of Playback Remote Control of PlaybackWhen To Use Remote Control of Playback Interactive Pause/Resume Using Http GET Interactive Pause/Resume Over TCPTimed pause/seek/resume GET Embedded In an HtmlInteractive Pause/Resume From a Device Getting Feedback On the Playback Progress Knowing the Current Position With Extra AccuracyTriggering a Text or Image Overlay Triggering an Alternative ContentRemote Triggers Triggering of SVG Animations Designing Basic Projects for Multiscreen Layouts Application ExamplesMultiscreen Displays Creating a Configurable Multiscreen Project New Project menuMultiscreen Properties Creating a Multiscreen Project from Templates Finding the multiscreen templatesNew multiscreen project can now be Saved and Edited Editing Multiscreen Content Multiscreen layout drop down optionsCreate a Virtual Device Configuring XPress and the IS-SPX PlayerConfigure the Multiscreen ID Synchronizing Devices SynchronizationPublish Your Project To Your Device Configure NTP Through the Http Interface Administration Date/TimeConfiguration Advanced ConfigurationUsing an IS-SPX Player as an NTP Server Configuration of the IS-SPX Player Acting as Master Master/Server Architecture ExamplesCanvas and Viewbox Concepts Syntax for Multiscreen Synchronized ContentSynchronization Elements Multiscreen ElementsSpxbegin Element Additional Syntax for Multiscreen ContentExtension of the SVG switch Element Extension of JavaScript Example Screen Layout With Six ScreensExample switch SVG Element Example Screen Layout With Spread DisplaysNTP Synchronization TroubleshootingExample JavaScript Project CreationSynchronized Content Synchronized Content Inspired XPress Programming Guide Creating Interactive Content Interactivity Template FilesCreating a Touch Screen Menu Creating ButtonsControlling Media Adding an Action IDTesting the Project Enter Interactive ModeCreating a Keyboard Menu Creating the MenuConfiguring the menu Button Action IDsRGB values Hexadecimal value Eyedropper tool Controlling the Menu Color Selection greenKeystrokes Interactive controlsControlling Media Layers tab keystroke.svgSuggestions for Further Projects Testing the ProjectPlayback Projects Playback Template New ProjectExample Media player Controlling the MediaPlayback Position Playback.svg details Slider.svg placement IS-SPX Player Configuration Interactivity SettingsCalibration For Touch Screens Calibration of a Touchscreen Through the IS-SPX PlayerManual Calibration Procedure TroubleshootingSerial Protocol File Editor Adding a List VariableAdding a Range Variable Edit Variable Page List variableExporting the Finished File Edit Variable page Range variablePage Interface Concepts Behind Shared VariablesJavascript API Network API Setting the VariableSample Code Reading the VariableList of Commands Network API CommandsEnabling the Network API Sample CodeRestarting XPress will reset all the shared variables API EmulationShared Variables Inspired XPress Programming Guide Serial Control Gathering Display Serial Protocol CommandsSerial Protocol Commands Text Serial Protocol Commands Hex Creating a Serial Protocol FileManual Command Text Entries HexVolume Control Variable Variable ListMute On Sound Screen Mute Picture OnScreen Mute Picture Off Mute Off SoundUnder the Administration section, select RS232 / USB IO Uploading the Serial Protocol FileCreating New Templates XPress My Templates FolderCreating and updating a new calendar file XML Tree with new attribute param1New.ics file Serial Control From NetLinx Power commandAdding Additional Templates to Inspired Signage XPress Commonly Used Terms FSMIncrease Your Revenue through education + knowledge
Top Page Image Contents