Fundamentals of Designing and Developing Cost-Effective eLearning

When: September 22-25
Where: McCormick Place, Chicago (Part of the Online Learning Conference Certification program)

There are multiple tools available that will let you create compelling eLearning content including Adobe Captivate, Articulate Storyline, TechSmith Camtasia Studio, and Adobe Presenter. But which tool is the best, most affordable option for your needs?

Once you select your eLearning tool, what's next? How do you get started creating your first eLearning content? Once you start, how long is it going to take you to finish? What's the real cost for your effort? Are there hidden costs? How will you be able to measure the effectiveness of your eLearning?

Join IconLogic's Kevin Siegel for an intense, tool-agnostic, hands-on workshop where you'll get a jump start on  building your first eLearning course.

Among other things, you'll learn:

  • Strategies for building effective eLearning
  • The eLearning development process
  • How to create an eLearning script and/or storyboard
  • How to get started on creating eLearning content using Captivate, Storyline, Camtasia or Presenter

More information.

eLearning: Adobe Captivate and Microsoft PowerPoint

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

What came first, the chicken or the egg? Wait… before answering that, let's rework that classic question with this: what comes first, the eLearning or the PowerPoint presentation?

When developing eLearning, the content is often created in Microsoft PowerPoint first. I'm not going to get into what it takes to create visually compelling PowerPoint presentations (we have a mini course for that). Instead, I'm going to show you how to take existing PowerPoint content and quickly re-purpose it for eLearning.

Earlier this year I wrote an article teaching you how to take PowerPoint content and create eLearning using either TechSmith Camtasia Studio or Adobe Presenter. Over the next two weeks, I'm going to show you how to use your PowerPoint content in Adobe Captivate and Articulate Storyline.

Adobe Captivate and PowerPoint

You can import PowerPoint slides into an existing Captivate project or create a new project that uses the PowerPoint slides. During the import process, Captivate includes the ability to create a link between a Captivate project and PowerPoint presentation. Using this workflow, any changes made to the original PowerPoint presentation can be reflected in the Captivate project.
 
Note: Microsoft PowerPoint must be installed on your computer before you can import PowerPoint presentations into Captivate. Also, the ability to import PowerPoint presentations isn't new. In fact, Captivate has supported PowerPoint imports for years. If you're using a legacy version of Captivate (even version 4 and 5), the steps below will work for you just fine.

To create a new project from a PowerPoint presentation, choose File > New Project > Project From MS PowerPoint and open the PowerPoint presentation. 

The Convert PowerPoint Presentations dialog box opens, offering a few controls over how the presentation is imported.

Adobe Captivate: Advanced Slide Options. 

The On mouse click option adds a click box to each Captivate slide. The other available option, Automatically, results in Captivate slides that, when viewed by a learner, automatically move from slide to slide every three seconds. At the lower right of the dialog box, there are options for High Fidelity and Linked.

Adobe Captivate: High Fidelity and Linked options. 

During a standard import process, PowerPoint pptx presentations are first converted to the ppt format and then converted to SWF. If you select High Fidelity, the import process takes native pptx files directly to Captivate SWF (the ppt conversion is skipped). This option, which is available only in Captivate for Windows, results in the best-looking content in Captivate, but it takes much longer to complete the import process. 

 
The Linked option creates a link between the PowerPoint presentation and the new Captivate project. The link allows you to open the PowerPoint presentation from within Captivate. Additionally, any changes made externally to the PowerPoint presentation can be reflected in the Captivate project with a few mouse clicks. 
 
After the PowerPoint slides are imported into Captivate, you can add Captivate objects such as captions, highlight boxes, or animations. 
 
Adobe Captivate: Imported PowerPoint Presentation
 
If you need to edit the PowerPoint slides, choose Edit > Edit with Microsoft PowerPoint > Edit Presentation. The Presentation will open in a window that can best be described as a union between Captivate and PowerPoint. If you've used PowerPoint before, you will recognize the familiar PowerPoint interface. 

There are two buttons you wouldn't normally see if you opened the presentation directly in PowerPoint: the Save and Cancel buttons at the upper left of the window. Once you have edited the PowerPoint slides, click the Save button and the changes will appear in the Captivate project.

Adobe Captivate: Save and Cancel

If the PowerPoint presentation has been edited outside of Captivate, (perhaps your subject matter expert is adding or removing content from the presentation) you can still get the changes. Choose Window > Library. On the Library, notice that there is a Status column.

A red button will indicate that the PowerPoint slides within the Captivate project are no longer synchronized with the PowerPoint presentation. A simple click on the red button will update the Captivate slides.

Adobe Captivate: Not in synch with source.  

Next week: Articulate Storyline and PowerPoint.

 

***
Looking for instructor-led training on Adobe Captivate? Check out our live, online, instructor-led Captivate classes.

Adobe RoboHelp: Get the New Responsive Layout

by Willam Van Weelden Follow us on Twitter View our profile on LinkedIn
 
One of the hottest new features introduced in Adobe RoboHelp 11 is Responsive HTML5 layouts. The Responsive HTML5 output dynamically changes the way the content is presented based on the device the reader is using. For example, while a reader on a desktop might see a traditional table of contents on the right side of the page, someone using a smart phone will see a table of contents that is optimized for touch: 
 
Adobe RoboHelp: Two responsive layouts.  
 
Responsive HTML5 output uses Screen Layouts, the skins for HTML5 output. With these skins you can control how your output will look for your users.
 
If you have used Responsive HTML5 before, you may have seen the following layout in the gallery:
 
Adobe RoboHelp: Old Gallery  
 
The image above shows the Responsive Layout as it was delivered when RoboHelp 11 was released. You'll be happy to know that Adobe released an update of this layout with the RoboHelp 11.0.1 patch.However, even if you have installed the patch you may still be using the old layout.
 
While Adobe provided instructions on how to manually install the new Responsive HTML5 layout, they are hidden away in the release notes and you likely missed them. If so, here they are:
  1. Close RoboHelp.
  2. Using Windows Explorer, search for%appdata%\Adobe\RoboHTML
    (The RoboHTML folder hidden within your AppData folder opens.)
    Adobe RoboHelp: Searching for the RoboHTML folder within AppData.
  3. Rename the folder 11.00 to 11.00_old.
    (A new 11.00 folder will be created when you restart RoboHelp.)
  4. Start RoboHelp.
You can now use the improved Responsive Layout for your output:
  
Adobe RoboHelp: New Responsive Layout.
 
***
Looking to learn RoboHelp? We offer a live, two-day online RoboHelp class once a month. Feel free to contact us to learn other ways to meet your RoboHelp training requirements.
 

Adobe Captivate 8: Custom Workspaces

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

From a new user perspective, one of the major complaints about Adobe Captivate has always been its cluttered user interface. There are so many panels and toolbars in Captivate (and most are open and visible when the program starts), some people feel that the program is more difficult to learn than other tools like Articulate Storyline and TechSmith Camtasia Studio. 

People using Captivate versions 5, 6, and 7 have the ability to undock most of Captivate's panels and move them around the screen. Users can also save the location of the panels as custom workspaces (via Window > Workspaces > New Workspace). 
 
While being able to customize Captivate's workspace is great, if you aren't careful things can quickly become a hot mess. I can't tell you how many emails I get from developers who can't find this panel or that. In almost every instance it turns out they either closed the panel by mistake, or moved it to a second display and forgot. 
 
You can easily reset a Workspace (Window > Workspace > Reset) and get every panel back to its default location. However, many developers (even some with plenty of experience using the tool), don't know about resetting a Captivate workspace.

When Adobe released Adobe Captivate 8, the interface was totally overhauled–and simplified. To prevent new users from getting overwhelmed by Captivate's many toolbars and panels, toolbars have been consolidated and most of the panels are closed by default. To keep the interface from getting cluttered, it's now impossible to undock the panels. And, for the ultimate in interface simplification, you can no longer create a custom workspace.

The simpler interface is great for new users. But what about veteran developers who are upgrading from a legacy version of Captivate? As a long-time Captivate developer, I'll admit that I had a hard time navigating the new workspace. And I was upset with Adobe for taking away my ability to create a custom workspace. I understand that a simpler workspace is easier for new users… but I want complex. Give me back my workspaces!
 
If you're like me and you're missing the ability to customize your workspace, you'll be happy to learn that the option is still available… you'll just have to activate it.

In the image below, you can see Captivate's Workspace menu. There's really only one menu item: Reset 'Classic.' If you choose the Reset 'Classic' menu item, the Timeline and the Properties panel will hide (which is the default).

Adobe Captivate 8: Workspace menu before custom workspaces is enabled.

If you'd like to create your own workspace, open Captivate's Preferences dialog box (Windows users, choose Edit > Preferences; Mac users, choose Adobe Captivate > Preferences.) Select Enable custom workspaces/panel undocking.

Adobe Captivate 8: Enable custom workspaces.

Restart Captivate and you'll find that you can now undock Captivate's panels and move them around your display (just like legacy versions of the program). And if you choose the Window > Workspace menu item, you'll see that you also have the ability to create a New Workspace

Adobe Captivate 8: Workspace menu after custom workspaces is enabled.

If you tire of your custom workspace you can, at any time, return to Captivate's 'Classic' workspace (which will always be available in the Workspace menu).
 
***
Looking for instructor-led training on Adobe Captivate? Check out our live, online, instructor-led Captivate classes.

Adobe Captivate 8: Geolocation

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

You can create an eLearning lesson that changes dependent upon where your learners are physically located. For instance, you can create a Captivate project for learners who live in the United States or Australia. While much of the course content is relevant to both Americans and Australians, thanks to Captivate's geolocation feature, learners in both countries will see unique, location-specific, information while taking the same course.

The first step to adding geolocation features to a project is creating the project as you normally would. In the example that follows, I've created a project for learners in Asia and the United States. (I created the project as a branching scenario… the first half of the project was for learners in the United States, the second half was for learners in Asia.)
 
Once you've created the project for both audiences, adding the geolocation features is very easy. First, choose Window > Mobile Palette to open the Mobile Palette dialog box.
 
Adobe Captivate: Mobile Palette 
 
Select Geolocation and then click the OK button.
 
Next, you'll need the Latitude and Longitude of the locations you'll use in your project. As I mentioned above, my two locations are Asia and the US. While determining Latitude and Longitude might sound difficult, I simply asked Google the following: "what is the lat and long for the united states?" The answer, rounded to whole numbers, was 38 and 77. 
 
Latitude and Longitude for the US.
 
I repeated the same question for Asia (and ended up with aLatitude and Longitude of 48 and 86).
 
Now that you've got the Latitudes and Longitudes figured out, you'll need to create one variable for each location (via Project > Variables). When creating each variable, select Geolocation and you'll have access to a LatLong, and Accfields. The Acc value is based on how close you want the learner to be to the latitude and longitude location; it is based on meters. Think about the meters surrounding the area like a large circle. When building your course, consider starting with 1,000,000 meters, which will allow anyone within range to still be able to access the course.
 
Adobe Captivate: User Variables
 
The final step (besides publishing) is to create an Advanced Action (via Project > Advanced Action) and attach it to a Filmstrip slide.
 
Set the Action Type to Conditional actions and name the action GeoLocation.
 
Adobe Captivate: Geolocation AA 
 
Double-click the first column under the IF Statement, click the word variable, and select cpInfoGeoLocation.
 
Adobe Captivate: Variable AA
 

Adobe Captivate: CpInfoGeoLocation variable 

 
Note: The CpInfoGeoLocation variable ships with Adobe Captivate 8.
 
To the right of "is equal to," click the word variable  from the drop-down, choose one of your location variables you created earlier.
 
Adobe Captivate: Jumping to a branch scenario.

Under Actions, double-click in the first column and chooseJump to Slide. From the next menu, select the slide in your project where you want your learner to end up.  I selected the Asian branch in my project (I called it Asia Scenario). 

 
Adobe Captivate: Jumping to a scenario. 
 
At the bottom of the dialog box, click Else. Under Actions, double-click the first column and choose Jump to Slide. In the next column, choose your other location (in my case, it was the other branch I called US Scenario). Save the action (as an Action) and then close the dialog box.
 
 Adobe Captivate: Jump to the other location.

Attach the GeoLocation Advanced Action to the first slide by selecting the slide on the Filmstrip. On the Properties Inspector, select the Actions tab. From the On Enter drop-down menu, choose Execute Advanced Actions and select the GeoLocation action as the Script.

 
Adobe Captivate: Execute Advanced Actions
 
 
Publish your lesson and post it to your web server or LMS like you would we any Captivate eLearning lesson. When users in Asia access the lesson, the GeoLocation script will automatically display the Asian content (and vice versa for US-based learners). In a word, that's awesome!

***

Looking for instructor-led training on Adobe Captivate? Check out our live, online, instructor-led Captivate classes.

Adobe Captivate: Removing Popups from Video Demos

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

I'm continuing to enjoy developing eLearning using the new Adobe Captivate 8. And the more I use this updated version, the more I find subtle improvements and new features. Take video demos for instance. I use the video demo recording mode frequently (it's the mode I use for the videos I upload to YouTube).

While recording a recent video, I noticed a new tab on the Video Effects Inspector: Popup.

It just so happened that I had recorded a video and had inadvertently captured a yellow tooltip (shown in the image below). I figured this would be the perfect opportunity to test the Cleanup button on the Popup tab.

On the Timeline, I positioned the playhead at the part of the video where the popup first appeared.

Adobe Captivate 8: Playhead positioned where the popup first appears in the video.

On the Video Effects Inspector, I selected the Popup tab
and clicked the Cleanup button.

On the slide, I drew a rectangle around the popup.

 
Adobe Captivate 8: Popup selected. 

Note: When you try this at home, don't worry if your rectangle doesn't completely cover the popup. If your rectangle is too large or small at first, you can resize it using the resizing handles at any time. You can also drag the rectangle via its borders to move it to a different location on the video.

 
Once I drew the popup area on the video, a Popup object was added to the Timeline. I stretched the right edge of the Popup object to the amount of time I wanted it to remain onscreen on the slide; then I clicked the word Cleanup on the video.
 
Adobe Captivate 8: Popup object added to the Timeline. 
Adobe Captivate 8: Popup being removed from a video.  
And just like that, the area within the popup rectangle I drew was removed from the video.
 
Adobe Captivate 8: Popup gone. 

***

Looking for instructor-led training on Adobe Captivate? Check out our live, online, instructor-led Captivate classes.

Adobe Captivate 8: Responsive Projects for mLearning

by Kevin Siegel Follow us on Twitter View our profile on LinkedIn View our videos on YouTube

Creating eLearning for mobile devices was high on the wish list a few years ago when Adobe asked users for the top features they'd like to see added to Adobe Captivate. It wasn't long before Adobe responded by adding HTML5 as a publishing option. HTML5 allowed developers to create interactive content that can be used by mobile learners who have a device that does not support Flash.

Publishing HTML5 solved the issue of creating interactive eLearning on the iPad. But there remained another problem. The size of the screen that learners use can vary widely. Your eLearning lesson might look perfect on a desktop system but might be too small when viewed on a small device (such as a smart phone). To accommodate the many screen sizes, your only recourse was to develop several Captivate projects, sized specifically to work on each screen size. Of course that also meant that you'd have to edit and update several projects. No thanks!
 
Adobe Captivate 8 now allows you to create responsive projects. During the development process, you can basically create and work on multiple screen sizes (called break points) in one project. When you publish the responsive project, the learner will automatically be served the break point appropriate for the device they're using. This one Captivate 8 feature is the main, compelling reason that upgrading to Captivate 8 isn't just something to consider… it's mandatory if your mission is to create eLearning for desktop and mobile users.
 
To create a responsive project, double-click Responsive Project on the Welcome screen or choose File > New > Responsive Project.
 
Adobe Captivate: Responsive Projects
 
Developing a responsive project is pretty much the same as developing a standard project, but there's one notable difference–breakpoints. By default, new projects contain three breakpoints for the most common screen sizes (for desktop users, tablet users, and smart phone users). You can click each of the breakpoints to see how the layout changes dependent upon the size of the canvas.
Adobe Captivate: Default breakpoints 
 
In the images below, I've selected each of the default break points I was given in my new project (you can create as many break points as you need and edit existing break points at any time).
Adobe Captivate: Breakpoint for a desktop user.
 

Adobe Captivate: Breakpoint for a tablet user.

Adobe Captivate: Layout for a smart phone 

In the images below, you can see a responsive project developed by Anita Horsley, and how she designed each canvas to work best with each of her break points. (As you review each image, pay particular attention to the position of the character as each break point is selected.)

Adobe Captivate: Breakpoint for a desktop user.
Desktop user: 1024 pixels wide.

Tablet user: 768 pixels wide.

Mobile user: 360 pixels

Once you're done laying out each canvas, all you need to do is publish and post the lesson to a web server or LMS just like always. When the lesson is accessed by your learner, the lesson will automatically detect the learner's screen size and the correct canvas will be displayed. Awesome!

***

Want to learn more about creating responsive projects? Join our3-hour mini course on creating Responsive Layouts with Adobe Captivate.
 
***
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.
 

Localization: Training and Development in Egypt

by Jen Weaver Follow us on Twitter View our profile on LinkedIn

Many events in Egypt's history have had an impact on tourism, but your business needs may still require training and development in Egypt. Let's explore some common cultural facts about Egyptians and their expectations when it comes to training and development. 

Test Your Knowledge of Egyptian Culture:

  1. Is Arabic read from right to left or left to right?
  2. True or False? Egypt is one of the most westernized countries in the Middle East.
  3. The terms "Upper Egypt" and "Lower Egypt" are oriented to the flow of what famous river?

Quick Tips for Training & Development in Egypt1:

  • Never show the soles of your feet, as this is offensive to Arab culture. Be mindful of this when selecting images or when sitting in meetings. In westernized culture, sitting with your legs crossed is a casual and relaxed pose, but it's perceived as impolite in Egypt since the bottoms of your feet may show.
  • The left hand is considered unclean, so avoid gesturing with your left hand whenever possible, and always use your right hand when eating and handling "clean" objects such as offering gifts or exchanging business cards. The "thumbs up" gesture is also seen as rude.
  • The Islamic Sabbath is on Friday. The typical workweek runs Saturday through Wednesday. Be sure to clarify the class schedule when training in Egypt.
  • While Arabic is the official language, many executives speak English or French as well. Translation will likely be required for any in-country training materials.
  • The Islamic faith is the primary source of truth; then personal feelings or facts are considered. Be careful not to speak against the Islamic faith, as about 90% of the population is Muslim.
  • Family contributes to an individual's core identity, and Egyptians receive honor, dignity, and security through their family unit. These three values are highly respected in Egyptian culture, so be mindful of them to avoid embarrassing your contact and risking the relationship.
  • It's a common Arab business practice to keep foreigners waiting for meetings, especially since Egyptian culture does not value punctuality. It may be wise to either schedule only one meeting per day when first getting to know your Egyptian client or team, or allow a large buffer between meetings in case they are delayed. You will likely need an Egyptian agent to do business in Egypt who can also work as an advocate to help you navigate through your meetings.
  • Egyptian humor is often self-deprecating, but be careful not to join in. Only an Egyptian can make fun of Egypt. 

Answers to Trivia:

  1. Since Arabic is read from right to left, Arabic-language training materials start on the back page or back cover of the book unlike an English version. Make sure your handbooks or manuals have colorful illustrated back covers to engage readers.
  2. True. Even so, business interactions with individual executives may range from westernized to traditional.
  3. The Nile. Surprisingly enough, this puts Lower Egypt in the north of the country and Upper Egypt  in the south on the Sudan border.

References:

1Morrison, Terri, & Conaway, Wayne A. (2006). Kiss, bow, or shake hands (2nd ed.). Avon: Adams Media.
 
***

Developing international training and development materials? Contact Jen at Carmazzi Global Solutions.

New 3-Hour Mini course: Creating Responsive eLearning with Adobe Captivate 8

Last year the sale of smartphones exceeded the sale of traditional phones; the sale of tablets exceeded those of desktop computers. This trend has led to a need for eLearning developers to create courses that can be accessed from both mobile and desktop devices.

The size of the screen that learners use to access eLearning lessons can vary widely. Consider the size of a typical mobile phone compared to the various shapes and sizes of tablets such as the iPad, Microsoft Surface, and Amazon Kindle Fire. You could develop several Captivate projects that contain the same content, but are sized to work on specific devices; however, the problem is that you’d have to edit and update several projects! Who wants to do that? Additionally, who could possibly consider every screen size for every device? Even if you could build lessons for every screen size known today… what about the screen sizes for devices that have yet to be invented?

As an alternative to managing multiple Captivate projects, with Adobe Captivate 8, you can now create a single, responsive project that provides optimal viewing, and an effective learning experience, across a wide range of devices and screen sizes.

Responsive design is an approach to development that allows for flexible layouts and flexible images and assets. While the word responsive was traditionally used for building web pages, now with Adobe Captivate 8, responsive design can be used to develop online courses that detect the learner’s screen size and orientation, and automatically change what the learner sees.

This class covers how Adobe Captivate 8 uses responsive design features. You’ll learn how to navigate the new Captivate interface, how to create responsive projects from scratch, and how to incorporate responsive training demos, simulations, and question slides into your eLearning courses. Additionally, you’ll learn about multi-device previewing and publishing methods.

Who Should Attend This Course?

  • eLearning developers
  • Instructional designers
  • Content creators

More information.