You are on page 1of 102

239 for Producing and Managing TIPS Flash-based e-Learning Content

Edited by Bill Brandon

239 Tips for Producing and Managing Flash-based e-Learning Content |

2

Copyright © 2008 by The eLearning Guild Published by The eLearning Guild 375 E Street, Suite 200 Santa Rosa, CA 95404 www.elearningguild.com You may download, display, print, and reproduce this material in unaltered form only (retaining this notice) for your personal, non-commercial use, or use within your organization. All other rights are reserved. This is a FREE Digital eBook. No one is authorized to charge a fee for it, or to use it to collect data. Attribution notice for information from this publication must be given, must credit the individual contributor in any citation, and should take the following form: The eLearning Guild's 239 Tips for Producing and Managing Flash-based e-Learning Content Readers should be aware that Internet Web sites, offered as citations or sources for further information, may have disappeared, or been changed, between the date this book was published and the date it is read. Other FREE Digital eBooks by The eLearning Guild include: The eLearning Guild's Handbook of e-Learning Strategy The eLearning Guild's Handbook on Synchronous e-Learning 162 Tips and Tricks for Working with e-Learning Tools 834 Tips for Successful Online Instruction 328 Tips on the SELECTION of an LMS or LCMS 339 Tips on the IMPLEMENTATION of an LMS or LCMS 311 Tips on the MANAGEMENT of an LMS or LCMS Publisher: David Holcombe Editorial Director: Heidi Fisk Editor: Bill Brandon Copy Editor: Charles Holcombe Design Director: Nancy Marland Wolinski The eLearning Guild™ Advisory Board Ruth Clark, Lance Dublin, Conrad Gottfredson, Bill Horton, Bob Mosher, Eric Parks, Brenda Pfaus, Marc Rosenberg, Allison Rossett.

239 Tips for Producing and Managing Flash-based e-Learning Content |

3

Table of Contents
I. How to Use These Tips . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .5
A. Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .5

II. 105 Tips for Using Adobe Flash Professional & Flash Player . . . . . . . . . . . . . . . . . . . . . . . .6 III. 6 Tips for Using Adobe Acrobat Connect Pro (Breeze) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .44 IV. 26 Tips for Using Adobe Captivate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .46 V. 3 Tips for Using Adobe Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .54 VI. 2 Tips for Using Adobe Presenter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .55 VII. 9 Tips for Using Articulate Presenter & Engage . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .56 VIII. 4 Tips for Using Artculate Rapid e-Learning Studio & Studio Pro . . . . . . .61 IX. 6 Tips for Using Trivantis Lectora . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .63 X. 4 Tips for Using Camtasia Studio Screen Recording & Presentation . . . .66 XI. 21 Tips for Using Other Tools
A. Microsoft PowerPoint (6) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .68 B. Microsoft Word (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .70 C. Qarbon Viewlet Builder (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .71 D. zPhoto (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .71 E. Second Life (5) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .71 F. Code Baby (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .72 G. Microsoft InfoPath (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .72 H. Flash wrappers (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .72 I. Ignite Pro Studio (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .73 J. Audio Generator (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .73 K. Sonic Memo (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .73 L. Zamzar (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .73

239 Tips for Producing and Managing Flash-based e-Learning Content |

4

XII. 22 Tips Provided by Tool Vendors
A. Content Point – Atlantic Link (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .76 B. Quick Lessons (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .76 C. Talking Letter (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .76 D. Phasient Sim Builder (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .76 E. WILD Software (1) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .76 F. Flypaper (4) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .77 G. Unison (13) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .78

XIII. 31 Tips on Work Practices and General Tips . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .91 XIV. Thanks to Our Tipsters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .99 About Guild membership . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .102

List of Advertisers
Adobe Captivate
.....................................................................................................................

50

Adobe Flash CS3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .9 Adobe Flash Lite . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15 Adobe Notre Dame . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .40 Articulate eBook . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57 Articulate Rapid e-Learning . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62 Atlantic Link . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .89 Beeline . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .26 Dazzletech . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .66 Harbinger . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .75 QuickMind . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .34

239 Tips for Producing and Managing Flash-based e-Learning Content |

5

I. How to Use These 239 Tips
A. Introduction
In February and March, 2008, The eLearning Guild conducted a survey of its members, asking for their favorite tips for producing and managing Flash-based e-Learning. Members could submit tips relating to any or all of 19 different tools (plus an “other” category) that either produce Flash output or that can incorporate Flash content. A total of 147 members responded to the survey, contributing 239 usable tips on 28 products (17 of which were not included in the original list). As usual in our past surveys, the tips range in length from one-sentence ideas all the way up to multi-page discourses. Some are very basic in nature, and others are quite advanced. These tips were different from past surveys in one significant way: Many of them contain detailed ActionScript code that will help you solve common problems. We have not edited the tips in any way, other than to correct spelling – everything you see in this book is in the tipsters' own words. As a result, these tips will be useful to any designer or developer looking for best practices to incorporate into their own production process. We began the process of turning these tips into an organized collection simply by separating the tips into groups that made sense. The largest group is the 105 tips for Adobe Flash Professional and Flash Player. The next largest (31 tips) consists of recommended practices and general tips for working with Flash. About half of the tools garnered only a single tip each. Next, we separated the tips that vendors provided on their own tools from the tips provided by users of the tools. Because many of the tips were long, and addressed more than one idea, it was not possible to sort the tips further into sub-categories. As a result, we have provided summaries of the key idea in each tip (with a few exceptions). These summaries are printed in ALL CAPS at the start of the tips. Another difference in this book, compared to our others, is that after each tip we provide the name of the tipster who provided it. A list of Tipsters appears at the end of the book. This may help you to contact Tipsters for additional information. A few tips were contributed by “Anonymous.” We deeply appreciate the effort that contributors made to create these tips. We hope you find many valuable ideas here that can help you as you create Flash content for online learning. This FREE Digital eBook would not have been possible were it not for a generous contribution to its development from these sponsors: • Adobe • Articulate • Atlantic Link • Beeline • Dazzle Technologies • Harbinger • QuickMind If you're not familiar with their products for e-Learning, or if you haven't checked them out lately, we encourage you to take a look at your earliest convenience.

239 Tips for Producing and Managing Flash-based e-Learning Content |

6

When importing a sound to your Flash movie, do it with good quality and an uncompressed format. This will allow you to produce versions with different qualities simply by changing the Publish Settings. Remember, MP3 is a format that loses quality when the compression increases.
mario gutierréz toledo

II. Adobe Flash Professional & Flash Player
USE EXTERNAL FILES FOR DATA — Don't hard-code text, or even images, inside your .SWF file. Use an external file, such as .XML, to store that information, and just load it dynamically at run time. This will make any possible future update a snap. In addition, you can reuse the same Flash programming and produce many different content screens, just by loading different data files. Tipster: Adrián Murillo IMPORTING SOUND — When importing a sound to your Flash movie, do it with good quality and an uncompressed format. This will allow you to produce versions with different qualities simply by changing the Publish Settings. Remember, MP3 is a format that loses quality when the compression increases. Besides, all sounds are decompressed to be included in the Library of an editable file (.FLA), so that the file size and the time to generate .SWF movies remain unchanged. Tipster: Mario Gutierréz Toledo ALWAYS DECLARE AND INITIALIZE VARIABLES — Don't just use them. This may seem like a nobrainer, but it's surprising how often it happens. Make sure to provide a default value, even if it's just a blank space or “ ”. Also, remember to initialize the setInterval every time you start a new content section. Not doing this may cause some random, hard to solve, problems. Even more so when your content integrates inside another system, such as a LMS or custom player. Tipster: Adrián Murillo OPTIMIZING E-LEARNING VIDEO FOR THE WEB — If you are looking to deliver to the largest audience, you'll want to select Flash 7-based compression of your content. Using the Spark or On2 Codecs (additional cost) will offer great quality video and easy integration into your content. If your viewers have the latest Flash player 9 or higher, look to use the new H.264 compression technology. This allows you to play back the highest quality video at the smallest sizes. General guidelines for compression: • 15 frames per second • 320 x 240 pixels or 512 x 384 pixels • Keyframes: 90 • Audio: MP3 - 22 khz, Mono, 64 kBit/s Remember, lowering your audio from Stereo to Mono will significantly reduce the file size of your video. Also with the latest codec's, you can take advantage of pixel doubling where you compress at a smaller size and enlarge the video on your HTML file for playback. This allows a larger viewing area with smaller downloads. Compress your video as .FLVs which are external files to your main Flash tool or application. This allows you to easily swap or update your content as you develop, or need to update to a newer version. Tipster: Joy Vinson Tool Tips: Look at Sorenson Squeeze for Mac or PCs, or for Mac Video users look to Episode, for your compression toolset. Tipster: Nick Floro

IE 6. such as 7. Opera. In the symbol. Tipster: Adrián Murillo TEST YOUR CONTENT ON MULTIPLE PLAYER VERSIONS. Add the following ActionScript to frame 1 of the main timeline. Place this symbol in frame 1 of the mcCorrect layer." Entering text works great for multiple choice. But what about “Click the area of the window” questions? Here's a tip that will allow you to show the correct answer for a hot-spot learning object. IE 6. or 9. Don't just test over major version changes. such as. but most important. obviously. Sometimes the very same version of the Flash player behaves differently on different browser versions. Move the mcCorrect over the object that is the correct answer.48. such as FF 1.sessionStop().submitScore(). open the HotObjects_single. IE 7. FF 2. 5. or as appropriate.mcCorrectSpot. this is what will be used to highlight the correct answer.0. Naturally. 4.0. Sometimes the very same version of the Flash player behaves differently on different browser versions. or as appropriate. name the layer "mcCorrect". STARTING FROM YOUR MINIMUM REQUIRED UP TO THE LATEST VERSION — Adobe has a tendency to implement new “security” fixes that sometimes may block some functionality. Test over minor. scroll down to line 188._visible = true. router. Adrián Murillo TARGET TO FLASH PLAYER 7 AS MUCH AS YOU CAN — Many systems don't have access to a more updated player version. Internet Explorer. Create a new movie symbol. "Sorry that is not the correct answer. In the actions for the object.115. mcCorrectSpot. . IE 7. The sun rises in the East and sets in the West. the Flash player blocks the getURL function calls. Tipster: Adrián Murillo HOW TO HAVE THE HOT SPOT E-LEARNING OBJECT DISPLAY THE CORRECT ANSWER — When using the Flash learning objects you can specify the incorrect feedback. and so on. Opera. Tipster: Adrián Murillo TEST YOUR CONTENT ON MULTIPLE BROWSER VERSIONS — Don't just test on Firefox. For example. It's surprising how many people are using them to browse the Internet. older systems like Windows 95 and NT. Internet Explorer.115._visible = false. starting with version 9. Create a new layer above the Components layer — to keep yourself organized. such as 9. and name the instance "mcCorrect". draw a circle. and so on. Test several browser versions also. Test several browser versions also. Adobe Flash Professional & Flash Player continued Don't just test on Firefox.0. T/F. newer platforms such as the Nintendo Wii. 8. For example. Below these lines add: _root. 9. In the Action panel. You'll see: router.239 Tips for Producing and Managing Flash-based e-Learning Content | 7 II. this decision depends on your target user profiles. 3. 2. and fill-in-the-blank type questions. FF 2. 1. causing many problems on already-deployed content. such as FF 1.

Tipster: Mario Gutiérrez Toledo TEST EARLY FROM A REMOTE SERVER — Many content problems in Flash. and mcCorrect4. Adobe Flash Professional & Flash Player continued When you must display long text passages.” In short. When you must display long text passages. They had a satisfied experience of Math learning.0 to create a course for Mathematics. making long passages difficult to read. may not present themselves until the . regardless of the user’s connection speed. avoid putting Darth Vader against the microphone. making long passages difficult to read. You can apply the same logic to the drag-and-drop learning object. I guarantee that when you come back to the . prefer female voices. keep your loading screens light. For example. It is quite effective. Note. minimize surrounding animation. sound effects. Additionally. Tipster: Jason Harris USE FLASH INTERACTION TO SUPPORT LEARNER EXPLORATION OF MATH CONCEPTS — We used Flash 8. The conclusion is 1+2+3=180°.mcCorrectSpot. and the site contains countless sound loops. You would need to adjust the script to hide and show each instance accordingly. and two of the vertex points are defined. Movement on the screen can distract the user. and graphics for royalty-free use.239 Tips for Producing and Managing Flash-based e-Learning Content | 8 II.com is a tremendous resource for all Flash developers. The Flash community heavily traverses their forums. The software utilizes the motive character of Flash 8. Students drag the triangle._visible = true. or someone else is using your file. you will need to add an instance of the mcCorrect symbol for every drop object. you would need to have mcCorrect1. you won't remember what the code is doing. DSL. Our technology design is to improve the scientific mind of the students. Jason Harris Your script will look like this: router. mcCorrect3. Use . Flashkit. Always remember that users may be accessing your content from home.submitScore(). via Cable. Tipster:Wimong Ma ADD EXTENSIVE COMMENTS TO ANY ACTIONSCRIPT CODE — One comment for each line that does something unique.com is a tremendous resource for all Flash developers. Keep bandwidth constraints in mind when designing and developing content. Just because a .SWF is streaming from a remote server over the Internet. and the students get to look for an algebraic expression for the relationship. Students can drag one top point to make different types of triangles.FLA file some time later. such as external resource loading or XML communication issues. to research the relationship of the three angles.0 to show the geometrical graphics. or over a modem.SWF loads quickly from your local hard drive or network does not mean it is bandwidth-friendly over an Internet connection. Your loading indicators should display quickly. If you don't. commonly called “artifacts.sessionStop(). minimize surrounding animation. Tipster: Tracey Kogelmann SELECTING VOICES — For your narrations. This allows you to better disguise the high whistles (quantization errors) the MP3 Flash compression produces. The software shows each degree of the angle. Keep your ActionScript on a separate locked layer in the timeline so that all the code is in one place. Flashkit. if you have four drop objects. or men with a medium register. Movement on the screen can distract the user. placed with ActionScript programs. _root. mcCorrect2. router.

Maximize development productivity Leverage the power of a true development environment. Enjoy timesaving integration with other Adobe creative soft ware. including Adobe Premiere® Pro. Create interactive websites. Flash Player is installed on more than 700 million computers and devices worldwide. streamlined error resolution. commenting. Explore innovative styles and techniques. and mobile platforms.0 language supports a structured and intuitive workflow that saves time and facilitates exchange between designers and developers. Adobe Creative Suite 3 Web Premium combines Adobe Bridge CS3. develop. the world’s most pervasive soft ware platform. . Flex™ Builder™ 2. Utilize professional coding tools including code collapse. Extend your reach Extend the reach of your work by creating content for Adobe Flash Player. INTERACTIVE CONTENT ® ® Adobe Flash CS3 Professional software is the most advanced authoring environment for creating rich. Easily exchange designs. Create content once. animation. and then deploy it to multiple platforms. interactive content for digital. and fi les between applications without compromising fidelity. Soundbooth™ as well as Adobe Bridge.Datasheet ADOBE FLASH CS3 PROFESSIONAL CREATE AND DELIVER RICH. presentations. After Effects® and . consistent results that meet or exceed the original vision. web. The new ActionScript™ 3. assets. • Adobe Dreamweaver® CS3 • Adobe Flash CS3 Professional • Adobe Photoshop CS3 Extended • Adobe Illustrator CS3 • Adobe Fireworks® CS3 • Adobe Acrobat 8 Professional • Adobe Contribute® CS3 . including over 96% of Internet-enabled desktops. impress your clients with more than they expected. and more. With Flash CS3 Professional. the possibilities extend as far as your imagination. Consider Adobe Creative Suite 3 Web Premium Move up to Adobe Creative Suite 3 Web Premium software for everything you need to prototype. enabling individuals and teams to deliver predictable. Depend on Flash CS3 and Adobe Flash Player software to ensure your content reaches the widest possible audience. but also to a wide range of mobile and consumer electronics devices. and more. you can leverage your work not only to the Internet. and interactive design tools. Easily work with other Adobe software Now your favorite tools will play well together. Photoshop® Illustrator® . and deliver consistent results across multiple platforms. games. . and maintain websites. the central hub of Adobe Creative Suite® 3. Adobe Device Central CS3. web applications. instructional media. automatic syntax completion. Adobe Stock Photos. design. rich media advertisements. By creating content with Flash CS3. and Adobe Acrobat® Connect™ with: Enjoy creative flexibility Realize your creative vision with a full complement of drawing. and mobile content. Adobe Version Cue® CS3.

Fireworks.adobe. Intel Core. Adobe Stock Photos and Acrobat Connect. Rich drawing capabilities Visually adjust shape properties on the stage with smart shape drawing tools. Illustrator. Photoshop. embedded cue points. Windows . Flex Builder. Intel Centrino. Create and test interactive applications and interfaces viewable with Flash Lite™ soft ware. Copy animations from one object to another. Acrobat Connect. Mac OS and Macintosh are trademarks of Apple Inc.0 language. preview. MP3 audio support Integrate audio into your projects by importing MP3 fi les. Creative Suite. Availability of services is subject to change. After Effects. and closed captioning. reused. Microsoft. but not limited to. interactive content for digital.com.0c software • Internet or phone connection required for product activation • Broadband Internet connection required for Adobe Stock Photos* and other services Macintosh • 1GHz PowerPC® G4 or G5 or multicore Intel processor • Mac OS X v. Visually adjust shape properties on the stage. Shape primitives Easily create pie wedges.1. the Adobe logo. define an inner circle radius. and test mobile device content using Adobe Device Central CS3. and Pentium are trademarks or registered trademarks of Intel Corporation or its subsidiaries in the United States and other countries. web.com/flash. Adobe Systems Incorporated 345 Park Avenue San Jose.com 95008976 3/07 . featuring improved performance. Adobe Device Central Design. paste illustrations from Illustrator CS3 into Flash CS3. registered in the U. For details. round off rectangle corners. and then edit them in Flash CS3. And create custom shapes with the included JavaScript application programming interface (API).2 software required for multimedia features • DirectX 9. . Convert animation to ActionScript Instantly convert timeline animations into ActionScript 3. and more. and more intuitive and structured development. © 2007 Adobe Systems Incorporated. now integrated throughout Adobe Creative Suite 3. ActionScript 3.0 code that can be easily edited. visit www. ActionScript. create precise vector illustrations with the new Pen tool inspired by Adobe Illustrator.0 development Save time with the new ActionScript 3. Optimize and customize the fi les during import. including. PowerPC is a trademark of International Business Machines Corporation in the United States and/or other countries. languages. Extensible architecture Leverage the Flash APIs to easily develop extensions that add custom functionality. visit www. Flash Lite. Soundbooth. Create rich. Intel Xeon. without requiring audio production experience.. frame-based timeline inspired by traditional animation principles such as keyframing and tweening. All other trademarks are the property of their respective owners. alpha channel support. or Enterprise (certified for 32-bit editions) • 512MB of RAM (1GB recommended) • 2.2 software required for multimedia features • Internet or phone connection required for product activation • Broadband Internet connection required for Adobe Stock Photos* and other services * Online services. Flex. Intel Centrino® Intel Xeon® . Adobe Premiere. and deploy streaming and progressive-download FLV fi les with a standalone video encoder. may not be available in all countries.024x768 monitor resolution with 16-bit video card • DVD-ROM drive • QuickTime 7. Adobe. All rights reserved. CA 95110-2704 USA www. QuickTime import. and mobile platforms.System requirements Windows® • Intel® Pentium® 4. Intel. edit.10. Business. and Windows Vista are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries.adobe. Sophisticated video tools Create. Printed in the USA. Integration with Adobe Soundbooth soft ware makes it easy to edit fi les as needed. and Version Cue are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.5GB of available hard-disk space (additional free space required during installation) • 1. Ultimate. increased flexibility.8 • 512MB of RAM (1GB recommended) • 2. and other countries. and do much more. a high-quality video codec.S. highly controllable. Frame-based timeline Quickly add motion to your creations with the easy-to-use.adobe. Related products • Adobe Flex • Adobe Flash Media Server For more information For more details about Adobe Flash CS3 Professional. Top reasons to buy Adobe Flash CS3 Professional Adobe Photoshop and Illustrator import Import Photoshop (PSD) and Illustrator (AI) fi les. and currencies.024x768 monitor resolution with 16-bit video card • DVD-ROM drive • QuickTime 7. Dreamweaver. Flash. The names and logos referred to in the sample artwork are fictional and not intended to refer to any actual organization or products.5GB of available hard-disk space (additional free space required during installation) • 1. while preserving layers and structure. Use of online services is governed by terms and conditions of a separate agreement and may be subject to additional fees.4. or Intel Core™ Duo (or compatible) processor • Microsoft® Windows XP with Service Pack 2 or Windows Vista™ Home Premium. video import.1. Acrobat. Contribute. and leveraged by developers.

2. They can act as a spokesperson. preferably with some sort of tease that encourages them to click the link. so that it is not necessary to republish the . the game must have the same goal as the advertisement. an increase in the number of people visiting and participating in your e-Learning courses. 4. use them. The rich media of Flash provides an excellent means of gaining your audience’s attention to a course. Make it interactive. but via Flash you can deliver a more effective and entertaining message than with text and static graphics alone. Many marketing strategies utilize electronic announcements. Tipster: Jeffery Goldman . I find that if people like the advertisement. the first page of your learning management system. 7. Include audio and any appropriate sound effects. FYI: I load the Flash . but via Flash you can deliver a more effective and entertaining message than with text and static graphics alone. be very cautious not to offend anyone. they will forward the e-mail. or as actors in a skit. easy to import into Flash. why the course is relevant to them. For example. 3. and a link to it or to the learning management system where they can launch it. Make it entertaining. and Flash is an excellent tool for this purpose. Reuse any appropriate Flash objects already created for the course.SWF to my Intranet and send a link instead of sending the Flash .SWF with each use — the XML can drive the content.SWF out of the body of the e-mail. and the benefits of taking it. they can be discussing their thoughts on the course. and so on. I also like to e-mail a link to the advertisement to all potential participants and their supervisors. furthering the reach of the advertisement’s message. Place the advertisement where the audience will most likely see it. Be sure to communicate why the course is relevant to your audience. and with that. However.SWF directly in the body of the e-mail. the training department’s homepage. such as e-mails or Intranet articles. 9. Not only will this save you a lot of time. and the benefits of taking it.239 Tips for Producing and Managing Flash-based e-Learning Content | 11 II. your organization’s Intranet homepage. This will not only keep your audience’s attention. Most e-mail systems will strip the Flash . Keep the advertisement as brief as possible without sacrificing your message. and why it was beneficial to them. Here are some tips for using Flash to market your courses: 1. Sound is a great attention grabber. but also provide a preview of the interactive elements in the course. which is communicating why they should participate in the course. that is a plus. and if you are using it in your course it can provide a preview of the course’s use of audio as a medium. For example. Many marketing strategies utilize electronic announcements. Tipster:Wendy Phillips USING FLASH TO MARKET E-LEARNING COURSES — Marketing is key to successful implementation of an e-Learning course. and the benefits of taking the course (what’s in it for them). Jeffery Goldman XML where possible. With Flash used as your marketing tool you will get more of a “buzz” around e-Learning releases. but it will also give the audience a preview of the content and design they will encounter in the course. If you can make the advertisement a short game. why the course is relevant to them. 6. 8. Use characters in the advertisement. Conclude the advertisement with instructions on how to access the course. such as e-mails or Intranet articles. 5. If the course has characters in it. If using humor. Adobe Flash Professional & Flash Player continued The rich media of Flash provides an excellent means of gaining your audience’s attention to a course.

and it helps make your content richer and more accessible. organize. This means that you can focus on content and forget about codes and everything to communicate with LMS. Adobe Flash Professional & Flash Player continued Be sure to include sniffer code at the start of the module to ensure that learners have the correct Flash player.) Tipster: Susan Steinfeldt . audio adds a lot to the final file size and benefits from external editing before importing into Flash. but hosted on different levels. Avoid looping sounds that are set to the stream setting. and the mainFile will calculate. If you need more information. just ask and I’ll be glad to help.SWFs can't be loaded at the same level. Consider adding a text display to any files with audio. and samples of how to do it and how it works. Tipster: Carlyne Lynch ADDING AUDIO TO FLASH PIECES MAKES A POWERFUL LEARNING TOOL — However. and each page would be a single Flash file (pageFile). HTML must load this host Flash (mainFile). Tipster: David Becker HOW TO WORK WITH pageFiles — My tip is to break apart every single Flash file. To do that. and it will never be unloaded (Level 0). Flash Files work with levels. This means that we can control different . and take an appropriate action. Each chapter is a SCO. setScormScore. when the user enters the Course/SCO. and applied it at major e-Learning companies in Brazil. and then add loops. You can reuse this technique on all of your courses with just a little bit of a change between each one. we can load as many Flash files into another as we want. Let’s say that the course is going to look like a book. he would see the first page of the book. When you load a pageFile (Level 1) it will call a function hosted on mainFile. you can have a single file with all functions (programming once) and several files with just content. when he finishes reading it he will jump to the next pageFile and so on. but two . and deliver content on the fly and only when is needed. I’ve developed this technique. David Becker LOOPING AND STREAMS — If you set your sound's sync to stream. improving the quality of the courses. with some chapters and several pages. They said. setScormStatus and so on. Tipster: Eber Ribeiro Pinto SCRIPTING FOR BUTTONS IN THE FIRST FRAME — Put scripting for all buttons throughout your program in the first frame.239 Tips for Producing and Managing Flash-based e-Learning Content | 12 II. doing that they improved performance and reduced the time to develop and deliver a course to the client. the file size can grow huge for each loop that is specified. This can be a simple text feature that the user can show or hide. The mainFile must have all functions to control communication between pageFiles and the LMS through SCORM/AICC commands like: loadNextFile. Therefore. The pageFiles should not be larger than 100K so Internet and Intranet users can view them. Doing that. and it's changed my workflow.SWFs loaded at the same time. (I learned this tip from Chris Florio. like calling another pageFile or setting a status completed on the LMS. You can also use the Property Inspector's audio-edit feature to trim dead air off the start and end of audio files. Even silent audio space takes up kilobytes. you must have a file that controls it all. Now they have more time to focus on content and animations. Tipster: David Miller SNIFFER CODE — Be sure to include sniffer code at the start of the module to ensure that learners have the correct Flash player.

the benefit of having one master . if not faster. Adobe Flash Professional & Flash Player continued Place the audio in a single movie clip and use it using ActionScript. or anything else that will be part of the interface throughout the entire CBT in a separate . and is just as fast. You can now import content created in Photoshop directly into Flash. I wanted to add my support. Tipster: Joe Shultheis SAVE TIME BY CREATING RE-USABLE OBJECTS ONLY ONCE — Put things like the navigation. stage size. I have had 30-some layers of non-related imagery in one file.PSD layers to be created as separate symbols. help menu. I create a layered . Now.SWF file to be loaded into the main movie.PSD has proved to be a good thing when looking for changes. We have developed a Flash template that produces smaller published file sizes than Captivate. Other tricks we use are capturing screen captures as . every time you create a new . It neatly puts the new symbols into a folder in the FLASH library ready for use in the FLASH project. This has been huge for me. and having pre-built interactions such as double click. having the majority of text loaded from a text or XML file (easier to quickly modify). The user can choose which layers to import with a checkbox. I create it in one . and do not add extra load time to the tutorial.PSD file.PSD file with objects that are not even related to each other.PSD file. with and without this ActionScript to compare the results. _highquality. However. It does take a little getting used to while working in Photoshop. We can incorporate audio and video using . We also love using SnagIt for taking screen captures. We also develop storyboards first. and single clicks. Tipster: Kevin O'Donnell TIPS FOR FASTER DEVELOPMENT — I develop interactive tutorials on software for GE Healthcare. and background color as your default. Tipster: Marge Rutter USING FLASH TO SCALE IMAGES IN AND OUT DURING YOUR ANIMATION — My advice is to use some simple ActionScript on a blank layer of a single keyframe at the start of your movie. '2') I think you will find the results very effective and surprising. Here is that ActionScript to copy into a blank keyframe on your timeline: setProperty(''.MP3 and . text validation. Now comes the beauty of the new feature — from within Flash I import the . Try doing a simple scale of an image in a symbol from 50-100% over 30 frames or so.FLV files. to make sure the tutorial is correct before developing it in Flash.GIFs and then importing them into Flash. As long as the image size will accommodate the needed image.239 Tips for Producing and Managing Flash-based e-Learning Content | 13 II. and all the images are created as symbols in FLASH from the different layers in Photoshop. To create a file with multiple images unrelated to one another is not how I have used Photoshop in the past for creating FLASH content. Flash asks if you want the . It is faster to make changes recommended by a SME in Word than it is in Flash. Ram Mohan IMPORTING PHOTOSHOP CONTENT INTO FLASH — I have to believe that you have received numerous suggestions on this topic. glossary. I then only import/update the layer that was changed. You can then build each individual lesson or module without repeating these objects. instead of placing it on the timeline along with animation. These are loaded from external file sizes. company logo. Tipster: Jeff Krebs REDUCE ANTI-ALIASING — Use the document properties in Flash to set your most-often-used frame rate. I will manage content in layer folders sometimes. Because it is such a good NEW tool in FLASH Creative Suite 3. to develop tutorials in.

Instead of placing all your content into one extremely long timeline. This example assumes you have already outlined your content into its main sections and laid out the first scene (usually named “Scene 1”) in your . the beginning and end of each scene should follow a common “transition” theme that does not vary much. Your content will play out in sequence. After some navigational revisions. 2. Go through these scenes. Adobe Flash Professional & Flash Player continued Create a template with your background.FLA Flash files.239 Tips for Producing and Managing Flash-based e-Learning Content | 14 II. Tipster: Fredd Gorham .FLA file.”Think about it:When you’re organizing your learning content. keep in mind that in order to keep everything as seamless as possible. Tipster: David Miller MORE TEMPLATE TIPS — Create a template with your background.FLA file to be “modular.” you should also apply this method to your main . and drag it up to a place before the scene holding “Roles and Responsibility” content. you probably do what I do — you divide the content into topics. it’s all in place. If your scenes start with content fading into view. using “snap to pixels” will reduce anti-aliasing of your text and images. and rename them with the title of your major topic. Tipster: Kathy Zottmann AUDIO TIP — Place the audio in a single movie clip and use it using ActionScript. left-click and hold on the scene with the “Standards” content. Add your content. Tipster: Ram Mohan BUILD YOUR FLASH TUTORIAL USING “MODULAR DESIGN” PRINCIPLES — Here is something valuable I learned as I started down the path of e-Learning and building tutorials in Adobe Flash. Go to the ”Scenes“ window and highlight ”Scene 1.”This allows the developer to easily move between different tracks of content and/or actions. Learn to be resourceful when you’re building your . you should follow that theme with each scene. code to make the course work with your LMS. in order. This will allow you to move your scenes around without much worry of creating a confusing experience for your viewers. and end with content fading out of view. or removing content. try developing your master . This allows the developer flexibility in editing. 1. Adobe Flash has the ability to separate content by placing it into individual “scenes. or running the risk of missing something critical. If you take as much time as I do to organize your learning content into usable “chunks. and so on. Why not do the same thing with your main . and keeps them separate for easy organization. or creating more work for you. Need to move your “Standards” content so it appears before your “Roles and Responsibility” content? Easy — simply go to your Scenes window. When you’re developing the scenes in your .FLA document.FLA file? As you well know. and so on. 3. navigation. and then subtopics.” Duplicate this scene once for every major topic your learning content has by clicking the “Duplicate Scene” button at the bottom of the window. code to make the course work with your LMS. Then start each course or module with the template so you don't need to keep spending time recreating the wheel.FLA files. instead of placing it on the timeline along with animation. or running the risk of missing something critical. You also need to have your “Scenes” menu window open (you can do this by going to WindowOther PanelsScenes. navigation. adding. and yield crisper and more professional results. Then start each course or module with the template so you don't need to keep spending time recreating the wheel. Tipster: Fredd Gorham SIMPLE EXAMPLE OF MODULAR DESIGN — Here’s an example of how I do this. Kathy Zottmann Flash piece you can save a few clicks. In addition.

and test mobile content using the skills and resources you use every day. And with Flash Lite technology. you can design and push innovative content to millions of mobile devices using the Flash skills and tools you already have today. Advertising and mobile marketing applications. No matter the application. Flash Lite lets you take mobile design to a new level of creativity and interactivity. Inc.adobe.Why not take your apps mobile? With adobe® Flash® lite. preview. Moket. you already knoW hoW. Games. 1 billion—by the end of 2010. ™ For a long time. You can sell and distribute your apps through Adobe’s network of partners or create dynamic device interfaces for client projects. Flash Lite is the runtime specifically optimized for mobile phones and consumer electronic devices. Animated screen savers. © 2007 Adobe Systems Incorporated. and Flash Lite are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. Who can i reach? Today. Flash Lite content and images provided by 01design.. Now. you can quickly design. What can i create? Real-time. With Flash Lite. which now offers FLV support. All rights reserved. nearly 300 million mobile devices enabled with Flash Lite have shipped around the world. the Adobe logo. What is it? Based on Adobe Flash technology.. Flash. Adobe. and Smashing Ideas. You can even repurpose your existing Flash content and leverage in-house talent to extend your application’s reach to the frontier of mobile devices. And Adobe projects that number will skyrocket to 1 billion— yes. “Lite” means it has a light footprint in all ways: file size. That means there’s a significant opportunity to make waves as an early innovator in the world of mobile content and put your work in the hands of millions of users around the world.com/go/4it. CELL. BlueskyNorth Ltd. Learn more at www. how does it work? With Flash CS3 Professional. you can design any mobile app you can dream up—and even take your video content mobile with Flash Lite 3. interactive traffic maps. Printed in the USA. memory usage. and the new Adobe Device Central CS3. it’s the present. 95010046 9/07 . All other trademarks are the property of their respective owners. mobile content was the future. Design Assembly GmbH. and CPU requirements. What are you waiting for? Get started with Flash Lite today. and put your designs at the forefront of mobile content delivery.

Tipster: David Miller BUTTON CONTROL FUNCTIONS — Writing ActionScript for control functions on a button can be difficult to find at a later date. Tipster: Fredd Gorham PRELOADER AND STATUS BAR TIP — Always build a preloader and status bar when building large interactions and animations.SWF'. Chapter 9 of the Captivate manual lists additional commands. You can copy and paste everything below this line directly into the Actions panel of a frame: var myMCLoader:MovieClipLoader = new MovieClipLoader(). There are various reasons as to why you may not want to use Captivate's inherent controls. You will notice the jagged edges are gone. Create custom controls that you can place anywhere in the Flash movie. 4. Rename the duplicate scene with the name of the new topic. Once you identify where the additional content should reside. go into your ”Scenes“ window and highlight a nearby scene. .addListener(this). myMCLoader.” 2. Adobe Flash Professional & Flash Player continued Writing ActionScript for control functions on a button can be difficult to find at a later date. mcHolder).FLA file design.SWF using the MovieClipLoader class. It lets users know that the interaction will load on the page. Chris Stape ADDING NEW SCENES — If your tutorial is used on a regular basis. and your animation will look much smoother. it may require additions to update it. myMCLoader. That’s it in a nutshell. 3. users click Next to move on because they didn't realize there was an interaction on the page. The following script loads a Captivate . Open the newly-created scene. Here is what you can do: • Stop the loaded Captivate • Resume • Back one slide • Forward one slide • Check if Captivate is complete. etc) you can just leave them in place. Click on “Duplicate Scene. section names. Tipster: Cliff Singontiko SMOOTHING IMAGE EDGES — Do you sometimes tween images and notice how pixilated the edges look as they move? For smoother results. Here is an example: 1. and remove any content not relative to the new content. headers. Launch some event upon completion of the Captivate. check “Allow smoothing for” under “Bitmap Properties” for the images in question.239 Tips for Producing and Managing Flash-based e-Learning Content | 16 II. Using Captivate. Place as much of the control functions as possible in its own “action” layer. Sure you can do this using Captivate. saving you time from having to recreate or reposition them again. You also have greater control of how the item gets loaded. Place as much of the control functions as possible in its own “action” layer. If elements from the prior scene are relevant (that is. the item will take over the whole window.loadClip('captivateFile. Often times. but you may want to dynamically change what gets loaded based on any number of conditions. This is a strong point of modular . Add new content. Tipster: Chris Stape CONTROLLING A CAPTIVATE .SWF — Here is a tip for controlling a published captivate file that's loaded into a Flash movie.SWF FROM A FLASH .

} //to pause someButton1.onRelease = function(){ mcHolder.rdinfoCurrentSlide == mcHolder. } //is the captivate movie complete //this will trigger when the last slide is reached.239 Tips for Producing and Managing Flash-based e-Learning Content | 17 II.onRelease = function(){ mcHolder. Add a media streamer component. and then create a list of actions happening every time you reach a specific amount of seconds. onEnterFrame = function(){ if(mcHolder.rdcmndNextSlide = 1. //you want to add a blank slide at the end no content if you are //triggering some event so your viewers don't miss the content //on the real last slide.rdcmndPause = 1. Adobe Flash Professional & Flash Player continued If you wish to “trigger” different actions on screen.rdinfoSlideCount){ // it's done! do something } } //Do something while the captive is loading .rdcmndResume = 1. give it a reference to an audio file. What will happen is that (for example) an animation (movie clip) with an instance name of “myAnimation” will play when you get to . use a streaming audio file in the background for that. } //to go forward someButton3. and then create a list of actions happening every time you reach a specific amount of seconds. Add a media streamer component. for example an animation or a quiz.rdcmndPrevious = 1. Fabio Cujinoa //mcHolder is the MC into which the captivate gets loaded //add these commands to buttons or other events to control //to play someButton0.onRelease = function(){ mcHolder. use a streaming audio file in the background for that. } //to go back someButton2.onRelease = function(){ mcHolder. so you don't want to use //the onLoadComplete listener function onLoadStart(mc:MovieClip) { //add code here to do something } Tipster: Nick Stanziani USING TRIGGERS FROM AUDIO FILES — If you wish to “trigger” different actions on screen.this is tricky //the Captivate will start running (streaming) before it's //completely loaded. for example an animation or a quiz. give it a reference to an audio file.

currentpage != undefined) { trace(“It exists! “+_root.pager_so. the end user is returned to the place they left. 1. _root.currentSlide.gotoSlide(eval(_root.data. Tipster: Fabio Cujino DON'T FORGET TO ANTI-ALIAS YOUR TEXT — This will help with readability for the user. frame 1. add this code to screen actions. On the root slide. but be more processor intensive.com/almovie?key=32732 For PC: http://www.atomiclearning. and it makes the flow of elements perfect. you can use Flash Shared Objects to remember which slide the user last visited.com/almovie?key=32731 For PC: http://www. On every other slide throughout the presentation.currentpage)).data. but be more processor intensive.pager_so. you want to add this code to the slide's 'on (reveal)' event: . if (_root. Adobe Flash Professional & Flash Player continued When developing in Flash.atomiclearning.239 Tips for Producing and Managing Flash-based e-Learning Content | 18 II.com/almovie?key=32804 Tipster: Kathy Schroeder ADJUST THE FRAME RATE FOR SMOOTHER ANIMATIONS — When developing in Flash. A higher frame rate (24 fps is recommended) will produce smoother animations. } else { trace(“does not exist”). under the 'on (reveal)' event: // The first slide is always opened when a presentation // is started. This is a great technique. On the first child slide. 2. A higher frame rate (24 fps is recommended) will produce smoother animations.atomiclearning.pager_so.getLocal(“my_page”. This works for Web and CDROMs.currentpage).com/almovie?key=32803 Tipster: Kathy Schroeder LEARN MORE ABOUT THE FLASH CS3 PROFESSIONAL INTERFACE — For Mac: http://www. remember to adjust the frame rate in the Property Inspector. Upon re-visiting the content. Tipster: Anonymous FIND OUT HOW TO CREATE AND SAVE A FLASH DOCUMENT IN CS3 PROFESSIONAL — For Mac: http://www. This code then loads the SO value and // bounces the user off to the slide stored in the // 'currentpage' variable. add: // Create the SO pager_so = SharedObject. Tipster: Angela Nicholas LET USERS RESUME WHERE THEY STOPPED (AUTO BOOKMARKING) — If you use Flash Slide Presentation to build learning content.'/').atomiclearning. // Do some other actions } 3. The default of 12 fps is quite slow for today's computers.data. Angela Nicholas xx seconds in the audio file. remember to adjust the frame rate in the Property Inspector. The default of 12 fps is quite slow for today’s computers.

will likely involve different audio play times. but file size is much reduced. and Best for quality. Swan // This records the name of the slide into the SO. but in a separate layer. AND (e)replay just the audio [but with all visuals on screen]. _root. Audio clips should be located in the same timeline. or if you want to localize your Flash movie. just remove it from the timeline. and they are more cost effective to change since they affect less recorded audio time. NOTE: Spread your timeline across the length of the audio. Tie your audio segments to small. Providing both options gets confusing. Tipster: Red Resener PLACE NAVIGATION EITHER IN THE FLASH. the SO is loaded and the value of 'currentpage' // is the name of the slide that is getting stored in this step.JPG quality. and in the same Flash tab. or outside. you can assign the quality of images to 90. Smaller audio chunks are easier to sequence in the timeline._name. Label your first and last frames so your controller can remember where you pause/play (as % of total — same as for sound).currentpage = “_root. (c)go back to beginning. Tipster: Swan GIVE YOUR LEARNERS FULL CONTROL OF VOICE-OVER AUDIO AND SYNCHRONIZED VISUAL CONTENT IN YOUR FLASH LEARNING OBJECTS — 1. under Audio Stream | Event. Mythili USE EMPTY MOVIE CLIPS TO MAKE CONTENT DYNAMIC — loadMovie(“content. Transitions include subtle changes (or focus on the screen). this will not work. Enjoy your auto-bookmarking! Tipster: John Anderson TO REDUCE THE FILE SIZE OF YOUR FLASH MOVIE — After finishing your movie. OR OUTSIDE — Providing both options gets confusing. Adobe Flash Professional & Flash Player continued Place navigation either in the Flash.pager_so. and in . Audio should be sequenced into separate pieces. Tipster: Sanatan Saraswati AUDIO INTEGRATION WITHIN FLASH CAN BE TRICKY — It's even trickier when you have to make changes to the audio. not just transitions to a new screen or window. Link each voice-over file to the media controller. so adjustments to the timeline are required. 1. (b)play. // In #2 above. When you've finished. (d)go to end. Remember these tips — all good development practices — that will make it easier and more efficient. There won't be much difference in the output.239 Tips for Producing and Managing Flash-based e-Learning Content | 19 II. This is called “chunking. or translation of your audio segment. Create a generic media controller to (a)pause. // Tip: don't use spaces in slide names.”Time these chunks to your screen transitions. go to File | Publish setting.” + this. 2. When building your Flash object.SWF”. Changes to your audio. you can assign 32 kbps for bit rate. 3. empty_mc). distinct subject contexts. G. add your audio file to the timeline (as well as linking it to the controller) so you can easily see where to synchronize your visual layers. then go to Flash tab. Tipster: Mrs.data. in the Set button. . 2.

myVariable. as well as the opportunity to easily localize the content for other regions.. By relating the hit to the text. Adobe Flash Professional & Flash Player continued Keep your textbased content in external (usually XML) files so that updating the content is easy. how to make the same change in Flash. Grant Sherson 3.SWF file. Once you have the hit identified._x. you move it and size it to the related item on your stage. Consider providing an optional subtitled text window to display your audio text. You can call an empty hit box from the library with ActionScript. or replace it with translated language versions.myVariable==1){._x=button1txt_mc. This buffer allows users to focus their eyes on any visual elements before hearing the audio. Tipster: Grant Sherson ACTIONSCRIPT 2 — Keeping track of multiple variables was difficult until I started assigning them to the _root.239 Tips for Producing and Managing Flash-based e-Learning Content | 20 II. you can reference them from anywhere in your Flash movie(s). check it. Production times dramatically increase when you have to either engage multiple people to get a single change made. images. and provides a window to adjust audio playback in the timeline. This provides flexibility for being able to update the text should it need to change (such as technical specification changes at the last minute). and this technique gives you the option to provide subtitle text instead of recorded audio if cost becomes a factor. and is pulled in dynamically. Tipster: Scott Merrett ACTIONSCRIPT 2 — When you want a hit spot over some text. Assign it.. and thus is easily updateable and reusable amongst other Flash files. This works well when you have language changes. Always plan as if you will have to change the audio.SWF. Flash is very effective at rendering dynamic text (in whatever font and size you wish). Like this: button1Hit_mc.myVariable=1. The programming that encompasses the dynamic nature of external assets should also be external to the Flash files. It's much more effective to make changes to externalized assets that are dynamically pulled into the . if you change the audio in the future. if (_root. sounds. Text is a good starting point. should you want to provide your movie in different language markets. You can certainly treat images. the size of the hit will always match the related text. reusable SCOs. or teach someone making a writing change. and can allow for maximum reuse of a variety of content if your directory structures are set up properly from the outset. _root. Using this methodology parallels the methodology of creating small. By doing that. call it. and animations the same way. //move hit for button 1 into position and size it . or move the text around during your movie. or drag an instance onto the stage. 4. Tipster: Robert (Butch) Pfremmer EASY UPDATES — Keep your text-based content in external (usually XML) files so that updating the content is easy. This gives you flexibility in the future. Identifying the appropriate “chunking” takes some practice. Tipster: Scott Gale FLEXIBILITY FOR UPDATES — Plan to ensure that as much of the content as possible exists outside of the . _root. Audio recording can be expensive. Leave a second or two of empty frames in the timeline before your audio starts playing. and sounds. for instance. you may want to size and move the hit according to the text it is related to.

_height=button1txt_mc. In our example it would look like this: function myColorFunction(){ item1_color. Steve Johnson button1Hit_mc. and want to change them all to black except the one selected we want blue._y.//black } and so on for all ten items and this is then repeated for each hit .onRelease=function(){ item1_color. That.setRGB(0x0033AB).//black MAKE THEM ALL BLACK . doesn't mean you should. blink.//black item4_color.setRGB(0x000000). Adobe Flash Professional & Flash Player continued Just because you can do it in Flash. but if it doesn't help the user learn. so we set up the object movie called ”item1txt_mc” and call it ”item1_color”: var item1_color:Color = new Color(item1txt_mc).setRGB(0x000000). button1Hit_mc.239 Tips for Producing and Managing Flash-based e-Learning Content | 21 II. This gets hard if we have 10 items. and can be moved from project to project with ease. is a lot of code. button1Hit_mc.setRGB(0x000000).setRGB(0x000000).//black item3_color. my friend. They are a big time saver. //the -3 here just shrinks the hit width a little smaller than the text height Tipster: Scott Gale ACTIONSCRIPT 2 — If you do not know about creating your own functions to do repetitive things in ActionScript.//blue item2_color. item1_color. Using a function would look like this: First I make the function and name it ”myColorFunction” the guts go in here function myColorFunction(){ } Then I can call the function any time in the timeline/action script like this myColorFunction(). don't do it.setRGB(0x000000). or grab your attention in other ways. It would look like this: item1Hit_mc._height. An example:We want to change the color of something depending on changes/ clicks in our program. each time we want to change the color. and turns into a distraction for users. It just adds to your development time. buzz.setRGB(0x000000). check them out. Then._y=button1txt_mc._width=button1txt_mc. It might be fun to make things move. we write the text — item_color._width-3.

//black item3_color. By publishing down to two versions previous. I’ve created a “course player” that can be reused with content created by multiple developers. I hope that helps — let me know if you would like any further insight as I work with Flash daily. The reason being. Andre' Chatelain item2_color..//blue WANT BLUE }else if (myVariable==2){ }else if (myVariable==3){ } } and so on. you have to answer the question right. Your site may support Flash 9. You will find you can handle many repetitive tasks this way.239 Tips for Producing and Managing Flash-based e-Learning Content | 22 II. I have found it best to keep the functions and calls together in one movie. Then in my script on the hit.. it is best to produce content for a previous version.. Adobe Flash Professional & Flash Player continued Do not rely on Flash to compress your audio. Tipster: Thomas Gnas BUILD IN FLASH “CONTENT PLAYERS” — The content players will play content from XML files at runtime.setRGB(0x000000). when multiple sites are accessing your content. The content reuse ideal of SCORM is .//black and so on . if (myVariable==1){ item1_color. A collection of “boxes” covers an image. For example. I assign the variable and call the function. to use the content player. despite the latest technologies and functions available in the latest version of the Flash player. Compression is dependent upon application. Tipster: Scott Gale PUBLISH DOWN TWO VERSIONS — In my experience developing Flash content for an organization. your content developers can develop content in applications like MS Word (with the XML tool pack).setRGB(0x0033AB). All that people developing the course content have to do is. } myColorFunction(). all the developer has to do is to modify a Word document.//blue item3_color. and can be used in many ways. but MP3 is the most commonly used for most purposes.setRGB(0x000000).setRGB(0x0033AB). For example. but the next site over may only support Flash 8. in Word. identify the screen name and the content for that screen. This is a real time saver. but I publish down to Flash player 7.. there is no guarantee that their users have current Web browser plug-ins. Another one I’ve developed is a ”Concentration” game.onRelease=function(){ myVariable=1. The questions come from a Word file.setRGB(0x0033AB). it is almost certain that there will not be any issues in users accessing the content. To make a box disappear. Again. This way. Flash player 9 is currently available. item1Hit_mc.//blue MAKE THE ONE WE item2_color.

people are successfully using this method. it’s tool reuse (isn’t it really all about interoperability within LMSs [tools]?). In the Flash Publish Settings.239 Tips for Producing and Managing Flash-based e-Learning Content | 23 II. we can significantly extend our toolset. Briefly. and turns into a distraction for users. blink. Compression is dependent upon application. By creating tools in Flash that can play content loaded at runtime. change the Export Settings of your audio files to Default. the strings in the XML file are referred to as elements (or nodes). Tipster: Robert (Butch) Pfremmer USE DREAMWEAVER EXTENSIONS TO DOWNLOAD A SCORM BUILDER — If you happen to have Dreamweaver as well as Flash.xml Tipster: Carlyne Lynch AVOID MAKING DISTRACTIONS — Just because you can do it in Flash. yes. so put it in the first frame of your timeline — another good development habit. or distorted audio (audio that sounds like you recorded it in the bathroom). change the Audio stream and event settings to MP3. but if it doesn't help the user learn. If you’re wondering. The real power in SCORM isn’t content reuse. don't do it. This is an XML file saved in the Flash Configuration folder: C:\Program Files\Macromedia\Flash 8\en\Configuration\Filters\filters. Do not rely on Flash to compress your audio. you can build the source XML file with Notepad or any XML editor of your choice. Tipster: Andrew Teasdale ALWAYS USE EXTERNAL TEXT STRINGS IN YOUR FLASH FILES — It's a good development practice. the folks at Disney are using this method to quickly and efficiently develop e-Learning modules for their Cast Members. and even when you use the right settings. this also helps with clicking sounds. 4. Set the text field to Dynamic type text in the Properties panel. 3. and allows for easy modification of the text in future updates. Oddly enough. Tipster: Anonymous SHARE FILTER PRESETS — You can share filter presets with other team members by providing them with the filter config file. and the Bit rate to something no lower than what you originally compressed your audio. but MP3 is the most commonly used for most purposes. or grab your attention in other ways. 2. and package them to send to your LMS. For example. Here are a few of the tricks that I have discovered through several users and online blogs: 1. Like all good development practices. the audio will not always sound the way it should. Andre' Chatelain largely a pipe dream. buzz. It just adds to your development time. doesn't mean you should. Tipster: Steve Johnson MAKE AUDIO BEHAVE IN FLASH — I've discovered that there are many tricks to making audio work well in Flash. You reference these strings through XML Object type in ActionScript. There are many excellent examples you can look at on the Web for a complete tutorial. Adobe Flash Professional & Flash Player continued Adding a small bit of silence to your audio before importing it into Flash helps assure that it will not clip off the beginning of your audio. it allows for a more efficient translation process should you decide to localize your Flash file. change your audio to streaming if the visual corresponds or is timed to the . In the Flash Library. On your timeline. use the Dreamweaver extensions to download a SCORM builder. and assign the string a unique identifying variable. The SCORM builder will load all of your files. After making the text dynamic. Your ActionScript should be easy to find in your Flash file. It might be fun to make things move.

that can be accessed through a laptop or iPod that the students have with them in the simulator. The hard part was finding the time and resources to move forward quickly. buttonology. It also seemed we had to “sell” the idea too much. that they need. so the learning curve is steep. The SCORM builder will load all of your files. Tipster: Andre' Chatelain FLASH-ANIMATED JOB AID AND GLOSSARY TO ASSIST LEARNER PREPARATION — We have been very successfully combining instructor-led simulators with student preparation. C. a Graco product is identified along with related accessories. Based on their answers. We develop our products in Flash ActionScript 2. Event is usually used for sound effects. but our real ROI home runs came from some not-so-traditional products. targeted at what we want to present or show a customer or sales person. B. Adding a small bit of silence to your audio before importing it into Flash helps assure that it will not clip off the beginning of your audio. when dealing with equipment. If you pick motor 1. In order to prepare students. but often times.239 Tips for Producing and Managing Flash-based e-Learning Content | 24 II. and can take with them onto the job. and selection tools. and I would agree. Creating interactive training drove some need. math calculation examples. The payoff comes when the end product is very customized to what we need. this also helps with clicking sounds. but they stretch the limits of what we normally would do. and so on. or D. and make sure they understand how to handle multiple situations. Each clip is less than one minute long. Because the concepts are each in an independent movie clip. the items a customer selects determines other items they can or cannot select. In this case. Sounds easy. Internal demand for our products increased dramatically when we started building sales tools. and projects take a fair amount of time to create. We have developed a Flash-animated job aid and glossary that contains alphabetized movie clips that show the key concepts. We have also started using them in different schools across the enterprise. or combined for the entire course. controls. so when you mouse over it shows details or specific uses. You can say all these tools are training. Our highest-demand item though is selection tools. and package them to send to your LMS. concept. A fancy Flash showing the product and all its parts. Our sales folks like an interactive presentation that includes videos and sound where they can walk a customer through a product depending on their needs. or things that need to start at the right time. or C. A selection tool asks a series of questions that allows a customer to choose certain features they need. or distorted audio (audio that sounds like you recorded it in the bathroom). Oddly enough. but if you pick motor 2 then you can pick pump B. a customer is learning how to use the screens or controls by actually doing it. Simulators can reproduce the experience a customer will have with the products. they can be used to create custom glossaries for each lesson. Tipster: Janeann Hudson DRIVING INTERACTIVE NEED — In our training department we wanted to move toward interactive on-line training. Anonymous audio. and not just a PowerPoint. Adobe Flash Professional & Flash Player continued If you happen to have Dreamweaver as well as Flash. If you . We mainly use them for showing how to navigate through interface screens. We can set up scenarios. but nothing is depending on it to end at a specific time. A sales tool is training. then you can pick pump A. or computer screens. These often have very little training associated with them. 5. A tool could be a customer ROI calculator showing what they will save with our product. simulators. use the Dreamweaver extensions to download a SCORM builder. and does not make the student look through an entire lesson to find the exact function. and so on. they are taking standard CBT prior to entering the simulator.

and so on. Angela Nicholasa want a stainless pump. you directly drive sales.onEnterFrame = function (){ if (Key. or export them into other Flash-based e-Learning. Tipster: Scott Gale CONVERT YOUR BITMAPS INTO SYMBOLS — Any bitmap used more than once (including in two keyframes) should be converted into a symbol so it only downloads once. use . and this solution is primarily aimed at non-technical users.AS files to separate complex code functionality from the .isDown(44)) { } System. Build it once — use it often. In the right situation. Use this code: this. and items that fit together.FLA file will allow you to utilize the tools provided by the version control system to more effectively manage changes to the code over time. If they require a medium flow rate. } This will nullify the clipboard. if you want to increase demand for interactive training. have more concrete ROI numbers. Adobe Flash Professional & Flash Player continued Any bitmap used more than once (including in two keyframes) should be converted into a symbol so it only downloads once. since this function is controlled by the operating system. and we will eventually add more head count because of it. Tipster: Angela Nicholas HOW TO USE VERSION CONTROL TO MANAGE CHANGES — When developing applications using Flash. The result is customers ordering the wrong combinations. then you have to pick pump C or D. It gets complicated real quick. and across multiple team members.239 Tips for Producing and Managing Flash-based e-Learning Content | 25 II. we can ask the questions of what they need. you may want to look at building some not-so-conventional sales tools and selection tools. and then only show items that fit their requirements. Tipster: David Williams USE MOVIE CLIPS WHENEVER POSSIBLE — This makes your design more modular so you can move movies easily around the stage. Internal demand for selection tools is far greater than our resources. we don't show them small pumps or really large pumps. If they select a 240V motor. or frustrated with the process. and internal demand for your products will increase. Here is a little hack to nullify the clipboard when the user presses the PrintScreen key. and it is hard to show all the relationships in a catalog. we only show accessories for a 240V motor and pumps.FLA file. They will just call their sales rep. Tipster: Krishna Prathab R V . and check them into a version control system such as Subversion. This demand directly supports interactive training.setClipboard(“Screenshot Prohibited”). To summarize. Taking the code out of the . With a selection tool. We allow them to choose what they need. Tipster: Steve Johnson PREVENTING USERS FROM TAKING SCREEN SHOTS OF YOUR APPLICATION — There is no direct way to prevent users from using the PrintScreen key in the keyboard. who not so gladly spends his or her time ordering for their customer. Please note that there are still other ways the user can take a screen shot of your application. and the captured bitmap in the clipboard would be lost every time the user attempts to do a screen print.

com • 866.352.beeline. and on budget. develop and deliver engaging.Beeline eLearning Solutions – On Target. S u i t e 2 0 0 .com • eLearning@beeline. J a c k s o n v i l l e . On Budget. on time. Your projects will be on target. Enable workforce development any time. Our creative and skilled team of awardwinning developers has the experience across business segments and content areas to bring your eLearning to life. anywhere. www. Beeline’s eLearning Solutions include: • Custom eLearning Services • eLearning Development Tools • Learning Management System (LMS) Contact us today to have a representative speak to you about our eLearning Solutions. effective custom eLearning. Partner with Beeline to design. F L 3 2 2 5 8 . using eLearning to provide training and practice in your content and processes.4 4 6 7 . On Time.5463 1 2 7 2 4 G r a n B a y Pa r k w a y W e s t . Project management tools allow for rapid. collaborative development and review.

in a single Flash file. you cannot easily reuse that simulation with junior school children. including global items like bullets. The best e-Learning is highly customized. This will create a link to the external Flash file. Add the movie just once. filters. or with another language group. (Macs usually render fonts a little nicer than PCs. When possible. Label your layers. Layers are free. self- . choose File | Open External Library. Make EVERYTHING a symbol. This seems strange. possibly the page-specific graphic elements. while working on pages. You cannot globally set the output compression of imported graphic files. Build it once — use it often. Tipster: Carlyne Lynch FLASH THAT MODIFIES ITSELF “ON THE FLY” — A good teacher can read their audience. For example. keep the simulation separate from the content that describes and/or supports it. How to avoid this? Build all the global graphic elements. and don't reuse them for unrelated content. This makes your design more modular so you can move movies easily around the stage. If you put all the text and explanations in the same Flash file as the simulation.) Tipster: Tim Bobo USAGE OF COMMON LIBRARY FOR ASSETS — Situation: Typically. Then make sure the final output is from one platform or the other. you will create a source file that is TONS easier to edit eight months later when a person is picking up a file from another user. you might be building a simulation that describes how an electric motor works. the graphic team used to have a lot of graphic elements specific to that page. you have to either use the originally imported compression.239 Tips for Producing and Managing Flash-based e-Learning Content | 27 II. but saves you tons of time when editing the file later. buttons and so on. 2. if we get any change request like change the size of a bullet and the color. therefore updating is simple. and drag the graphic element to your stage. Steve Johnson BASIC FLASH TIPS FOR E-LEARNING — 1. 4. Tipster: Madhanaraj Kubenderan SEPARATE SUPPORTING TEXT FROM SIMULATIONS — If part of your content is a simulation. and alter their script based on their receptivity in real time. don't scrimp on using them. instead of importing them. When can something go wrong? With the above practice. and blends to these clips. If you import them. paste in your graphics. in Flash-based e-Learning courses. It takes a few extra seconds. Advantage: Global maintenance of the graphic elements. what is the pain? The team will end up opening each of the course pages to update the graphic element. each page (. Adobe Flash Professional & Flash Player continued Use movie clips whenever possible. or a specific compression for each graphic individually. and you can apply effects. but when you paste graphics in you can control the output compression for all items in the export settings. That way you can easily reuse the simulation in other contexts.FLA) is not heavy. If you have developers on both Macs and PCs. or export them into other Flash-based e-Learning. If you do this. It helps in exhibiting and getting approval of all graphic assets before the start of the work. spend some time up front choosing OR creating fonts that will render similarly on both systems. 3. and change the attributes of the movie on the stage and the movie clip will remain unchanged in the library. and your target audience is tertiary learners. Then. Tipster: Grant Sherson MODIFYING MOVIE CLIPS — Movies have clips that have independent timelines.

. keep in mind that most content developers have larger screens with higher resolution than the average learner — set a sensible base level for visual content.border = true. 10. and. 1. http://pipwerks. but you can make learning that adjusts itself in real time. which doesn't involve JavaScript. LocalConnection works across HTML frames and even browser windows without any additional effort.2 or 2004 LMS without having to figure out the ADL documentation. param2:Number) { }. is by using the ActionScript LocalConnection class. though fscommand() and getURL() may be used but are asynchronous and unidirectional. Flash is a very powerful programming tool that allows you to make use of complex variables that can alter the very nature of a training exercise as the learner progresses through it.com/lab/scorm/ Tipster: Matt Perkins USE JAVASCRIPT TO SYNCHRONIZE FLASH MOVIES — When using multiple Flash movies embedded on the same page. which in turn calls an ActionScript function in Movie B.239 Tips for Producing and Managing Flash-based e-Learning Content | 28 II. you can not only produce reusable training components. keep in mind that most content developers have larger screens with higher resolution than the average learner — set a sensible base level for visual content. more recently. result_txt. 100. Movie A and Movie B both establish LocalConnection instances. For example. Stuart Hornsey changing depending on the user's choices. var receiving_lc:LocalConnection = new LocalConnection(). variables. It is a wonderful solution for tracking to a SCORM 1. Since a LocalConnection channel has two endpoints. ActionScript in Movie A calls a JavaScript function. classes.createTextField(“result_txt”. Unlike the JavaScript relay approach. not just present. Tipster: Ryan Cameron DO LEARNERS SEE WHAT DEVELOPERS SEE? — While Flash is generally good at resizing content. receiving_lc. If you are simply using Flash to make entertaining animations or funny buttons. One way to do this is by using JavaScript as a relay. Here is a LocalConnection example provided by the Adobe documentation: // Code in the receiving . receiving_lc. The more you can take advantage of arrays. 22). therefore less flexible. 10. The Actionscript ExternalInterface class is the recommended mechanism for communication between JavaScript and the Flash Player. this.connect(“lc_name”). you are likely missing the boat. when the first movie stops playing you'd like the other to start playing. content. A simpler way to communicate between Flash movies. it is sometimes necessary to synchronize the two. or send information from one to the other. Adobe Flash Professional & Flash Player continued While Flash is generally good at resizing content. Tipster: Stuart Hornsey SCORM ADAPTER FOR FLASH 8 AND 9 — Pipwerks recently has released a SCORM adapter for Flash 8 and 9. which can then call methods on each other's instance. this method works best for a pair of movies that need to communicate.text = param1+param2.SWF file result_txt. I would challenge everyone in e-Learning to make use of Flash as a tool to teach.methodToExecute = function(param1:Number. objects.

it is possible for users to restrict Flash Player SharedObject “cookies” for your site. Adobe Flash Professional & Flash Player continued It's all too easy to jump into Flash and start creating your interactions.data. Tipster: David Miller . or even restarted their machine. David Miller // Code in the sending . it sometimes helps to sketch it out on paper first. Although they are often based on storyboards. Pay attention to the Flash Player security restrictions when using any of these methods.SWF file is intended to work with. (Especially in environments where upgrades by the individual user are not an option). such as after the user has browsed to a different page.) Tipster: Rob Wiggins TRY IT OUT ON PAPER FIRST — It's all too easy to jump into Flash and start creating your interactions. you won't be able to make it work in Flash. sending_lc. Doing this can also save the client money. 5. For example. you won't be able to make it work in Flash. Tipster: Jon Weber PUBLISH TO THE CORRECT FLASH PLAYER VERSION — Remember to use the Publish settings to decide which version of the Flash player your . and which can later be retrieved by name. and/or make more money for the developer by not having to waste time/resources. If you can't make it work on paper. it sometimes helps to sketch it out on paper first. var so:SharedObject = SharedObject. The first depends on the version of the player that installed on the desktops where your content is being viewed. If you do choose an earlier version of the player to ensure better compatibility with desktops.highScore = new Number(). then keep in mind you may have to sacrifice some features in your program development. The ActionScript SharedObject class provides generic data containers that are stored locally.239 Tips for Producing and Managing Flash-based e-Learning Content | 29 II. There are two key considerations. Note that the security restrictions have become tighter in newer versions of the Flash Player. which is then accessible at any time in the future. E-learning projects go together so much better when a client can give a developer a “road map” to follow instead of aiming for one target. Here is a SharedObject example provided by the Adobe documentation: so. If you can't make it work on paper. Another useful method of communication between movies uses a type of Flash Player “cookie” to store information on the local machine.send(“lc_name”. Also.flush(). LocalConnection may be configured to only work for movies with the same URL or on the same site. 7). only to alter the target for a different one mid-project (or later). You will need to ensure that the piece you create is less than or equal to the version of the player available on the desktops of the learners.SWF file var sending_lc:LocalConnection = new LocalConnection(). “methodToExecute”. (As an example. Tipster: Lawrence Yau PLAN AHEAD — Then plan some more.getLocal(“userHighScore”). so. the “Slide” feature in Flash Professional 2004 requires you to publish for Flash Player version 6 or higher. Although they are often based on storyboards.

and managing XML — not to mention that Flash happens to be quite handy with XML. any improvements made to the generic Flash objects immediately benefit our entire portfolio of e-Learning products. making it as easy as filling out Web-based forms. You can then implement text changes without a Flash developer. which affects staffing requirements and schedules among other things. only to alter the target for a different one mid-project (or later). Why XML? It is immediately readable by both humans and machines. allowing you to rearrange. comments. and development time. and/or logic from the Flash product into XML-formatted documents. but XML is practically built for the task. There are XML authoring tools like Altova Authentic that can put a user-friendly face on XML editing. it has reduced the need for Flash and ActionScript expertise since the content-free Flash objects are inherently reusable. keywords. Jon Weber USE XML TO FACILITATE FLASH WORKFLOW — Unlike the basic e-Learning technologies of HTML.SWF compilation process. In our case. Flash's proficiency with XML can be harnessed to free the Flash developer from each development iteration by unloading content. swapping of images or videos. On teams where the instructional designer is not the Flash developer. structure. You can even effectively state programmatic logic in XML. if abstracted thoughtfully. the compilation process requires that the Flash developer be involved in every development iteration and maintenance iteration. attributions. Beyond text extraction. cut. Expertise with XML will go a long way in making sure things run smoothly. in Flash the format for the deployed content is different than the format of the working documents. You can realize changes to text. JPEG. so students won't have to complete a CBT in one sitting. text to display in the Flash object can be loaded from a separate XML file. You can safely keep properties. Create a variable that will track student progress and store it in the SharedObject. or augment the presentation's flow with a quick edit of the XML elements. who knows how to effectively separate content concerns from the Flash machinery and provide a usable format for the XML data. 1. Additionally. and there are thousands of tools for manipulating. maintainability. we have been using these techniques and technologies to improve information accessibility. The trick to making this all work is having a good developer. content structure and sequencing is a prime candidate for offloading into XML. This results in workflows that must accommodate the one-way . For instance. team coordination. change histories. E-learning projects go together so much better when a client can give a developer a “road map” to follow instead of aiming for one target. Initialize the SharedObject in the main module. Doing this can also save the client money. Tipster: Lawrence Yau TRACKING STUDENT PROGRESS WITHOUT AN LMS — If you are not using an LMS. which will be familiar to HTML users and don't require compilation. having a DTD or XML schema can enforce proper formatting of the XML files so that Flash can use them without issue. Flash files have limited capability for holding metadata. such as metadata. Javascript. version management. references. or complete documents inside the XML data. asset management. Finally. Of course. a cost-benefit analysis will reveal to what extent you should abstract content from Flash. processing. the text becomes searchable.239 Tips for Producing and Managing Flash-based e-Learning Content | 30 II. use the Flash SharedObject to keep track of student progress. traceability. 2. . Furthermore. In the simplest case. standards adherence. Adobe Flash Professional & Flash Player continued Plan ahead. One compelling advantage of XML-based content is the possibility of including useful information that Flash won't use. without the need for additional ActionScript. and other image formats. and new behavior for interactions without touching the raw or compiled Flash files. and/or make more money for the developer by not having to waste time/ resources. since it is no longer stored in Flash's binary files.

you really need to make sure you break up your Flash content into small bite-sized pieces. Check the value of that variable each time the CBT launches.updateProperties(). Keeping your files smaller is best. those the learner has yet to do. Unless you are showing a video. Then you update the AccProperties for the button. } Accessibility. Update the value of that variable at milestone markers along the way (ie. Accessibility. we set it back to “” (blank). and convert it to a “movieclip. and have searched the forums. Tipster: Tim Bobo USE HIGHER FPS RATES FOR SMOOTHER ANIMATION — The default frames per second (fps) in Flash is 12. It is not easy. after each completed module) 4. if you find it please let me know.description = “the text you want read”. Tipster: Marge Rutter SECTION 508 COMPLIANCY ISSUE FOR READERS — It is possible to produce Section 508 content using Adobe Flash 8 and higher. but I see people doing this wrong all the time. Then directly after that. While it can be more memory intensive. Take time to learn these tools.description. There are tons of ways you can optimize your output files. Flash will not reread something it recognizes as having already been read. and use them to optimize your content so it plays well over your lowest target bandwidth speed. Simply create a horizontal fill. When you are working to create a Flash-based e-Learning program. on the same button press. There might be an easier way out there. and Adobe has tools built right into Flash to allow you to analyze the bandwidth requirements of any Flash file. so when the student tabs back to the button it will be reread. Tipster: Rodger Stuffel KEEP YOUR FLASH FILES SMALL — This tip is very basic. might be worth an hour of frustration. To be effective for small files. It looks like this: myButton. Here is ActionScript for a loader that is about 300 bytes. This took a little playing around to figure out._accProps. You can then build a simple table of contents that somehow marks the completed modules vs. take a break! Five minutes away from the computer. when using a content reader in different browsers. but when using Flash I like the design to appear more like video.updateProperties(). so I bump it up somewhere between 24 and 32. The users’ computers will store their information. Tipster: Steve Johnson ALMOST ANY FLASH INTERACTION WILL BENEFIT FROM A LOADING INDICATOR FOR THE USER — A 300 KB piece can take five seconds to load at DSL speeds. or even reliable. I try to keep my movies as small and efficient as possible so it does not become a problem. Adobe Flash Professional & Flash Player continued If you get really stuck on some ActionScript.239 Tips for Producing and Managing Flash-based e-Learning Content | 31 II.onPress = function(){ this. and your challenge.” Add this code to . this. David Miller 3. for example 5 pixels by 100 pixels. never force the user to load more than a megabyte or two at a time. the loader itself has to be small. One way we figured out how to make a portion of text read on a button press was to dynamically set the button's description onPress to the text we needed the reader to read._accProps.

This code includes a function to fade out the “movieclip” if it spans more than one frame. start small by adding Flash elements to your current courses. My suggestion to an organization thinking about using Flash for e-Learning is to . when you're ready to move in.// stop the root timeline percent = Math.// the movieclip that will scale horizontally if (percent=100) { // you can set this to any number (0100)._width = percent. such as play a loading message movieclip } } } else { Tipster: David Miller PLAN AHEAD FOR FUTURE REVISIONS — It is a good idea to try to exercise a forward-thinking approach in programming courseware in Flash. Adobe Flash Professional & Flash Player continued If you are going to use narration in Flash..239 Tips for Producing and Managing Flash-based e-Learning Content | 32 II. you can build up to more interactive and/or multimedia experiences that really do look professional. onClipEvent (enterFrame) { this. this. even if the course you are building is to be delivered only in the English language.getBytesLoaded()*100/_parent.5. and for timing your tweens and animations.SWF this. This will minimize the impact of time and effort to the course development team. then time the visual portion to it._alpha = this. This will be your loading indicator that you place in the first frame of the root timeline. and keep the client(s) very happy._parent. quizzes.// any action you want after loading reaches the amount you specify this. animations. it's best to record the audio first and import it. you can add action to do here._alpha . Some additional code planning and preparation during the initial build can make the course more modular and extendable. 100 represents the entire . graphics.stop()._parent.abs(_parent. // this fades the loader movieclip by 5% per frame // if needed. For example. It’s like wiring an unoccupied room with electricity . Kevin Wilcoxon the “movieclip” itself to make it self-contained and reusable. you just turn on the switch. Flash makes this easy by placing the audio on the timeline for reference when placing text and illustrations. or an entire SCORM-compliant course. and slideshows (to name just a few). Flash videos. To ease the transition. getBytesTotal()). Tipster: Brian J. As you become more comfortable with the technology.play(). Kidd STARTING OUT SMALL WITH FLASH — The beauty of Flash is that you can use it at so many different levels: learning interactions.. programming the entire course to pull the content based on the learner's language selection will allow the client to more easily add multiple languages in a future course revision.

JPEGs. and. This allows for rapid development (all structure. This will make your Flash animation load faster and run smoother. but you still have full flexibility to create your content in Adobe Flash. might be worth an hour of frustration. The two roles work in tandem as a team. and your challenge. because students can use any machine on the Internet to access your content. Annotate what the development and maintenance process will be. Tipster: David Miller . Avoid scaling images in Flash.GIFs — When importing images into your Flash design. Adobe Flash Professional & Flash Player continued There is not a good method to save data in Flash for e-Learning. Make sure to document your successes and issues! Tipster: Claudio Lerulli TIP FOR RAPID DEVELOPMENT — Purchase or build a Flash/XML-based course player that is SCORM-conformant. and for timing your tweens and animations. Tipster: Joey Tuskan ANIMATION AND SCRIPTING ARE TWO SEPARATE ROLES — We prefer to have separate roles for animators and coding/scripters. Tipster: George Aston STUCK? TAKE A BREAK! — If you get really stuck on some ActionScript. it's best to record the audio first and import it. Experiment with some short quizzes. or lessons should not take more than 30-40 minutes to complete. unless for a tween. Turn off Allow Bitmap Smoothing if the image is not going to be tweened. Tipster: Kevin Wilcoxon KEEP FLASH MODULES SHORT — There is not a good method to save data in Flash for e-Learning. take a break! Five minutes away from the computer. Depending on the image.239 Tips for Producing and Managing Flash-based e-Learning Content | 33 II. and communication with the LMS are taken care of already). and always place your images on whole pixels for best results. whenever possible use . If you do not develop in-house. once the size is determined. Tipster: Tonia Dousay TIPS FOR BETTER IMAGES IN FLASH — Edit your photographs for Flash in your image editing software to the final size needed in the Flash piece. and then skin it to fit your organization’s brand and needs. Learn how Flash creates the page template structure. you can save a lot on file size without sacrificing too much in image quality. navigation. This allows for a very professional animation design. Tipster: Steve Johnson RECORD THE NARRATION FIRST — If you are going to use narration in Flash. or lessons should not take more than 30-40 minutes to complete. use the built-in editing feature to resize your image in Fireworks or Photoshop. then time the visual portion to it. Tipster: David Miller MAKE SMALLER FILES: USE . import your image. If you are not certain of the final size needed. Publish to your LMS. games. and have searched the forums. Your interactivites. to maintain optimal file sizes and best quality of your image assets. with clean code that results in smaller Flash files and faster downloading. Start with a simple. undertake a similar arrangement with a trusted vendor. Your interactivites. Joey Tuskan strike a project team in your organization to create a simple course prototype. You cannot use cookies. because students can use any machine on the Internet to access your content. You cannot use cookies. Flash makes this easy by placing the audio on the timeline for reference when placing text and illustrations. games. similar to a good percentage of e-Learning currently available.GIFs instead of . page-turner course structure.

.

load(*file path of the . also comment in the timeline itself.SWFs — A best practice is to load external ._x = 0. The user could be more focused on the course. This mode can have separate settings. add comments at critical points in your timeline. Make sure your Flash animations relate directly to the content being examined. Adobe Flash Professional & Flash Player continued Use external XML files to control an engine in Flash. This process helps with the initial load time of Flash content.SWFs or smaller Flash movies into a main Flash file or template. Tipster: David Miller LOADING EXTERNAL . audio on/off. . 2._y = 0. and give it an instance name of “shell” 2. These options can be categorized into tabs the user can use to navigate to any part of these options when needed.239 Tips for Producing and Managing Flash-based e-Learning Content | 35 II.SWF in the top left corner of your template. This could reduce the user interaction time. enhance learner understanding or engagement. and so on. Create a Movieclip. so you can move it depending on the size of your canvas by entering different pixel values.SWF with the following code on the same layer. help. Note: The user can get the full template when the full-screen mode is in the off state. We used to have separate pop-up windows for Notes. Tipster: S. “//add image here”. On the Layer above the Movieclip Layer. as poor design can detract from learning. shell. Tipster: Glenn Hansen You can then position the external . These values for _x and _y are your pixel placements . print. instead of loading everything at once you can load specific pieces or modules on-demand.. Bookmark. Phil Cross USE EXTERNAL XML FILES TO CONTROL AN ENGINE IN FLASH — This way you can update content without republishing the Flash content.. Mithra COMMENT YOUR TIMELINE — In addition to commenting within your code. Go to Bookmark. such as “//start audio here”. show audio. Tipster: Phil Cross TIPS TO HELP THE USER — 1. and also make it easy for the user to access the navigation panel. This way you can update content without republishing the Flash content. This places the externally loaded .SWF). Using the same double forward slashes. Users can be provided with a full-screen-mode option. search. instead of viewing the complex template design. and so on. Code: 1. Tipster: Scott Gaspar USE FLASH APPROPRIATELY — Resist the urge to use animation simply for the sake of it. settings. put some code that looks like the following: shell. and only when the specific content is needed. R. preferably. shell. which could hide the other unused panels and display only the content. which would display only the necessary parts of the panel such as navigation buttons. and page controls such as play/pause and replay. and.

com. use the drawing tools provided by Flash to reduce file size and increase loading speed. and then import. Tipster: Angela Nicholas KEEP FREQUENTLY-UPDATED CONTENT IN AN EXTERNAL FILE — To maintain editability. Of course. Say you are creating a large FLASH program that needs a glossary. Dave Harris FASTER FRAME RATE (ONE MORE TIME) — The default frame rate in Flash has been 12 since at least Flash 4 (was that 1999?). it is important to encourage the . Although there are better graphic design tools. you can do a lot with what Flash has to offer. There is a variety of text-based formats Flash can parse. and use it in the parent FLASH project. Just replace all those pesky punctuations with two dashes (“--”) without spaces before and after them. such as in a glossary. simple glossary with no ActionScripting needed.SWF file. Create the glossary in. and yield better results. it is a good idea to store frequently-updated content in an external file. it is best to use two or even three line breaks as your delimiter! Line wrapping is not an issue. Today computers normally run video content at 30 frames per second.templatemonster. As an example www. with a little creativity. A no-brainer. a great use of . but the two most frequently used are XML and variable/value pairs formatted as in a GET string. clean. One trick you can use to increase the readability of external data for nonprogrammers is to create a pseudo-array of data entries delimited by line breaks. Articulate.templatemonster. Tipster: David Miller NO EM DASHES IN FLASH! — While copying/pasting text from a script. A fast. Adobe Flash Professional & Flash Player continued Rapidly develop a professional interactive Website by utilizing the many Flash templates that are available for a small purchase price. try the following: delimiter=&glossData=term1:definition of the first term Note that if you expect a definition to contain a line break. you need to “Search & Find” all locations of em dashes on the script before you can do the above. so why not try a higher rate with Flash? While the Flash Player is not the same as a video player. Export as a .SWF files from other e-Learning tools is to use them in Flash as a resource. if your writer has included em dashes (oh! they love 'em).SWF FILES AS A RESOURCE — Of course. As an example www.com. This is especially useful when the data contains a list of entries. of course adjusting the parameters in Articulate to maintain a style of the parent FLASH project. Tipster: Joe Shultheis IMPORTING BITMAPS — When importing bitmaps. however. say. appropriately-sized Flash pieces will play very well at 30 frames per second.239 Tips for Producing and Managing Flash-based e-Learning Content | 36 II. Tipster: Dave Harris FLASH DRAWING TOOLS REDUCE FILE SIZES — Whenever possible. Tipster: Prakash Bebington BUY TEMPLATES TO SAVE TIME — Rapidly develop a professional interactive Website by utilizing the many Flash templates that are available for a small purchase price. Use an image-editing program to achieve the desired size. these punctuation marks will not appear correctly in Flash. Instead of using the standard ampersand required by a GET string. do not scale down or crop them in Flash for optimum file sizes. Tipster: Steve Johnson USING . allowing you to bring in video at its native frame rate (in the US it’s 24 for PAL).

and use the resulting file to overwrite the existing data file. video clips. Choose File | Import | Import video and navigate to correct videoFiles folder .WAV files using slide number in name 2. and more. Make voice files and save as . data. pictures. is just a trick to be sure that the line breaks you will use to parse your data into a Flash array are the right ones.com and http://www. Use an imageediting program to achieve the desired size. backgrounds. Select . Two Websites I recommend are: http://www.239 Tips for Producing and Managing Flash-based e-Learning Content | 37 II. delimiter. Now you can access each glossary entry from the glossary_array. but I have found this to be the easiest for non-programmers to update successfully. Flash interprets this data as two variables. The second variable. Tipster: Becky Kinney INCREASE THE QUALITY OF YOUR COURSE GRAPHICS AND DECREASE YOUR PRODUCTION TIMES — Inexpensive subscriptions to a few great Web sites allow you to easily load and modify thousands of pre-developed Flash animations. The line breaks make the data much more readable than ampersands with no white space.TXT or .AVI file with slide number in name 3. The data must be saved as . You can turn a boring course into an interactive course in a matter of hours. I have used Word files containing a macro that converts table-based data to an appropriate XML format. and it requires very little Flash experience. Save as .WAV file.split(delimiter). term3:definition of the third term. Open Crazy Talk and choose avatar. sound effects.istockphoto. a. The first one. not days. Adobe Flash Professional & Flash Player continued When importing bitmaps. do not scale down or crop them in Flash for optimum file sizes. Choose Media: AVI format. Content experts can continue adding terms in this relatively intuitive and readable format. is the one you must parse with ActionScript within Flash. Anyone who has had his or her linebreaks magically change upon upload to a Web server will know what I'm getting at here. run the macro. Here is the code you will need to use: glossary_array=glossData. but I have found XML to be an extremely reliable and flexible format for use in Flash.//returns “term1:definition of the first term” There are certainly many other ways to format flat text data. Once read. Click on folder icon and navigate to . and then import. and then export to videoFiles folder d. Angela Nicholas use of a simple text editor. Content experts update the table. Get in correct frame and layer b.RTF: term2:definition of the second term. 180 x 240. For more complex data types. Parsing XML within Flash is beyond the scope of this tip.animationfactory. Import video into Flash a. like this: glossary_array[0].WAV files c. Choose script b.com Tipster: Leigh Margaret Roberts CREATE A TALKING AVATAR IN CRAZY TALK THAT RUNS IN FLASH — Here are the instructions that we use to make Crazy Talk videos: 1.

239 Tips for Producing and Managing Flash-based e-Learning Content | 38 II. “ExternalInterface” is the method to use. and interactions. makes use of Presenter's simplicity and rapid development capability. and it requires very little Flash experience. Leigh Margaret Roberts c. I create a number of very small and relatively simple movies in Flash that have one specific function. This effectively lets the LMS know the user has satisfied the status requirement. Tipster: Robbe Addis EMBED FLASH FILES IN MADCAP FLARE HELP SYSTEMS — Madcap Flare is a tool technical writers use to build online help systems. not days. In SCO HTML: { } ExternalInterface. pictures. and adds the impressive interactive abilities of Flash. animations. set top trim to 30. Move and resize video in Flash (120 x 120 works well) Tipster: Steve Jones INCORPORATE FLASH MOVIES INTO ARTICULATE PRESENTER — Designing in Flash is a lot more time-consuming than designing using programs such as Articulate Presenter. and allows us to navigate the LMS aggregate manifest menu via Flash. we will again use ExternalInterface to SetValue(“adl. Accept progressive download d.“continue”) in order to allow the user to move to the next SCO. It can also be used to build “learning systems. Under advanced settings. video clips. Decide skin. XscriptX The same works in reverse using the JavaScript to ActionScript method of ”ExternalInterface. To be more efficient. sound effects. crop and trip. All at the same time. An example in Flash ActionScript: import Flash.completion_status to “completed”. Tipster: Steve Johnson FLASH TO LMS COMMUNICATIONS — I have found that in our journey to effectively communicate with our SCORM 2004 LMS. You can turn a boring course into an interactive course in a matter of hours. it takes the Articulate Presenter course to the next level.request”. then place them inside an Articulate Presenter e-Learning course. In a simulation or course. instance.” This method has proven invaluable in many e-Learning applications in our organization. This way I can let Presenter do a majority of the work by using its built-in navigation and sound capabilities. Finish g. backgrounds.call(Javascript_function_name). method). and more. Adobe Flash Professional & Flash Player continued Inexpensive subscriptions to a few great Web sites allow you to easily load and modify thousands of pre-developed Flash animations.*.”You can embed .addCallback(methodName. we will use ExternalInterface to call a JavaScript function on our SCO page that tells the LMS to set cmi. and same for bottom trim e. On our “next” button within Flash.external.nav. none means there are no player controls f. script type=“text/javascript” function Javascript_function_name () alert(“Flash to JavaScript Communications Have Occurred”). and use Flash for interesting roll-overs.

and any Articulate interactions (including PowerPoint shows). you need to “Search & Find” all locations of em dashes on the script before you can do the above. self-paced system. each with its own table of contents.239 Tips for Producing and Managing Flash-based e-Learning Content | 39 II. I just started working with this to develop training for our new customers. . Just replace all those pesky punctuations with two dashes (“--”) without spaces before and after them. in a help-system-like structure along with text and images.-) The only difficulty I've encountered so far is getting the Quizmaker quizzes to display in Flare without a lot of JavaScript fancy-dancing. So far so good. Of course. I'd love to hear it! Tipster: Laura Filla . I'm even embedding Captivate Flash files into Engage interactions and dropping those into Flare topics. Prakash Bebington any Flash file into any topic in a Flare system. You can use the output for instructor-led training (live or remote) or as a leave-behind. or you can output to Word or FrameMaker from the same content pool. This means you can put any Captivate demo or simulation. and they work great! Using Flare lets you organize your material and keep it all together in a flexible online structure. Adobe Flash Professional & Flash Player continued While copying/ pasting text from a script. these punctuation marks will not appear correctly in Flash. If anyone has the answer to that one. No. so that it only displays in the targets it is intended for (and not others). You can create online output. I do not work for Madcap. which makes creating participant guides and exercise books that go along with the online component much easier. Another benefit to Flare is that you can create multiple “targets” (specifically defined outputs). I encourage others to try it if you have access to Flare. You can put conditions on your content. if your writer has included em dashes (oh! they love 'em).

Notre Dame—rated one of the top 25 universities in the United States by virtually every leading business and educational publication—ranks fifth in a listing of “dream schools” in a recent Princeton Review survey. they are likely to imagine themselves at the University of Notre Dame. In fact.Success Story University of Notre Dame Immersive first impressions W World-renowned university immerses web visitors into campus life in vivid motion showcasing Adobe® Flash® Player Video content hen students dream about the college experience. .

including Adobe Flash CS3 Professional software and Adobe Flash Player Video to deploy a revolving. the web team was able to easily achieve the fully interactive.” says Matthew Klawitter.” While Notre Dame is viewed as a world leader in higher education. People know us for athletics but don’t know about the special student-athletes we have.” The results speak for themselves. and to serve as an effective marketing tool. The number of page hits has more than doubled year to year.” Matthew Klawitter. interactive carousel of video content that tells the Notre Dame story in compelling. Adobe Fireworks CS3 to slice the files. “In one sense.edu are welcomed by a panel of video vignettes from a revolving library of Flash Player Video content that changes continually. and they keep coming back for more. “With Flash Player Video. The team turned to Adobe technology.The University of Notre Dame’s newly revamped website serves as an effective marketing tool. visitors to nd. Under Klawitter’s . the University continually seeks to attract top applicants from all over the world. the web team set out to leverage Adobe technology to meet these goals. “We wanted to create a virtual canvas that would draw people in and immediately immerse them into the campus experience. Visitors can click on the central panel and watch. director. Notre Dame Web Group leadership.” says Klawitter. and Adobe Illustrator CS3 to build vector images that resize fluidly. The improved integration among Adobe applications was a great advantage in updating the website’s new design. the university needed to focus on creating a more innovative web presence in keeping with institutional standards. for example. people can experience the Notre Dame community in ways not possible with any other technology. Immersive core messages Rather than being greeted by a pre-conceived institutional introduction. director of the Notre Dame Web Group. world-changing research that happens here. custom experience they wanted—including layers. The team also used Adobe Photoshop CS3 software to design the site mockups. Using Adobe Flash CS3 Professional. “People are engaged. “With Flash Player Video. relying primarily on its website as the first point of contact.” says Klawitter. to keep visitors engaged. we’re in the first impression business. and spinning. personal. a snippet of a United Nations advisor presenting a public lecture from Notre Dame’s With more than five applicants for each freshman class position. Page visit duration has increased from 45 seconds to nearly 5 minutes. and relevant ways. people can experience the Notre Dame community in ways not possible with any other technology. rotation. “People may know we have outstanding academic programs but they may be unaware of the amazing. and the bounce rate has decreased by a third.

The ubiquity of the Adobe Flash Player also meant that content could be seamlessly delivered to a global audience. Or they can select an adjacent panel and follow a computer science and engineering professor’s progress in developing iris recognition technology. faculty expertise.” After studying trends in traditional media including print. to prospective students. broadcast. Notre Dame has been flooded with kudos from visitors globally.“Embracing Flash CS3 Professional as a development framework enabled us to convey the dynamic nature of our university via a stunning. totally immersive experience rather than just a portal to web services. MacBook. The team weighed the advantages of working with Adobe Flash technology for development as well as deployment—which included tapping into a worldwide developer network and receiving reliable support from Adobe. interesting personal perspectives about research. to parents. the team concluded that people want to hear about a subject from a personal perspective. Nunemaker explains that the transition from working in JavaScript to Adobe Flash CS3 Professional software and its ActionScript programming language was a natural progression. and iMac computers using Mac OS X. the designers and developers at Notre Dame are collaborating in seamless workflows. Indiana http://www. “Embracing Flash CS3 Professional as a development framework enabled us to convey the dynamic nature of our university via a stunning. senior developer at Notre Dame. the decision to develop the new project using Adobe Flash CS3 Professional was easy.edu Challenge • Deploy immersive web presence for complex institution of higher learning • Adopt industry-leading technology that offers broad community resources and reliable product support • Create first-hand perspectives of campus life that would reach global audience Solution Launch innovative new website showcasing life at Notre Dame through rich media Flash Player Video Benefits • Increased page visit duration by nearly 500% • Doubled number of hits year to year • Decreased bounce rates by one third • Enabled seamless workflows among designers and developer for rapid production cycles • Transitioned smoothly from other frameworks to Flash development environment • Gained unanimous team buy-in from among Marketing and IT teams Toolkit • Adobe Creative Suite 3 Web Premium.4 Kellogg Institute for International Studies.” says John Nunemaker. MacBook Pro. platform compatibility. a renewed sense of pride and admiration reigns.” said Nunemaker. senior developer. Components used include: • Adobe Flash CS3 Professional • Adobe Illustrator CS3 • Adobe Photoshop CS3 • Adobe Fireworks CS3 • Platform: Macintosh PowerBook.” John Nunemaker. “We’re in the marketing division. “and we easily made a strong case to the IT team to move forward using Adobe Flash CS3 Professional for our first big foray into web video. and cumbersome video players. the team struggled with various video formats. Previously.nd. From a management as well as technical standpoint. Notre Dame Web Group Organization University of Notre Dame Notre Dame. and campus activities are regularly produced by the University’s news bureau and other campus communications units and added to the Notre Dame landing page. we hadn’t done much Flash development prior to this . one that makes a tremendously positive impression about the institution.” The impact of the new site is widespread. From alumni. “Honestly. “The carousel is a great tool to present layers of our complex institution. The web team has received user comments that tout the new site as the best in higher education. Productivity gains Using a variety of tools in Adobe Creative Suite® 3 Web Premium. New. and social media. One visitor relayed comments that the new site reflects the “golden brightness” that is truly Notre Dame. Since the site went live. academic achievements. totally immersive experience rather than just a portal to web services.

having embraced Flash to a huge extent. and would have involved debugging and cross-platform compatibility checking to a much greater extent. © 2008 Adobe Systems Incorporated. At the same time.To update the website. they used Adobe Illustrator® CS3 to build vector images that resize fluidly. we are very happy with both the development environment and the delivery method. Nunemaker notes that the improved integration among applications was a great advantage working on this project. and then went to Adobe Fireworks® CS3 to slice the files. interactive carousel of video content that tells the Notre Dame story in compelling and relevant ways. inherently know. registered in the United States and other countries. 95010493 03/08 A . would not have resulted in the Adobe Systems Incorporated 345 Park Avenue San Jose. the Notre Dame family.” Adobe Flash provides a smooth.edu are welcomed by a panel of video vignettes from a revolving library of Flash Player Video content that changes continually. rotation. Attempting the project with any other technology would have taken significantly longer. All rights reserved.” In all. we enable people to experience Notre Dame in a way that we.. We find it very easy to get things done fast.” he says.” John Nunemaker. The team used Adobe Photoshop® CS3 software to design the site mockups. Macintosh and Mac OS are trademarks of Apple Inc. having embraced Flash to a huge extent. Flash. visitors to nd. senior developer. the web team has leveraged Adobe technology—and Flash Player Video in particular—to help the University reach out to prospective students. All other trademarks are the property of their respective owners. We find it very easy to get things done fast. the Notre Dame web team turned to Adobe technology including Adobe Flash CS3 Professional and Adobe Flash Player Video to create a revolving.com Adobe. and spinning. Rather than being greeted by a pre-conceived institutional introduction. “Being able to hand off files among designers and developers really helped us get through the production cycle rapidly. Using Adobe Flash CS3 Professional. Illustrator. we are very happy with both the development environment and the delivery method.” says Klawitter. custom experience they wanted—including layers. fluid look and feel to the interactive experience. “Using Flash. CA 95110-2704 USA www. “Now.” says Nunemaker.adobe. project. the team was able to easily achieve the fully interactive. Fireworks. Notre Dame Web Group same stunning look. the Adobe logo. “Nothing else would give us the same stunning effect. Printed in the USA. and Photoshop are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. and the higher education community with pride. “Now. alumni. Creative Suite.

Notes. We also have a number of tips for meeting hosts.acrobat. or to organize your content for easy delivery. move the room to the Shared Templates under Shared Meetings. if my recording URL were http://acme. Otherwise if you want to allow all users to have access to that meeting room template. The offset is in milliseconds. make the offset 180.SWF file instead of screen sharing. then the URL to launch the recording from the three-minute mark would be http://acme. File Share. as the layout names will become index markers in the archive transcript.nz/tipsforhosts. Tipster: Aragon Heppel ADOBE CONNECT PRO MEETING RECORDING TRICKS — To launch to a specific time point in a recording you can create a URL with the following parameter: ?archiveOffset=x. Tipster: Peter Ryce SAVE MEETING ROOM LAYOUTS AS TEMPLATES — After you create a nice layout within a meeting room.. Chat. Tipster: Aragon Heppel . Massey University uses a three-step pre-flight check http://elearning. To the end user. rather than screen-share an application which uses high bandwidth. When a viewer watches the recording. choose that layout from the drop down list. record your mouse movements and actions with a program like Captivate and run the exported . create layouts with descriptive names to match the flow of the major segments of your upcoming meeting.. you can now make that layout a Meeting Room Template that you can regularly use for all your new meetings.000. Each time you change layouts while recording a meeting. they can easily use the markers to navigate to specific places in the meeting recording. To do this select an attendee. Doing this will keep the high quality of the voice and camera (if not already paused) working properly.000 to get the offset value.Web Links). Tipster: Peter Ryce ENHANCE PARTICIPANT RIGHTS FOR ONLY ONE POD — In a meeting room.acrobat. PRE-PREPARE THEM . To do this move the meeting room that contains the nice layout into My Templates under your user name within the User Meetings. Camera & Voice. Connect automatically creates an index marker for the recording transcript. Doing this will keep the high quality of the voice and camera (if not already paused) working properly. http://connect. This step is very important if you are going to record the meeting. Now when you create a new meeting room.html.ac. select the Pods Options (bottom right of attendee list) and then select the different options. Tipster: Philip Roy ALTERNATIVE TO SCREEN SHARING — In a meeting room. BUT KEEP IT SIMPLE — For example. but it's in multimedia format.massey. rather than screen-share an application which uses high bandwidth. enhance the participant’s rights for only one or a selection of any of the Pods (Share. chat messages.com/r123456/?archiveOffset=180000.nz/connect_support/preflight_check. rather than enhance a participant’s rights to a Presenter or Host. Adobe Acrobat Connect Pro (Breeze) In a meeting room. record your mouse movements and actions with a program like Captivate and run the exported .SWF file within the room will be a seamless process rather than splitting the bandwidth of the room between camera. that is. voice. Poll. if you want to start playback three minutes into the recording.massey.239 Tips for Producing and Managing Flash-based e-Learning Content | 44 III. screen sharing and other pods. Aragon Heppel CREATING INDEX MARKERS FOR RECORDING TRANSCRIPTS OF CONNECT PRO MEETINGS — Before your meeting.ac.SWF file instead of screen sharing. running the . For example. so multiply minutes by 60. Tipster: Aragon Heppel PRIOR TO A USER’S FIRST CONNECT MEETING. or as appropriate) within that index marker. and will group all the activities (slide changes.com/r123456/.

com/widgets? launcher=false.acrobat. Tipster: Peter Ryce .acrobat. or as appropriate) within that index marker.” so modify the URL for each guest you want to log in uniquely.acrobat. You will name everyone who logs in with this URL “John. if I wanted to log in John as a guest to my meeting with the URL: http://acme.239 Tips for Producing and Managing Flash-based e-Learning Content | 45 III. For example. they can easily use the markers to navigate to specific places in the meeting recording. the URL would be http://acme. Connect automatically creates an index marker for the recording transcript. N.B. and will group all the activities (slide changes. When a viewer watches the recording. Adobe Acrobat Connect Pro (Breeze) continued Each time you change layouts while recording a meeting. If you have installed the Connect Meeting Add in. but would like to launch the meeting without the Add in (instead using the Flash Player within a browser window) then use this format: http://account.acrobat. Peter Rycea URL TRICKS FOR CONNECT MEETINGS — You can send guests an “Auto Login” URL with the following format: http://account. to join the “widget” meeting with just a browser.com/widgets.com/meetingname?launcher=false.com/widgets?guestname=John.com/meetingname?guestname=name. then the URL I'd give to John would be http://acme.acrobat. Therefore. chat messages.

for example. Adobe Captivate creates a single feedback caption. it's fine to use Captivate's audio recording. we did the voice inside Captivate. Adobe Captivate If you are new to Flash. and make the following two changes: Set it to appear right after the first click box in the timeline. each click box needs to have points associated. and can be used to create simple interactivity such as hot-spot. mockups of machines and environments. Set the associated failure caption to give your first level of feedback. OR ARTICULATE WITH A CAPTIVATE FILE — We have found it is faster and easier to bring the Captivate animation in as a .” simply do the following. It may not be the absolute “best” output. mockups of machines and environments. it's often useful to provide learners with multiple attempts. Tipster: Silke Fleischer IF YOU ARE NEW TO FLASH. branching between scenarios. Copy and paste one of the click boxes.” Tipster: Kieran Richardson DEALING WITH LARGE SIMULATIONS (AVOIDING COGNITIVE LOAD AND DOWNLOADING ISSUES FOR LEARNERS) — Many times we may create large simulations that show the user a wide range of methods to learn how to do a certain process. consider Captivate. then. Check in the top left of the screen.“Try again. and add the audio in the authoring tool rather than trying to embed the audio and time everything inside Captivate. It would be better to break up the simulations into small manageable sections. but a learner can only receive for one of the clicks. whether for a software application or for soft skills. you are better off making one clean pass at the Captivate animation. zoom magnification. To create attempts with feedback ranging from “Try again” to “Let me show you. such as. However. or using highlight boxes or animations to help the learner. and offer additional feedback with each attempt.“Let me show you. and then continues based on the attempt settings. LECTORA. For the first attempt: Set the click-box settings to one attempt. and then recording your voice while previewing the Captivate animation. It's much easier to time your voice to the animation than vice versa. but it is the fastest.239 Tips for Producing and Managing Flash-based e-Learning Content | 46 IV. and can be used to create simple interactivity such as hot-spot. a few times when we ran out of time. and change the caption to your third level of feedback. If you are playing Captivate as a stand-alone file. Tipster: Ellen Meiselman USING ANOTHER TOOL LIKE FLASH. we did a quick and dirty voice-over right before the deadline. for example. branching between scenarios. At first.SWF file. and “Continue on the slide” on an incorrect one.” Copy and paste the click box. and “Jump to the next logical step” on a correct response. and change the caption to your second level of feedback. so that the user will have small manageable . if correct. Ellen Meiselman CREATING MULTIPLE LEVELS OF FEEDBACK — In simulations. and save these sections into separate Captivate movies. and so on. and so on. zoom magnification. Captivate has less of a learning curve. CONSIDER USING CAPTIVATE INSTEAD OF FLASH TO CREATE YOUR FLASH-BASED INTERACTIONS — Captivate has less of a learning curve.” Provide guidance for the rest of the slide in the form of adding the mouse pointer. and make the following two changes: Set it to appear right after the second click box in the timeline. By default. or you do not need tightly-integrated animation and voice over. (See advanced interaction dialog: All three click boxes show up with their points associated. providing more instruction. We learned this the hard way. we usually couldn't tell the difference between the pages we carefully and painstakingly timed versus the ones we “talked over. ensure you only add one of the click boxes’ scoring to the total. if you are going to bring Captivate into another tool. When we reviewed the course two months later. Therefore. but you should only check one of them to add to the total score). If you are scoring the click.

In addition. and added just the amount of sizzle they wanted for their steak. Tip 6 — Always provide a blank slide before and after a demonstration or simulation. right-click the My Computer icon on your Desktop. Tipster: Bruce Richards TEST CAPTIVATE LINKS TO EXTERNAL URLs — If your Captivate activity links to an external URL. Adobe Captivate continued Try using . effective. Later. once the product training was done for our client's software pre-sales demos. Tip 4 — When creating demos of software.MP3 files. The file size may actually end up smaller by letting Captivate convert the files to .”With that in mind. The default Flash security settings for local files often prevent external URLs from opening. you can place the mouse pointer wherever you want.MP3 files. Ellen Wagner.WAV audio files rather than . enabling the files to load quickly for the users.”You can use the same strategy for ESC. Tip 5 — In demos. Change the global setting to make the mouse pointer move in a straight line. For example:“To check the configuration of your computer. left-click the My Computer icon and then press Enter. A simple way to save any resizing pains is to capture the screens in the lowest possible resolution. instead of right-clicking. mention the functionality in the instruction. Tip 2 — Screen capture in Captivate is best done through the “Print Screen” key rather than mouse-click. avoid capturing screens with right-click functionality.WAV audio files rather than . keep the font type and size of the description text quite different from the fonts used on the software interface. message. and function keys. the file sizes of the movies will be small. The file size may actually end up smaller by letting Captivate convert the files to . and look.WinKey.239 Tips for Producing and Managing Flash-based e-Learning Content | 47 IV. A static product-landing page became an internal advertisement. Tipster: Christy Tucker BUILD A FLASH BILLBOARD FOR YOUR E-LEARNING — When I first got Contribute. in a personal conversation. with a cen- . AND 2) Work as needed. All we did was decide on the billboard size. test it on a server rather than just on your local machine. described it as “Flash for everybody else. but provide an alternative interaction for the user.MP3 when you publish the Flash file. I made a Flash billboard that encouraged visitors to give our client serious consideration as a supplier. TAB. while editing the frames. established credibility (added testimonials and performance upside descriptions) and then went on to prove that the software would 1) Work as promised. Christy Tucker chunks of learning rather than a long simulation with many areas to learn and to remember.MP3 when you publish the Flash file. it is a tad annoying to see the mouse pointer taking a curved route to the target (as if it is feigning). Who knew you could make a great Flash ad in under 20 minutes! Tipster: Becky Smith IMPORTING AUDIO INTO CAPTIVATE — Try using . For the purpose of this simulation. I personally prefer “Verdana 10pt” for best readability. We helped them set and manage expectations (introduced the product and framed its purpose). it becomes quite a challenge to create software demonstrations and simulations that display correctly to all users. It was simple. Tip 3 — In sims. If you must show the same. Tipster: Christy Tucker HALF A DOZEN GREAT IDEAS IN ONE TIP Tip 1 — Given the diverse dimensions and resolutions of computer screens these days.

Tipster: Alison Lister WORKING WITH SUBJECT MATTER EXPERTS DURING CAPTIVATE RECORDING SESSIONS — During course development. what they're looking at.” Tipster: Prakash Bebington CAPTION-BASED CAPTIVATE DESIGN — If you are working on a large project where many of the authors are SMEs. you practiced how to save a Word document as a template.”“In this simulation. It was really hard figuring out the correct sequence when the SME made a mistake and doubled back in the screen flow. and especially any errant keystrokes they make (preferably along with how to recover).”) Tipster: Scott Gaspar . The more slides you create. you will view how to save a Word document as a template. During my first use of Captivate I didn't do this. There are full instructions on how to make custom captions in the Captivate help file. if you will have SMEs step through online transactions that you're recording in Captivate. Making your corporate graphics available this way speeds up work flow phenomenally. It is an all-at-once load with Captivate.SWF's to save loading time. logos. In the real world. the longer the load times since Captivate does not allow you to load external . then going back to him for clarification. one of the first steps should be to develop templates for your content to promote continuity for the learner across topics. our company uses this design method routinely — the technique is the starting point for. regardless of design experience. This technique has been used to produce the Design Templates available for free download on the Captivate Exchange. a good best practice is to keep your simulations under 50 slides total. I had to learn it by trial and error. the instructional designer. distribute them as templates. save hours of development time. For example:“In this demonstration. which are usable and reusable at will. This will help you. bulleted lines. The help files do not list this information. even easier. (See my tip “LOADING EXTERNAL . produce identical.SWF'S” under “Adobe Flash Professional. and even pieces of illustration as captions. Tipster: Mike Dickinson TEMPLATES FIRST — No matter what development tool you use. or. Michael Baker tral textbox that declares the purpose of the demo or sim. These graphics become available within Captivate as instant drawing tools. Have them point out what they're doing on each screen and why. and thus the design remains faithful to your brand. but have no graphics experience. Tipster: Michael Baker TO FORMAT THE CLOSED CAPTIONING TEXT — Go to Project > Skin and then select settings under closed captioning. every large Captivate project. and guarantees that all Captivate authors. with the graphics elements already displayed on slides. Then you can merely record your final narrative over the one you had during development. professionalstandard graphics. capture the audio of them narrating it as they go. Adobe Captivate continued No matter what development tool you use. paragraph headings. You can program in all your corporate banners. and strongly underpins.239 Tips for Producing and Managing Flash-based e-Learning Content | 48 IV. You then upload captions to Captivate's caption gallery directory. consider injecting your main graphic design elements into custom Captivate Text Captions. and use them with or without text. one of the first steps should be to develop templates for your content to promote continuity for the learner across topics. and I spent hours trying to reconstruct what I thought the SME was doing. Tipster: Mike Hobby FEWER SLIDES MEAN SHORTER LOAD TIMES — When using Captivate.

you could use JavaScript to close the window. and this can become a tedious and repetitive process. including Notepad. and you can find it in the installation folder. Laura Jaffrey IMPROVE LEARNING FOR ADVANCED USERS — If a software simulation requires the learner to click transparent buttons to advance.) they feel empowered to direct their own learning.5 second) blank slide at the end of the project. This has been the fastest. in Captivate. and save it as a . Make sure each forward button does the same. The problem is that often you have to edit the resulting HTML file to conform to a specific format or look-and-feel. The name of this file is standard. Now when you publish. Tipster: Scott Hersey TO CLOSE A CAPTIVATE PROJECT AFTER OPENING A NEW WINDOW: Create a very short (0.SWF and its corresponding HTML file. Design it in MS Word 2007.) advanced users can move quickly through parts they know. you should change the recording options for any buttons before trying to move any content after the review slide. Import your manifest into the LMS. This file is a regular HTML file. and check the “Add to Total” box.239 Tips for Producing and Managing Flash-based e-Learning Content | 49 IV. Tipster: RJ Jacquez HOW TO ADD CONTENT AFTER A REVIEW SLIDE — Normally. adding a slide after the quiz review can cause problems. Make the button show up after 10 seconds or so. Captivate thinks they're part of the quiz and forces them before the review. Tipster: Christy Tucker . as well as a simple text editor. However. then set the Project Preferences to close the window at the end. JavaScript close functions don’t seem to work in Firefox 2. Otherwise. most effective way to design and import backgrounds for Captivate that I've found to date. and click on the “Reporting” tab. For example. if you want a menu slide to direct students to the next section after the review. which is likely to be C:\Program Files\Adobe\Adobe Captivate 3\Templates\Publish\. Highlight the button.htm. and thus you can customize this file once and reuse it for future publishing.) Tipster: Christy Tucker EASY WAY TO MAKE A BACKGROUND IMAGE IN CAPTIVATE — Design it in MS Word 2007. and you can edit it in any HTML editor. Therefore. This improves the learning for advanced users of the subject because 1. The trick is to make sure that the buttons are not reported. What you may not know is that Captivate provides access to the template file used every time you generate a . Adobe Captivate continued Easy way to make a background image in Captivate.0 with the additional security features. and save it as a . to give the reader time to complete the content. This has been the fastest. give it 1 point. and you should have a content object that automatically reports percent complete. also add simple backward and forward arrows in one corner. such as Adobe Dreamweaver.SWF and the HTML files via the File Publish menu. If you want to provide a way to exit from any slide. most effective way to design and import backgrounds for Captivate that I've found to date. rather than locked into a “one size fits all” course of learning. COMPLETE WITH PERCENTAGE — Simply put a “Next” button on each page. you can generate both the final . (Theoretically. you can create a button to go to this final short slide. Click the “Include in Quiz” checkbox. make sure to enable SCORM 2004 and “Report Score to the LMS” as %. you may find you can't even add or move the slide there. Tipster: Laura Jaffrey CUSTOMIZE AND RE-USE HTML TEMPLATE FILE TO SAVE TIME — After your Adobe Captivate project is complete. Tipster:Andrew Smith MAKING SCORM-COMPLIANT PROJECTS. if you use a quiz with a review slide. and 2.JPEG.JPEG.

and assessments • Add interactivity. hands-on simulations.ADOBE® CAptivAtE® 3 RApiDly CREAtE EngAging lEARning ExpERiEnCEs • Rapidly develop eLearning content in different learner modes such as demonstrations. robust branching scenarios. anywhere Top New Features of Adobe Captivate 3 Multimode screen recording (Demo. and randomized quizzing without programming knowledge • Easily create engaging learning experiences without multimedia skills • Give subject matter experts the ability to create their own eLearning content • Integrate with eLearning tools and learning management systems via SCORM/AICC or publish directly to Acrobat® Connect™ Pro • Deliver rich eLearning content to virtually anyone — anytime. Assessment) Randomized quizzing and question pools New question types like sequencing and hot spot Rollover slidelets XML (XLIFF) file export and import for easy localization Automated rerecording Scenario branching enhancements Slide animation effects Audio recording with preview Improved integration with Adobe Acrobat Connect Pro Streamlined workflow and usability enhancements Microsoft® Windows® Vista® and Office® 2007 support A Complete Solution for Engaging Learners CAPTIVATE AND PRESENTER . Simulation.

it now simultaneously creates a demonstration. while delivering and tracking SCORM and AICCcompliant content. © 2008 Adobe Systems Incorporated. Microsoft. replace the pointer image. Each of these can then be edited and published separately. data entry fields. 8/7/07 smart screen recording Record only the part of a task that you want with event-based screen capture. and buttons. and any text you speak or write to accompany that movement. Adobe Systems Incorporated 345 Park Avenue San Jose. and interactivity Adobe Captivate recognizes menus.Top Reasons to Switch to Adobe Captivate from Video-based Screen Recording Software “Captivate 3 has greatly extended its testing capabilities. CA 95110-2704 USA www. or add mouse paths to new screenshots or slides.” — Bob Doyle. a terrific time saver. or even remove/add slides without having to record again. including demonstration of the procedure complete with mouse movements and text descriptions of each recorded task.adobe. with randomized questions and answers. including what you do with the mouse. the Adobe logo. create printable lessons with answer keys. . All other trademarks are the property of their respective owners.com Adobe. and an assessment file. Windows. includes an option for real-time recording useful for video or 3D applications. scenario branching Easily include multiple interactions on a single slide or recorded screen. Connect. a simulation for practicing the steps.com/captivate Go to www. a software simulation. printable handouts or storyboards Instantly generate handouts with captions and notes.com/resources/elearning/trials. and automatically creates interactive hotspots. Captivate.html to download a free software trial. and Flash. highlights. Vista. click boxes. The program can capture any movement on the computer screen. “This is screen capture on steroids. Automatic caption text.adobe. Acrobat. and an assessment with scored user interactions. are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. and buttons. Mouse pointer and path alterations Modify recorded mouse movements.adobe. or create storyboards. links. OnComputers. Flash export for editing Quickly capture screen tasks and export the content to Adobe Flash® for further authoring or advanced editing. and Office. provide step-by-step instructions. Easy editing Edit audio and captured images. …When you record in Captivate. add text entry fields with multiple correct answer options.” — Bob and Joy Schwabach. Adobe Captivate also supports smart full motion recording during drag-and-drop tasks. as well as question reuse from a question pool. Randomized quizzing and score tracking Create robust quizzes by choosing from a variety of question types. are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. 9/2007 Awards For more information Learn more about Adobe Captivate 3 at www. keyboard shortcuts. Printed in the USA. software simulation modes Generate robust software simulations with multiple learning modes in a single recording session. and can record system sounds as well as audio from microphones. EContent. and descriptive text captions. All rights reserved.

This site offers Captivate templates and shortcuts that can save a lot of time.239 Tips for Producing and Managing Flash-based e-Learning Content | 52 IV. Adobe Captivate continued When using a click box with a Tab key shortcut assigned. Tipster: Suresh Jayaraman USE A COMBINATION OF LECTORA AND CAPTIVATE — Captivate is a power-packed Flash-based tool used for making e-Learning modules.SWF file to the browser itself.uk/index. Suresh Jayaraman WEB RESOURCES THAT FOCUS ON CAPTIVATE TIPS — Specifically. use a project size of 720 x 495. You can Google on “aspect ratio calculators” to find one that you like. Thus. Third. Finally. Your tabbing will now stay within the movie. it adds a pixel to the height and width of your output. the tab action can change the focus from the . which offers training materials and a free weekly newsletter with tips and answers to frequently asked questions on Captivate and other e-Learning software. Another creative Website that offers tips and tricks for Captivate is http://www. or use this link to one that I've found to be very useful: http://www. follow these steps: 1. and can confuse learners when they attempt to use keyboard shortcuts in the tutorial. Between the XobjectX tags. Captivate has skin borders enabled by default. if you are recording a software simulation in Captivate (and why would you be using Captivate if you weren't doing that?!). Iconlogic. but the output will always be blurrier if you resize your project. This does not create a realistic simulation. Open the HTML file that Adobe Captivate generates. if you encounter a situation with any Flash development project and you want to maintain a certain size.com/pixelratiocalc. Simply input the aspect ratio that you want to maintain.co. This size will consume the entire slide. The reason for this is in the browser — a behavior called Seamless tabbing. and can confuse learners when they attempt to use keyboard shortcuts in the tutorial. If you want to display the PowerPoint title bar while the Flash video is running. there are several important considerations. Tipster: Jody McNelis CAPTIVATE PROJECT SIZING TIPS — When sizing an Adobe Captivate project with the intention of taking the resulting Flash output and importing it into Articulate Presenter or Adobe Breeze Presenter.com. 2. Captivate has an easy-to-use resizing feature. First. there are several useful aspect ratio calculators on the Web.) While this can be a nice aesthetic touch for your published Flash file. (Select Project Skin and select the Borders tab to see this feature. This does not create a realistic simulation. you could get an error message when importing into Articulate or Breeze (now Adobe Acrobat Connect). It’s good for non-programmers.php?option=com_content& task=view&id=30&Itemid=29. the maximum size for importing to a Presenter slide without needing to crop or resize the Flash is 720 x 540.csgnetwork.SWF file to the browser itself.raisingaimee. It works for Internet Explorer and FireFox. add this parameter: name =“SeamlessTabbing” value=“false” 3.html. Their training materials are so easy to use that you can teach yourself the program without attending a class. Tipster: Mark Simon HOW TO DISABLE SEAMLESS TABBING — When using a click box with a Tab key shortcut assigned. Second. the tab action can change the focus from the . To disable. if you are using a precise size when building your project. Still needs a lot added . then type another height or width and it displays the new aspect ratio. Save the HTML file. which allows tabbing to extend beyond the movie and start with the browser address bar. in a note pad or HTML editor. try very hard to record in the exact size that you will need for your Flash output.

for a demonstration). Save them as . you won't have erroneous slides and animations. showing how it appears when they select that option. only capture the relevant window. Insert a click box that pauses the presentation until the user clicks it. Do this instead of recording your screen. Overall it’s really simple for non-complex e-Learning modules.239 Tips for Producing and Managing Flash-based e-Learning Content | 53 IV. try to include a Demo and a “Try It” where time and/or budget allows. sometimes they just want to be able to back up a few steps. As for me. This way you accommodate more than one learning style. or a specific part of the window.” Tipster: Kathleen Shykula CAPTURING COMPLEX SCREENS — If capturing a complex screen (for example. 2. and restart a Captivate Flash file. Tipster: Stuart Hornsey USE SCREENSHOTS TO REDUCE SIMULATION FILE SIZE — Here's how I use Captivate and screenshots to simulate an application: Create a blank project in Adobe Captivate. Make the click box action “go to next slide” or “jump to slide.PNGs. Initially. Especially if it is a software demonstration. The user control will be precise. Tipster: Rosh TWO TIPS (NAVIGATION AND DEMO RECORDING) — 1. I will go on by combining Lectora and Captivate to create e-Learning lessons. the workflow is more than just recording your screen. for a demonstration). rather than the whole screen — this will aid viewing for the student. and change the options to show the image for the “Rest of slide” with “No transitions. The visual quality will be better. Our learners often learn better by “doing” than just “watching. Adobe Captivate continued If capturing a complex screen (for example. only capture the relevant window.” Apply these settings “to all” to make it your new default for images.) Always ensure you provide a navigation bar so the learner can pause. Record the audio to describe what you want the user to do in the application. Stuart Hornsey to it to make it as powerful as Authorware. You never know when your learner needs to step away from the computer for a moment. or a specific part of the window. It will be like you coaching users through an actual application — only you don't have to be there! Tipster: Leif Nelson . rather than the whole screen — this will aid viewing for the student. Use SnagIt to acquire the screenshots and regions that you will use in the presentation. and you will have more control over each slide and element. paste the image of the application. because you will end up with a smaller file size. stop. rewind. Insert a highlight box over the region that you want the user to click. or. but the payoff will be an interactive presentation.” On the slide that the click box opens. Paste a screenshot onto a blank slide.) If recording a software demonstration.

Red Resener GIVE USERS ESTIMATED DOWNLOAD TIMES AND A LINK TO DOWNLOAD THE FLASH PLAYER — Whenever I include Flash content within the Web pages for my courses. I always include a note about the download time for those on slow connections. Tipster: Red Resener USE LIBRARY AND TEMPLATE FOR THE COMMON CODE OR OBJECT — Instead of Save As for the same file.239 Tips for Producing and Managing Flash-based e-Learning Content | 54 V. I have my standard text. Adobe Dreamweaver Use the site-manager to coordinate files for multi-file find and replace. Tipster: Ram Mohan . and a link to download the Flash player. saved as a snippet so I can easily reuse it in every course. Tipster: Christy Tucker USE THE SITE-MANAGER TO COORDINATE FILES FOR MULTI-FILE FIND AND REPLACE — The sitemanager also makes it easy to organize your courses for regular file access. The site-manager also makes it easy to organize your courses for regular file access. Dreamweaver's Snippets feature makes this very easy. including the download link.

and select the last slide you want in the loop.adobe..com/microphones?slide=5” Note: This only works with content hosted on an Adobe Connect server.adobe. Click in the waveform editor area of the dialog box. Peter Ryce CREATING LOOPING PRESENTATIONS — There are at least two ways to do this. Click OK.. you can add a parameter to the URL to make the presentation start playback on a particular slide. After either of these options. and for customer-licensed servers. Tipster: Peter Ryce CREATING A URL THAT GOES DIRECTLY TO A PARTICULAR SLIDE IN AN ADOBE PRESENTER PRESENTATION — If you are hosting your Presenter content on your Adobe Connect server. and close the Audio Editor. For example if the original URL is:“http://my. the result would be: “http://my. saving your changes. Adobe Presenter If you are hosting your Presenter content on your Adobe Connect server. . you can add a parameter to the URL to make the presentation start playback on a particular slide. Second method: Choose “Slide Properties” from the Presenter menu in PowerPoint. it works both for our Adobe-hosted servers. However. acrobat. then use the “Insert” menu and choose “Command. Simply add “?slide=x” to the existing Connect URL. Simply add ?slide=x to the existing Connect URL. Click OK. Click the Edit button and use the dropdown menu beside the Goto field to select the slide you would like to be first in the loop. First method: Choose the “Audio Editor” from the Presenter menu in PowerPoint and navigate to the last slide you want in the loop.com/microphones” and you wanted to start on slide 5.acrobat. you can publish your presentation and it will continuously loop through your slides.” Change the “Marker Type” to “Goto slide” and then pick which slide you'd like to go back to when the user arrives here. Tipster: Peter Ryce . This is ideal as a set of welcome or instruction slides that can be used within Connect Pro meetings as “lobby” slides.239 Tips for Producing and Managing Flash-based e-Learning Content | 55 VI.

There is a separate '_SKIN. and if you want to show the PowerPoint title bar while the video is running. but Articulate Engage can make nice-looking.) When the borders feature is enabled (it's a checkbox in the options area for the skin).SWFs for my Web site. 1. or to use in other applications like Quizmaker or Engage.SWF. you can create animations in PowerPoint that rival the animations you see in Flash. 2. With some practice. simply save the updated . Use Engage where you can to save time.SWF from the data folder.swf file in the same location with the same name and publish the presentation again. Tipster: Tim Bobo . It is as if Articulate is having trouble fully accessing the vector information in the chart. Tipster: Raghavendra CONVERTING POWERPOINT CHARTS TO FLASH IN ARTICULATE — Articulate does an amazing job of converting most PowerPoint information to Flash.239 Tips for Producing and Managing Flash-based e-Learning Content | 56 VII. You can even just take the real chart and move it off to the side of the slide area. This means that you can use PowerPoint as a simple Flash animation creator. Publish the file in Presenter. efficiency is everything.SWF' file in addition to the content . The screen shot is just a graphic. For the record.SWF file in the same location with the same name and publish the presentation again. I do this all the time to quickly create . simply save the updated . and the problem is that neither will play if imported into Articulate because they need each other to play properly.SWF file. and if you have sized your Captivate project precisely to fit in an Articulate/PowerPoint slide.SWF files instead of one. The simple solution: Don't use Captivate borders if you want to import the Flash file into Articulate or Breeze. Captivate outputs two . the extra pixel will cause Articulate to crop or resize your Flash file. only you don't need Flash programming skills. and then pull the . there are two potential problems if you use Captivate's borders feature. and use Flash for more customized and complicated animations. and use the screen shot in the PowerPoint file instead of the actual chart. functional animations in a fraction of the time. Raghavendra USE ENGAGE TO SAVE TIME — In this day of rapid development and tight deadlines. crank it down to 720x495. One quick work-around is to make a screen shot of the chart.) The borders add an extra pixel to the height and width. Tipster: Mark Simon LEVERAGE YOUR RAPID AUTHORING TOOL — Articulate Presenter publishes each PowerPoint slide as a distinct slide . Articulate Presenter and Engage If you update your Flash movie after you have published your presentation and you want to incorporate your changes into your presentation. so it is always there if you need to make edits and update the screen shot. One of the areas where I find it often fumbles is in rendering charts. Flash is a fantastic tool. so it renders out just as pretty as it looks in PowerPoint. Tipster: Steve Johnson IMPORTING FLASH FILES CREATED IN CAPTIVATE INTO PRESENTER — If you are creating a Flash file in Adobe Captivate in order to import it into Articulate Presenter (or Adobe Breeze Presenter). your Flash file should be a maximum of 720x540 if you are going to import it into Articulate/PowerPoint. Tipster: Tom Kuhlmann EASY UPDATES TO PUBLISHED MOVIES — If you update your Flash movie after you have published your presentation and you want to incorporate your changes into your presentation. Articulate often will not draw the fonts and some of the graphics to be as smooth at they are in the PowerPoint chart.

Get it now at articulate. you’ll learn: Why results are what matter.Free Ebook: The Insider’s Guide to Becoming a Rapid E-Learning Pro Get this 46-Page Ebook for Free at articulate. However. going faster and making your job easier are not the only considerations. and how to focus on the correct ones How to create e-learning that contributes to the bottom line Why measuring the wrong things is a recipe for disaster How to manage expectations and enhance perceived value What learners really need (and what they don’t) Why e-learning without real world application is a waste of time How to leverage rapid e-learning tools for maximum benefit And much more. That’s where this free 46-page ebook by Tom Kuhlmann comes in. You’ll also get valuable rapid e-learning tips from Tom on a regular basis. all at no charge and all designed to make you a rapid e-learning hero.com/ebook In it.com/ebook . Get it now at articulate.com/ebook One of the great benefits of rapid e-learning is the ability to create e-learning courses much faster and easier than ever before...

by default. and set the page level to one more than the first slide in the chunk. Articulate Presenter and Engage continued Structure your project directory properly before you begin using presenter. it can also act funny if you insert two Flash files on any two slides in a row. Clicking a slide title reveals the four additional slides in the chunk. if you have 25 slides you want to break into five equal chunks. As most of us know. Media Tour. Be very careful. the first slide of each chunk is set. you take the slides for each chunk and place them in an interaction using Interaction Tabs or one of the following Interaction Slide types: Process. To me. Labeled Graphic. Page levels group slides into chunks of content. We lost some audio files because of this. why it is important. This has helped. Guided Image. However. each Level 1 slide is listed in the main slide list. Simply put. the Articulate output files. especially if you are recording directly in Articulate. you can use an Engage interaction in any presentation. For example. Circle Diagram.239 Tips for Producing and Managing Flash-based e-Learning Content | 58 VII. You can also group slides in the properties manager by slide type. more easily digested chunks. Using Engage. among other things. and whether the navigation automatically moves to the next slide. or tailor it to their own needs. When Presenter builds the navigation. it makes your chunks portable. is chunking and setting context. Once it has been created. Setting context is crucial. To work around it. what it will cover. The remaining four slides of each chunk would be set to Level 2. Tipster: Brian Dusablon AVOIDING PROBLEMS CREATED BY HAVING TWO FLASH FILES ON ANY TWO SLIDES IN A ROW — Articulate is great in that it allows Flash content to be inserted in the place of any slide. make up for the lack of a live facilitator who can tailor the content to suit the needs of the audience. which is easier to navigate using a tree style menu. A better method for chunking your content is to use Articulate Engage. To do this you open the Presenter slide properties manager using the PowerPoint add-in menu for Articulate. Timeline. but it is frequently overlooked when converting ILT to an online format. or Glossary. and allows them to choose which chunk(s) of content to consume. isn’t new. at the start of each chunk. Interactive FAQ. setting context means informing the learner. Setting context may be a new concept for some. Presenter is used to convert instructor-led training into Flash-based e-Learning Content. and how it fits into the overall unit/lesson/module. Brian Dusablon USE ARTICULATE PRESENTER PAGE LEVELS AND ARTICULATE ENGAGE FOR BETTER CONTENT ORGANIZATION AND INTERACTIVITY — Frequently. Not only does Engage do a better job of chunking your content and adding interactivity. and any other graphics or additional content we use. and does not always warn you if you are about to overwrite files. A couple of simple ways to allow the learner to better navigate the content. or you may know it by some other name. the associated audio playlist. Tipster: Paul Vandegriff STRUCTURE YOUR PROJECT DIRECTORY PROPERLY BEFORE YOU BEGIN USING PRESENTER — The program automatically creates files. we set up a directory structure with separate folders for the PowerPoint file. The tips for getting the most out of Articulate Engage are a separate topic for discussion. The program automatically creates files. especially when you can’t determine the entering behaviors of your audience. who the presenter is. The Flash files can be . Pyramid Diagram. and does not always warn you if you are about to overwrite files. You use the Level 1 slide to set context for the chunk. setting context provides the learner with the best ability to remember the chunks of content. Breaking the content into smaller. to Level 1. this isn’t a straight one-to-one conversion. It requires a different instructional design approach to. The simplest way to chunk content in Articulate Presenter is to use page levels.

we will make a PowerPoint slide with an introduction and a “continue” button. tapping is the correct way to go. ready to tackle their daily frustrations and distractions with a new positive boost of vigor and hope! But what happens? Soon after they return to their daily routines the “pumped” feeling they all felt at class soon begins to wane. So what is there to do? Enter Flash-based e-Learning. distractions and frustrations) and forget what they were taught in class. George Ritacco drawn in the wrong place when using the arrow keys on the keyboard to move forward or backwards in the presentation. how would you do it? Would you clench your first. And the goal is to deliver new material. let me back up a bit and introduce something a bit more conceptual first. Why? Because with only one whack a balloon has a tendency to slow down and fall to the ground. Thus the users will read the instructions on the PowerPoint slide. and so portable to utilize. Why the analogy? Hang on. embedding . Now let’s look at instructor-led or classroom training for a moment. fall victim to old habits. The result is something that feels entirely natural. they typically fall to the ground (or.239 Tips for Producing and Managing Flash-based e-Learning Content | 59 VII. until this bug is fixed. Maybe it’s for one day. Why do you think that is? Because most classroom instruction is not followed up with by a consistent repetition and frequency program . wind up and give it a big “whack?” Or would you “tap it” at strategic and specific intervals to ensure that your balloon reached its destination? Obviously. or they drive in to a training session. Not only is Flash one of the best things to come along and help trainers in a very long time. there’s observation and role-playing. There’s interaction. Of course.. and you will avoid this little Articulate bug. we’re getting there. When you only give your people a good boost .. or pack a ton of information in two days of live training. and so on. Articulate Presenter and Engage continued Because they’re so easy to create.. if we have a Flash game. Bottom line: People participate and most leave charged with a new lease on life and renewed pep in their step. an easy workaround is to make sure you have some sort of introduction slide in PowerPoint before any Flash content. Let’s look at an average employee in a hohum position. or more. and motivate and inspire everyone with new energy. and is easier to update than if you embedded the introduction information in the Flash file. This will ensure that no two Flash files are inserted in a row. and they are consumed again by their daily frustrations and distractions. The continue button will just be a PowerPoint button that links to the next slide. without a specific follow-up regimen or plan in place . Because they’re so easy to create. Flash-based e-Learning presentations have changed the way training courses are delivered … forever. So. Now bear with me — earlier we agreed that hitting a balloon for all its worth is not the best way for you to get a balloon across a room. working for a good company. observe skill levels through role-plays. the proper “tapping” if you will... what normally happens at a class is phenomenal. Similarly. Suppose your job was to get a balloon across a 20 foot room. Most organizations run their BIG SEMINAR. in our case. Flash-based e-Learning presentations have changed the way training courses are delivered … forever. and then they send everyone home with a workbook. but when you have the pleasure of using a product like Articulate. Tipster: Tim Bobo USE ARTICULATE TO AUTOMATICALLY ENGAGE LEARNERS — It involves delivery. there’s collaboration. but challenged daily with frustrations and distractions. For example. The extra PowerPoint slide feels very natural. People are brought in. but before I explain more. then hit continue and immediately be in our Flash game. a sophisticated process becomes so easy that literally anyone can be an instructional designer.. and so portable to utilize. the problem with most instructor-led training or live classroom instruction is that it is like whacking a balloon ONE TIME. First off. flown in.

and shorten training time. AE is a systematic and consistent approach to automatically “engaging” and interacting with someone according to a set timeline or schedule.. Vitally. created rapidly with PowerPoint and Articulate. visual and kinesthetic — easier and more effectively than ever before. Articulate Presenter and Engage continued an audio narrative and voice-over OR incorporating streaming video. And that’s my tip — taking an e-Learning course. and combining it with an e-Learning scheduling and delivery system. Tipster: George Ritacco .239 Tips for Producing and Managing Flash-based e-Learning Content | 60 VII. improve productivity. at my company we speak about the concept of “Automated Engagement” (AE). adds an entirely new element to interacting and engaging your trainees because you’re now able to teach to each of the three learning styles — auditory. Second. the last and final point. As a trainer. you have in your hands something that differentiates today’s trainers from those of five to ten years ago — an innate ability to leverage technology to maximize resources..

then create the narrations. Using Articulate Engage I added two labeled-graphics interactions.articulate. and you also plan to record narrations. Instead. The tour is a big hit with sales personnel trying to sell subscriptions to the e-Learning store. Articulate Rapid e-Learning Studio and Studio Pro If you plan to use animations in PowerPoint. If you record audio first. you can appear to lose all your recorded narratives. and provides a quick overview for new users. Mike Dickinson BE CAREFUL ABOUT THE FOLDER AND FILE STRUCTURE — Unless I'm behind on a product update. and used hyperlinks in PowerPoint to allow users to simulate performing transactions at the time clock. Tipster: Janet Clifford INTERACTIVE JOB AIDS — Using Articulate tools and Microsoft PowerPoint. Articulate has a quick-reference guide that explains this at http://www. it's much easier if you will create the narrations first! That way you can click “next animation” while recording the audio and the two will sync up perfectly. We can also easily edit the tour whenever we modify the e-Learning store.com/blog/ directory-structure/ Tipster: Mike Dickinson CREATE NARRATION FIRST — If you plan to use animations in PowerPoint. and imported audio to enhance the tour. I recently created an interactive job aid for a time clock. but it's a much more tedious process.“How to Use This Job Aid. Tipster: Mike Dickinson BUILD AN INTERACTIVE TOUR — After redesigning our subscription-based e-Learning store. and inserted their logo in the Articulate player as well as customized the Articulate player colors to represent their company colors. Tipster: Janet Clifford . I inserted an image of the time clock on the master slide of the PowerPoint slide presentation. you can still sync them up.” I was building the job aid for a popular casino. I published the interactive job aid for Web delivery. like flying-in bullet items. Articulate Presenter creates folders and files in a specific structure and naming convention based on the original PowerPoint file. we wanted to add an interactive tour to introduce new users to the Web site. or move it.” and “Using the Time Clock. like flying-in bullet items. We didn't have the time or budget to hire a multimedia specialist to build a Flashy media tour. if you rename that file (as I'm in the habit of doing every once in awhile for backup sake). For example. it's much easier if you will create the narrations first! That way you can click “next animation” while recording the audio and the two will sync up perfectly. added customized clock menus on each slide. Finally. I used Articulate Engage to create a labeled graphic to build the tour.239 Tips for Producing and Managing Flash-based e-Learning Content | 61 VIII. and you also plan to record narrations.

everyone ends up looking good. quizzes. and instructional designers . Articulate Online Empowering Rapid E-Learning With e-learning software tools that empower anyone to quickly and easily create engaging courses. Engage Effectively track e-learning activity without the usual cost and hassle. AWARDS: DELOITTE FAST 500 RISING STAR • ELEARNING GUILD PLATINUM FOR OVERALL SATISFACTION • BEST OF 2006 ELEARNING! MAGAZINE READERS’ CHOICE • BRANDON HALL EXCELLENCE IN LEARNING GOLD 2005 • TECHLEARN 2005 BEST OF SHOW. Download a free trial at www. and surveys. our mission is simple.articulate. We can now deliver more training at less cost to a wider audience in a shorter period of time. Presenter Effortlessly craft Flash-based quizzes. Studio Quickly create Flash-based presentations and e-learning courses from PowerPoint. ADP Award Winning Rapid E-Learning Software Tools Empower rapid e-learning with a set of powerful authoring tools. At Articulate. CONTENT AUTHORING AND ASSESSMENT • OVERALL WINNER. assessments and surveys.com and start exploring how our e-learning tools can dramatically improve your training effectiveness today. BRANDON HALL POWERPOINT TO E-LEARNING SHOOTOUT 2004 .subject matter experts. trainers. presentations. Instructional Designer.Who Knew E-Learning Tools This Quick and Easy Could Make You Look This Good “Articulate has dramatically changed the way we deliver employee training. We make everyone involved in organizational e-learning .” Lora Davis.into teaching and training heroes. Quizmaker Easily add stunning interactive content to your e-learning courses.

VarChapterComplete. VarChapterComplete.actionHide() – Show and Hide the object. it was a simulation of a software application. Users will be able to replay the . and more. and when it is finished the user would simply click on the navigation button within Lectora to move to next page. I'll use this example variable in the following examples. then you would need to reference to it as VarChapterComplete.SWF file to play when accessed. the window would close and the course which was behind the simulation is now available for the learner to continue. Target: Web Address.”When the simulation is completed. rather than a PC. This really opens up many possibilities in Lectora to create content that is dynamic and easily maintainable. For example.getValue()– Gets the value of the variable.getValue() == true){ trivNextPage() } 2. You could also set a text link to play the .239 Tips for Producing and Managing Flash-based e-Learning Content | 63 IX. Good for when you need to analyze the value before doing something else.SWF file from running or displaying correctly. text contents. Web Address: SimName. For example.contains(value) – This will test whether the variable contains the value. Doing this allows the . VarChapterComplete.SWF file to play when accessed. It doesn't just swap out images and text.set(value) – Use to set a value of a variable.SWF or SimName.SWF file however many times if. VarChapterComplete. 3. documents.) Some of my favorites: 1. it is best to do the testing on a Web server.SWF animation into its own page in Lectora. Action: Go To. 4. Doing this allows the . Just refer to its HTML-published name.contains(“t”) will look for the letter “t” inside of the variable. . It can swap out pretty much anything with something else. when testing the above.htm Then check the box to “Open in New Window. then: On Click. Button123. audio files. Always consider Change Contents when creating large scale courses! Tipster: Tim Kindberg MANAGING FLASH-BASED E-LEARNING CONTENT IN LECTORA — I have found that the best way to insert a Flash-based file within Lectora is to insert the . You accomplish this by creating a button.set(false) will set ChapterComplete to false.SWF file as a pop-up window. (Note: Variables in Lectora have the prefix “Var” added to the beginning of them during publish. and when it is finished the user would simply click on the navigation button within Lectora to move to next page. buttons. or when calling to Lectora from Flash or other programs. Trivantis Lectora I have found that the best way to insert a Flashbased file within Lectora is to insert the . Swap Flash files. For example. as the ActiveX control will prevent the . So if you've created a custom variable called ChapterComplete. if(VarChapterComplete. VarChapterComplete. images. Tipster: Bruce Richards JAVASCRIPT METHODS THAT YOU CAN USE WITH LECTORA — These are helpful when utilizing External HTML Objects within Lectora.actionShow() and Button123. and still not worry over navigation. Finally.SWF animation into its own page in Lectora. say. Bruce Richard THE CHANGE CONTENTS ACTION IS YOUR FRIEND — Most people don't even realize how versatile this action is.

then have button123's click-tab action run an action group. then action123 will execute the action that is on button123's click tab.ExternalInterface. It will display any value inside an alert popup window. b.CSS styles. (Caution: action123 will not execute any additional actions added to button123.ExternalInterface. d. For example. go to FilePreferences. Form. Tipster: Tim Kindberg MORE FLASH/LECTORA TIPS — Use in Flash instead of Flash. Tipster: Tim Kindberg -------------------------HEAD------------------------Flash. trivNextPage() and trivPrevPage()– Send the course to the next or previous pages. and create custom navigation buttons. action123()– Executes the action of the button that has the same HTML-publish number. TOC. e. Trivantis Lectora continued By using the External Interface in Flash 8 and above. title — taken from the page name in Lectora link — link to .239 Tips for Producing and Managing Flash-based e-Learning Content | 64 IX.actionShow”). getURL(“javascript:functionName()”). if I want to show a button in Lectora from Flash. c. you can use Flash to modify Lectora variables. ONLY it's click-tab action. ii. So if you create a button.call(“functionName”). alert(value) – This is helpful when you are trying to debug some code. and it's HTML name is button123.” HTML Source a. To see HTML names in Lectora. 5. Tipster: Tim Kindberg A WALK-THROUGH OF THE SOURCE CODES STRUCTURE IN AN HTML PUBLISH FROM LECTORA — This is taken from the class “The Guts of an HTML Publish. style — additional needed Text. in Flash ActionScript type where button123 is actually your button’s HTML name.”Then double-click any object. Also leave off the “()” that you would normally include in the getURL call.CSS file (located in HTML folder). For example. and its HTML name will be in the upper right corner of the properties dialogue. The div layer controls WHERE the text is on the screen and the ID that the object will be referenced by. Top of File Scripting — user added code.external. then check the “Show HTML-published object names in object properties. and body styles XscriptX and span tags i. . The p and span tags control how they stylize the text in conjunction with . hide and show Lectora content. 7. If you want to execute a group of actions.getValue()) displays ChapterComplete's value in an alert popup.call(“button123. alert(VarChapterComplete.external. Mark Hemingway 6.

Trivantis Lectora continued LAYERING ON TOP OF A FLASH MOVIE — You can layer objects on top of your Flash movie if you use the parameters tab in the properties of the animation to set the “wmode” parameter to “transparent”. and create custom navigation buttons. you can use Flash to modify Lectora variables.239 Tips for Producing and Managing Flash-based e-Learning Content | 65 IX. By using the External Interface in Flash 8 and above. hide and show Lectora content. Tipster: Mark Hemingway .

Jeff Yoder KEEPING CAPTURE VIDEO AND SCREEN ACTION TOGETHER — Sometimes I miss a splash screen or a video capture. where in the application/screen the part you are showing is) and can significantly increase the size of your produced file. gsXYZ02. Another advantage of using Zoom-n-Pan is that it isolates specific areas so that non-relevant parts of the screen or window don't distract your learners from the focal point. Camtasia Studio Screen Recording and Presentation Be sure to use the latest version of Camtasia.g. This is particularly helpful if you are showing an application that has many complicated elements.e. When using the Camtasia Recorder. After using Camtasia to record demonstrations. Captivate. we had audio problems with the Flash playback in Adobe Flash Player (created with Articulate) which only occurred on some machines. Tipster: Jeff Yoder . Tipster: Conan Heiselt EASY AUDIO IN PROJECTS — When using audio in a Flash e-Learning project. and 01. A word of caution though: Over-using zooms and pans can make it difficult for your learners to maintain a sense of visual context (i. if I am doing a training series on Getting Started with XYZ technology. We found that updating Camtasia and republishing the recordings fixed it. I would record the audio in 1-2 sentence-length recordings. We found that updating Camtasia and republishing the recordings fixed it. This makes for easy recording. From there I store and import each audio file. small details like text and icons may be difficult to see clearly for your learners. and editing of audio in a project. 02. XYZ represents the technology or process. save them with names like gsXYZ01. I use this format with Camtasia. and place it in the appropriate place in the Flash training. we had audio problems with the Flash playback in Adobe Flash Player (created with Articulate) which only occurred on some machines.mp3. Open Camtasia Studio Step 2. and other rapid e-Learning tools as a way to effectively edit and manage audio for a project. but are producing out at 640x480). The metadata tags in Audacity by SoundForge are also useful for enhanced content management of audio files. So. It's because each is displaying in separate layered windows. Begin recording Tipster: Doug Marlowe LEARN ABOUT THE ZOOM-N-PAN FEATURE — If you are producing at a smaller size than you've recorded at (e.mp3 where gs represents the subject. gsXYZ03. Tipster: Laura Jaffrey AVOIDING AUDIO PROBLEMS — Be sure to use the latest version of Camtasia. and 03 represents the audio segment being recording. updating. use the Zoom-n-Pan feature to make the area you are discussing larger. you recorded your entire screen.239 Tips for Producing and Managing Flash-based e-Learning Content | 66 X. Click the selection box labeled “Capture layered windows” Step 4. remember to select multiple layers in order to capture video and screen action together. Click the screen button labeled “OK” Step 5. After using Camtasia to record demonstrations. For example. Step 1. which is at 1024 x 768.mp3. Click on the menu items listed here: Tools | Camtasia Recorder | Tools | Options Step 3. I like to record the audio in small bits and label the bits based on subject.

.

slide transitions. do not paste “as is. your fonts will appear as their default font (which is usually not pretty). or Dragonfly) in presentations that are sent to others. Tip 6:When copying or pasting text from elsewhere. If you have such images.239 Tips for Producing and Managing Flash-based e-Learning Content | 68 XI. so you can test whether it handles your presentations. if the presentation is likely to be printed on paper. If you've never delivered Flash content before. paste as unformatted text through “Edit | Paste | Special | Unformatted Text. While PowerPoint may be great for drafting and storyboarding content prior to Flash development. preferably from the same font family. Using Other Tools When copying or pasting text from elsewhere. in many cases it can replace Flash development entirely.. Most tools offer a trial. Ensure no objects spill over outside the slide canvas. PowerPoint-to-Flash converters have come a long way. As the first. I personally prefer Arial for Level 1. As B/W printers still rule the roost. and sounds.” not “Grayscale. go up to only the next level. you can move better between slides using Page Down key. if you fit all slides in your presentation within the slide window. paste as unformatted text through “Edit | Paste | Special | Unformatted Text. English Old Style.. then go for that dark or shaded background in the master slide. If you still insist. videos. Some conversion tools will only take a snapshot of each slide and play them in sequence. then print as “Color.” Prakash Bebington A. Tip 5:When in Normal view. If the recipients do not have those fonts installed on their computers. default. all light-colored text prints as black.” Tip 2: Avoid ornamental or unique font types (such as Script. The nice thing about this type of storyboard is that it's visual. no further. Tipster: Vicki Krajewski REPLACE FLASH DEVELOPMENT BY USING POWERPOINT (SOMETIMES) — The Flash authoring program is certainly powerful. and Arial Narrow for level 2. You will usually find that the more capable tools are more expensive. Tipster: Lawrence Yau POWERPOINT TIPS FOR DESIGNERS — Tip 1: Avoid light text on dark background .” Instead.” Tipster: Prakash Bebington . Tip 3: It’s best to avoid three levels of bullets in PowerPoint presentations. Microsoft PowerPoint GET APPROVAL WHILE IN POWERPOINT STORYBOARD TO AVOID REWORK — We try to get approval on the content while the storyboard is in PowerPoint format to eliminate rework once we develop in Flash. but would still rather avoid the stage and timeline. level is also bulleted. Many of these designers are diehard PowerPoint gurus who can animate a title sixty ways to Sunday. while others support animations. Tip 4: Dark backgrounds in your presentations could force you to use images with transparent backgrounds. though not all are created equal. distinguish the levels with contrasting font types. and can give an idea not only of the content but the intended design. but it is also quite intimidating for the masses of instructional designers that rely on Microsoft Office for their daily work. Also. It's much easier and quicker to mock-up graphics and general flow in the PowerPoint format. converting PowerPoint to Flash is an easy way to get your feet wet and reach new audiences or create new business opportunities. do not paste “as is.” Instead.

if you have to present branched information. Prakash Bebington AUTOMATE POWERPOINT CONTENT TO DYNAMICALLY BUILD SHELL FILE AND FOLDER STRUCTURES — Macro code for PowerPoint: Dim fso Sub BuildShellStructure() Dim fso2 Dim sfol As String. Tipster: Red Resener PRESENT BRANCHED INFORMATION SAFELY IN POWERPOINT — In your PowerPoint show. prefer embedded slides over custom shows. dfo2 As String sfol = “C:\Projects\courseTemplate” dfol = “C:\Projects\newsite” If Not fso. dfo2 Else MsgBox dfol & “ already exists! Rename the folder and try again.CopyFolder sfol.CopyFolder sfo2.FileSystemObject”) sfo2 = “C:\Projects\mediaTemplate” 'FLA files dfo2 = “C:\Projects\newCourseMedia” Set fso2 = CreateObject(“Scripting. Follow these simple steps: (1) Embed the layered information as PowerPoints on the page you'd like to branch out.. (2) Display as icon. or automating e-Learning. (4) Rename the icon appropriately through “Presentation Object | Convert | Change Icon | Caption”. if you have to present branched information. This prevents the embarassment of displaying the “hidden slides” in the custom shows while navigating backwards during your presentation.com. Using Other Tools continued In your PowerPoint show.. (3) Activate the PowerPoint icon through “Action Settings | Object Action: Show”.239 Tips for Producing and Managing Flash-based e-Learning Content | 69 XI.FolderExists(dfol) Then fso. e-mail RedResener@hotmail. “Folder Exists” End If End If End Sub Set up your course shell files. then update the macro above to reflect the location of those files and folders.FileSystemObject”) If Not fso2.”. Any questions about this.FolderExists(dfo2) Then fso2. dfol As String Dim sfo2 As String. This prevents the embarassment of displaying the “hidden slides” in the custom shows while navigating backwards during your presentation. Tipster: Prakash Bebington . vbExclamation. dfol Set fso = CreateObject(“Scripting. prefer embedded slides over custom shows.

For this. print-screen it. Page borders look great in Print Preview. change the text wrapping in Table Properties (Table | Table Properties | Text Wrapping | None). Microsoft Word A HALF-DOZEN USEFUL TIPS (NOT ALL RELATED TO FLASH) Tip 1: Inculcating a discipline of setting your document styles at the start of your word processing will go a long way in preventing formatting inconsistencies later. always paste-special. Tipster: John Best B. or added to a development package such as OpusWorks Composer by The Quality Group. If the table spills over to the right outside the page. PowerPoint 2003 and above gives you the ability to add motion paths to objects. Tipster: Prakash Bebington . using the cropping tool. They operate as PowerPoint add-ons. Several PowerPoint-to-Flash conversion programs are appearing that are inexpensive and very easy to use. select the header row. Tip 2: If you follow style discipline. Explore the Format | Styles and Formatting option right away. and add text. you can show several items on a page. The Flash files can be set up as a complete course with navigation and branching. then apply your preferred style. Tip 3: MS Word is a word processing tool. this too flows from the style-setting discipline. Also. paste as Unformatted Text. NOT a drawing tool. go to Table Properties | Row Options and select Repeat as header row at the top of each page. you must also follow the Paste Special rule. Never copy-paste. and paste in Word. Tip 4: Avoid page borders if you are not an expert Word user. Tip 6: If your table spans multiple pages. PowerPoint 2003 and above gives you the ability to add motion paths to objects. This feature is available in Edit | Paste Special. if you are amazed at how some people magically generate that hyperlinked Table of Contents. repeat the header row across the pages. For example. If pasting text. draw in PowerPoint. an unseemly space remains at the bottom of the page. set the preferred width in Table Properties to 100%. nick off those excess white spaces around your drawing. Tip 5: If the bottom half of that table you just inserted disappeared below the page (and does not continue to the next page). cause all but one to fade. John Best DO YOUR FLASH DEVELOPMENT HEAVY LIFTING IN POWERPOINT — Take advantage of new technologies that ease the development of Flash content. but when you print the page. Using Other Tools continued Take advantage of new technologies that ease the development of Flash content. Then. If you want to draw autoshapes. enlarge and move the existing object. You can do all the heavy lifting of creating motions in PowerPoint. Examples are Articulate Presenter and Flashpoint.239 Tips for Producing and Managing Flash-based e-Learning Content | 70 XI.

Tipster: Daphen Gonzalvez E. within all LMS systems. Check for attachments in a little test footage before doing your final filming. Tipster: Karen Miller D. When creating an online product for my clients.and AICCcompliant modules that run independently. so that they can update courseware in the future – since the learning curve is so short. add audio. and customize the interface GUI to include a table of contents as well as the current screen. Reducing the size of the viewer GUI will reduce the resources needed by Second Life. and the license is very reasonable. html. David Miller C. you can instantly create Flash-based SCORM.239 Tips for Producing and Managing Flash-based e-Learning Content | 71 XI. and allow for higher quality video. It's an easy way to add 3-D content to scenarios and questions. It's an easy way to add 3-D content to scenarios and questions. You can start with a PowerPoint presentation. then set your viewer to that size. Viewlet Central) for over four years.net/zphoto/index. This maintains the maximum quality by not resampling the video. I have used Viewlet Builder products (Viewlet Builder. available at http://0xcc. add interactivity. or use the Viewlet Central solution. Tipster: David Miller Make your Second Life video in Flash shine by selecting the highest quality graphics settings you can. hide your interface when filming by using Ctrl Alt 1. I use it to display student work in a gallery. capture video (at a specific frame rate and sized to your needs) and import it into Flash. Using products such as Fraps and Sizer. Using Other Tools continued Add Second Life video (machinima) to your Flash work. capture video (at a specific frame rate and sized to your needs) and import it into Flash. You can also turn off the chat bubbles under Preferences if desired. zPhoto creates a Flash-based on-line album from photos taken by a digital camera or images scanned in. with one click. http://. It's easy with a few inexpensive tools and tips. makes developing online training so easy and simple. At that point. zPhoto zPhoto is a free Flash-based photo album generator. or to give examples of digital art work that can be created. Upon choosing a few options. you can create multiple click zones. and test by taking a few seconds of video and viewing the video's properties. Second Life Add Second Life video (machinima) to your Flash work. If the final video needs to be 640 x 480 pixels. then consider turning off the audio and streaming audio (music) under preferences in Second Life too. size the Second Life viewer to meet your requirements. Viewlet Quiz. and use a screen capture mode to convert it into Viewlet Builder. It's easy with a few inexpensive tools and tips. Using products such as Fraps and Sizer. Qarbon Viewlet Builder This tool by Qarbon.en. Tipster: David Miller To get clean and professional results for video from Second Life. Tipster: David Miller When getting video out from Second Life.com. and they just keep getting better.qarbon. and cuts down on production time.www. I always recommend that they purchase a license. They have great support. . If you will be using separate audio files imported into Flash.

In most cases this means using Flash itself for at least part of the . Then create an easy-touse form in Microsoft InfoPath so that your SMEs can create all of the content on their own. Tipster: David Miller F. and other learning objects) that XML can populate. you will need wrapper-specific ActionScript inside your . Create several Flash interactions (games.SWF to take advantage of the added functionality the wrapper provides. are used for capturing MMORPG. Adobe AIR may also be a good alternative once it matures a bit. Whether capturing metaverse video or desktop applications. Make sure to close any other programs. and you need the character(s) to be in the same position(s) from the start of each (other than the default positions).SWF using one of these tools. While it is possible to “wrap”' any . Microsoft InfoPath Use InfoPath to create an XML file to populate your Flash interactions. Tipster: David Miller Using screencasting software allows you to add high-quality video to your Flash e-Learning. using a video-based tool may work very well. quizzes. Deploying Flash-based content within an executable wrapper such as . Because the . Several tools. Then. Tipster: Chris Bahns G.fraps. set your character(s) in the correct starting position(s) and then save that . and other learning objects) that XML can populate. one that outputs a video-specific format. It works great! Tipster: Eric Hunter H.SWF publication process. such as Fraps (http://www. It works great! Eric Hunter Often parcels have streaming music playing that take up valuable computer resources.CBP file out as your template.com) typically works well with Flash's video compression. every time you need to start a new movie. quizzes. While we are used to other recording software. Using Other Tools continued Use InfoPath to create an XML file to populate your Flash interactions. Create several Flash interactions (games. Flash Wrappers E-Learning providers migrating to Flash from Authorware are often frustrated by Flash's security restrictions. that are very reasonably priced. operations that require accessing or creating local assets are severely limited. This eliminates having to import all your assets and set up your characters each time you make a new movie. and consider using a third-party tool to capture video rather than the one built into Second Life. Then create an easy-to-use form in Microsoft InfoPath so that your SMEs can create all of the content on their own. CodeBaby CHARACTER POSITION TEMPLATES — When you have a need to build multiple CodeBaby movies.SWFStudio or Zinc overcomes many of these limitations. you can open your template and save it out as your next movie. Tipster: Becky Kinney .239 Tips for Producing and Managing Flash-based e-Learning Content | 72 XI.SWF format targets the open Web rather than a corporate intranet or local application.

SCORM 1. training professionals can embed audio training blurbs into e-mails and Web pages. There is also a free hosting service called IgniteCAST that you can publish directly to.SWF files do retain their interactivity if you developed them as such.SWF. PowerPoints. replaced.2 (yes. easy tool to put VCR-control-type buttons and embed Flash-based audio into HTML pages. I use Audio Generator for gathering client testimonials online. . Sonic Memo Sonic Memo Toolkit by Jay Jennings (www. For a low monthly fee. Yes. . Ignite Pro Studio This tool focuses on aggregating or “stitching” multiple media types together.com. the added benefit of being able to stitch in other media types around Flash is what really makes it useful.design2train. . Pro Studio considers everything a “slide” which can simply be moved up and down in the order. but . easy tool to put VCR-control-type buttons and embed Flash-based audio into HTML pages.RTF.DOC. you can share the final output publicly. as well as creating audio training blurbs (up to 10 minutes) to embed in my Web sites. Tipster: Karen Miller K. it is a low-cost but highly effective method for collecting. Tipster: Jeff Holth J. or Webcam videos around the Flash content) you can then republish the content to a new standalone .SWF files are definitely among the supported types. Audio Generator LOOKING FOR A QUICK WAY TO ADD A TESTIMONIAL TO YOUR WEBSITE? — I have used Audio Generator for over four years. Zamzar How many times have you needed your file in another format and it becomes such a hassle to make sure you have the right conversion tools? Worry no more. training professionals can embed audio training blurbs into e-mails and Web pages.FLVs play back as simple movies of course.jayjennings. Listen and see Audio Generator in action on my Web site (www. www. and creating plug-and-play code to place in your training Webpages. and . there are subscription fees at ignitecast. For a low monthly fee. or privately to specific users. this tool is very good for that purpose. Once uploaded. It does import a variety of media formats.Zamzar. and so on.jayjennings. However.com) I like it because you can embed audio in just three clicks. That’s not where the fun ends.EXE. Ignite has a quiz mode). Using Other Tools continued Sonic Memo Toolkit by Jay Jennings (www.com) is a quick. image files. Tipster: Karen Miller L. converting.FLV and . If all you want to do is manage a bunch of Flash files easily and quickly.PDF.239 Tips for Producing and Managing Flash-based e-Learning Content | 73 XI.SWF that has all of the combined media in it. Once you have your Flash content in the right order (and perhaps added screenshots.com is an online . but you have to upload a fair amount of content before you hit any space limit that would trigger a need to use the paid plans. Even that’s not where the fun ends. other movie formats. . Ignite Pro Studio can also publish to . com) is a quick. . and then publishing them as one structured course or a single lesson. added. Karen Miller I. but for the purposes of this particular eLearning Guild e-Book. HTML.

WAV file and want to convert it to . Tipster: Karen Miller . Go to the Zamzar site. Using Other Tools continued conversion tool – and it's free. with no hassle. and there it is. enter your e-mail address. and click.239 Tips for Producing and Managing Flash-based e-Learning Content | 74 XI. upload the file. decide upon the format you want the file to be converted to. you will receive an e-mail that your file was converted. In minutes.MP3. Download it. Let's say you have a .

.

video. QuickLessons Do you wish your template could rearrange itself depending on the size of your text? Do you wish every screen of your online course would color itself automatically so it always looks attractive? Do you wish you could insert your text into the screens without you having to edit files or program it? Do you wish you could create characters that could change colors. WILD Soft WILD (Worldwide Interactive Learning Designer) was created to rapidly deploy quality courses taking the team approach. use free social software tools such us: www. Tipster: Denise Link E. As soon as you are done recording.atlantic-link. hair. Phasient Sim Builder Use Flash to add movement to a page. and image bank.239 Tips for Producing and Managing Flash-based e-Learning Content | 76 XII.com. These can be configured through the Properties panel. assessment. Leverage a tool where multiple users can be working on the same project.co. all of that is possible when you use Flash! Even more possible when you used Flash-based tools that can lead you towards a more attractive and functional online course. including video and pictures. And paying a lot less! Access www. Tips Provided by Tool Vendors WILD (Worldwide Interactive Learning Designer) was created to rapidly deploy quality courses taking the team approach. Andrew Bagley A.talkingletter. and without you having to learn how to use Flash per se. Tipster: Maria Coelho C. Users can record video as they display pictures and record mouse clicks online.uk/Flash_templates. Content Point – Atlantic Link Use the Flash asset library to provide complex custom Flash interactions within your Content Point Flash courses. Tipster: Fabio Cujino D. Tipster: Andrew Bagley . audio. You can layer a Flash animation on a page as you would place an image. quizzes. clothes. including a friendly interface to help you create more high-quality courses in less time. or program anything.quicklessons. templates. Talking Letter To easily produce Flash demos. meaning that no coding or Flash skills are required. You can find some examples at the main page at talkingletter. but save time and make changes easier by using SimBuilder to build in complexity and interactivity. looks? Well. outside the Flash animation itself.htm Tipster: Michael Alcock B. Leverage a tool where multiple users can be working on the same project. your Flash-based e-Learning module is ready. then control the animation with buttons or actions that are on the SimBuilder page. View the full list here: http://www. This will decrease down time waiting on open issues to be resolved. With QuickLessons you have everything in hand: Flash-based characters.com. This will decrease down time waiting on open issues to be resolved.com now and subscribe for a free trial.

Tips Provided by Tool Vendors continued Use Flash to add movement to a page. mono. If you leave that decision up to the graphic artist. or Flypaper that offer animation. The import settings compress the video for you. If your templates are flexible enough. The latest version of the Flash player will also handle .MP4 to play on other formats or embed in other files. you can change the look and the action enough that learners will not get bored . We often use Sorenson Squeeze to compress our files. One key factor is the content. Raptivity.MP4 files. It has many uses.SWF files. and you have to create code anyway. but save time and make changes easier by using Sim-Builder to build in complexity and interactivity. and you can reuse that animation in other formats. you are better off using a less “Flashy” animation and keeping it in the tool you and your SME's can use like Captivate or Flypaper. If that content is constantly changing. 1:1 frame rate.FLV. it makes sense to build it once in Flash. it can be a tough call as to when to use the native animation in your e-Learning tool or when to build a custom Flash file. You can then publish the Flypaper story and get the compressed video out of the resource folder. or Flash. If you need functionality that does not exist in your regular authoring tool. The final key factor is re-use. you might as well load the graphics dynamically and put the text in XML files.net Tipster: Kieran Richardson VIDEO COMPRESSION — If you are playing video through an e-Learning course. Flash .” It looks better.MP4 formats that can play on an iPod and/or other mobile devices. and you have to plan ahead.SWF file. it can be faster to produce the first time. Audio: Frauhofer MP3 Codec. images. Another key factor is code. . If you are going to build this in Flash. text). Captivate. Flypaper has its own system of Flash Models that are re-usable pre-programmed Flash files.SWF files are a good output.239 Tips for Producing and Managing Flash-based e-Learning Content | 77 XII. outside the Flash animation itself. It will take much longer to program. 225 data rate. Of course. 16 Sample Size.MPG or . You can download it at http://www.flypaper.net and import the video. we try to keep our video files to less than 1 meg of video per minute. Video: Sorenson Spark Codec.MPG or . . If the content is constantly changing. and outputting to . you can download Flypaper.SWFs from Captivate. That way you won't need the programmer or the Flash IDE to recompile the file every time you have to change a picture or fix a typo.MPG or . Flash may be the way to go. Examples of Flash templates abound on sites like Flash Den and Flash Kit. but in the end you will save time on the next project. 22050 sample rate. Denise Link F. the answer is often “custom Flash everywhere. Flypaper can also just play the video in its native HTML file output. If you are going to use Squeeze or another compression tool. try to design it so it can be a template and used repeatedly. We use the 256K setting from Squeeze with some changes. . In general. or you can select video as you output and generate an . Sorenson 2-Pass VBR method. Flypaper FLYPAPER IS A FREE TOOL IN PUBLIC BETA — It can output .FLV. We have had a lot of success getting “acceptable” video that plays on older and slower networks with these settings.flypaper. you can play around with the settings to get the best possible video at the smallest possible file size.FLV and . combining them with other media (audio. www. 32kps data rate.MPG and other video formats. If the content is not likely to change for the foreseeable future. then control the animation with buttons or actions that are on the SimBuilder page. You can layer a Flash animation on a page as you would place an image. but a cool tip is taking . If you don't have Squeeze. or embed it inside a single . Tipster: Kieran Richardson WHEN TO USE CUSTOM FLASH INSIDE ANOTHER E-LEARNING TOOL — When you have a set of templates or tools like Lectora.

Once you do plan for more than one round of testing. 2. rather than Web design or multimedia development. While most product development models for WBT courses vary somewhat from software development (I don’t know many software engineers who write storyboards for their software).“Well. make sure that every link works. Flypaper exports all the text content in XML as well. When translating. Tipster: Kieran Richardson When including text in a Flash file. So how do we make this an effective process? Here are a few tips I’ve learned from experience that I hope will be helpful: 1. the better off we’ll be. Following the old 80/20 rule. You will never catch all of the bugs and defects in your course with just one round of testing. and there are lots of free XML editing tools.Flypaper. This will make it much easier to translate or update. it's best to put the text in a . Any shortcuts we are tempted to take will usually end up hurting us down the road. and start modeling parts of our development processes after traditional software development models. There is just no easy path from the fun stuff (design and development) to the real world of the production environment.TXT file or XML file. People traditionally call the first round of testing the Alpha test.” you might be thinking. Use the 80/20 Rule. The Flash Player has really improved how fast it loads XML. If you come from a training background. This will make it much easier to translate or update. one of the many things they share in common is the quality assurance (QA) process. it's best to put the text in a . this concept may take a while to crystallize. same-old. and so on. Have just a few people test the first round. that every Flash movie plays at the correct moment. I knew that already. only work with translation vendors who can take XML files and return them in the same XML format. you will eventually discover that what you have when you are finished with an online learning course is a software application. find a new vendor. but critical. I agree. that every punctuation mark is correct. Tools like Raptivity. things we all have to do is make sure our course is completely working before we release it. Tipster: Kieran Richardson G. In between lies the thorny road of quality assurance testing. two to three people can find the majority of the prob- .TXT file or XML file. Tips Provided by Tool Vendors continued When including text in a Flash file.” For examples of nice templates and models go to http://www. Kieran Richardson with the “same-old.com or http://www. Okay.net. still attempt to find all of the defects in the first test. and the coming version of Captivate. offer options to export with folders and all the text in XML files. the sooner we start thinking of our online courses as software applications. What I’m pointing out with this concept is nothing that will blow your mind. We have to track down every single issue. and the second round a Beta test. While that is true. One of the tedious. Plan for more than one round of testing.239 Tips for Producing and Managing Flash-based e-Learning Content | 78 XII. we trainers often want to think that developing a WBT is “different” from traditional Web sites or other software applications because it is a tool that teaches. However. and have several more test in later rounds. Unison Web-based Collaborative e-Learning Development Solution & Flashform Rapid e-Learning Studio (Rapid Intake) QUALITY ASSURANCE TESTING YOUR FLASH-BASED COURSE: HOW TO DO IT FASTER AND BETTER WITH UNISON — If you don’t know it already. If they want files in Word.FlashDen. and give you back a Word document.

Where possible. even real-time if possible (you can do this with Unison). Instead of having all the testers test at the same time and then consolidate notes. it sometimes takes several people to uncover the remaining problems. However. he or she needs to be sure to check the ”Include Review” option. 5. This technique we have been using for years has turned out to be very effective. Remember though. . 3. 4. Tipster: Joy Vinson BOOKMARKING COURSES WITHOUT AN LMS — Usually. including options and distracters 2. Flashform Rapid e-Learning Studio and Unison does the actual Quiz Review development for you. Don’t take any issue for granted. This will ensure that the learner has the opportunity to see their answers. or one-man-team. as well as clear notes about how and when it was resolved. if you just want the learner to be able to keep track of what they have completed. tracking student course data requires an LMS. have them test one at a time. Tips Provided by Tool Vendors continued If a course has a mandatory pass percentage required before a learner can move on to a subsequent course. perform testing micro-cycles. keep a detailed log of every problem found. you need to make sure that you took care of every defect before delivering it to your client. using micro-cycle testing will give you more testing bang for your testing buck. To show the Quiz Review in Flashform. Although this is my personally least favorite part of the process. and all of the correct and incorrect answers. especially if there is ever a difference of opinion among team members as to how and why an issue was resolved. this step is extremely important. the developer fills in the Quiz Page template. if they answered incorrectly. this list can be an important reminder of why you made certain decisions along the way. Later. Tipster: Garin Hess HOW TO SHOW A QUIZ REVIEW — If a course has a mandatory pass percentage required before a learner can move on to a subsequent course. Joy Vinson lems. a Quiz Review can be critical to a learner’s success. making sure that the “Include Review” box is checked in the “Quiz Settings” section. Repeat the quiz question as it was stated exactly in the quiz. the developer needs to add a page. In other words.239 Tips for Producing and Managing Flash-based e-Learning Content | 79 XII. Some important components for an easy-to-understand Quiz Review are: 1. and make the fixes as the issues come in or shortly thereafter. As a project manager. a Quiz Review can be critical to a learner’s success. Verify every fix. if you are the one that made the fix. be sure someone else verifies the fix for you. In Unison. their scores. Learner’s response 4. However. and what the correct answers were. This will give the learner the opportunity to see his or her quiz results. and select the Quiz template. and perform quick fixes between testers. Be ready to get their feedback quickly. Correct Response (if learner’s response was incorrect) How such a comprehensive Quiz Review is built depends largely upon the tools being used to create the course and/or quiz. after selecting to add a page and choosing the Quiz template.WBT producer. Because of the quick turn-around time. This allows the next tester to spend his or her time finding other problems for you rather than submitting the same problems already submitted. When the developer gets to Step 3 of the Quiz page. Correct/Incorrect assessment 3.

Call the function “goToPage”. If you are creating your own Flash interaction. CDROM. separated by a comma. It’s so easy it almost feels like YOU are ON vacation (suntan not included).SWF page . Steve Hancock and the last page they visited. The course is now ready to track the learner’s status. instead of entering a URL. you can do that without the expense of an LMS. enter a link ID. Highlight the text that will be linked. With little effort. simply: 1. It is not always linear. you need your navigation to link to other parts of the course. 3. c.) You can use one of two identifiers for linking to a page: the title of the page. and direct the learners to it. and then including this movie as one of the pages in your course. you can do this by linking to another page in the course. 5. In a Flashform or Unison course. Place the link ID or page title after the function name. your task is complete. when creating a Flash course.) Tipster: Steve Hancock CREATING LINKS TO OTHER PAGES — Often. or a network drive. you need your navigation to link to other parts of the course.239 Tips for Producing and Managing Flash-based e-Learning Content | 80 XII. (By the way. Place the link ID or page title after the function name. the whole process takes mere seconds and you can do it in three simple steps: 1. Save your changes. you deserve a nice vacation! Mercifully. Create the button. Tips Provided by Tool Vendors continued Often. If the title of the page is not unique. if you are developing a course in Flashform or Unison. b. In the event handler for that button place this ActionScript: goToPage(“linkID or PageTitle”). more code is needed to take them to that location. to include a button in the Flash movie you are creating that links to another page simply: a. you can do this by linking to another page in the course. Traditionally. 2.linkID or pageTitle . 4. In Unison choose “bookmarking. To create a link to a page within a text field. Access the project settings by clicking Edit | Project. (To hide a page. just check the hidden-page checkbox. The “asfunction” term is a special term used to specify a call to an ActionScript function. Once the process is finally completed. enter the following: asfunction:goToPage. additional code to read this cookie when the course started again. You can now place the course on a server. or the link ID that you enter on the Advanced tab. this type of tracking would require a lot of work:Writing the ActionScript that would write this data to a Flash cookie (which stores data on the local machine). It is not always linear. In a Flashform or Unison course. separated by a comma. In Flashform choose “cookie” as the tracking attribute. In the HTML link field. Flashform and Unison courses also track bookmarking if they are launched from a LMS. You’re not finished yet. you can link to another page as well. when creating an e-Learning course. or by creating your own interaction in Flash. For example. when creating an e-Learning course. and still more to use the data to determine where in the course the learner should be. You can create a link to a page in two ways: within text. and virtually no stress. Once that is done. 2.” 3. These pages may be visible in the Table of Contents. When this Flash movie is included inside a Flashform or Unison course using the external . This function has been set up to allow linking to other pages. or be hidden.

2. Give it a try. In addition. simply copy the glossary.xml) on your computer.xml file from that course. Create the button. In the event handler for that button place this ActionScript: glossary(“theTerm”). in the midst of another interaction you can link directly to a glossary term. Tip: If you are creating a master glossary that you will use for many courses. b.theTerm Where“theTerm” refers to the actual term in the glossary. If you are creating your own Flash interaction. allowing you to simply upload that file each time you wish to put in the glossary. Tipster: Steve Hancock Here are two ways to reuse a glossary with Unison. Both options are described below: Users with PowerPro Customization Access. instead of entering a URL. This function has been set up to allow linking to a glossary term. replacing the original glossary. 4. In addition. In the HTML link field.SWF page type. you can link to a glossary term as well. the process of reusing a glossary is quite simple. Call the function titled “glossary”. this ActionScript will cause the button to navigate to the page. This function is global. There are two ways to create a link to a glossary term:Within text. The new course will then have that main glossary. and which way you will use depends on whether you have a professional or standard license of Unison. you have access to your online project folders. Place the term you want to link to the glossary at the end after the comma. For example. you may simply want to keep a copy of that glossary's XML file (the glossary. simply: 1. Steve Hancock type. or by creating your own interaction in Flash and then including this movie as one of the pages in your course. A glossary. this ActionScript will cause the glossary to open and display the included term. As a professional user. To reuse a glossary that you have created in another course.xml file. Highlight the text that will be linked. Flashform and Unison offer even more glossary features. . so it is accessible using the simple ActionScript shown.xml file found in that project folder. To create a link to a glossary term within a text field. For example. enter the following: asfunction:glossary. and place it in a new course. Tips Provided by Tool Vendors continued Flashform or Unison developers are aware that an interactive glossary can be created by simply entering terms and definitions. 3. Once this Flash movie is included inside a Flashform or Unison course using the external . This link will cause the glossary to open and go directly to that term. if you want to include a button in the Flash movie you are creating that links to a glossary term simply: a. In each you will find a glossary.“asfunction” is a designated word used to specify a call to an ActionScript function. and is in every project folder.239 Tips for Producing and Managing Flash-based e-Learning Content | 81 XII.xml file completely controls a glossary. If you have PowerPro Customization Access for Unison. Tipster: Steve Hancock CREATING LINKS TO GLOSSARY TERMS — Flashform or Unison developers are aware that an interactive glossary can be created by simply entering terms and definitions. Flashform and Unison offer even more glossary features.

239 Tips for Producing and Managing Flash-based e-Learning Content |

82

XII. Tips Provided by Tool Vendors continued
Flash supports a limited number of CSS styles that can help you format text throughout a Unison or Flashform course. Instead of formatting text on every page, you can format the text in one location – the CSS style sheet. That way, if you ever need to make a change, you can change it in one location and it affects all of the text in the course.
Garin Hess

Standard Users. If you have a standard license of Unison, the best way for you to reuse a glossary is to create a new course that has nothing but a glossary inside. You will then want to save this course as a Template, so anytime you want to create a new course with that glossary, you will create the course using that course template. Then, when you want to edit the master glossary, simply re-save the course as the original “glossary” course template. Tipster: Garin Hess RESTRICTING NAVIGATION — It is not uncommon to have a course that requires learners to complete all of the pages within a specified section or topic of a course before they can move on to the next topic. The way this forced sequential navigation might occur varies depending on the tool you are using to create the course. Flashform and Unison courses come with the ability to easily restrict navigation by using the Navigation setting in the Edit Topic form. From the dropdown box, you need to select “Restricted based on Completion”. Once restricted, the pages of the next topic are inactive in the TOC. If the learner tries to click the next button to move to the next topic, this alert is displayed:“You must complete the current topic before you can move to the next topic.”The way the learner knows if a topic is complete is if a check mark appears next to each page within the topic. Under normal circumstances, a check mark appears as soon as the learner views the page. However, if you are using pageComplete, then there may be items on the page that must be finished before considering the page complete. If a course contains a sequence of topics that are restricted, the learner must to go through the course one topic at a time in sequential order. The learner can jump between pages within a given topic, but must complete each page before moving to the next topic. Tipster: Joy Vinson USING CSS TO FORMAT TEXT IN A FLASH-BASED COURSE — Flash supports a limited number of CSS styles that can help you format text throughout a Unison or Flashform course. Instead of formatting text on every page, you can format the text in one location – the CSS style sheet. That way, if you ever need to make a change, you can change it in one location and it affects all of the text in the course. NOTE: You can always override the default style-sheet settings by clicking Override Default Settings in the text box you are typing in. All templates that use text are already associated with a cascading style sheet that comes with Unison. To change the text format, simply locate and open the style sheet, make changes to the settings, and save your changes. Flashform and Unison courses use these style sheets: • glossary.css to format the glossary • glossary_menu.css to format the glossary terms menu • narration.css to format text entered into any narration field • .SWFs/template_.SWFs/template.css to format text entered into any page and note fields You can find these CSS files in any Unison or Flashform project directory when you look at the project file structure. To access the project file structure in Unison, you need to have PowerPro Customization Access as part of your subscription account. If you do, follow these steps in Unison: 1. Click the Admin Tab. 2. Click View | Update Projects and find the project you want.

239 Tips for Producing and Managing Flash-based e-Learning Content |

83

XII. Tips Provided by Tool Vendors continued
Most e-Learning developers start by creating static Flash movies for e-Learning content. A “static” movie means you embed all text, audio, video, and images inside the .SWF movie. The disadvantage to this approach is that to update anything, you need to open Flash, change the content, and republish.
Garin Hess

3. Click the Files link. 4. Click the Zip link next to All Files. 5. Unzip the download on your local computer, find the CSS files in the project directory and make the changes. 6. Zip up the project directory, then upload the Zip file into Unison. NOTE: You may want to change the status of the project so no one tries to edit it while you are making these changes on your local computer. To update the CSS style sheet associated with page templates, follow these steps: 1. Using a text editor such as Windows Notepad or WordPad, open the template_styes.css file (SWFs/template_SWFs/template_styles.css). 2. Locate the style you want to change. 3. Change the characteristics of the style by changing the specific properties of the style. For example, to change the question format from 14 pixels to 16 pixels, change the font-size property from 14px to 16px. 4. Save and close the style sheet. 5. Upload the style sheet back into the original online directory. Tipster: Garin Hess CREATING A FLASH AND XML ARCHITECTURE FOR A FLASH-BASED E-LEARNING COURSE — Most e-Learning developers start by creating static Flash movies for e-Learning content. A “static” movie means you embed all text, audio, video, and images inside the .SWF movie. The disadvantage to this approach is that to update anything, you need to open Flash, change the content, and republish. A more maintainable solution is to create an “intelligent” Flash movie that reads settings that point to where the content is stored, and pulls it into the Flash movie to display to the learner. These kinds of settings are best stored in XML (eXtensible Markup Language), which is a type of text file that is used to store and organize information on the Internet. By using this approach, all content is stored outside the Flash movie, making it easier to maintain and localize into different languages if needed. For example, you might want to: • Modify the Table of Contents to reflect changes in the course, such as the addition, deletion, or modification of pages. • Build quizzes based upon questions stored externally to Flash. This enables you to develop a bank of questions, and pull a subset of those questions into Flash to generate a quiz. • Build course pages, which are tailored to the needs of a specific audience. By building course pages dynamically, you can change the content of the course to meet the needs of a given learner. For example, you can store a user profile, which determines the type of content that will display. • Build courses which can be easily localized. Store the content for each language that you plan to make available in a separate file. When the learner selects a language, pull in the content that corresponds to that language.

239 Tips for Producing and Managing Flash-based e-Learning Content |

84

XII. Tips Provided by Tool Vendors continued
If you are using Unison or Flashform as your authoring tool, not only can you create a custom interface, but also you can enable it so that other developers in your company can select and use that style in their courses.
Steve Hancock

Unison does this for you automatically. Everything you create in Unison stores the content in XML, and then automatically populates the page content when the learner needs it. Unison stores the data in the following XML files (you can learn more about each of these XML files by opening up Unison’s online help and looking in the Advanced Documentation section): • sco.xml – This file stores most of the course data, organized by topics and pages. The sco.xml file has five main tags that make up the file: sco, topics, topic, page, and narration. These tags are populated with content when you fill out Unison’s forms. • glossary.xml – This file stores all glossary terms and definitions. • quiz.xml – This file stores all quiz question data. To find these files, you need to download the course files from Unison by clicking Deploy on the Project Home page. Once you unzip the file, you’ll find the sco.xml and glossary.xml. You’ll find the quiz.xml file in the .SWFS folder. Building this kind of architecture in Flash would take even an experienced Flash developer several days or weeks. That’s one of the reasons Unison’s built-in Flash and XML architecture can save you so much time. Tipster: Garin Hess CREATING REUSABLE FLASH COURSE INTERFACES — Because of the limited number of interface designs offered in most authoring tools, many companies wanting to present a unique look and feel to their e-Learning courses end up creating their own. This is especially true for Flash-based courses. If you are using Unison or Flashform as your authoring tool, not only can you create a custom interface, but also you can enable it so that other developers in your company can select and use that style in their courses. If you feel comfortable creating content in Flash, you can create a custom style. Just follow these basic steps. For more detailed information refer to the documentation. 1. Open Flashform and create a new project. When setting up the project, select the style you would like to use as the starting point for your custom style. Also, make sure you select the Copy Source Files checkbox. This project will become the folder that contains your new style. 2. In the project folder, open the source files (.FLA or .AS) and make changes as necessary. You may want to make changes in multiple files like the media controller, the quiz, any of the template pages, or some of the other smaller files contained in a course. If you are changing functionality, you would need to edit the code found in the different ActionScript files. 3. Publish all the .FLA files that are associated with any files you changed. When you publish the player.fla file, include a Windows projector file and Macintosh projector file. Publishing a course to CD-ROM uses these files. At this point you have finished the changes. However, in order to share your newly created template, you still need to set the style up to run inside of Flashform. 4. Navigate to the Flashform install directory and copy the style.xml file from the style folder that your custom style is based on. The style.xml file controls some of the default settings, and is required for your style to run inside of Flashform. 5. Open style.xml and edit any of the settings (tags) that may be required. In some cases you may not need to change any.

First. mission accomplished. Click Download Now at the bottom. With your project open in Flashform. 3. Sometimes. they view getting the course to finally run on an LMS viewed as an accomplishment equal to scaling Mount Everest. Select the SCORM version you would like to use for your course. Here are your options: • Determine completion when all pages are visited. (You may want to zip them up before uploading. 2. First. let’s look at some of the flexibility and optional elements that are provided in setting up SCORM. Now that you see how easy it is to deploy a SCORM course. Save the Zip file to your machine. Flashform and Unison courses can determine completion in a number of different ways. it might not elicit this kind of reaction. 4. a video is viewed to the end). a few simple steps is all it takes: 1. 6. 4. Creating a SCORM course in Unison is just as easy: 1. • Determine completion when all pages are visited and the content on each page is viewed to completion (for example. The name should have no spaces. if the style is built for Flash player 8. This is done by using the “apiComplete” . If you have the authoring side of Unison open. select a completion method. Steve Hancock 6. Wait while Flashform copies the appropriate files into your project folder. That’s all there is to it! Tipster: Steve Hancock BUILDING A SCORM COURSE AND A SCORM PACKAGE — Making your course SCORM conformant is viewed as a “necessary evil” for most developers.239 Tips for Producing and Managing Flash-based e-Learning Content | 85 XII. With Flashform. In the Download column. If SCORM were easier to understand and implement. Complete the fields that will be used to build the manifest file. This is set up in the project settings area. choose the SCORM version you would like to use. select a completion method. you can create a preview. Flashform and Unison have built-in flexibility for those who want to begin using more of what SCORM offers. let’s look at how easy it is to turn a course into a SCORM package that is ready to upload to an LMS. customStylePlayer8_SWF)]. let’s look at some of the flexibility and optional elements that are provided in setting up SCORM. and then place the style in Flashform. As simple as that. First. as a Flashform or Unison developer. 2. Tips Provided by Tool Vendors continued Now that you see how easy it is to deploy a SCORM course. click Publish Course. 5. at the end of the name you should include . [.SWF or . Finally. Navigate to the Deploy the Course page by clicking the Deploy the Course button. 3. Flashform and Unison courses can determine completion in a number of different ways. Once the Publish Settings dialog closes.JPG depending on whether or not you can change colors in the style. Thankfully. In addition. close that browser window. you should include “player8” in the name. Even beyond that. Click Publish. Fill out the form that corresponds to the version chosen. you have a tool that will make your Flash-based courses easy to deploy in SCORM.) You’re done! That’s all there is to it.SWF is for changing colors (for example. The Zip file is a SCORM package ready to upload to any LMS. Lastly. if you desire. you are free to place these files on an LMS. Change the name of the folder containing the new custom style.

or PDFs. Any time you need to update the form.pdf. Flashform will bring up a window for you to type in a URL. If it is a PDF then you type SampleText. such as Excel files. we use that variable and then the function name. The playerMain_mc is a unique variable for Flashform and Unison courses that refers to _level0. maximum score and a percent. such as. By design. Here is an example of how you would call one of those functions: playerMain_mc. Jeff Batt feature. SampleText.doc to the end of the document name. or even the narration field area. Tipster: Jeff Batt . Flashform and Unison courses automatically track a number of SCORM elements. Now you can “climb Mount Everest” by taking the elevator! Tipster: Steve Hancock In some cases you may want to link to external documents which have been pre-built. name the new file name the same thing. add a page that includes a text field. If it is a Word document.apiSetScore(nMin. Flashform and Unison have taken the complexity out of making courses SCORM conformant. add a page that includes a text field. That’s it! Go back into Flashform and preview your course. Many preset functions are available. You also set this up in the quiz settings. and then using ActionScript to call one of the SCORM functions at the appropriate time. add .nMax. Bring up your project folder. This makes sure that the content on any given page has been completely viewed before completion is marked. • Determine completion when the learner has completed a quiz and received a passing score. This can be in your notes field area. In this example. We then pass in the attributes the SCORM function needs. and drag and drop it into your course structure and it will automatically pull up your new document. Then select the dropdown box labeled “Target” and select “blank. In this case. You do this by creating a Flash movie you want to use as content.percent). After you have started your project inside of Flashform. Set this up in the project settings area. This can be in your notes field area. Make sure also you include the extension. Use phrases like “Click Here to pull up sample” or anything that lets the learner know that they need to click there. you can do this by tying into the provided SCORM functions. Or. the main body-text field area. but instead of typing in the URL you type in the EXACT name of the document.doc. click on the link and then your document will pull right up.239 Tips for Producing and Managing Flash-based e-Learning Content | 86 XII. maybe you want them to watch a video in full-screen mode. You can link to external documents quickly and simply in Flashform. Use the quiz settings for this option. All the SCORM functions are described further in the documentation. Once you have typed your text inside of one of those fields. The next step is to make sure you place that document inside of your course structure so Flashform knows which document to pull up.Word documents.”This will tell Flashform to pull up the document in a new blank window. and drag and drop the file into the folder. Tips Provided by Tool Vendors continued After you have started your project inside of Flashform. or you can use the general set value function: apiSetValue(sData. The name DOES have to be exact. This function will let you set any SCORM element of your choosing. so that your students can fill them out and/or print them. • Determine completion when the learner has completed a quiz. you then highlight the word that you want to become a clickable link to bring up that file. all you need to do is open up the folder in Windows. or even the narration field area. If you find it necessary to track elements of your own. the main body-text field area.sValue). it is a minimum score.

the time saved by being able to reuse that page template repeatedly more than makes up for it. Use this as a test page. Steve Hancock CREATING REUSABLE PAGE TEMPLATES — When creating Flash-based e-Learning courses. However. The components are in the library. 5. You may also find the interaction types provided by Flashform or Unison don’t meet all of your development needs. The XML file has a main tag called page. Next. The XML file will take on the following generic form: . more detailed information can be found in the documentation. Refer to the documentation for more information. Make sure to establish the settings properly. you can save loads of time by creating a reusable page template. 6. you may find yourself repeatedly creating the same interaction. Copy and rename this FLA file: Program Files\Rapid Intake\Flashform Rapid e-Learning Studio\Templates\Nodes\page 2. Refer to the documentation for more information. All you need to do to create an input page form is to create a simple XML file. Creating the input form for Unison involves creating an XML file. but they will give you a feel for what is involved. And the Input Form used to specify how the page template works and what content it uses. This process may take several iterations. This form writes the data to an XML file.SWF file in the Templates\Nodes\page folder of Flashform. Create a sample course using Flashform or Unison. Add additional components to provide a way for a developer to add new settings. 1. Creating reusable page templates in Flashform and Unison requires a competent degree of Flash expertise. 3. and some time investment. Creating the input form is different between Unison and Flashform. and add additional elements as needed. Determine the XML structure for the new page template.239 Tips for Producing and Managing Flash-based e-Learning Content | 87 XII. It is important to have a sample course you can use to test your new page template. you are ready to go. Tips Provided by Tool Vendors continued Creating the input form for Unison involves creating an XML file. Place the UI. 2. Create a sample page tag that includes your new page template information. determine what information you need to store. Once everything is tested. 4.xml) and enter in a sample page tag that contains the information your page template needs. Creating a reusable page template involves creating two separate documents: The Output Page Template. As you add some elements. Manually edit a sample course XML file (sco. 4.SWF file to the directory that contains the file you are creating. and figure out how to structure that information. You should spend some time familiarizing yourself with the page tag used in Flashform and Unison courses. All you need to do to create an input page form is to create a simple XML file. We will present the Flashform method first. Let’s first look at the steps for creating an output page template.SWF.SWF) that is intelligent enough to read the information from the XML file and populate the content appropriately for the learner. Once again. The input form for Flashform is a Flash file that includes Flashform components. You can find this file in the directory identified in Step 1. These steps are quite basic. 5. Copy the TemplateCopySource. 3. Build and code the new page template in Flash. Refer to the documentation for more information. which is a Flash file (. 1. Save the file and publish the . Remove components that are for settings you will not use. test them. In both situations.

For more information about the components you can add to a form. These components have no default values associated with them. Tipster: Steve Hancock . The tab tag then contains other components that make up the form fields. checkboxes. You can do this by going to the Admin Tab and selecting the Custom Page Type Templates link. When you have finished creating the XML file. Steve Hancock page /page Tab /Tab You can include as many tabs as you wish using that structure. see the documentation. Unison has a large number of pre-built components. and text editors. You can do this by going to the Admin Tab and selecting the Custom Page Type Templates link. A sample component would be a generic text field. which you can use for building your page forms. Tips Provided by Tool Vendors continued When you have finished creating the XML file. you need to upload it along with the page template file. buttons. or a generic checkbox. you need to upload it along with the page template file.239 Tips for Producing and Managing Flash-based e-Learning Content | 88 XII.

.

Georgia. Alpharetta. 30004 Phone: 678 762 3360 – contact Thom. 12600 Deerfield Parkway.atlanticlinkglobal.com .com – Atlantic Link Inc.Tate@atlanticlinkglobal.www.

and handle simple static types of content like text. hopefully. along with several third-party vendors. These types of e-Learning templates are not just a visual lookand-feel change. internal learning design standards that include the ability to deliver content via our intranet or extranet. and mouse-over capabilities you must implement that are screen-reader and tab-key compliant. These new technologies are very Web-code centric. Adobe Captivate. and get this content to work in an XHTML (accessibility-compliant version of HTML) to work in our internal Web environment. slide-based (Captivate/ PowerPoint) or possibly game.FLV players for video. and then using the component features of Flash to re-wrap the . It's a very important strategy that takes e-Learning to a higher-level of meeting very important business requirements that usually Flashbased e-Learning content can't entirely deliver on. and Raptivity. It will help prevent repetitive injuries like tennis elbow or carpal tunnel syndrome. have implemented several versions of our e-Learning templates that take . Some of your components can be entirely Flash-based.SWF formatted learning content from tools like Adobe Flash. Naturally I can't share the actual code with anyone outside of my company (without first getting consent from Cisco Legal.or application-based. and audio. and have found that it's probably the best approach so far. to name a few. Embrace the Web developers in your company to help you to achieve this. Thus we leverage the common Web-based internal navigation and actual Webpage code (UI). GET HELP — My team.SWF content that goes into an e-Learning template. If you use these tips. Work Practices and General Tips Consider swapping between two types of mice on a weekly or monthly basis. import Captivate-based content. say.0 collaborative types of technologies.or HTML-based authoring tool to put the pieces together in. DETERMINE HOW YOU WANT TO AUTHOR — You could use a combination of Flash/Captivate and other authoring tools to create . Adobe Dreamweaver or other XHTML.SWF based content. graphics. but an actual fit that is coded in the same Web code that either your intranet and/or extranet Web pages are coded in. and so on). This requires removing any existing player bars or skins that come out of tools like Adobe Captivate. and that all shortcut keys don't conflict with various browsers.239 Tips for Producing and Managing Flash-based e-Learning Content | 91 XIII. making it possible to deliver courses that are 99% similar to internal Webpage templates. and developing standalone Flash-based e-Learning content won't meet these needs. while others might leverage things like: . an XML-based approach. or whatever approach your Web developers currently use to deliver Web-based content in your company. but also making it possible to take the e-Learning content offline. There are also many other types of accessibility issues including low visibility. and the ability to embrace the new Web 2. Once the content is properly wrapped in a sort of content-player method. COMPLIANCE — Here at Cisco we are concerned with several important aspects of online learning. corporate branding. then you can import the final . high-contrast modes.SWF files into. whether the Tabkey-focus functions properly. then you will reap the . however that's not as important as explaining to others how to take primarily Flash-based e-Learning content to the next level for your company. YOU MUST REALLY TEST FOR ACCESSIBILITY — This doesn't just mean alt-tags compliance. You will need to consider how various screen readers work while being turned on or off. using scalable font types. We've been working on this strategy and implementation for the past three years. David Miller DETERMINE YOUR APPROACH — Get your Flash-based e-Learning content to work with a more Webcentric approach for delivering course-based content. which include accessibility compliance. color choices for color blindness. Up to this point we've discovered that most content is either time-based (audio/video).

It will help prevent repetitive injuries like tennis elbow or carpal tunnel syndrome. when it comes to specific needs. (2) The ease of use is a feature that you should not compromise. however. images. cache. Tipster: Mark Temple Some General Tips: (1) The produced content should somehow be compliant with any common standard (SCORM for example). Tipster: Milo Dodds Keep your product skills razor sharp by actively participating in online forums for those products. What is more important is to identify which one will work best with your requirements for the current project in hand. and hire an editor. and CSS. including JavaScript. (3) The best of all: if you have the tools as added feature to your LMS. the Transition Mask was always about one third the width of the stage. Plus the content's appearance won't shift when using various Web browsers. and each forum will have it's focus as well as community feel. Most tools have many forums to choose from. while the other one will score better at offering more configurable parameters so you get an output close to your specifications. Tracey Kogelmann current and future benefits the Web offers your e-Learning content. But every time I previewed the file. it is not important which tool is selling best in the market.fla file really threw me for a loop when I increased the overall size of the stage. The Transition Mask (tranMask_mc) in the player. resize windows. Tipster: David Miller Building custom Flash templates can be a challenge. especially if you're resizing the stage. Some of the more helpful tools include the ability to view CSS style information. The toolbar is very helpful for testing various issues you may have with your browser-based training. Work Practices and General Tips continued Create a style guide for every project. Actively seek posts that push your problem solving. Tipster: David Miller The key is:When you are about to start a Flash-based e-Learning project. some are! Tipster: Jasir Alherbish Consider swapping between two types of mice on a weekly or monthly basis. The extension adds a toolbar to Firefox with a wide variety of handy Web development tools. What I discovered was the Transition Mask increases in size proportionately.239 Tips for Producing and Managing Flash-based e-Learning Content | 92 XIII. I just dragged the corner of the mask to match the size of the new stage. and which tools and options will work best. and find the one that challenges you. certain tools score better than others. The first good step towards a successful project involving a Flash-based e-Learning content is to know beforehand the kinds of functionality you will need. as . and you will see your skills increase as well as other people's approaches to the same problems. cookies. and display various rulers. All tools are competitive. The extension also allows you to enable/disable numerous browsing options. Try a few. Tipster: Uday Kranti Download and install the Web development toolbar extension for the Firefox browser. One will allow rapid construction.

Don’t limit yourself to testing learner interaction. In truth. Take advantage of rich-media options.as. and films for ideas to make your e-Learning application more engaging to the user. Look at toy companies. Then it’s great. the rich-media application created by an apathetic team will have far less impact on the learner than the short paper pamphlet created by an excited team. Test launching it from different locations globally. Think of the bigger testing picture – such as content operability. Have several people test the same piece of content. Simply increasing the size of the mask proportionately solved the problem. Tipster: Daniel Fu . hits the Help icon. then you will need to re-record all narration. By this consideration. Tipster: Tracey Kogelmann Place a Help Icon at the bottom of the screen.. Though e-Learning is a new industry. if it allows learners to toggle between different stages of video content. many of these products may be engaging in the short term. How does it handle inside an LMS. Tipster: Mohammad Noumans The advantage of using Flash for e-Learning lies in its rich-media applications and multi-platform accessibility. and it only takes a little time to set up at the end. try not to use audio to accompany your WBT (such as someone explaining the concepts). game companies. Then it’s great. Tipster: Todd Irvin If you can. and that person is unavailable to record the narration.239 Tips for Producing and Managing Flash-based e-Learning Content | 93 XIII. or inside the other applications such as Web conferencing or virtual teaching environments? Tipster: Petra Jennings Create a style guide for every project. while watching the recording. if it allows learners to toggle between different stages of video content. Being able to experience something virtually. I find this very helpful for the students. Work Practices and General Tips continued Flash-based e-Learning contents work fine. it makes no sense to develop e-Learning rich-media applications as simply books on the Web.. SCORM/AICC-related testing. Outlook opens up with an e-mail addressed to Support@company C. and test whatever you can. However. advertising companies. Not using audio also reduces file size DRAMATICALLY! Tipster: Petra Jennings Flash-based e-Learning contents work fine. What does this mean? The advantages of a rich-media application lie in its potential to engage and immerse users far more deeply and viscerally than a lecture or print. can have a longer-lasting impact than the written word. Have the link create an e-mail with the subject autofilled in and directed to whatever support e-Mail address they use.” The student. and hire an editor. But the true potential is still within the creators (clients working with vendors) to approach the subject matter with passion and excitement. Create a test plan to ensure you cover all areas of testing needed for Flash content. just having a rich-media e-Learning application means nothing if it's not used effectively. Link the Help Icon to whatever topic the instructor is teaching.. Of course. and use it to its full potential. Tipster: Dan Karwoski Test at every stage you can. For example: The instructor is covering “How to Archive E-Mail. Mohammad Noumans dictated by transitions. with the subject: Question regarding How to Archive E-Mail. and server and streaming testing. other industries have spent decades refining how to make things captivating. but you will find that the most powerful and memorable media are created by those with an inherent passion for the subject matter.. If you need to update the content.

you may have a Flash file that allows a user to simulate logging into your proprietary system. You can then combine them to make a larger. overall task. Roger Courville Use file-naming conventions for source files and course files. I know this is sometimes not economically feasible. but on this particular topic. learners have low tolerance for productions that are inefficient with their time. as a developer. Even after breaking it up into smaller pieces.SWF files for use within an e-Learning module. especially if you want to repurpose them for another course. or searching for a file. always check that only the necessary information is included and narrated. to easily find them when needed. Also. canalways-hit-therewind-button era. Tipster: Peggy Pang My comment is more around how Flash is included into the structure of your e-Learning content. I would even possibly rename the title to be How to incorporate Flash content into your e-Learning module. You can insert that file into a self-paced course. we have learners in countries where broadband is still not widely accessible. Module Loading” messages. One of them relates to the size of the Flash animation produced. When there is audio in the FLASH animation. and files are named using conventions. and it turned out to be not only a huge file.com and Camtasia Studio) that create . This makes it easy to locate the files. Tipster: Petra Jennings When creating images in Flash or Captivate. whether by navigating to a course file. Tipster: Brian Lauer Organize your learning interactions by the task they support. or included as animation between static content slides of a Web conference. the flow kept being interrupted by the “Please Wait. if all storyboards are found in a storyboard file under development. For instance. Tipster: Kelly Peterson . This will help in load time. Flash has a lot of Learning Interactions that (with a little imagination) can be incorporated into some HTML content very effectively. but conceptually. I should have a toolbox of e-Learning content development tools. enables the student to consume one task at a time and target their learning. use naming conventions and folder structures that allow you. For example. the files can quickly and easily be found. use a course file structure that the design and development team agrees upon and adapts as common practice. it is important to lay down some guidelines. and helps you manage file size for storage and filing handling such as importing into LMSs. Make each task an individual Flash file. This structure makes it easy to locate materials. push it out during a synchronous learning event. and also in playback. and others.239 Tips for Producing and Managing Flash-based e-Learning Content | 94 XIII. There are also a lot of tools (such as those at SwishZone. As our organization offers online postgraduate courses. or post it under the help portion of your intranet. Tipster: Marcia Papalas When producing animations with Flash. Work Practices and General Tips continued Keep it moving. we have to ensure that it does not take ages for these Flash animations to download … particularly. not just visually. but a huge maintenance effort. We tried to create an e-Learning module completely in Flash. My personal opinion is that. This approach allows you greater flexibility with reusing and repackaging the Flash files to suit varying needs. make sure that the image size is not real big. Tipster: Andrew Shields Smaller is better! This especially applies to computer or software training. In this channel-surfing. Since one learning interaction can have several uses. I don't recommend creating your content in Flash alone.

since any changes to the player only need to happen once to affect all content. learners have low tolerance for productions that are inefficient with their time. This is a standardized frame or player.SWF file made up of Flash's built-in components. we only have to update those two pages rather than each CBT. You may use PowerPoint's ability to import Flash files.SWFs. and will guarantee you a consistent and great looking end product! Tipster: Petra Jennings I have created Flash-based training courses for healthcare companies and the Department Of Defense for the past eight years. This includes your custom branding. skins. In this channel-surfing. pop-ups. Though I have added complex learning objects. and I'm sticking to it. yet unobtrusive. timing. This will save you an incredible amount of time. logos. TEMPLATES! —Try to create templates wherever possible. graphic panes. text boxes. What we've done is create one global page each for the Help and final sections using Adobe Flash. regardless of the tools with which we created each CBT. The goal of this shared delivery framework.239 Tips for Producing and Managing Flash-based e-Learning Content | 95 XIII. themes. Tipster: Stuart Hornsey Keep it moving. The player ensures a consistent look and feel is maintained through the course. can-always-hit-therewind-button era. The player would be stored remotely in one location. the shared player system is comprised of three or four components. test them. This also helps to reduce rework time. Tipster: Mark Scher All of our courses have a Help button. and text-entry fields. and we simply link these global pages to each CBT. the lot! Take the time to map your templates out. which offers a menu item on the PowerPoint menu bar for importing Flash. the content for the Help and final pages often changes. if the content changes for the Help and final page sections. Text boxes should be clear. and audio MP3s. Set up things like colors. a menu. which automatically loads all learning content based on the user's role and the content available. • The Player: This standard component runs the course. Over that time. Tipster: Maureen A. such as scrolling fields. behavior. output. Any buttons should be obvious. is that a standard look can be stored and called up every time a user loads a set of content. but conceptually. and large enough for any variables that are loaded into them. This includes templates in all tools. Conceptually clear is more important than technically accurate. The technique is even easier with the Adobe Presenter plugin installed. and pilot them before you create your content. while the content is entirely loaded from different locations. That's my less-than-10minute story. That way. as well as a final page which instructs the learner how to complete a post-assessment for the course. depending on your use. Work Practices and General Tips continued I have been creating multimedia for over 10 years.SWF files in PowerPoint slides to give the slides some interactivity. Tipster: Roger Courville I embed Flash . This works especially well for building e-Book self studies where screen real estate is at a premium. a very simple use of this technique is to build a simple . TEMPLATES. not just visually. Basically. content . Barlow TEMPLATES. . I have learned that the most critical component to any course is a shared delivery framework. Since we constantly update our LMS. Scott Newman For large projects or organization-wide development efforts. A player. use an LCMS to manage and share Flash blocks between authors to ensure best practices and optimize reuse. or shared player. as well as a specific look and feel.

the e-Learning tools vendors come through on their claims. specifically their technical capabilities. given the limitations of PowerPoint-to-Flash authoring tools. and link locations or URLs for each lesson. my tip is to evaluate these products to see which best meets your needs.TXT file. and allows you to have a known testing environment. Content . basic user interactions. open PDF documents. Tipster: Rich Gamer Remember the early 1990s when tool vendors told Instructional System Designers (ISDs) that no programming skills were required to create online learning? It was so simple even an ISD could do it! Well. the player can load the content . and any available MP3s. Once the content is selected. or even complex animations. The player can then display the menu to the user. I'm an ISD.SWFs can be simple slideshows. and use them when they are the right development tools for a given situation. These should have a similar design style as the player. allowing the user to select the content they need. design may be more important than ever. though. The player can also launch Web pages. based on the link listed in the menu.SWFs. you may want to include narration for your content. and even display images based on the variables set in the menu file.239 Tips for Producing and Managing Flash-based e-Learning Content | 96 XIII. but this is up to the designer.SWFs. Our role is in “figuring things out” during the analysis phase. Also. Work Practices and General Tips continued Know your audience. we can set up content-free instructional frameworks for SMEs to populate with content. Once you have a clear vision for . The need for good ISD and graphic arts hasn't lessened with the introduction of these rapid development tools into our toolkits. or one menu file can be used throughout an entire course. this player is capable of loading or executing more than standard .SWFs. but an . while not discarding quality in terms of instructional integrity and quality visuals. The player will process the menu file. PowerPoint slideshows. • The Content . The best way to include audio is to stream it in at playtime. So. Eric Shiblom • The Menu: This is the listing of content . This helps you to create the appropriate media. learner-centered. If you were to include this audio in the compiled content . The temptation.SWFs: These are the teaching components. Tipster: Susan McDonald Osborn DON'T LET THE TECHNOLOGY DRIVE YOUR TRAINING! — When building e-Learning.SWF. and populate a graphical menu with the titles of the content . it's best to start by determining the needs and objectives of the training. • The Audio MP3s: Depending on your use.SWFs. The menu can be a simple . using tools such as Adobe Presenter 6 or Articulate. This means that external MP3 files are loaded in and played while the user is viewing the content . Creating content in PowerPoint and outputting it as Flash really is simple. not a programmer. the resulting file size would make loading next to unbearable for the user. • How They Work Together: To begin. the user will open a link which will load the remote player and a local menu file.SWFs should reside in folders based on topics or lessons. Today. Further. job-relevant learning experiences possible. In fact. and designing the most creative. The content .SWFs to be loaded into the player. This includes titles. is to put such tools solely in the hands of Subject Matter Experts (SMEs) which is going to produce what we'd expect … SME brain dumps with clip art in Flash. and I struggled with early authoring tools. A different menu file can be created for each lesson or topic in a course.XML file is much easier to edit and modify. These approaches embrace the easy-to-use tools of today.

Conceptually clear is more important than technically accurate. Tipster: Himadri Chowdhury Know your audience. Pretend your intended audience is your Mother. Tipster: Hedley Hamilton There are ways to use load time more creatively than an animated icon.org/education/olc/index_js2. Yes. That's my less-than-10-minute story. try to pluck Flash into Flash (we can call it “Nested Flash”). Even the buttons should be bigger so as to accommodate an increase of text after translation. Hedley Hamilton what the training needs to accomplish. RESIST THE URGE! Don't use technical terms.html). Tipster: Chris Bahns While developing bespoke e-Learning courses that you need to translate or localize in multiple languages. without the help of authoring tools. which in Spanish is Impresion. e-Learning professionals get a new technology and want to use it in their next training initiative.” and tell it in less than 10 minutes. the worst thing you can show is that tired old animated . The developer should keep at least 30-40% extra space in the content area and graphics with text. This will ease the process of developing complicated courses as well.239 Tips for Producing and Managing Flash-based e-Learning Content | 97 XIII. A simple example is the word Print. since at many places we face challenges in getting real persons performing those scenes. and cutting out the fluff is not easy for most people to do. Work Practices and General Tips continued Build content in small blocks. we displayed questions . Don't let the technology drive the training. like scenario-based or chain simulations or decision trees and so on. Tipster: Bhanwar Singh Build content in small blocks. then you can determine the best technology to support the training. and I'm sticking to it. Moreover. then use technology to support the training needs and objectives. which can be easily edited and reused repeatedly to form larger pieces of learning. Tipster: Eric Shiblom Tell a story. Would she really care (or understand) that a file was backwardly compatible or simply can be opened by older programs? I have been creating multimedia for over 10 years. and allows you to have a known testing environment.GIF of a mailbox opening and closing. Tipster: Scott Newman Flash-based interactivity can be plucked in the LMS independently as a full-fledged course. As in the first case. make it “meaty. specifically their technical capabilities. that requires scripting. which can be easily edited and reused repeatedly to form larger pieces of learning. don't put any graphics on screen unless they directly support what you are saying. and also can be integrated with some other course made up in some different authoring tool. Once you establish the needs and objectives of the training. There I will suggest the 3-D character-based animation scenes or scenarios. Never use transitional sentences like “On this next slide you will see…” Those are just wasted words that bore people to tears. This is especially true for courses being developed in Flash. when one is thinking of independently integrating Flash on LMS. you should take care of the amount of text and graphics included in a screen. an increase of four alpha characters. when you are talking about e-mail. In Plimoth Plantation's Online Learning Center (http://plimoth. Sorry. This helps you to create the appropriate media. Too many times. The ability of Flash in Video and audio handling is amazing. when that might not be the best way of delivering the content.

Tipster: Lisa Neal . lots of people still don't have broadband. Work Practices and General Tips continued that were relevant to the page that was loading. realistically. while waiting. Hence. And.239 Tips for Producing and Managing Flash-based e-Learning Content | 98 XIII. because it moved waiting from drudgery to something fun and educational. We received very positive feedback on this feature from teachers and students. such as primary sources or the Wampanoags. a student started thinking about the topic they were about to learn about.

Aetna Joe Shultheis.Training Program Manager. Humana. Senior Consultant. Research and Instructional Design Coordinator. Ciatech – Companhia da Arte Multimidia Elisio Carmona. UNC CH. Himadri Chowdhury. Sharing Filter Libraries. Business Applications Training Consultant. NexLearn Fabio Cujino. SSW John Best. Sole Proprietor. Rapid Intake George Aston. e-Learning Developer. Global Vision Technologies. Instructional Designer. BCS David Becker David Miller. Logica Janeann Hudson. Instructional Designer/Content Developer. e-Learning Designer. Moonlight Multimedia Bhanwar Singh. Inc. Rapid Intake Karen Miller. Any-3 Ltd. GE Healthcare Jeff Yoder. Intuit Daniel Fu. CEO. Missouri State University Carlyne Lynch. Business Excellence Educational Development. mySmartSimulations Andrew Shields.Training/Support/ Development Manager. Innova Products. Learning Technology Specialist. Multimedia Developer. Safari Development Fredd Gorham. President. Gazi University Hedley Hamilton. LLC Jeff Krebs. e-Learning Consultant Jason Harris.Webqem Becky Kinney. Instructional Designer. Process Manager. Kidd. Freddie Mac Bruce Richards. Consultant . VP. Deloitte Ellen Meiselman. Universal College of Learning (NZ) Halil Ibrahim BÜLBÜL. Director of Learning and Development. Software Engineer.Technology. Senior Educational Consultant. Performance Learning Systems Claudio Ierulli. teachITnow Eber Ribeiro Pinto. Regence BCBS George Ritacco. Jon Weber Joy Vinson. Marketing Coordinator. ARRIS Chris Bahns. Senior Director. CIO. Dan Karwoski. Jazztech Solutions Limited Andre' Chatelain. Owner/Artist. Instructional Designer. Aristotle Andrew Smith. CEO. Content Division.Teacher. Glenn Hansen. Administaff Brian J. Applied Simulation Technology Andrew Bagley. Farmers Conan Heiselt. e-Learning Designer. Provident Bank Jody McNelis. CTO. HDR Garin Hess. Education. Walt Disney Parks and Resorts Brian Lauer. Instructional Designer. Senior Media Designer. Business Development – SE. Sydney Distance Education High School Dave Harris. Senior Manager of Art Direction. CIBC Cliff Singontiko. Thanks to Our Tipsters Adrián Murillo. Enspire Learning Daphen Gonzalvez. Customer Education Product Specialist. e-Learning Developer. Design2Train Kathleen Shykula. Harbinger Knowledge Products Brian Dusablon. Aura Interactiva Alison Lister. Inc. SAP Jeffery Goldman. HAMMER/Hanford Training Christy Tucker. Instructional Designer. Client Services. Angela Nicholas. TechSmith Corp. USN Janet Clifford. MD. Senior e-Learning Specialist. e4tn John Anderson.239 Tips for Producing and Managing Flash-based e-Learning Content | 99 XIV. eBay Inc. Customer Representative. Seagate Technology Jon Weber.Tele Atlas Andrew Teasdale. e-Learning Designer. Newmarket International David Williams. Developer. Director. LexisNexis Chris Stape. Century College Joey Tuskan. Eric Shiblom. Rapid Intake Jeff Holth. Interface Designer/ Programmer. Instructional Designer. Phasient Learning Technologies Doug Marlowe. Master of the Knowledge Domain. Instructional Designer. Latitude Consulting Group Jeff Batt. Courseware Development. Director. NWREL Aragon Heppel. e-Learning Services Coordinator. NexLearn Denise Link. Kronos Jasir Alherbish. Senior e-Learning Developer. Multimedia Designer. National Learning and Development Consultant. University of Michigan Health System Eric Hunter. Vice President.The Salvation Army Employment Plus Grant Sherson. Consultant.

Training & Development Specialist. TouchNet Information Systems. Senior Product Evangelist. Instructional Designer. Adobe Systems. Graco. http://lisaneal. Phil Cross.com Madhanaraj Kubenderan. SONGS Ryan Cameron. NexLearn Philip Roy. Multimedia Producer. Adobe Systems. Sify Technologies Limited Nick Floro. Atomic Learning Kathy Zottmann. Inc. Aptech Limited Raghavendra. IT Analyst – e-Learning Development Lead. The Instructional Web LLC Kieran Richardson.Trainer. Sharp Media Mark Scher. e-Learning Designer. Director of Marketing. e-Learning. Sr. 1080 Group. Senior Graphic Designer. Inc. Virtual University of Pakistan Monika Sharma. Business Management Institute Kevin Wilcoxon. Mrs. Learning Technology & OD Specialist. LLP Paul Vandegriff. G. Sr.239 Tips for Producing and Managing Flash-based e-Learning Content | 100 VII. Automated Learning Solutions. Mystica Hipermedia. Newmarket Internation Inc.Training and Development Manager. Multimedia Developer. Director of Flash Technology. Multimedia Developer.R. U21Global Pte. Consultant. CEO. Robert Engineering and Business Solutions Marcia Papalas Marge Rutter. QuickLessons Mario Gutiérrez Toledo. Eliassen Group Mark Temple. Inc.Tufts Health Plan Michael Alcock. IT Learning Group – Cisco Systems Inc. Flypaper Studio. C2 Technologies Roger Courville. Inc. Owner. E-Learning Facilitator. Petra Jennings. Krishna Prathab R V. Senior Graphics Designer.lastashero.Technical Writer.Web Developer. WaMu Kelly Peterson. Instructional Designer. e-Learning Developer. Instructional Design Manager. Peter Ryce.Technical Writer. Massey University Prakash Bebington. Sify Technologies Sanatan Saraswati. Production Manager. Co-founder and CIO. Sterco Digitex Pvt. Atlantic Link Michael Baker. Jeffrey Gitomer's Train One. Learning Consultant. Rich Garner. e-Learning.Welocalize Rodger Stuffel. Career Builder Institute Lisa Neal. Instructional Designer e-Learning. Manager. Laura Jaffrey.Training Specialist. VP & e-Learning Practice Manager.com Laura Filla. Learning Content. Josephs Healthcare Hamilton Robbe Addis. Oak Harbor Freight Lines.Mithra. The Tipsters continued Mark Hemingway. S. Instructional Designer/ Technologist. Managing Director. LLC Mark Simon. Limited Red Resener. Evangelist.Team Leader. www. Sr. Learning Design. Inc. Inc. e-Learning Programs Director. Developer. Principal. Director of Product Management. Aptara. Director. Various Peggy Pang. Inc. Amerigroup RJ Jacquez. St. LLC Rosh. Programmer & Instructional Developer. Inc. University of Wisconsin – Green Bay Leigh Anne McIntyre. Senior Manager. Renaissance Learning Kevin O'Donnell. Barlow. Sealworks Interactive Studios Nick Stanziani.Training Consultant. Duane Morris. NATO Leif Nelson. Inc. Mohammad Nouman. Customer Relations. Santiago-Chile . e-Lecturer. Saba. South Carolina Department of Social Services Mike Dickinson. Scientist. Principal. Rob Wiggins. Matt Perkins Maureen A. Engineering. Springhouse Education and Consulting Maria Coelho. e-Learning & Curriculum. Milo Dodds. Oracle Ram Mohan. General Dynamics Information Technology Robert (Butch) Pfremmer.com Kathy Schroeder. Knowledgework Lawrence Yau.The SCOOTER Store Mike Hobby. Axial Scott Gale. Mythili. Jobing. Ltd. e-Learning Consultant. Scher Progression. Director of Development. Information Resource Coordinator.Tech Skill Lead. Manager. inc Scott Gaspar. Principal. Instructional Spice Leigh Margaret Roberts. Instructional Designer. JDA Software Group.

Sr. The Tipsters Scott Hersey. Newmarket International Uday Kranti.Trivantis Todd Irvin. Inc. Product Marketing Manager. Director. Any-3 Ltd. NIIT Vicki Krajewski. PI Lead. VP. Sr. Rapid Intake Steve Johnson. United Way of America Tom Kuhlmann. Eisai Medical Research Tim Bobo. Articulate Tonia Dousay. Edutech Silke Fleischer. Owner. Bigpond Wimong Ma. Instructional Designer. Pearson Wendy Phillips. Owner. Lead Educator.WSB Thomas Gnas. Lead Designer. Senior Consultant. Susan McDonald Osborn. DesignComm. Left Brain Media Tim Kindberg. Online Training Specialist. Community. Suresh Jayaraman. Unum continued Stuart Hornsey. Instructional Designer. Computer Based Training.Training Manager. e-Learning Manager. Adobe Systems. Adobe Systems. Product Marketing Manager. Inc. LLC Susan Steinfeldt. Shilpi. e-Learning Manager. Multimedia Designer and Developer. Student. Steve Hancock.The Alignment Group . Dechert LLP Shaunda Paden. Developer.239 Tips for Producing and Managing Flash-based e-Learning Content | 101 VII. Inc. Carle Foundation Hospital Swan. Manager of Learning and Development. Texas Engineering Extension Service Tracey Kogelmann. Sales Director. Research In Motion Scott Newman. Senior e-Learning Designer Steve Jones. President. Hebei University Scott Merrett. Director of Training. Laurus Design.

E x p e rie n c e Everything Your Professional Community Has to Offer. A singular focus on the art... It’s a member-driven online information center that equips members with the resources needed to ensure that their organization’s projects are successful. and focuses members on expanding “Attending The eLearning Guild’s Annual Gathering helped me realize the Guild’s honesty and commitment to what e-Learning is all about — improving performance. and expertise. and. TRAINING & PERFORMANCE SUPPORT SUPERVISOR.566.. and business of e-Learning — the collective knowledge of more than 29. and.The eLearning Guild is a global membership organization like no other. At the higher levels. engages members in a professional peer network. you’ll discover The eLearning Guild can serve as the core of your entire professional development program. The eLearning Guild is a Community of Practice dedicated to meeting the needs of those involved in the design. I Learning Solutions e-Magazine Annual Salary & Compensation Report Community Connections Online Discussion Board The Guild Job Board Resource Directory Conference Proceedings I Comprehensive Guild Research 360˚ Reports 20% Event Discounts Enhanced Job Board Access I I Online Forum Participation (11 Online Forums in 2008.8990 .. Great conference. development. Starting at the FREE Associate level. but even more — great Community of Practice!” DAVID BRAUN. and. science. and management of technology-delivered education and instructional content.000 members worldwide — comprehensive learning events to expand your professional horizons — and a robust Web presence that puts it all at your fingertips. technology. I Premium Member Everything Members Plus receive.com or call 707.. I Member Plus Everything Members receive. offering 110 sessions) Online Events Archive (more than 382 sessions in all) I I I One Full Conference Registration (The eLearning Guild Annual Gathering or DevLearn Conference & Expo) One Pre-conference Workshop or a Colloquium Upgrade I I I Check it Out! Visit www. the benefits you can gain from each level of membership will enhance your professional experience. SASKPOWER their own professional skills. knowledge.. Check it out! Associate I Member Everything Associates receive..eLearningGuild.... The Guild offers four levels of membership.