Beginner's Guide to Infovue Design
Total Page:16
File Type:pdf, Size:1020Kb
® TM Beginner’s Guide to TelVue InfoVue This is a step-by-step guide to creating your first InfoVue screens. Once you have mastered these steps, you can try your hand at more sophisticated displays. This Guide includes instructions on how to create a variety of InfoVue displays, each using different elements. We’ll start with the easiest kind of display and gradually introduce new design tools with each successive template. You can at any point refer to the online InfoVue User Manual instructions for more in-depth information. Table of Contents Tour of Dashboard 1 Understand the Hierarchy 2 Example #1: Upload, Schedule and Publish a Slideshow 3 Tour of Template Designer 5 Example #2: Design a Simple Template 6 Example #3: Add Dynamic Elements 9 Understanding the Data Feed Manager 9 Example #4: Add Dynamic Data part 1 - Server Feed 10 Example #5: Add Dynamic Data part 2 - Data Feed in a Ticker 12 Example #6: Add Dynamic Data part 3 - Data Feed in Data Grid 14 Odds & Ends 15 Additional Resources 16 Tour of Dashboard When you first log into https://infovue.telvue.com, the InfoVue Dashboard displays all the components you need to create, organize, and schedule your InfoVue content. The InfoVue user interface is divided into 4 windows: Beginner’s Guide to InfoVue v2 © 2017 TelVue Corporation. www.telvue.com. 800-885-8886. 1 1. Player – is where you manage your player network and access the Monitoring/Publish/Analytics windows. 2. Content – is where you will upload content and create Templates and Tickers. 3. Playlist – is where you create lists of content you wish to play in sequence, or randomly. 4. Scheduling grid– is where playlists are scheduled for playback. 5. The Main Menu (gear icon) on the lower left of the screen is where you access your user account, the Help link to the User Manual, and Log Out. Understand the Hierarchy It is important to understand Groups and Sub-groups in the Player pane. An InfoVue account is typically organized with the content at the Group level, and the players in Sub-groups. A Sub-group is used when there is a need to have different schedules for different players. Many groups use one player for Live and one for Preview. Some groups, like a school district, might assign a sub-group to each school in the district. Each sub-group could then have its own Live and Preview sub-sub-groups. Beginner’s Guide to InfoVue v2 © 2017 TelVue Corporation. www.telvue.com. 800-885-8886. 2 All content and playlists that exist at the higher level can be SHARED by all sub-groups. Content or playlists in a sub-group CANNOT be used by another sub-group. User accounts can be assigned to the appropriate group or sub-group to manage content and scheduling at that level. You know what level you’re working on by the breadcrumb trail at the top of each pane. Example #1: Upload, Schedule and Publish a Slideshow The simplest kind of display is a slideshow - a playlist of images that will loop for as long as you want. To create a slideshow in InfoVue: 1. Organize Content: Take a moment to think about organizing your content into folders in the Content Library. To create a folder, right-click on MEDIA & TEMPLATES and Add → folder. Folders can be nested by right-clicking on a folder name to create a sub-folder. By creating a folder for your slideshow, you’ll save some steps later in the process. 2. Prepare Content: The images should all be in the same aspect ratio to avoid distortion. If you plan to display the slideshow fullscreen, that means 16:9 for HD or 4:3 for SD. If you plan to embed the images in a template, the aspect ratio doesn’t have to match the screen size, but must be consistent for all images in the slideshow. 3. Add Content: Right-click in the right half of the Content pane. Choose Add → Media, to open the “Upload Media” popup. a. Click “Select Files” to choose one or more image files from your computer. b. Click “Upload Files” to upload to your Content Library. c. The file will show up as a thumbnail. i. Images upload with a default duration of 7 seconds.To Beginner’s Guide to InfoVue v2 © 2017 TelVue Corporation. www.telvue.com. 800-885-8886. 3 change duration, double-click on thumbnail to open the “Media Properties” window. ii. To add a transition animation, like a fade or slide, click on the right arrow to open up the second page of Media Properties. iii. If you want to define a window of validity for this image, click “Add” in the Validity window. This is useful if your image is an announcement or seasonal greeting, for example, that should stop running when it’s no longer relevant. Or if the image is only relevant to a time of day, such as the morning. 4. Create a Playlist - Once you have uploaded all your images, you want to arrange them in a playlist. a. To create a playlist, right-click in the top half of the Playlist pane and choose “Add Playlist”. This will again open up a Properties window, with options, for example, to mute audio (when using videos) or shuffle the playlist items. The only required field here is that you have to NAME the playlist at the top. SAVE. Your Playlist will show up as a colored tile at the top of the Playlist pane. Click on that and the items in that playlist will show up under a bar of the same color, below. b. To fill that playlist with images, drag and drop the Slideshow folder - or individual image thumbnails - from the Content pane to the lower half of the Playlist pane. You can rearrange the items by dragging the thumbnails up and down within the list. 5. Schedule and Publish the Playlist - To display the Playlist, it needs to be first scheduled, then published. To “Publish” to your InfoVue player means to push content, playlists, and scheduling information from the InfoVue cloud to the physical player at your facility. “Publishing” assumes your player is connected to the Internet. See the InfoVue Quick Start Guide for more detailed instructions on setting up the InfoVue player. a. To Schedule a Playlist, drag the thumbnail from the Playlist pane to the Scheduling grid. By default, it will schedule from the current time to the end of the day. But the act of dragging a playlist to the scheduling grid automatically opens up a Scheduling Properties popup, where you can fine-tune the start and end times manually. Click OK. b. The final step is to Publish this schedule to your InfoVue Player. There are two ways to do this: Beginner’s Guide to InfoVue v2 © 2017 TelVue Corporation. www.telvue.com. 800-885-8886. 4 i. In the Player pane, click on the colored square next to your player(s), then click on the Publish button at the top right of the Scheduling grid. ii. Or, to be able to view the progress of the update: 1. Select your Player(s) as in the first option 2. Click on the Monitoring tab at the top of the Player pane 3. Click on the Publish button at the top 4. A progress bar will show you when the changes have been published to your player(s). Note: This example shows you how to schedule your slideshow as a fullscreen playlist. Example #3 “Add Dynamic Elements” will explain how to embed this playlist as an element or “zone” in a larger template. Tour of Template Designer The template designer is the key to making your InfoVue displays unique. To open a Template Designer: Right-click in the right half of the Content pane. Choose Add → Template to open the template designer window. The numbered regions are, briefly: Beginner’s Guide to InfoVue v2 © 2017 TelVue Corporation. www.telvue.com. 800-885-8886. 5 1. Add Text, Shape, Date and Time, and a Data Grid to your template designer. Clicking on any of these icons will create that zone in the center of your staging area, which you will then design and resize the way you want. 2. Click on any of the grey toolbars on the left to open up additional design options for each element, such as resizing a zone, changing font styles, defining border and opacity of shapes, and choosing a background. 3. Template properties across the top include: a. Name (required) b. Dimensions i. Note: best to match your player output dimensions where possible. For example if your player is outputting 1080p, your templates would be 1920x1080. c. Duration - length of time this template stays on the screen. Default for a template is 20 seconds. If you have embedded a playlist, video, or audio into your template, it will automatically adjust duration to the longest embedded media. d. A slider to zoom in and out of the staging area. e. Once you have Saved a Template, you will see an additional “Properties” link at the top. 4. SAVE your work as you go along. There is no auto-save. 5. The grey toolbars on the right give you access to elements which you can drag onto your template such as Top Layer images, uploaded media, playlists, and most importantly, Data Feeds. 6. The central part of the screen is the Staging area where you will design your template. Example #2: Design a Simple Template We’ll start with the simplest template, using only a few of the more static elements available, such as text and shapes.