Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SLA Captivate


Published on

How to create screencasts using Adobe Captivate

Published in: Technology, Art & Photos
  • Be the first to comment

SLA Captivate

  1. 1. Create your Screencast in a Flash Adobe Captivate Edward Metz Systems Librarian USACGSC Fort Leavenworth KS [email_address]
  2. 2. What is Adobe Captivate? <ul><li>A tool for creating screencasts or “movies” on your computer with a narrator explaining what is happening as the action unfolds. </li></ul><ul><li>Uses: e-learning, tech training, simple how-to presentations </li></ul>
  3. 3. Overview <ul><li>Record your interaction with a computer application such as a database in a web browser. </li></ul><ul><li>Insert additional screens as necessary with images or graphics </li></ul><ul><li>Add captions, call-outs, audio and other effects as needed </li></ul><ul><li>Run the result as a seamless “video” </li></ul>
  4. 4. Show me – Demo type video <ul><li>CARL Tutorials </li></ul><ul><ul><li> </li></ul></ul><ul><li>Show times </li></ul><ul><ul><li> </li></ul></ul>
  5. 5. Show me – Interactive type video <ul><li>Interactive </li></ul><ul><ul><li>How to use Refworks </li></ul></ul>
  6. 6. Adobe Captivate Features <ul><li>You can integrate sound, video clips and visual effects </li></ul><ul><li>Easily insert PPT slides and images </li></ul><ul><li>Record all the screen motions including mouse movements and clicks </li></ul><ul><li>Add audio commentary </li></ul><ul><li>Easy to update </li></ul>
  7. 7. Adobe Captivate Features <ul><li>Output options include MS word handouts, Shockwave file (.swf) with HTML </li></ul><ul><li>Start, stop and pause controls on the “skin” </li></ul><ul><li>Can create interactive options, rollovers, buttons and even quizzes. </li></ul>
  8. 8. Adobe Captivate - Challenges <ul><li>Costs about $699 </li></ul><ul><li>Need a Windows PC with min. 1GB Ram, 1GHz Processor </li></ul><ul><li>Users need to have a web browser with Flash Player installed </li></ul><ul><li>Learning curve </li></ul><ul><ul><li>Not difficult and fairly intuitive but do need to learn something new. </li></ul></ul><ul><ul><li>Interactive screencasts require more planning and familiarity with advanced features </li></ul></ul><ul><ul><li>Does require some time to plan, record, edit and publish, upload to web </li></ul></ul>
  9. 9. Preplanning Considerations <ul><li>Keep it short. Bandwidth. </li></ul><ul><li>Screen size not to exceed 800x600 px </li></ul><ul><li>Avoid capturing browser bars and toolbars in your screen. </li></ul><ul><li>Prior to recording screenshots close your Outlook or other email programs.. (pesky email alerts). </li></ul><ul><li>Inserting images? Make them web-ready first. </li></ul><ul><li>Think ahead to future updates. Keep your files together. </li></ul>
  10. 10. The Process – what topic <ul><li>Topic idea. (Ask yourself exactly what info you want to impart). </li></ul><ul><ul><li>Show how to use a tool or just a particular feature? </li></ul></ul><ul><ul><li>Who’s your audience? How tech savvy are they? </li></ul></ul><ul><ul><li>Just demonstrate or do you want some interaction? Both? </li></ul></ul><ul><ul><li>Better to make several small screencasts than produce one long magnum opus. </li></ul></ul>
  11. 11. The Process – Click path <ul><li>Rehearse the click path several times </li></ul><ul><ul><li>Sketch out the flow on paper. Strongly recommended if you plan on making it interactive or lengthy. </li></ul></ul><ul><ul><li>Makes you think about how you’re going to impart the desired info. </li></ul></ul>
  12. 12. The Process – Screen recording <ul><ul><li>Select “record or create a new project” </li></ul></ul><ul><ul><li>At next screen select “custom size” option </li></ul></ul><ul><ul><ul><li>Select the dropdown arrow to choose which application screen to record. (e.g. your browser window) </li></ul></ul></ul><ul><ul><ul><li>Set the screen size to 800x600 px. Hit the snap to fit button. Then adjust the red box to omit browser bar. </li></ul></ul></ul><ul><ul><ul><li>Choose the options tab to review recording option defaults </li></ul></ul></ul><ul><ul><ul><ul><li>Go with Full motion recording </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Choose whether to retain mouse and keyword click audio </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Other Audio settings </li></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Encoding Bitrate – FM quality 64 kbps </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Encoding frequency – select 44 KHz </li></ul></ul></ul></ul></ul><ul><ul><li>Select record and begin the screen captures along your planned click path. </li></ul></ul>
  13. 13. The Process – Screen recording Click here
  14. 14. The Process – Screen recording
  15. 15. The Process – Screen recording Set screen Capture size Select application to record
  16. 16. The Process – Screen recording Red screen capture box 1. Fit to size 2. Select options button
  17. 17. The Process – Screen recording
  18. 18. The Process – Screen recording
  19. 19. The Process – Screen recording
  20. 20. The Process – Screen recording <ul><li>Recording tips </li></ul><ul><ul><li>Be economical in your clicks and mouse movements </li></ul></ul><ul><ul><li>Be wary of scrolling in your screen captures. Adds considerably to file size. </li></ul></ul>
  21. 21. The Process – Screen Editing <ul><li>Edit each screen. (Add bullets, highlighting, images, captions). Adjust the timeline as needed. </li></ul><ul><li>Insert additional screens such as an introduction screen and a closing screen. You can import a PPT slide or a Captivate question slide. </li></ul><ul><li>Let’s look at some examples of text captions, highlight boxes and insert a PPT slide. </li></ul>
  22. 22. The Process – Screen Editing
  23. 23. The Process – Screen Editing <ul><li>Text Captions, highlight box and other insert options </li></ul>
  24. 24. The Process – Screen Editing Edit a text caption Edit a highlight box
  25. 25. The Process – Screen Editing Timeline
  26. 26. The Process – Audio recording <ul><li>Prepare a script for each slide as needed. Add it to the audio recording notes screen. Have the recorder read thru all the audio content prior to recording. </li></ul><ul><li>Practice recording a short audio clip. </li></ul><ul><li>Record the audio. </li></ul><ul><li>Edit audio as needed and finalize your screen timings </li></ul>
  27. 27. The Process – Audio recording <ul><li>Find someone with the “right” voice for recording. </li></ul><ul><li>Pause an instant at beginning of each audio segment before speaking to avoid cutting off first words. </li></ul><ul><li>Leave a second or two of silence at end of each audio segment. </li></ul><ul><li>Oh yeah…and the microphone. Just a simple $20 off-the-shelf audio microphone is adequate. </li></ul><ul><li>Microphone placement </li></ul>Tips
  28. 28. The Process – Audio recording
  29. 29. The Process – Audio recording
  30. 30. The Process – ADA Compliance <ul><li>Closed captions – hearing impaired </li></ul>
  31. 31. The Process – ADA Compliance <ul><li>Accessibility - Screen readers </li></ul>
  32. 32. The Process – ADA Compliance
  33. 33. The Process – ADA Compliance <ul><li>Note: this is only available if you check the 508 compliance box in Project Preferences </li></ul>
  34. 34. The Process – ADA Compliance <ul><li>508 compliance for navigation </li></ul>
  35. 35. The Process – Verify Project Settings (Captivate 2.0) <ul><li>Select Project – Preferences : </li></ul><ul><ul><li>Start and End tab </li></ul></ul><ul><ul><ul><li>Fade in on first slide </li></ul></ul></ul><ul><ul><ul><li>Project end options – Action - Select Open URL or file. Enter the url you’d like to open at conclusion of screencast </li></ul></ul></ul><ul><ul><ul><li>Fade out on last slide </li></ul></ul></ul><ul><li>Preferences Tab </li></ul><ul><ul><li>Accept defaults – ensure 508 compliance box is checked </li></ul></ul><ul><li>Add playback control skin to your project. Select Project – Skin </li></ul><ul><ul><li>Modify the default settings as desired (color scheme, border, buttons etc) </li></ul></ul>Note: with Adobe Captivate 3.0 select Edit – Preferences – Project Settings
  36. 36. The Process – Verify Project Settings (Captivate 2.0) <ul><li>Preferences </li></ul>
  37. 37. The Process Adobe Captivate 3.0 Project settings
  38. 38. The Process – Project Skin <ul><li>Skin settings </li></ul>Note: with Adobe Captivate 3.0 the Skins menu is still found under Project - Skin
  39. 39. The Process – Review and Publish <ul><li>Ask another colleague to review </li></ul><ul><li>Publish and export HTML. </li></ul><ul><li>Export HTML – Creates an HTM file with the same name as the Captivate project. (.htm, .js and .swf file all should go inside same directory). </li></ul><ul><ul><li>To run the movie, create a link to the HTM. </li></ul></ul><ul><ul><li>You can add further branding to the html file if desired </li></ul></ul>
  40. 40. Publishing screenshot <ul><li>Publishing screen </li></ul>
  41. 41. Let’s do a quick one <ul><li>Search CARL’s Historic Military Documents Collection </li></ul><ul><ul><li>Topic: Civil Affairs </li></ul></ul>
  42. 42. Review <ul><li>Topic idea </li></ul><ul><li>Rehearse the click path several times </li></ul><ul><li>Record – review recording settings </li></ul><ul><li>Edit - Add bullets, highlighting, images, captions, intro screen as needed. Tentatively verify the timing for each screen capture. </li></ul><ul><li>Record audio – prepare script in advance </li></ul><ul><li>Improve accessibility – ADA compliant </li></ul><ul><li>Check your Project settings – eg Start and End slide settings, Project Skin </li></ul><ul><li>Publish – create SWF and export HTML for posting on web </li></ul>
  43. 43. Get inventive and have fun <ul><li>Infotainment </li></ul><ul><ul><li>CARL Digital Library </li></ul></ul><ul><ul><li> </li></ul></ul>