@dtauer :: @easelsolutions :: #astdtcc2012
FAST TRACK TO ADOBE CAPTIVATEDustin Tauer .::. Easel Solution
@dtauer :: @easelsolutions :: #astdtcc2012
Dustin Tauer
Developer (11 years)Instructor (7 years)
Web :: Mobile :: eLearning
@dtauer :: @easelsolutions :: #astdtcc2012
Easel SolutionsTraining
• Design, Web, Mobile, eLearning, Strategy, Social, etc.
Customized Training
ConsultingAdobe Connect
We like finding solutions
@dtauer :: @easelsolutions :: #astdtcc2012
Let’s meet all of youWho are you, what you do, etc.
@dtauer :: @easelsolutions :: #astdtcc2012
The Plan4 hours of Captivate goodnessBreak about 10:00am
@dtauer :: @easelsolutions :: #astdtcc2012
Adobe CaptivateHelps you rapidly author a wide range of interactive eLearning and HTML5-based mLearning content.
@dtauer :: @easelsolutions :: #astdtcc2012
A few quick featuresRecord your screen
• Demonstrations, Simulations, and Assessments
Import PowerPoint Slides
Interactions• Roll-overs, zooming,
charts, widgets, etc.Seamless branching
workflowsEasily add audio and
video
ThemesSpecial Effects
• Reflections, Styles, etcQuizzingSCORM and AICC
CompliantMulti-format
publishingMobile-friendly*
www.adobe.com/captivate
@dtauer :: @easelsolutions :: #astdtcc2012
So, you’re making eLearning, huh?Here are a few questions to ask when starting a Captivate project.
@dtauer :: @easelsolutions :: #astdtcc2012
Question 1What type of eLearning course do you want?
@dtauer :: @easelsolutions :: #astdtcc2012
Type of courseVideo 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
Question 2Who is your target audience?
@dtauer :: @easelsolutions :: #astdtcc2012
AudiencePlatforms
• 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
Question 3What are you publishing and where are you putting it?
@dtauer :: @easelsolutions :: #astdtcc2012
PublishingPublish 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
“Just build it in HTML5”( Sigh )
@dtauer :: @easelsolutions :: #astdtcc2012
HTML5 does not equal MobileHTML5 is a set of features added to HTML that give websites additional functionality.
@dtauer :: @easelsolutions :: #astdtcc2012
HTML5 does not equal MobileHTML5 is a work in progress. The “specification” will be done in 2014.
@dtauer :: @easelsolutions :: #astdtcc2012
HTML5 does not equal MobileMobile browser evolved faster than desktop browser and support more HTML5 features. It’s very much a work in progress.
@dtauer :: @easelsolutions :: #astdtcc2012
Mobile is hardComing up with an mLearning strategy is tricky, so…
@dtauer :: @easelsolutions :: #astdtcc2012
Shameless Self-PromotionTomorrow:
eLearning Strategies for Mobile Devices
10:35am – 11:50am
@dtauer :: @easelsolutions :: #astdtcc2012
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
Ready?
@dtauer :: @easelsolutions :: #astdtcc2012
Task 1: Video DemoRecord the screenEdit the videoAdd some UI elementsPublish
@dtauer :: @easelsolutions :: #astdtcc2012
Video DemoPerfect 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
Task 1: Video DemoRecord the screenEdit the videoAdd some UI elementsPublish
@dtauer :: @easelsolutions :: #astdtcc2012
Task 2: SimulationsRecord the screenAdd additional slidesAdd InteractivityPublish
@dtauer :: @easelsolutions :: #astdtcc2012
SimulationsScreen 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
Task 2: SimulationsRecord the screenAdd additional slidesAdd InteractivityPublish
@dtauer :: @easelsolutions :: #astdtcc2012
Task 3: Play TimeHave a little fun
@dtauer :: @easelsolutions :: #astdtcc2012
Task 3: Play TimeRECORD YOUR OWN COURSE TIPS
Video or simulation Pick a subject
• Microsoft Word• Your website
You could pick a specific task• How to send a Tweet
Explore the “Insert” Menu• Interactions
Add Quiz Questions Click on a slide or object,
then look at the “Properties” panel
Try the Skin Editor
File > Preview > Project• Do this often!
Ask Questions!
@dtauer :: @easelsolutions :: #astdtcc2012
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
Top Related