@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