Home

User Guide

Contents

1. gt Qarbon Solutions See what this means for your company Thumbnails Timeline Slide Notes Gios Oooto1oofs0 Hji 0s gt Q10 Elasa K DD A Slide 1 Slide 1 OES EMER OAEU lt Slide 1 of 8 766 x 287 Memory 10 ViewletBuilder5 User Manual Page 21 June 2007 ViewletBullders a Slide View and Thumbnail View ViewletBuilder5 Professional QarbonizelT qyp File Edit View Insert Project Help REHEX hexGQ eesMh 4 K aee g0 ge I Thumbnails amp Browser f Zoom i MM 5S00 FR OME Slide 1 of 8 766 x 287 Memory 11 If you need further information about these features please email support qarbon com or visit the Help section of our web site www qarbon com ViewletBuilder5 User Manual Page 22 June 2007 rewletBuilders a Tabbed Views Brief Introduction Tabbed Views Brief Introduction ViewletBuilder5 offers authors control over customizing various workspace views These options are called Tabbed Views While in slide editing view these tabs display to the right of the slide or below depending upon the view selected Each view can be displayed or hidden as desired and are used for specific operations View Insert Project He i ToolTips v Cursor Path v Spelling Mistakes v Event Icons v Attached Sound Icons Status Bar v Browser Thumbnails Style
2. Low quality Creates smaller file sizes by reducing image quality May not be suitable for professional demonstrations Optimized for dial up or ISDN access S Viewlet Profile Gey Packaging gt Language Save As Default Properties To select Image Quality options Select Project gt Project Properties from the menu bar Select Image Quality from the left navigation menu ViewletBuilder5 User Manual Page 107 June 2007 Newlet Builders Project Properties There are three image quality settings Select the radio button next to the image quality of your choice for your Viewlet Note This will not affect the image quality of the project source qvp file The better the image quality selected the bigger the published file size Timing Project Properties In the Timing section of the Project Properties window you can set minimum defaults for timing features throughout your project These settings serve as a baseline for your project and may be modified on a slide per slide or object per object basis where applicable as needed Project Properties f 7 Minimum Slide Duration viewlet Profile Enter the minimum amount of time a slide should be displayed regardless of its Cl Sound Quality contents 1 0 S seconds fa Image Quality 4 Viewlet Options The reading speed adjusts how long balloons and notes are displayed Average user reading speed is around 200 words per minu
3. Solutions Products Services ustomers Downloa J J JAEL JL Slide Edit Area gt Qarbon Solutions See what this means for your company Timeline amp Slide Notes a 1of8 0 0to1 0o0f8 0 1 05s gt Q 100 M ee gt sSide1 z Slide 1 of 8 766 x 287 Memory 11 MIRE Thumbnail View The thumbnail view differs from slide view in that instead of viewing one slide at a time you view all the slides in the entire project These slides are rendered as thumbnails Various tasks can be performed while viewing thumbnails including moving slides around in the project deleting slides adding features to multiple slides etc While in thumbnail view you can use the slider panel to increase decrease the size of the thumbnails Additionally thumbnails are ViewletBuilder5 User Manual Page 20 June 2007 ViewletBuilders Slide View and Thumbnail View available in the Thumbnail tabbed view to the left of the slide area while working in slide view or while working in thumbnail view Objects can also be added to thumbnails but to edit them you will need to switch to viewing one slide at a time ViewletBuilder5 Professional Qarbonizell qvp File Edit Yiew Insert Project Help RewWeal lt x hDaxQ weesMh 2k p gt alB a F eaenew Thumbnails amp Browser o ee J a e Eye O Solutions Products Services
4. rewletBurlders y Events and Actions Overview Events and Actions Overview ViewletBuilder5 offers a robust set of events and actions that may be associated with slides and slide objects such as shapes and images to produce greater dynamics and a higher user interactive experience then ever before This chapter provides a brief introduction into ViewletBuilder5 s events and actions features Events Events may be defined as what happens when a certain scenario occurs For example a slide event may be the On Load event This means that when the slide loads or as it loads this loading is an event To create a slide event Slide Events R On Load On Unload On Key Pressed Actions performed when the slide is loaded Action Click the Add button to add an action to the event Right click on a slide directly and select Events from the shortcut menu In the Slide Events window select a tab o On Load This is when a slide is loaded ViewletBuilder5 User Manual Page 75 June 2007 jewletBuilders Events and Actions Overview o On Unload This is when you leave the slide o On Key Pressed This is when a key is press while on a slide Select an action as desired Click OK To create a shape event Right click on a shape Select Events from the shortcut menu In the Shape Events window select a tab o On Click This is when the user clicks on the shape o
5. Click the Insert TextZone icon on the Object Toolbar By default a text input field and three response message objects are inserted on the slide To modify the text zone input field Double click the text field or right click it and select Modify Text Field from the shortcut menu Inthe Modify Text Field window enter information as needed ViewletBuilder5 User Manual Page 89 June 2007 rewletBuilders l Text Zone o For Correct Answers One Per Line Input the correct answers in the field provided This is what the user will need to type in the field in order to answer correctly For multiple answers press the Enter key between each correct entry o Case Sensitive By default user may enter responses using caps or not and the answers if input otherwise properly will be considered to be correct To force a user to use capital letters for proper nouns etc select the Case Sensitive check box o Wrap Text Select the Wrap Text option to allow text to wrap inside the text field o Password Field To encrypt the user input while typing in the text field select the Password Field check box o Submit Key Choose a key from the drop down list the user must press in order to submit the response To move the text field on the slide Select the text field Mouse your cursor over the text field until the cursor changes to a hand shape Hold down the left mouse button and move the text field to its new location T
6. ViewletBuilder5 User Manual Page 111 June 2007 Pp Viewletbtntaers a Project Properties Language Project Properties In the Language section of the Project Properties window you may set default language preferences for your Viewlet Project Properties Sr Viewlet Profile Viewlet language By default ViewletBuilder5 localizes the Viewlet elements using the language amp Sound Quality selected in the preferences dialog To change the default compiling language make another selection From the drop down menu Ra Image Quality English v Timing You can override the following default values for the selected language f Viewlet Options Login Panel a Packaging Login Login Password Password OK OK Incorrect Password Incorrect Password Table of Contents Panel Table of Contents Table of Contents Pts Pts Results Panel Results Results Correct Correct Incorrect Incorrect v Save As Default Properties To set up Language details Select Project gt Project Properties from the menu bar Select Language from the left navigation menu In the Viewlet language area By default the compiling language used by ViewletBuilder5 is the same as your computer s operating system To change it select a new language from the drop down list To change default language or text details for various Viewlet panels Login Panel If yo
7. click OK To record sound inside ViewletBuilder5 Click on the slide or slide object to select it Right click and select Attach Sound In the Sound window click the Record red circle button Note In order to record audio your computer must have a sound card ViewletBuilder5 records audio using the MP3 format This reduces file sizes in projects containing audio Speak into your system s microphone to record Press the Stop red square button to end the recording Click OK to attach the recording to the slide or slide object ViewletBuilder5 User Manual Page 65 June 2007 rewletBuilders 6 Audio To listen to a sound file attached to a slide or slide object Click on the slide or slide object to select it Right click and select Attach Sound In the Sound window press the Play green arrow button to listen to the sound file attached to the slide or slide object Click OK to close the Sound window To remove sound attached to a slide or slide object Click on the slide or slide object to select it Click the Attach Sound icon on the context sensitive toolbar In the Sound window click the Delete Sound red X button Click OK to close the Sound window To export sounds from your project Before exporting any sound files from your project create a folder outside of ViewletBuilder5 to save your exported sound files in recommended Select File gt Export from the menu bar
8. feature and spelling mistakes will be underlined in red as you type To disable the spell check click the Spelling Mistakes icon again ViewletBuilder5 User Manual Page 57 June 2007 ViewletBurlders Dictionary Spell Check amp Search and Replace To correct a typo using the right click menu Ctrl x Copy Ctrl C Paste Ctrl V Italic Ctrl I Underline Ctrl U Bold Ctrl B Font Text Color Font Size v Left Align Center Align Right Align 10 16 9to Replace spell With Replace All spell With i0 Ignore All spell Learn spelll F gia p Click anywhere in the text where the typo appears Right click to reveal the shortcut menu At the bottom of the shortcut menu select an option Replace Replaces text with the listed selection Replace All Replaces all similar text through out the project with listed selection Ignore All Disables spell check red line for all instances of text Learn Adds text underlined in red to the dictionary O O Oo ViewletBuilder5 User Manual Page 58 June 2007 fewletBuilders Dictionary Spell Check amp Search and Replace To use the Search and Replace tool Click the Search and Replace icon on the button toolbar To use the Search feature only select the Search tab O O O O O Enter text in the field provided Select the Case Sensitive option if desired Select a Direction Select the Slides to search
9. iai h 3 Protect and Share Have one l _f 6 centralized location for all your Viewlet content Store Manage Collect Report Measure Ble Ea N m Product Info What is ViewletCentral Do you need to see reports on the activity ViewletCentral is a comprehensive server based system that allows you to store j s 0 of your Flash content manage and deploy your Viewlets as well as gather important usage statistics files Why use ViewletCentral Absolutely need this A P k feature By using ViewletCentral you can easily determine the effectiveness of your content and how viewers respond to them ViewletCentral provides easy access to valuable _ Yes but it s not information such as necessary No but it would be nice to know have that option The number of viewers for each Viewlet Average time spent by viewers on each Viewlet Whether a user has completed a Viewlet Scoring on quiz Viewlets Not at all Live Stats View Results Plus there are more benefits including _ Click for One click publishing To discover all the features of ViewletCentral you can immediately open a Free account which will give you ample disk space to store your Viewlets For current disk space and views per month and related ViewletCentral information please visit our web site at www ViewletCentral com vc portal html ViewletBuilder5 User Manual Page 123 June 2007 fewletBuilder
10. 97 June 2007 ViewletBuilders Page Layout Inthe Options area select deselect whether to display Hidden slides Slide Title Slide Notes Cursor Cursor Path In the Footer area select deselect if you want Page Numbers to display As you make selections view the slide Preview arrow using the arrows underneath the preview display to navigate throughout your project Inthe Slides area select which slides to print Click OK to save these as the default options for this project or click Print to open the Print window o0o000 ViewletBuilder5 User Manual Page 98 June 2007 Pf ViewletBuiiders Ac Printing Slides Printing Slides There may be times you want to print your slides for users to view or as reference materials Before you print your slides review the Page Layout chapter for setting up layout options for printing your slides ViewletBuilder5 Professional Untitled AGN Edit View Insert Project Help New Ctrl N Open ctrl o gt A X i fa a y SA 2 be Files a B 4 G Save Ctrl 5 Save As Ctrl Shift 5 Page Layout Ctrl Shift P Ctrl P Import Export Exit Ctrl Q Want to change your life what 4re Your Waiting For Click Here Now EF ESAROTEED Slide 1 of 3 500 x 400 Memory 11 To print open the Print window Select File gt Print from the menu bar or Press Ctrl P on your keyboard or Click the Printer
11. Enter a number that will be used for the point value if the user answers the question correctly o Attempts Enter a number of times the user has to answer the question correctly After this number is reached and if the question is not answered correctly it will be marked as incorrect and the Viewlet will continue o Time To limit the amount of time a user has to answer a question select the Enable a time limit for the question check box Then enter the Hours Minutes Seconds as desired Click OK to apply the scoring options and to close the Score window For more information on working with Interactive Zone features covered in this chapter please contact support qarbon com ViewletBuilder5 User Manual Page 86 June 2007 ViewletBullders Click Zone Click Zones The Click Zone is one of the most popular interactive zones used in ViewletBuilder5 A Click Zone may be used to increase the effectiveness of your Viewlet forcing the user to interact with it by clicking on a portion of the slide in order to continue ViewletBuilder5 Professional QarbonizelT qvp File Edit View Insert Project Help PEES ia ie Gy JM PK Dw Click Area Normal the look of the area under normal circumstances OM ot aM os Rollover the look of the area when the mouse is over it EAA EE Selected the look of the area when the user clicks on it HERRA EE cancel _ eo _ Insert i Cancel Apply
12. Notes This are explained in more detail later in this manual Object Toolbar This toolbar previously known as the Tools Palette contains buttons to access and work directly with slide objects such as Balloons Notes Text Boxes Cursors Shapes Images Buttons Movies Pause Zones Click Zones Text Zones Keystroke Zones and Questions When a project is opened the slide edit view displays The slide view is where you add elements to your project and edit them Many of these features are discussed in more detail later in this manual If you have any questions please email support qarbon com ViewletBuilder5 User Manual Page 7 June 2007 jewletBuilders a Preferences Preferences In ViewletBuilder5 you can set up preferences for such features as language spelling options proxy server log files backup files and Java This chapter provides on overview to setting up preferences for your ViewletBuilder5 projects Note You do not need to have a project open to set up preferences To set preferences in the General tab Preferences General Spelling Proxy Logging Backup Java Language By default YiewletBuilderS is in the language of your Operating System To change the default language make another selection from the drop down menu English v Cancel Select Edit gt Preferences from the menu bar Select the General tab Select a Language option from the drop down list
13. OK To modify additional Submit button options Please refer to the Buttons chapter for more information on editing the Submit button s style and Events Actions To delete a Question from the slide Click the Insert Question button on the Object Toolbar Inthe Warning window select the Remove It option Click OK ViewletBuilder5 User Manual Page 92 June 2007 Vrewlet Bulder 5 Keystroke Zone Keystroke Zones A Keystroke Zone may be inserted on a slide to force the user to press an individual or combination of keys in order to continue with the Viewlet This chapter highlights the Keystroke Zone features not already covered in a previous chapter Interactive Zones Common Features ViewletBuilder5 Professional QarbonizelT qvp fa o x File Edit View Insert Project Help QEHEBX be xG eersMh A Ke a BE oeenn e s7 om Define Keystroke Define the keystroke that must be entered by the user to complete this KeystrokeZone It can be a single key or combination of characters m Ce C Cae Thumbnails w0 Insert KeystrokeZone OMGc BAF 7 HET u lt Slide 3of11 766x287 Memory 7 ViewletBuilder5 User Manual Page 93 June 2007 fewletBuilders AE Keystroke Zone To insert a Keystroke Zone Select Insert KeystrokeZone button on the Object Toolbar By default a keystroke object not visible in the Viewlet that indicates the current key tha
14. On Rollover This is when the user moves the mouse over the shape o On Rollout This is when the user has moved the mouse off the shape Select an action as desired Click OK To create image event Right click on an image Select Events from the shortcut menu In the Image Events window select an events tab Select an action as desired Click OK ViewletBuilder5 User Manual Page 76 June 2007 jewletBuilders Events and Actions Overview Actions Actions are associated with Events and are what will take place once a particular event occurs For example an On Click event may have a Goto slide action attached to it So when a user clicks on a shape for example the project will go to a predefined slide Slide Events On Load On Unload On Key Pressed Actions performed when the slide is loaded Action fal Display Object Polygon fj Action SS Action Type Select the action type From the list Goto Slide v Slide E Side 1 To attach an action to an event Select a slide shape image or other object that supports events Right click and select Events from the shortcut menu In the Events window select an events tab In the tab click the Add button In the Action window select an action from the drop down list Click OK to close the Action window to return to the Events w
15. Professional Untitled File Edit View Insert faas Ctrl M Preview Current Slide Preview from Current Slide Preview All Slides x Preview in Browser First Slide Ctrlt Home Previous Slide Ctrl Page Up Next Slide Ctrl Page Down Last Slide Ctrl End Ea T N i a e Thumbnails Resize Project Slide 2 of 3 500 x 400 Memory 11 Project properties include Viewlet Profile Sound Quality Image Quality Timing Viewlet Options Packaging Language Flash ViewletSkin HTML Frame To set up project properties Select Project gt Project Properties from the menu bar In the Project Properties window set up options for your project as needed ViewletBuilder5 User Manual Page 104 June 2007 ViewletBunlders Project Properties To save project properties as default settings Select Project gt Project Properties from the menu bar In the Project Properties window edit the properties as desired Click Save as Default Properties Click OK to close the Project Properties window Viewlet Profile Project Properties Information entered in the Viewlet Profile section of the Project Properties window will be embedded into the Viewlet Project Properties an l Please provide the following information to be embedded into the Viewlet wm Viewlet Profile Viewlet zd Sound Quality Title Qarbon_Tour Sa Image Quality Description E Timing Qf Viewlet
16. These slide types may seem familiar This is because these slide types are also the same options that are available when creating new projects To insert blank slides Select a thumbnail The inserted slide will be inserted right after this slide Select Insert gt Blank Slide from the menu bar Note You can only insert one blank slide at a time using the above or right click insert option If your project has blank slides you can also copy paste to more blank slides To insert screenshot slides Select a thumbnail The new screenshot s will be inserted right after this slide Select Insert gt Screenshots from the menu bar ViewletBuilder5 User Manual Page 60 June 2007 rewletBuilders l Working with Slides In the windows that appear follow the prompts to select options for taking screenshots Take your screenshots as prompted End your screenshot session to insert the new screenshots into your existing project To insert image slides Select a thumbnail The new image s will be embedded onto slides right after this slide Select Insert gt Images from the menu bar Follow the instructions in the Select Images to Import window that displays for locating and selecting your image files Once your images are selected click OK to insert the new image slides into your existing project To insert duplicate slides quickly Click on a slide so that it displays in slide edit view Press Ctrl D on your k
17. VieW seseesssssernerrrerneerrnerrnerrunrieriunttenrtenr trantanan ranne aane EEEE AEE EAEEEAEE EREEREER Ennn eena 30 Stylesheets Tabbed VIEW encccscencorncadsacttncensasepignemannceazereienieiaunciaiaat ia mesanleneeimnaecarenimniatsecetbnaas 34 Slide Notes Tabbed VieW ccccccccccccccseeecesseeeeceeeueeeceseueeeeueueeuueeeuseususeueeuseeeseauseeeueauseeeusaaeeeenanes 37 Working With CUrSO Sensen seprene RE E E E RE a ER 38 WASS SAS i padas teers cnc stencils cates a R a E EN Mads A RET A A AAT aa a a N aE 43 BGK TANG E ET 51 FOmALPANO eena naen cdawte oialesunuebsavdecataaedeatesaatedsededendenasehsavehsateassancaseiat ds 56 Dictionary Spell Check amp Search and Replace cccccececeeeeeeeeeeeeeeeeeeeeeeneeeeeeseaaeeeesenaaeeeeneaas 57 Working GVA 51 ec aah gc secs le eects EErEE ice eee RE 60 Audio erence ere eo a a ee Re RT RR ne eS 65 IMAGE S n paste casas ean a a a A E a E e E E E A tena E 67 Shapes en en E E T E S E E E E E 69 Events and Actions Overview cccccccccccsccccseescesseeeuuueeuseueueeueuuceeeeeaeaeeueaaeeseeaeeeaeanaeeeasaneeeeaes 75 BUIONS c A AE 79 RyperinKS eera a E E A ee eee 81 Interactive Zones COMMON FeEAtUreS ccccceecccc ce eeceseeeeceeseeeeeeseueeueeseueeeseeaeeeeeeuaueeesaneeeaea 83 GICK ZONOS ci ci ca sae cern ise tne ta gs a aa nes estas Sas na ine Ear ca eee ed Re ee 87 MOXE ZONMCS e a es csetacncteqsaucnsactesaasedetecavas fadsevectdeqeatedea stata toedesunanse canst eu gsrteg Mladaee
18. add a Slide Note to a slide Select the desired slide so that it displays in slide edit view Select the Slide Notes tab to make it the active tab below the slide Type your notes in the notes area To print Slide Notes with your slide Select File gt Page Layout from the menu bar In the Layout window in the Options area select the Slide Notes options as desired Click OK to save these options or click Print ViewletBuilder5 User Manual Page 37 June 2007 Working with Cursors Red Green and Blue Circle Indicators There are three shades of circles that surround cursors each indicating a different cursor attribute They are Downloads Purcl abo rate Sophisticated gro e Real time simult vsi a Resource sharing SA Pd Built in task syste AS e what this means for your company sv S MALY Increased Productivity Create high impac 2 Y with minimal effort Ay e Optimized Business Planning Capture val customer preferences and target markets e Wise Use of Valuable Manpower and Resi scoring statistics to measure the effectiveness focus to only where it is needed ViewletBuilder5 User Manual Page 38 Working with Cursors Cursor animation is a fundamental component of most Viewlet projects While capturing screenshots whether manually or by using ViewletBuilder5 s Smart Capture tool cursors and their paths and click actions are automatically captured as part o
19. background color of a Balloon Select the Balloon by right clicking on it Click Background Color from the shortcut menu In the Background Color window select a color Click OK to apply it To add text to a Balloon Double click inside the Balloon to enter text edit mode Once the cursor starting blinking inside the Balloon you are ready to input text Note Use the options on the context sensitive toolbar while in text edit mode to italicize underline and bold your text You can also change your font font color font size and alignment while in text edit mode ViewletBuilder5 User Manual Page 44 June 2007 ViewletBuilders Messages Notes Another type of Message is the Note Notes may be used to remind the viewer of some important information without calling attention to a particular area of a slide as you would with a Balloon Or it can be used to provide general information or tips and tricks Message Type Select the message style Curvy Message Style Select the message type OQ0000 oocog r To insert a Note on a slide Click the Insert Note icon on the Objects Toolbar A Note will be inserted on the current slide To remove a Note from a slide Click the Note to select it Press Delete on your keyboard or right click and select Delete from the shortcut menu To resize a Note Click the Note to select it Point your cursor over one of the grab handles and drag to
20. by use of Timing Commands To help standardize object timing ViewletBuilder5 offers a set of Timing Rules Manual An object s timing is calculated manually meaning that the user has full control over the start time and duration Duration Calculated from Reading Speed This rule only applies to Balloons Notes and Messages The duration is calculated based on the reading speed and the number of words in the text The user can adjust the start time Display for Entire Slide Objects with this rule will display for the entire duration of the slide Displayed via Show Object Action Objects with this rule have no timing themselves instead they are displayed when a Display Object action tells them to display If you have questions about object timing timing commands or timing rules please contact support qarbon com ViewletBuilder5 User Manual Page 55 June 2007 NewletBuilders j Format Painter Format Painter The Format Painter may be used to quickly change text properties in balloons notes and text boxes without the need for stylesheets You can also use the Format Painter to easily apply properties of one shape object to another throughout your project I E Format Painter DN EF To use the Format Painter to apply text attributes from one object to another Make your changes to text in your message object Click on the text or click anywhere inside the text that will be copied from Click
21. current project Thumbnails can be resized in this view and the tab expanded to take advantage of additional operations performed in Thumbnail View such as moving slides performing the same operation on multiple slides etc Thumbnails amp r zoom _ _ ee ap o l o aae ano o ane yorma ai ieee ee M anae oo mrvy renn To display the Thumbnails tab Select View from the menu bar Select Thumbnails from the drop down list The Thumbnails tab will appear to the right of the slide editing area ViewletBuilder5 User Manual Page 28 June 2007 ViewletBurlders eed Thumbnails Tabbed View To change the size of thumbnails Thumbnails at Click the Zoom handle located at the top of the tab Drag it to the left to decrease the size of the thumbnails Drag it to the right to increase the size of the thumbnails To expand minimize the tab By default the tab appears in minimized view To expand it click the slide icon to the right of the tab This will close the slide editing view displaying all the project s slides in a Thumbnail View To go back to slide edit view or to minimize this view double click a thumbnail or click the double slides icon to the right of the view ViewletBuilder5 User Manual Page 29 June 2007 ViewletBuilders LO Timeline Tabbed View Timeline Tabbed View New in ViewletBuilder5 the Timeline w
22. http www garbon com Destination O New Window Same Window Other Window Any object that requires the user to click may be considered a link of some sort Message text hyperlinks work the same as when you are creating an Event Action setup So if you want to make an image link etc please refer to the chapter on Events and Actions Overview Or contact support qarbon com for more information ViewletBuilder5 User Manual Page 82 June 2007 rewletBuilders l Interactive Zones Common Features Interactive Zones Common Features Interactivity is key to acquiring and maintaining your viewer s interest And with the use of interactive zones within your Viewlet you can gain valuable input from your viewers for training marketing and even product development purposes The Interactive Zones are a staple of ViewletBuilder and have been in almost all of the previous versions They provide dynamic results like Events and Actions but focus on specific purposes ViewletBuilder5 offers five Interactive Zones Click Zone Text Zone Keystroke Zone Pause Zone Question Slide For purposes of this chapter we are not including Hyperlinks or Events Actions These later features are covered in previous chapters The Interactive Zones with the exception of the Pause Zone have many elements in common These include Only one zone per slide An input field OR a clickable are
23. image files When creating image projects or when inserting image slides images are embedded as slide backgrounds When used in this way images cannot be moved around the slide And only one image may be embedded as a slide background You may also insert images onto slides as slide objects When inserted on the slide images may be resized moved on the slide converted to a hyperlink object become a rollover event have its transparency level modified and more And multiple images may be inserted on the same slide This chapter covers the basics of working with images that are inserted on to slides as slide objects To insert an image on to a slide Select the slide you want to insert the image on Click the Insert Image button on the Object Toolbar Inthe nsert an Image window browse to locate the image file Note Support image file formats include JPEG GIF TIFF JPG TIF PNG BMP Select the image file and click Open The image is inserted in the center of the slide ready for editing To move an image on a slide Select the image by clicking on it Move your cursor over the image and when the cursor changes to a hand shape hold down the left mouse button Drag the image while holding down the left mouse button to its new location on the slide To resize an image on a slide Select an image by clicking on it Point your cursor over one of the grab handles When the cursor changes to an arrow hold dow
24. most out of your Viewlet authoring tool to create stunning Flash demonstrations and interactive movies in no time For information on how to learn from the Viewlet experts visit us online at www qarbon com services webinars workshop php ViewletBuilder5 User Manual Page 126 June 2007 rTewletBurlders Sales and General Customer Service Sales and General Customer Service Customer support is our top priority at Qarbon Please feel free to contact our Sales or Support staff at any time if you have ANY ViewletBuilder5 or other product related questions or concerns or for options to discuss additional training needs For current contact information visit our web site www qarbon com about_us contact_us ViewletBuilder5 User Manual Page 127 June 2007
25. of the options Click Export Inthe Save File In window select a folder to save the exported image files in Click Save To import slides from another qvp project Select a thumbnail as an insertion point for imported slides Imported slides will be inserted after the selected slide Select File gt Import from the menu bar Select Import Slides In the Import Slides window click Browse Locate and select a QVP file to load into the preview window Select the slide or slides to import Click OK To import text for translation Note In order to use this feature you will have to create an XML file for THIS EXACT Viewlet using the Export Text for Translation feature Select File gt Import from the menu bar Select Text for Translation Inthe Import Text window locate the XML file previously created from this Viewlet when exporting text for translation and select it Click Open If an Information window displays click OK For more information on export and import options contact support qarbon com ViewletBuilder5 User Manual Page 103 June 2007 PP viewletbtntaers ai Project Properties Project Properties ViewletBuilder5 allows you to set up default properties for all of your Viewlet projects These project properties may be modified on a project per project basis The project properties set up in the Project Properties are used when the project is published ViewletBuilder5
26. quickly and effectively New to ViewletBuilder5 is the ability to add multiple Balloons to the same slide And each balloon can be controlled individually with regards to when it appears on a slide how long it displays and in what order with other objects on the same slide ustome Message Type Balloon Select the message style Bubbles Message Style v Select the message type eeo mis as ME goacaur ure valuable statistics that F ets e Wise Use of Valuable Manpower and Resources Use feedba impact online presentation To insert a Balloon on a slide Click the Insert Balloon icon on the Objects Toolbar Move your cursor over the slide and you will see the cursor change to a cross hair shape Position this cursor where you want to insert the slide Click to insert the Balloon on the slide ViewletBuilder5 User Manual Page 43 June 2007 P ViewletBunitders Messages To remove a Balloon from a slide Click the Balloon to select it Press Delete on your keyboard or right click and select Delete from the shortcut menu To resize a Balloon Click the Balloon to select it Point your cursor over one of the grab handles and drag to resize To move a Balloon on a slide Point your cursor at the Balloon until the cursor changes to a hand shape Hold down your left mouse button and drag it to its new position on the slide To change the
27. resize To move a Note on a slide Point your cursor at the Note until the cursor changes to a hand shape Hold down your left mouse button and drag it to its new position on the slide To change the background color of a Note Select the Note by right clicking on it Click Background Color from the shortcut menu In the Background Color window select a color Click OK to apply it ViewletBuilder5 User Manual Page 45 June 2007 Messages To add text to a Note Double click inside the Note to enter text edit mode Once the cursor starting blinking inside the Note you are ready to input text Note Use the options on the context sensitive toolbar while in text edit mode to italicize underline and bold your text You can also change your font font color font size and alignment while in text edit mode Text Boxes Another type of Message is the Text Box There may be times when you want to enhance your Viewlet project or portions of a slide by inserting text The Text Box allows you to add text directly to a slide or over an image seamlessly Text Boxes are used to blend text seamlessly on to slides or slide objects Text Boxes are usedto blend text seamlessly on to slides or slide objects To insert a Text Box Click the Insert Text Box icon on the Object Toolbar As you move your cursor over the slide the cursor will change to a cross hair shape Click on the slide to insert the Te
28. respond Text Zone Contains a text input field The user must input the answer correctly into this field Keystroke Zone Contains a zone that shows the Viewlet author not the viewer the keys that the viewer must press in the published file to answer correctly This zone will not display in the published file Pause Zone Though not technically a zone when this zone is inserted on a slide it will insert a red triangle not viewable in the published file in the bottom right corner of the slide and the slide will pause Question Slide The newest of the zones these slides will vary in look but they will contain some type of input button usually radio buttons that the user will click to answer a given question These slides also contain a button to Submit the input Audio Attached to a Zone In some instances you may attach a sound file to a zone To see which zones have this option click on the zone s input field and if the Audio icon on the context sensitive toolbar is active you can attach audio to the zone Otherwise you still have the option to attach audio to a slide asa workaround if desired and the option is not available for your zone ViewletBuilder5 User Manual Page 84 June 2007 ViewletBuilders Interactive Zones Common Features Response to User Input When creating an Interactive Zone you should offer some type of response to the user after they ve completed their input In its simpl
29. slide ViewletBuilder5 User Manual Page 91 June 2007 rewletBurlders Question Slide To modify the question text box Select the question text box located on the top of the slide Right click and select Edit Message from the shortcut menu Edit the text as you would in any text box Click off the question text box to deselect it To add additional choice fields Click on one of the Choice field boxes to load its context sensitive toolbar Click the Add Choice button on the context sensitive toolbar to add another choice to the list To delete a choice field Click on the choice field to select it Press the Delete key on your keyboard To select a choice field or fields as the correct response To select the correct choice response double click the choice field that the user will need to click for the correct response A checkmark will display in the choice field box Note Multiple choice fields may be selected if the user is required to answer with multiple selections To deselect a choice if a checkmark is displayed double click it to deselect it and remove the checkmark To modify an answer text box Right click on the answer text box and select Edit Message from the shortcut menu Edit the text Click off the answer text box to deselect it To modify the Submit button properties Double click the Submit button Inthe Button Properties window edit the information as required Click
30. the Format Painter Click on subsequent text objects to apply this formatting from the first selection Continue clicking on text on the current or any other slide to apply the formatting When you are finished click the Format Painter to deselect it To use the Format Painter to copy a shape s attributes and apply them to other shapes Make your changes to the shape as desired and then make sure it is selected Click the Format Painter Click on subsequent shapes to apply the formatting When you are finished click the Format Painter to deselect it If you have any questions about the Format Painter please contact support qarbon com ViewletBuilder5 User Manual Page 56 June 2007 fewletBurlder5 Dictionary Spell Check amp Search and Replace Dictionary Spell Check amp Search and Replace ViewletBuilder5 offers spell check and dictionary tools You can set your dictionary to one of several languages and enable your spell check to highlight typos as you write your project s content To set your dictionary and spell check preferences Select Edit gt Preferences from the menu bar Select the Spelling tab Select a language for the spell check dictionary from the drop down list Select additional options for the spell check as needed To enable or disable the spell check tool 2 Spelling Mistakes Click the Spelling Mistakes icon on the button toolbar This will enable the spell check
31. the Timeline there are a series of numbers and arrows that are used when working with slide options These include Timeline 1of8 0 0 to 1 50f 8 5 1 55s lt l 7 Slide numbers Indicates current slide and number of slides in the project Seconds Indicates the duration of current slide in relation to overall project duration Active slide duration Indicates full playtime for current slide which can be increased decreased by clicking the up down arrow ViewletBuilder5 User Manual Page 32 June 2007 NewletBuilders Timeline Tabbed View Additional Timeline Features In addition to layer and slide options the Timeline has additional tools to make working along the Timeline more productive For example 100 All Slides D gt Pea Slide 1 Zoom Next to the magnifying glass is a viewing percentage signifying the current zoom of the Timeline Use the up down arrow next to this to increase decrease the overall zoom level of the Timeline Player buttons To the right of the Zoom tool are player buttons These buttons can be used to jump to the beginning of the project go back one slide go forward one slide or jump to the end of the project Preview menu Click the arrow at the top right of the Timeline to view a menu with various options for previewing the project to view the project Slide number boxes These indicate the position and number or title of the slid
32. the pencil icon and modify the information in the Standard Resolution window Click OK to apply c Delete a Standard Select a size from the drop down list and click the red X icon In the Delete Standard window click Yes 4 For Slide Count enter the number of slides you want to create for the new project 5 Click OK to create the new blank project ready for editing ViewletBuilder5 User Manual Page 19 June 2007 ViewletBuilders J Slide View and Thumbnail View Slide View and Thumbnail View If you have worked with ViewletBuilder in previous versions there were two main views Slide View and Thumbnail View Both views are available in ViewletBuilder5 but with some very powerful options Let s take a brief look at each Slide View The slide view is the area where you directly add objects to a slide and edit them This is normally referred to as the main editing area of a project and where you will probably spend most of your time while working with a slide The main slide area can be resized by dragging the edges of the slide areas panels or by closing one or more tabbed views Tasks performed while working in the slide view area vary and are explained in further details throughout this manual ViewletBuilder5 Professional Qarbonizell qyp File Edit View Insert Project Help Le ey SX HA X Gh o ey Go P K a D B Ie SIEK 4 Thumbnails amp Browser Eee KeA
33. you to draw rectangles and squares on a slide B ViewletBuilder5 Professional QarbonizelT qvp File Edit View Insert Project Help QEHEX baexeawesdhenann see J E ZZ 7 Thumbnails O OOET ERE Timeline amp 100f10 11 8t012 80f 128 10s gt Q100 All Slides Slide 10 of 10 766 x 287 Memory 17 ViewletBuilder5 User Manual Page 69 June 2007 ViewletBurlders Shapes To insert a rectangle Click the Insert Shape icon on the Object Toolbar If not already selected click the Rectangle Tool icon on the context sensitive toolbar Move the cursor over the slide until the cursor changes to a cross hair shape Click on the slide and hold down the left mouse button Continue to hold down the left mouse button and drag to draw the rectangular shape Let go of the left mouse button to complete the shape The Ellipse Tool The ellipse tool allows you to draw circles or ovals on a slide ViewletBuilder5 Professional Qarbonizell qyp DER Fie Edit View Insert Project Help Dedek ha xGee na AK a Thumbnails amp hO T PS es Insert Shape Tool Timeline amp o m pa E all Slides K D gt N B 100f 10 11 8to 12 8 0f 12 8 1 05 gt Q 100 Slide 10 Y Slide 10 1s 4s Ss 6s Rl CEC SE Sa Se He ca Wn IO You ee He a Ye ee et CO Yue Wee Y
34. Background Color LJ FFFFCC Text Properties ie Dialog 12pt gt Note Text Box Button gt Correct Message gt Incomplete Message Incorrect Message Click Area gt Question Text gt Question Choice Text To display the Stylesheet tab Select View from the menu bar Select Stylesheet from the drop down list The Stylesheet tab will appear to the left of the slide editing area To select an object s default Stylesheet Select the Stylesheet tab Select an object from the list to display its default Stylesheet To create a new Stylesheet Select the Stylesheet tab Click the New Stylesheet icon on the toolbar In the Stylesheet window enter a name and password if desired Click OK Make sure this is the active Stylesheet and make changes to object s as desired ViewletBuilder5 User Manual Page 35 June 2007 P ViewletBunitders Stylesheets Tabbed View To modify a Stylesheet Inthe Stylesheet tab select a Stylesheet from the drop down list Note The default Stylesheet cannot be modified Edit object properties as needed To change the name or password right click on an object and select Modify Stylesheet In the Stylesheet window edit as needed and click OK Applying a Stylesheet Inthe Stylesheet tab select a Stylesheet from the drop down list Right click on an object and select the apply option of your choice Or select an apply button
35. BuilderS Project KO Screenshot Slide Size cee Specify the slide size you would like to create or capture Create a project from a series of screenshots of a running application Area Capture an area of the screen L Image 2m Project Create a project from a series of images aif jpa Capture Mode png on your system __ Blank Project Create a project containing one or more blank slides Specify the mode to use during the capture process Auto Capture is 1 recommended For novice users O Smart Capture Automatically capture all changes 1 To create a screenshot project open the Create New Project window Select File gt New from the menu options or Click the New button on the toolbar or Click the Create Project button 2 Select the Screenshot Project option 3 Specify a Slide Size by selecting an option from the drop down list The list includes slide sizes and a brief description of each Custom Choose a custom width and height ViewletBuilder5 User Manual Page 14 June 2007 fewletBurlders 6 Screenshot Project Standards Select a predefined standard size from the drop down list or create a new one a New Standard Click the green plus symbol enter the information in the Standard Resolution window and click OK to add it to the list b Modify a Standard Select a size from the drop down list Click the pencil icon and modify the information i
36. Click Slide Next to continue search To use the Search AND Replace feature select the Replace tab O oOo0 0 Enter text in the field provided for the search Enter text to replace the searched text with in the field provided Select the Case Sensitive option if desired Select the Direction and Slides to search Click Replace All Replace Find Next or Cancel If you have any questions on working with the Dictionary Spell Check and Search and Replace tools please contact support qarbon com ViewletBuilder5 User Manual Page 59 June 2007 rewletBurlders A Wa Working with Slides Working with Slides ViewletBuilder5 projects are made up of slides so it s important to understand how to work with the most common slide features while building your project This chapter provides a starting point for you to use while working with slides While there may be several ways to perform the same tasks they may not all be covered in this section Insert je Blank Slide Screenshots Image Slides Balloon Ctrl Alt B Note Ctrl Alt N Text Box Ctrl Alt T Cursor Ctrl Alt C Shape Ctrl Alt S Image Ctrl Alt P Button Ctrl Alt O Movie Ctrl Alt M PauseZone Ctrl Alt A ClickZone Ctrl Alt I TextZone Ctrl Alt E KeyStroke Zone Ctri Alt k Question Ctrl Alt Q Slide Types There are essentially three types of slides that you may insert into existing projects Blank slides Screenshot slides Image slides
37. Click on the blue circle to select it b Drag it along the cursor path c Let go of it along the path where you want the cursor to change shape Cursor Path The dotted line between the green circle and the red circle is known as the cursor path This is the path the cursor travels during its animation or while moving from one slide to the next slide A basic path starts at the green circle and ends at the red circle A more complicated path includes points along the cursor path where the cursor may change direction Elements of the cursor path may be edited ViewletBuilder5 User Manual Page 39 June 2007 P viewletBuniders Services Demos s Working with Cursors ihat this means for your Company Ny e Increased Productiy Ps Sal with minimal effort Afh Optimized Business customer preferences To change the cursor path from straight to curved or curved to straight Click on the green circle to select it Right click and select Straight Path or Curved Path from the shortcut menu Or select one of these options from the cursor s context sensitive toolbar To change all cursor paths to straight or curved within the project Click the green circle to select it Click the Set all cursor paths to straight or Set all cursor paths to curved on the context sensitive menu To add points along a cursor path Click the green circle to select it Click the Add Point to Cursor Path button on the con
38. ClickZone m a E 4 E G Pa E gt E Qarbon Solutions See what this means for your company lt Slide2of 10 766x287 Memory 6 This chapter highlights the Click Zone providing information on this zone not already covered in a previous chapter Interactive Zones Common Features To create a Click Zone Click the Insert ClickZone button on the Object Toolbar By default a click zone area and three response message objects will be inserted on the slide To edit the click area properties Double click on the click area or right click it and select Modify Click Area from the shortcut menu ViewletBuilder5 User Manual Page 87 June 2007 hewletBurlders Click Zone In the Click Area window you have three states to set up for the fill bucket color and for the border pencil color Note When the number is set to zero 0 the fill oorder color will be transparent The three states are o Normal Enter a value for the fill and for the border when the mouse is NOT over the click area in the Viewlet o Rollover Enter a value for the fill and border when the cursor moves on to the click area in the Viewlet o Selected Enter a value for the fill and border when the click area is clicked Click OK To move a click area on a slide Select the click area Move your cursor over the click area until the cursor changes to a hand sha
39. K Cancel Apply Select the object shape image etc Click the Events icon on the context sensitive toolbar or right click and select Events from the shortcut menu Select the appropriate tab On Click On Rollover On Rollout Click the Add button green plus symbol In the Action window select Display Object from the first top drop down list In the Duration area select a timing command from the last bottom drop down list o Manual Timing Enter a value for the Duration the object will display for the Object Action o Until End of Slide Object displays once Object Action is performed and for the duration the slide is displayed ViewletBuilder5 User Manual Page 54 June 2007 rewletBinlders l Object Timing Timing Rules Timing rules are applied to one or more slide objects Once applied to the object they remain applied and automatically control how the timing for that object is calculated Timing rules differ from timing commands in that commands are used for one time adjustments To understand Timing Rules a bit better let s look at an example A simple timing rule is that the duration of a message object is calculated from the number of words and reading speed This rule may be applied to the message so that the message disappears after a specific duration based on what ViewletBuilder5 calculates for the reading time for the message based on the amount of text it contains Rules may be enforced or superseded
40. Options ty Packaging Author gt Language Name 2 Flash Email Comments Company Company Department Web Site Save As Default Properties To set up Viewlet Profile details Select Project gt Project Properties from the menu bar Select Viewlet Profile from the left navigation menu In the Viewlet area Enter a Title Enter a Description ViewletBuilder5 User Manual Page 105 June 2007 ViewletBuilders Project Properties In the Author area Enter an author Name Enter an Email Enter additional Comments In the Company area Enter a Company name Enter a Department Enter a company Web Site Sound Quality Project Properties The sound quality selected in the Sound Quality section of the Project Properties window will be what is used when the Viewlet is published Project Properties Choose the sound quality to apply to this Viewlet 8 Viewlet Profile CD quality e Sound Quality Enables superior sound quality Recommended For music and subtler audio effects but increases the file size considerably The size of the Viewlet will increase Eal Image Quality considerably i 6 Timing O High quality Enables sound effects and high quality voice overs Target audience should have SG Viewlet Options iDSL lines or access to a corporate network Reasonable For iDSL lines or corporate network gy Packaging St
41. P ViewletBuitders User Manual Contents Welcome to ViewletBuilder ce ccccccccecceecceeseeeeeeeeeeaceeeaeeseeseueeeeeeeceueaeeueeauueeaeuueaceueaeuenaeuenaess 1 New FO ATU PES cc sse scot et oc cetar seine tate ATEN ound setae eee sae en ane ea eee ens 2 System SQUIFGINGING ciseescccsscansscnoscsassseecs ds dasanceadanceenaceccinecataendetneanisccesnctsauetevasdandaentsuadeerecsnededaese 3 Download and INStallatiO Meseres EA EREA dee 4 License Activation and Deactivation cccccccccccceccceeccseeccsueceuueceueeceuuaceuueeuuuaesuuaueeueeuuaueuuneesunanss 5 Interface OvervieW sssessssesinseerrneerrrinetttirnstitintn tiant t rint nn kunna E EnA AEEEAE EEE DEAEEEERAA EEEE EEEE CEARA AREE EEan nnen 6 PIElErEN COS es niccensis a a a a a a aN 8 Screenshot Project ssaaaice sis nieanas nenen E EE E E E E A 14 Image wowace Ss ace omneec spices na aae ESE SaNa ara daia aE aA A ANENE SEESE NaN 16 Blank eg 6 2 ee ery ree ns en er ae eee ee eee ee ee ee 18 Slide View and Thumbnail VieW ccc ccccececcecceeecesseeeeceeeueeeeeeuseueuseuseueeeeueeasueeueeaseeeeeaaseeeneags 20 Tabbed Views Brief Introduction cccccccccceccccceecesseeeecesseeeeseseeeuuceeeceuaueeasauaueeesauaueeataueeensunaess 23 Browser Tabbed VIEW nanesene ANAR tes anes belt debbie A ENSA EA EAE NNE 25 Thumbnails Tabbed View ccccccccccccccccccueeeeuceeeueeceeeueeeueeeeueeeauaueeauuesaueeeaueeeaueseeaueeeaueusaeeeeeaeeeeas 28 Timeline Tabbed
42. Select Sounds In the Export Sounds window select the slides to export o Current Slide Only the sound attached to the current slide and any attached to slide objects will be exported o From Enter a starting slide number in the first field and an ending slide number in the second field Sound attached to the slides and objects on the slides in this sequence will be exported o All All sound attached to slides and slide objects will be exported Inthe Save File In window select a folder to save the exported audio files in Click Save Note Exported sound files are saved in the WAV format Sound Quality for Published Project Please refer to the Project Properties chapter for information regarding how to set up sound quality options for your published project Background Sound Track As discussed previously in this chapter audio may be attached directly to a slide as well as to other slide objects New in ViewletBuilder5 you may attach a background sound track to your published project This sound track is independent of sound attached to slides and slide objects and plays when the published Viewlet is played Please refer to the Project Properties chapter for more information on adding a background soundtrack to your Viewlet ViewletBuilder5 User Manual Page 66 June 2007 rewletBuilders 6 Images Images Images may be used in projects in a few different ways One option is to create an entire project made up of
43. ViewletBuilder5 User Manual Page 8 June 2007 Pp viewletBintders Preferences Spelling tab Preferences General Spelling Proxy Logging Backup Java Spell Checker Select a dictionary For the spell checker English United States v _ Ignore words in UPPERCASE _ Ignore words with numbers Ignore domain names Select the Spelling tab Select a dictionary for the spell checker from the drop down list Place a checkmark next to the additional spelling options as desired ViewletBuilder5 User Manual Page 9 June 2007 ViewletBullders J Preferences Proxy tab Preferences General Spelling Proxy Logging Backup Java Preferences Enter your proxy characteristics to access our servers and activate your license or receive updates IF you have any questions please contact Qarbon technical support C Use a proxy server Address Port _ Use proxy authentication Login Password Select the Proxy tab Inthe Preferences area select your proxy options Enter additional proxy information as required in the fields provided ViewletBuilder5 User Manual Page 10 June 2007 Pf ViewletBpunaers a Preferences Logging tab Preferences General Spelling Proxy Logging Backup Java Output Window Logging creates a record of information that can help Qarbon find ae and correct pr
44. a et ee oOmt B gt Ellips Elipse amp Slide 10 of 10 766 x 287 x 673 y 126 Memory 9 To insert an ellipse Click the Insert Shape icon on the Object Toolbar Click the Ellipse Tool on the context sensitive toolbar Move the cursor over the slide until the cursor until the cursor changes to a cross hair shape Click on the slide and hold down the left mouse button Continue to hold down the left mouse button and drag to draw the elliptical shape Let go of the left mouse button to complete the shape ViewletBuilder5 User Manual Page 70 June 2007 ViewletBullders j Shapes The Lasso Tool The lasso tool allows you to create free form shapes ViewletBuilder5 Professional QarbonizelT qyp Fie Edit View Insert Project Help RBodexk bexGwesMeF Kk K Ce aa BZC 4 lt mo Thumbnails Insert Shape Tool lt Timeline amp 10 of 10 11 8 to 12 8 of 12 8 A 100 F All Slides Slide 10 YW Slide 10 Pol Ellipse OD E c Pol E Sif id Slide 10 of 10 766 x 287 x 510 y 186 Memory 9 To create a free form shape Click the Insert Shape icon on the Object Toolbar Click the Lasso Tool on the context sensitive toolbar Move the cursor over the slide until the cursor changes to a lasso shape Hold down the left mouse button and draw your shape Let go of the left mouse button when
45. a or button Audio option Response to user input in the form of a message or some other object for when the user answers correctly or incorrectly or doesn t complete a response Scoring with points attempts and time for answering Let s review each of these elements separately The One Zone Per Slide Rule Unlike other dynamic elements Interactive Zones serve a specific purpose and therefore only One zone may be on the slide at a time If you try to insert multiple slides you will see a Warning window the will inform you what type of zone the slide already contains It will offer you the following Options ViewletBuilder5 User Manual Page 83 June 2007 rewletBuilders Interactive Zones Common Features Warning This slide already contains a ClickZone Options Replace it with a TextZone Add the TextZone to a new empty slide Add the TextZone to a copy of this slide i Cancel Replace it with a selected zone Add the selected zone to a new empty slide Add the selected zone to a copy of this slide Select one of these options and click OK Zone Interactive Area Each of the zones contain some type of input area or zone that the user will interact with and these will vary depending upon the zone Click Zone Contains a click area that covers a portion of the slide This area transparent in the published project is where the user must click to correctly
46. andard quality Recommended For regular Viewlet voice overs Keeps file size low and is acceptable gt Language For most bandwidth Strip all sounds The Viewlet will be exported without sound The audio files however will remain a part of the project file Use stereo sound default Save As Default Properties ViewletBuilder5 User Manual Page 106 June 2007 P viewletBurlders al Project Properties To select Sound Quality options Select Project gt Project Properties from the menu bar Select Sound Quality from the left navigation menu There are three quality options and also the option to strip sounds from the published file Read the descriptions for each and select the radio button next to the sound quality of your choice Note This selection will not affect the sound quality of the pre published source qvp file Image Quality Project Properties The image quality select in the Image Quality section of the Project Properties window will be the setting used when the Viewlet is published Project Properties Choose the image quality for the Viewlet High quality ad Sound Quality Ideal for showing graphic design software and lossless images Most suitable for DSL and broadband Image Qualit So Medium quality i Timing This default setting is ideal for all professional training support and online help Bex content ff Viewlet Options Suitable For all types of connections
47. at this process clicking the down arrow to hide all of the project layers To rearrange layers Expand the layers so that all are in view Select a layer by clicking on it Right click on the same layer to display the shortcut menu Select Arrange and then select an option for arranging the layer on the slide To hide display a layer Select a layer Click the eye icon to hide the layer To display a hidden layer click on the eye icon again to display it To lock unlock a layer Select a layer Click the lock along the layer to lock it This prevents it from being edited fa layer is locked click the lock to unlock it to allow the layer to be edited To move an object along a layer Click on the rectangle inside the layer that displays the object s duration along the Timeline Drag the rectangle along the Timeline as needed To increase decrease an object s duration in a layer along the Timeline Click on one of the edges of the rectangle that displays the object s duration along the Timeline when the double arrow displays Drag the edge of the rectangle as needed to increase decrease the object s duration ViewletBuilder5 User Manual Page 31 June 2007 jewletBuilders A Timeline Tabbed View To delete a layer Select one or more layers Press the delete key on the keyboard or right click and select Delete from the shortcut menu Slides Features Above the main area of
48. button on the button toolbar ViewletBuilder5 User Manual Page 99 June 2007 P ViewletBunitders Printing Slides Setting print options and printing your slides Open the Print window as previously described In the General tab select a printer from the drop down list Note The Print window options will vary from computer to computer In the Print Range area select what slides pages to print If available in the Copies area enter a value for the number of copies to print Click Print Depending upon the speed of your computer a progress bar may appear across your screen as the print job is processed To print an electronic copy of your slides Use the instructions for printing as described above but select a PDF option for the printer or Select File gt Export from the menu options Select PDF In the Export PDF window make selections in the Options and in the Slides area Click Export In the Export PDF second window select a location to save the file in and give the file a name Click Save Depending upon the size of your file a progress bar may display Once complete you will be returned to your Viewlet project If you have any questions on printing your project contact support qarbon com ViewletBuilder5 User Manual Page 100 June 2007 PP viewletbunaers Wi Export and Import Options Export and Import Options ViewletBuilder5 offers various export and import options These include Expo
49. ct from a Custom Capture a custom width and height series of screenshots of a C i i running application Width 640 Height 480 Image Project Create a project from a Select Images Sem eam Fz Add images to the project Ps png on your system Filename Stretch __ Blank Project Create a project containing one or more blank slides Size Dimensions Cancel 1 To create an image project open the Create New Project window Select File gt New from the menu options or Click the New button on the toolbar or Click the Create Project button 2 Select the Image Project option 3 Specify a Slide Size by selecting an option from the drop down list There are two options available Custom Choose a custom width and height ViewletBuilder5 User Manual Page 16 June 2007 rewletBuilders l Image Project Standards Select a predefined standard size from the drop down list or create a new one a New Standard Click the green plus symbol enter the information in the Standard Resolution window and click OK to add it to the list b Modify a Standard Select a size from the drop down list Click the pencil icon and modify the information in the Standard Resolution window Click OK to apply c Delete a Standard Select a size from the drop down list and click the red X icon In the Delete Standard window click Yes Add images to
50. ct instead of just progressing through it in a linear fashion ViewletBuilder5 Professional QarbonizelT qvp File Edit View Insert Project Help BoadeK Cae xiame EQ 7 Button Style Select a style for the Button Classic Button Style Insert Button Classic Button Style Tool Bumper Button Style Thumbnails M mo Carnival Button Style Impact Button Style Mac Button Style Mesh Button Style oO ES Of Slide 100f 10 766x287 x 461y 258 Memory 11 To insert a button on to a slide Select the Insert Button icon on the Object Toolbar A button is inserted on the slide ready for editing ViewletBuilder5 User Manual Page 79 June 2007 rewletBinlders l Buttons To view modify button properties Right click a button and select Button Properties from the shortcut menu In the Button Properties window in the o Name area Enter a name for the button in the field provided Enter the Text to be displayed on the button in the field provided o Location amp Size area Enter values for its Left and Top margin Enter values for the Width and Height of the button o Timing Selection a timing option for the button to display on the slide from the drop down list Enter values for any Start Duration times as applicable Click OK To move a bution on a slide Click a button to select it Point your cursor over the button and when the cursor changes t
51. de ViewletBuilder5 from the selected slide to the end of the project o Preview All Slides Plays the entire project while inside ViewletBuilder5 o Preview in Browser Quickly compiles publishes the file to SWF Flash format and launches it in a browser After publishing a project Publish Viewlet Folder Publish Complete Your Viewlet has been successfully published to the Folder Viewlet URL ile C Documents and Settings Administrator My Select Project from the menu bar Select Publish Viewlet Complete the information in the windows that display to publish your project In the last Publish Viewlet window click the View button to preview the published Viewlet Outside of ViewletBuilder5 Once you ve published a Viewlet file a folder containing the published files is created Locate this folder and open it Double click the HTML or the SWF file to preview the Viewlet ViewletBuilder5 User Manual Page 119 June 2007 jewletBuilders Previewing a Viewlet Publishing a Viewlet In order to create the final Flash Viewlet your audience will see you must publish your Viewlet source qvp file ViewletBuilder5 allows you to publish your Viewlets to a Publish Viewlet Location Specify the location to publish your Viewlet le Qarbon ViewletCentral Publish your Viewlet to Qarbon ViewletCentral For free Desktop C Documents and Settings Administrator Desktop My Viewlets C Documents and Setti
52. der Click the blue circular arrow on the toolbar to refresh the current files and folders being viewed To change views of how files and folders are displayed Browser x m oA 5 E g Qarbon ViewletCene Details view Rey Desktop i P hy are Icon view Thumbnail view Click the Views button on the toolbar Select a view option 1 Icon View Displays the name of each file in its perspective folder 2 Details View Displays the file or folder name type dimensions number of slides last modification date and file size You can sort by each of these by clicking the appropriate column header Sort the columns as needed by clicking a column and dragging it to its new location 3 Thumbnail View View each file as a thumbnail ViewletBuilder5 User Manual Page 26 June 2007 P viewletBuilders a Browser Tabbed View To expand collapse the Browser view Click on the slide icon to the right of the tab to expand the view Click the double slide icon to minimize the tab view To close hide the Browser tab Select View from the menu options and deselect Browser from the drop down list or Click the small x in the right corner of the Browser tab ViewletBuilder5 User Manual Page 27 June 2007 ViewletBtntders Thumbnails Tabbed View Thumbnails Tabbed View This tab appears to the left of the slide editing area and displays thumbnails of all the slides in the
53. e Properties window edit as needed and click OK To delete an HTML Frame o Select a frame from the drop down list o Click the Delete red X icon To Save Project Properties Once all of the options are set up in the Project Properties window click OK For more information on Project Properties contact support qarbon com ViewletBuilder5 User Manual Page 117 June 2007 Pf Viewletbtntaers I Previewing a Viewlet Previewing a Viewlet There are various ways to preview your Viewlet project For example any place you see these buttons K K D A You may use them to advance through your project while inside ViewletBuilder5 Additionally you may access preview options From the Timeline Click the Preview button at the top right of the Timeline to preview the project or Click the down arrow and select a Preview option from the drop down list From the menu bar Hep Project Properties Ctrl M Publish Viewlet Preview Current Slide Preview from Current Slide Preview All Slides Preview in Browser Ctrl Home Previous Slide Ctrl Page Up Next Slide Ctrl Page Down Last Slide Ctrl End Resize Project Select Project from the menu bar ViewletBuilder5 User Manual Page 118 June 2007 fewletBurlders Previewing a Viewlet Select a preview option o Preview Current Slide Plays the current slide inside ViewletBuilder5 o Preview From Current Slide Plays the project insi
54. elect a sound file o Click the Record button to record a sound file Click OK to attach the sound To delete sound from attached to a message Right click on a message Select Attach Sound from the shortcut menu In the Sound window click the red X to remove the sound file Click OK If you have any questions working with Messages please email support qarbon com ViewletBuilder5 User Manual Page 50 June 2007 ViewletBuilders Object Timing Object Timing Timing Commands Timing commands can be applied to a single or multiple objects on a slide An object s timing will determine when it will display on a slide how long it will remain displayed on a slide and if multiple objects display on the same slide what timing command elements they may have in common EAREPERPERPPEPPPPPPPRPRAA EPERPPEPPERTEPPERPEPEPEIF 4 are usedto blend text seamlessly on to slides or slide objects Image Properties Name Image Location amp Size Left Timing Until End of Slide v Manual Timing Until End of Slide Timing may be adjusted in two places in the properties window and along the Timeline To adjust a message balloon note text box object s timing Right click on the message object Select Message Properties from the shortcut menu In the Message Properties window in the Timing area select a timing option from the drop down list Manual Timing S
55. elect a value for the Start Time the delay in seconds before the object displays on the slide and the Duration time displayed on the slide Until End of Slide Select a value for the Start Time The message will remain displayed from the start time for the duration the slide displays Reading Speed Select a value for the Start Time The message will remain displayed from the start time until the automatically calculated reading speed based on the amount of text in the message object is reached Click OK ViewletBuilder5 User Manual Page 51 June 2007 rewletBinlders Object Timing To adjust a shape object s timing Right click on the shape object Select Shape Properties from the shortcut menu In the Message Properties window in the Timing area select a timing option from the drop down list o Manual Timing Select a value for the Start Time the delay in seconds before the object displays on the slide and the Duration time displayed on the slide o Until End of Slide Select a value for the Start Time The message will remain displayed from the start time for the duration the slide displays Click OK To adjust an image s timing Right click on the image Select Image Properties from the shortcut menu In the Message Properties window in the Timing area select a timing option from the drop down list o Manual Timing Select a value for the Start Time the delay in seconds before the object d
56. entral information Inthe Publish Viewlet window select Qarbon ViewletCentral Click the Modify pencil icon Inthe Qarbon ViewletCentral window edit the information as needed Click OK To publish a Viewlet to Qarbon ViewletCentral Select the Publish Viewlet button on the toolbar In the Location screen select Qarbon ViewletCentral and click Next Follow the instructions in the windows that display to complete the process for publishing your Viewlet to ViewletCentral When prompted in the last window that the Viewlet is published click Finish to close the window For more information on publishing Viewlets to a local or network folder an FTP Server or to ViewletCentral email support qarbon com ViewletBuilder5 User Manual Page 122 June 2007 ViewletBuilders ViewletCentral General Information ViewletCentral General Information Are you looking for a solution for publishing your Viewlets on the Web Why not check out Qarbon s ViewletCentral ViewletCentral is a server based application that provides centralized reporting management and deployment of your valuable Viewlets and other Flash content files Qarbon O Version 1 4 x46 Know everything about your Flash content files Top 3 Reasons to Buy 1 Real Time Stats Know Vi ew etC en Ct fa L everything about your Viewiets 2 One click Publishing Get afa your Viewlets up and running in a AAA 3 Be snap i fi o
57. es In the Automatic Save area click the check box to enable the automatic save function If using automatic saves select how many minutes each automatic save will be performed ViewletBuilder5 User Manual Page 12 June 2007 P viewletBuilders Preferences Java tab Preferences General Spelling Proxy Logging Backup Java Memory amp Specify the initial and maximum size of the memory pool available to Javain Megabytes 32 mB 254 mB VM Options amp Specify any additional VM options t Select the Java tab Inthe Memory area set a value for minimum and maximum amount of memory that ViewletBuilder5 may use Inthe VM Options area enter additional options as needed Once all the preferences are set up click OK If you have any questions setting up ViewletBuilder5 preferences please contact support qarbon com ViewletBuilder5 User Manual Page 13 June 2007 Pp ViewletBuniders Screenshot Project Screenshot Project ViewletBuilder5 has the ability to create a project from a series of screenshots of a running application Screenshot projects can be captured in various screen sizes custom standard full screen and more and using various screen resolutions There are two capture modes available Smart Capture for automatic captures and Manual Capture for full capture control Create New Project New Project Create a new Viewlet
58. es that make up the project By dragging the edge of a box you can increase decrease the duration of a slide along the Timeline Play head Click on the top of a tick mark and a play head will appear Drag this play head to manually scrub or move along the Timeline If you have any questions about working with the Timeline email support qarbon com ViewletBuilder5 User Manual Page 33 June 2007 fewletBuilders Stylesheets Tabbed View Stylesheets Tabbed View ViewletBuilder5 allows you to set properties of multiple objects using a template called a Stylesheet You can define several Stylesheets and then choose one to apply to all slides ina project or to a selection The following table lists all objects whose properties can be defined using Stylesheets Objects with Properties Definable Using Stylesheets Object Properties Slide Background Color Balloon Message Style Note Background Color Correct Message Text Properties Font Size Style Incomplete Message Alignment and Color Incorrect Message Question Text Question Choice Text Text Box Text Properties Font Size Style Alignment and Color Button Button Style ViewletBuilder5 User Manual Page 34 June 2007 VrewletBuntders j Stylesheets Tabbed View Stylesheets rar Stylesheet default vi Slide J Background Color J FFFFFF Balloon Message Style ClassicMessageStyle c P
59. est form this response may simply be a message object that informs the user they ve answered correctly Or it may be as elaborate as a combination of a message that when the user answers incorrectly a message appears telling them this and directing them to click a link to launch a quick training movie before continuing or to just continue without this option etc The choice as to how simple or complex the response will be is up to you You even have the option to remove all responses to user input as well if you desire Note Response objects will only displays as setup in the Viewlet itself To create a response message object Insert an Interactive Zone and if applicable three response text messages will appear o Green message object This will display if the user answers correctly o Lime message object This will display if the user did not complete the message o Red message object This will display if the user answers incorrectly Select a message object and edit as you would any other message object with regards to text and message type style itself Move and stack the messages as desired on the slide To edit a response object You may change a response object from a message to an image or shape or none at all In addition you may change how this response object responds in reaction to a certain user action and the duration a response displays on a slide These features are part of ViewletBuilder5 s events actions tool
60. etBuilder5 User Manual Page 47 June 2007 rewletBuilders Messages To change a message s type Right click on a message Select Message Type from the shortcut menu Inthe Message Type window make sure that you have selected your desired message style from the drop down list In the message type area click on the image of the message type desired Click OK Message Text Options While working with Message Objects Balloons Notes and Text Boxes you will apply various attributes to the text contained within each one Text options include italics underline bold font type color size alignment etc The steps for working with text in each of the message objects are basically the same for ease of use I U B Disks Me M To enter and exit text edit mode Double click inside the message object When the cursor starts blinking you are in text edit mode Click off the message object to deselect it to exit text edit mode ll IIi ll To underline bold or italicize text Highlight the text Click the Underline icon on the context sensitive toolbar or press Ctrl U to underline text Click the Bold icon on the context sensitive toolbar or press Ctrl B to bold text Click the Italics icon on the context sensitive toolbar or press Ctrl I to italicize text To change the text s font style using the context sensitive toolbar Highlight the text Select a font from the Font drop down lis
61. eyboard or select Edit gt Duplicate Slide from the menu bar Slide Properties Slide properties can be set for each slide These properties include the slide name duration and whether to include the slide in the table of contents for viewing purposes Slide Properties Slide 10 Duration seconds Display For 1 0 A v Options _ Included in Table of Contents To access slide properties Right click on a slide Select Slide Properties from the shortcut menu To edit slide properties Inthe Slide Properties window edit the o Name This is the title of the slide displayed at the top of the slide while in Thumbnail View and along the timeline o Duration The amount of time the slide displays o Options Select this option if you want it included in the Table of Contents when viewed as a Flash file ViewletBuilder5 User Manual Page 61 June 2007 VrewletBunitders Working with Slides Slide Color Slide color is applied directly to the slide and can be changed on one or multiple slides The slide color appears behind slide objects and embedded images Background Color To change slide color Select the slide or slides you want to work with Right click and select Background Color from the shortcut menu In the Background Color window select a color Click OK to apply it to the selected slide or slides ViewletBuilder5 User Manual Page 62 June 2007 ViewletBurlders Wor
62. f the project Once the project is rendered as a source file qvp cursors are one of the elements that may be easily edited to product dynamic results This section of the user manual provides an overview of working with cursors ina ViewletBuilder5 project June 2007 rewletBinlders l Working with Cursors Green circle A green circle around a cursor signifies the location of a cursor on the CURRENT slide the one you are currently viewing o To move the position of the green circle cursor a Click on the green circle to select it b Hold down your left mouse button over the green circle c Drag it to its new location on the slide Red circle A red circle indicates the ending position of the cursor as it travels to the next slide o To move the position of the red circle cursor a Recommended Go to the next slide where the red circle becomes the green circle and drag it to its new location Then switch back to the original slide to note where the new location of the red circle resides b Click on the red circle to select it c Hold down your left mouse button over the red circle d Drag it to its new location Use caution and remember to check the new position of this cursor on the next slide when using this approach Blue circle A blue circle indicates the location a cursor shape change will occur between the green circle and the red circle o To move the position of the blue circle cursor a
63. g point for authors who want to create projects using a blank template Create New Project New Project Create a new ViewletBuilderS Project gt Screenshot A Project Create a project from a series of screenshots of a running application Image E Project Create a project from a series of images gif jpa png on your system Slide Size Specify the slide size you would like to create or capture Custom Capture a custom width and height width 640 S Height 480 Slide Count Enter the number of slides you would like to create EE Blank Project Create a project containing one or more blank slides Cancel 1 To create a blank project open the Create New Project window Select File gt New from the menu options or Click the New button on the toolbar or Click the Create Project button 2 Select the Blank Project option 3 Specify a Slide Size by selecting an option from the drop down list There are two options available Custom Choose a custom width and height Standards Select a predefined standard size from the drop down list or create a new one ViewletBuilder5 User Manual Page 18 June 2007 rewletBurlders A eat Blank Project a New Standard Click the green plus symbol enter the information in the Standard Resolution window and click OK to add it to the list b Modify a Standard Select a size from the drop down list Click
64. he final Width and Height of your SWF file or Select the Scale to Fit Web Page option ViewletBuilder5 User Manual Page 113 June 2007 P ViewletBuitders Project Properties In the Options area Select additional chooses for your Flash file including o Compress Movie Recommended for smaller file size o Loop Mode Recommended for tradeshow Viewlets to play continuously o Reduce Flash Context Menus Displays abbreviated right click Flash shortcut menu options o Rapid Fading Effects on Message Fades message objects in out on slides In the Preloader area Select Display a waiting animation while the Viewlet is being loaded option is you want a Preloader animation to display while the Viewlet streams in the background If a Preloader is selected select how long the Preloader will Wait by selecting a radio button next to the desired option In the Animated Extras area To display a SWF movie before the Viewlet plays and or after the Viewlet is played click the folder icon next to the Beginning and or Ending field Locate the SWF movie Viewlet SWF files CANNOT be used select it and click Open To delete a Beginning and or Ending SWF movie file click the red X button next to the Beginning and or Ending field ViewletBuilder5 User Manual Page 114 June 2007 P Viewletburaers Wal Project Properties ViewletSkin Project Properties In the ViewletSkin section of the Project Properties window y
65. hich appears below the slide editing area by default simulates the Flash design environment Let creativity flow and productivity increase as you hide view modify and lock layers along the Timeline Using the new play head feature scrub the Timeline or follow it as you automatically play back sections of your project EJ PR MB lel a e Faye O Solutions Products United States ustomers Downloads Purchase About Thumbnails ao Timeline amp Sjiof8 Oo 0to3 8o0f 108 38s gt Q100 gt E Al Slides Ww Slide 1 he Cur To display the Timeline tab Select View from the menu bar Select Timeline from the drop down list The Timeline tab will appear below the slide editing area The Timeline contains features unique to ViewletBuilder5 that are also related to working ina common Flash design environment These include ViewletBuilder5 User Manual Page 30 June 2007 rewletBurlders Timeline Tabbed View Layers If a slide contains multiple objects when viewed along the Timeline the layers containing each of these objects will display to the left of the Timeline Timeline amp To view hide all layers while viewing the Timeline Select the Timeline tab On the left side of the Timeline click the right arrow This changes the arrow to a down arrow displaying the project layers Repe
66. il Last End Time N Sequence Times Select the objects you want to share timing commands by clicking on one holding down the Ctrl key and selecting additional objects Note Be careful when selecting multiple objects The FIRST object selected will be used when applying new timing commands for all selected objects Right click and select Timing from the shortcut menu or select Edit gt Timing from the menu bar Select a timing option from the submenu O O O O Same Start Time Selected objects use the same Start Time Same End Time Selected objects use the same End Time Same Start and End Time Selected objects get the same Start and End Time Sequence Times Selected objects are displayed in the order selected prior to choosing this timing command for the multiple objects ViewletBuilder5 User Manual Page 53 June 2007 ViewletBuilders Object Timing To adjust timing for a Display Object action I cor ZSJ rrojyecc EEE oHe be Gwe ee A l F Action Type Select the action type from the list a Display Object v 100 3 Select an object on the slide to display Q Ellipse v Duration Manual Timing v Duration 10 0 seconds Shape Events On Click On Rollover On Rollout Actions to perform when the user clicks on this shape Action O
67. ile close the browser window Then locate and double click the installation file Follow the onscreen prompts to install ViewletBuilder5 Setup ViewletBuilder5 Professional 5 0 0 Welcome to the ViewletBuilderS Professional Setup Wizard This will install ViewletBuilderS Professional on your computer It is recommended that you close all other applications before continuing Click Next to continue or Cancel to exit Setup Cancel If you run into any installation issues or have any questions about the current ViewletBuilder5 download and installation process email support garbon com ViewletBuilder5 User Manual Page 4 June 2007 rewletBinlders l License Activation and Deactivation License Activation and Deactivation In order to register ViewletBuilder5 you will need to purchase a license Purchase a license online by visiting our web site www qarbon com Look for and click the Purchase link where you will find various purchase options Or you can contact our Sales Team sales qarbon com for current pricing and purchasing information Once you purchase a license you will receive a confirmation email with your license and purchase information Keep this email for your records You will need to be connected to the Internet to register ViewletBuilder5 Once connected launch the program Select Help gt License Activation from the menu bar Follow the screen prompts to complete the license activation process Fo
68. in in the slide count To display a slide click the Show Slide open eye icon on the context sensitive toolbar For questions on working with slides please contact support qarbon com ViewletBuilder5 User Manual Page 64 June 2007 rewletBurlders Audio Audio ViewletBuilder5 allows you to add sound to your project You can import sound files or record them directly while working in ViewletBuilder5 Audio files may be attached directly to a slide or various slide objects such as balloons notes text boxes and shapes You may also export sound from projects And there is a feature that allows you to add a background sound track independent of sound attached to slides or slide objects to your project Select or record a sound j 0 KB 00 00 0 00 00 0 y To attach audio to a slide or a slide object Click on the slide or slide object to select it Click the Attach Sound icon on the context sensitive toolbar Or right click and select Attach Sound from the menu bar In the Sound window choose your desired sound option Click OK To import a sound file to attach to a slide or slide object Click on the slide or slide object to select it Click the Attach Sound icon on the context sensitive toolbar In the Sound window click the Load Sound folder icon In the Load Sound window select a sound file Note Supported sound files include MP3 AIF WAV and AU Click Open In the Sound window
69. indow Click OK to close the Events window ViewletBuilder5 User Manual Page 77 June 2007 jewletBuilders Events and Actions Overview To arrange multiple actions for a given event In the Events window select an events tab f multiple actions are listed in that tab click an action to highlight it Click the up or down arrow to move the action up or down within the action list Click OK To edit an action Inthe Events window select an events tab Select the action to edit Click the Modify pencil icon In the Action window modify the action as needed Click OK to close the Action window Click OK to close the Events window To delete an action Inthe Events window select an events tab Select the action to delete Click the Delete red X button Click OK to close the Events window For more information on working with Events and Actions in ViewletBuilder5 please email support qarbon com ViewletBuilder5 User Manual Page 78 June 2007 ViewletBunlders Buttons Buttons Buttons are a feature new to ViewletBuilder5 and may be used to increase user interactivity within your Viewlet project For example if you want to give your viewer the control to advance through your Viewlet at their own pace you can create your own series of customized buttons for them to do this Or you might provide buttons that when clicked will allow the viewer to skips ahead or to different parts of your proje
70. isplays on the slide and the Duration time displayed on the slide o Until End of Slide Select a value for the Start Time The message will remain displayed from the start time for the duration the slide displays Click OK Note To change any object s timing using the properties window right click on the object and select the appropriate properties option from the shortcut menu To adjust an object s timing along the Timeline Display the Timeline tab below the slide editing area Click on the down arrow to the left of the Timeline to display all layers Select the object layer Point your cursor over an edge of the rectangle that signifies the duration of that object along the Timeline until it changes to a double arrow Hold down your left mouse button and drag to increase or decrease the object s duration time along the Timeline ViewletBuilder5 User Manual Page 52 June 2007 ViewletBuilders Object Timing To adjust timing for multiple objects on a slide Li View Insert Project Help Undo Move Cut Copy Paste Delete Duplicate Slide Ctrl Z a x eog AA 2K KP AD x e EDk Ehab Eh Ele a E Ctrl V Delete oo are used to Select All Clear Selection Ctrl A blend text seamlessly on to Search and Replace Ctrl F Arrange Align Distribute Size Timing slides or slide objects ame Start Time a Same Start and End Time Display Unt
71. king with Slides Slide Background Image You can embed an image directly to a slide background In fact you can do this to one or multiple slides using the same image In addition images can be aligned in various ways on the slide or stretched as needed Background Image Select an Image X Layout P 4 Top Left Top Right E Right E Bottom Left Bottom Right Stretch i Cancel To add a background image to a slide or slides Select the slide or slides you want to work with Right click and select Background Image In the Background Image window click the folder icon Locate an image file select it and click Open Select a Layout option Click OK To delete a background image Right click a slide and select Background Image In the Background Image window click the red X icon Click OK Moving Slides There are various ways to move slides with in a project The easiest way to do it is while working with thumbnails ViewletBuilder5 User Manual Page 63 June 2007 fewletBurlders 6 Working with Slides To move slides using drop and drag Make sure the Thumbnails tab is displayed You can work in this view or while it is expanded in full view so that only thumbnails are displayed Select the slide or slides you want to move by clicking on them Hold down the left mouse button and drag the slide s to the new location and drop into place To move slides
72. many more options too This chapter covers some basics steps for creating hyperlinks in your Viewlet projects Message Hyperlinks While message objects themselves cannot be set up as a hyperlink a portion or all of the text inside can These types of hyperlinks are known as text links Click Here to Visit Our Web Sita Text Color Font Size v Left Align Center Align Right Align Hyperlink Hi To create a test link within a message object Highlight the text you want to use for the link Right click the text and select Hyperlink from the shortcut menu Or click the Hyperlink globe icon on the context sensitive toolbar In the Hyperlink window make sure the On Click tab is selected ViewletBuilder5 User Manual Page 81 June 2007 NEWwlEtBMldErsS Hyperlinks Click the Add green plus button In the Action window click on action from the first drop down list and select enter additional options below this after making your selection as required Click OK to close the Action window Click OK to close the Hyperlink window Note By default a text hyperlink will be blue underlined text Once a hyperlink is created you may change the link s text attributes as needed Miscellaneous Hyperlinks Hyperlink On Click On Rollover Actions to perform when the user clicks on this hyperlink Action Action Type Select the action type from the list a Display URL URL
73. mteeres 89 Question SIG OS scccos cerca cece ccc exe eens ees ct onus tamaneeenteadiessasaseeaaiessteedeeesacarsecseee sate 91 Keystroke ZOOS atts nnani E a caver R a 93 Pause 4 eoon E S a E A 95 Page LAY GU ius scersteccseuseiavetnnreetcacienedagece ickeponnens aeaa toca bases AA AANE NENNE 97 Printing Slides isikan iada eaaa r an Maan A EER Anea N raaraa FE ani aieiaa 99 Export and Import Options cca caca cnsascera asaasraeugssanerseanss teaiansereendiceacttarasacrmcami etna mmercriensenetantans 101 Project Properties ener ne ney ee ey ee ney ee eae eee eee ee ere ee ee eer ee ee eee 104 Previewing a VIG WIG sca ssencxttecstherria oid aot rsatetienie ae eee rae eee a 118 P blshing a Viewlet Career nen eee ee erent eee ere ee ee 120 ViewletCentral General Information cece ccceceeeeceeseeeeceeseeeeceseeeueeeeueaaseeeueeuueeueaaseeenea 123 ViewletCentral Self Hosted Accounts ccccccecccceeeecseceeeceeseeeeseeseeeaeeeeeeuaeeeueeuseeeusesueeusaasenenea 124 Support and SUT NG ies sccar ce caceee a tatge vac ceamacedovestaventen iatanlaneiatnetadad sucnuatan Stentnimioeeoreigmniaenianeds 125 MANING Ea er ee ee re 126 Sales and General Customer ServiCe cccccccceeceeeeceeeeceececcecececeeceeeeceececeaeeeceeeneeeaneeeeseeeeneess 127 rewletBuilders Welcome to ViewletBuilder5 Welcome to ViewletBuilder5 Qarbon welcomes you to the exciting world of Viewlet technology It s hard to believe it all started just
74. n and drag the shape to move it To resize a shape Click the shape to select it Move your cursor over one of the grab handles until the cursor changes to an arrow shape Hold down the left mouse button and drag to resize the shape ViewletBuilder5 User Manual Page 73 June 2007 P ViewletBurlders Shapes To arrange the shape in a stack ViewletBuilder5 Professional QarbonizelT qvp File Edit View Insert Project Help Ree ex bexeaweeavMb 2K gt KALIK bs 7 Ez 7 pe G sjm Shape Properties Cut Ctrl xX Copy Ctrl C Thumbnails amp Delete Delete Arrange A Foreground Align Forward Stylesheet Backward Background Tools Background Color E Opacity Timeline amp Border Color Border Width 10 of 10 11 8to 12 8 of 12 8 A105 Q 100 Events Slide 10 Create Rollover Area Y Slide 10 Attach Sound ai Po amp C OES ESMEROrT SET Slide 10 of 10 766 x 287 x1354 y 32 Memory 10 Click the shape to select it Right click and select Arrange from the shortcut menu Select one of the arrange options to move the shape to that position in the stack To delete a shape from the slide Click the shape to select it Right click and select Delete from the shortcut menu Or press the Delete key on your keyboard ViewletBuilder5 User Manual Page 74 June 2007
75. n the Standard Resolution window Click OK to apply c Delete a Standard Select a size from the drop down list and click the red X icon In the Delete Standard window click Yes Application Capture a window of a running application by selecting one from the drop down list Area Capture an area of the screen that you will define prior to capturing screenshots Window Select a window to capture Full Screen Capture the entire screen by selecting a specific screen resolution from the drop down list 4 Select a Capture Mode from the drop down list Manual Capture Capture screenshots using a predefined hotkey Smart Capture Capture screenshots automatically 5 Setup capture mode Options and click OK to apply Click the Options button located below the capture modes drop down list Inthe Capture Options window in the a Feedback tab In the During Capture area select deselect options for status window and tray icon behaviors In the Play Sound area select options for when to play sound during captures b Hotkeys tab Click a button and when it starts to blink press the desired hotkey to replace for capturing screenshots animation frames to pause or continue stop capture and cancel screenshot captures c Generation tab Make selections for Add to Slide options for On Mouse Click On Mouse Drag and On Text Entered activities during screen captures d Advanced tab Set the frame rate for capturing a
76. n your left mouse button Drag the grab handle while holding down the left mouse button to resize the image To change an image s opacity level Select an image by clicking on it Enter a value in the Opacity field on the context sensitive toolbar Press enter to apply the new opacity level To layer images or images and shapes Right click on the image Select Arrange from the shortcut menu Select an arrangement option from the fly out menu ViewletBuilder5 User Manual Page 67 June 2007 fewletBuilder5 aE Images To view and or modify image properties Right click on the image Select Image Properties from the shortcut menu In the Image Properties window view edit the Name Location amp Size and Timing as desired Click OK to close the Image Properties window To create an image event Click on the image to select it Click the Events icon on the context sensitive toolbar Inthe Image Events window select an events tab and choose the desired action Click OK to apply To delete an image Select the image Press the Delete key on your keyboard or right click and select Delete from the shortcut menu ViewletBuilder5 User Manual Page 68 June 2007 ViewletBuiders Shapes Shapes You may insert one or more shapes onto slides This chapter provides an overview of the four basic tools for creating shapes and how to edit them The Rectangle Tool The rectangle tool allows
77. ner of the slide This triangle indicates the slide will pause but this triangle will not display in the Viewlet To remove a Pause Zone from a slide Click the Insert PauseZone icon on the Object Toolbar Inthe Warning window select the Remove It option Click OK For more information on working with Pause Zones please contact support qarbon com ViewletBuilder5 User Manual Page 96 June 2007 P Viewletbunaers YO Page Layout Page Layout Once your project is completed you may want to print the slides One feature often overlooked is Page Layout In this window you may set up print options for your slides Page Layout Header Title My Viewlet Display date and time Display slide border Layout A Landscape Rows Portrait Columns 1 Options K D gt D Hidden Slides V Cursor Slide Title Cursor Path Slide Notes Page 5 of 10 Slides O Current Slide Footer From to Page Numbers All Slides i Cancel To access Page Layout Select File gt Page Layout from the menu bar The Page Layout window displays To edit options for Page Layout Access the Page Layout window In the Header area select deselect options for o Title o Date and Time o Slide Border Inthe Layout area select o Landscape orientation including the number of rows slides per page o Portrait orientation including the number of columns slides per page ViewletBuilder5 User Manual Page
78. ngs Administrator My Documents My Viewlets Join a Corporate Add a Local or Add anFIP ViewletCentral Network Folder 8 Server Local or Network folder This includes your hard drive a network drive or any other external file storage device such as a floppy disk CD jump drive etc FTP Server ViewletCentral Local or Network Folders To add a local or network folder as a publishing location Select the Publish Viewlet button on the toolbar Inthe Publish Viewlet window click the Add a Local or Network Folder button Locate the desired folder select it and click Select Folder The folder is added to the Location list To modify a local or network location Inthe Publish Viewlet window select the desired folder Click the Modify pencil icon In the Folder window edit the folder name and path as needed Click OK ViewletBuilder5 User Manual Page 120 June 2007 vewletBuilder5 Previewing a Viewlet To delete a local or network location In the Publish Viewlet window select the desired folder Click the Delete red X icon If prompted to delete the publishing location click Yes To publish a Viewlet to a local or network folder Select the Publish Viewlet button on the toolbar In the Location screen select a local or network folder and click Next Follow the instructions in the windows that display to complete the process for publishing your Viewlet to the selected l
79. nimation frames during drag and drop operations and enable disable capture of popups 6 Once the slide size and capture mode are set click OK to start the screenshot process Depending upon the slide size chosen you may be prompted to define an area of the window or a specific window to capture before starting Depending upon the capture mode you capture screenshots manually using your hotkey choice or the system will capture screenshots automatically using the smart capture mode 7 Click the ViewletBuilder5 icon in the system tray to choose options for pausing ending or changing options during a screenshot session Click Stop to end the screenshot session 8 Once you stop not cancel a screenshot session ViewletBuilder5 will render your screenshots as a series of slides ready for editing If you have any questions or if any issues arise while creating Screenshot Projects contact Support Support qarbon com for assistance ViewletBuilder5 User Manual Page 15 June 2007 P viewletbtnaers al Image Project Image Project Create a project from a series of images on your system or from an available storage device Supported image formats include jpeg gif tiff jog png and omp Images are embedded on slides as background images Create New Project New Project Create a new ViewletBuilderS Project Screenshot Slide Size eater Specify the slide size you would like to create or capture Create a proje
80. nt to reinsert the message Right click and select Paste from the shortcut menu to insert the message To arrange messages in layers Make sure the Timeline tab is displayed below the slide this will make more sense as you arrange the message objects on the slide Click on the message you want to appear at the top of the stack or at the top of the stack in the layers in the Timeline Right click and select Arrange Select an arrange position as desired The resulting position will be reflected in the stack if messages are stacked on the slide and also in the layers ViewletBuilder5 User Manual Page 49 June 2007 P ViewletBunitders Messages To align a message on a slide Select the message or messages to align Right click and select Align Select an alignment option as needed To apply a Stylesheet to a message Select the message Inthe Stylesheet tab select a Stylesheet from the drop down list Right click on the message and select Stylesheet Select Apply Stylesheet to Selection To view modify message properties such as name location amp size and timing Right click on a message Select Message Properties from the shortcut menu Inthe Message Properties window modify the properties as desired Click OK To attach sound to a message Right click on a message Select Attach Sound from the shortcut menu Inthe Sound window o Click to folder icon to browse for and s
81. o a hand shape hold down your left mouse button Continue to hold down the left mouse button and drag the button to its new location To resize a button Click a button to select it Point your cursor over a grab handle until the cursor changes to an arrow shape Hold down the left mouse button over the grab handle and drag it to resize the button To select a button style Right click on the button and select Button Style In the Button Style window select a style from the list Click OK To add an event and action s to the button Right click on the button Select Events from the shortcut menu In the Button Events window in the On Click tab click the Add icon In the Action window select an action from the drop down list Click OK to close the Action window Click OK to close the Button Events window To delete a button Select a button to delete Right click and select Delete from the shortcut menu For more information on working with Buttons contact support qarbon com ViewletBuilder5 User Manual Page 80 June 2007 ViewlerBuilders i Hyperlinks Hyperlinks A hyperlink allows a user with a single click action to perform an action such as jump to another section of the project open an email go to a web page and more In ViewletBuilder5 hyperlinks functionality has been expanded to include not only the common hyperlink functions you may have become familiar with in previous versions but with
82. o resize the text field Select the text field Mouse your cursor over one of the grab handles until the cursor changes to a double arrow shape Hold down your left mouse button and drag the grab handle to resize the text field To delete a Text Zone Select the text field Press the Delete key on your keyboard For additional Text Zone features review the Interactive Zones Common Features chapter Or email support qarbon com with any questions you may have ViewletBuilder5 User Manual Page 90 June 2007 Viewlet R MmMderT 5 Question Slide Question Slides Turn your Viewlet into a testing or survey tool by using Question Slides Question Slides are a form of an Interactive Zone and contain by default Text box for the question Choice boxes for users to select an answer Text boxes for answers Submit button the user clicks to submit the response Response message objects This chapter highlights the Question Slide providing information on this feature not already covered in a previous chapter Interactive Zones Common Features B ViewletBuilder5 Professional QarbonizelT qvp DER fie Eat wen mert Poet e DEHE be xG eRsUME k e aa a 1 aae ealt vm Thumbnails Oc OSM hOrsEt Insert Question Slide 3 of 11 766x287 Memory 7 To create a Question Slide Select the Insert Question icon on the Object Toolbar The Question elements are inserted on the
83. ocal or network folder When prompted in the last window that the Viewlet is published click Finish to close the window FTP Servers To add an FTP server as a publishing location Select Project gt Publish Viewlet from the menu bar In the Location screen click the Add an FTP Server button In the FTP Server window fill in the following information for your FTP server Name Server Directory to where you will publish your files Login Password Port by default port is 21 o Passive mode option Click OK O O O O O 0 To modify an FTP server location In the Publish Viewlet window select the desired FTP server Click the Modify pencil icon In the FTP Server window edit the information as needed Click OK To delete an FTP server location In the Publish Viewlet window select the desired FTP server Click the Delete red X icon If prompted to delete the publishing location click Yes To publish a Viewlet to an FTP server Select the Publish Viewlet button on the toolbar In the Location screen select the desired FTP server and click Next Follow the instructions in the windows that display to complete the process for publishing your Viewlet to your FTP server When prompted in the last window that the Viewlet is published click Finish to close the window ViewletBuilder5 User Manual Page 121 June 2007 jewletBuilders Previewing a Viewlet ViewletCentral To modify your ViewletC
84. ogramming errors Set the options For logging to the output window Report Display All Messages Clear Output Window Log File Set the options For outputting log records to a file E Enabled Size Limit 100 KB Clear Log File File c progra 1 garbon viewle 2 viewletBuilderS log ie i Cancel Select the Logging tab In the Output Window area select a Report option from the drop down list Click Clear Output Window this is a tabbed view that if selected as a View option displays below the slide area to clear the information in this tabbed view In the Log File area select the Enabled check box to activate this feature to create log files f enabling logging choose a file size limit and file save location path Click Clear Log File to clear old log files from your system ViewletBuilder5 User Manual Page 11 June 2007 Pf viewletbunlaers a Preferences Backup tab Preferences P General Spelling Proxy Logging Backup Java Backup Files on Save _ Enable BAK appended to extension _ Backup Files on Automatic Save Automatic Save p C Enable Automatic Save Every Minutes Select the Backup tab In the Backup Files on Save area click the check box next to the desired options f choosing to create backup files for automatic saves select the radio button next to the store options and enter a path to save these fil
85. on ViewletCentral ViewletCentral To display the Browser tab f the browser tab is not in view to the left of the slide area select View from the menu bar Select Browser from the drop down list To add a publishing target Click the Add green plus icon Select a publishing target from the drop down list 1 Local or network folder Select a folder and click Select Folder to add it to the list in the Browser tab while in ViewletBuilder5 2 Add FTP server Fill in the required information in the FTP Server window and click OK ViewletBuilder5 User Manual Page 25 June 2007 P ViewletBuitders Browser Tabbed View 3 Add Corporate ViewletCentral In the window that displays enter the requested information If you do not have this available contact your ViewletCentral Administrator Click OK To delete files or folders from the list not from the system Select the file or folder Click the Delete icon red X on the Browser toolbar A Delete confirmation will appear Click Yes To navigate through files and folders Click the desired file or folder to highlight it If the folder contains a plus symbol click it to expand the files folders beneath it f the folder contains a minus symbol click it to hide collapse the view of the files folders in it Click the yellow folder with the green up arrow on the toolbar to move back to the top of the list To refresh the list of files and fol
86. option Apply to Project or Apply to Selection from the toolbar To update a Stylesheet Make the appropriate changes to the object s and or slide as needed Click the Update Stylesheet with Selection icon on the toolbar To delete a Stylesheet Select a Stylesheet from the drop down list Click the Delete Stylesheet icon from the toolbar For any questions working with Stylesheets email support qarbon com ViewletBuilder5 User Manual Page 36 June 2007 ViewletBullders Slide Notes Tabbed View Slide Notes Tabbed View Slide Notes allows you to add presentation notations that are not part of the actual slide Or you may use Slide Notes as a collaboration tool by adding editing notes when working with a team of authors on the same project These notes may be viewed or hidden and printed as desired e PTAKO i Solutions Products Services Demos Customers Downloads Purchase About Help l ntegrate e Full SCORM compliance Seamless integration with standard LMS A Oy Extended meta data creation gt Qarbon Solutions See what this means for your company Slide Notes amp ViewletCentral is a powerful hosting and management resource For all your Viewlet projects lt gt To display the Slide Notes tab Select View from the menu bar Select Slide Notes from the drop down list The Slide Notes tab will appear below the slide editing area To
87. ou may select a wrapper that will display around your Viewlet Project Properties ViewletSkins allow you to personalize your Viewlets look and Feel S5 Viewlet Profile Blue qvskin ro Sound Quality fa Image Quality Timing amp f Viewlet Options ka Packaging gt Language Flash mm ViewletSkin ia HTML Frame Save As Default Properties To select a ViewletSkin Select Project gt Project Properties from the menu bar Select ViewletSkin from the left navigation menu Select a ViewletSkin from the drop down list Once a skin is selected you may preview it in the preview area below the drop down list ViewletBuilder5 User Manual Page 115 June 2007 ViewletBullders i J Project Properties HTML Frame Project Properties In the HTML Frame section of the Project Properties window you may choose and modify the HTML Frame that is published with your Viewlet Project Properties Select the HTML Frame that is published with your Viewlet S7 Viewlet Profile Standard qframe Mj ap a Sound Quality Files Image Quality a F VIEWLET_NAME _viewlet_swf html O Timing f Viewlet Options o Packaging gt Language F Flash lt DOCTYPE html PUBLIC W3C DTD HTML 4 01 Transitional EN gt FILE_HEADER io ViewletSkin lt html gt lt head gt a HTML Frame lt title gt VIEWLET_TITLE l
88. pe Hold down your left mouse button and drag the area to its new location To resize a click area Select the click area Move your cursor over one of the grab handles until the cursor changes to a double arrow Hold down your left mouse button and resize the area as desired To delete a Click Zone Select the click area of the Click Zone Press Delete on your keyboard For additional Click Zone features please review the Interactive Zones Common Features chapter Or email support qarbon com with any questions you may have ViewletBuilder5 User Manual Page 88 June 2007 VrewletBurlders Text Zone Text Zones Text Zones are another popular interactive features used in Viewlets by Viewlet authors These zones may be added to slides when you require the user to answer questions by inputting text responses into a field ViewletBuilder5 Professional QarbonizelT qyp See File Edit View Insert Project Help REBEX Dax Geer AAR K A PEBE e e e Modify Text Field X Correct Answers One Per Line Thumbnails mO C Case Sensitive Submit Key Enter v C wrap Text C Password Field C Car Insert TextZone lt i Slide Sof 11 766x287 Memory 7 O r BERR OTHER This chapter highlights the Text Zone providing information on this zone not already covered in a previous chapter Interactive Zones Common Features To create a Text Zone
89. play Options C Display Table of Contents Display Score Use hand cursor for OnClick events Display Player Bar C Use hand cursor for ClickZones C Display Status Bar Soundtrack Select a sound to play in the background of your Viewlet a X Save As Default Properties To set up Viewlet Options Select Project gt Project Properties from the menu bar Select Viewlet Options from the left navigation menu ViewletBuilder5 User Manual Page 109 June 2007 P ViewletBuitders Project Properties In the Login Options area Select the option to require viewers to login before viewing your Viewlet Select the password option and enter a password that you will provide to viewers in the password field In the Scoring Options area Select a Pass Fail percentage and its value in the field provided Limit the Time the viewer has to answer a question Select Allow Repeat if you will allow the viewer to play the Viewlet again if it is scored In the Display Options area Select the option to display Table of Contents when the Viewlet is viewed Select a Status Bar to be displayed as the Viewlet is playing Select the display score option if desired recommended for scored Viewlets Select the options for when the hand shape cursor is displayed for OnClick Events and ClickZones In the Sound Track area Click the folder icon to locate and select a sound file that will play in the backg
90. r XML file for future reference If an Information window displays click OK To export sounds from your project Outside of ViewletBuilder5 create a folder to save the exported sound files in Select File gt Export from the menu bar Select Sounds In the Export Sounds window select which slides to export audio from Click Export In the Save File In window select a folder to save the files in and click Save Note Exported sound files are saved using the WAV format To export slides as a PDF file Select File gt Export from the menu bar Select PDF In the Export PDF window make selections for Options and for Slides ViewletBuilder5 User Manual Page 102 June 2007 rewletBurlders Export and Import Options Click Export In the second Export PDF window select a location to save the file in Enter a name for the file and click Save To export slides as image files Select File gt Export from the menu bar Select Slides to Images In the Export Slides to Images window in the o File area Enter a Prefix used for beginning of file names select an Extension from the drop down list this will determine the type of image file that will be saved when slides are exported and if applicable select the Quality for JPG files from the drop down list o Options area Select additional options as desired o Slides area Select which slides to export as images by select the radio button next to one
91. r best results copy the license number directly from your email and paste it in the required field when registering ViewletBuilder5 There may be times you will need to move your license to a different machine To avoid any licensing abuse issues such as registering the same license too many times possibly resulting in your license being temporarily suspended you can deactivate your license To do this make sure you are connected to the Internet Launch ViewletBuilder5 and select Help gt License Deactivation from the menu bar Follow the prompts to deactivate your license ViewletBuilderS Help F1 User Guide ViewletCentral Training ViewletCreation ViewletBranding Check for Updates About ViewletBuilderS Once you done follow the steps outlined previously to register your license on another computer If you have any problems or questions regarding the license activation or deactivation process email support qarbon com ViewletBuilder5 User Manual Page 5 June 2007 P ViewletBuilders Interface Overview Interface Overview When ViewletBuilder5 is launched and no project is open the window is divided into various sections for ease of use ViewletBuilder5 Professional File Edit View Insert Project Help News Get ViewletBuilder5 Qarbon 0 r gt Memory 4 Start Page Located in the middle of the window displayed is a dynamic HTML page This page gets information from
92. round when the Viewlet is viewed If asound file is displayed in the field and you want to remove it click the red X icon ViewletBuilder5 User Manual Page 110 June 2007 jewletBuilders Project Properties Packaging Project Properties The Packaging section of the Project Properties window offers additional publishing selections for your Viewlet project Project Properties S Viewlet Profile Standalone Projector Standalone Projectors will disable reporting a Sound Quality _ Create an executable file for Windows exe r a Image Quality _ Create an executable file For Linux vvl i Timing _ Create an executable file For MacOS hqx ef Viewlet Options a Packaging Miscellaneous gt Language C Create a zip file Save As Default Properties To select additional Viewlet file Packaging options Select Project gt Project Properties from the menu bar Select Packaging from the left navigation menu In the Standalone Projector area Select options for creating standalone Viewlets that play in their own viewer according to the operating system selected Select the Play executable file fullscreen if you want the standalone Viewlet to launch fullscreen filling the entire viewing area of the user s monitor when played In the Miscellaneous area Select the Create a zip file option to create a copy of the Viewlet files contained in a zip file
93. rt Options ViewletBuilder5 Professional Untitled sl Edit View Insert Project Help New Ctrl N ea Cc Open Ctrl o rn A X ch ko a d K o K K b gt Recent Files gt Soo O e I Close gt Save Ctrl S Save As Ctrl Shift S Page Layout Ctrl Shift P Print Ctrl P Import Text For Translation Ctrl Q PDF Slides to Images T N PR G w c g lt Slide 2 of 3 500 x 400 Memory 11 Text for Translation Sounds PDF Slides to Images QuestionMark ViewletBuilder5 User Manual Page 101 June 2007 fewletBuilder5 Export and Import Options Import Options ViewletBuilder5 Professional Untitled sly Edit view Insert Project Help New Ctrl N 3 fel amp Open Ctrl o A X k Uae Recent Files gt 3 isa Close LJ re el 4 Save Ctrl S Save As Ctrl Shift S Page Layout Ctrl Shift P Print Ctrl P Import Import Slides Export Text for Translation Exit Ctrl Q Capture Session Slide 2 of 3 500 x 400 Memory 12 Import Slides Text for Translation To export the project s text for translation or other copywriting purposes Select File gt Export from the menu bar Select Text for Translation In the Export Text window select a location to save the file Note The file will be saved as an XML file Enter a name for the file and click Save Note Remember where you saved you
94. s Click on the zone area for the Interactive Zone Click the Events icon on the context sensitive toolbar In the Slide Events tab click the appropriate tab For example to change the response that will display when the user answers correctly select the On Correct tab In the Slide Events window select the action to modify and click the Modify pencil icon In the Action window edit as desired and click OK Inthe Slide Events window select another tab and repeat this process as desired for each of the response objects When complete click OK to close the Slide Events window To quickly delete a response object Click the response object Press Delete on your keyboard Scoring Options Several of the Interactive Zones offer you the option of scoring user input When available these scoring options include points attempts and time to complete an answer ViewletBuilder5 User Manual Page 85 June 2007 fewletBuilders A a Interactive Zones Common Features iis To set up scoring options for an Interactive Zone Points E Total points for the question mg Attempts amp Total number of attempts to answer question ai vv Time eS C Enable a time limit for the question Hours Minutes Seconds Le CA CH Click on the zone s input or zone field Click the Scoring icon on the context sensitive toolbar In the Score window three scoring options are available To set o Points
95. s bes ViewletCentral Self Hosted Accounts ViewletCentral Self Hosted Accounts Self hosted ViewletCentral accounts allow users to perform account and project management activities easily and efficiently from one single location In order to access this option it is necessary to purchase the ViewletCentral Self Hosted software to run on your client server If you are interested in learning more about Self Hosted ViewletCentral please contact our sales group Sales qarbon com or support support qarbon com ViewletBuilder5 User Manual Page 124 June 2007 rewletBurlders Support and Self Help Support and Self Help Qarbon offers a variety of support plans designed to fit your specific needs Choose from Standard Premium or Elite support plans Standard Support is offered to all customers at no charge For more information on the Premium and Elite support plans please visit our site at www qarbon com help support_plans php Qarbon also offers user online self help resources in the form of Viewlet tutorials user manuals and FAQs For access to these self help aids please visit our site at www qarbon com help You may also contact support qarbon com with any support questions you may have ViewletBuilder5 User Manual Page 125 June 2007 ViewletBurlders Y Training Training Take advantage of all the features in ViewletBuilder5 by signing up for Qarbon s training classes Learn how to get the
96. sheets 1 Output v Timeline v Slide Notes To view a list of available tabbed views Select View from the menu bar Select a tabbed view to display If a view selection is already checked in the menu select it to remove the checkmark to hide it Each tabbed view has buttons to expand or minimize maximize the tab s Select the Expand button on the tab to see the tab in full view Select the Minimize button on the tab to minimize all active tabs Select the Maximize button on the tab to maximize all active tabs ViewletBuilder5 User Manual Page 23 June 2007 ViewletBuilders Tabbed Views Brief Introduction View of minimized tabs aq B g Qarbon Ko A eall ELEDA a oy x 3 ViewletBuilder5 User Manual Page 24 June 2007 rewletBurlders aah Browser Tabbed View Browser Tabbed View This tabbed view allows you to easily organize access and manage the resources that are available to you while you author your Viewlets You can add publishing targets delete files or folders and view a listing of your Viewlets published locally or on ViewletCentral as well as view statistics on them All of this is accomplished without exiting from ViewletBuilder5 Browser X m i 5 0mm H A Qarbon viewletCentral W py Desktop w Library es Fa My Viewlets i Name Description g Desktop Folder Fa Library Folder ey My Viewlets Folder Qarb
97. t To change text color using the context sensitive toolbar Highlight the text Click the Text Color icon Select a color from the palette Click OK To align text in a message object Click anywhere in a line of text Note You do NOT have to highlight text to change its alignment Click the Left Align Center Align or Right Align button ViewletBuilder5 User Manual Page 48 June 2007 Pee ViewletBurders am Messages Message Object Options Available on the Right Click Menu Balloons Notes and Text Boxes are the three Message objects available in ViewletBuilder5 While working with them you will find that many of their features are similar text input and editing background color moving resizing etc There are additional features while working with Messages available quickly via the right click menu Note These same options may also be available on the object s context sensitive toolbar m Ctrl x blend text seam akc slides or slid Italic Ctrl I Underline Bold Font Text Color Font Size Left Align Center Align Right Align To enter text edit mode Right click on a message object Select Edit Message As soon as the cursor starts blinking inside the message object you are ready to edit text To move a message from one slide to another Select the message by clicking on it Right click and select Cut from the shortcut menu Go to the slide where you wa
98. t title gt lt meta name Keywords content VIEWLET_KEYWORDS gt lt meta name Description content VIEWLET_DESCRIPTION gt VIEWLET_HEAD_TAG lt head gt lt body bgcolor FFFFFF VIEWLET_BODY_ATTRIBUTE gt lt center gt VIEWLET_BODY_TAG lt center gt lt body gt lt html gt v Save As Default Properties To select HTML Frame options Select Project gt Project Properties from the menu bar Select HTML Frame from the left navigation menu To select the frame that is published with your project n the HTML Frame section of the Project Properties window select a default frame from the drop down list The frame will be added to the Files field area below the list ViewletBuilder5 User Manual Page 116 June 2007 P ViewletBunitders Project Properties To add a custom frame Inthe HTML Frame section of the Project Properties window click the Add green plus icon Inthe HTML Frame Properties window enter a Name for the new frame Click OK Double click inside the coding field area In the Resource Properties window that displays edit as needed Click OK To edit or delete an HTML frame Select an HTML Frame from the drop down list To modify an HTML Frame o Click the Modify pencil icon o Inthe HTML Frame Properties window edit the Name and click OK o Double click in the coding field o Inthe Resourc
99. t the user needs to press in order to answer correct will display along with three response message objects To define the keystroke Right click on the keystroke object and select Define Keystroke from the shortcut menu Inthe Define Keystroke window follow the instructions for defining a new keystroke or keystroke combination Click OK to apply For more information on applying other Keystroke Zone features review the Interactive Zones Common Features chapter Or email support qarbon com ViewletBuilder5 User Manual Page 94 June 2007 Pe ViewletBuilder5 A Pause Zone Pause Zone The Pause Zone is used to pause the Viewlet on a particular slide These zones are easy to use on slide and are most commonly used on slides that contain hyperlinks or buttons that allow the user to click when they decide to continue to play the Viewlet ViewletBuilder5 Professional Untitled File Edit View Insert Project Help ReBWde k be x a eeisMh amelen e7 wi Thumbnails amp Want to change your life Sak Or ED what 4re Your Waiting For Click Here Now Insert PauseZone 9 0 TE Slide 1 of 3 500 x 400 Memory 10 ViewletBuilder5 User Manual Page 95 June 2007 fewletBuilders re Pause Zone To insert a Pause Zone on a slide Click the Insert PauseZone icon on the Object Toolbar A red triangle will be inserted in the bottom right cor
100. te Packagin ty ging 200 4 words per minute gt Language F Flash Cursor Speed Select the speed of the cursor to control the tempo of your Viewlet Medium Introductory Delay Add an introductory delay before Balloons and Notes are added to a slide 1 0 seconds Save As Default Properties To set up Timing options Select Project gt Project Properties from the menu bar Select Timing from the left navigation menu In the Minimum Slide Duration area Enter a value for the minimum number of seconds a slide will be displayed ViewletBuilder5 User Manual Page 108 June 2007 jewletBuilders Project Properties In the Reading Speed area Enter a default reading speed words per minute for your project In the Cursor Speed area Select a default cursor speed from the drop down list In the Introductory Delay area Enter a default delay in seconds before a message object is displayed Viewlet Options Project Properties In the Viewlet Options section of the Project Properties window you may set up additional miscellaneous features for your published Viewlet Project Properties S7 viewlet Profile Hae hth IES F Require Viewers to Login K Sound Quality fa Image Quality Timing Pass Fail af Viewlet Options O j i os _ Time Limit ky Packaging C viewlet Password Scoring Options gt Language Dis
101. text sensitive toolbar A red point will appear along the cursor path ready for editing To edit a point along a cursor path Click the desired point on the cursor path Drag it to a new location To delete a point along a cursor path Click the desired point on the cursor path Press Delete on your keyboard or right click and select Delete from the shortcut menu ViewletBuilder5 User Manual Page 40 June 2007 fewletBuilder5 Working with Cursors Cursor Style ViewletBuilder5 comes with a library of the most common cursor styles Cursor styles are also called cursor shapes in previous ViewletBuilder versions Captured during screenshot sessions additional cursor styles are added to the library of cursor style objects as your create new projects Cursor styles once captured may be changed in a project as desired Cursor Style Select a style For the Cursor x are Select lcr Bound Icr Busy Icr l x ty Captured Icr Captured2 Icr Captured3 Icr alls a CrossHair lcr CrossHair2 cr DiagonalResizel lcr 4 To add cursors to a project Cursors are automatically captured during screenshot sessions To add cursors to slides that do not have cursors or to Image or Blank projects click on the slide where you want to add a cursor Click the Insert Cursor arrow icon on the Object Toolbar A new cursor will appear on the slide To change the shape of the cursor Select the cursor yo
102. the free form shape is complete ViewletBuilder5 User Manual Page 71 June 2007 Pe ViewletBuiders WOA Shapes The Poly Lasso Tool The poly lasso tool allows you to create polygonal shapes ViewletBuilder5 Professional QarbonizelT qyp File Edit View Insert Project Help LeaaeK Oaxens AA Pk Ol i Insert Shape Tool Thumbnails ae Timeline amp 10 of 10 11 8to 12 8 of 12 8 fH 1 05 k 100 gt All Slides Slide 10 W Slide 10 Pol Slide 10 of 10 766 x 287 Memory 10 To create a polygonal shape Click the Insert Shape icon on the Object Toolbar Click the Poly Lasso Tool on the context sensitive toolbar Move the cursor over the slide until the cursor changes to a lasso shape Click on the slide to insert the first anchor point Drag the cursor to form the first leg of the polygon Click again to insert the next anchor point Drag the cursor again to form the next leg of the polygon Continue repeating these steps until the polygon shape is formed ViewletBuilder5 User Manual Page 72 June 2007 rewletBuilders ms Shapes Miscellaneous Shape Tool Features Once shapes are created you may move resize recolor and arrange them to create custom effects To move a shape on a slide Click the shape to select it Move your cursor over the shape until the cursor becomes a hand shape Hold down the left mouse butto
103. the project by clicking the green plus icon In the Select Images Files window locate and select one or more image files and click Open 5 A list of image files will display To work with the image list before creating the new project Click the Filename column header to sort the files by name in ascending descending order Select the Stretch check box option to have the image stretched to fill the entire slide background Select a file and click either the up or down arrow to the right of the list to move the file up or down in the list To add more files to the list click the green plus icon To remove a file from the list not from the computer click the red X icon To preview an image select it in the list and view the preview panel To rotate an image select it and click one of the curved arrows below the preview pane to rotate the image as desired This rotation orientation will be the position used when the image is embedded as a slide background To view the size and dimensions of an image select it in the list and view the information before the preview pane 6 Click OK and the images will be embedded as slide backgrounds ready for editing If you have any questions regarding image projects email support qarbon com ViewletBuilder5 User Manual Page 17 June 2007 PP viewletBintders al Blank Project Blank Project Create a project containing one or more blank slides This option is a great startin
104. the server displays that information in this area and changes it dynamically This page is customizable Menu Bar This is the toolbar that sits right below the blue title bar and contains menu titles that reveal additional options The menu bar offers access to File Edit View Insert Project and Help operations Button Command Toolbar Below the menu bar is static button toolbar with a series of button icons These buttons offer quick one click access to the most common features in the program In many cases these buttons provide quicker access to tools found on the menu bar ViewletBuilder5 User Manual Page 6 June 2007 rewletBuilders l Interface Overview Context Sensitive Toolbar Displays with open projects This is a sub button toolbar sits below the static button toolbar and contains icons to access the features related to the current task For example when editing a slide the context sensitive toolbar will load buttons for that particular editing task If you switch to working with messages this toolbar will dynamically change accordingly Tabbed Views An additional feature new to ViewletBuilder5 is tabbed views which will display if selected when a project is open These include options for working with different views Depending upon the selection the tabbed view will display to the left of the slide editing area or below it Tabbed views include Browser Thumbnails Stylesheets Output Timeline and Slide
105. u require viewers to log into the Viewlet you can change the text displayed in the login panel in the fields provided ViewletBuilder5 User Manual Page 112 June 2007 Pp ViewletBuriders Project Properties Table of Contents Panel If you choose to display a Table of Contents with the Viewlet you may edit this panel s text in the fields provided Results Panel If your Viewlet is scored you may modify the text that displays in the results panel in the fields provided Flash Project Properties In the Flash section of the Project Properties window you may set up your default Flash settings for your Viewlet Project Properties Size 100 0 Width 748 Height 403 _ Scale To Fit Web Page Ra Image Quality Options S Viewlet Profile a Sound Quality i Timing C Compress Movie _ Reduce Flash Context Menus Loop Mode Rapid Fading Effects on Messages ef Viewlet Options L Loop C Rap g ag wy Packaging Preloader gt Language _ Display a waiting animation while the Viewlet is being loaded P Flash a jo ViewletSkin a EE ia HTML Frame Animated Extras Attach Flash SWF movies to the beginning or the end of the Viewlet Beginning B X Ending ia X Save As Default Properties To set up Flash defaults Select Project gt Project Properties from the menu bar Select Flash from the left navigation menu In the Size area Enter a value for t
106. u want to change Right click it and select Cursor Style from the shortcut menu In the Cursor Style window click the new cursor style you desire Click OK To add a new cursor style to the library Capture a slide during a screenshot session with the desired cursor Or if an existing project has the desired cursor import it into your current project temporarily In slide editing view select the cursor you want to add to the library Right click the cursor to open the Cursor Style window The new cursor style is added automatically Click OK to close the window ViewletBuilder5 User Manual Page 41 June 2007 ViewletBunlders Working with Cursors To delete a cursor from a slide Select the cursor you want to delete Press the Delete key on your keyboard or click the arrow icon on the Objects Toolbar If you have any questions on working with cursors such as removing cursors from the library or repairing stray cursor movement please contact support qarbon com ViewletBuilder5 User Manual Page 42 June 2007 ViewletBuilders Messages Messages ViewletBuilder5 allows you to add impact to your project with Messages These Messages come in the form of Balloons Notes and Text Boxes Let s take a look at each of these Balloons This type of message is used to point at a specific part of a slide It may provide text information in it Balloons are useful when you need to related important information
107. using cut and paste Make sure the Thumbnails tab is displayed Select the slide you want to move Right click on it and select Cut Click on the slide where you want to insert the cut slide next to Right click and select Paste Deleting Slides You can remove slides from a project while in slide edit view or while working with thumbnails The choice is up to you However if you are deleting multiple slides at the same time you will need to do this while working with thumbnails To delete a single slide Select the thumbnail or click on it while in slide edit view so that it is the current slide Right click and select Delete from the shortcut menu To delete multiple slides Select the slides you want to delete while viewing thumbnails Select Edit gt Delete from the menu bar or press Delete on your keyboard When the Delete window appears click Yes The Hidden Slide ViewletBuilder5 offers you the option of hiding a slide instead of deleting it This feature is handy because instead of deleting the slide it will hide it so that it will not display while previewing or publishing the project but can later be unhidden when needed Gis To hide or unhide a slide Click on the slide while in slide edit view or slides in thumbnail view Click the Hide Slide icon on the context sensitive toolbar closed eye to hide the slide Note Hidden slides will not display when previewing project however they will rema
108. with a simple yet profound idea anyone should be able to create compelling multimedia presentations with ease Thus the Viewlet concept was born People are natural visual learners so a quick animated Viewlet gets the point across much more effectively than words on a page And with over 3 million presentations launched every month Viewlets have become one of the most popular ways of sharing information providing support presenting products and training new employees ViewletBuilder the authoring tool used to create Viewlets allows anyone regardless of technical or creative ability to make compelling animated online presentations with ease Due to its versatility intuitive user interface and incredibly quick creation time ViewletBuilder is now a standard content creation tool in corporations governmental institutions and academic organizations around the world This ViewletBuilder5 User Manual is designed to introduce you to the world of Viewlet authoring It will provide you with a general overview of the ViewletBuilder5 s most important features you will need to know to start creating your own Viewlets Let s get started ViewletBuilder5 User Manual Page 1 June 2007 fewletBuilder5 bes New Features New Features ViewletBuilderS5 comes with many new enhancements making the program even more versatile the output more compelling and the creation process smoother This combined with more design control functionalit
109. xt Box To delete a Text Box Click the Text Box to select it Press the Delete key or right click and select Delete from the shortcut menu ViewletBuilder5 User Manual Page 46 June 2007 PmMViewlersuiiders D Messages To resize a Text Box Click the Text Box to select it Point your cursor over a grab handle When the cursor changes to an arrow hold down the left mouse button and drag to resize the Text Box To change the background color of the Text Box Click the Text Box to select it Right click and select Background Color from the shortcut menu Select a color and click OK To add edit text in a Text Box Double click on the Text Box When the cursor starts blinking you are in text edit mode Input edit text Click outside of the Text Box to exit text edit mode Message Styles and Types ViewletBuilder5 allows you to change message object styles and types quickly and easily So for instance if you start with a Balloon you can change it to a different Balloon type or even toa Note with just a few clicks Message Type Select the message style Classic Message Style Classic Message Style Bubbles Message Style Curvy Message Style Simple Message Style Standard Message Style To change a message s style Right click on a message Select Message Type from the shortcut menu Inthe Message Type window select a new message style from the drop down list Click OK Viewl
110. y for cursors objects and other Viewlet elements makes ViewletBuilderS more powerful then ever The list is just too long to list in this manual Please visit our web site www qarbon com for more information on ViewletBuilder5 s newest features ViewletBuilder5 User Manual Page 2 June 2007 fewletBuilder5 System Requirements System Requirements System requirements for using ViewletBuilder5 will depend upon several factors including your operating system If you have any questions about what your system needs to efficiently run ViewletBuilder5 to achieve the best possible results please visit our web site www qarbon com and look for the specific ViewletBuilder5 products page On this page you will find a Technical Specs link with more information If you still have questions please send us an email support qarbon com ViewletBuilder5 User Manual Page 3 June 2007 PmMViewlersuiiders gt Download and Installation Download and Installation The download and installation process for ViewletBuilder5 is straightforward but the location and process for it may vary overtime For the fastest results go to our home page www garbon com and look for and click the Download s link On the download page click the link for the product you want to download and follow the instructions on the preceding pages to download the installation file Remember the name and location of the installation file After downloading the f

Download Pdf Manuals

Related Search

Related Contents

8 - Grundfos  Guía del usuario de Zip Manager  Instrucciones de montaje  PC-HDD/LG  Ultra EFIS  PLATINUM™5 OXYGEN CONCENTRATORS  Whirlpool EH270FXK User's Manual  VGA EXTENDER  DIAG54AAX  Berühren Sie keinesfalls  

Copyright © All rights reserved. Failed to retrieve file