iPad eLearning Demo

How to build eLearning for iPad

Do you need help converting your Flash-based content to mobile? Why re-invent all of your training when you can re-use your existing Flash-based content? You can do it and we can help -contact LearningDeveloper.com

As you probably know by now, iPad, iPhone, and other i-Devices do not support Flash. Additionally, Adobe has suspended development of “mobile Flash”, which means that eLearning developers must find an alternative development approach. Or mustthey? The answer may surprise you!

While running actual Flash (SWF) files is not supported on most mobile devices, you can still develop eLearning using the same Flash-based development tools that you use now (Articulate, Captivate, native Flash, etc.) and simply convert these files into movie files (.mov, .mp4, etc.) which are supported by these new devices. You’ll get the same great audio/visual experience you have now, you will just have to push this content to mobile devices as video files instead of Flash files. What about interactivities you ask? New HTML5-based tools are making it easier for non-programmers to create drag-and-drop, hot-spot, multiple choice, and other interactive elements.

iPad Demos

 

Posted in Uncategorized | Leave a comment

Free eLearning Storyboard

How to create an eLearning Storyboard

Developing high quality eLearning is akin to producing a movie. Your instructional designer/content writer is effectively writing a screenplay in which the audio/voice talent reads the storyline, the visuals are the actors that enter and exit the screen (stage) on queue (synchronized with the audio track).  Oftentimes training programs require the approval and sign-off from multiple managers and other stakeholders. Using a storyboard is one way to get everyone literally “on the same page” when it comes to understanding what you propose to build and to give you their approval to proceed. The eLearning storyboard is your blueprint for the course you propose to build. It includes all of the instructions that the various team members need in order to successfully create the training.

Download Free eLearning Storyboard Template

eLearning Storyboard elements

  • Script/Narration: Most eLearning produced today includes both audio and visuals. The narration script should be written exactly as it will be read by a voice talent. When writing a script, read it out load just as the voice talent will. Be sure to include pause lines and pronunciation notes as needed. I recommend that you listen in on the recording session when possible and provide feedback to the voice talent on tone, pacing , etc.
  • Thumbnail Graphics: When possible, create the proposed graphics and drop them in as a screenshot/thumbnail next to the proposed narration. This way stakeholders can approve or reject specific designs and provide additional design direction as needed.
  • Media Notes: If you are going to reveal and remove images and on-screen text in synchronization with the audio track, you should include notes about when and how graphics will ease in and out of the stage. This can be as simple as including footnotes in the narration and next to the graphic/on-screen text so that the developer knows how the timing is to be done. For example, this footnote <1> embedded in the narration would also be placed in the media notes next to the item to be revealed when this narration reaches this point.

Benefits of using eLearning storyboards

  • Save Time and Money and increase quality: Organizing your thoughts into a cohesive storyboard does not add much time to the process and can dramatically decrease total project time and cost while improving overall quality. How? By creating and conforming to a storyboard you reduce the rework that often occurs when stakeholders view the course content for the first time after all of the graphic and audio work is complete. It is extremely risky to invest time and money in developing the media before you’ve received official sign-off.
  • Client Sign-off: Whether you are a freelance contractor or an employee, you probably have to seek approval (sign-off) from others within your organization (client). Frequently you will require approval and input from multiple subject matter experts and managers/directors. Getting the official review and sign-off from these folks will save you time and money as well as protect you from scope creep or blame for inevitable changes requests. If you develop in a vacuum, then you are solely responsible for the project success and failure. If others review and approve the storyboard, you have official documentation verifying that you built a product based upon buying from multiple sources.
  • Streamlined Media QC Process: It is easy for the media review/sign-off process to go “off the rails” with a sudden influx of change requests. When you have an officially approved storyboard you can inform your stakeholders early in the process that you will build exactly what the storyboard calls for. Therefore, the QC process should be focused on confirming that the media developed conforms to the storyboard. If people ask for changes that go beyond what the storyboard calls for, you can use this as a “teachable moment” to reiterate to others the importance of catching items like these at the storyboard level.
  • Project Management/Coordination: If you are a one-man-band doing all of the work yourself, then you may not require a storyboard. However, if you are part of a team development process that includes a professional graphic artist, a Flash developer (or other course developer), an instructional designer, a creative/technical writer, a QC editor, and more, then a storyboard is a must.

 

Posted in Uncategorized | Leave a comment

HTML5 Tools for eLearning

With Adobe announcing that it will stop developing Flash player for mobile devices, many eLearning developers are left wondering how to get their audio/visual content ported to HTML so they can support smart phones and tablets. This is a constantly and rapidly evolving area, so following are some technologies you should be aware of as you perform your own research and testing:

Posted in Uncategorized | Leave a comment

Review Articulate Engage verses Lectora Snap Empower and iSpring Suite

Articulate, Lectora, and iSpring Reviews and Comparison

Lectora is steadily releasing new products specifically designed to compete with Articulate Studio, which includes Presenter (PowerPoint to eLearning conversion tool), Engage (easy to publish Flash-based interactivities), and Quizmaker (testing tool). On November 2, 2011, Lectora rolled out an email campaign promoting Empower for $99. Since the entire Articulate Studio Suite runs well over $1,000, Lectora’s strategy is to gain market share by being the low cost leader.

On November 7th, 2011, iSpring was the latest authoring company to release an email promoting its new suite of PowerPoint-to-eLearning authoring tools. iSpring offers iSpring Pro (primary PowerPoint eLearning converter), Kinetics (activities maker), and Quiz Maker.

Product Comparison: While we run these tools through a head-to-head comparison, we encourage you to check out the demo videos provided by each vendor.

We are currently testing the new Lectora and iSpring tools and will post side-by-side examples of all tools as soon as our testing is complete.

Posted in Uncategorized | Leave a comment

Calling all e-Learning Bloggers

Are you a talented e-Learning developer who wants to share your expertise with others? Why not post your articles on e-Learning.net? We welcome knowledgeable and professional writers to share their thoughts, ideas, product reviews, and more! Just reply to this posting and let us know how you wish to contribute to the e-Learning.net community.

Posted in Uncategorized | Leave a comment

Top 5 Questions To Ask Before Building HTML5 eLearning

Just because you “can” do something, does not mean that you “should”. You’ve heard this saying before, so let’s apply this concept to eLearning.

Top 5 Questions To Ask Before Building HTML5 eLearning

  1. Do you really need to develop eLearning specifically for mobile devices? If you answer “yes”, what are your compelling business needs to push eLearning to mobile devices? Do your employees spend more time in front of mobile tablets or desktop computer screens?  Most people would rather sit through company required training while at work using their company issued computer or laptop rather than on their free time using their own mobile devices. Will the investment in HTML5 really pay off?
  2. Is HTML5-based content as interactive and easy to create as what we are doing now?  If your answer is “no”,  then is the extra financial cost and human effort required to develop in HTML 5 worth the benefits you would gain by having “Flash-like” content on mobile devices, or will you have have to simplify the content and deliver a “webpage turner” experience?
  3. Do you have the in-house expertise (web programmers skilled in HTML5) to author content yourselves, or can you afford the cost to bring in outside vendors? Many do-it-yourself eLearning tools export only to Flash presently.
  4. If your answer to the previous question is “no” and you plan to use an outside vendor, have they supplied real-world working prototypes based upon the kinds of content you need to deliver to your learners so you have proof that your courses will be finished on time and on budget?
  5. Have you identified the tools and processes to develop and maintain HTML5-based courses?  If your answer to the previous question is yes, then ask yourself this: can you develop content equal or superior to what you are doing now and can you do so at roughly the same cost and within the same time frame?

The next time you consider developing HTML5 mLearning, consider these questions and come up with some of your own. Once the answers are those that point you in the direction of HTLM5 development, might want to consider bringing in some outside expertise to help jumpstart that initiative.

If after reading this post you want to brave the world of HTML5 eLearning development, you might want to give the guys at www.learningdeveloper.com a call. They can help.

Posted in eLearning, HTML5, mLearning, Uncategorized | Leave a comment

Adobe Captivate to HTML5 Converter

Adobe labs announced on September 20th, 2011 that it has released an HTML5 converter for Adobe Captivate 5.5. As of the announcement date the converter only supports Windows-based installations of Captivate, and not Mac (ironic, since Apple’s lack of Flash support necessitated the need for this tool in the first place). Additionally, the tool is described as “converting Captivate-generated SWF files to HTML5″, which is different than publishing straight to HTML5 out of Captivate. If you created content in prior Captivate versions, you will need to open them in Captivate 5.5, export the SWF files, and then convert them. Once converted you can further edit the HTML5 files using Dreamweaver or other HTML editing tools.

Notable Captivate HTML5 Converter Limitations:

  • Installation, configuration, and usage: The installation requires downloading files, moving them manually into the correct location, etc. You also have to select a targeted device (iPad, iPhone, or desktop) when running the conversion tool, which implies that they do not yet have a universal approach to browsers and devices.
  • Browser Support: When viewing the content from within the conversion tool (installed on your computer) you must use either Chrome or Safari as Mozilla and Explorer are not yet officially supported in this fashion. At the time this blog entry was published, the following two demos offered by Adobe did not function within Internet Explorer but did work (although buggy) in Chrome. Demo 1 and Demo 2. These demos might be best viewed from an iPhone or iPad.
  • Advanced Features: While Captivate Training and Assessment features are supported, they are “not optimized for best user experience”, nor are the advanced actions including Execute JS, Advanced Actions, Assign, and Increment.
  • Other things not yet supported - too many to mention! Check out the of Captivate HTML5 Converter Limitations.

While e-Learning.net applauds Adobe’s efforts to produce a tool to build HTML5 eLearning without having to be an HTML5 programmer, this conversion tool is not close to ready for prime time. We recommend that our readers download and play with the technology to get a feel for what’s coming. Adobe states that the “best experience scenarios” include:

  • Demo projects (not work you intend to use in the field) that have NO AUDIO.
  • Demo projects with only one continuous audio file

Clearly the above “best case” limitations could be accomplished be devleoping in Dreamweaver and any old version of HTML. Still, kudos to Adobe for their efforts and best wishes for success in future iterations. Until rock-solid HTML5 based solutions that meet or beat the quality and affordability of Flash-based eLearning is avaialble, e-Learning.net recommends support for non Apple-based mobile devices.

Useful Links:

Posted in eLearning | Leave a comment

Adobe After Effects Examples and Demos

Adobe After Effects is a powerful development tool for developing increadibly polished videos for marketing, training, and other communication purposes. Following is a list of some of the best Adobe After Effects and other high end video production examples available on the web today:

Posted in Uncategorized | Leave a comment

Free 3D Max Training

Adding 3D (three dimensional) content to your eLearning and other projects can infuse some creativity and visual interest. One of the most popular 3D tools is 3D Max. following are some great resources for learning 3D max as well as other development tools and approaches:

Posted in Uncategorized | Leave a comment

Hours it takes to produce e-Learning

How long should the eLearning design process take?

Creating custom eLearning is both an art and a science. There are a wide range of tasks that must be completed and specific instructional design and technical skills required. This article on “creating eLearning” provides a high-level overview of major eLearning development roles and responsibilities and the amount of time that should be allocated and budgeted for each.

eLearning Instructional Design vs. Courseware Authoring

The eLearning development process can be generally divided into two major areas – Content Development and Courseware Authoring (aka Media Production). Content development is a function of Instructional Design during which the target audience is defined, the learning objectives (or outcomes) are identified, the course outline is created, content/narration is written, storyboards are created, and all content is reviewed and approved for production. Media Production begins by taking the narration (if this is an audio/visual course) and recording the eLearning script digitally, cleaning up or producing visuals (photographs, 2D and 3D graphics and animations, etc.) and assembling these “digital assets” into a standards-compliant (generally AICC or SCORM) format in a meaningful way.

Primary Instructional Design Tasks

The time required to perform quality instructional design can vary greatly, depending upon several factors such as

  • Creating totally new and custom eLearning course-ware vs. content conversion
  • Complexity of the subject matter
  • Level of interactivity and visual stimulation desired

Creating totally new and custom eLearning courseware vs. content conversion

Converting existing content (PowerPoint files, lecture notes, stand-up training, existing quizzes/tests, etc.) makes the job of producing eLearning based on this content much faster. Custom eLearning courseware from scratch.

Complexity of the subject matter

Highly theoretical, subjective, and complex content generally takes longer to create than objective skills-based training (such as computer applications training).

Level of interactivity and visual stimulation desired

Writing detailed analogies and creating custom illustrations and animations to support the written and spoken word takes longer than communicating factual information in a very straightforward and literal way.  Whenever possible, budget time for your instructional designers to develop meaningful visuals and supporting narration, rather than simply list bullet points supported by “eye candy” (great looking photos/images that do not substantively support the given concept).

High-level Instructional Design Tasks

Let’s look at a high-level listing of instructional design tasks based on the following scenario: You wish to convert your existing employee onboarding course “New Employee Orientation” to an online format. The course generally lasts 4 hours as instructor-led, but you believe you can create this course as a one-hour online course supported by in-line interactivities/games, and a post-test.

Task Role Hours Weeks Total
Project   Management/Direction Project Manager 5 4 20
Initial content intake Instructional Designer 2 1 2
SME Interview/Course Outline Instructional Designer 8 1 8
eLearning Content Narration Instructional Designer 40 1.5 60
eLearning Storyboard Instructional Designer 20 1 20
ALPHA QC Review eLearning Editor 8 1 8
SME Interview/Edits Instructional Designer 10 1 10
Image Acquisition/Creation Graphics Designer 20 1 20
BETA QC Review eLearning Editor 4 1 4
Final Storyboard Revisions Instructional Designer 4 1 4

The total labor for the above is 156 hours. Note that these hours are based upon using a highly skilled and experienced team comprised of eLearning development experts who have created dozens of hours of courses already. Internal training departments that are new to this process will find that times take significantly longer as they overcome significant learning curves.

This project plan also spans approximately 4 weeks and incorporates the following staff members:

  • eLearning Project Manager
  • Instructional Designer/Writer
  • eLearning Content Editor
  • Graphic Designer

For information regarding tasks and times related to the courseware authoring process, please see the eLearning design articles on this website.

Posted in eLearning Development | Leave a comment