mLearning – Page 5 – The Logical Blog

April 8, 2014

Adobe Captivate: Bookmarking Without an LMS

by Kevin Siegel

Bookmarking a lesson provides the learner an opportunity to continue viewing a lesson from the exact spot where they left off. If you've uploaded your eLearning lesson into a Learning Management System, bookmarking is enabled by default in every lesson that you publish.

If you're not working with an LMS and you still want to enable bookmarking, you're out of luck, right? Not exactly. With a few simple clicks, you can enable bookmarking within any Captivate project. Once enabled, learners will see the following message should they close their web browser while your eLearning lesson and then return at a later time.

Enable Bookmarking (Self-Paced Learning)

Open or create a Captivate project and choose Project > Table of Contents. (The Skin Editor Window opens.)
From the left of the Skin Editor Window, select Show TOC.
From the bottom of the window, click the Settingsbutton. (The TOC Settings dialog box opens.)
From the Runtime Options area, select Self-Paced Learning.
Click the OK button.

By enabling Self-Paced Learning, you have basically activated Captivate's bookmarking feature. You can test the bookmarking by publishing the project and then opening the HTML file with any web browser.

Move through a few slides in the lesson and then close the browser window. Reopen the HTML file and instead of the lesson simply starting over from the beginning, you (and your learners) will see the "Continue from where you stopped last time?" message shown below. How cool is that?

If you'd like to see the Self-Paced Learning option in action, check out the video I created on the IconLogic YouTube channel.

***

Looking for instructor-led training on the top eLearning tools? We offer live, online training on Adobe Captivate, Articulate Storyline, Adobe Presenter, and TechSmith Camtasia Studio.We can also bring the same great training onsite to your facility. Interested? Contact us for details.

April 1, 2014

eLearning: Determining the Best Size for Today’s Lessons

by Kevin Siegel

When developing eLearning lessons using any of the top development tools (Adobe Captivate, Articulate Storyline, or TechSmith Camtasia Studio), you need to take the size of your learner's device into account. If you make your eLearning lesson too large (I'm talking width and height, not how many megabytes the lesson might be), learners with small displays may have to scroll to see your content. If your published lesson has the ability to scale to fit the learners display, your content could scale down so small that your content will become unusable.

While you can create a project at one size and resize it smaller later, it's not an ideal workflow. Resizing a project once you've started will likely result in shifting of screen objects that require additional editing on your end. For that reason, it's best to pick a width and height that will work for the widest possible range of devices right from the start.

Several years ago, the typical desktop computer display resolution was 800×600 pixels. If you developed eLearning content for a screen resolution that low, a project size of 640×480 was recommended. A few years later, 1024×768 was the standard screen resolution, resulting in typical eLearning lessons sized to 800×600. According to w3schools.com, the standard desktop screen resolution today is 1366×768 and it's trending higher. (You'll find that available resolutions vary from system to system. For instance, I use an HP 22 inch display that doesn't support 1366×768. Instead, my closest options are 1360×768 and 1376×812.)

Because screen resolutions are higher than ever, developers are seeking an optimal viewing experience for learners. But what's the ideal size for an eLearning lesson? Unfortunately, there isn't a cookie-cutter answer. The size of the lesson you create depends largely on your customer. What is the typical device you expect your learner to be using? How big is its screen? Is the device typically used vertically (portrait) or horizontally (landscape)? What is its typical resolution?

If you are creating content for learners using standard desktop computers (Windows or Mac), a project size of 800×600 still works well. However, if you plan to post your content to YouTube, stay away from 800×600. At that size, your lesson won't look quite right when viewed on YouTube (you will likely see black bars on one or both sides of the video, and the video might look distorted during playback).

What's the Relationship Between Project Size and Screen Resolution?

Let's say that you create a project that is sized to 800×600. I view your lesson on a 17-inch monitor with a resolution of 1024×768. In this scenario, your lesson is going to look fine on my monitor. But what if I have a large screen (a 27-inch monitor for instance), and I'm using a high resolution? Your lesson is going to have a lot of white space to the left and right. Will that white space make the lesson look silly? Who's to say?

It's a delicate balancing act between the size of the capture area and an ideal screen resolution. When I create YouTube videos, I set my eLearning tool's capture size to 1024×568 and my screen resolution to 1440×900. While I could go higher with my screen resolution and capture more of the screen, the captured screen text at a higher screen resolution is small and hard to read. When I upload videos to YouTube, the already small text gets worse because YouTube makes my videos smaller.

More information on sizing eLearning projects:

If you'd like to learn more about project dimensions, this article on the TechSmith website is very helpful. While it's written specifically for Camtasia Studio projects, the information is also relevant for Storyline and Captivate developers.
If you're a Captivate developer, Rod Ward of Infosemantics.com suggests a project size of 995×627.
If you're a Storyline user, check out the Choosing a Story Size article on the E-Learning Heroes website.
Check out my YouTube video on project size and screen resolution.

I'd love to hear from you. What is the best project size you've come up with? (Please post your comments below. Let me know who your target end-user is and the eLearning development tool you use.)

***

Looking for instructor-led training on the top eLearning tools? We offer live, online training on Adobe Captivate, Articulate Storyline, Adobe Presenter, and TechSmith Camtasia Studio. We can also bring the same great training onsite to your facility. Interested? Contact us for details.

March 25, 2014

Adobe eLearning Community Formed Supporting Maryland, DC, and Virginia

IconLogic's Kevin Siegel has been named the manager of Adobe's new eLearning Community supporting eLearning developers living in or around DC, Virginia, and Maryland.

Kevin and the IconLogic team will be hosting regular meetings featuring tips and tricks on creating effective eLearning using such tools as Adobe Captivate and Adobe Presenter.

Join the group on LinkedIn to keep up to date on meetings and share your experiences with other developers.

More information.

February 25, 2014

Adobe Captivate: There’s a Widget for That

by Kevin Siegel

You've probably heard the phrase "There's an app for that." It basically means that if you want to extend the functionality of your mobile device, you should visit the device's App store and Search. Chances are you'll find an application, often free, that will do whatever it is you need.

Captivate is an awesome eLearning development tool, and it's loaded with functionality. However, Adobe simply cannot anticipate every scenario, every use-case you'll find for the program. And that's where widgets come in.

Widgets extend Captivate's functionality beyond bounds. Looking for an email icon? There's a widget for that. Need an animated button? There's a widget for that. How about a Print button? Volume controls? Slide numbers? Widget, widget, and more widgets.

While widgets are used in Captivate projects to improve the eLearning content, the widgets themselves aren't created by Adobe Captivate. In fact, widgets can only be created by developers using Adobe Flash. To use a widget, you do not need to know a thing about Adobe Flash, nor do you need Flash installed on your computer. In fact, Captivate ships with several free widgets. To insert a widget, choose Window > Widget.

Adobe Captivate: Widget Panel

Select the widget you would like to use and click the Insert link. Once inserted, you can configure the widget using the Widget Properties dialog box.

Adobe Captivate: Widget Properties

While simple to use, you won't get very far with widgets if the pesky Widgets panel mentioned above is missing its widgets (something I've see more than a few times when I teach my Advanced Captivate class).

If the Widget panel is missing some (or all) of the free widgets that come with Captivate, click the Change Path tool at the bottom of the Widget panel.

Change Path command

Navigate to the location of the Widgets that were installed along with the Captivate software (typically this is <Adobe Captivate program folder>\Gallery\Widgets).

If your widgets are still not appearing on the Widgets panel, try clicking the Refresh tool at the bottom of the Widgets panel.

Refresh command

If you are looking for additional widgets beyond what you'll find on the Widget panel, check out the Adobe Captivate Widgets page. You will also find some useful widgets on Rod Ward's Infosemantics website.

***

Looking for training on Adobe Captivate? We offer multiple live, online Adobe Captivate classes each month including Introduction to Adobe Captivate and Advanced Adobe Captivate. Need the training in-person? We can also bring the same great training onsite to your facility. Interested? Contact us for details.

February 5, 2014

Adobe Captivate: Swapping Speech Agents

by Kevin Siegel

During every Captivate beginner class, time is spent on the second day teaching everyone how to use Captivate's Text-to-Speech feature to convert slide notes into speech.

Recently, one of my students asked an excellent question: "I'd love it if there was a pain-free way to quickly change the agent from Kate, to Paul to Chloe, and then maybe back to Kate. As it stands, I need to select each slide note in the Speech Management dialog box, one at a time and then change the agent. It would help I, at the very least, I can select all of a slide's notes at once and change the agent. Is this possible?"

The answer is yes, you can select multiple slide notes and change agents on the fly (not multiple slides, but multiple notes). The solution, while easy, isn't obvious. Here's how:

First, go through your project and convert the slide notes to speech. If you're not sure how, review this article.

After you've committed to an agent, changing your mind is just as easy as selecting the original agent. Choose Audio > Speech Management to open the Speech Management dialog box.

In the image below, notice that different agents have been used between the two slides.

Next, select all of the notes for the slide. While this sounds simple, you'll need to carefully click in the space just above each note to successfully select the note.

From the Speech Agent drop-down menu, select an agent. In the images below, both slide notes are selected for Slide 2 and Chloe is being selected from the Speech Agent drop-down menu. (Note: While you can select multiple slide notes, you can only select the notes for one slide at a time; you'll need to repeat this process for each slide.)

The final step is to simply click the Generate Audio button at the bottom of the dialog box and you're all set.

If you'd like to see a demonstration of swapping one Speech Agent with another, check out the video I created on the IconLogic YouTube channel.

***

January 28, 2014

eLearning: What Happened to Microsoft’s Free Image Gallery?

by AJ Walther

In my Optimizing PowerPoint Design for eLearning & Presentations class I like to sing the praises of Microsoft's free online image gallery. But then, a few weeks ago, the unthinkable happened. I went to pull an image from said image gallery, and was met instead with this:

Microsoft's new images page.

Do you know what this is? I'll tell you what this is. Useless. It looks like maybe you can search here, but believe you me-you cannot. Where once I found easily searchable free images, I am now met with a screen telling me how to use the newest Office to search for Images (which doesn't work for me as I have Office 2010), how to use Office Web Apps to find images (does anyone use that?), or how to use Bing to find these images (which I tried with zero success). The bottom of the page gives me links to images for Office 2010 or 2007, which I thought would be just the ticket. But no. Those links instead navigate to a page outlining how to insert clip art. Thanks for nothing.

I guess I shouldn't have been upset that a free service had disappeared. But, ya know what, I was upset. (Spoiler alert: I was upset enough that I kept digging until I found a solution. Read on for more!)

If you've used the free image gallery you probably know how great it is. But if you haven't, here's why it's such a valuable tool for eLearning designers:

You Can search by Style numbers

Let's say you found this image:

Woman with hammar

If you found the image in Microsoft's free image gallery, then it came complete with a linked style number.

Linked style number

Clicking the style number pulls up other images from the same style that can all be used together for a cohesive design. That's awesome.

Other images from the same style

Unless you already know the Style number, you cannot search by style number from the Office Clip Art pane. Nor does the clip art mention anywhere in its keywords what the style number is.

Search by General Style

Maybe a particular style doesn't have quite enough images for you. That's okay, the image gallery has a feature allowing you to search by general style–pulling up other images that look similar, even if they aren't technically part of the same style group.

Other images from the same style group

Other images 2

The Search feature within Office's Clip Art pane does not have this feature.

Note: This feature did not work for me in Chrome or Internet Explorer without first downloading Microsoft's Silverlight. I'm running Parallels, however, so I used Safari on the mac side without having to do any additional downloading.

More Selections

When I search within PowerPoint's Clip Art pane using the keyword "construction" for illustrations, including content from office.com, I get back 106 images to choose from. The same search online in the MS Image gallery brings back 156 images.

When I found I could no longer access my beloved Images section of MS Office's site I spent two hours being bounced around between Microsoft's live online chat and multiple tech support hotlines. I tried explaining what was missing every way I knew how and no one seemed to know what I was talking about. If I couldn't access the site anymore I was hopeful that someone could at least tell me how to identify a clip art image's style number from within MS Office for easy searching. This was not the case.

Luckily (and I know it is cruel to make you wait this long for the solution, but at least you weren't on the phone for two hours), I found the solution on my own. By bypassing the image search page of the Microsoft Office page and instead searching the Office site as a whole, I was able to find the hidden images! For your convenience, here is a direct link.

You're welcome.

(Note: When you click the direct link above, the resulting page will say "found no results” because you haven't searched for anything yet. Go ahead and type your search keyword into the search bar above the text to look for images. After you search you can adjust the Media Types at the left to filter your results.)

January 15, 2014

Adobe Captivate 7: Pan & Zoom Video Demos

by Kevin Siegel

Last week, I showed you how to trim portions of a Captivate Video Demo. This week, I'm focusing on the Pan & Zoom feature.

Captivate's Pan & Zoom feature, which is only available in Video Demos, is really two cool tools in one. Zooming gives you the ability to automatically get the learner closer to the action. Panning lets you automatically change the area of the screen that the learner sees. You can control exactly when the Pan & Zoom occurs, its Scale, Speed, Size, and Position.

To add a Pan & Zoom in a Video Demo, first position the Playhead on the Timeline where you'd like the Pan & Zoom.

On the Pan & Zoom panel, click the Add Pan & Zoom button (if the Pan & Zoom panel is not on your screen, choose Window > Pan & Zoom).

On the Timeline, a Pan & Zoom point is added (in the image below, it's the orange circle with a magnifying glass in the middle).

To control the Pan & Zoom, drag and resize the Pan & Zoom window on the Pan & Zoom panel. (The smaller you make the Pan & Zoom window, the larger the zoom.)

You can control how fast the zoom occurs by adjusting the Speed via the Pan & Zoom panel.

The fastest way to zoom the learner back out (so they can see the entire video) is to click the Zoom Out button on the Pan & Zoom panel.

If you'd like to see a demonstration of the Pan & Zoom feature, check out this video on the IconLogic YouTube channel.

***

Looking for training on Adobe Captivate? IconLogic offers multiple live, online Adobe Captivate classes each month including Introduction to Adobe Captivate and Advanced Adobe Captivate.

January 7, 2014

Adobe Captivate 7: Trim Video Demos

by Kevin Siegel

The more I work with Captivate's Video Demo mode, the more I like it. If you have a need to demonstrate a quick concept, using Video Mode is the absolute fastest way to create eLearning.

To record a video using Video Demo mode, select Video Demo from the Create New area of Captivate's Welcome Screen. When the Recording Area appears, you record your screen actions just as you would if you recorded screen actions using the Software Simulation mode.

Unlike a typical Software Simulation (where there are multiple slides and Timelines), a Video Demo consists of a single video and just one Timeline.

While there are limits to how much editing you can do to a video project, you can insert images, Text Captions, Characters, and Smart Shapes. You can edit the mouse pointer shown in the video, add Pan & Zooms, and Trim the video. This week, I'm going to show you how to Trim a video.

Trim a Video

Open or record a Video Demo.
On the Timeline, click where you want to begin the Trim process. (The red bar you will see is known as the Playhead.)
From beneath the Timeline, click the Trim button. (Two markers will appear. Upon completion, the area between the markers will be deleted.)
Drag the two markers left or right as necessary to highlight the part of the video you want to delete.
Click the word Trim on the Timeline to trim the selection.

The selected part of the video will immediately be removed from the video.

Note: I've found plenty of ways to take advantage of Video Demos, keep in mind that Video Demos are, well, videos. Published videos will play on any computer (Mac, Windows), upload to YouTube, and play on most mobile devices (including the iPad). However, Video Demos cannot contain interactivity. You cannot add quizzes, buttons, click boxes, Advanced Actions, or Text Entry Boxes. Do keep that limitation in mind if you plan to produce mainly demos for your eLearning content.

If you'd like to see a demonstration of video trimming, check out this video on the IconLogic YouTube channel. And if you'd like to see some of my Video Demos, stay on our YouTube channel. Every video you see was created using Captivate's Video Demo feature.

***

Looking for training on Adobe Captivate? IconLogic offers multiple live, online Adobe Captivate classes each month including Introduction to Adobe Captivate and Advanced Adobe Captivate.

December 18, 2013

Adobe Captivate 7: Quiz Not Scoring Correctly? Think Advanced… Check Your Interaction!

by Kevin Siegel

Here's an interesting scenario: You create a Captivate project that contains 12 slides: 10 question slides, each worth 10 points, and two "transitional" slides containing simple navigation buttons.

During the testing phase, a beta-tester who answers all of the questions correctly should be awarded 100 points. Simple. Interestingly, every beta-tester who answers the questions correctly receives a score of 96 from the LMS. Huh?

How about this one? You have a five-question Captivate project. As with the first example, this project also has a couple of "transitional" slides containing navigation buttons.

During the testing phase, the progress indicator on each of the question slides indicates that you are on slide 2 of 6, when you are actually on the first question slide. What's up with that? Keep in mind, the project only contains five questions so the first question slide should have indicated that you were on slide 1 of 5.

I've seen these problems before. The issues aren't with the question slides, and they're not a problem with your beta tester. The problem is typically found with the buttons on the "transitional" slides.

If you were to select a button and visit the Reporting group on the Properties panel, you'd see that many objects (click boxes, buttons, text entry boxes) can report user interactivity. In short, the object can be treated like it's part of a quiz.

If you select Include in Quiz, your question number counts will be thrown off. If you select Report answers and Add to total, your quiz score will likely be thrown off.

Here's the real challenge: Imagine you have 100 slides. Some of the slides are question slides; the majority are simply interactive or contain buttons. It's going to be a real pain to open each of your slides, show the properties of objects, and ensure the Reporting options are set correctly. What's a developer to do? Read on…

Choose Project > Advanced Interaction to open the Advanced Interaction window.

You can use this handy window to control all of the reporting objects in your project. For instance, if you wanted to stop a button from being added to the quiz total, all you need to do is select the object in the Advanced Interaction window and, on the Properties panel, Reporting group, deselect the Add to total check box.

If you'd like to see a demonstration of how to Report a score without using Question Slides and how to use the Advanced Interactions feature, check out this video on the IconLogic YouTube channel.

***

Looking for training on Adobe Captivate? IconLogic offers multiple live, online Adobe Captivate classes each month including Introduction to Adobe Captivate and Advanced Adobe Captivate.

December 11, 2013

Adobe Captivate 7.01: Color Swatches

by Kevin Siegel

Over the past few weeks, I've written about the enhancements you'll find in the recently-released service patch for Captivate 7 (an enhanced lock feature and a new Star Smart Shape). This week I'm going to show you how to use the new Swatches panel.

In the image below, I've added a logo onto a Captivate slide. I'd like to use the green contained in the logo on the Highlight Box you see to the left of the logo. I'd also like to be able to use that same color in other Captivate projects.

Adobe Captivate: Highlight Box and Logo.

To begin, I opened the Swatches panel (Window menu). Then I selected the Pick Color tool (the eye dropper shown in the image below).

Using the Pick Color tool, I clicked on the green color on the logo. In the image below, you can see that the color is added to the Swatches panel (#90B000).

The Enter swatch name dialog box opens. In the image below, I named my new Swatch LogoGreen and then clicked the OK button.

The LogoGreen swatch appears on the Swatches panel (it's the last swatch you see in the image below). I can now use the swatch and apply the color to any slide object.

Keep in mind that Swatches are shared by all Captivate projects so you won't have to recreate the Swatch every time you create a new project. In addition, you can import existing swatches from either Adobe Photoshop or Kuler by clicking the Load tool on the Swatches panel.

Adobe Captivate: Load swatches

If you'd like to see a demonstration of the new Swatches panel in action, check out this video on the IconLogic YouTube channel.

***

Looking for training on Adobe Captivate? IconLogic offers multiple live, online Adobe Captivate classes each month including Introduction to Adobe Captivate and Advanced Adobe Captivate.