This presentation was delivered at the ASTD Twin Cities Regional Conference. It was a pre-conference hands-on session covering Adobe Captivate 6.

1. FAST TRACK TO ADOBE
CAPTIVATE
Dustin Tauer .::. Easel Solution
@dtauer :: @easelsolutions :: #astdtcc2012

2. Dustin Tauer
Developer (11 years)
Instructor (7 years)
Web :: Mobile ::
eLearning
@dtauer :: @easelsolutions :: #astdtcc2012

3. Easel Solutions
 Training
• Design, Web, Mobile, e
Learning, Strategy, Soc
ial, etc.
 Customized Training
 Consulting
 Adobe Connect
We like finding solutions
@dtauer :: @easelsolutions :: #astdtcc2012

4. Let’s meet all of you
Who are you, what you do, etc.
@dtauer :: @easelsolutions :: #astdtcc2012

5. The Plan
4 hours of Captivate goodness
Break about 10:00am
@dtauer :: @easelsolutions :: #astdtcc2012

6. Adobe Captivate
Helps you rapidly author a wide range of
interactive eLearning and HTML5-based
mLearning content.
@dtauer :: @easelsolutions :: #astdtcc2012

7. A few quick features
 Record your screen  Themes
• Demonstrations,  Special Effects
Simulations, and • Reflections, Styles, etc
Assessments  Quizzing
 Import PowerPoint  SCORM and AICC
Slides Compliant
 Interactions  Multi-format
• Roll-overs, zooming, publishing
charts, widgets, etc.
 Mobile-friendly*
 Seamless branching
workflows www.adobe.com/captiva
 Easily add audio and te
video
@dtauer :: @easelsolutions :: #astdtcc2012

8. So, you’re making eLearning,
huh?
Here are a few questions to ask when
starting a Captivate project.
@dtauer :: @easelsolutions :: #astdtcc2012

9. Question 1
What type of eLearning course do you
want?
@dtauer :: @easelsolutions :: #astdtcc2012

10. Type of course
 Video Demonstration
• Record your screen, publish a video, no
interaction
 Interactive Demonstration/Simulation
• Screen recording, but with interactivity
• “Slides” between sections of screen recording
 Scenario-based Training
• Teaching soft-skills with lots of branching
@dtauer :: @easelsolutions :: #astdtcc2012

11. Question 2
Who is your target audience?
@dtauer :: @easelsolutions :: #astdtcc2012

12. Audience
 Platforms
• Web, mobile, desktop
 Design Considerations
• Recording Dimensions (i.e. 800x600)
• Size of UI controls (bigger buttons for mobile)
• Themes
 Accessibility Requirements
• Audio, Text-to-voice, Captions, etc.
@dtauer :: @easelsolutions :: #astdtcc2012

13. Question 3
What are you publishing and where are you
putting it?
@dtauer :: @easelsolutions :: #astdtcc2012

14. Publishing
 Publish to the web
• Flash (SWF): Consistent, easy, but not mobile friendly
• HTML5: Works on devices, but has
limitations/inconsistencies
• Video (MP4): Plays everyone, consistent, but not
interactive
 Publish to LMS (similar to the web)
• SCORM or AICC
• Check LMS for supported formats
 Publish to the Desktop
• Offline
• Good for “reference courses” but not good for tracking
@dtauer :: @easelsolutions :: #astdtcc2012

15. “Just build it in HTML5”
( Sigh )
@dtauer :: @easelsolutions :: #astdtcc2012

16. HTML5 does not equal Mobile
HTML5 is a set of features added to HTML
that give websites additional functionality.
@dtauer :: @easelsolutions :: #astdtcc2012

17. HTML5 does not equal Mobile
HTML5 is a work in progress. The
“specification” will be done in 2014.
@dtauer :: @easelsolutions :: #astdtcc2012

18. HTML5 does not equal Mobile
Mobile browser evolved faster than desktop
browser and support more HTML5 features.
It’s very much a work in progress.
@dtauer :: @easelsolutions :: #astdtcc2012

19. Mobile is hard
Coming up with an mLearning strategy is
tricky, so…
@dtauer :: @easelsolutions :: #astdtcc2012

20. Shameless Self-Promotion
Tomorrow:
eLearning Strategies for Mobile
Devices
10:35am – 11:50am
@dtauer :: @easelsolutions :: #astdtcc2012

21. Best Stategy?
Test Test Test Test Test Test Test Test Test
Test Test Test Test Test Test Test Test Test
Test Test Test Test Test Test Test Test Test
@dtauer :: @easelsolutions :: #astdtcc2012

22. Ready?
@dtauer :: @easelsolutions :: #astdtcc2012

23. Task 1: Video Demo
Record the screen
Edit the video
Add some UI elements
Publish
@dtauer :: @easelsolutions :: #astdtcc2012

24. Video Demo
 Perfect Screen Capture
• Great for capturing animation and roll-overs
 Add simple UI elements
• Captions, highlights, panning, zooming, etc.
 Can only publish a video
• Not interactive
@dtauer :: @easelsolutions :: #astdtcc2012

25. Task 1: Video Demo
Record the screen
Edit the video
Add some UI elements
Publish
@dtauer :: @easelsolutions :: #astdtcc2012

26. Task 2: Simulations
Record the screen
Add additional slides
Add Interactivity
Publish
@dtauer :: @easelsolutions :: #astdtcc2012

27. Simulations
 Screen captured as “slides”
• Allows developers to “splice” in additional slides
• Easier Branching
• Show Me, Try Me, Test Me
 Interactive UI Elements
• Roll-over hotspots, quizzes, etc.
 Many publish options
@dtauer :: @easelsolutions :: #astdtcc2012

28. Task 2: Simulations
Record the screen
Add additional slides
Add Interactivity
Publish
@dtauer :: @easelsolutions :: #astdtcc2012

29. Task 3: Play Time
Have a little fun
@dtauer :: @easelsolutions :: #astdtcc2012

30. Task 3: Play Time
RECORD YOUR OWN
COURSE TIPS
 Video or simulation  Explore the “Insert” Menu
 Pick a subject • Interactions
• Microsoft Word  Add Quiz Questions
• Your website  Click on a slide or
object, then look at the
 You could pick a specific “Properties” panel
task  Try the Skin Editor
• How to send a Tweet
 File > Preview > Project
• Do this often!
 Ask Questions!
@dtauer :: @easelsolutions :: #astdtcc2012

31. Thanks!
 http://blog.easelsolutions.com
• Slides, Session Files, Resources
 http://www.adobe.com/captivate
• Download a trial, tutorial, features
 http://blog.adobe.com/captivate
• Announcements, resources, etc.
 http://www.youtube.com/adobeelearning
• Videos!
 Easel Solutions Booth
• Stop by and chat
@dtauer :: @easelsolutions :: #astdtcc2012