Friday, October 05, 2007

Podcasting and Edit Timing

During my recent tour with Adobe UK demonstrating Adobe Captivate and Adobe Acrobat Connect Professional, I was asked whether I ever used the Captivate audio feature Edit Timing. Well I have to be honest and say that until now this one of those features that I have hardly used. However, like many Captivate users I am always looking for ways to cut down on my workload and any opportunity I get to re-purpose content I welcome with open arms. Which brings me nicely to the topic of podcasting.

As recently appointed training manager for WebAssist I'm always on the look out for new and creative ways to offer informal learning to our users; and one way of doing this is to use podcasting.

Now when it came to creating the podcasts I naturally turned to Adobe Captivate and looked for a way to take the voice-over from the existing feature tours (demonstrations) and use this in my podcasts.

Now if you are sitting there thinking well surely that is simple enough, you just export the audio you recording when you first captured your screen action! Then let me explain how I create my voice-over.

Firstly, I don't use Adobe Captivate, whilst the recording and editing tools present in the applications are fine for many users; they just don't offer the power that I need. Instead I use Sony Sound Forge to record and edit my voice-over. Oh and in case you are wondering I don't use a headset either. I currently use a Sure SM 58 microphone - yes I am one of those Captivate users. Once I have recorded my audio I then import this on to each of the appropriate slides.

Anyway back to podcasting. So here I am with maybe 30 audio files scattered through my entire project. So how do I get them all back into one single file? The answer is to use Captivates Edit Timing audio feature.

Here are the steps....

  1. Start by opening the Adobe Captivate project file you wish to extract the audio from
  2. Insert a new blank slide (Shift + Ctrl + J)
  3. Move the new slide to the very start of your project.
  4. Double-click on the slide background and set the duration to say 120 secs
    Note: If you don't set the duration to a high value you won't be able to move all the audio segments to just a single slide.
  5. Choose Edit > Edit Timing > Project
  6. Select the first of the slide markers and drag it to the first slide - your new blank slide.
  7. Now do the same for the rest of the slide markers
    Note: If you find that you cannot move a marker, go back to the blank slide and extend its duration.
  8. Once all the markers are all located on the first slide click OK.
Now using the Thumbnail view you should find that only one slide has audio attached to it.

The final task is to export the audio. To do this:

  1. Choose Audio > Advanced Audio...
  2. In the Advanced Audio dialog box select slide that has the audio
  3. Select the option - Include MP3 files in export
  4. Click Export
  5. Click OK
  6. Specify where the audio file should be created
Then it is simply a case of creating the project file you want to use for the podcast and importing the just exported audio.

Thursday, October 04, 2007

WebAssist Success Story

Earlier this year Adobe Systems Inc wrote a success story based upon the tremendous impact Adobe Captivate has had upon our business. This study is also featured in the e-Learning Guilds new ebook "The eLearning Guild's Handbook of e-Learning Strategy."

Monday, July 23, 2007

Announcing Adobe Captivate 3

The wait is over, Adobe have today announced the latest version of Captivate, Adobe Captivate 3. Over the next few weeks I will be blogging about many of the new cool features (and some extra little bits) but for now here is the list of new features:

  • Multiple recording modes
  • Automatic rerecording of web applications (MS IE 6 only)
  • Random Quizzing and Question Pooling
  • Cut, copy and paste slides
  • New Questions Slides
    • Hot-spot
    • Sequence
  • Zooming in and out in Branching view
  • Slide groups
  • Answer Shuffle
  • Rollover Slidelets
  • New Slides transitions
  • Microsoft PowerPoint Import - Now Adobe Captivate can convert PowerPoint slides into SWF files whilst retaining the animation effects
  • XML file export and import for easy localization
  • Preview project while recording audio
  • Find and Replace
You can ready about all of these features in more details from the Adobe Captivate 3 features page at Adobe.com

Thursday, July 05, 2007

Adding XML data in Adobe Captivate Projects

I am always looking for ways that I can extend my Adobe Captivate projects but not only so that I can include cool features but also to save myself some time. One of the time saving features I have been looking at recently is integrating XML (Extensible Markup Language) into my project files. Let me start by painting my requirements picture. WebAssist had a number of product suites (Super Suite, Web Developer Suite and Web Designer Suite) that were on special offer, now imagine that I had created a product feature tour that describes each of the suites and I want to include the offer price for each of the product suites.

View the Adding XML Data into Adobe Captivate projects sample.

Whilst I could just add the prices using transparent text captions what would be a lot more efficient would be to store the prices somewhere else so that once the special offer has ended I can adjust the prices without having to republish my Adobe Captivate project file. XML is an idea format for storing the suite prices but, since you cannot link XML data directly into Adobe Captivate you have do have to be prepared to spend a little time in Adobe Flash the end results are worth the extra effort.

The first step is to create the XML document which is something that you can very easily do in Adobe Dreamweaver CS3 or even Notepad if you don’t to use an HTML Editor.


<?xml version="1.0" encoding= "UTF-8" ?>
<!-- xml document created by Mark Fletcher -->
<products>
<product product_name="Super Suite" price="449.99"></product>
<product product_name="Web Developer Suite" price="249.99"></product>
<product product_name="Web Designer Suite" price="149.99"></product>
</products>

The next step was to fire up Adobe Flash and insert all the graphics and insert the graphics I wanted to include in the document. In this case I inserted the WebAssist logo and suite box shots.

Because I wanted to load text from a file instead of adding just static text, I inserted some text boxes and then using the Properties inspector text type drop down menu I selected Dynamic Text and gave each of the text fields a title.

Now for the ActionScript code which is used to display the data. I should point out that there are other ways of working with XML in Flash which I might come back to at some point in the future, but, for now here my AS logic.


// create an XML object called "my_xml"

my_xml = new XML();

// load data from an external XML file into "my_xml" object

my_xml.load("wa_offers.xml");

// When the data has been loaded... Call a function ("my_function" in this case)

my_xml.onLoad = my_function;

// ignore "white spaces", text nodes that only contain white space are discarded

my_xml.ignoreWhite = 1;

// function contents

function my_function() {

// take the data from the XML lines (line 0,1,2) and place that data inside text fields

text_field_1.text = my_xml.firstChild.childNodes[0].attributes.product_name;

text_field_2.text = my_xml.firstChild.childNodes[1].attributes.product_name;

text_field_3.text = my_xml.firstChild.childNodes[2].attributes.product_name;

//

text_field_a.text = my_xml.firstChild.childNodes[0].attributes.price;

text_field_b.text = my_xml.firstChild.childNodes[1].attributes.price;

text_field_c.text = my_xml.firstChild.childNodes[2].attributes.price;

Having tested the ActionScript code actually works, I then published the Flash document and turned my attention to Adobe Captivate

To add the published Flash file, I simply inserted the exported SWF file as an animation

At first when I did this I honestly thought that this wasn't going to work since in Captivate the XML data is represented as "undefined" both in Edit view but more alarmingly when I previewed.

However, I decided to press on and see what would happen once I have published the Captivate file.

In order to get XML to work correctly I did find that I had to publish the project using Flash version 8 but once I had done this and made sure that my XML file (wa_offer.xml) was in the same folder as my published Flash files the data did show through correctly.

I have included the sample files below in case you want to experiment with this

Published SWF files and XML
Sample Flash File with ActionScript code

Sunday, June 24, 2007

Disposable or re-usable content

In a traditional e-learning environment the general consensus is that when creating learning content you should ensure that your e-learning objects are reusable. However, with rapid training tools such as Adobe Captivate is this still valid?

According to William Ward the keynote speaker on the Adobe e-learning tour I have just finished; in many situations the cost of creating new content is so low that you can just throw the outdated content away and start again and in many cases William (Billy to his friends) is absolutely right!

This is something that I have done many times with the Captivate content I have created. In many cases amount of time and the cost of trying to integrate new content into existing projects just isn't worth it. This is especially true when the narrative needs to be recreated from scratch as trying to ensure the tone and the color of voice-over is exactly the same just isn't worth the time and effort involved.

Yet there are also many instances when, Adobe Captivates flexible work flow has enabled me to literally drop a few new images and voice-over into an existing project and save myself a ton of work.

For example, last week as part of a marketing campaign I had to update an existing product feature tour. In total these updates took no more than approximately 45minutes whereas, creating the project again from scratch would have probably taken me a whole day and this is what I probably love the most about Adobe Captivate. As you may have heard me state before, because Adobe Captivate is so flexible, I can mold my content around my work flow rather than being forced down a single path.

The upshot of this is that whether you always ensure your e-learning content is reusable or you because of a short product life cycle you are happy to throw existing content away and start again from scratch with a rapid e-learning tool such as Adobe Captivate it really doesn't matter.

So over you to. Wherever possible when creating your Adobe Captivate projects do you re-purpose existing content or do you always start with a blank canvas?

Tuesday, June 12, 2007

Announcing Nutshell


Last week the company I work for (WebAssist.com) announced the release of Nutshell - Enhanced Reporting for Adobe Acrobat Connect Professional.

So why I am talking about this in a blog that is supposed to be dedicated to Adobe Captivate and e-learning? Well, because Adobe Captivate works seamlessly with Adobe Acrobat Connect Professional. Integrate Adobe Acrobat Connect Professional with Adobe Captivate and you can track your learner's progress and ensure they meet their learning objectives and what Nutshell does is offer multi-tiered reporting on all Adobe Acrobat Connect Professional trainings as well as meetings and events. With Nutshell you can not only generate reports on your Acrobat Connect activity you can also do the same for all groups, departments or your entire organization!

Want to learn more about Nutshell? View the feature tours I created for this new product, which of course were created in Adobe Captivate!

Friday, June 01, 2007

Upgrading from Captivate 1 to Adobe Captivate 2: Fudging Text Entry Boxes:

Today I am going to share some of my experience of working with Text Entry Boxes when upgrading from Adobe Captivate 1 to Adobe Captivate 2.

Back in Adobe Captivate 1 WebAssist (the company I now work for) asked me if I would create a series of interactive simulations for an eCommerce extension to Dreamweaver – eCart. This was a very detailed project and involved me creating over 60 interactive project files, many of which included TEBs (Text Entry boxes.)

Recently due a number of corporate branding updates I had to upgrade the original Captivate project files from Adobe Captivate version 1 to version 2.

Naturally I started the lengthy process of testing the upgraded files to make sure that during the conversion process no issues had been introduced.

Imagine my horror when I found that any text I inserted into the Text Entry boxes (during preview / run-time) was rendered at a different font size in Adobe Captivate 2.

Here is the reason why this happens.

After upgrading a Captivate 1 project to Adobe Captivate 2, font in text entry boxes appears large in Adobe Captivate 2. This is because of a bug in Captivate 1 and Flash Player. The font used while editing and publishing the SWF file was not the same as the original font. This bug has been fixed in Adobe Captivate 2. However, Captivate 1 projects will continue to have large font in Text Entry Boxes when the projects are upgraded to Adobe Captivate 2.

The Adobe Captivate team offers two workarounds to address this issue.
  1. After upgrading a Captivate 1 project to Adobe Captivate 2, open the upgraded project.
  2. Edit the font in a text entry box.

  3. Use the Apply all option to apply the change to all text entry boxes in the project.

Now in theory this all sounds fine and certainly much easier that the second workaround which I will introduce in a moment.

The problem is that whilst you can change the font size in the TEBs in many cases when testing the TEBs at run-time having entered the correct text and moved to the next slide or whatever On Success action you have specified the text on the next slide of the project jumps slightly.

Now when you’re working with a single project file that has maybe one or two TEBs repositioning the Text Entry boxes isn’t a huge deal; especially since you can use the Advanced Interaction dialog box to locate all these controls. However, when you are working with multiple files all of which have many TEBs then this approach is simply a non-starter.

The second workaround might be a lot more complicated but at least it saves you from having to manually reposition your TEBs.

Here are the steps:

  1. Upgrade all the Captivate 1 projects to Adobe Captivate 2.
  2. From the Start menu, click Run, type REGEDIT, and click OK. The Registry editor appears.
  3. Browse to HKEY_LOCAL_MACHINE > SOFTWARE > Adobe > Adobe Captivate > 2 > FudgeFactor.
  4. Change the value of the FudgeFactor key to 1. The default value of the key is 1.4.
  5. Close the Registry editor. The changes are applied after you restart Adobe Captivate.
  6. Preview or publish the Adobe Captivate 2 projects.

What I do is create a folder on my Windows desktop and Label this “Fudge Factor is set to 1”

Wednesday, May 30, 2007

Dreamweaver CS3 Bible is alive


I am delighted to announce that the Dreamweaver CS3 Bible is now available. I created a series of interactive tutorials to accompany the book created of course with Adobe Captivate. When I get some spare time, I will post some of the techniques I used to create these tutorials. But for now it is back to the grind stone.

Friday, April 20, 2007

Exporting Captions to MS Word

Today’s post focuses on one of the reasons why I have been so quiet recently At the tail end of 2006 I was asked if I would be prepared to create a series of getting started tutorials for Dreamweaver CS3. Due to the incredibly positive feedback I received month after month, from the original Dreamweaver 8 Getting Started series I created a couple of years ago, the only answer I could give was “Yes!”

Initially, I had hoped that I would be able to repurpose a lot of the content I had previously created. However, due to the significant changes Adobe has made to Dreamweaver in Dreamweaver CS 3 and also the fact that the original tutorials were created using table-based layouts – so 2005 baby! I end up having to create virtually all of the Captivate project files again from scratch.

For the most part, one of the project components that I did manage to salvage was the caption text. This bring me nicely to the topic I want concentrate on, in this post - Exporting project captions to MS Word.

For those unfamiliar with this feature you can export your text captions to MS Word by choosing File > Import / Export > Export Project captions and closed captions…

In general the main reason why you would want to export text captions to MS Word would be to localize (translate) your caption text into another language. This is why if you have ever used this feature and opened the resulting MS Word document you were presented with two columns one called Original Text Caption Data and the other Updated Text Caption Data.

If you are a regular visitor to this blog you’ll know that I am pretty passionate about the Captivate 2 feature set. I’ll be honest I love nothing more than being able to use, promote and talk about Captivate wherever I can. During the elearning technologies conference I spoke at back in January (2007) many delegates asked about how do localize there Captivate projects and I got a real buzz seeing the look on their faces when I explained that Captivate makes this just so simple but anyway I digress…

For this project I knew that although I would not be able to import the text captions from my existing project files into the new ones (Captivate does not allow you to do this) I had to create for Dreamweaver CS3. What I could do, was to use MS Word’s Find and Replace tool to change all references in the text captions from Dreamweaver 8 to Dreamweaver CS3. And also change the name of the sample web site from Café Townsend to Aquo Drink (the name of the new sample site for the new version of Dreamweaver.)

Having made all required changes I then had to simply copy the text from the MS Word document and paste this into each of the new text captions I inserted into my new project files.

Although this might not seem like a big deal, it did mean that I didn’t have to type all the text for each of the text and failure captions and it also gave me the satisfaction of knowing that nowhere in the Getting Started series (thanks to MS Word’s Find and Replace feature) were there going to be any references to the original sample site “Café Townsend”

Wednesday, April 18, 2007

Converting SWFs into a video format

Well, following the sign off my very large Captivate simulation projects (details to follow in the near future) I mentioned briefly back in February I’m finally back and excited to share some of stuff that has been happening over the last couple of months.

Today's post is all about a great new little application from Sothink.com called SWF to Video Converter. Using this powerful new application I am now able to convert Captivate content we create at work (WebAssist.com) into an AVI format. This is a very exciting development because it means that for the first time we can distribute / broadcast content on sites such as YouTube

I first came across the SWF Converter thanks to the Developer Center article Silke Fleischer wrote; Silke is a senior product marketing manager for Adobe Captivate. So naturally, being the inquisitive soul that I am, I naturally went and downloaded a copy of this software to put it through its paces and I have to say that I was very impressed. The wizard style user interface is very straight forward and what excited me the most was that this app could also record the audio from the current SWF file. I have to say that along with another very cool feature I’ll come to in a minute, this feature sold the SWF converter for me and I recommend that we should purchase this product. As whilst in the past I had experienced success in capturing Captivate screens using an AVI screen recording tool, capturing the audio at the same time had proved to be very problematic.

The other very cool thing about this application is that whilst you are playing and capturing your Flash (SWF) files using the Converter, you can still interact with your SWF file. This is made possible because the SWF Converter supports ActionScript which means that when you capture your SWF, the ActionScript can be played properly. So what benefit does this give you? Well, it means that using the SWF Converter you can capture all the steps from an interactive simulation (training or assessment in Adobe Captivate) and convert it into a video demonstration! You can view a small example of this by downloading this example file (2,112 KB) Sample Adobe Captivate interactive simulation converted into video format.

You also can see how we are now using the SWF Converter to market the Database Starter Kit on YouTube.com by clicking on the this link. Database Starter Kits on YouTube.com

Wednesday, February 14, 2007

A Quick Update

Things are pretty crazy here at the moment so posts are going to be far and few between for the next month or so. I want to apologize to any one who has recently posted comments that I have not replied to yet once things settled down I promise to get back to you all. Here are some of the things that have been going on.

  • Speaking at the UK Learning Technologies Conference and presenting live demos for Adobe UK
  • The launch of Project DB Cooper. DB Cooper is WebAssist's first commercial training package teaching Dreamweaver users (PHP and ASP) how to work with databases developed as interactive simulations. Learn more...
  • UK Internet Magazine .Net feature WebAssist's SecurityAssist solution recipe on their cover CD of the .net February Edition

Sunday, January 14, 2007

Project: DB Cooper

Having just got back from my holiday break, I’m straight into creating Captivate content. One of the really exciting projects I am currently working on for WebAssist is a project which goes under the code name of “DB Cooper”. Unlike many of the other work projects I worked on last year, DB Cooper is an interactive simulation. Whilst I cannot go into the specifics of this particular piece of work, I must say that it feels great to be creating simulations again. There is just something about interactive simulations that really resonates with me;in particular the fact the interactive simulations enable learners to “exercise their mental muscles". Oh and if like me you haven't heard of DB Cooper before then visit this web address.

Adobe Captivate 2 includes a variety of new tools that make creating interactive simulations much easier that in previous versions these include:

  1. The Advanced Interaction dialog box
  2. The ability to automatically add text entry boxes for text fields

The fact that Captivate 2 will automatically insert text entry boxes during “capture time” is a good feature; though I have to be honest and say that I always find that I need to adjust any text entry boxes Captivate adds; plus, the program does not always capture the characters I have typed (during capture) correctly so there is still so additional steps to perform but at least now you have a better starting point than before.

However, the most exciting features for interactive projects are the Advanced Interaction dialog box. Historically, trying to recall the various settings you have applied to your interactive objects was a right royal pain as you had to inspection these individually. What the Advanced Interactive dialog brings to the table is the ability to review (and if required print) all your interactive project information from one centralized location. You can filter the list by clicking on the button that corresponds to the object type you want to review; one of things about the filtering I find particularly useful is the ability to remove any hidden slides from the list.

If like me you are spending much of your working life using this program then anything that improves you workflow and cuts down the overall duration of your Captivate projects is always something we will welcome with open arms.