SLA Captivate


Published on

How to create screencasts using Adobe Captivate

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

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

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>