Cinema8 Instruction Manual

Cinema8 Instruction Manual

• 1. Slide3 Instruction Manual
• 2. Slide69 INDEX What is Cinema8? Tools Tools Features Login Menu API & DOCS Settings Users Tube Library Storyflow Projects Html Animated Text Image Dynamic Image Video Audio Project Item Free Text Question Single Select Question Multi Select Question Chapter DoubleClick for Publishers Jump To Lower Third Action Clickable Area Create Introduction Subtitles Bonus 1: Embed Video with HTLM Bonus 2: Insert Pop-ups / Multi Action Drawing Analytics Fill in the Blank Question Form Designer
• 3. Slide70 The usage area and percentage of videos is rapidly increasing by rising of the mobile world and development of social networks. Correspondingly, "interactive video" technology was appeared by keeping target audience under the influence and providing them to lead video. Cinema8, new generation interactive video platform, was produced for speeding up and making easy the use of interactive video.
• 4. Slide45 Works on all mobile platforms (Iphone, Ipad, Android tools) Improved Restful API Support Video streaming, a live broadcast and hls streaming support Cooperation with Akamai that is the most important content delivery network of the World.
• 5. Slide5 §Integration with different video platforms and using the videos on these platforms hybrid (Cinema8 / Vimeo / Youtube / Kaltura / Medianova / Brightcove) §Add multi-track HTML5 content on the video §Directly Draw On The Media Object with HTML5 Canvas And WebGL Support §Advance Reporting the user experience by asking various types of questions §Changing scenarios by user interactions dynamically. §Dynamic subtitle (SRT) §Place Virtual Advertising (Google DFP Integration) §Animations, İmages, Animation Texts §Dynamic Image §Dynamic Dubbing with Audio Files §Dynamic Actions (mute, play, jump, rewind functions in specific time interval) §Add clickable area on video and link actions (rewind, jump, openurl, pause, play, visible, invisible, audio play, audio stop) §Storyflowing FEATURES
• 6. Slide101 Login
• 7. Slide8 LOGIN 1. Access the link on your internet browser: https://ivideo.streamx.io 2. Enter your user information and click «Sign In». «User Name» «Password»
• 8. Slide7 Menu
• 9. Slide9 MENU When you log in to the system, you see the menu on the left panel.
• 10. Slide11 MENU API & DOCS When you want to integrate the iVideo into your system, copy the API codes on this page and paste them to relevant area in your system.
• 11. Slide80 MENU ANALYTICS Analytics tab shows you to all analytic reports of your videos. Please, follow the steps for example. 1. Click «Analytics» tab. 2. Set the time interval to view analytics of your interactive videos. 3. This area gives you general view status of videos on your account: •Watch Time: How much time did users watch the videos? (based on minutes) •Views Count: View count of videos on your account. •Unique Views: How many different people did watch videos on your account? •Engagements: Total view percentage of videos on your account. 4. View count graphic based on date.
• 12. Slide86 MENU ANALYTICS Analytics tab shows you to all analytic reports of your videos. Please, follow the steps for example. 8. Location usage list of videos on your account. 6. Click here and print or download the graphic as PNG, JPEG, PDF or SVG formats. 5. Browser usage graphic of videos on your account. 7. Operating system usage graphic of videos on your account.
• 13. Slide88 MENU ANALYTICS Analytics tab shows you to all analytic reports of your videos. Please, follow the steps for example. 9. Here is the time based view list of Projects on your account. Project 2 Project 1 Project 3 Project 4 Project 5 Project 6 10. Write the name of the Project and click search to find it. 11. Click analytic icon to view the analytics of the Project.
• 14. Slide89 MENU 13. Statistics of the current Project. Project 1 ANALYTICS Analytics tab shows you to all analytic reports of your videos. Please, follow the steps for example. 12. Name of the Project. 14. Graphic which shows the viewing areas on the video. 15. Heatmap table shows to you user and device, IP address, page, utm source, country/city and watching heatmap graphic of the user who watch the Project. 16. Click «Tracks» tab to trace your objects on timeline of the Project. Follow the newt page.
• 15. Slide90 MENU Hangi türde halı bakıyorsunuz? QUESTIO N Hangi türde halı bakıyorsunuz? 181 163 Oturma Odası Çocuk Odası Çocuk Odası Çocuk Odası Oturma Odası Çocuk Odası Çocuk Odası Oturma Odası Oturma Odası Oturma Odası Oturma Odası Çocuk Odası Answered Question Çocuk Odası ANALYTICS Analytics tab shows you to all analytic reports of your videos. Please, follow the steps for example. 17. Graphic which shows the viewing areas on the video. 18. Track name. 19. Track type. 20. Click the arrow between the interaction type and view detailed track statistics. 22. Pie chart of the question track. This gives to you rate of given answers and count. 21. You can download the report of the track by clicking «Download Report» button. 23. Click «Load More» button to load the rest of the statistics. 24. Click «Download Tracks Report» button to download the report of all tracks on the Project.
• 16. Slide18 MENU Streaming Platform: In this part, you need to select platform which you will import your videos. Here are 5 options: Cinema8, Kaltura, Brightcove, Medianova, Vimeo and Youtube. After you click them, enter your account information. Then, click the «Synchronize» button on the right. After all these, you will be done with iVideo synchronisation with your account. DoubleClick for Publishers: Add virtual advertising on your videos. Integrate your DHP account by copying the code in your account and pasting it here. SETTINGS There are 3 tabs on Settings menu: Streaming Platform, DoubleClick for Publishers, Advanced Advanced: Here are Callback URL and Api Key fields that you can use in your systems. Intagrate with your Callback URL and Api Key information. Create a new API Key by clicking «Create Api Key» button.
• 17. Slide19 MENU 1. Click «Users Management» tab. 2. Click «Create User» button. USERS MANAGEMENT Users tab provides you to assign a user. Please, follow the steps.
• 18. Slide14 MENU 3. Enter user name. 7. Click «Save» button. USERS MANAGEMENT On the opening page, enter the user information that you want to create. 4. Enter user surname. 5. Define a username. 6. Write e-mail address. 7. Write a password. 8. Write the password again. 9. Select the security group. •Default Company Group: Gives admin authorization to user. The user can use the Cinema8 interactive video editor. •Default End User Group: Gives access to Cinema8 Tube Channel.
• 19. Slide128 MENU 1. Click «Tools» tab. 2. Click «Form Designer» for Create a form TOOLS Create your own video channel by using Tube tab. Please, follow the steps. The form creation step will be described in detail in the ivideo elements section.
• 20. Slide20 MENU 1. Click «Tube» tab. 2. Click «Create Channel» button. TUBE- Channel Create your own video channel by using Tube tab. Please, follow the steps.
• 21. Slide17 MENU 3. Enter channel name. 4. Write an explanation about your channel. 7. Add a thumbnail image for your channel. 8. Add a cover image for your channel. 9. Click «Save» button. TUBE- Channel On the opening page, enter the channel information that you want to create. 5. The channel is displayed when log in. 6. The channel is displayed when anonymous.
• 22. Slide124 MENU 1. Click «Tube» tab. 2. Click «Create Playlist» button. TUBE- Playlist List Create your own video channel by using Tube tab. Please, follow the steps.
• 23. Slide126 MENU 3. Enter playlist name. 4. Write an explanation about your playlist. 5. Insert tag for your playlist. 6. Click «Save» button. TUBE- Playlist List On the opening page, enter the channel information that you want to create.
• 24. Slide127 MENU 7. Search playlist name. 8. Click « Action» button the edit and delete your playlist. TUBE- Playlist List On the opening page, enter the channel information that you want to create.
• 25. Slide125 MENU 1. Click «Tube» tab. 9. Click «Save» button. TUBE- Settings Create your own video channel by using Tube tab. Please, follow the steps. 8. Add your other accounts so they appear on your Tube account 3. Mark these checkbox If you want to enable the profile page settings for your Tube account. Activate if you want to access your tube account profile settings. 2. Mark these checkbox if you want to activate the profile page on your Tube account. The profile page is on your tube account, do not activate it if you do not want to use it. 7. Select the logo in your file. Click «Browse» button. Find your logo and add it 6. Mark these checkbox If you want to allow user registration for your tube account 4. Mark these checkbox If you would like to offer your forgotten password option for your Tube account users 5. Mark these checkbox If you would like to offer your forgotten password option for your Tube account users
• 26. Slide22 When you want to create an interactive video on Cinema8, the first thing is to upload the video that you will use into Library. You can also use the ready videos in the Cinema8 Library. Add audio files that you will use when you create interactive video to «Audios» tab in Library. You can also use the ready Audios in the Cinema8 Library. MENU ADDING MEDIA INTO THE LIBRARY
• 27. Slide21 MENU 1. Click «Library» tab. 3. Click «Upload» button to add a media. LIBRARY – Upload Video, Audio or Image File from Your Computer On Library tab, add video, audio and Image files that you will use in your interactive videos. Please, follow the steps. 2. Select the media type. If you will add a video, click «Videos» tab; if it is an audio file, click «Audios» tab; if it is an image file, click «Image» tab; if your video is open to share on Youtube or Vimeo, click «Web Search» tab.
• 28. Slide23 MENU Benim Videom LIBRARY – Upload Video, Audio or Image File from Your Computer On Library tab, add video, audio and Image files that you will use in your interactive videos. Please, follow the steps. 4. Select the platform to upload your video. (Cinema8, Kaltura, Medianova, Vimeo, Youtube, Brightcove). 5. Select the video in your file. Click «Browse» button. Find your video and add it. 6. Click «Upload» button. 7. Status label will be «Ready» when the video is ready to use. Now the media is uploaded. Let’s create your interactive video.
• 29. Slide139 MENU Benim Videom LIBRARY – Upload Video, Audio or Image File from Your Computer On Library tab, add video, audio and Image files that you will use in your interactive videos. Please, follow the steps. 9. Select the audio in your file. Click «Browse» button. Find your video and add it. 10. Click «Upload» button. 11. Status label will be «Ready» when the audio is ready to use. Now the media is uploaded. Let’s create your interactive video. 8. Select the platform to upload your audio. (Cinema8, Kaltura, Medianova, Vimeo, Youtube, Brightcove).
• 30. Slide34 MENU LIBRARY – Upload Video from Youtube and Vimeo Make interactive the open to share videos on Youtube or Vimeo. Click «Web Search» tab to add video from Youtube or Vimeo. Please, follow the steps. 2. All results display on the page. Select your video to use. 3. Video preview will be opened. Click «Create Project From This Video» on the bottom right of the window. 4. On the «Create Project» page, enter the Project information and click «Save» button. 1. Enter the keywords about the video that you will search and click «Search» button.
• 31. Slide24 MENU STORYFLOW On the Storyflow tab, create interactive videos by using Storyflow. Storyflow feature makes easy to link Projects that you created before. Please, follow the steps. 1. Click «Storyflow» tab. 2. Click «Create Story» button.
• 32. Slide25 MENU 3. Write name of the Storyflow. 4. Write an explanation about your Storyflow. 5. Write the tags about Storyflow. 6. Add a cover image for your channel. 7. Click «Save» buttonn STORYFLOW On this page, enter the Storyflow information.
• 33. Slide26 MENU STORYFLOW Storyflow page displays when you completed «Create Storyflow» steps. On this page, add Projects and questions. Shape your Storyflow based on scenarios. Add Project to start to shape your interactive video. Link here the start point of your story. This will be explained in next steps. Add questions to your interactive video. Direct the video according to answers.
• 34. Slide27 MENU STORYFLOW Please follow the steps for example. 1. Click «Project» tool to add Project. 2. Find and select the Project you will add. 3. Click «Save» button. 4. This is an example Project. Let’s make this Project the start point of the video. Please, follow the steps.
• 35. Slide28 MENU STORYFLOW Please follow the steps for example. 5. Click the «out» triangle on the right to create a start point. 6. Then, click «Project-in» triangle that is on the left of the Project. So, the Project was linked. 7. When you want to delete links, click the link. Then, click the appeared «Delete Selected Link» button. 8. Click the dark blue button to edit your Project, red button to delete your Project.
• 36. Slide29 MENU STORYFLOW Please follow the steps for example. 10. Write here your question. Apply formating on question text. 9. Click «Question» tool to add a question. 13. Click «Option Settings» button to give feedback as a text. Write here your feedback. 11. The question displays with a «Submit» button on video. User select an answer and click «Submit» button. If you want to user to answer question without clicking «Submit» button, mark the «Submit on Select» checkbox. 12. Write here answers. Mark the radio button on the left of the right answer. 14. Increase the number of options by clicking «Add Option» button. Click «Delete Option» button to delete an option. 15. Click «Save» button to save changes. 16. Click «Settings» button. Write name of the confirmation button for the users’ answer.
• 37. Slide31 MENU STORYFLOW Please follow the steps for example. 17. Decide which item should place before the question that you have added. Then, click triangle on the right of the element. 19. In this way, you can link Projects and questions, direct users to different Projects by their answers. 18. Click triangle on the left of the question. So, the Project and question was linked.
• 38. Slide30 MENU PROJECTS Manage your interactive videos on timeline by create Projects on Projects tab. Thanks to this feature, you can edit your videos easly. Please, follow the steps. 1. Click «Projects» tab. 2. Click «Create Project» button. 3. Click «Create Live Project» button.
• 39. Slide32 MENU 4. Write the name of the Project. 5. Write an explanation for your Project. 6. Write the tags about the Project. 9. Add a cover image for your Project. Click «Browse» to add this image from file; click «Video» to take a screen shot from video. 10. Click «Save» button. PROJECTS On this page, enter Project information. 8. Select the video that you will make interactive. PS: The video must be added «Library» before. 7. Select the security permission of the Project.
• 40. Slide33 MENU PROJECTS You meet the interactive video editing page when you create a Project. On this page, shape your video by adding tools from the right panel. Project name iVideo elements: •Element: Various types of tools to add your Project. •Properties: Tool properties you added. •Settings: General settings of your interactive video (permissions etc.) Video display screen This is the timeline of your video. Drag and drop tools on the right to timeline. Layers make easy to add tools on the video. Preview your video. Save your video. Back to Project list page.
• 41. Slide10 i-Video Elements
• 42. Slide102 i-Video Elements HTML
• 43. Slide36 TOOLS HTML Add any content to your videos with Html tool. Please, follow the steps for example. 2. Click «Source Code» button to add an html code. 3. Write html code on the opening page. Then, click «OK» button on the right bottom. 4. Click «Save» button to save changes. 1. Drag «Html» tool on the right panel named «Element» and drop on timeline of the video.
• 44. Slide37 TOOLS HTML Add any content to your videos with Html tool. Please, follow the steps for example. 10. On Start and On End parts, click «Pause» option if you want to pause the video when html tool displays on the screen. The tool stays on the screen during the determined time. It disappears at the end of the time and video plays. 5. Html content was added on timeline of the video. Let’s arrange start and end time of the tool. Extend the tool to the left or right by keeping edges of the tool on timeline. Additionally, you can move the tool on timeline. In next steps, it will be mentioned «Properties» tab on the right panel to change properties of the Html tool. 6. Name the tool. It facilitates your complicated works. 7. Start and End parts makes easy to arrange time of the tool displayed on video manually. 8. Mark this checkbox if you want to allow user to skip the tool on the video. 11. Select a background color for the tool. 12. Click here to edit html code. 13. Preview the content of the tool here. 14. Click «Save» button to save changes. 15. Click «Delete Track» button to delete the tool. 9. Mark this checkbox if you want to appear the object on the video.
• 45. Slide103 i-Video Elements ANIMATED TEXT
• 46. Slide38 TOOLS ANIMATED TEXT Add animated text to your videos with Animated Text tool. Please, follow the steps for example. 3. Apply entrance and exit effects to the text with In and Out Effect options. 4. Click «Save» button to save changes. 1. Drag «Animated Text» tool on the right panel named «Element» and drop on timeline of the video. 2. Write the text here and format it.
• 47. Slide39 TOOLS ANIMATED TEXT Add animated text to your videos with Animated Text tool. Please, follow the steps for example. 5. Animated Text was added on timeline of the video. Let’s arrange start and end time of the tool. Extend the tool to the left or right by keeping edges of the tool on timeline. Additionally, you can move the tool on timeline. In next steps, it will be mentioned «Properties» tab on the right panel to change properties of the Animated Text tool. 6. Name the tool. It facilitates your complicated works. 7. Start and End parts makes easy to arrange time of the tool displayed on video manually. 8. Click here to edit html code. 9. Edit text. 11. Click «Save» button to save changes. 12. Click «Delete Track» button to delete the tool. 10. Change In and Out Effects here.
• 48. Slide104 i-Video Elements IMAGE
• 49. Slide40 TOOLS IMAGE Add images to your videos with Image tool. Please, follow the steps for example. 1. Drag «Image» tool on the right panel named «Element» and drop on timeline of the video. 2. Click the «Browse» button to upload the image. 3. Click «Save» button. 5. Image is on the screen. Change the location of the image by clicking blue arrow on the top left corner and drag it. Additionally, you may change the size of the image by keeping and dragging the bottom right corner. 4. Image tool was added on timeline of the video. Let’s arrange start and end time of the tool. Extend the tool to the left or right by keeping edges of the tool on timeline. Additionally, you can move the tool on timeline. In next steps, it will be mentioned «Properties» tab on the right panel to change properties of the Image tool. 2. Select the image from gallery
• 50. Slide41 TOOLS IMAGE Add images to your videos with Image tool. Please, follow the steps for example. 6. Name the tool. It facilitates your complicated works. 7. Start and End parts makes easy to arrange time of the tool displayed on video manually. 10. On Start and On End parts, click «Pause» option if you want to pause the video when Image tool appears on the screen. The tool stays on the screen during the determined time. It disappears at the end of the time and video plays. 11. Determine an action when the Image tool was clicked. These options will be expressed in detail on the next page. To sum up: •Rewind To: Rewind the video to determined time. •Pause: Pause the video. •Jump To: Jump to determined time. •Play: Play video. •Url: Direct a link. •Visible: Make visible an object on timeline. •Invisible: Make invisible an object on timeline. •Audio Play: Play an audio on timeline. •Audio Stop: Stop an audio on timeline. 9. Mark this checkbox if you want to appear the object on the video.
• 51. Slide42 TOOLS IMAGE On Click part will be explained. Please, follow the steps for example. 16. Click «Rewind» to rewind the video to specific time when clicking the object. 17. Set the time where to rewind as «Hour:Minute:Second.Frame». 18. Click «Rewind» to jump a specific time on video when clicking the object. 19. Set the time where to jump as «Hour:Minute:Second.Frame». 20. Click «Url» to direct to a link when clicking the object. 21. Write the URL. 14. Click «Save» button to save changes. 15. Click «Delete Track» button to delete the tool. 13. Change In and Out Effects here. 12. Change the image by clicking «Browse» button.
• 52. Slide85 TOOLS IMAGE On Click part will be explained. Please, follow the steps for example. 27. Click «Save» button to save changes. 28. Click «Delete Track» button to delete the tool. 22. Click «Visible» to make visible an object on timeline when clicking the image. Click «Invisible» to make visible an object on timeline when clicking the image. 23. Select the object on timeline to make visible or invisible when the image is clicked. 26. Click «+ Add New On Click» button to add a new click action to object. 24. Click «Audio Play» to play an audio object on timeline when clicking the image. Click «Audio Stop» stop an audio object on timeline when clicking the image. 25. Select the audio object on timeline to play or stop when the image is clicked.
• 53. Slide105 i-Video Elements DYNAMIC IMAGE
• 54. Slide43 TOOLS DYNAMIC IMAGE Add dynamic images to your videos by URL of the image. Please, follow the steps for example. 1. Drag «Dynamic Image» tool on the right panel named «Element» and drop on timeline of the video. 2. Copy and paste here the URL of the image. 3. Click «Save» button. 4. When you preview the interactive video, the image appears on video. 5. Properties of Dynamic Image and Image tool are same. You may change tool properties here.
• 55. Slide106 i-Video Elements DRAWING
• 56. Slide81 TOOLS DRAWING Add drawings to your videos. Please, follow the steps for example. 1. Drag «Drawing» tool on the right panel named «Element» and drop on timeline of the video. 2. Name the tool. It facilitates your complicated works. 3. Click «Save» button. 4. Drawing tool was added on timeline of the video. Let’s arrange start and end time of the tool. Extend the tool to the left or right by keeping edges of the tool on timeline. Additionally, you can move the tool on timeline. In next steps, it will be mentioned «Properties» tab on the right panel to change properties of the Drawing tool. 5. Change the name the tool. It facilitates your complicated works. 6. Start and End parts makes easy to arrange time of the tool displayed on video manually.
• 57. Slide82 TOOLS DRAWING Add drawings to your videos. Please, follow the steps for example. 7. Change In and Out Effects here. 10. Change the line color of your drawing. 8. Change the pencil type of your drawing. 9. Change the line width of your drawing by slide the bar. 11. Clear all of your drawings on the Project. 12. When your mouse is on the Project, it forms a plus sign. Now, you can start to draw any thing you want. 13. Click «Enter Drag/Resize Mode» button to move, resize and rotate and delete your drawings one by one.
• 58. Slide83 TOOLS DRAWING Add drawings to your videos. Please, follow the steps for example. 16. Select an animation mode for your drawings. There are 2 types of animation mode: •One by One: Your drawings appear one by one on the Project. •Sync: Your drawings appear in sync on the Project. 17. Select drawing speed as Slow, Normal or Fast.. 14. If you want to delete an object, click the object on the Project and click «Dlete Selected Object» button here. 15. Click «Enter Drawing Mode» button to draw again. 18. Click «Save» button to save changes.
• 59. Slide107 i-Video Elements VIDEO
• 60. Slide44 TOOLS VIDEO Add video on your interactive video. Please, follow the steps for example. 1. Drag «Video» tool on the right panel named «Element» and drop on timeline of the video. 2. Select a video from Library. 3. Click «Save» button. 4. Video tool was added on timeline of the video. When the added video appears full-screen, the main video pauses. After determined skip time runs out, user is allowed to skip video. When clicking the button, user return the main video. 6. Start and End part makes easy to arrange start time of the tool displayed on video manually. 9. You may change the video. 9. Write the skipping time as second. When the time runs out, user is allowed to skip the video. 10. Change the appearing text before skip the video. 11. Change the text appearing when you allow user to skip the video. 12. Click «Save» to save changes. 7. Mark this checkbox if you want to appear the object on the video. 5. Name the tool. It facilitates your complicated works. 8. On Start and On End parts, click «Pause» option if you want to pause the video when Image tool appears on the screen.
• 61. Slide108 i-Video Elements AUDIO
• 62. Slide46 TOOLS AUDIO Add audio on your video. Please, follow the steps for example. 1. Drag «Audio» tool on the right panel named «Element» and drop on timeline of the video. 2. Select an audio from Library. 3. Click «Save» button. 5. Name the tool. It facilitates your complicated works. 4. Audio tool was added on timeline of the video. You may move the tool on timeline. In next steps, it will be mentioned «Properties» tab on the right panel to change properties of the Audio tool. 6. Start part makes easy to arrange start time of the tool displayed on video manually. 8. Mark this option to the music going on even if user directs any time on video. 7. Mark this checkbox if you want to appear the object on the video.
• 63. Slide47 TOOLS AUDIO Add audio on your video. Please, follow the steps for example. 10. Determine the status when the audio starts. Look at the options: •Null: The video continue. •Pause: Pause the video when audio starts. •Delay: Delay the start time of the audio. 13. You may change the audio file here. 11. If you select «Delay» option, enter the delay time to «Action Value» as «Hour:Minute:Second.Frame» 12. Determine an action when the Audio tool is ended. If none of them selected, video continues. These options were expressed in detail on «Image Tool» part. To sum up: •Rewind To: Rewind the video to determined time. •Pause: Pause the video. •Jump To: Jump to determined time. •Play: Plays video. 14. Click «Save» button to save changes. 15. Click «Delete Track» button to delete the tool. 9. Mark this checkbox if you want to repeat the video.
• 64. Slide109 i-Video Elements PROJECT ITEM
• 65. Slide48 TOOLS PROJECT ITEM Offer the Project Items that you created before to users. If a user select a Project, s/he directs the selected Project. Please, follow the steps for example. 1. Drag «Project Item» tool on the right panel named «Element» and drop on timeline of the video. 2. Select the Projects that you want to offer to users. 3. Click «Save» button. 5. Project Item tool was added on timeline of the video. You may move the tool on timeline. In next steps, it will be mentioned «Properties» tab on the right panel to change properties of the Project Item tool. 6. Name the tool. It facilitates your complicated works. 7. Start part makes easy to arrange start time of the tool displayed on video manually. 8. On Start parts, click «Pause» option if you want to pause the video when Image tool appears on the screen. 9. Change the Project options here. 4. Start part makes easy to arrange start time of the tool displayed on video manually.
• 66. Slide110 i-Video Elements FREE TEXT QUESTİON
• 67. Slide49 TOOLS 4. Click «Advanced Settings» button to settings the question FREE TEXT QUESTION Add free text questions to your videos. Please, follow the steps for example. 1. Drag «Free Text Question» tool on the right panel named «Element» and drop on timeline of the video. 2. Write and format the question text. 5. Click «Save» button. 6. Free Text Question tool was added on timeline of the video. You may move the tool on timeline. In next steps, it will be mentioned «Properties» tab on the right panel to change properties of the Free Text Question tool. 7. Name the tool. It facilitates your complicated works. 8. Start part makes easy to arrange start time of the tool displayed on video manually. 3. Write the answer of the question.
• 68. Slide50 TOOLS FREE TEXT QUESTION Add free text questions to your videos. Please, follow the steps for example. 12. Edit the question text. 9. If you mark «Skippable» option, user is allowed to skip the question. 10. Mark the «Keep Answer» option to report answers. 13. Edit the answer. 14. Click «Save» button to save changes. 15. Click «Delete Track» button to delete the tool. 11. Change the text of the confirm button.
• 69. Slide111 i-Video Elements SINGLE SELECT QUESTİON
• 70. Slide51 TOOLS SINGLE SELECT QUESTION Add single select questions to your videos. Please, follow the steps for example. 1. Drag «Single Select Question» tool on the right panel named «Element» and drop on timeline of the video. 4. Write and format the question text. 6. Click «Option Settings» to add feedback as a text box. Write feedback text of the option into the «Feedback» area. 5. Write the options of the question. Mark the true option by clicking radio button on the left side of the true answer. 9. Click «Add Option» button to add an option. Click «Delete Option» button on the right side of the option to delete an option. 10. Click «Save» button. 7. Direct users to a location on video according to their answers. Write the jump location as «Hour:Minute:Second.Frame» into the «Jump Location» area. 8. Select the that Projects you want to add to the project. Write the start time as "«Hour:Minute:Second.Frame» into the «Instant Play Start Time» area. 2. Mark this checkbox if you want to hide question text 3. Mark this checkbox if you want to show question as image
• 71. Slide52 TOOLS SINGLE SELECT QUESTION Add single select questions to your videos. Please, follow the steps for example. 14. Edit the question text here. 10. If you mark «Skippable» option, user is allowed to skip the question. 11. Mark the «Keep Answer» option to report answers. 15. Edit options here. 16. Click «Save» button to save changes. 17. Click «Delete Track» button to delete the tool. 8. Name the tool. It facilitates your complicated works. 9. Start part makes easy to arrange start time of the tool displayed on video manually. 13. Question displays with a «Submit» button. The user mark an option and click «Submit» button. If you want user to answer the question without clicking «Submit», mark «Submit On Select» option here. 12. Change the text of the confirm button.
• 72. Slide112 i-Video Elements MULTI SELECT QUESTİON
• 73. Slide53 TOOLS MULTI SELECT QUESTION Add multi select questions to your videos. Please, follow the steps for example. 2. Write and format the question text. 3. Write the options of the question. Mark true options by clicking check boxes on the left side of the true answers. 5. Click «Save» button. 1. Drag «Multi Select Question» tool on the right panel named «Element» and drop on timeline of the video. 4. Click «Add Option» button to add an option. Click «Delete Option» button on the right side of the option to delete an option. 5. Click «Advanced Settings» button to settings the question
• 74. Slide54 TOOLS MULTI SELECT QUESTION Add multi select questions to your videos. Please, follow the steps for example. 11. Edit the question text here. 8. If you mark «Skippable» option, user is allowed to skip the question. 9. Mark the «Keep Answer» option to report answers. 12. Edit options here. 16. Click «Save» button to save changes. 17. Click «Delete Track» button to delete the tool. 6. Name the tool. It facilitates your complicated works. 7. Start part makes easy to arrange start time of the tool displayed on video manually. 10. Change the text of the confirm button. 11. Click «Advanced Settings» button to settings the question 14. Edit feedbacks here. 13. Edit feedbacks here. 15. Edit jump points here.
• 75. Slide113 i-Video Elements FILL IN THE BLANK QUESTION
• 76. Slide95 TOOLS FILL IN THE BLANK QUESTION Add fill in the blank questions to your videos. Please, follow the steps for example. 2. Write and format the question text. 4. Write the true answer of the blanks in the question text. 10. Click «Save» button. 1. Drag «Fill In The Blank Question» tool on the right panel named «Element» and drop on timeline of the video. 3. Click «Add Blank Option» to add an option in the question text. 5. Click «Advanced Settings» button to add feedback and jump points. 6. Write the displayed feedback as a text when the user answers correctly. 8. Write the displayed feedback as a text when the user answers wrong. 7. Write the time to direct user on video as «Hour:Minute:Second. Frame» when the user answers correctly. 9. Write the time to direct user on video as «Hour:Minute:Second. Frame» when the user answers wrong. 11. Question was added to Project.
• 77. Slide96 TOOLS FILL IN THE BLANK QUESTION Add fill in the blank questions to your videos. Please, follow the steps for example. 17. Edit the question text here. 14. If you mark «Skippable» option, user is allowed to skip the question. 15. Mark the «Keep Answer» option to report answers. 19. Edit feedbacks here. 21. Click «Save» button to save changes. 22. Click «Delete Track» button to delete the tool. 12. Name the tool. It facilitates your complicated works. 13. Start part makes easy to arrange start time of the tool displayed on video manually. 16. Change the text of the confirm button. 18. Edit answers here. 20. Edit jump points here.
• 78. Slide114 i-Video Elements CHAPTER
• 79. Slide55 TOOLS CHAPTER Add chapters to your videos. Chapter names are viewed as a content tree menu on the top right of the video. Please, follow the steps for example. 2. Write the chapter name. 3. Chapter tool was added on timeline of the video. You see three chapters on the example timeline. You may move the tool on timeline. 4. Name the tool. It facilitates your complicated works. Additionally, chapter name appears on content tree menü. 5. Start part makes easy to arrange start time of the tool displayed on video manually. 3. Click «Save» button. 1. Drag «Chapter» tool on the right panel named «Element» and drop to begininng of the chapter on timeline of the video. 6. Click «Save» button to save changes.
• 80. Slide115 i-Video Elements DUBLE CLICK FOR PUBLISHERS
• 81. Slide56 TOOLS DOUBLE CLICK FOR PUBLISHERS Add virtual adversitement to your videos. It requires a DFP account. Write the code on your DFP account into the relevant aera on Settings tab of Cinema8. This will integrate your account to iVideo. Please, follow the steps for example. 3. Write a name to indicate advertisement. 1. Drag «DoubleClick for Publishers» tool on the right panel named «Element» and drop on timeline of the video to add virtual advertisement on your video. 4. Select a dimension for the adversitement. 5. Select location on video for the advertisement. 8. Copy the Vast Tag on your DFP account and paste it here. 2. Mark the «Ad Unit» option to view Google advertisements randomly and fill the areas below. 6. Click «Save» button. 7. Mark the «Video Unit» option to view the advertisement only you want and fill the areas below. 9. Click «Save» button.
• 82. Slide57 TOOLS JUMP TO Add jump location to direct users on your video. User comes to the Jump tool on the video, s/he is directed to a location. Please, follow the steps for example. 2. Write the time to direct user on video as «Hour:Minute:Second.Frame» 6. Name the tool. It facilitates your complicated works. 7. Start part makes easy to arrange start/location time of the tool displayed on video manually. 3. Click «Save» button. 1. Drag «Jump» tool on the right panel named «Element» and drop on timeline of the video. 8. Write the time to direct user on video as «Hour:Minute:Second.Frame» 9. Click «Save» button to save changes. 5. Jump tool was added on timeline of the video. You may move the tool on timeline. In next steps, it will be mentioned «Properties» tab on the right panel to change properties of the Jump tool.
• 83. Slide116 i-Video Elements LOWER THIRD
• 84. Slide58 TOOLS Lower Third Add title bands on your video. Please, follow the steps for example. 2. Write the title text. 4. Name the tool. It facilitates your complicated works. 3. Click «Save» button. 1. Drag «Lower Third» tool on the right panel named «Element» and drop on timeline of the video. 3. Lower Third tool was added on timeline of the video. Let’s arrange start and end time of the tool. Extend the tool to the left or right by keeping edges of the tool on timeline. Additionally, you can move the tool on timeline. In next steps, it will be mentioned «Properties» tab on the right panel to change properties of the Lower Third tool.
• 85. Slide59 TOOLS Lower Third Add title bands on your video. Please, follow the steps for example. 6. Arrange the title text on Lower Third. 7. Change the background color of the Lower Third text. 10. Click «Save» button to save changes. 5. Start and End parts makes easy to arrange time of the tool displayed on video manually. 8. Change the transparency of background color of the Lower Third text by scrolling the rectangle pointer. 9. Change the font color of the Lower Third text.
• 86. Slide117 i-Video Elements ACTION
• 87. Slide60 TOOLS ACTION Add actions (Pause, Mute, Speed and Rewind) on your video. Please, follow the steps for example. 2. Select an action. These actions are: Pause: Pause the video. •Mute: Mute the video. •Speed: Change the speed of the video. •Rewind To: Rewind the video to determined time. «Speed» or «Rewind To» options are required entries. Follow the next steps. 4. Select the speed of the video. Options above Normal slow down the video. Options below al speed up the video. 6. Click «Save» button to save changes. 5. Change the properties of the action. 1. Drag «Action» tool on the right panel named «Element» and drop on timeline of the video. 3. Click «Save» button.
• 88. Slide118 i-Video Elements CLICKABLE AREA
• 89. Slide61 TOOLS CLICKABLE AREA Add clickable areas on your videos and assign them. Please, follow the steps for example. 1. Drag «Clickable Area» tool on the right panel named «Element» and drop on timeline of the video. 2. Name the tool. It facilitates your complicated works. 3. Click «Save» button. 3. Clickable Area tool is on the screen. Change the location of the tool by clickig blue arrow on the top left corner and drag it. Additionally, you may change the size of the tool by keeping and dragging the bottom right corner. 6. Name the tool. It facilitates your complicated works.
• 90. Slide92 TOOLS CLIKABLE AREA Add clickable areas on your videos and assign them. Please, follow the steps for example. 9. Determine an action when the Clicakble Area tool was clicked. To sum up: •Rewind To: Rewind the video to determined time. •Pause: Pause the video. •Jump To: Jump to determined time. •Play: Plays video. •Url: Direct a link. •Visible: Make visible an object on timeline. •Invisible: Make invisible an object on timeline. •Audio Play: Play an audio on timeline. •Audio Stop: Stop an audio on timeline. 5. Start and End parts makes easy to arrange time of the tool displayed on video manually. 6. Mark this checkbox if you want to appear the object on the video. 8. Mark this checkbox if you want to blink the object on the video. 7. On Start parts, click «Pause» option if you want to pause the video when Image tool appears on the screen.
• 91. Slide119 i-Video Elements FORM DESIGNER
• 92. Slide97 TOOLS FORM DESIGNER Add forms on your videos to get user-supplied data. Then, get detailed analytic report about your forms. Before you add a form to your Project, you should create a form on the form designer. Please, follow the steps for example. 3. Click «Create» button. 2. Click «Form Designer». 4. There are many form components. They are: •Header: Add a title for your form. •Paragraph: Add an explanation for your form. •Text Field: Add a text field for users to fill. •Number: Add a number field for users to fill. This component provides you to get the number data type from the user. •Text Area: Add a text field for users to fill. Unlike the text field, the user can edit the size of the field. •Select: Add this component if you want users to make a selection from the listbox. •Radio Grup: Add this component if you want users to make a single choice between the options. •Checkbox Group: Add this component if you want users to make multiple selections from the options. •Date Field: Add a date field for users to fill. User can select the date from this area. •Autocomplete: Add this component if you want the rest of the data is completed automatically when the user enters the data. 1. Before you add a form to your Project, you should create a form on the form designer. Click «Tools» tab.
• 93. Slide100 TOOLS FORM DESIGNER- Header Add forms on your videos to get user-supplied data. Then, get detailed analytic report about your forms. Please, follow the steps for example. 6. Write the header name. 5. Click «Header». 7. Select the size of the header from the list. Options in the list: •h1: The biggest font size. •h2: The medium font size. •h3: The smallest font size. 8. Click «Save» button.
• 94. Slide129 TOOLS FORM DESIGNER-Paragraph Add forms on your videos to get user-supplied data. Then, get detailed analytic report about your forms. Please, follow the steps for example. 6. Write the paragraph. 5. Click «Paragraph». 7. Select the size of the paragraph type from the list. 8. Click «Save» button.
• 95. Slide130 TOOLS FORM DESIGNER- Text Field Add forms on your videos to get user-supplied data. Then, get detailed analytic report about your forms. Please, follow the steps for example. 6. Write the value. 1. Click «Text Field». 7. Select the size of the type from the list. 8. Click «Save» button. 2. Mark this checkbox if you want to compulsory the text field 3. Write the commentary. 4. Write the article to help explain the explanation. 4. Write the will appear in the background of the area to be.
• 96. Slide131 TOOLS FORM DESIGNER- Number Add forms on your videos to get user-supplied data. Then, get detailed analytic report about your forms. Please, follow the steps for example. 6. Write the value. 1. Click «Number». 9. Click «Save» button. 2. Mark this checkbox if you want to compulsory the number 3. Write the commentary. 4. Write the article to help explain the explanation. 4. Write the will appear in the background of the area to be. 7. Specify minimum and maximum number values 8. specify of number.
• 97. Slide133 TOOLS FORM DESIGNER- Text Area Add forms on your videos to get user-supplied data. Then, get detailed analytic report about your forms. Please, follow the steps for example. 6. Write the value. 1. Click «Text Area». 9. Click «Save» button. 2. Mark this checkbox if you want to compulsory the number 3. Write the commentary. 4. Write the article to help explain the explanation. 4. Write the will appear in the background of the area to be. 7. Specify minimum and maximum number values 8. specify of number.
• 98. Slide132 TOOLS FORM DESIGNER- Select Add forms on your videos to get user-supplied data. Then, get detailed analytic report about your forms. Please, follow the steps for example. 1. Click «Select». 9. Click «Save» button. 2. Mark this checkbox if you want to compulsory the number 3. Write the commentary. 4. Write the article to help explain the explanation. 5. Write the will appear in the background of the area to be. 3. Click «Add Option» button for add option 6. Mark this checkbox if you want to allow multiple selection. 7. Write the options
• 99. Slide134 TOOLS FORM DESIGNER- Radio Group Add forms on your videos to get user-supplied data. Then, get detailed analytic report about your forms. Please, follow the steps for example. 1. Click «Radio Group». 9. Click «Save» button. 2. Mark this checkbox if you want to compulsory the number 3. Write the commentary. 4. Write the article to help explain the explanation. 7. Click «Add Option» button for add option 5. Mark this checkbox if you want options to appear in the same order 6. Write the options
• 100. Slide136 TOOLS FORM DESIGNER- Checkbox Group Add forms on your videos to get user-supplied data. Then, get detailed analytic report about your forms. Please, follow the steps for example. 1. Click «Checkbox Group». 9. Click «Save» button. 2. Mark this checkbox if you want to compulsory the number 3. Write the commentary. 4. Write the article to help explain the explanation. 7. Click «Add Option» button for add option 5. Mark this checkbox if you want options to appear in the same order 6. Write the options
• 101. Slide137 TOOLS FORM DESIGNER- Date Field Add forms on your videos to get user-supplied data. Then, get detailed analytic report about your forms. Please, follow the steps for example. 1. Click «Date Field». 9. Click «Save» button. 2. Mark this checkbox if you want to compulsory the number 3. Write the commentary. 4. Write the article to help explain the explanation. 5. Write the will appear in the background of the area to be.
• 102. Slide138 TOOLS FORM DESIGNER- Autocomplete Add forms on your videos to get user-supplied data. Then, get detailed analytic report about your forms. Please, follow the steps for example. 1. Click «Autocomplete». 9. Click «Save» button. 2. Mark this checkbox if you want to compulsory the number 3. Write the commentary. 4. Write the article to help explain the explanation. 7. Click «Add Option» button for add option 6. Write the options
• 103. Slide98 TOOLS FORM DESIGNER Add forms on your videos to get user-supplied data. Then, get detailed analytic report about your forms. Please, follow the steps for example. 1. After you create your form, open your Project. Drag «Form Designer» tool on the right panel named «Element» and drop on timeline of the video. 6. Name the tool. It facilitates your complicated works. 5. Start part makes easy to arrange time of the tool displayed on video manually. 8. Mark this checkbox if you want to allow user to skip the form on the video. 8. Change the name of the Confirm button on the form. 8. It shows the selected form you created before. 6. Click «Save» button to save changes. 8. Select the form you created before.
• 104. Slide120 i-Video Elements CREATE INTRODUCTION
• 105. Slide62 TOOLS CREATE INTRODUCTION You may want to users to submit an information form before watching the video. Get a report on which user is doing what on the video. Please, follow the steps for example. 1. Click «Create Introduction» tool on the right panel named «Element» 3. Mark the checkboxes on the opposite of the required fields. 4. Click «Save» button. 2. Mark the fields of the form you want to users to fill on Properties window. 5. Write the description text of the form. 6. Write the conditions that you will present to users to confirm them. 7. Click «Edit Introduction» button to edit introduction form. 8. Click «Delete Introduction» button to delete the introduction form.
• 106. Slide121 i-Video Elements SUBTITLES
• 107. Slide63 TOOLS SUBTITLES Add «.srt» format subtitles on videos. Please, follow the steps for example. 1. Click «Subtitles» tool on the right panel named «Element» 2. Select the language. 3. Click «Browse» button to upload .srt format subtitle document from file. Then, click «Upload» button. 4. When you click «Settings» button, color options appears below. Change the color of the text and background of it. Then, click «Save» button. 5. Click «Close» button after you make all settings.
• 108. Slide122 i-Video Elements BONUS 1: ADDING VIDEO INTO THE PROJECT
• 109. Slide64 TOOLS BONUS 1: ADDING VIDEO INTO THE PROJECT Add costumized videos into the videos. First, upload the video to Library. Create a Project from this video. Then, add that video to your main video. Please, follow the steps for example. 1. Click «Projects» tab on the left menu. 2. Find your video from the list and click «Action» button accross to video. 3. Click «Embed Code» option. 4. Copy the code on the window and close this area. 5. Find the main video from «Projects» list and click «Edit» button across the Project.
• 110. Slide65 TOOLS BONUS 1: ADDING VIDEO INTO THE PROJECT Please, follow the steps for example. 7. Click «Source Code» button to add a code. 8. Paste the Embed Code that you copied before. Then click «OK» button. 9. Click «Save» button to save your changes. 6. Drag «Html» tool on the right panel named «Element» and drop on timeline of the video.
• 111. Slide66 TOOLS BONUS 1: ADDING VIDEO INTO THE PROJECT Please, follow the steps for example. 10. Html content was added on timeline of the video. Let’s arrange start and end time of the tool. Extend the tool to the left or right by keeping edges of the tool on timeline. Additionally, you can move the tool on timeline. In next steps, it will be mentioned «Properties» tab on the right panel to change properties of the Html tool. 11. Hide the white borders of the video by changing the code of height. In addition, you can change other html properties. 12. Click «OK» button after your editings. 13. Here, we placed our video.
• 112. Slide123 i-Video Elements BONUS 2: INSERT POP-UPS/ MULTI ACTION
• 113. Slide72 TOOLS 1. Add three layers for each tool. Tools to add are two of «Clickable Area» and an «Image». When the «open» clickable area is clicked, image will be appeared. When the «close» clickable area is clicked, image will be dissapeared. Click «Add a new layer for your tracks» button. BONUS 2: INSERT POP-UPS / MULTI ACTION Add pop-ups into your videos. When user clicks an area (clickable area or image) on video, pause the video and play an image/html or an audio. Namely, you can add multi action on a tool. On the example, when user click the «Open Info» button, video pauses and an information pop-up will appear. If the user clicks close button, information pop- up will dissapear and video resumes. Please, follow the steps for example. 2. Click «Edit Layer Name» and name your layers significantly. Clickable area layers should be on the top. «Clickable Area 1» layer is to open image or html pop-up, «Clickable Area 1» layer is to close image or html pop-up. 3. Click «Delete Layer» to delete a layer.
• 114. Slide73 TOOLS BONUS 2: INSERT POP-UPS / MULTI ACTION Please, follow the steps for example. 3. Drag «Image» tool on the right panel named «Element» and drop on «Open Button» layer on timeline of the video. This image is your Open button. This may be a «Clickable Area» tool at your request. 4. Image tool was added on timeline of the video. Let’s arrange start and end time of the tool. The tool must appear from start to end of the timeline. Extend the tool to the left or right by keeping edges of the tool on timeline. In next steps, it will be mentioned «Properties» tab on the right panel to change «on click» properties of the Image tool. 5. Arrange the location and size of the button on the video. 6. Name your tool. This will be used when you link tools. 7. Mark the «Visible» checkbox to appear through the entire video.
• 115. Slide74 TOOLS BONUS 2: INSERT POP-UPS / MULTI ACTION Please, follow the steps for example. 8. Drag «Image» tool on the right panel named «Element» and drop on «Pop-up» layer on timeline of the video. This image is your pop- up. This may be a «Html» tool at your request. 9. Image tool was added on timeline of the video. Let’s arrange start and end time of the tool. The tool must appear from start to end of the timeline. Extend the tool to the left or right by keeping edges of the tool on timeline. In next steps, it will be mentioned «Properties» tab on the right panel to change «on click» properties of the Image tool. 10. Arrange the location and size of the information pop-up image on the video. 11. Name your tool. This will be used when you link tools. 12. :Unmark the «Visible» checkbox to appear through the entire video.
• 116. Slide75 TOOLS BONUS 2: INSERT POP-UPS / MULTI ACTION Please, follow the steps for example. 13. Click Open Info button to open the properties. 14. Click «Pause» to pause video when the user clicks «Open Info» button. 15. Click «Add New On Click» button to add a new action. 16. Click «Visible» to make visible «Pop-up» when the user clicks «Open Info» button.
• 117. Slide76 TOOLS BONUS 2: INSERT POP-UPS / MULTI ACTION Please, follow the steps for example. 17. Select «info_popup» to make visible «Pop-up» image tool when the user clicks «Open Info» button. 18. Click «Save» button to save changes. 19. Drag «Clickable Area» tool on the right panel named «Element» and and drop on «Clickable Area 1» layer on timeline of the video. 20. Name the tool. It facilitates your complicated works. 21. Click «Save» button.
• 118. Slide77 TOOLS BONUS 2: INSERT POP-UPS / MULTI ACTION Please, follow the steps for example. 24. Click «Save» button to save changes. 22. Clickable Area tool was added on timeline of the video. Let’s arrange start and end time of the tool. The tool must appear from start to end of the timeline. Extend the tool to the left or right by keeping edges of the tool on timeline. In next steps, it will be mentioned «Properties» tab on the right panel to change «on click» properties of the Clickable Area tool. 23. Arrange the location and size of the «close pop-up» clickable area tool according to close button on the video. 25. Click «close_popup» clickable area to open the properties. 26. Mark the «Visible» checkbox to appear through the entire video.
• 119. Slide78 TOOLS BONUS 2: INSERT POP-UPS / MULTI ACTION Please, follow the steps for example. 27. Click «Play» to resume the video when the user clicks «Close Popup» clickable area. 28. Click «Add New On Click» button to add a new action. 29. Click «Invisible» to make invisible «Pop-up» when the user clicks «Close Popup» clickable area. 30. Select «info_popup» to make invisible «Pop- up» image tool when the user clicks «Close Popup» clickable area.
• 120. Slide79 TOOLS BONUS 2: INSERT POP-UPS / MULTI ACTION Please, follow the steps for example. 31. Click «Save» button to save changes. 32. When the user clicks «Open» button… 33. …information box appears and video pauses. 34. When the user clicks «Close» button… 35. … information box disappears and video continues.
• 121. Slide68