0
attracTV Studio – Step By Step
The Basic Flow Definitions Gallery  – The client application that executes the vidgets and plug-ins Vidget  – “Video Widge...
Gallery   List Once you  log in , you can see that a sample  gallery  has been created for you. Click the  Test  button an...
Edit   Gallery <ul><li>After clicking  Edit , you access the  Edit Gallery  screen. In this screen most of the work is don...
Gallery   Vidgets   List In the  Gallery Vidgets  screen, you see the list of vidgets attached to your gallery. You can so...
Edit   Vidget After you click  Edit  on a certain vidget in the gallery, the  Edit Vidget  modal window opens. Settings In...
Add   Vidget   To   Gallery After you click  Add Vidget , a modal window opens with a table of available vidget applicatio...
Saving   The   Gallery After you add vidgets to the gallery you have to click enable in order for them to become active fo...
Vidgets   List   Screen A single vidget may be attached to multiple galleries. Thus, vidgets can be created and managed in...
Gallery   Test   Popup
Types   Of   Vidgets Menu Vidget Standard Vidget
Embed   Code   Generator The  Embed Code Generator  screen is the place where you configure and then grab the HTML embed c...
Embed   Code   With   YouTube   Video Using a  video  from  YouTube  is simple: 1. Go to the relevant video page in YouTub...
Grab   The   Embed   Code Copy the embed code and put it in your website.  Copy
Upcoming SlideShare
Loading in...5
×

attracTV Studio Step by Step Guide

333

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
333
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "attracTV Studio Step by Step Guide"

  1. 1. attracTV Studio – Step By Step
  2. 2. The Basic Flow Definitions Gallery – The client application that executes the vidgets and plug-ins Vidget – “Video Widget”. A widget that lives in the context of a video Menu Vidget – A vidget that provides a menu of vidgets that the user can activate on-demand Plug-in – Adding a plug-in adds certain capabilities to the gallery such as Google Analytics integration. Add plug-ins Create A Gallery Attach vidgets to the gallery Attach a menu vidget for on-demand vidget Test Get the embedded code Make Fixes
  3. 3. Gallery List Once you log in , you can see that a sample gallery has been created for you. Click the Test button and see it in action ! If you’re happy with this gallery as is, then just click Embed to get the embed code to put in your website. In order to add/remove vidgets , plug-ins or change other properties in the gallery, click Edit . Edit Embed Test
  4. 4. Edit Gallery <ul><li>After clicking Edit , you access the Edit Gallery screen. In this screen most of the work is done: </li></ul><ul><li>Setting the Gallery properties </li></ul><ul><li>Adding removing vidgets </li></ul><ul><li>Setting the relevant plug-ins </li></ul><ul><li>After each step, click Save and then Test to test your changes. </li></ul><ul><li>Now click Gallery Vidgets to add a new vidget. </li></ul>Gallery Vidgets
  5. 5. Gallery Vidgets List In the Gallery Vidgets screen, you see the list of vidgets attached to your gallery. You can sort them, enable/ disable them in the gallery, Edit a vidget and remove / add new ones. There are two types of vidgets – standard and menu vidgets. Menu vidgets enable the user to open a vidget on demand. Add Vidget Edit
  6. 6. Edit Vidget After you click Edit on a certain vidget in the gallery, the Edit Vidget modal window opens. Settings In Gallery Save Vidget Changes
  7. 7. Add Vidget To Gallery After you click Add Vidget , a modal window opens with a table of available vidget applications. You can choose to create a new instance or re-use an existing one from any vidget. If an instance from that vidget already exists in this gallery you will notice an “Existing in Gallery” indicator . After you’re done adding vidgets to the gallery don’t forget to Save the gallery. Add Existing Exists Indicator Create New
  8. 8. Saving The Gallery After you add vidgets to the gallery you have to click enable in order for them to become active for clients. After that you must click Save/Save-and-Close for your changes to take affect. Save The Gallery
  9. 9. Vidgets List Screen A single vidget may be attached to multiple galleries. Thus, vidgets can be created and managed independently from any specific gallery. From the Vidgets screen you can add and remove vidget instances and manage their content. Vidget Type List Vidget Instance List Create
  10. 10. Gallery Test Popup
  11. 11. Types Of Vidgets Menu Vidget Standard Vidget
  12. 12. Embed Code Generator The Embed Code Generator screen is the place where you configure and then grab the HTML embed code to put in your website. First choose the vidget gallery that you wish to embed and the type of video player you use. A set of additional options opens. Set the preferences, click Update And Preview and then grab the code . Here’s an example how to do it with a video from YouTube. Select Gallery And Player
  13. 13. Embed Code With YouTube Video Using a video from YouTube is simple: 1. Go to the relevant video page in YouTube and click Embed . 2. Copy the URL to the video. It should look like http:// www.youtube.com/v/VIDEO_ID 3. Open the Embed Code generator in the studio. In the example setup choose YouTube. 4. Update the file to the URL you copied from YouTube. 5. Click Update&Preview and you’re ready to copy the embed code. 2. Choose YouTube 1. Copy The Video URL From YouTube 3. Set The YouTube URL
  14. 14. Grab The Embed Code Copy the embed code and put it in your website. Copy
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×