Home

View PDF Manual

1. Select Zoom Source l Select or resize the source rectangle using the mouse or keyboard CTRL Arrows to move selection Y 6 4 84 66 E SHIFT Arrows to resize selection A a Computer 5 Recycle Bin 4 Style Set the properties for a zoom destination area You can draw a border around the zoom area dim the background apply a glow effect or cover the source rectangle i Learn more Demo Builder Tools 45 Border Color and Width MS Border Width 2 Dim Background Color and Opacity 2 Glow Effect Color M s Opacity 40 Cover Encircles your source area in the colour of your choosing a Glow ah OCover IA O Apply to all zoom areas 5 Live The zoom destination may be used to display a static image or exactly what s happening on the Canvas in real time live including the cursor Balloon Note Text Animated Text Rectangle Ellipse Image Animation Flash Video Blur Hotkey Blur Set the following properties and options for Blur areas m e ia i 1 Name The default name for a blur area is Blur X Blur 1 Blur 2 Blur 3 and so onward and this is visible in the name property of the object You can change an blur area s name by deleting the default name and typing in another one Ensure the blur area is selected before attempting to change its name property 2 Location Change the location of the blur area on the Canvas i Le
2. Specifies the specific scenes that need to be exported 2 Include hidden scenes Check this option to include hidden scenes 3 Objects Specify the objects that need to be included in a scene Demo Builder Export 91 4 Method Specify the method of generating the file names of the images Automatic File Name or Use Scene Name as File Name 5 Prefix Enter the file name prefix if the method is Automatic File Name Format 6 Format Specify the format for all images BMP Windows Bitmap JPG JPEG Image File GIF CompuServe GIF PNG Portable Network Graphics 7 Size Specify the size of the images Maintain Aspect Ratio Reset To Original Size set image size to movie size 8 Export HTML This option exports a html file in order to display the image files within a web page 9 HTML Style Specifies the style in which you want to display the images One image per page or All images on page 10 HTML File Name Enter the html file name You do not need to include the filename extension html Click lt gt button to edit the HTML content The HTML file contains html code with the following special tags lt MOVIE NAME gt Your Movie s Name and lt IMAGE FILES gt An array of images Format Image Files Destination CE Indude hidden scenes Objects a File Name Method Automatic File Mame pete ene Format BMP 7 JPG e GIF PNG Size ls60 x e00 4 p
3. A See also Narrate Timeline Record at capture time Record at preview time Insert audio per scene Demo Builder 68 Security Security Restrict the accessibility of a movie to a specific domain indicate the latest date by which a movie may be viewed or password protect your movies Note These options are only available for movies exported as a Flash Movie swf Domain lock Expiration date Password protect Welcome Introduction Create new movie Record the screen Movie Scenes Cursors Tools Timeline Transformations Interactivity Add voice over narration Auto Export Miscellaneous Extras FAQ Contact Domain lock Tick the Domain Lock check box to restrict the accessibility of a movie to a specific domain Then enter the domain s address The Domain Lock prevents a movie from being hosted on a domain other than what s specified in this field If a user tries to access the movie on a domain other than the one specified the flash movie will display a message with the Display Text option or it will redirect the user to a web page specified in the Redirect option U Preloader O Show Play button Domain Lock www mydomain com Action Display Text e Text Invalid Domain URL http O Expiration Date L Ask password At end Stop Movie O Show Replay button Demo Builder Security 69 Note This option is only available for movies exported in Flash H264 o
4. Demo Builder User Manual Copyright Tanida All Rights Reserved Demo Builder copyright Tanida All rights reserved http www demo builder com The information contained in this document is subject to change without notice This document contains proprietary information which is protected by copyright All rights are reserved No part of this document may be photocopied reproduced or translated to another language without the prior written consent of Tanida Table of Contents Chapter L WISICOMEA seriens tte ieee eg phonetics tee wane pae ra ad lon aduo neste phd eden ae Eaa 1 Chapter INTOdUCU N esto peris di ee 2 e ach cg eden N E ein bangs dda EE stant ten E E E T E E EE 2 System be WU sauna ee ee ee ee ee E ee ee 3 Chapter a Create New MOVI c poemmascriganiacans tario rior aani aaia aeaa aS 4 A ee ir ya eb ices pr tise hg A et ns Oe ores alco ea eae gases ga aan ae eae gn neater boca es 4 Record a ee eee na daa ais od ca Sas Si peavey edie eee Dos Bee 5 Import Images A O es Sate LaPeer emote ort cata ene ae ee nc A A RR ER eee 5 IMPORT VISO cesos A A AA Hepmepenariaanationeienesennieyts 6 Cheaper Ad Record Ihe STORE esti AAA A A aus ERE 8 TICS OST SS isc ts ti ra da e dida 9 Full Motion Recording ata 10 Hene ARCOS ne ee ne en eee ee ee er ee eee ee ee ee eee ig ere as 11 Chapter S MOVIE ae eee ARA ro A Ea d a E a 12 atere IS E E E O E eh hed Be yeh yea acer eeeredtE 13 SAL EIO A A a a netira tee cnn bea e
5. For further information on how to incorporate Demo Builder Events and user interactivity into your movies demonstrations and tutorials please see this fully worked Example Note Users of earlier versions of Demo Builder may be familiar with Error and Success Messages Demo Builder version 5 0 introduces fully featured Event functionality that provides additional user interactivity and total control over the behavior of your movie in response to user actions This builds on and replaces the Error and Success Messages functionality of previous versions of Demo Builder Button Click Zone Events Example Button Use Button objects in your scenes to pause your demonstration or tutorial and require action from the user in order to continue Set the following properties and options for Buttons Button 1 2 Classic kA Abe ll w Click an Event button on the Timeline toolbar below to edit the event actions 1 2 3 4 1 Name The default name for a Button is Button X Button 1 Button 2 Button 3 and so onward and this is visible in the name property of the object You can change a button s name by deleting the default name and typing in another one Ensure the button is selected before attempting to change its name property 2 Rotate Scale and Location Adjust the rotational angles scale or manually change the location of the button on the Canvas Rotations on the X and Y axis are ignored when the button is attached to the image
6. HTML e Export HTML File Style One image per pag Fie Name html E Export OK Cancel Flash H264 HTML5 Audio Video Interleave Windows Media Video MPEG4 Google WebM Standalone Word Document Help me choose ome gt EXPDOrt ormat Word Document Demo Builder 92 Export Word Document You can also publish your project in Microsoft Word DOC format which will display your slides on printable pages in the format of your choosing Choose to include cursor movements text boxes and even blank lines so that students can take notes Great for handouts 1 Scenes Determine the specific scenes that need to be exported 2 Include hidden scenes Check this option to include hidden scenes 3 Objects Specify the objects that need to be included in a scene 4 File Name Enter the document doc file name You do not need to include the filename extension doc 5 Frames per page Rows by Columns 6 Elements Scene Name Blank lines for notes Captions Scene Notes Format Word Document Destination All Indude hidden scenes File Name Frames per page Elements e Frame name Iw Blank lines for notes lv Captions Scene notes Note Please note that Microsoft Word 2003 or later must be installed on your machine Flash H264 HTML5 Audio Video Interleave Windows Media Video MPEG4 Google WebM Standalone Image Files Help me choose Home gt Export gt
7. Insert additional scenes Merge multiple scenes Split a scene Copy Paste different movies Keystroke Change order Below are instructions on how to change the order of the scenes in your movie 1 Go to Thumbnail View 2 Select the scene that you want to move You can select multiple scenes by holding down the CTRL key while clicking on each scene 3 Drag the selection to a new location as desired Demo Builder Scenes 23 821x622 Y Background Y Start End Y Navigation Thumbnails View Quick preview Insert additional scenes Merge multiple scenes Split a scene Copy Paste different movies Keystroke Home gt Scenes gt Insert additional scenes Insert additional scenes To add a new scene go to Thumbnails View click the Insert New Scenes sign button and follow the steps depending on what it is you wish to do Insert new scenes AAA AAA AAA AAA Insert a single blank scene Ga Insert blank scene Record additional scenes Import a series of images Import Video Thumbnails View Quick preview Change order Merge multiple scenes Split a scene Demo Builder 24 Scenes Copy Paste different movies Keystroke Merge multiple scenes You can merge multiple scenes into one scene with Demo Builder To merge scenes together in Thumbnail View select all of the scenes to be merged You can select multiple scenes by holding down the CTRL key while clicking on ea
8. lt MOVIE gt Q Default OK Cancel 4 HTML Color Select the background color of the page 5 HTML Adjust Size You can change the size of the flash movie to fit your specifications Moreover you may choose to have the flash movie fit the browser window or you can specify new dimensions Note Please understand that there are differences between movie resizing and html movie resizing The html movie resizing option attempts to stretch the movie to comply with the dimensions specified while also maintaining the previous aspect ratio However this option may distort your movie if drastically downscaling Demo Builder 6 Learning Management System Select this option if you want to upload your movie to a LMS e g Moodle Demo Builder is fully compliant with SCORM 1 2 2004 and AICC Learning Management Systems Check the Zip Files box to compress all the files into a single zip file e g moviename_aicc zip moviename_scorm12 zip moviename_scorm2004 zip SCORM Manifest file Wal gt Pu Course sco Identifier mymovie Title mymovie Description Format H264 Destination P m hmi Color Ba f Do not adjust size i Automatically fit to browser window Custom size a60 x 600 Total 960x600 Design 877x548 Learning Management System Enable LMS support Export 81 Note The video s dimensions will be adjusted as foll
9. vee al H264 HTML5 Audio Video Interleave Windows Media Video MPEG4 Google WebM Standalone Image Files Word Document Help me choose Export 79 Demo Builder 80 Export H264 The H264 format is setting the standard for video files played on the internet due to its added image clarity and reduced file size This format is thus recommended for movies of a longer length Exporting in this format brings multiple advantages such as a progressive download feature the movie is loaded while playing compatibility with the iPad iPod and iPhone That being said using this format does partially reduce interactivity In other words the buttons edit zones and click zones can no longer capture mouse or keyboard inputs although all of the Start End properties are still available if a HTML SWF player is attached see below Should you want a fully interactive movie the Flash format is still the best Note Those running Windows XP or Vista must have Apple QuickTime installed on their machines to export in this format However once the movie is exported the end user does not require Apple QuickTime to view the movie 1 H264 File Name Enter H264 mp4 file name You do not need to include the filename extension mp4 H264 Options Options Video Quality Select the video quality A higher quality will increase the resulting file size Video Quality Adjust Size e high You can adjust the size of the
10. For example c path to video flv OR http domain com video flv Streaming Video To stream Flash video you need to use a special type of server application called Flash Media Server FMS The Adobe Flash Media Server FMS formerly Flash Communication Server is the powerhouse solution for Flash streaming The FMS is basically a software package which runs on a normal web server and provides extra functionality for the Flash format e g live streaming chat etc In technical terms the FMS works by opening a persistent connection between the server and client end user In a normal server client relationship the client sends periodic requests to the server as required With a persistent connection the server and client are in constant controlled contact URI Enter the server name application name and instance name For example rtmp server app instance Stream Enter the stream name In the Width Height box specify the width height of the Flash Video Click Detect Size if you want to detect the original size of the FLV or MP4 file Starting with version 9 3 YouTube videos can be played within your Demo Builder movie To do so select Progressive Download then enter the URL to your desired YouTube video e g In the Path field enter http www youtube com watch v ynR8nz4Xl_s 4 Skin Select the skin you want to use in your video Skin refers to the way the video playbar appears within your movie 5 Reset to ori
11. Path Enter the destination path for the file 4 Passive Mode Passive transfers are necessary for some firewall and gateway configurations and when you get failed data channel errors 5 Username and Password In the Username and Password boxes enter the username and password assigned to you by the ISP or server administrator of the FTP site 6 Proxy The Proxy and Port fields are not mandatory After Upload 1 URL prefix Enter a URL prefix which will be used when creating the full URL 2 Copy URL to Clipboard Select this option to copy the URL to the clipboard You will hear a distinct sound confirming the copy to the clipboard 3 Open in the default browser Select this option if you would like the URL to be opened in your default browser once upload is completed anal Export Optio Format Flash Destination _ Disk EIJ FTF server E Mail FIP Server myserver com Port Path W Passive mode for firewalls Username john Password A ss Proxy After upload URL Prefix http myserver com dir e Copy URL to dipboard fw Open in the default browser Save To Disk Send EMail Send EMail Send movie through email using an email client installed on your computer or an SMTP server 1 Use Select one of the following options Outlook Outlook Express Lotus Notes or SMTP server If you select SMTP server click the Configuration button in order to enter SMTP server details 2 Recipient Enter
12. The movie s properties should display the scenes created for your movie 6 Double click a scene to view its properties In the Timeline the type object is indicated 7 Position You can adjust the position of the type object within the Timeline by clicking dragging and dropping it in the desired location within the Timeline 8 Typing Speed Adjust the typing speed visible in your movie by clicking on the edge of the object and extending it to cover a longer or shorter time period as necessary Keystroke s property panel Demo Builder 26 Scenes E sei O Y Background Y tf Y B s aby E LJ Mute ea Remove 1 Mute Enable or disable the typing sound 2 Remove Remove the keystroke from the scene Note This operation cannot be undone Note The Keystroke s property panel is only visible when a scene is in editing mode and no other object is selected Thumbnails View Quick preview Change order Insert additional scenes Merge multiple scenes Split a scene Copy Paste different movies Demo Builder Cursors 27 Cursors Set the following properties and options for Cursors Riot AL ar A HR Y RY S 1 2 3 4 5 6 7 1 Name The default name for a cursor object is Cursor X Cursor 1 Cursor 2 Cursor 3 and so onward and this is visible in the name property of the movie You can change a cursor s name by deleting the default name and typing in another one Ensure the cursor is
13. content of the note and to continue playing only when this button is clicked Learn more Enable The movie has been paused Click h 4 Align Top hi Eas Opacity 74 i le Opacity 86 a T E O Apply to all balloons 5 Text The text property allows you to customize font font size font color text alignment and also edit the text that is visible on the note Click on the Text button on the property panel or double click the body of the note to display the Text editor You can also check the spelling of the entered text 6 Text To Speech For the text to be converted into speech select the Text To Speech option Note Microsoft Text To Speech is not required on the computer used to view your movie i Learn more Text To Speech a p 00 03 500 AP The movie will automatically pause if there is not enough time allocated in the Timeline O Apply to all notes Balloon Text Animated Text Rectangle Ellipse Image Animation Flash Video Zoom Area Demo Builder Tools 35 Blur Hotkey Text Set the following properties and options for Texts T tee s oe z Abe Y4 1 2 3 4 5 6 1 Name The default name for a text object is Text X Text 1 Text 2 Text 3 and so onward and this is visible in the name property of the object You can change a text s name by deleting the default name and typing in another one Ensure the text is selected before at
14. i Learn more Click the Reset button to clear all values Reset Click on the individual labels and select Reset to clear the corresponding value or select Apply to all if you want to apply your chosen values to all other buttons O Reset Apply to all Location 3 Style The style property allows you to change the appearance of the button object The default style is Classic A new button style Soft has been added in version 5 0 which provides a very smooth and professional looking button for your scenes Demo Builder Interactivity 61 i Learn more xp arrow cancel drde lines ok play star LJ Apply to all buttons 4 Text The text property allows you to customize font font size font color text alignment and to also edit the text that is visible on the button Double click the body of the button to change the button s text Using the Button Object Events You can also use Button Events to interact with the users of your demonstration or tutorial and to control the behaviour of your movie based on your users actions The Button object offers the following events to achieve this On Press On RollO wer 1 On Press Event Add objects actions and or audio to this event to define how your movie will display and behave when your users click this Button 2 On RollOver Event Add objects actions and or audio to this event to define how your movie will behave when the user
15. www adobe com products player_census flashplayer What is needed to distribute my movies On the web On CD To share your movies over the web you will need the SWF file and the HTML file that was created along with it To distribute the movies on CD you will need the EXE file and optionally the autorun inf file that were created when the movie was exported in Standalone format The autorun inf file is only required if you want the movie to play automatically when the CD is inserted into the drive For movies burned to CD how do I add autoplay so that movie playback starts automatically when the CD is inserted in the player When you export and burn a movie to CD in Standalone format check the Create autorun for CD option The movie will be created along with a file named autorun inf that you must include on the CD with the movie exe file in order for the movie to start automatically upon insertion in the CD drive Produced H264 SWF Flash plays on local computer but not from server You may need to update the server s MIME types to support the MP4 format The following instructions walk through configuring IIS and Apache for the MP4 MIME type Internet Information Services IIS 7 Open IIS Manager Click on the computer name of the server Double click on MIME Types Select Add from the right and enter in Extension mp4 and MIME Type video mp4 Right click on Default Web Site gt Stop Right click on Default Web
16. Messages Defaults Auto Calculate Time 7 Enable Auto Calculate Time Text To Speech Tab 1 Voice Click on this combination box to change the default voice 2 Volume Determine volume 0 100 Preferences General Text To Speech Auto Calculate Microsoft Anna English United States Confirmation Messages Defaults Volume Pp f Demo Builder 100 Miscellaneous Confirmation Message Tab When a box is checked from the list of options Demo Builder will ask for confirmation of the corresponding actions when necessary Example e From the Preferences Wizard Confirmation Messages tab ensure that the Delete scenes option is checked e Then click on a Scene within your movie and press the Delete key on your keyboard e Demo Builder displays a confirmation message e Click Yes to confirm or No to leave the scene in your movie e If you check the box Don t Show Again the Delete Scenes option in the preference wizard is auto unchecked and Demo Builder will not request confirmation of this action until you re check this in your preference wizard Preferences General Movie Auto Calculate V Remove background audio Text To Speech Confirmation Messages Y Preview movie during background audio recording Defaults V Alert when previewing or exporting too large a movie in swf format Scene Delete scene V Remove audio V Replace or remove background image V Remove keystroke Y Delete selecti
17. You can drag the Playhead with your mouse to the left or the right and as you do you will be advancing the play of the movie in the Canvas area Alternatively you can click the green arrow above the Timeline to automatically play the movie watching the Playhead advance automatically There are also beginning and end icons on either side of the play button that when clicked automatically advances the Playhead to the beginning or to the end of the scene The playhead is an extremely effective tool for going to a precise location within a movie 2 Changes Only for full motion recordings You can choose to show consecutive strips with alternate colors to better view changes in the Timeline 3 Tracks You can have an unlimited number of tracks in your Timeline A track is a horizontal location that runs from time zero to some time in the future and it is in these tracks that objects will exist For example if you want an image to display for 3 seconds starting 1 second into a theme then that image will be displayed in a track on the Timeline and it s length will be from the 1 second point to the 4 second point The object will therefore be displayed for 3 seconds see Preferences Defaults Tab If you then want another object to display after the first object disappears you can place this object in the same track after the first object However you can also display the new object in a second track below the first track You would do this i
18. all texts at the bottom of the style properties menu to apply the chosen style to all Texts in the movie Drop Shadow O Apply to all texts 4 Text The text property allows you to customize text formatting options such as font font size font color text alignment and also edit the text that is visible in the Text area Double click the body of the Text Properties Menu to edit or insert a Text area You can also check the spelling of the entered text 5 Outline Color Set the text s outline color For best results please use large font sizes 6 Text To Speech For the text to be converted into speech select the Text To Speech option Note Microsoft Text To Speech is not required on the computer used to view your movie Learn more Demo Builder 36 Tools Text To Speech a pe 00 03 500 fF The movie will automatically pause if there is not enough time allocated in the Timeline O Apply to all notes Balloon Note Animated Text Rectangle Ellipse Image Animation Flash Video Zoom Area Blur Hotkey Animated Text Set the following properties and options for Animated Texts T Animated Tet1 Y ES x Abe 1 2 3 4 1 Name The default name for an animated text area is Text Animation X Text Animation 1 Text Animation 2 Text Animation 3 and so onward and this is visible in the name property of the object You can change an animated text s name by deleting the default n
19. an object will stick this to the background image such that the coordinates left top of the object will be relative to image and not the canvas Note The visibility and attach properties are not available with audio objects Insert extra time Delete Erase Selection Transition per object Transition per scene Marks Context Menu Adjust Playback speed Home gt Timeline gt Adjust Playback speed Adjust Playback speed To adjust the playback speed of a specific selection in the Timeline hold down the CTRL key and place the Playhead at the selection s ending point Your selection will be denoted on the Timeline by a green colored area To speed up the playback decrease the size of this area To slow down playback drag rightwards as displayed below increasing the length of this new area Demo Builder 54 Timeline See also Insert extra time Delete Erase Selection Transition per object Transition per scene Marks Context Menu Hide Attach Lock Object Demo Builder Transformations 55 Transformations A transformation modifies a movie s properties over time For example if you want to slowly scale up your movie you add a transformation on the scene then modify the Scale property in the Transformation Properties panel Transformations are represented in the Timeline with a shaded rectangle A transformation may be added either manually or automatically To add manually first click the Add Transf
20. animation 40 Attach Object 53 Auto Highlight 72 Auto Interact 73 Automatic Keyframing 56 Auto Rotate 75 Auto Text 71 Auto Zoom 74 avi 84 B balloon 31 blur 45 Built in audio editor 67 Button 60 C Click Zone 61 copy paste scenes 25 create blank movie 4 cursor click dblclick effect 27 cursor highlight effect 27 cursor path 27 cursor pointer 27 cursor scale 27 cursors 27 D delete selection 49 Domain lock 68 DropBox 104 E edit cursor path 28 Edit Zone 58 ellipse 38 erase selection 49 Expiration date 69 Export 77 export destination 93 export format 77 F Flash 77 flash video 42 full motion recording 10 G oo erm 104 H H264 79 Hide Object 53 hotkey 46 html5 82 image 39 Image Files 90 import images 5 import video 6 insert additional scenes 23 insert extra time 49 Interactivity 58 K keystroke 25 L link movies 16 Lock Object 53 marks 51 merge cursors 29 merge scenes 24 movie background 12 movie background audio 17 12 movie info 12 movie navigation 12 movie properties 12 movie size 12 movie start end 12 14 movie watermark 12 mp4 79 86 mpeg4 86 N Narrate Timeline 65 note 33 P Password protect 69 Personalize 97 Preferences 98 R record the screen 5 rectangle 37 Reset Timeline 76 resize movie 13 S Save To Disk 94 SCOT quick preview scene properties 20 scenes change order 22 Send EMail 95 SkyDrive 104 split cursor 29 spl
21. as for ending the recording in the case where you have hidden the system tray icon and cannot stop the recording by clicking on this Demo Builder 4 Camera sound audible during recording e Insert cursors Hide system tray icon Hotkeys Start End Recording Pause Resume Take screen shots Welcome Introduction Create new movie Movie Scenes Cursors Tools Timeline Transformations Interactivity Add voice over narration Security Auto Export Miscellaneous Extras FAQ Contact Home gt Record the screen gt Take screen shots Full Motion Recording Take screen shots Take screen shots of a running application 1 Enable Auto Recording When enabled Demo Builder automatically takes screen shots every time an action is taken using the mouse or the keyboard 2 Record Keystrokes Help me choose Record the screen 9 This option specifies whether or not to have Demo Builder take screenshots when keyboard actions are undertaken 3 Hotkey To manually take screen shots of an application uncheck Auto Recording fit Demo Builder s screen capture wizard to the desired Demo Builder 10 Record the screen application s window and then press PRINT SCREEN to take screen shots Recording Options 7 Full Motion Recording Take screen shots of a running application W Enable auto recording Record your actions as you use your mouse or keyboard e Record keystrokes To manually ta
22. it commences playing To employ this feature check the Preloader button from the Start End options in the Movie Properties panel How do I get the mouse cursor to change to the hand when over a Click Zone Select the relevant Click Zone object and click on the Hand Cursor button on the Click Zone Property panel top of screen Can I translate my movie captions for international distribution New in Demo Builder Version 5 0 the Localize Wizard allows you to update the language in your movies for international distribution Use the Localize Wizard to export your movies caption text found in balloons notes text boxes and so forth to a Word Document update this with text in the desired language and then import it back into your movie Start by selecting Localize from Demo Builder s File menu to bring up the Localize Wizard and then follow the wizard s simple steps What is AutoCalculate Time Size Two additional options for objects have been introduced in Demo Builder Version 5 0 to make it even easier to create professional looking demonstrations and tutorials quickly 1 AutoCalculate Size Automatically size your text area to fit the amount of entered text 2 AutoCalculate Time Automatically adjust the timing in the Timeline based on the Reading Speed property in Preferences License Interactivity Export Interactivity How do I create a transparent button A transparent button can be a simple Click Zone object You sh
23. object that allows two way interactivity between your movie and your end users Use a Click Zone in a scene to pause your Demo Tutorial and require your that your users click a pre specified zone on the screen in order to continue or take some other action At movie run time the user will be presented with your Click Zone and the movie will pause awaiting the user s action click Demo Builder then offers Events On Click Inside On Click Outside On RollOver as described below which determine the next action or path to be taken by the movie Set the following properties and options for Click Zones l l k Click Zone 1 v fh o x ih 2h Rh Click an Event button on the Timeline toolbar below to edit the event actions 1 2 4 5 lw 1 Name The default name for a Click Zone is Click Zone X Click Zone 1 Click Zone 2 Click Zone 3 and so onward and this is visible in the name property of the object You can change a click zone s name by deleting the default name and typing in another one Ensure the click zone is selected before attempting to change its name property 2 Rotate Scale and Location Adjust the rotational angles scale or manually change the location of the click zone on the Canvas Rotations on the X and Y axis are ignored when the click zone is attached to the image i Learn more Click the Reset button to clear all values Reset Click on the individual labels and select Reset to clea
24. of the ellipse Set the following properties and options for Images a Image 1 F 1 2 1 Name O lr 3 3 6 The default name for an image object is Image X Image 1 Image 2 Image 3 and so onward and this is visible in the name property of the object You can change a image s name by deleting the default name and typing in another one Ensure the image is selected before attempting to change its name property 2 Rotate Scale and Location Adjust the rotational angles scale or manually change the location of the image on the Canvas Rotations on the X and Y axis are ignored when the image is attached to the image scene i Learn more Demo Builder Click the Reset button to clear all values Reset Click on the individual labels and select Reset to clear the corresponding value or select Apply to all if you want to apply your chosen values to all other images Y Fr 9 x Elia z a E Apply to all a Location r 3 Replace Image The replace image icon differs depending on the method used to insert the image 4 Transparent This property is enabled for insert options From File and Take Screenshot It is used to adjust the image s transparency Learn more The left top pixel is considered a transparent pixel Checking the transparency box makes it possible to W Transparent see through the image Transparency cannot
25. s properties panel the Audio Property Click the plus sign and select the Record menu item Next it is important that you press Yes when the dialogue box appears SS basic2d Y 759x580 Y Background Y Start End Y Navigation amp y Record Text To Speech Would you like to preview the movie during background audio recording Don t show again Narrate Timeline Record at capture time Insert audio per scene Built in audio editor oice over narration ns C audio per scene Insert audio per scene Use Audio Editor property panel to record or import audio clips e Click on the to add audio or the to remove a selected audio clip e Click on the Audio Settings button at top right to change audio settings or to select and calibrate your audio input device e Each individual audio clip can be edited and tailored to your specific needs Click on the button next to the audio clip to be edited The Audio Clip Editor will be shown Demo Builder Add voice over narration 67 scene 1 Oz Background Record X Text To Speech Import Audio Collection See also Narrate Timeline Record at capture time Record at preview time Built in audio editor Home gt Add voice over narration gt Built in audio editor Built in audio editor Adjust volume insert silence edit mistakes or add an external audio file to a presentation with the built in audio clip editor bon g
26. selected before attempting to change its name property 2 Pointer There are several different images available to represent the cursor Regardless of what the cursor looked like during recording you can change it to any of the available images Learn more The three options for changing the cursor s symbol are o Movie shows all cursor images being used within your movie o Current Theme contains cursor images with a similar theme to the default cursor o Custom gives you the option of selecting existing clipart from Demo Builder or browsing and inserting an image from disk Browse Movie Current Theme Custom O Apply to all mouse pointers 3 Scale Change the scale of the cursor i Learn more Click the leftmost cursor symbol to restore the cursor to its original size Click the second cursor symbol rightmost to double the size of the present cursor Check Apply to all cursors to maintain the above scale for all cursors in the movie Scale 2 0 fy mm O Apply to all cursors 4 Highlight Effect Draw a circle underneath the cursor symbol Learn more Select the checkbox to enable the highlight effect Then you may choose a color radius and opacity Highlight Color m se Radius 64 OK Opacity 31 Check Apply to all cursors to maintain the above preferences for all cursors in the movie LJ Apply to all cursors 5 Cursor paths When you ha
27. the correct response s answer 1 From the Correct Entries properties panel you can choose whether users responses must be Case answer 2 Sensitive to match Likewise by checking the Password box you can choose for user responses to be displayed hidden as asterisks rather than the actual characters typed by the user Demo Builder can also check your users responses character by character Check the Check as you type box to activate this feature C Password Either Enter or Tab can be used as the Shortcut Key to accept and validate your users inputs Select O Case Sensitive your choice from the drop down box O Check as you type To remove an entry from the list simply select it and click the minus icon Shortcut Key Enter To change the Text font style of the Edit Zone click on the text icon which will display the font wizard and allow you to customize as desired Using the Edit Zone Object Events As described above you can use Edit Zone Events to interact with the users of your demonstration or tutorial and totally control the behaviour of your movie based on responses and entries made by your users The Edit Zone object offers the following 3 events that can be used to achieve this On Pass On Error On RollOwer 1 On Pass Event Add objects actions and or audio to this event to define how your movie will display and behave in response to a correct answer from your user 2 On Error Event Add objects actions and or audi
28. the recipient s email address Demo Builder 96 Export 3 Subject Enter the default subject title 4 Body Type your intended message for the recipient or leave the default message 5 Zip Files Select this option to zip all files and send the zip file via email as attachment Disk L FIP Server CN Movie created with Demo Builder Your movie is attached and ready to send with this message e Zip Files Save To Disk Upload To FTP Server Demo Builder Miscellaneous 97 Home gt Miscellaneous Miscellaneous Personalize Text To Speech Preferences Keyboard Shortcuts Welcome Introduction Create new movie Record the screen Movie Scenes Cursors Tools Timeline Transformations Interactivity Add voice over narration Security Auto Export Extras FAQ Contact Home gt Miscellaneous gt Personalize Personalize Immediately after recording your movie a window as seen below appears giving you the opportunity to personalize your movie Make sure that Show the Personalize Wizard Upon Capture option is selected in the Preferences window Similarly you may also choose this option by right clicking in the Thumbnails view and selecting the Personalize menu item Personalize y 759x580 Y Background Y Start End Y Navigation Y amp v y New size in pixels Controls Add Intro Scene V Add End Scene Modify Cursors Undo Ctrl Z Redo Shift Ctr
29. to pan the image Automatic Keyframing Duration Context Menu Context Menu To bring up the context menu right click on a Transformation on the Timeline This feature allows functions such as Delete and Equalize Transformations in terms of duration 1 Delete Transformation Select this option to delete the particular transformation 2 Equalize Transformations duration Use equalize transformations to apply the duration from the current transformation to all transformation from the same scene A po oos Delete Transformation End of Scene Equalize Transformations duration e toa 00 07 066 Il tl Automatic Keyframing Duration Mouse Functions Demo Builder 58 Interactivity Interactivity Learn how to use Demo Builder s interactive objects to interact with your end user Note These options are only available for movies exported as a Flash Movie swf Edit Zone Welcome Introduction Create new movie Record the screen Movie Scenes Cursors Tools Timeline Transformations Add voice over narration Security Auto Export Miscellaneous Extras FAQ Contact Edit Zone Edit Zone objects are extremely useful in creating high quality presentations and tutorials as they allow two way interactivity between your movie and your end users For example in conjunction with Demo Builder s other objects you can use an Edit Zone to hold the correct answe
30. you demonstrate your application or use the screenshot method to take a series of screen shots of your application Blank Import Images Import Video Home gt Create new movie gt Import Images Import Images Create a movie from a series of existing images on your system 1 From the Start Up screen select Import Images to browse for images on your disk or hard drive 2 Click Open the folder shaped icon to import an image into the wizard Repeat this process for every image you need to insert into your movie 3 The image s title and size is shown in the top left corner of the wizard 4 The Remove button is enabled when there is at least one image selected This is shaped as an eraser 5 Click Finish and the new image s will be inserted as screenshot s in your movie For each image you insert a new scene is created in your movie Demo Builder 6 Create new movie Create New Movie Import Images Name imymovie 960 x 600 Web Width 960 Height 500 no images press open button to add images Blank Record the screen Import Video Home gt Create new movie gt Import Video Import Video Create a movie from an existing Video avi mpeg etc presentation 1 From the Start Up screen select Import Video 2 When you create a new movie by importing a Video file it is imported as an entire scene and not as an object that can be controlled within a scene Select the Vid
31. your choosing 3 lt head gt 4 lt eitle gt created by Tanida Demo Builder A pom he ee nee atin E AA ee ee However the HTML file also contains the following special code that should not a lt SCRIPT gt be altered 3 10 lt head gt 11 lt body gt a lt NAME gt ES pi lt STYLE gt se lt l SCRIPT gt lt MOVIE gt Default OK 4 HTML Color Select the background color of the page 5 HTML Adjust Size You can change the size of the flash movie to fit your specifications Moreover you may choose to have the flash movie fit the browser window or you can specify new dimensions Note Please understand that there are differences between movie resizing and html movie resizing The html movie resizing option attempts to stretch the movie to comply with the dimensions specified while also maintaining the previous aspect ratio However this option may distort your movie if drastically downscaling 6 Learning Management System Select this option if you want to upload your movie to a LMS e g Moodle Demo Builder is fully compliant with SCORM 1 2 2004 and AICC Learning Management Systems Check the Zip Files box to compress all the files into a single zip file e g moviename_aicc zip moviename_scorm12 zip moviename_scorm2004 zip SCORM Manifest file BSS Sa R Course sco Identifier mymovie Title mymovie Description i as V Versio
32. 4 TS O O rn es ea oa meee ere bee pe re ad ae ee ote en eds oe 43 O re rat eget eae etc ss gee ees enti ee ee ee cee etree mee ae eee eee eee 45 gO ne Pu ee 46 Chapter DTU arre ncaa cee mehr cad nat ea Raa aR En ene Danan ea ae or 48 DR ea a eee sd ced a eg ee ew ee eee eo be E ER ad ee es ge ed ph ee T a 49 D lete Erase Selecion aia ri ii a ee a a ee ee a N a 49 Eeee e E dades 50 WS Oee erR eee ee ee E 51 A a ee eo cca ke ce ee a ee cad ea Rae ce ee cd plo are a i wee ane ede dena bane aged cae gene ee eaaeeeta cand 51 OI NN mormora q E P MERE Ga a a band elcid ee cece yas bo eee T a a cote dehesceeas 52 Hide Attach Lock Object ee eee An 53 Es cla Eo A ee ee 53 Chapter 10 IFINSTONTIAIIONS session 55 Automatic Keyframing ee ee e ee re ee ee 56 DB e E E oe pa oe ae See Gee ee cetera ta bee ot eee ete eh a eee 56 POISONS ia 56 Context TOI sra pao be doe ceo Aird nah hee Gh ed ee a ee oR Eras 57 Chapter 11 Interactivity E 58 A SPP nene 58 BOHOM ooe E A 60 Chek Zoe oe a E a eee ne ee ee ee ee eee eer ee 61 Es A seo tc eg srt ee ee ero own ene pe eam ca poe plo Dj opte paa 63 Chapter 12 Add VOIGE OVEr narration a lt lt cserscasssicnescascandrisniunovsatasinduaniwacs AAA R SEDRE 65 Narrate melno e crire aaae y In a a a T ee ee 65 RECON al CODO INO erien E AAA ee ee 65 ee ee a A A A E ne E as eet 66 ees ues Ue ada gee gC Mien ee eee eee ee ee 66 PI audio editor oe Sore cadena deen auaen ven E OE E e e O Medea cebaaneuearasate
33. D CLSID 22D6F312 BOF6 11D0 94AB 0080C74C7E95 STANDBY Loading Windows Media Player components TYPE application x oleobject gt lt PARAM NAME FileName VALUE mymovie wmv gt lt PARAM name autostart VALUE false gt lt PARAM name ShowControls VALUE true gt lt param name ShowStatusBar value false gt lt PARAM name ShowDisplay VALUE false gt lt EMBED TYPE application x mplayer2 SRC mymovie wmv NAME MediaPlayer WIDTH 800 HEIGHT 600 ShowControls 1 ShowStatusBar 0 ShowDisplay 0 autostart 0 gt lt EMBED gt lt OBJECT gt Flash H264 HTML5 Audio Video Interleave MPEG4 Google WebM Standalone Image Files Word Document Help me choose Demo Builder Export 87 MPEG4 This option is particularly useful for exporting movies of longer length It is also recommended if you intend to publish your movie on video sharing websites such as YouTube and Metacafe MP4 can be played back on Windows PCs that have the QuickTime player which is often installed with iTunes They can also be played back on virtually all Macs but the format is not widely compatible with Linux 1 File Name Enter the video file name You do not need to include the filename extension mp4 2 Adjust Size You can adjust the size of the movie to fit your specifications Note Please understand that there are differences between movie resizing and the above option This option attempts to stretch the movie
34. Format gt Help me choose Demo Builder Export 93 Help me choose The best format to choose depends on the end purpose and audience of your movie Flash H264 HTML5 AVI WMV MPEG4 WEBM EXE High quality We E Me de de al el e Small file size J x x x x x x dl Interactive objects J x x x X X x o y iPad iPhone x yY XXY x x YouTube x yv XK ee e E e x Suitable for the Internet r wf A x x x dl x 5 20 None None NoneNoneNone None 15 20 he Limits minutes 1 Flash In general the best option is Flash format Compared to other formats Flash is advantageous in several regards a smaller file size high quality playback allows end user interactivity Flash is an extremely popular format for playing animated video particularly over the internet The Flash player plugin is installed in virtually all internet browsers so this format is widely compatible with PC and Macs However you should be aware that exporting in Flash format also has its drawbacks We only recommend the export in Flash format option if your movie is less than 20 minutes in length and a maximum of 8 minutes per scene More in depth explanation from Adobe http kb2 adobe com cps 144 tn_14437 html That being said if your movie is longer than the recommended length for exports in Flash format yet you wish to export this in Flash format it is still possible to do so please see the link below to find out exactly how this can be done In g
35. Format Standalone Destination File Name mymoviel Exe Title Tanida Demo Builder Full Screen Create autorun for CD Flash H264 HTML5 Audio Video Interleave Windows Media Video MPEG4 Google WebM Image Files Word Document Help me choose Video The release of Version 8 0 also brings with it a new feature Now you are able to export your movie in Video format This option is particularly useful for exporting movies of longer length It is also recommended if you intend to publish your movie on video sharing websites such as YouTube and Metacafe Demo Builder 90 Export 1 2 File Name Enter the video file name You do not need to include the filename extension Format Select your desired movie format Audio Video Interleave AVI Windows Media Video WMV MPEG 4 MP4 AVI AVIis a popular video file format Each AVI file is encoded with a codec such as DivX or Cinepak that compresses the video data on export and decompresses it for viewing in movie playing software When you export in AVI format you will also have to pick a codec to encode with from the list of those installed on your PC WMV WMV format is commonly used for movie playback on Windows PCs The software required to playback WMV files is installed on most Windows PCs MP4 MP4 can be played back on Windows PCs that have the QuickTime player which is often installed with iTunes They can also be played back on virtually all
36. Macs but the format is not widely compatible with Linux Note Depending on the option chosen the video s dimensions will be adjusted as follows in AVI fomat there will be no changes in WMV format the dimensions must be divisible by a factor of 2 in MP4 format the dimensions must be divisible by a factor of 16 Demo Builder will automatically adjust your movie s size if it does not comply with the above specifications Adjust Size You can adjust the size of the movie to fit your specifications Note Please understand that there are differences between movie resizing and the above option This option attempts to stretch the movie to comply with the dimensions specified while also maintaining the previous aspect ratio No Audio Selecting this option will eliminate all audio from your movie Oa l Format Windows Media Video Destination C Flash SWF veb H264 MP4 eb Flash Plaver C HLS MP4 WEBM Web HTMLS Player Audio Video Interleave AVI ER Windows Media Video WMV CD YouTube Web C MPEG4 MP4 CD YouTube iPhone iPad C Google WebM WEBM CD YouTube Web Standalone EXE Cc Image Files Jeb Word Document DOC Handouts Help me choose a file format Export OK Cancel Image Files Exporting in Image Files format creates a sequence of image files Optionally you can also export an html file in order to display all of the images within a web page 1 Scenes
37. Rotate Y Select this option to rotate the image on the Y axis Drag the slider to determine the maximum rotational angle 2 Rotate X Select this option to rotate the image on the X axis Drag the slider to determine the maximum rotational angle 3 Animate Select the animation level The follow cursor option at one extreme of the spectrum attempts to constantly rotate the image wherever the cursor moves 4 Adjust Scale Select this option to assure that the image always remains within the Canvas 5 Add Reflection Select this option to add a reflection effect to the image Demo Builder 76 Auto Auto Rotate M Rotate Y T su 750 h Rotatex OEEO we A follow cursor W Adjust Scale Add Reflection Auto Text Auto Highlight Auto Interact Auto Zoom Reset Timeline Home gt Auto gt Reset Timeline Reset Timeline Click the Reset Timeline menu item to delete all objects and transformations Resetting the Timeline will also restore the original length timing as established at capture time This is helpful if you are testing any Auto Functions features For example imagine that you had added Balloons with the Auto Text function and then decided that you no longer desired these Resetting the Timeline will eliminate these and restore the original values Reset Timeline lo Remove Objects Remove All Marks Remove All Transformations Note This operation cannot be undone Auto Text Auto Highlight Auto Interact A
38. Site gt Start Oy in 019 15 Internet Information Services IIS 6 1 Open IIS Manager 2 Access computer name of the server gt HTTP Headers gt MIME Types 3 Click on New and enter in Extension mp4 and MIME Type video mp4 Right click on Default Web Site gt Stop Right click on Default Web Site gt Start eA Apache 1 Locate and open Mime types file normally contained within etc httpd conf in an text editor 2 Add a new line to this file of video mp4 mp4 3 Save file and restart Apache License Edit Interactivity Demo Builder 110 Contact Contact Founded in 2000 Tanida Software is an Information Technology company developing e learning software for home and office use Tanida s clients include thousands of corporate government academic organizations and many individual users worldwide who use their software to quickly create rich interactive learning content resources The company currently offers two premier products Demo Builder and Quiz Builder that enable learning professionals and subject matter experts to create e learning tutorials demos quizzes and tests Web Site www demo builder com General Inquiries info demo builder com Sales sales demo builder com Customer Support support demo builder com http www demo builder com support html Demo Builder Index A add menu bar 15 add player bar 16 adjust playback speed 53 aggregator 103 align cursors 27 animated text 36
39. ackward icon These align icons are only available for the first and last cursors inserted in a scene Example o Create a movie with three blank scenes Insert one cursor in Scene 1 two cursors in Scene 2 and one cursor in Scene 3 o Select the cursor in Scene 1 and notice that it only has one align property the Align Forward icon This is because it is located in the first scene of the movie Since there are no scenes prior to it there are also no cursors it can be aligned with but those ones ahead of it Click the Align Forward icon and you ll notice that the cursor s position is adjusted so that it matches up with the position of the first cursor in Scene 2 o When you select either the beginning or ending cursor in Scene 2 you ll notice that two align icons become available Align Forward and Align Backward This is because other cursors exist both prior to the current scene and after it e In Scene 3 only the Align Backward icon will appear since no scene and thus no forward cursor to align to exists after it Welcome Introduction Create new movie Record the screen Movie Scenes Tools Timeline Transformations Interactivity Add voice over narration Security Auto Export Miscellaneous Extras FAQ Contact Edit cursor path Demo Builder Cursors 29 Creating a custom cursor motion After selecting the custom motion icon as the cursor path you have to define exactly what that custom
40. ad a bead aatadel douse susdedirol E 14 a A ea a a ne ee ed a ev eee eat nese 15 POR 8 oS 9 gt anne ee eee eee ere eee eee A re eee 16 Link your se cae cs cr ek ee sen se eo ee ee ce eek eae 16 os aba ls e ee 17 Translate your MOJO ck se ee ea nk eee o ee eed Un 18 Chano AOS ee eee ee ee ee ia 20 Thumbnails VIieW PPP seabee bead oedsas cade EE tase seaddengadenadsasesausns 21 Al A o E EEEE ELEA ET 22 Change Or o a e eta ces eee eet o o seers eee E uo 22 Insert additional scenes ee oia 23 Merge Multiple SCONES o rs ta Ad o eta 24 SPUILCA SCENES semper ic ee pct br ada 24 Copy Paste different MOVIES A one 25 NEVSITONS e AA A A AAA DA AR See rd at ia ea ee AAA 25 CUAD PUEDES eee ene re cee eee ee ee ee ee ee ee epa 27 Soe oe ees coser ir A NA NAAA e R oda 28 Split Merge e ee a ea ea woot ea es deten A E ian teneeniaceses 29 Free Move and Free Resize eee ce een enn EEEE EEEE EEEE EEEE EEEE EEEE EEEE EEEE EEEE EEEE EEEE 29 CUADO eo sarao nap ee A AA E ee 31 AA a ae es ees eee weet dane aa a E aE o eee IA 31 O ir eeuniearenri E oe rigantaneetvan A O 33 E eee ote E E Sh A oe ers a en a ee Su ee ne a Ae hahaa 35 PIAR E arado Riera uns a noe Mn ane nae ma Ries hia ema dido ER IEG E A iA alee cod RA IDE aa han eh ee enone waters 36 o A eee eee eee eee ee ee 37 EPS scouts dejate E ra arde Nr mets tenet eaieem acumen sean nee 38 MIEDOS sata ee ee E E ee 39 O ew ae a ee een oes ere ee ns Oa eee soe eas 40 o AI O awed cee aes
41. al labels and select Reset to clear the corresponding value or select Apply to all if you want to apply your chosen values to all other Edit Zones Reset Apply to all Location 3 Style The style property allows you to change the appearance style and color of the Edit Zone The default style is Classic Learn more aqua flat outlined soft transparent O Apply to all edits Note Demo Builder version 5 0 introduces an additional Edit Zone style Transparent You might use an Edit Zone with a transparent border style when you want it to blend in invisibly with the rest of your scene s background image You could then use the new On RollOver Edit Zone event see below to display a message in a balloon or text to your users when they position the mouse cursor over your transparent Edit Zone 4 Correct Entries The correct entries property is were you specify the list of correct responses expected from your users When a user enters text and presses the defined Shortcut key on the keyboard either Enter or Tab Demo Builder checks the user s response against the correct list of entries and takes the action for the On Pass event or the On Error event as appropriate Learn more To enter the correct entry or list of correct entries expected from your users in order to trigger the actions contained in the On Pass event click the plus icon and enter
42. ame and typing in another one Ensure the animated text is selected before attempting to change its name property 2 Rotate Scale and Location Adjust the rotational angles scale or manually change the location of the animated text on the Canvas Rotations on the X and Y axis are ignored when the animated text is attached to the image i Learn more Click the Reset button to clear all values Reset Click on the individual labels and select Reset to clear the corresponding value or select Apply to all if you want to apply your chosen values to all other animated texts Location 3 Style The style property allows you to change the appearance of the Animated Text Area Check the box Apply to all texts at the bottom of the style properties menu to apply chosen style to all Animated Texts in all scenes in the movie Learn more Demo Builder Tools 37 Click on the pencil symbol to select the color of the border Pos Thickness 4 5 a Padding 6 amp Click on the top bucket symbol to select the color of the background of your text box Press the arrow symbol pointing downwards if you desire to add a vertical gradient to your textbox Adjust the Thickness and Padding sliders respectively to gain the desired effect for your text box o Opacity 71 IS ___ If you have chosen to add a gradient click the bottom bucket symbol to select the color of lower l A a 4 portion of the text box The c
43. an also click the Share button from the Thumbnail View File Edit View Preview Extras Help Aggregator Upload To Cloud Storage Upload To YouTube SWE To Video Converter OR Ae If you click the Share button from the Thumbnail view Demo Builder will build the mp4 file of your current movie Once completed you will be able to YouTube as the desired destination Demo Builder 106 Extras Share Your Movie Once uploading is complete the following will be provided to you depending on selection e a view link to the YouTube video OR e the html code needed to embed the YouTube video into your html page Aggregator Upload To Could Storage SWF To Video Converter SWE To Video Converter With SWFToVideo tool you can convert your swf files created by Demo Builder to video format To launch the SWFToVideo tool select from the Demo Builder main menu Extras and then the SWFToVideo menu item File Edit View Preview Extras Help Aggregator Upload To Cloud Storage Upload To YouTube SWF To Video Converter Once you have finished recording your swf file you can export it in AVI MP4 or WMV format You may then modify the corresponding options as necessary Moreover you may also upload the video to YouTube directly from the SWFToVideo converter Aggregator Upload To Could Storage Upload To YouTube Demo Builder FAQ 107 FAQ The FAQ section includes answers to commo
44. anslate your movie Translate your movie s text and distribute these internationally The Localize Wizard allows you to update the language of your movies for international distribution by exporting your movie s caption text found in balloons notes text boxes to a MS Word document doc Here you translate the text in the desired language and then import it back to update your movie with the help of the Localize Wizard Start by selecting Localize from the Demo Builder File menu to bring up the Localize Wizard and then follow these steps Select the desired Operation either Export or Import Enter or select the name and location of the export file that will contain the text to be localized Open MS Word and update the second column of the document generated to translate your original text into the desired language Save the updated MS Word document Run the Localize Wizard in Demo Builder again but this time Import the translated text back into your movie Re Build your movie Sul Pah UE gt 3 H Y mymovie_captions doc Compatibility Mode Microsoft Word Tabl gt Home Insert Page Layout References Mailings Review View Add Ins Design Layout 9 EJ Operation Export k DOC File Name C mymovie_captions doc J Open folder J Open document Words 76 Z English United States Demo Builder Movie 19 Note Please note that Microsoft Word 2003
45. arn more This object cannot be rotated on the X Y Z axis Also it cannot be scaled 3 Radius The radius property allows you to adjust the intensity of the blur effect Check the box Apply to all blur areas at the bottom of the radius menu to apply the chosen radius to all Blur areas in all scenes in the movie Learn more Demo Builder 46 Tools Radius 4 LJ Apply to all blur areas Balloon Note Text Animated Text Rectangle Ellipse Image Animation Flash Video Zoom Area Hotkey Hotkey Set the following properties and options for Hotkeys a Hotkey 1 Y Classic E ctl s 1 k 3 4 1 Name The default name for a hotkey is Hotkey X Hotkey 1 Hotkey 2 Hotkey 3 and so onward and this is visible in the name property of the object You can change an hotkey s name by deleting the default name and typing in another one Ensure the hotkey is selected before attempting to change its name property 2 Location Change the location of the hotkey on the Canvas Learn more Click the Reset button to clear all values Apply to all if you want to apply your chosen values to all other hotkeys Reset Apply to all Location 3 Style The style property allows you to change the appearance of the Hotkey The default style is Classic i Learn more Demo Builder Reset Click on the individual labels and select Reset to clear the corresponding value or sel
46. at you want your rectangles or animations to last 4 Make space in the Timeline Select this option to allow Demo Builder to adjust the Timeline as required for the reader to be able to read the text displayed In the case that you do not choose this option it is likely that the text shown will be out of tune with the movie It is not recommended to select this option if your scene contains a voice over narration recorded at capture time Demo Builder Auto 73 Auto Highlight Add Rectangles Add Hand Animations Duration 1 second s e Make space in Timeline ratero E 0 Auto Text Auto Interact Auto Zoom Auto Rotate Reset Timeline Auto Interact Auto Interact adds click zone areas which will ask the user to click on the areas that you yourself clicked on during recording This is a GREAT feature for any training purposes 1 Add instructional notes Used to instruct the user to click on the right spot 2 On Success Event Select this option to show a positive message when the user correctly clicks inside the click zone area 3 On Failure Event Selection this option to show a negative message when the user incorrectly clicks outside the click zone area 4 On Rollover Event Selection this option to show a message when the user moves the mouse over the click zone 5 Hand Cursor Change the mouse pointer to a hand cursor when the user positions the mouse pointer over
47. be applied to an image from cliparts the checkbox is disabled when an image is taken from cliparts Tolerance 100 o Opacity 100 5 Reset To reset the image to its original size click the Reset icon 6 Flip and Rotate The Flip and Rotate property allows you to flip the image vertically or horizontally and rotate the image by angle Balloon Note Text Animated Text Rectangle Ellipse Animation Flash Video Zoom Area Blur Hotkey Animation Set the following properties and options for Animations Animation 1 F Sketch D A 4 5 i 2 3 1 Name The default name for an animation object is Animation X Animation 1 Animation 2 Animation 3 and so onward and this is visible in the name property of the object You can change an animation s name by deleting the default name and typing in another one Ensure the animation is selected before attempting to change its name property 2 Rotate Scale and Location Adjust the rotational angles scale or manually change the location of the animation on the Canvas Rotations on the X and Y axis are ignored when the animation is attached to the image Learn more Demo Builder Tools 41 Click the Reset button to clear all values Reset Click on the individual labels and select Reset to clear the corresponding value or select Apply to all if you want to apply your chosen values to all other animations Reset Ap
48. ch scene Once all desired scenes are selected right click on one of the scenes and select Merge from the resulting menu The selected scenes will be merged into one longer scene You cannot merge two differently sized scenes For example should you record a scene 800x600 in size and then also record a scene 1024x768 in size these two scenes can t be merged Scenes must be corresponding in size In this case these must be either both 800x600 or 1024x768 in size to be merged 821x622 Y Background Y Start End Y Navigation Y amp 3 Scene 3 Edit Preview scene s Cut Ctrl X Copy Ctrl C Delete Del Duplicate Merge Note This operation cannot be undone Thumbnails View Quick preview Change order Insert additional scenes Split a scene Copy Paste different movies Keystroke Split a scene To split a scene into two separate scenes first drag the Playhead to the location in the Timeline where you wish the split to occur Then right click in the Timeline area and select Split The existing scene will be split at precisely the location where the Playhead was located A a Pp i amp 00 0196 Y 00 04 400 Demo Builder Scenes 25 Note This operation cannot be undone Thumbnails View Quick preview Change order Insert additional scenes Merge multiple scenes Copy Paste different movies Keystroke Copy Paste different movies In order to copy a
49. chosen values to all other rectangles Note The rectangle cannot be rotated on the Z axis when the Fill outer area option is selected The style property allows you to change the appearance of the Shape For Rectangle shapes Check the box Apply To all rectangles at the bottom of the style properties menu to apply chosen style to all Rectangles in all scenes in the movie i Learn more o Border Color MA Border Width 3 Determines the color for the Rectangle s edges 2 o Border Width E a Opacity 50 changes the thickness of the Rectangle s edges gt Fill Color tara Used to specify a color for the Rectangle o Fill Opacity Adjust the transparency of the chosen color o Fill Outer Area This allows you to fill the outside of the rectangle with the fill color instead of the inside of the O Apply to all rectangles Rectangle Balloon Note Text Animated Text Ellipse Image Animation Flash Video Zoom Area Blur Hotkey Ellipse Set the following properties and options for Ellipses ud Ellipse 1 1 2 3 A 1 Name The default name for a shape object is Shape X Shape 1 Shape 2 Shape 3 and so onward and this is visible in the name property of the object You can change a shape s name by deleting the default name and typing in another one Ensure the shape is selected before attempting to change its name property 2 Rotate Scale and Location Adjust the rotational a
50. cursor motions You may wish to do this if you want one motion to occur and the have the motion stop while something else is going on in the scene then have the cursor motion resume afterbwards To split a cursor motion into two motions first select a cursor motion in the Timeline Move the playhead inside the cursor motion to the position where you want the split to occur Hold down the CTRL key and drag the right side of the cursor motion It is important to drag the middle of the new cursor motion and not the small arrow that s at the end of the cursor motion Doing so will split the motion thus creating a new cursor motion How to Merge two cursor motions into one To merge two cursor motions into one cursor motion you first have to make sure the first cursor motion does not have any click or double click event associated with it In the Timeline move the first cursor motion by clicking the middle of it and dragging it until it meets up with the second cursor motion You ll notice that the two motions will merge into one e vw T pE A A o Cc UJ 00 01 033 Edit cursor path Free Move and Free Resize Demo Builder 30 Cursors Free Move and Free Resize Demo Builder allows you to move or resize the cursor motion only if the cursor is always synchronized with the movie For example if a scene has two changes and you have a cursor motion in the first change you ll notice that you cannot move the cursor motion to ove
51. de Attach Lock Object Adjust Playback speed Marks Marks are essentially bookmarks within a scene These can be used to specify actions and where you want an action to occur Marks can either be added to a scene automatically during the recording process or manually during the editing phase after recording For example You can use marks to make the movie jump from Scene 1 Mark 1 to Scene 3 Mark 4 if Scene 1 Mark 1 has Action Go To Scene with Scene3 Mark4 as the parameters To manually add a Mark to a scene place the Playhead at the location where you want the mark added then click the button above the Timeline next to the Play button To remove a Mark from a scene position the Playhead over the mark to be deleted or select the Mark s number from below the Timeline You ll notice that the button changes to Press this button in order to remove the Mark To move a Mark move the mouse over it or select it by clicking on its number and drag it to a new location To change the Action for a Mark select it move the Playhead to its position or click on it in the Timeline and then click the drop down menu immediately to the right of the or icons above the Timeline You ll notice that there are several actions to choose from Stop Movie Loop Movie Close Movie Go To URL Run EXE Go To Movie Execute JavaScript Demo Builder 92 Timeline id P m ma P i amp 00 00 000 Tt 00 00 000 ff Eq sto
52. duction scene a ending scene auto text and more 3 Grid Using for lining up images cursors notes and balloons within your movie s scenes 4 Progress Window The Progress Window displays as your movie is being built Pin The progress window continues to display after Demo Builder completes compiling and stands ready to play the movie 5 Spelling Options Demo Builder can check spelling and grammar errors according to your language specification You can use more than one language dictionary Simply tick the relevant option box es as desired references E IV Check for update at start u Auto Calculate Pd Text To Speech V Show the personalize wizard upon capture Confirmation Messages Defaults Grid Visible Snap to grid Size 10 v El v Progress Window Pin Text Editor IV Use in place text editor AB Spelling Options E Cancel Demo Builder Miscellaneous 99 Auto Calculate Tab 1 Auto Calculate Size You can use this option to have Demo Builder automatically estimate how large the text boxes e g notes and balloons should be 2 Auto Calculate Time You can use this option to have Demo Builder automatically estimate how long each text box e g notes and balloons should be displayed in the Timeline This is based on the words per minute reader profile Preferences General Auto Calculate Size Auto Calculate Text To Speech V Enable Auto Calculate Size Confirmation
53. e Record voice over narration while previewing and editing your movie by selecting the Background Audio button in the properties panel and then clicking on the Record button to record your voice over narration Likewise you can also add background audio to your movie by Importing wav and mp3 files either from your computer a network drive or from Demo Builder s built in Audio Collection When an Audio effect is included in the movie the background audio properties expand to include additional properties 1 2 Loop Check the Loop box to have this audio clip repeat continuously throughout your movie Fade In Out Use these to add fade effects to your background audio The music can be faded in or out in short medium or long modes or you can choose none to have audio play without a fade effect Volume Use this to adjust the volume of your background audio for scenes with added background audio For example if you insert music as the movie s background audio and then also insert voice over narration in one of your scenes this property allows you to lower the volume of the movie s background audio so that the voice over is dominant during this scene Demo Builder 18 Movie 00 12 173 dm A Loop Fade In Long Fade Out Long Lower volume on frames with added audio Percent 20 5 Resize your movie Start End Add menu bar Add player bar Link your movies Translate your movie Tr
54. e tree view has a 1 startindex value For example in the screenshots above the Take screen shots item has a 3 startindex value Full motion a 4 and so forth Upload To Could Storage Upload To YouTube SWF To Video Converter Upload To Could Storage With Upload to Cloud Storage tool you can upload your movies to DropBox GoogleDrive or SkyDrive To launch the Upload To Cloud Storage tool select from the Demo Builder main menu Extras followed by the Upload To Cloud Storage menu item You can also click the Share button from the Thumbnail View Demo Builder Extras 105 File Edit View Preview Extras Help Aggregator Upload To Cloud Storage Upload To YouTube SWF To Video Converter m i OR y al op If you click the Share button from the Thumbnail view Demo Builder will build the mp4 file of your current movie Once completed you will be able to select the desired cloud storage location Share Your Movie Once uploading is complete a link to download share or view will be provided to you to the uploaded movie Aggregator Upload To YouTube SWF To Video Converter Hama Evitrac s Tnlasa TA Va Home gt Extras gt Upload To YouTube Upload To YouTube With Upload to YouTube tool you can upload your movies to YouTube To launch the Upload To YouTube tool select from the Demo Builder main menu Extras followed by the Upload To YouTube menu item You c
55. e continue playing 8 Add the text Congratulations you answered correctly in a note to be displayed to the user by selecting the Note object from the object toolbar and inserting it onto the scene s canvas in the desired position 9 We would also like to add an audio clip of applause to be played when the user answers correctly Select the Audio settings tab next to the Event Actions settings tab at the top of the screen 10 Click on Audio Collection and choose the Applause sound clip from the catalogue of audio clips included as standard with Demo Builder Click on OK tick to add this sound to the event Voice over narration could also be recorded just as easily here to be played when an event is triggered 11 We re done Preview the movie and adjust any settings or timings as desired The above is just one brief example to illustrate the functionality available and get you started with Demo Builder s Events and User Interactivity We re sure that as you progress you ll not only find a myriad of applications for this functionality but discover its usefulness in creating professional movies demonstrations and tutorials that your users will obtain real benefit from Demo Builder 64 Interactivity Edit Zone Button Click Zone Demo Builder Add voice over narration 65 Home gt Add voice over narration Add voice over narration Learn how to add voice over narration to your movie by recording this at capture
56. e text into speech Add Click To Continue button Select this option to add a click to continue button This option will pause the movie until the user clicks the button to continue Make space in the Timeline Select this option to allow Demo Builder to adjust the Timeline as required for the reader to be able to read the text displayed In the case that you do not choose this option it is likely that the text shown will be out of tune with the movie It is not recommended to select this option if your scene contains a voice over naration recorded at capture time Demo Builder 72 Auto Auto Text Add Balloons Add Texts Language English Reader profile Insufficient i Average reader Good reader Excellent accomplished reader 200 words per minute Text To Speech 2 Add Click To Continue button fw Make space in Timeline 2 TOT MENCIONAN 1 OA ME 0 Auto Highlight Auto Interact Auto Zoom Auto Rotate Reset Timeline Home gt Auto gt Auto Highlight Auto Highlight Auto highlight adds rectangles or hand animations to highlight the areas which you clicked on during capture time 1 Add Rectangles Select this option to add rectangles over areas which you clicked on during capture time 2 Add Hand Animations Select this option to add hand animations which point from the right to the area you clicked on during capture time 3 Duration Enter the number of seconds th
57. e that should not a lt SCRIPT gt be altered 10 lt head gt 11 lt body gt AA lt NAME gt i lt ncul gt lt STYLE gt lt SCRIPT gt lt MOVIE gt Q Default OK Cancel 4 HTML Color Select the background color of the page 5 HTML Adjust Size You can change the size of the flash movie to fit your specifications Moreover you may choose to have the flash movie fit the browser window or you can specify new dimensions Note Please understand that there are differences between movie resizing and html movie resizing The html movie resizing option attempts to stretch the movie to comply with the dimensions specified while also maintaining the previous aspect ratio However this option may distort your movie if drastically downscaling 6 Learning Management System Select this option if you want to upload your movie to an LMS e g Moodle Demo Builder is fully compliant with SCORM 1 2 2004 and AICC Learning Management Systems Check the Zip Files box to compress all the files into a single zip file e g moviename_aicc zip moviename_scorm12 zip moviename_scorm2004 zip SCORM Manifest file Demo Builder Format Flash Destination y ima hn E Color Ma Do not adjust size i Automatically fit to browser window i Custom size Learning Management System 350 5 x 600 ES Total 960x600 Design 877x548 Enable LMS support
58. ect 4 Shortc The shortcut property allows you to change the keyboard combinations Balloon Note Text Animated Text Rectangle Ellipse Image Animation Flash Video Zoom Area Blur dark flat outlined size 11 amp LJ Apply to all hotkeys ut Tools 47 Demo Builder 48 Timeline Timeline An object s position in the Timeline determines when that object becomes visible in the scene at runtime Timeline Properties allow you to specify when the object appears how it appears and how long it is displayed for Depending on the object being worked on the Timeline s appearance will adapt to show the options available for that specific object Please note that objects with Events are unique in that each individual event will have its own Timeline to enable you to precisely control the appearance and behaviour of the event and the particular objects and actions making up that event First Last sh ic T Playhead position OW current Change Undo Play Narrate Add Mark Spree wines a j p m oons a Zoom InfOut a Cursors H Lack Tracks la a i Transformations gt 3 Marks Custom 0002033 q Custom iii i a I l Transition In Duration Transition Out Audio On Or 1 Playhead The Playhead is a red vertical line with a red rectangle at the top and is displayed in the Timeline The Playhead indicates the location of the movie within the Timeline
59. eneral we advise that you do not create one overly long movie instead try to divide your movies into smaller sections or chapters These smaller individual movies can then be linked together to give the appearance of a single movie if so desired How to link your movies together to give the appearance of a single movie 2 H264 recommended for longer movies For movies that are longer than 20 minutes the export in H264 format option is often a better choice compared to Flash The drawback is that H264 does not allow for end user interactivity 3 HTMLS recommended for iPad iPhone The above two options both employ Flash to playback your movie Since Flash is not supported on iOS devices you must export in HTML5 format if your movie will be watched on an iPad or iPhone The export in this format also allows your movie to be watched on any device including PC Macs tablets and cellphones The drawback is that interactivity is not supported The export process will create two video files which are played using the tag VIDEO in HTML5 See also Flash H264 HTML5 Audio Video Interleave Windows Media Video MPEG4 Google WebM Standalone Image Files Word Document Destination You can specify three destinations for your chosen file format Save To Disk Upload to FTP Server Send To EMail Save To Disk Upload To FTP Server Send EMail Demo Builder 94 Export Format Save To Disk Expor
60. eo file you wish to import from your hard drive by clicking the Browse button 3 Once you click the Browse button and select your file two options will show up o Frame Rate Initially the frame rate is set to the original number of frames per second of the video file To decrease the size of the exported SWF file you can decrease the number of frames per second captured by Demo Builder from your video file o Import Audio Check this option in order to import audio from the file 4 Click Finish Demo Builder Create New Movie Import Video File Name Blank Record the screen Import Images C Users Dan Tatomir Desktop mymovie wmv Import Audio Frame Rate 30 frames per second Create new movie 7 Demo Builder 8 Record the screen Record the screen From the start up screen select Record the Screen Next a Wizard see below appears allowing you to customize your settings and start recording Change the recording settings as necessary Demo Builder only captures activities within the red markings of the settings wizard You can extend the size of the screen capture by clicking on the edges of the screen marker and manually dragging these to give your required screen capture size Select the recording method that best caters to your needs Two methods are available Take Screen Shots and Full Motion Recording Similarly you have the ability to record voice over narration at capture time Please no
61. er the correct answer to your question by clicking on the Correct Entries settings tab thumbs up icon in the Style Properties panel top of screen and typing in the correct answer Set other options or properties as or if desired 4 At this point you will note that the TimeLine panel at the bottom of the screen has changed to include additional buttons for the events that apply to the selected object and for which Actions and or Audio can be added or edited based on users response s In the case of the Edit Zone object the applicable events available are On Pass On Error and On RollOver See the help topic for the relevant Object you want to work with to see the applicable events available for that object 5 In the TimeLine panel click on the OnPass button to add actions and audio for this event of the Edit Zone object i e The behaviour s that you want the movie to follow when the user answers your question correctly 6 You will note that the TimeLine is now empty Please also note that each individual event has its own TimeLine so that you may precisely define and control the separate sequencing of display and behaviours for that event 7 From the Event Actions settings tab next to the Correct Entries settings tab at the top of the screen select the action that you would like the movie to take in the event of a correct answer from the user In this example we ll choose Continue to have the rest of the scene or movi
62. ere are two methods available to take a recording Taking Screenshots and Full Motion Recording When employing the Taking Screenshots method Demo Builder captures images only when a change occurs on the screen you are recording You have the option of also manually forcing a screenshot but other than that there are relatively few screenshots needed to make a recording using this method When you finish recording an Editing Window appears allowing you to add notes balloons cursor movements and extra images to each screenshot Each screenshot can remain open or active for as long as you need that is so all activity on that screenshot can be performed When using the Full Motion Recording method Demo Builder continually takes screenshots at pre set intervals anywhere from 1 to 20 frames per second which results in a much smoother presentation Full Motion Recording Recommended for applications where changes in the screen happen quickly and for instances where you want to capture such things as drag and drop screen resizing animated GIFs or even full motion movies The result is a more fluid presentation but the resulting file size is larger Taking Screenshots Recommended for applications where full motion recording is not necessary The screenshot method results in small file sizes that open quickly The appearance and disappearance of all cursor movements notes balloons and other objects is set so that the resulting
63. ew an expired movie they will be redirected to a webpage or displayed text explaining the situation Ask Password Add password protection to your movies This option allows you to create movies that will ask users for a password in order to be able to view the movie At End Action Add one of the following behaviors to the end of your movie Stop Movie Loop Movie Close Movie Go To URL Run EXE Go To Movie Execute JavaScript Show Replay button Add a Replay button at the end of your movie by ticking this check box Demo Builder Movie 15 Preloader Percent 100 Image Show Play button C Domain Lock LJ Expiration Date O Ask password At end Stop Movie Show Replay button Resize your movie Add menu bar Add player bar Link your movies Background audio Translate your movie Add menu bar Add an interactive menu at the top of your movie to link additional content or to create a table of contents for large projects You may add any number of menu and sub menu items Menu items are displayed across the top of the movie while sub menu items are displayed as drop down choices below their respective parent menu item Each menu item can be renamed to suit your needs and may also have an action associated with it You can use menu items to jump to specific locations within your movie marks and or scenes jump to new movies open a web page run an EXE file send an email or close the movie The Menu Bar
64. f for example you wanted the second object to display before the first object had vanished In other words objects can overlap when placed in separate tracks The track that an object is in has no bearing on the resulting movie Therefore it is often good practice to limit the number of tracks in use or otherwise you may end up with a Timeline that is difficult to navigate having to often scroll up and down more than would otherwise be necessary An easy way to limit the number of required tracks is to use the Float feature 4 Zoom In Zoom Out At the far right of the Timeline there are two icons a PLUS icon and a MINUS icon These icons allow you to zoom the Timeline in and out or in other words to change the timing scale so that you can see more or less of the Timeline on your screen 5 Cursor Lock At the far right of the Timeline just below the Zoom In Zoom Out icons is a LOCK icon If the Lock is turned on pressed then you cannot move any cursor motion in the Timeline or in the Canvas 6 Add Mark Above the Timeline and near the left side but to the right of the green play button there is another PLUS icon This is the Add Mark icon and when clicked will add a Mark to the Timeline in the location where the Playhead is located A Mark will be displayed as a small number at the bottom of the Timeline You can add as many Marks to a scene as you like Marks are useful to identify locations within a scene mov
65. ferent from erasing in that unlike deleting erasing will not resize or delete any objects or cursors Deleting a selection in the Timeline will delete that entire section and everything in it For example it will delete any objects that existed in that section To delete a selection within the Timeline follow these instructions Position the Playhead at the beginning of the area you wish to delete hold down the CTRL key and drag the Playhead from this position to the end of the selection you wish to delete As you do this two new icons will appear above the Timeline one of which is the DELETE icon a red X Simply click the DELETE icon and the entire selected area in the Timeline will be deleted Demo Builder 50 Timeline A id P pi amp 00 02955 i xXx S k ls 25 F ds E 5 pe 00 01 900 EF Note Take care when deleting a section of your Timeline as this action cannot be undone Erasing a selection in the Timeline will only delete the changes in the selected area and not affect the timing Unlike deleting above erasing will not resize and or delete any objects or cursors To erase a selection within the Timeline follow these instructions Position the Playhead at the beginning of the area you wish to erase hold down the CTRL key and drag the Playhead from this position to the end of the selection you wish to delete When you do this two new icons will appear above the Timeline one of wh
66. fine how your movie will display and behave in response to your users clicking outside the borders of the Click Zone 3 On RollOver Event Add objects actions and or audio to this event to define how your movie will behave when users positions their mouse cursor over the Click Zone object For example to display an explanatory message or tip in a balloon or text as to the action required by the user Demo Builder Interactivity 63 Important Each individual Event has its own Timeline to define the separate sequencing of display and behaviors for that event Adding Actions and or Audio to control the behaviour of Click Zone Object Events lt lt l 1 Click Zone 1 Y qt ost y a 2 RR Continue y None X Action Continue Continue movie For each of the above events you can assign the desired behavior of your movie by adding an Action to take an Effect to show and or Audio to be played To add or edit the action to take or audio to be played for a certain Click Zone object event ensure that the Click Zone object is selected in your movie scene This Click Zone s individual TimeLine will be shown at the bottom of the screen Click on the event to which you want to add an action and or audio and note that the Click Zone properties panel at top of screen will change to show additional options The following options are available to be added or edited for Click Zone events Stop Movie Loop Movie Close Mo
67. ginal size To reset to the size of the original Flash Video click this button 6 Maintain aspect ratio To preserve the aspect ratio of the original Flash Video click this button 7 Auto Play Start playing the video file automatically 8 Auto Rewind Automatically rewind the video at the end Balloon Note Text Animated Text Rectangle Ellipse Image Animation Zoom Area Blur Hotkey Demo Builder 44 Tools Zoom Area Set the following properties and options for Zoom Areas D ores v m of y 1 2 3 4 5 1 Name The default name for a zoom area object is Zoom Area X Zoom Area 1 Zoom Area 2 Zoom Area 3 and so onward and this is visible in the name property of the object You can change a zoom area s name by deleting the default name and typing in another one Ensure the zoom area is selected before attempting to change its name property 2 Rotate Scale and Location Adjust the rotational angles scale or manually change the location of the zoom area on the Canvas Rotations on the X and Y axis are ignored when the zoom area is attached to the image Learn more Click the Reset button to clear all values Click on the individual labels and select Reset to clear the corresponding value or select Apply to all if you want to apply your chosen values to all other zoom areas Apply to all 3 Source Select the area of the scene that you want to magnify Learn more
68. he Aggregator s size and video s position Demo Builder 104 Extras can be further edited The dimensions in which the movie will be displayed is calculated automatically and displayed in red in the top right hand side of the video area Movies which do not fit in the given dimensions will have their original dimensions reduced maintaining the same aspect ratio to fit the needed dimensions Should you like you can add a default set of customizations by right clicking on an empty space and selecting Set as default From the same popup menu clicking Reset will rollback to the default settings Please note that the dimensions in design time do not correspond to those used in the generated file e g the menu s width never changes These dimensions are only used for operative purposes 2 Tanida Aggregator TanidaDemoBuilder ror Tanida Aggregator TanidaDemoBuilder File Help Files Help He aly 9sox68s0 YS O P 4 Getting Started Create your first movie getting_started swf Level 1 Edit your movie edit swf Level 2 Export your movie export swf Level 3 Create none 4 Publish none Formats none Destinations none gt Transformations none Scenes none Timeline none Exporting your Aggregator project The file generated by the Aggregator may be exported in one of two formats Flash or EXE format The file s exported by the Aggregator will be placed in the same folder as your aggregator f
69. he Timeline and drag to extend or decrease To adjust Time for Scenes click on the line marking the end on the scene and drag to increase or decrease 3 Transition Out Used to determine how an object exits the scene at runtime This property is not available for Cursor s motions Animated Texts Rectangles Ellipses Edit Zones Buttons Click Zones and Animations When you click on the Transition Out panel the Transition Out wizard appears Select from the list of effects on the right and view the chosen effect in the preview window of the wizard When you select an effect other than none you can specify the duration of the effect as the object phases out of the scene Insert extra time Delete Erase Selection Transition per scene Marks Context Menu Hide Attach Lock Object Adjust Playback speed Transition per scene Transitions are used to determine how a Scene will appear in the movie at runtime When you click on the Transitions panel the Transition wizard appears Select from the list of effects on the left and view the chosen effect in the preview window of the wizard When you select an effect other than none you can also specify the duration of the transition none circular open cross fade dissolve newsflash open push rectangular inset stretch blinds CO Apply to all scenes none So 00 50 366 ba Insert extra time Delete Erase Selection Transition per object Marks Context Menu Hi
70. hin all scenes and opacity You can optionally make it clickable so that it hyperlinks to a webpage of your choosing Qu Corner Offset Watermarks can be used to automatically insert a company logo phone number or email address x 10 in the same location across all scenes within your movie Y 10 Use it as a branding tool but also to protect your work from plagiarism a O Transparent Opacity 100 Pili URL http demo builder coml 8 Background Audio Add background audio effects including voice narration to your movie by importing existing sound files on your system or by recording new ones using Demo Builder Resize your movie Start End Add menu bar Add player bar Link your movies Background audio Translate your movie Welcome Introduction Create new movie Record the screen Scenes Cursors Tools Timeline Transformations Interactivity Add voice over narration Security Auto Export Miscellaneous Extras FAQ Contact Resize your movie Select the Size option from the movie properties panel in order to specify the new dimensions of your movie 1 Width x Height Click the drop down box and choose a preset size Web CD Blog iPhone HD or select the Custom menu item to enter custom dimensions 2 Anchor Click an Anchor button to specify which sides of the canvas Demo Builder should add to or delete from 3 Original and Design labels Click on the Original Size label to re
71. ich is the ERASE icon looks like a white eraser Simply click the ERASE icon and the entire selected area in the Timeline will be erased Aji p pl S woz x End of Scene MZ he 00 01 900 EF Note Take care when erasing a section of your Timeline as this action cannot be undone Insert extra time Transition per object Transition per scene Marks Context Menu Hide Attach Lock Object Adjust Playback speed Home gt Timeline gt Transition per object Transition per object none t 4 3 big entry A Fade In buzz in C Spin drop in C Blur fade in O scale fly in inside in shy in sneaking in Zoom in custom O Apply to all balloons 4 Custom Y 00 02 033 4 Custom ES 1 2 3 1 Transition In Used to determine how Objects appear within the movie This property is not available for Cursor motion objects Animated Texts Rectangles Ellipses Edit Zones Buttons Click Zones and Animations When you click on the Transition In panel the Transition In wizard appears as seen above Select from the list of effects on the left and view the chosen effect in the preview window of the wizard When you select an Demo Builder Timeline 51 effect other than none you can specify the duration of the effect as the object phases into the scene 2 Time Displays how long an object or scene is visible during runtime To adjust Time for Objects click on the edge of the relevant object within t
72. ie and can also be tied to specific actions 7 Select Multiple Objects If you want to select multiple objects in the Timeline perhaps because you want to move them all at the same time and by the same amount of time you can do so simply by holding the CTRL and clicking on each object Delete Erase Insert extra time Selection Transition per object Transition per scene Marks Context Menu Demo Builder Timeline 49 Hide Attach Lock Adjust Playback Object speed Welcome Introduction Create new movie Record the screen Movie Scenes Cursors Tools Transformations Interactivity Add voice over narration Security Auto Export Miscellaneous Extras FAQ Contact Home Timeline gt Insert extra time Insert extra time In order to insert space in the Timeline drag the Playhead extension rightwards found on the top right side of the Playhead as shown below y 1 gt pi amp 00 01 366 1 End of Scene E ORT a Delete Erase Selection Transition per object Transition per scene Marks Context Menu Hide Attach Lock Object Adjust Playback speed Home gt Timeline Delete Erase Selectior Delete Erase Selection The delete function serves to delete an entire section as chosen by you of the Timeline This includes everything in that section such as all of the objects present This is dif
73. ile That being said you must save the project the aggregator file before you can export this To export click File on the menu bar Export and then choose the format desired You may also use the hotkeys F9 Flash format or F10 EXE format When exporting in Flash three files will be generated HTML SWF and JS file When exporting in EXE format only a single EXE file will be created Important The resource files which the Aggregator uses calls upon must be located alongside in the same folder as the files exported by the Aggregator tool For example in the above screenshot the files intro mp4 takescreenshots swf and fullmotion swf must all be located in the same folder as the files exported by the Aggregator tool Should this condition not be met the Aggregator will display the following message URL not found Start playing a particular item as specified By default the Aggregator will start playing the first item should the Auto Play option be selected However there may also be cases where you need the Aggregator to begin by playing an item other than the first one listed in the corresponding tree view In this case you have two options 1 URL Parameter http domain com myaggregatorfile html startindex xxx 2 Using FlashVars FlashVars startindex xxx To read more about FlashVars click here Where xxx represents the tree item s number in descending order beginning at the top The first item in th
74. in either Flash or EXE file formats To launch the Aggregator tool select from the Demo Builder main menu Extras and then the Aggregator menu item The user interface contains two tabs Playlist and Customize File Edit View Preview Extras Help Upload To Cloud Storage 1 Upload To YouTube SWF To Video Converter Playlist Tab To add items click the plus shaped button You can give a caption and file name to each item Click the Browse bottom to select a file or simply enter the file s name in the corresponding field Click the Submenu item in order to create your Table of Contents seen as a tree To remove an item click the minus shaped button or press the Delete key To change the order of the items drag and drop as needed Drag amp drop files the easiest way to add items You can easily add items from your desktop directly to your Aggregator project Customize Tab The file generated by the Aggregator is composed of several elements Menu level 1 level 2 level 3 and Item title spacer and video area By selecting one of these elements you may customize its properties using the top panel When none of these elements are selected you can then change the general settings of the Aggregator dimensions page color border color drop shadow and auto play the next movie will be played in descending order one after another Clicking on the Dimensions label will bring up a window where t
75. in order to export or import your own animation files round square underline Thickness 9 XK Drop Shadow O Loop O Apply to all animations Custom Animations Animation Builder Animation Builder allows you to sketch your own animation simply by draging the mouse over the canvas Learn more Demo Builder 42 Tools o Color Select the color of the line to be drawn Tool Click the small arrows located to the right of the color button to select a tool from brush marker pen and pencil o Hide tool at end Select this option to hide the tool chosen after completion of y animation Recycle Bin o Thickness change the line s width by dragging the trackbar o Play speed Adjust the replay speed as needed o Undo Revert to the last line drawn o Erase Click the eraser to reset the canvas o Play Click play to preview your animation Computer 4 Reset To reset the animation to its original size click the Reset icon 5 Animation Builder Shortcut Use this button to open the Animation Builder Balloon Note Text Animated Text Rectangle Ellipse Image Flash Video Zoom Area Blur Hotkey Flash Video Set the following properties and options for Flash Videos Sen Flash Video 1 Source sa Skin D i pb O 1 2 3 4 5 6 7 8 1 Name The default name for a flash video object is Flash Video X Flash Video 1 Flash Video 2 Flash Video 3 and so onward and this is vi
76. in the location where you wish to split the scene Then select the Split option from the Options menu or by right clicking on the Timeline and selecting Split The result will be two separate scenes that must be edited separately Merge Although not an option in the Timeline options merging two or more scenes into one scene is essentially the opposite of Splitting scenes To merge multiple scenes into one scene you need to go to Thumbnail View You can do this by clicking on your movie s title in the left margin in Design View or by pressing the home shaped icon Here select the scenes you wish to merge by holding down CTRL and clicking the individual scenes or by drag selecting all scenes to be merged Then right click on any of the selected scenes and select Merge from the resulting menu All of the selected scenes will be merged into one longer scene Equalize Scenes Located in the Options menu use equalize scenes to apply the current scene s length to all of the scenes that make up the movie Ais p pi amp oos f Select All Float Split Equalize scenes UY Magnetic Ride 4 none 00 04 400 al Demo Builder Timeline 53 Insert extra time Delete Erase Selection Transition per object Transition per scene Marks Hide Attach Lock Object Adjust Playback speed Home gt Timeline gt Hide Attach Lock Object Hide Attach Lock Object Go to Transformations Objec
77. is therefore a handy feature for creating quick and easy links to other parts of your movie or if you are building a large library of movies It may also be exported and imported into any other movies you would like it added to Action Go To URL URL http idemo builder com Window Current Player Bar Menu Bar Resize your movie Start End Add player bar Link your movies Background audio Translate your movie Demo Builder 16 Movie Add player bar Used to control basic playback tasks such as playing pausing stopping rewinding and forwarding Its Seek feature indicates the playback progress of the movie When the Seek feature is available your end users can drag the progress indicator to any point in the movie to start playback from there This also shows which scene is being viewed in relation to the total number of scenes in the movie The Player Bar also includes an Audio On Off button to mute sound during playback if desired at any point The Player Bar now also supports the following keyboard shortcuts Back to First Scene Home key Pause Play Space bar Previous Scene Left Arrow key Next Scene Right Arrow key Audio On Off M key Info Ikey O No player bar O Classic O Dark O Flat Glossy O Light E 4 mu er o E dl gil E Player Bar Menu Bar Resize your movie Start End Add menu bar Link your movies Background audio Translate your movie Link your m
78. itscene 24 Standalone 88 swf to video converter 106 System Requirements 3 T take screenshots 9 text 35 thumbnails view 21 timeline 48 Timeline Context Menu 52 Transformation Context Menu 57 Transformation Duration 56 Transformation Mouse Functions 56 Transformations 55 transition per object 50 transition per scene 51 translate movie 18 U Upload To FTP Server 94 W webm 87 wmv 85 Word Document 91 Y YouTube 105 Z zoom area 43
79. js file is used to properly display the Flash movie in Internet Explorer Once you export in Flash Movie format you should upload all 3 files to your web server thus publishing your movie on the internet 1 SWF File Name Enter flash swf file name You do not need to include the filename extension swf i Flash Options Flash Options x You should select the first option JPEG Compression if you created your movie by M porting image files Doing so will render the best quality movie possible however the size of the Flash file will also consequently increase JPEG compression The second option is recommended in the case that your movie was created using either the Take screen shot or Full Motion recording method 256 colors reduction Select Grayscale if would like to render your movie in grayscale Grayscale 2 HTML This option exports the HTML code necessary to add a Flash swf file to a web page 3 HTML File Name Enter html file name You do not need to include the filename extension html i Edit HTML Content You are free to edit the HTML content however you see fit to display the movie ee within a custom HTML web page of your choosing 3 lt head gt 4 lt title gt Created by Tanida Demo Builder lt NAME gt lt title gt lt meta http equiv Content Type content text html charset utf 8 gt cian However the HTML file also contains the following special cod
80. ke a screen shot press Full Motion Recording Help me choose Full Motion Recording Record screen activity in full motion video 1 Capture Rate Set how many frames per second are to be captured from 1 to 20 Note that although a higher frames per second rate will result in a larger file size this will also make the playback motion smoother 2 Enable Auto Mark Selecting this option will automatically place Marks within the scenes during recording Marks are useful for Jumping to a certain location within a movie scene Executing or not a certain action Adding balloons if the mark was added automatically during recording You do not have to add marks automatically during recording but it is an available option You can always add or delete marks manually in the Editing Window after the recording has been taken 3 Capture semi transparent windows Select this option if you will be recording an application or software that has semi transparent windows This will ensure proper recording of such windows i e drag and drop demonstrations Demo Builder Record the screen 11 Recording Options Audio Misc Take screen shots Learn more f Full Motion Recording Record screen activity in full motion video Capture Rate pp H I I 10 frames per second Enable Auto Mark Capture semi transparent windows Ok Cancel Take screen shots Help me choose Help me choose Th
81. l Z Paste Ctrl V 4 Auto Text Select all Ctri A _ Auto Highlight AA Personalize N Renumber Auto Interact p ES 4 Auto Zoom _ Auto Rotate boda Original Size 759x580 Y Wallpaper Please note that all of the following options can also be selected during the editing phase Text To Speech Preferences Keyboard Shortcuts Demo Builder 98 Miscellaneous Text To Speech Demo Builder does not come with any pre installed voices Demo Builder actually makes use of the voices already installed on your machine Depending on your operating system you can choose from a variety of these Demo Builder also functions with voices acquired and installed from outside sources We recommend those from ivona com When exporting in Flash or Video format the speech is captured as a sound file Text to Speech is not required on the computer used to view the final presentation Personalize Preferences Keyboard Shortcuts Preferences The Preferences window contains five tabs General Auto Calculate Text To Speech Confirmation Messages and Defaults General Tab 1 Check for update at start up Verify automatically that you are using the most up to date version of Demo Builder Tick this box to check if any updates are available when Demo Builder starts recommended 2 Show the personalize wizard upon capture Quickly personalize your movie by using Auto functions insert a intro
82. les with a fully licensed version of Demo Builder will also remove the watermark from these movies What do I need to do with license key file You do not have to open or view the product license key file You must only save it in the same folder as the setup files of the full version of Demo Builder In this manner Demo Builder s setup process will automatically locate it and you will not be asked for it Should the product key not be co located with the setup files you will be asked to provide the correct path to the license key file during the installation process Demo Builder 108 FAQ Edit Interactivity Export How do I remove the info button from the PlayerBar The PlayerBar Information button can be removed hidden from your frame movie by clicking on the PlayerBar button in the movie s properties panel Deselect the Info Button checkbox How can I change the details shown in the movie s info panel Go to the Thumbnails View of the movie In the Movie Properties bar click on the double downward pointing arrows button to the immediate right of the movie s title This will open a panel in which you can enter the details you want shown in the info panel Can users pause my movie during playback How With Demo Builder s PlayerBar your users can have full control of the movie s playback e g Pause Play Stop Rewind What is Preloader If you export a movie with Preloader checked the movie will load fully before
83. mos and tutorials with no programming knowledge There are no complicated interfaces and your demonstration or presentation can be made in a matter of minutes How Does Demo Builder Work Demo Builder works by taking a series of screenshots of a running application It records the actions being taken on the application and so is able to demonstrate a simulation of these actions Each screenshot taken by Demo Builder constitutes a Scene that can then be edited to suit your required demo tutorial Starting with Demo Builder 6 users will be able to take full motion recordings That is no longer will you be limited to taking screenshots of the buttons clicked and the keys pressed in the application you are showcasing Using this new feature you can take full motion recordings that result in smooth fluid demonstrations able to showcase everything from drag and drop operations to window resizing and real cursor movements easier than ever After recording a running application and the actions taken on that application employ Demo Builder s Editing Window to add specific details annotations and visual aids to your movie with the use of Objects and the manipulation of your tutorial s time sequencing How Easy and Flexible Demo Builder Introduction 3 Demo Builder is extremely flexible and easy to use The Editing tools available allow total control of the scene s behaviour and all visual aids and objects within that scene System Requi
84. motion is to be Position the playhead at the beginning of the cursor path in the Timeline Then click and hold the cursor in the canvas which will be at the beginning of the cursor path and drag it towards the ending of the cursor path taking whatever route you wish to take all the time holding down your left mouse button Once you ve arrived at your destination release the mouse button That s it You ve just set your custom cursor motion Editing a custom cursor motion If you want to change your custom cursor motion position the playhead at the point where you want the change to occur in the Timeline then in the canvas drag the cursor along some new path to the ending point This will only change that portion of the custom path that you ve redone Note Be careful when selecting a cursor in the canvas with a custom motion If you click on the cursor to select it while the Playhead is somewhere in the middle of the cursor motion you will effectively erase the custom motion from the cursor to the ending point This action can t be undone and thus you will have to re create the cursor s custom path Always make sure to select the cursor in the Timeline or by clicking on either its starting or ending points in the canvas Never click in between these to select the cursor Split Merge cursors Free Move and Free Resize Split Merge cursors How to Split a cursor motion You can easily split an existing cursor motion into two separate
85. movie to fit your specifications No Audio adjust 960 Selecting this option will eliminate all audio from your movie Movie 960x600 Design 877x548 Note Please understand that there are differences between movie resizing and the above option This option attempts to stretch the movie to comply with the dimensions specified while also maintaining the previous aspect ratio No Audio 2 HTML This option creates three additional files a SWF file a HTML file and a file called swfobject js The SWF Flash file is used to play the mp4 file the HTML file is a web page that will display your movie and the swfobject js file is used to properly display the Flash movie in Internet Explorer Once you export in this format you should upload all 4 files mp4 html swf js to your web server thus publishing your movie on the internet 3 HTML File Name Enter html file name You do not need to include the filename extension html i Edit HTML Content You are free to edit the HTML content however you see fit to display the movie Ea eee within a custom HTML web page of your choosing jes lt title gt Created by Tanida Demo Builder lt NAME gt lt title gt z A A VEE mw MNOS However the HTML file also contains the following special code that should not a lt SCRIPT gt be altered 10 lt head gt 11 lt body gt a lt NAME gt a lt body gt lt STYLE gt lt SCRIPT gt
86. n 1 0 Subject G Cancel Demo Builder 84 Export Export Options R l o E AA A _ _ _ _ _ _ mm __ _ a Format HTML5 Destination File name mymovie mp4 webm tc M HTML mymovie html 5 Color E A ia f Do not adjust size i Automatically fit to browser window Custom size 960 Fixi600 E Total 360x600 Design 877x548 Learning Management System Enable LMS support 2 Export OK Cancel Note The video s dimensions will be adjusted as follows in H264 and WebM format the dimensions must be divisible by a factor of 16 Demo Builder will automatically adjust your movie s size if it does not comply with the above specifications Flash H264 Audio Video Interleave Windows Media Video MPEG4 Google WebM Standalone Image Files Word Document Help me choose Audio Video Interleave This option is particularly useful for exporting movies of longer length It is also recommended if you intend to publish your movie on video sharing websites such as YouTube and Metacafe or if you want to import the video file in a video editing software AVI is a popular video file format Each AVI file is encoded with a codec such as DivX or Cinepak that compresses the video data on export and decompresses it for viewing in movie playing software When you export in AVI format you will also have to pick a codec to encode wi
87. n cared aE Wd A EE EREE ores 98 Keyboard INCAS or ces ere ec e ais io 101 Chapter o ee nt ee eh pee ab ace contents 103 Aggregator ee ee a nee he ee ee ere ree te mee ere ee eee ee ee Pree ere ee eee are reer 103 Upload To Could Storage A ee ese te eee Ge E 104 Blo ore TO coll ponia mete eee ree ee eee ee eee ee ee 105 SWF To Video COI eee herr os card rr dit debts nies eines idee a ai bea 106 Chapter A RE ew ew RES O wa ede eure 107 Mis A es acca a ee epee a de O a A a on eee eee na eee eee toed 107 o o eo 108 Interactivity o A E E II ee 108 o eee eiT EED ATE in NEE ESAI EENET ENEA PEAN NEA E AREE MaN 109 GHapler T GOMAT siria AA AAA AA A A AAA A 110 Guapa EU MOORE eneee ee ce ee ARA EN R eA 111 Welcome 1 Welcome to Demo Builder Demo Builder is a powerful Flash based tool that allows you to create eye catching and professionally looking interactive presentations that do not require any programming skills Demo Builder s simple interface was designed with the user in mind Taking but a few minutes to become familiar with it provides users with everything needed to capture their activities on screen in a running application Further yet it then allows one to edit the recorded material and add elements such as voice over narration background music breath taking visual effects annotations text and countless other items designed to make your tutorials as efficient and effective as possible Demo Builder also supports events f
88. n questions tips and tricks and solutions to difficulties that users have previously encountered License Edit Interactivity Export Welcome Introduction Create new movie Record the screen Movie Scenes Cursors Tools Timeline Transformations Interactivity Add voice over narration Security Auto Export Miscellaneous Extras Contact License Can demonstrations and tutorials that I have created with a fully licensed version of Demo Builder be sold and freely distributed by me Any exported movies demonstrations tutorials and so forth that you have made with a fully licensed version of Demo Builder are considered to be your own intellectual property You are free to sell and or distribute your own exported works as you desire I just purchased Demo Builder How do I get the program and install it To install the full version of Demo Builder please follow these steps 1 Go to the customer area and enter the email and the password you received at the time you purchased Demo Builder 2 Download the program and license key file Remember to put both files in the same folder after downloading them 3 Begin the setup process and follow the instructions on screen I have purchased the full version Will I still be able to use the samples I have already created The movies demonstrations and tutorials that you have created with a trial version of Demo Builder will still be fully usable Opening and re exporting these samp
89. ngles scale or manually change the location of the ellipse on the Canvas Rotations on the X and Y axis are ignored when the ellipse is attached to the image Learn more Demo Builder Tools 39 Y EME 7 x Em sil ii 3 Style z E ra Click the Reset button to clear all values Reset Click on the individual labels and select Reset to clear the corresponding value or select Apply to all if you want to apply your chosen values to all other ellipses Note The ellipse cannot be rotated on the Z axis when the Fill outer area option is selected Location The style property allows you to change the appearance of the Shape For Ellipse shapes Check the box Apply to all ellipses at the bottom of the style properties menu to apply chosen style to all Ellipses in all scenes in the movie Learn more MA Border Width 3 a Pas Opacity 50 5 Fill outer area LJ Apply to all rectangles Balloon Note Text Animated Text Rectangle Image Animation Flash Video Zoom Area Blur Hotkey Image Border Color Determines the color for the Ellipse s edges Border Width Change the thickness of the Ellipse s edges Fill Color Used to specify a color for the Ellipse Fill Opacity Adjust the transparency of the chosen color Fill Outer Area It allows you to fill the outside of the ellipse with the fill color instead of the inside
90. ns Note Please understand that there are differences between movie resizing and the above option This option attempts to stretch the movie to comply with the dimensions specified while also maintaining the previous aspect ratio 3 No Audio Selecting this option will eliminate all audio from your movie Demo Builder 86 Export j Export Options Format Windows Media Video Destination File name mymovie win Adjust 960 1600 Movie 360x600 Design 847x348 No Audio 7 Export OK Cancel Note Depending on the option chosen the video s dimensions will be adjusted as follows in WMV format the dimensions must be divisible by a factor of 2 Demo Builder will automatically adjust your movie s size if it does not comply with the above specifications Embedding a wmv file in your web page Embedding a video file is achieved by inserting a block of code in the web page s HTM The example below shows the code for embedding a Windows Media file Note that it uses two tags lt object gt and lt embed gt This is to enable maximum browser compatibility You will need to set the file name and other attributes if required for both tags Use true or false for the lt object gt tag 1 or O for the lt embed gt tag To get started all you have to do is copy the code below into your web page and replace mymovie wmv with your own file name lt OBJECT ID MediaPlayer WIDTH 800 HEIGHT 600 CLASSI
91. o to this event to define how your movie will display and behave in response to an incorrect answer from your user 3 On RollOver Event Add objects actions and or audio to this event to define how your movie will behave when the user positions the mouse cursor over the Edit Demo Builder 60 Interactivity Zone object For example to display an explanatory message or tip in a balloon or text as to the type of response required from the user Important Each individual Event has its own Timeline to define the separate sequencing of display and behaviors for that event Adding Actions and or Audio to control the behaviour of Edit Zone Object Events D Edit Zone 1 Classic E Ew Continue y E Action Continue Continue movie For each of the above events you can assign the desired behaviour of your movie by adding an Action to take and or Audio to be played To add or edit the action to take or audio to be played for a certain Edit Zone object event ensure that the Edit Zone object is selected in your movie scene This Edit Zone s individual TimeLine will be shown at the bottom of the screen Click on the event to which you want to add an action and or audio and note that the Edit Zone properties panel at top of screen will change to show additional options The following options are available to be added or edited for Edit Zone events Stop Movie Loop Movie Close Movie Go To URL Run EXE Go To Movie Execute JavaScript
92. ocation of the balloon on the Canvas Rotations on the X and Y axis are ignored when the balloon is attached to the image Learn more Demo Builder 32 Tools Click the Reset button to clear all values Reset Click on the individual labels and select Reset to clear the corresponding value or select Apply to all if you want to apply your chosen values to all other balloons O Reset Apply to all Location 3 Style The style property allows you to change the appearance shape style and color of the Balloon tooltip The default style is Classic A new balloon style Custom has been added in version 7 which allows you to fully customize a balloon in terms of color and shape i Learn more o Border Color aqua Determines the color for the balloon s edges dassic o Border Width Rat Changes the thickness of the balloon s edges o Fill Color outlined Used to specify a color for the balloon peel o Bevel salt Add a 3D beveled edge to the balloon AE o Drop Shadow Visual effect consisting of drawing what looks like the shadow of an object giving the impression that the E A w object is raised above the objects behind it Rounded Corners if A Use rounded corners instead of square ones o Shapes Bevel Either a Rectangle or a Ellipse can be employed Drop Shadow Rounded Corners Dd m O Apply to all balloons 4 Click To Continue When this option is checked a Continue bu
93. olor of the upper portion of the textbox will be taken from the top bucket symbol Adjust the opacity slider as you see fit for your new textbox Check the box Apply to all text animations at the bottom of the style properties menu to apply chosen style to all Animated Texts in the movie Drop Shadow O Apply to all texts 4 Text and Effect The text property allows you to customize text formatting options such as font font size font color text alignment and also to choose a text effect i Text Animator Wizard To i Text Effect Effects dropping engraving fade in flipping growing hand it over jumping radiowave revealing tornado travel twisting waving us Text animation To apply animation effects to your Text select the animated text effect desired from the list on the left and view a preview of the selected effect in the Text Animator Wizard s Preview Window Text Editor Use the Text editor to enter your desired text Spell Check Use this tool to check and correct any spelling errors in your text When clicked the Spelling Wizard appears if Demo Builder detects any spelling errors in your text If Demo Builder does not detect any spelling errors it simple confirms that spelling check is complete Font To customise your font font style and size click on font s name and the Font Wizard appears Change Font properties as required and click OK o Align Horizontally align yo
94. on Y Erase selection V Split scene Merge scenes V Equalize scenes V Reset Timeline Objects V Delete object V Replace image image object Defaults Tab 1 Font Set the default font name and size 2 Style Set the default balloon note edit zone and button style 3 Duration This sets the default duration a new Scene or Object will be displayed for during a movie For example if the initial interval in preferences is set to 3 seconds it means that objects you insert in your movies scenes will be displayed for 3 seconds when the movie runs You can adjust this default time manually in the Timeline Demo Builder Preferences General Font Auto Calculate Text To Speech Name Confirmation Messages Defaults Size Style Balloon Note Edit Button Duration Scene Object Personalize Text To Speech Keyboard Shortcuts Home gt Miscellaneous gt Keyboard Shortcuts Keyboard Shortcuts The following Keyboard Shortcuts are available throughout Demo Builder Verdana 14 Custom Flat Classic Outlined V Remember last selected style Y seconds seconds Key Action CTRL O Open Project CTRL S Save Project F10 Export Project F11 Share Movie CTRL Z Undo SHIFT CTRL Z Redo CTRL C Copy object or scene CTRL V Paste object or scene Del Delete object or scene CTRL A Select all objects or scenes F5 Home see all scenes ENTER Edit Scene F8 Preview Scene s F9 Pre
95. or a whole new level of interaction with the viewer that is you may add buttons clickable by the end users determine the behavior of your movie jump to markers and do much more that you can possibly imagine View PDF Manual Download a fully functional version of Demo Builder free for a 15 day trial period Demo Builder 2 Introduction Introduction Welcome to Demo Builder Tanida Demo Builder creates interactive demonstrations and software simulations in Flash format by taking a series of screenshots of a running application It offers a simple convenient and fast way to build professional flash demos tutorials in just a few minutes No programming knowledge required This guide is designed to introduce you to using Demo Builder all of its features functions and tools The guidelines in this help file will take you through the features of the application and lead you through the process of creating a functional tutorial demo The picture quality taken by Demo Builder is outstanding and the visual editing available lets you quickly incorporate unlimited detail in your demonstrations Overview System Requirements See also Welcome Create new movie Record the screen Movie Scenes Cursors Tools Timeline Transformations Interactivity Add voice over narration Security Auto Export Miscellaneous Extras FAQ Contact Overview Demo Builder is a powerful tool that allows you to create professional quality de
96. or later must be installed on your machine Resize your movie Start End Add menu bar Add player bar Link your movies Background audio Demo Builder 20 Scenes Scenes Set the following properties and options for Scenes la MB sei Y Background Y ig SE ABR SE 7 B i a 3 4 5 mn 1 Name The default name for a scene is Scene X Scene 1 Scene 2 Scene 3 and so onward and this is visible in the name property of the movie You can change a scene s name by deleting the default name and typing in another one Ensure the scene is selected before attempting to change its name property 2 Visibility If Visibility is ON then the scene will be included in the movie when this is Previewed or Exported 3 Note Insert desired details about your scene These will appear only if the movie is exported as either Image Files or Word Document format 4 Background Select a border the color of this border and then customize the width and padding of this border You may also choose to add a reflection and drop shadow effect i Learn more If the image is of substantial size eg 1000x1000 please be aware that the reflection effect may slowdown Border the playback of the movie when it is exported in Flash format Color H Border Width 2 fy Border Padding 0 ao Reflection Drop shadow O Apply to all scenes 5 Position Select the scene s initial rotational angles scale and transpa
97. ormation button in the Transformations panel then adjust the individual parameters rotation on x y and z scale and zoom n pan If you don t wish to keep pressing the Add Transformation button you may enable the Automatic Keyframing option to add these for you as you use your mouse Transformations cannot be added onto a blank scene The scene must first be created by either recording the screen or by importing an existing image or video file Listed below are explanations for each option found in the Transformations properties panel 1 Toolbar The toolbar contains the following buttons Play preview your transformation Copy past values restore defined values from previous transformations Reset clear all values 2 Rotate Choose your desired values on the x y and z axis respectively 3 Spin Rotate your image 360 degrees on the x y and z axis respectively 4 Scale Scale your image either up or down 5 Transparency Modify the transparency of your image 6 Zoom n Pan The Zoom n Pan feature allows you to focus your audience s attention on key aspects of your recording Drag the Zoom slider to select the zoom percentage this will select the percentage of the original image that is to be displayed after Use the Pan tool to drag the image to the particular location you wish to showcase w A me ui ma A 0 00 01 700 Rotate 00 01 700 Rotate 00 01 700 Rotate 00 03 500 Rotate Scale 00 03 500 R
98. otate Scale 00 03 500 Rotate Scale 00 05 000 Rotate Scale Zoom 00 05 000 Rotate Scale Zoom Add Transformation gt O p 2 Y MO i x z o TERET x 1 Reset E Apply to all Apply from here to end Clicking the individual labels will display a menu which offers the option to either Reset the parameter or copy the specific parameter s values to all Transformations Apply to all or Apply from here to end depending on required needs Automatic y Keyframing Duration Mouse Functions Context Menu Welcome Introduction Create new movie Record the screen Demo Builder 56 Transformations Movie Scenes Cursors Tools Timeline Interactivity Add voice over narration Security Auto Export Miscellaneous Extras FAQ Contact Automatic Keyframing Enabling Automatic Keyframing allows you to add a new transformation with only the use of the mouse Automatic Keyframing is ON when the square shape appears beside the cursor symbol above the Timeline in the top left side of the cursor symbol Example Let s suppose that you want to add a Transformation during the third second that rotates the image on the Y axis and then scales it To do this follow these steps 1 Position the Playhead at the third second 2 Click on the image hold down the right mouse button and then move the mouse horizontally to rotate the backgro
99. ote 1 Note 2 Note 3 and so onward and this is visible in the name property of the object You can change a note s name by deleting the default name and typing in another one Ensure the note is selected before attempting to change its name property 2 Rotate Scale and Location Adjust the rotational angles scale or manually change the location of the note on the Canvas Rotations on the X and Y axis are ignored when the note is attached to the image i Learn more Click the Reset button to clear all values Reset Apply to all Location 3 Style Reset Click on the individual labels and select Reset to clear the corresponding value or select Apply to all if you want to apply your chosen values to all other notes The style property allows you to change the appearance shape style and color of the Note Pad The default style is Classic A new note style Soft has been added in version 5 0 which provides a very smooth and professional looking note for your movies Check the box Apply to all notes at the bottom of the style properties menu to apply the chosen style to all notes in the movie i Learn more Demo Builder 34 Tools dassic flat outlined peel soft bind dip pad pin tape O Apply to all notes 4 Click To Continue When this option is checked a Continue button will be placed on the note The movie will be paused allowing the viewer to read the
100. ould activate the Hand Cursor to indicate to the user where the button is located and that some action is available or required from him or her How do I play audio when an event occurs Each of Demo Builder s interactive objects Button Click Zone Edit Zone have events that are triggered by users actions To play audio when these events occur simply select the relevant interactive object and follow these steps Demo Builder FAQ 109 1 From the TimeLine bottom of screen select the event that the audio is to be added to and choose when this will be played For example the On Pass event of the Edit Zone object 2 Add the desired audio clip to be played within the event in the same manner as you add audio to a frame See here for further details Repeat as desired for any other events objects 4 Preview test and amend if necessary w Note Each individual Event has its own TimeLine to define the separate sequencing of display and behaviours for that event License Edit Export Export Is the Adobe Flash Player plug in required to view my demos Flash format The Adobe Flash Player plug in is required to view a SWF file Please note that the browser will automatically try to download and install this if it is not already present The user will only have to confirm the installation of the plug in Almost 99 of browsers already have the Adobe Flash Player installed See this survey for more information http
101. ovies We strongly recommend breaking up your demonstration or tutorial into individual chapters and creating separate shorter movies for each of these instead of a single very long tutorial These individual movies can be linked together to give the appearance of a single movie if desired This can be achieved as follows 1 Open the first movie in Thumbnail View 2 From the Movie Properties panel select the Start End button and click on the At end drop down menu 3 Select Go To Movie or Go To URL from the list of available actions and then choose the next movie file or chapter in the sequence e g http mydomain com movie2 swf or http mydomain com movie2 html 4 Repeat the above steps for each individual chapter movie file in your sequence Demo Builder Movie 17 C Preloader O Show Play button UL Domain Lock O Expiration Date O Ask password At end Go To URL URL movie 2 html Window Current Note This option is only available for movies exported as a Flash Movie swf or H264 mp4 Resize your movie Start End Add menu bar Add player bar Background audio Translate your movie Background audio Add audio effects including voice narration to your movie by importing existing sound files or recording new ones using Demo Builder You can add background audio to your movie in a number of ways Record voice over narration while initially capturing your screenshots at capture tim
102. ows in H264 format the dimensions must be divisible by a factor of 16 Demo Builder will automatically adjust your movie s size if it does not comply with the above specifications Flash Demo Builder 82 Export HTML5 Audio Video Interleave Windows Media Video MPEG4 Google WebM Standalone Image Files Word Document Help me choose HTML5 Export in HTML5 format is recommended if you would like your movie to be viewed on an iPad or iPhone That being said the export in HTML5 actually allows your movie to be viewed on any device including PCs Macs tablets and cellphones The export in this format creates two video files mp4 and webm which are played in an HTML5 webpage using the tag VIDEO Two files are created because some browsers can play one of the file types mp4 while others only support the other webm as can be seen from the following table MP4WebM Internet Explorer 9 e x Chrome 6 e A Firefox 3 6 x e Safari 5 v x Opera 10 6 x e That being said using this format does partially reduce interactivity In other words the buttons edit zones and click zones can no longer capture mouse or keyboard inputs although all of the Start End properties are still available Should you want a fully interactive movie the Flash format is still the best Note Those running Windows XP or Vista must have Apple QuickTime installed on their machines to export in this format However once the movie is exported the end u
103. p y Action a Lo Stop Movie Insert extra time Delete Erase Selection Transition per object Transition per scene Context Menu Hide Attach Lock Object Adjust Playback speed Context Menu It allows functions like Undo Select All Float Split Equalize Scenes and Magnetic Ride 1 Float Use the Float feature to condense your objects into the least number of required tracks in the Timeline Simply right click anywhere in the Timeline and select the Float option from the resulting menu Doing so will automatically condense the objects into the least number of tracks required Another way to access the Float feature is to click the Options icon just above the Timeline and to select Float from the drop down menu here Magnetic Ride Snap to Timeline If you have more than one object in a given scene and if it s important to you that this object begins to play right after the previous object ends activate the Magnetic Ride feature Simply select Magnetic Ride from the Options drop down menu or by right clicking in the Timeline Then when you click on an object in the Timeline and drag it to the position you want you ll notice that it snaps into position as you drag it near another object This is a handy feature that helps position objects in the exactly where you want them in the Timeline Split The Split feature allows you to split a scene into two separate scenes To split a scene simply position the Playhead
104. ply to all Location 3 Style The style property allows you to choose an animation such as rectangle ellipse hand and sketch Each animation has its own effects and properties Check the box Apply to all animations at the bottom of the style properties menu to apply the chosen style to all Animation Objects in all scenes in the movie i Learn more EES F o Category Choose from rectangle ellipse arrow hand and sketch bracket o Effect pulse Choose from additional options that will be shown depending on your zoomin Category s selection zoomout Color E Choose your preferred color for the Animation from the color palette o Orientation Choose the desired direction of motion for the Animation o Thickness Set the thickness of the border including that of sketches o Drop Shadow M Drop Shadow Choose whether to add a drop shadow O Loop o Loop Select this option to continually replay the Animation Thickness A gt O Apply to all animations Note Depending on the Animation chosen some options may not be available e g the Hand Animation object Create Custom Animations You have the option to sketch your own animations In order to sketch select the Sketch icon from the Animation s menu and then select custom Click on the Create button to activate the Animation Builder which will allow you to sketch freehand any design i Learn more WN Oo Click the double arrow button
105. positions their mouse cursor over the Button object For example to display an explanatory message or tip in a balloon or text as to the action required from the user Important Each individual Event has its own Timeline to define the separate sequencing of display and behaviors for that event Adding Actions and or Audio to control the behaviour of Button Object Events Button 1 Classic s Abe Mi sy UN Continue v y Action Continue Continue movie For each of the above events you can assign the desired behaviour of your movie by adding an Action to take and or Audio to be played To add or edit the action to take or audio to be played for a certain Button object event ensure that the Button object is selected in your scene This Button s individual TimeLine will be shown at the bottom of the screen Click on the event to which you want to add an action and or audio and note that the Button properties panel at top of screen will change to show additional options The following options are available to be added or edited for Button events Stop Movie Loop Movie Close Movie Go To URL Run EXE Go To Movie Execute JavaScript For further information on how to incorporate Demo Builder Events and user interactivity into your movies demonstrations and tutorials please see this fully worked Example Edit Zone Click Zone Events Example Demo Builder 62 Interactivity Click Zone A Click Zone is another
106. r HTML5 format Expiration date Password protect Expiration date Add an expiration date to your movies after which they will no longer play If a user attempts to view a movie that has expired they will be redirected to a webpage or displayed text of your choosing LI Preloader O Show Play button LU Domain Lock Expiration Date sunday December 30 2012 Action Display Text X Text This movie has expired URL http L Ask password At end Stop Movie O Show Replay button Note This option is only available for movies exported in Flash H264 or HTML5 format Domain lock Password protect Password protect Add password protection to your movies This option allows you to create movies that will ask the user for a password prior to playing If you need the user to log in on the Internet select Server Script and enter in the URL of the login page Demo Builder will send the appropriate parameters to the server script php asp etc See sample code below LI Preloader Ol Show Play button C Domain Lock LJ Expiration Date Ask password Pre set password Value labod At end Stop Movie O Show Replay button Demo Builder 70 Security Ask Password Server Script Input username password Output valid true The password is valid valid false Invalid password The following php code allows the movie to continue if password is test lt php Spassword REQUEST passwo
107. r the corresponding value or select Apply to all if you want to apply your chosen values to all other click zones Apply to all Location 3 Hand Cursor Change the mouse pointer to a hand cursor when a user positions the mouse pointer over the Click Zone 4 Style The style property allows you to change the appearance style and color of the Edit Zone i Learn more Border Color AS Border Width 0 Determines the color for the Rectangle s edges a o Border Width E E Change the thickness of the Rectangle s edges HS opor color E Used to specify a color for the Rectangle Ne o Fill Opacity Adjust the transparency of the chosen color LJ Apply to cick zones o Eraser Makes the click zone fully transparent and the borders invisible 5 Trigger event Select OnClick OnDbIClick or OnRightClick event Using the Click Zone Object Events As described above you can use Click Zone Events to interact with the users of your demonstration or tutorial and to control the behavior of your movie based on your end users actions The Click Zone object offers the following 3 events to achieve this On Success On Failure On RollOwer 1 On Success Event Add objects actions effects and or audio to this event to define how your movie will display and behave in response to your users clicking inside the borders of the Click Zone 2 On Failure Event Add objects actions effects and or audio to this event to de
108. r to a question that you want to ask your users At movie run time the user will be presented with the question and the movie will pause awaiting the user s response to be typed into the Edit Zone Demo Builder will then check the user s response against the correct answer as specified by you when you built the movie Demo Builder then offers Events On Pass On Error On RollOver as described below which determine the next action or path taken by the movie Button Click Zone Set the following properties and options for Edit Zones E Edit Zore 1 I 1 1 Name The default name for an Animated Text Area is Text Animation X Text Animation 1 Text Animation 2 Text Animation 3 and so onward and this is visible in the name property of the object You can change a text animation s name by deleting the default name and typing in another one Ensure the text animation is selected before attempting to change its name property Y Classic a 2 Rotate Scale and Location Adjust the rotational angles scale or manually change the location of the Edit Zone on the Canvas Rotations on the X and Y axis are ignored when the edit zones is attached to the image i Learn more Demo Builder Events Example F Chick an Event button on the Timeline toolbar below to edit the event actions Interactivity 59 Click the Reset button to clear all values Reset Click on the individu
109. rd Susername REQUEST username if S password test echo valid true else echo valid false 2 gt Note This option is only available for movies exported in Flash H264 or HTML5 format Domain lock Expiration date Demo Builder Auto 71 Auto Auto functions reduce the time spent editing by automatically adding balloons text and the zoom n pan feature to your movie Auto Text Auto Highlight Auto Interact Auto Zoom Auto Rotate Reset Timeline Welcome Introduction Create new movie Record the screen Movie Scenes Cursors Tools Timeline Transformations Interactivity Add voice over narration Security Export Miscellaneous Extras FAQ Contact Auto Text During recording Demo Builder captures relevant information about your actions Auto Text then automatically adds balloons or texts describing these actions 1 2 Add Balloons Select this option to add balloons attached to the image Add Texts Select this option to add text that can be located on the left or right side of the canvas aligned to the bottom of the canvas or attached to the image under the mouse cursor Language Select the language in which you would like the text to be displayed in Reader Profile Select words per minute in the reader profile This option adjusts the amount of time each balloon or text item is displayed for during the movie Text To Speech Select this option to convert th
110. recording still relays the effect of a video presentation Take screen shots Full Motion Recording Demo Builder 12 Movie Movie Set the following properties and options for Movie ae mymovie Y 759x580 Y Background Y Start End Y Navigation Y J x PEACH 1 2 3 4 5 5 7 8 1 Name The name property allows you to specify the movie s name its author s name a company s name E mail address website and a brief description of the demo tutorial or movie 2 Info Author Company E Mail Website and movie description Your personal information will be displayed in the Info box should a player bar be added to the movie i Learn more Company Tanida E Mail info 2demo builder com Web Site jamw demo bullder com Description 3 Size The size property allows you to specify a new size in screen pixels for your movie 4 Background Select a personal background color gradient or wallpaper image for your movie Learn more a Solid Gradient Wallpaper 5 Start End The start end property is used to specify the load behavior of the movie and the actions to be taken at the end of the movie 6 Navigation Add a player bar or menu bar to your movie 7 Watermark Add a custom watermark or logo to all scenes of your movie i Learn more Demo Builder Movie 13 A watermark can be altered in terms of physical location wit
111. rements Introduction gt System Requirements System Requirements Minimum system configuration Windows 2000 XP 2003 Vista 7 8 DirectX 9 Intel P4 Intel Centrino Intel Xeon or Intel Core Duo or compatible 512 MB RAM 1GB Recommended 800x600 minimum screen resolution 1024x768 recommended See also Overview Demo Builder 4 Create new movie Home gt Create new movie Create new movie In the Start Up Screen locate the column titled Create New Movie You have the following options Blank Record the screen Import a series of images Import Video Blank Record the screen Import Images Import Video Welcome Introduction Record the screen Movie Scenes Cursors Tools Timeline Transformations Interactivity Add voice over narration Security Auto Export Miscellaneous Extras FAQ Contact Home gt Create new movie gt Blank Blank Create a movie containing a single blank scene From the Start Up screen select Blank Select your preferred size for the Movie from preset sizes or manually enter required Width and Height Select a Background Color Finally click OK at the bottom of the menu Aupa Demo Builder Create new movie 5 Create New Movie Blank Movie Name Imymoviel 960 x 600 Web Bd Width 360 Height 500 Background id Record the screen Import Images Import Video Record the screen Use the full motion recording method while
112. rency These will be retained until a Transformation is added These values may only be modified by moving the Playhead to the beginning of the scene and using the mouse i Learn more Click the Eraser button to clear all values Select Apply to all scenes if you would like to retain the same values for all scenes Clicking the individual labels will display a menu which offers the option to either reset the parameter or copy this parameter s value to all Transformations O Apply to all scenes 6 Keystroke This option is visible only if you created your movie using the Take screen shots method You can enable or disable the typing sound by selecting the Mute option Also you can choose to remove the keystroke from the scene 7 End Of Scene Action You can add the following actions at the end of a scene Continue Go To Scene Go To Movie Go To URL Close Movie Run EXE or Execute JavaScript The default action is Continue i Learn more Action Contnue Go to next scene 8 Background Audio Demo Builder Scenes 21 Add audio clips to your scene by importing existing files or recording new ones using Demo Builder Learn more Record Text To Speech Import Audio Collection Thumbnails View Quick preview Copy Paste different movies Keystroke Welcome Introduction Create new movie Record the screen Movie Cursors Tools Timeline Transformations Interactivity Add voice o
113. revious aspect ratio 3 No Audio Selecting this option will eliminate all audio from your movie Format Google WebM Destination F File name mymovie Adjust x 600 360x600 877x548 No Audio Note The video s dimensions will be adjusted as follows in WebM format the dimensions must be divisible by a factor of 2 Demo Builder will automatically adjust your movie s size if it does not comply with the above specifications Flash H264 HTML5 Audio Video Interleave Windows Media Video MPEG4 Standalone Image Files Word Document Help me choose Demo Builder Export 89 Standalone Demo Builder exports an executable file that runs on Windows PCs to display the movie It requires no extra software to be installed on a PC and is compatible with Windows 2000 and above but it will not run on Mac OS X or Linux 1 File Name Enter the standalone file name You do not need to include the filename extension 2 Title Enter the window s title 3 Full Screen Check this option to execute running the application in full screen mode 4 Create autorun for CD AutoRun is a feature of the Microsoft Windows operating system When users insert an AutoRun enabled compact disc into their CD ROM drive AutoRun automatically runs an application on the CD ROM This option creates an autorun inf file that has to be burned on the CD along with the standalone file
114. rlap the start of the second change To free move simply hold down the CTRL key and drag the cursor motion To free resize hold down the CTRL key and drag the small arrow cursor in the Timeline ue F ii gt a E ALA Edit cursor path Split Merge cursors Demo Builder Home gt Tools Tools Tools 31 The following Objects are available and can be found in both the Tools Panel and Timeline in Demo Builder Click on an Object below to view full details Balloon Note Welcome Introduction Create new movie Record the screen Movie Scenes Cursors Timeline Transformations Interactivity Add voice over narration Security Auto Export Miscellaneous Extras FAQ Contact Home gt Tools gt Balloon Balloon Set the following properties and options for Balloons ipl Balloon 1 Custom 1 2 3 1 Name Text Animation Flash Video Animated Text Rectangle Zoom Area Blur s Abe B d ange 4 3 6 Fi The default name for a balloon is Balloon X Balloon 1 Balloon 2 Balloon 3 and so onward and this is visible in the name property of the object You can change a balloon s name by deleting the default name and typing in another one Ensure the balloon is selected before attempting to change its name property 2 Rotate Scale and Location Adjust the rotational angles scale or manually change the l
115. s 67 Chapter 13 Security eos ollas e nee 68 Dom A no y II eo es wo teat ds a oe a cans Seas 68 me e E o ene eee ne te ee ee ee 69 POSSWOTd 09 6 e ee ee sd ee ee 69 Chapler MA AUD ee EETA N ES 71 A teas sete etek gee e os roo AI 71 POONA sieeve sense o etiam sede veo o tpocddenaeay sean 72 PMC ORR o a rd gee ower ep wea hay ee nn A 73 AUO LOON ohn dake cade a ea ne wanes te Oe een eed OG PR ee ee RE re AG De Hate ee en ee ee nue eee nets 74 AUO O O ON AN 15 Resol O NO 76 Chapter TS EXON osciesepccsrasi tc tac rota titanic TT A A a E E 17 PIS aaa caro ecanaco dobla prono nicinazo braco baba dara rana poda bdo ponla aos TI M e 0 o o A A A 79 SS PEO TI E a a E A E UI A 82 Audio Video Interleave sesionar rara bide aa debian vada A aia 84 Wyndows Media Video iia trocito de ia divida dto ec 85 E PS e o OP o A E e oh ek o 86 Google e A PP Se O un E hee oe ee ke Soa A eee oteoeten ante 87 o A e ete eee A Pe eee tee ates 88 VIOO eee bape geo hg tata ede a a css etch Bee ache ane do de daen a a a a a cada aide netates a a 89 Image SS 90 MB A gq IEA 91 au dejes IP o ca tap E ET Ea ta ghee edow eee is E seeds ea eee O 92 E An 93 Save To DISK o A P _ orga gs sb ds a as OU uo 94 E Or TE i kay eee ne eee eee eee reer ee ee 94 An PP E o ROA E E FAGU EEEE R eee es 95 Chanter 16 MiscollanioolS soriire Ea p a ps 97 SIA as a A a E 97 iaa o oi A EEO EEE E A E E 98 Preferon hcg years ag acs ea E E ee ae Pe eed en a aes he tee
116. scene or scenes from one movie into another please follow these steps 1 Open both movies 2 From the Thumbnail View of the source movie right click on the scene you want to copy and select Copy Select the destination movie from the movie panel on the left right click in the Thumbnails area of the destination movie and select Paste File Edit View Preview Extras Help File Edit View Preview Extras Help mymoviel Y 821x622 Y Background Y Start End Y Navigation Y g Y Y i o Y 759x580 Y Background Y Start End Y gt gt Scene 1 Scene 2 Scene 1 Edit Undo Ctrl Z a ocene 1 Preview scene s 00 46 233 Redo Shift Ctrl Z Paste N Ctrl V c e Select all Ctri A Delete Duplicate Personalize Merge Renumber Thumbnails View Quick preview Change order Insert additional scenes Merge multiple scenes Split a scene Keystroke Keystroke The Keystroke object is only visible in the Timeline and not visible in the Objects Panel of the movie s Editing Window It represents any keyboard actions taken during movie recording and is indicated in the Timeline as a Keystroke How to Use the Keystroke Object an Example 1 Open your usual text editing application e g NotePad MS Word WordPerfect etc 2 Create a new movie and fit the screen capture area to the chosen text editing application 3 Start recording and type a few characters in the text editing application 4 Stop recording 5
117. ser does not require Apple QuickTime to view the movie 1 MP4 WebM File Name Enter MP4 and WebM file name You do not need to include the filename extension mp4 or webm i MP4 WebM Options Options fea Video Quality AAA Select the video quality A higher quality will increase the resulting file size Video Quality Adjust Size You can adjust the size of the movie to fit your specifications ow high No Audio M Adjust 960 ani Selecting this option will eliminate all audio from your movie Movie 960x600 Design 877x548 Note Please understand that there are differences between movie resizing and the above option This option attempts to stretch the movie to comply with the dimensions specified while also maintaining the previous aspect ratio No Audio 2 HTML This option creates four additional files html5 file html5db js html5db css html5db png The last three files are common and can be shared by any movie exported in HTML5 format Once you export in this format you should upload all 6 files mp4 webm html5 file htmi5db js html5db css html5db png to your web server thus publishing your movie on the internet 3 HTML File Name Enter html file name You do not need to include the filename extension html i Edit HTML Content Demo Builder Export 83 FM You are free to edit the HTML content however you see fit to display the movie Pa Ae within a custom HTML web page of
118. sible in the name property of the object You can change a flash video s name by deleting the default name and typing in another one Ensure the flash video is selected before attempting to change its name property 2 Rotate Scale and Location Adjust the rotational angles scale or manually change the location of the flash video on the Canvas Rotations on the X and Y axis are ignored when the flash video is attached to the image i Learn more Demo Builder Reset 3 Source As with most other internet video and audio formats Flash provides two different ways to deliver AV media from a web page Progressive Download Video and Streaming Video Learn more Video Type Progressive Download Video Apply to all Tools 43 Click the Reset button to clear all values Reset Click on the individual labels and select Reset to clear the corresponding value or select Apply to all if you want to apply your chosen values to all other flash videos Location Progressive Download Video Progressive downloading is the easiest way to display Flash Video on a web page Although it is not as powerful and flexible as true streaming it simulates streaming fairly well and most end users will not know the difference Please note that the end user cannot jump ahead to a later part of the video until it has fully downloaded Path Browse to the relative or absolute path of the FLV or MP4 file
119. store the movie to its original size the dimensions at capture time Click on the Design Size label to set the movie s output size equal to its size during editing this feature is only applicable when the design time scale is less than 100 Demo Builder 14 Movie New size in pixels 960 x 600 Web Current Size 759x580 Original Size 759x580 Design Size 259x530 Note By default the center anchor is selected indicating that changes to the size of the canvas are made on all sides Start End Add menu bar Add player bar Link your movies Background audio Translate your movie Start End The Start End property is used to specify the load behaviour of the movie and the actions to be taken at the end of the movie 1 Preloader Customize the image to be displayed optionally as the movie loads You can also adjust the load percentage that must be reached before the movie begins playing Show Play button Add a Play button at the beginning of your movie The movie will only start playing when the Play button is clicked Without a Play button the movie will start playing as soon as it is loaded without asking for any confirmation from the viewer Domain Lock Tick the Domain Lock check box to restrict the accessibility of a movie to a specific domain e g mydomain com Expiration Date Add an expiration date to your movies so that these can t be played after a predetermined date If users attempts to vi
120. t your movie to your local hard drive 1 Location Click the Browse icon and select the location on your hard drive or disk where the file is to be saved 2 Desktop Click the Desktop icon to select the desktop as the saving location 3 Export in folder When selecting this option Demo Builder will create a special folder for each export type For example it will create the folder My Movie Flash if you export in Flash format or My Movie HTML5 in you export in HTML5 format 4 Show summary upon export Select this option to receive a report after export is completed containing the resulting file s size and dimensions Format Flash Destnaton L FIP Server E Mail Location C WymovieWFlash ie G W Exportin folder fw Show summary upon export Upload To FTP Server Send EMail rama Evnnet s Nactinatinn S gt D Canjar lome gt Export gt Destination gt Up oad lo FIP Serve Upload To FTP Server Upload your movie to your website FTP Server 1 Server Demo Builder Export 95 Enter the address for the FTP server e g hostname com or 02 352 67 162 You can get this information from your ISP Internet Service Provider OR from the web server s administrator 2 Port This is the port to connect to on the FTP website This is normally 21 however it may be something different if you are going through a firewall or if the site administrator has assigned the FTP service to a non standard port 3
121. te that you also have the ability add voice over narration later during the editing phase For example you may narrate the Timeline using the voice over narration feature in the Editing Window 1 Record Click the Record button to start taking screenshots or activate Full Motion Recording of your actions on a running application Demo builder starts recording An icon sits on your taskbar system tray and blinks red to denote that recording is in progress 2 End Recording To end the recording session left click on the icon Demo Builder will stop recording compile and import screens shots or your full motion recording and then display the movie as a series of scenes in the Movie Window Fit to any application Minimize all open desktop if open on your desktop windows Full Motion Recording W 362 y O oe Lock values Record FitTo E Tt Options pa i E Record voice over narration H 269 Full Motion Recording Take Screen Shots Click the Options button to change recording options 1 Camera sound audible during recording Available only when choosing the Take Screen shots method 2 Insert Cursors Select this option to insert cursor motion into your movie 3 Hide system tray icon If you are recording your entire screen and do not want the Demo Builder system tray icon to display during recording simply select this option 4 Hotkeys You can set specific hotkeys for pausing resuming the recording as well
122. tempting to change its name property 2 Rotate Scale and Location Adjust the rotational angles scale or manually change the location of the text on the Canvas Rotations on the X and Y axis are ignored when the text is attached to the image i Learn more Click the Reset button to clear all values Reset Click on the individual labels and select Reset to clear the corresponding value or select Apply to all if you want to apply your chosen values to all other texts Apply to all Location 3 Style The style property allows you to change the appearance of the Text Area Check the box Apply to all texts at the bottom of the style properties menu to apply chosen style to all Text areas in all scenes in the movie i Learn more Click on the pencil symbol to select the color of the border Adjust the Thickness and Padding sliders respectively to gain the desired effect for your text box 5 Padding amp Click on the top bucket symbol to select the color of the background of your text box a Press the arrow symbol pointing downwards if you desire to add a vertical gradient to your textbox Opacity 21 If you have chosen to add a gradient click the bottom bucket symbol to select the color of lower z portion of the text box The color of the upper portion of the textbox will be taken from the top bucket symbol Adjust the opacity slider as you see fit for your new textbox Check the box Apply to
123. th from the list of those installed on your PC 1 File Name Enter the video file name You do not need to include the filename extension avi 2 Adjust Size You can adjust the size of the movie to fit your specifications Note Please understand that there are differences between movie resizing and the above option This option attempts to stretch the movie to comply with the dimensions specified while also maintaining the previous aspect ratio 3 No Audio Selecting this option will eliminate all audio from your movie Demo Builder Export 85 Format Audio Video Interleave Destination File name mymovie avi Adjust x 1600 960x000 77548 No Audio fw Use video and audio compressor Video Compressor MJPEG Compressor Y Audio Compressor PCM Learn more Flash H264 HTML5 Windows Media Video MPEG4 Google WebM Standalone Image Files Word Document Help me choose Windows Media Video This option is particularly useful for exporting movies of longer length It is also recommended if you intend to publish your movie on video sharing websites such as YouTube and Metacafe WMV format is commonly used for movie playback on Windows PCs The software required to playback WMV files is installed on most Windows PCs 1 File Name Enter the video file name You do not need to include the filename extension wmv 2 Adjust Size You can adjust the size of the movie to fit your specificatio
124. the click zone 6 Text To Speech Select this option if you want to convert the text into speech for all messages above Demo Builder 74 Auto Auto Interact e Add instructional notes the green spot the teat above will be used if no text was found at capture time On Success e On Failure On RollOver Hand Cursor Text To Speech a Auto Text Auto Highlight Auto Zoom Auto Rotate Reset Timeline Home gt Auto gt Auto Zoom Auto Zoom Auto Zoom adds Transformations which zoom n pan the image in order to draw your audience s attention to what is most important 1 Zoom Select the amount measured in terms of percent of the original image to be shown 2 Animate Select the animation level The follow cursor option at one extreme of the spectrum attempts to always center the cursor within the image 3 Adjust Scale Select this option to let Demo Builder choose the best scale When doing this Demo Builder always attempts to prevent any undesired stretching of the image 4 Add Border Add a border to your image A border is useful to distinguish the image from the background of the movie Demo Builder Auto 75 Auto Zoom follow cursor e Adjust Scale e Add Border Auto Text Auto Highlight Auto Interact Auto Rotate Reset Timeline Home gt Auto gt Auto Rotate Auto Rotate Auto Rotate adds Transformations which rotate the image according to your mouse movements 1
125. time preview time or by personally narrating the Timeline Record at capture Record at preview Narrate Timeline time time Insert audio per scene Built in audio editor Welcome Introduction Create new movie Record the screen Movie Scenes Cursors Tools Timeline Transformations Interactivity Security Auto Export Miscellaneous Extras FAQ Contact Home gt Add voice over narration gt Narrate Timeline Narrate Timeline Narrate the movie using the playback in the preview window as your guide The audio clip created appears on the Timeline when the voice narration ends The recording will automatically stop when the movie reaches the end of your selection or the end of the scene Aja p rje 00 00 456 i End of Scene 4 none Z 00 05 966 ga Record at capture time Record at preview time Insert audio per scene Built in audio editor Home gt Add voice over narration gt Record at capture time Record at capture time In order to be able to record voice narration at capture time the Record Voice Over Narration option denoted by the microphone symbol must be enabled Demo Builder 66 Add voice over narration Full Motion Recording wW g O a 640 H Record FitTo E wis Narrate Timeline Record at preview time Insert audio per scene Built in audio editor Record at preview time To record audio while previewing your movie go to Thumbnails View and select from the movie
126. to comply with the dimensions specified while also maintaining the previous aspect ratio 3 No Audio Selecting this option will eliminate all audio from your movie Format MPEG4 Destination File name mymovie mp4 Adjust x 600 360x600 877x548 No Audio Note The video s dimensions will be adjusted as follows in MPEG4 format the dimensions must be divisible by a factor of 16 Demo Builder will automatically adjust your movie s size if it does not comply with the above specifications Flash H264 HTML5 Audio Video Interleave Windows Media Video Google WebM Standalone Image Files Word Document Help me choose Demo Builder 88 Export Google WebM This option is particularly useful for exporting movies of longer length It is also recommended if you intend to publish your movie on video sharing websites such as YouTube and Metacafe WebM is an audio video format designed to provide royalty free open video compression for use with HTML5 video The project s development is sponsored by Google Inc 1 File Name Enter the video file name You do not need to include the filename extension webm 2 Adjust Size You can adjust the size of the movie to fit your specifications Note Please understand that there are differences between movie resizing and the above option This option attempts to stretch the movie to comply with the dimensions specified while also maintaining the p
127. ts Marks window and select the Objects tab to adjust any of the following options A TJ How to create a 0 Eo Type your question fj Do select the Answ X U visibility L attach Lock e Lock Canvas and Timeline In the Objects tab you can lock the objects in a scene so that they cannot be edited or moved accidentally Click on the Objects icon at the top and all of the objects in your scene will be displayed Select the object to be locked by clicking on it in the list lock it by clicking on the lock shaped icon next to its description With this lock in place you can no longer move adjust or edit this the object on the canvas or in the Timeline This is a safety measure to prevent you from accidentally moving something you didn t intend to e Visibility Design time You can also set an object s visibility in a scene to either ON or OFF for example you can have an object not display without actually deleting it Click on the Objects icon at the top and all objects in your scene will be displayed Select the object you want by clicking on it in the list then click on the first black dot next to its description turning this into a red X By doing so you ll notice that the object disappears in the canvas This is how the visibility is set to OFF without actually deleting the object e Attach Selecting the Attach dot will cause any object eg a balloon to be attached to the scene Attaching
128. tton will be placed on the balloon The movie will be paused allowing the viewer to read the content of the balloon and to continue playing only when this button is clicked i Learn more Enable The movie has been paused Click h 7 Align Top k E w Dpacity 74 lA Opacity 86 5 T E O Apply to all balloons 5 Text The text property allows you to customize font font size font color text alignment and also edit the text that is visible on the Balloon tooltip Click on the Text button in the property panel or double click the body of the balloon to display the Text editor You can also check the spelling of the entered text 6 Text To Speech For the text to be converted into speech select the Text To Speech option Note Microsoft Text To Speech is not required on the computer used to view your movie Learn more Demo Builder Text To Speech a p 00 03 500 fF The movie will automatically pause if there is not enough time allocated in the Timeline LJ Apply to all notes 7 Orientation Clicking and spinning the Angle wheel allows you to change the orientation of the balloon s tip Note Text Animated Text Rectangle Ellipse Image Animation Flash Video Zoom Area Blur Hotkey Note Set the following properties and options for Notes B rere Y Classic s Y 2 Ab F 4 1 2 3 4 3 6 1 Name Tools 33 The default name for a note pad is Note X N
129. und image on the Y axis 3 To scale the image frontwards or backwards use only the mouse wheel Check the Timeline afterwards to see that a new Transformation has been added You may further tweak this transformation by adjusting the transformation s individual properties as found in the Transformations panel Duration Mouse Functions Context Menu Duration You are able to see the duration of a Transformation by looking on the Timeline Aj p o amp oom j 5 Tu Cc LL 4 none 00 05 500 Ga Transformation Duration 1 Position This position represents the place on the Timeline where the Transformation ends 2 Duration The duration of a Transformation defines how long the transition is in effect for Automatic Keyframing Mouse Functions Context Menu Demo Builder Transformations 57 Mouse Functions Transformation properties may be modified with only the use the mouse and CTRL key as follows below T E Press and hold the left mouse button and move the Move H i mouse Press and hold the right mouse button and move the Rotate X Y A move the mouse horizontally vertically in order to modify the rotation on the Y X axis Scale Ml Use the mouse wheel to scale up or down the image a Press and hold the CTRL key then use the mouse wheel CTRL CO OE H to zoom in or zoom out the image da hi Pan F Press and hold the CTRL key then press and hold the CTRL Ez left mouse button
130. ur text to the Left Right or Center Vertically align your text to the Top Middle or Bottom o Animation Speed ae Adjust the speed of your animation by sliding the speed indicator from left to right as needed To slide the speed indicator left click on the triangle and drag in either direction Balloon Note Text Rectangle Ellipse Image Animation Flash Video Zoom Area Blur Hotkey Rectangle Set the following properties and options for Rectangles EE recargo E at 1 2 3 1 Name Demo Builder The default name for a shape object is Shape X Shape 1 Shape 2 Shape 3 and so onward and this is visible in the name property of the object You can change a shape s name by deleting the default name and typing in another one Ensure the shape is selected before attempting to change its name property 2 Rotate Scale and Location Adjust the rotational angles scale or manually change the location of the rectangle on the Canvas Rotations on the X and Y axis are ignored when the rectangle is attached to the image i Learn more Y GS 2 x GE z So O E D Reset Reset Apply to all w 200 L SEY Location sil il ii T 209 3 Style Click the Reset button to clear all values Click on the individual labels and select Reset to clear the corresponding value or select Apply to all if you want to apply your
131. uto Zoom Auto Rotate Demo Builder Export 77 Home gt Export Export Demo Builder offers multiple Build and Export options for your movies Save Share and Distribute in multiple formats to make sure that you get your message across to the widest audience possible Format Destination See also Welcome Introduction Create new movie Record the screen Movie Scenes Cursors Tools Timeline Transformations Interactivity Add voice over narration Security Auto Miscellaneous Extras FAQ Contact Home gt Export gt Format Format Demo Builder allows you to export movies in the following file formats Flash H264 HTML5 Audio Video Interleave Windows Media Video MPEG4 Standalone Image Files and Word Document Audio Video Windows Media Flash H264 HTML5 Interleave Video MPEG4 Google WebM Standalone Image Files Word Document Help me choose See also Destination Home gt Export gt Format gt Flash Flash Demo Builder 78 Export Flash is an extremely popular format for playing animated video particularly over the internet The Flash player plugin is installed in virtually all internet browsers so this format is widely compatible with PC and Macs Exporting in Flash format actually creates 3 separate files a SWF file a HTML file and a file called swfobject js The SWF Flash file is your actual movie the HTML file is a web page that will display your movie and the swfobject
132. ve a cursor motion in a scene you have the option of setting that motion as a straight line a concave arc a convex arc ora completely custom motion To create a straight or arc motion simply select the appropriate icon However creating a custom motion is more complex i Learn more Demo Builder 28 Cursors O O L O gr LJ Apply to all mouse pointers 6 Click Double Click effect Effects are used to determine the sound and visual effect made by the cursor at clicking point These icons can either be selected lit up or not If neither icon is selected then there will be no sound effect click or double click audio or visual cue at the ending of the cursor path Learn more e Color Color MN Sets the color of the click double click effect o Radius Radius 32 The size of the click double click effect A amp A o Mute Disables the sound effect Mute O Apply to all cursors 7 Align Cursors There are two additional icons available the Cursor Align icons These icons align the cursor s position in one scene to another cursor s position in the following or previous scene to give consistent flow to cursor movements from scene to scene These icons are only available if the action is possible For example if there is no cursor in the following scene then there will be no Align Forward icon Also if there is no cursor in the scene prior to the current one then there will be no Align B
133. ver narration Security Auto Export Miscellaneous Extras FAQ Contact Home gt Scenes gt Thumbnails View Thumbnails View Click on the sign to add audio or the sign to remove a selected audio clip Click on the Audio Settings button in the top right corner to change audio settings or to select and calibrate your audio input device gt Each individual audio clip can be edited to your needs To do this click on the button next to the audio clip to be edited The Audio Clip Editor appears Insert additional Merge multiple Change order scenes scenes Split a scene The Thumbnail View section is the area in which all of the scenes of your movie are displayed You may re order delete duplicate or merge scenes here Demo Builder 22 Scenes Start End Scene 1 2 Scene 3 00 04 400 Quick preview Change order Insert additional scenes Merge multiple scenes Split a scene Copy Paste different movies Keystroke Home gt Scenes gt Quick preview Quick preview Demo Builder offers you the possibility to preview your movie To do this select the scene item hold down the left mouse button and drag horizontally in either direction an action that is similar to moving the Playhead along the Timeline When the effect is successfully triggered a red line appears to denote the Playhead s position in the Timeline scene 1 Scene 2 Scene 3 Thumbnails View Change order
134. vie Go To URL Run EXE Go To Movie Execute JavaScript For further information on how to incorporate Demo Builder Events and user interactivity into your movies demonstrations and tutorials please see this fully worked Example Edit Zone Button Events Example Events Example Let s say that you want to use Demo Builder Events to add user interactivity to your movie demonstration or tutorial and or define how it behaves based on different user actions Below is a worked example based on a simple situation We have created scenes in our tutorial explaining our subject and at this point we want to ask the user a question or questions to ascertain their level of comprehension of the concepts covered in the previous scenes For the purpose of the exercise we ll assume that the actual question text is contained in a separate Balloon or Text object that has already been inserted into this scene In this example we ll illustrate Demo Builder s Events and User Interactivity functionality through the use of an Edit Zone object but note that the principles are the same for other interactive objects e g Buttons and Click Zones Let s proceed as follows 1 From the object toolbar select the Edit Zone object 2 Click on the Scene s canvas to insert the Edit Zone object at the desired position on the scene Set style and format as desired and as described in the object s help topic or just leave these settings as default 3 Ent
135. view Movie F6 Previous Scene F7 Next Scene B Insert Balloon N Insert Note T Insert Text Area X Insert Animated Text R Insert Rectangle L Insert Ellipse F Insert Image from file Miscellaneous 101 Demo Builder 102 Miscellaneous AMNOCrPFNCMOA LT YV Insert Image from cliparts Insert Image take screenshot Insert Cursor Insert Edit Zone Insert Button Insert Click Zone Insert Animation Insert Flash Video Insert Zoom Area Insert Blur Area Insert Hotkey When playing a movie the following PlayerBar keyboard shortcuts are available Key Home Space Left Arrow Right Arrow M I Personalize Text To Speech Preferences Demo Builder Action Back to First Scene Pause Play Previous Scene Next Scene Audio On Off Info Extras 103 Extras These additional tools are found by clicking on the Extras menu item from the main menu Upload To Could SWF To Video Aggregator Storage Upload To YouTube Converter Welcome Introduction Create new movie Record the screen Movie Scenes Cursors Tools Timeline Transformations Interactivity Add voice over narration Security Auto Export Miscellaneous FAQ Contact Aggregator With Aggregator you can link together multiple swf flv or mp4 files The resulting file will include a table of contents on the left side of the window playing your movies one after another just as you d like The Aggregator can export the resulting file

View PDF Manual

Contents

Download Pdf Manuals

Related Search

Related Contents