Adobe Captivate 8: Watch for Large Cache Folders

I've written about Captivate's Cache folder in the past. In case you aren't familiar with it, a cached version of your project is created in the Cache folder every time you save your Captivate project. The cached projects can make the process of opening, saving and working on a project faster than what one experienced with older versions of Captivate. However, with Captivate 8, developers are complaining about the increased size of the Cache folder.

Those folks aren't imagining things. It looks like Captivate is creating more folders of each project than before. Adobe is aware of the problem and you can expect an update to Captivate that will fix the issue. In the meantime, you should manually backup your projects (to an external drive) and clear the Cache folder at least once a month (by clicking the Clear Cache button).

Adobe Captivate: Clear Cache button

eLearning: Articulate Storyline and Microsoft PowerPoint

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

If Microsoft PowerPoint is your starting point for developing eLearning content, you can reuse that content in any of the top eLearning development tools including Adobe PresenterAdobe Captivate, and TechSmith Camtasia Studio.

This week I'm going to show you how to use Articulate Storyline and PowerPoint to jump start the eLearning development process.

You can either create a new Storyline project using a PowerPoint presentation or import PowerPoint content into an existing Storyline project. In the image below, notice that there is an Import PowerPoint menu item on Storyline's Welcome screen.

Articulate Storyline: Import PowerPoint

After clicking Import PowerPoint and opening the PowerPoint presentation, the Import Slides dialog box opens. You can select all of the PowerPoint slides or pick and choose. Once you've selected the slide(s) you want, click the Import button.

Articulate Storyline: Import PowerPoint dialog box.

The PowerPoint slides are imported into the Storyline project as Storyline slides and you'll end up in Story View.

Articulate Storyline: PowerPoint Slides in Story View

Unlike Camtasia (where the presentation becomes one, uneditable video), or Captivate (where each slide is converted to an uneditable video), opening a Storyline slide reveals an interesting possibility: the original PowerPoint slide objects can be manipulated. For instance, in the image below, the PowerPoint text box says "To continually develop…"

Articulate Storyline: Content from PowerPoint before editing.

Without leaving Storyline, I was able to edit the text in the image below to "To usually develop…"

Articulate Storyline: Content from PowerPoint after editing

The ability to edit the PowerPoint content directly in Storyline is awesome. However, there is no link between Storyline and the original PowerPoint presentation. If your subject matter expert is still making changes to the original PowerPoint presentation, you won't see those changes in Storyline (moreover, you'll have to make those changes in Storyline yourself). If the PowerPoint presentation is a moving target, you might want to wait until all of the PowerPoint edits are final prior to importing the presentation into Storyline. As I showed you last week, a Captivate project and original PowerPoint presentation can be linked. If the PowerPoint presentation is updated, you can easily get those updates to appear in Captivate. You might want to keep this fundamental difference between Captivate and Storyline in mind when choosing between the two development tools.

According to Articulate Support, here are some other limitations you should keep in mind when importing PowerPoint content:
  • Imported text may not look the same way it does in PowerPoint. You may find some variations in font size, line spacing, alignment, colors, or bullets.
  • Presentation size: If your PowerPoint presentation is a different size than your Storyline project, you may need to make adjustments to the size and placement of objects after importing them. Or, you can change your story size to match your PowerPoint presentation before importing.
  • Embedded fonts: Storyline doesn't support embedded fonts from PowerPoint. If a font used in the PowerPoint presentation isn't installed on your computer, Storyline will apply the default Articulate font to the imported text.
  • Animations and slide transitions: PowerPoint entrance and exit animations are supported in Storyline and will be imported–though some will be converted to Fade animations. Similarly, some PowerPoint slide transitions are supported in Storyline, while others get converted to Fade transitions. Emphasis animations and motion paths aren't supported and won't be imported into Storyline.
  • SmartArt Graphics will be imported as images.
  • Tables will be imported as images.
  • Equations will be imported as images.
  • Slide numbers won't be imported into Storyline.
  • 3-D rotation: Objects with 3-D rotation will be imported as images without 3-D rotation.
  • GIF images: Animated GIFs will be imported as static images.
  • Line thicknesses: Border and line widths may appear slightly different in Storyline.
***
Looking for instructor-led training on Articulate Storyline? Check out our live, online, instructor-led Storyline classes.

Microsoft PowerPoint: Character Challenge

by AJ Walther Follow us on Twitter View our profile on LinkedIn
 
A few weeks ago I presented a Character Challenge and asked readers to send in their PowerPoint-created eLearning characters. A round of applause for Tracey Stokely's awesome customized character!
 
Tracey Stokely character
 
Last time I submitted a before and after of IconLogic's Kevin Siegel. This time I decided to go ahead and play my own game and create my own eLearning character self-portrait. Ta-da!
 
eLearning: AJ as a character.
 
If you were feeling shy, but Tracey has inspired you, feel free to keep sending along those character submissions

***

If you love AJ's articles, you'll love her Optimizing PowerPoint Design for eLearning & Presentations mini course.

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 Captivate: Rescale Imported or Pasted Slides

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

If you have created a Captivate project and need to reuse a slide in another project, all you need to do is right-click the slide on the Filmstrip, choose the Copy menu item, switch to another (or new) Captivate project, and paste.

Copying slides between projects gets a bit complicated if the two projects are not the same size. For instance, the original project size is 1024×768. The other project is 825×675. When copying and pasting the slides between projects, larger slides pasted into smaller projects will likely get cropped; smaller slides pasted into larger projects will "float" on the larger slide.

There is an easy way to ensure that slides rescale when pasted between projects. First, open the project that will receive the pasted slide. Open Captivate's Preferences dialog box (Windows users, choose Edit > Preferences; Mac users, choose Adobe Captivate > Preferences). From the list of Categories at the left of the dialog box, choose General Settings. Select Rescale Imported/Pasted Slide (the option is deselected by default) and then click the OK button.

Adobe Captivate: Rescale Imported/Pasted Slide

With Rescale Imported/Pasted Slide selected, the slide you copied will rescale to fit the proportions of the active project after you paste. Keep in mind that if the two projects are not proportional to each other, copying and pasting slides between projects will likely yield poor results. For instance, if there are graphics on a copied slide that was sized to 2000×900 and you paste it into a project that is 700×500, the images will scale way out of proportion. When possible, copy and paste slides between proportionally-sized projects (for instance, copying a slide in a project that is 1024×768 into a project that is 800×600 would work well).
 
***
Looking for instructor-led training on Adobe Captivate? Check out our live, online, instructor-led Captivate classes.

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 8: Changing the Size of Responsive Layouts

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

As far as I'm concerned, the hottest new feature you'll find in Adobe Captivate 8 is the ability to create responsive eLearning. As I taught you a few weeks ago, by choosing File > New > Responsive Project, 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.

 
If you've spent any time creating Responsive Projects, you've probably noticed that there are three breakpoints in the project by default: Primary (set to a width of 1024 pixels), Tablet (set to a width of 768 pixels), and Mobile (set to a width of 360 pixels). The default breakpoints are based on typical sizes of a laptop (Primary), iPad (Tablet), and iPhone (Mobile). However, you can easily adjust the size of the breakpoints. 
 
To begin, open the CloudAir_SoftSkills Sample.cptx sample project that ships with Captivate 8. (On the right side of the Captivate 8 Welcome screen, click the Sample Projects/Tutorials icon.)
 
Adobe Captivate 8: Sample Projects icon. 
 
The project is responsive. Notice the colored ribbon at the top of the canvas; this is a breakpoint within Captivate (a breakpoint is the point at which the layout changes size to accommodate a different screen size).
 
Adobe Captivate 8: Responsive Projects
 
To change the width of a layout, select one of the three breakpoints and drag either slide to change the width.
 
Adobe Captivate 8: Change the width of a breakpoint.
 
See, I told you it was easy. Now for the height. 
 
The option to adjust a layout's height is disabled by default so that you don't accidentally change it. Each layout's default height provides space for Captivate's playbar. If you are not going to use a playbar in the published lesson, you should adjust the height accordingly.
 
To begin, it's a good idea to change your magnification to 75% (View > Magnification). If you are too close to the canvas, you will not be able to see the new height you are about to set. I've found that 75% is almost always the perfect magnification for me, but you may need to fiddle around a bit to find the prefect magnification for your display.
 
In the upper right of the canvas, select View Device Height
 
Adobe Captivate 8: View Device Height. 
 
From the bottom of the canvas, drag the Height Adjuster (the yellow rectangle in the image below) up or down to change the device Height.
 
Adobe Captivate: Adjust Device Height.
 
Note: The shortest you can make any device is 100 pixels; the tallest you can make any device is 1,000 pixels.

***

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.