The Logical Blog by IconLogic

ARTICULATE STORYLINE 360: The Awesomeness of the Media Library

Have you ever had this happen to you? You insert an image into your Storyline project and then sometime later you decide to use the image on another slide. However, your project is large (multiple scenes and slides) and you're having a hard time finding that pesky image. How about this one? You're making your project accessible for learners with disabilities. You're pretty sure you added alternative text to a specific image but now you're doubting yourself. Is there a quick way to check? Or perhaps you've used an image in a project and someone on the team wants to use it too. Is there a quick way to share the image?   If you add images, characters, audio, or video to your projects (I think that covers all eLearning developers, everywhere), you'll love Articulate Storyline 360's Media Library (View tab > Views group).     The Media Library displays a list of all of the project's assets grouped on tabs for Images, Characters, Audio, and Video.     I love the ability to select an image and, from the right of the Media Library, add Alt text (for accessibility) and notes. You can also see where the image has been used throughout the project and add the same accessibility text to all instances of the image.     You can also import assets directly into the Media Library and export any asset (so it can be shared with team members).     ***   Looking for Storyline training? Check out these live, instructor-led classes. *** Kevin Siegel is the founder and president of IconLogic, Inc. He has written hundreds of step-by-step computer training books on applications such as Adobe Captivate, Articulate Storyline, Adobe RoboHelp, Adobe Presenter, and TechSmith Camtasia. Kevin spent five years in the U.S. Coast Guard as an award-winning photojournalist and has three decades’ experience as a trainer, publisher, technical writer, and eLearning developer. Kevin is a Certified Master Trainer (CMT), Certified Technical Trainer (CTT+), Certified Online Professional Trainer (COTP), and a frequent speaker at trade shows and conventions.

ARTICULATE STORYLINE: Random Text... It Rocks!

I was cranking away recently on an Articulate Storyline project. On one slide, I had the layout done but was waiting for the final text from the client. I created a shape but couldn't go further without the client's text. At the very least, I wanted some placeholder text, so I could finish the slide by formatting the boxed text.   And that was when I was reminded of an awesome Storyline feature: random text. In the image below, you can see the shape I've added to a slide. It still needs text that I can format.

I typed the following line of text into the shape: =Lorem().

And check out what happens after I press the ENTER key.

Pretty cool, eh? But I know what you're thinking... Lorem ipsum? If real words are more your style, it's no problem. Type =Rand() instead.

After pressing the ENTER key, it was all about the quick brown fox. Pretty cool, eh?

***

Looking for Storyline training or support? Check out these awesome live, online, instructor-led classes. Also, if you need help with Storyline development or if you'd like one-on-one Storyline mentoring, we've got you covered.

ARTICULATE STORYLINE: Logical Scene Numbering

When I work with scenes in Articulate Storyline, I like it when the number that accompanies each scene is logical. Take the three scenes below for instance. I'm creating an eLearning project for a zoo, so naturally I have scenes for Big Cats, Elephants, and Exotic Birds.

Because I created the Big Cats scene first, it was automatically tagged as my Starting Scene (as indicated by the red flag in the image above).   Next, I created the Elephants scene, followed by the Exotic Birds scene. Notice in the image above that in addition to having appropriate names, the scenes are logically numbered (1, 2, and 3).   The scene numbers are based on their creation order. While logical, the numbers do not indicate the order in which any scene might be seen by my learners. In fact, I can make any scene the Starting Scene and, using Triggers, I can make the third scene appear before the second scene.   I created a fourth scene and named it Home. On the Home scene, I added three buttons to a slide. Each of the buttons were given Triggers that jumped to a different scene in the Story.

I then made the Home scene the Starting Scene (this is easy to do with a simple right-click on the scene via the Story View).   After making the fourth scene (the Home scene) the Starting Scene, the drama started. In the image below, notice that the pesky Home scene is positioned correctly (above the other scenes). And you can clearly see the arrows indicating the button jumps between the Home scene and the other scenes.

But do you also see the horror in the image above? Look at that number 4 to the left of the Home scene's name. Noooooo! The Home scene is my first scene, and as far as I'm concerned, it should be numbered with a 1, not a 4. Of course, Storyline doesn't agree with me... a numbering sequence of 4, 1, 2, 3 is perfectly fine!   At the end of the day, the scene numbers don't truly matter. Learners will be able to move freely around the zoo, they'll never see the numbers, and won't ever know that the scene numbers are out of order.   But I'll know the numbers are out of whack... and so will you!   Fortunately, while not obvious, the fix is easy.   While in Story View, select the scene that's out of order and cut it to the clipboard. Without selecting anything, immediately paste the scene back into Story View.   And that's that. If you're like me, you'll be delighted to see that the scenes are numbered logically in the Story View (which is truly the only way to go, right?).

Looking for Storyline training or support? Check out these awesome live, online, instructor-led classes. Also, if you need help with Storyline development or if you'd like one-on-one Storyline mentoring, we've got you covered.

ARTICULATE STORYLINE: Free Icons Galore!

I was teaching Storyline recently and one of my students wanted to put a check mark image into his project. Before I could blink, he was on Google, had searched for a check mark image, found a ton of them, downloaded the one he liked, and added it to his project. Done and done!   Of course, the image was copyrighted (as are most images you'll find via Google searches). Given that he is a Storyline 360 subscriber, I showed him a better way to icon-glory that's not only cost-free but copyright-free and royalty-free.   From the Storyline 360 ribbon, select the Insert tab. From the Content Library section, click Icons.

In the Search Icons area, he typed check mark and pressed [enter]. The result was more check marks than he could possibly ever use. Better still, he was able to quickly change the color of the shape once it was loaded onto his slide (something he would have been unable to do with a checkmark image lifted from the Internet).

Similarly, you can use the Search feature to find anything from puppies to kittens to boats. And again, everything you find is free to use and/or modify in your Storyline project.

If you're looking to learn Articulate Storyline, we've got an awesome collection of classes... all live, all instructor-led, all online, and all incredibly interactive.

ARTICULATE STORYLINE: Publish a Portion of a Project

When publishing a Storyline project, it’s often preferable to publish a small section of the project instead of the entire thing (a single slide for instance or an individual scene). Fortunately, Storyline 360 makes quick work of this task, if you know where to look.   Open Storyline’s Publish dialog box by either using the Publish tool on the Ribbon or choosing File > Publish.   From the Properties area of the Publish dialog box, click the link to the right of Publish to open another Publish dialog box.

From here you can elect to publish the entire project, a single scene, or from the A single slide drop-down menu, specify any slide from any scene within the project.

Click the OK button and then click the Publish button to publish the selection.   Need to learn Articulate Storyline? Want to save on travel? Consider our live, online, and 100% interactive and hands-on Storyline classes.

Articulate Storyline 360: Modern and Legacy Players

by Kevin Siegel, CTT, COTP

If you're an Articulate Storyline 360 developer, you’ve likely grown familiar with the publishing choices found in the Publish dialog box. Most notably, you can elect to publish as HTML5 only, HTML5 with a Flash fallback, Flash with an HTML5 fallback, or Flash only.

However, if you’ve just recently updated Storyline, you’ve likely noticed that when publishing, HTML5 is the only option.

The publish options you see has everything to do with the project’s playbar (the playbar is the frame around the slide content and contains such features as menu, seekbar, and previous and next buttons). Storyline 360 users have a choice of two players: Modern and Classic. The Modern playbar does not work with Flash (hence the reason that HTML5 is the only publish option. The Classic playbar (which is the only playbar available in Storyline 3), supports both HTML5 and Flash.

 

Switching between players is easy. From within the Publish dialog box, click the Player link.

 

 

From the Player drop-down menu, choose the player you'd like. Note that you can also switch players outside of the Publish dialog box by clicking the Player tool on the toolbar. 

 

 

 

To learn about the specific differences between the Modern and Classic players, visit the Articulate website.

ELEARNING AND PRESENTATIONS: In Search Of Free-to-Use Images

by Kevin Siegel, CTT, COTP

When trying to find quality images for use in PowerPoint presentations or eLearning projects created with any development tool such as Articulate Storyline, Adobe Captivate, or TechSmith Camtasia, most people turn to Google. And why not? With a quick search you are sure to find the image you’re looking for.

 

For instance, I recently wanted to find an image of a puppy for use in an eLearning project. (I know, I know, I was enthralled with puppies in my last article... but come on, puppies!)

 

Check out some of the awesome puppy images Google found for me. It's unreal that these images are now mine, all mine!

 

 

As tempting as it might be to use images found via a Google search in your project, I’d caution against it. Most of the images you’ll find on the Internet while using any search engine are protected by copyright law. Using that adorable puppy on your web page, promotional materials, or even your eLearning project without permission from the copyright holder can lead to some hefty fines. In fact, according to Purdue University, “the law provides a range from $200 to $150,000 for each work infringed.”

 

Still wanting to search the web for an image of a puppy to use in a work project? There’s hope. Go to Google's advanced search page. In the all these words area, type puppy.

 

 

Scroll down to the usage rights area and, from the drop-down menu, choose free to use, share or modify, even commercially.

 

 

After clicking the Advanced Search button, plenty of images appear, just like a regular search. However, this time your search results are full of results you can actually use! But, not so fast! Be sure to put in the legwork. Click through to the image you'd like to use and check its usage rights. Some images will be labeled Creative Commons Zero. This means you can truly use, share, or modify the work, even commercially, without crediting the owner. But a lot of these results, while available for you to use, will still have some use restrictions like citing your source. Failure to do so could result in copyright fines.

 

 

But what if you already have an image on your computer or in a PowerPoint presentation or on a Storyline slide (perhaps the image was already being used in your project when you took it over)? How can you ensure that the image wasn’t “borrowed” from a website “accidentally?” For instance, I’d like to use the king-of-all-cuteness image shown below in my project. My friend Biff gave it to me. And nobody knows where he found it. (Biff, for his part, isn't talking.)

 

 

In this scenario, you can perform what is known as a “reverse lookup” that will find similar images and/or websites that are already using the image (a possible indicator that the image is protected by copyright).

 

To begin, go to https://images.google.com and click the search by image icon.

 

 

Click the Upload an image tab and then upload the image from your computer or server. In my example of puppy cuteness, the mighty Google took just seconds to burst my bubble. My puppy image was being used by a site selling images for use on a phone. While the website owning the image might have granted me permission to use their image, it just wasn’t worth the time or effort (so off I went to perform an advanced Google search for free-to-use puppies).

 

 

 

Kevin Siegel, CTT, COTP, is the founder and president of IconLogic. Following a career in Public Affairs with the U.S. Coast Guard and in private industry, Kevin has spent decades as a technical communicator, classroom and online trainer, public speaker, and has written hundreds of computer training books for adult learners. He has been recognized by Adobe as one of the top trainers world-wide.

 

 

 

 

ARTICULATE STORYLINE: Dial-Up Interactivity with Custom Dials

by Kevin Siegel, COTP

With Articulate Storyline, adding a high-level of interactivity is pretty easy if you begin with some of the built-in Interactive Objects. Take dials for instance. If you visit the Storyline 360 Insert tab on the Ribbon, Interactive Objects area, you'll find Button, Slider, Dial, Hotspot, Input, and Marker. If you click the Dial tool, you'll find three built-in Dials that are totally drag-and-drop ready. (You won't need to add any Triggers to the object to allow learners to drag the dial.)

 

 

The first image below shows one of the default dials that was added to a Storyline slide. The second image is an animated GIF that demonstrates how a learner can interact with the dial. (I've included a link to a video of the interaction if the animated gif does not play in your email application. Click the second image below to see the video.)

 

 

Dials are cool, but wouldn't it be better if you could make any image or shape a dial (essentially create your own interactive object) without the need for programming? It turns out that custom dials in Storyline are a snap. In the image below, I've added an image to a Storyline slide. It's a simple character that can be added via Insert > Characters.

 

 

To convert an object to a dial, ensure that the object is selected and choose Insert > Interactive Objects > Convert to Dial.

 

 

The selected image is instantly converted to an interactive dial.

 

 

I added a few more shapes and some text to my slide, implemented a few states (the smiley face you see is actually three states: Normal, Tired, and Sad), added a few Triggers, and the results appear in the animated GIF below. (Please don't judge the example below on appearance or silliness, I quickly threw it together as a proof of concept for you... plus I'm no designer. With a little TLC from a designer, there's no limits to the awesomeness you can create.)

 

 

***

If you'd like to learn more about Storyline, Triggers, States, and Interactive objects, check out our live, online Articulate Storyline classes.

 

***

Kevin Siegel, CTT, COTP, is the founder and president of IconLogic. Following a career in Public Affairs with the U.S. Coast Guard and in private industry, Kevin has spent decades as a technical communicator, classroom and online trainer, public speaker, and has written hundreds of computer training books for adult learners. He has been recognized by Adobe as one of the top trainers world-wide.

eLearning: Compare Adobe Captivate, Articulate Storyline, and TechSmith Camtasia

Welcome to the eLearning tool slug-fest. In this corner, it's Adobe Captivate. Over there? It's Articulate Storyline. And because this isn't a two-tool fight, look over there and you'll see TechSmith Camtasia. Attend this power hour and see demonstrations of all three tools. If you'd like to follow-along with your instructor, install trial versions of Adobe Captivate, Articulate Storyline, and TechSmith Camtasia (Mac or PC). Watch as your instructor, a seasoned eLearning developer and certified online training professional, puts each of these tools through its paces, compares their strengths and weaknesses, and helps you pick the tool that is right for you!

If you'd like to attend this live, online class, you can sign up here: http://www.iconlogic.com/compare-elearning-tools.html

The video below is a sample from a recent class.

 

ARTICULATE STORYLINE 360: Publishing to Video

by Kal Hadi, COTP

When teaching my students how to publish Articulate Storyline projects during my beginner class, I often get the following question:

 

Student: “How do I publish my project as a video (MP4)?”

 

Me: “You can’t.”

 

Cue the crickets along with disappointed comments in the chat pod, especially from Adobe Captivate users (Captivate has been able to publish projects as a video for years). 

 

Why would a Storyline developer want to publish a project as a video (especially when you lose any interactivity you've built into the slides)? Video files are self-contained. They can be viewed on just about any device without the need for a web browser. You can email the video output to a colleague who does not have Storyline, so they can view your slides. And published videos can be uploaded into video streaming servers such as YouTube and Vimeo. 

 

Given that publishing as a video has been a requested Storyline feature for some time, I’m happy to report that Articulate Storyline 360 now allows you to publish a single video of a Slide, a Scene, or the Entire Course. 

 

There are some settings and best practice options in the Publish to Video dialog box we’ll discuss.

 

Under Size and Quality, there are a few choices:

• Dimensions. This is where you can select a size for video from a drop-down menu. If video size is not a factor, you can go as high as full 1080p HD for nice quality.
  
  
• You have two sliders for Video and Audio Quality that ranges from Low to Very High. There is of course a tradeoff between quality and file size. High is usually a good choice.
  
  
• “Set the same volume level for all audio” makes all sounds volume consistent throughout the project. If you want to keep the volume the same as you originally had it in the Storyline project, deselect this option.
  
  
• Prior to publishing, you can also control how the slides flow (or the Navigation). You can either follow the “next” button actions in your course, or show the slides sequentially based on their slide number (1.1, 1.2, 2.1, 2.2, and so on).

If you need to publish a course to video, I suggest that you duplicate the project and prepare a copy for video output that automatically goes through all content flow without missing main content stored in layers. You’ll likely need to adjust the Triggers so they execute automatically. For example, if a user needs to click a button to show a specific layer, you can adjust the Triggers so one layer shows when the timeline of a previous layer end. 

 

***

Looking for Storyline training? Check out these live, hands-on, online classes.

 

***

 

Kal Hadi, COTP, is a Certified Adobe Instructor with CompTIA CTT+ credentials. He has over 15 years of experience in the field of computer graphics, imaging, and electronic publishing. He was recognized by Adobe as one of the top five trainers worldwide in 2009. He is a graduate of the Rochester Institute of Technology Electronic Publishing graduate program. He is also the author of many books and papers in the fields of graphics and web publishing including IconLogic's Articulate Storyline books.