Join David Rivers for an in-depth discussion in this video Publishing your project for web and mobile, part of Up and Running with Articulate Storyline 2.
- View Offline
- Once you previewed your project, maybe multiple times, before it seems to work properly, it's then time to publish. In the previous movie, we were previewing our Orientation final project. And you can see I have OrientationFinal2 opened up, previewing. I'm at the last slide, where I have Previous and Next buttons. Previous would take me to my Results slide, Next takes me to that last slide. Now I'm kinda stuck here, so perhaps one last thing we should do before we publish is, create an option to close this up.
So we'll Edit this Slide. From here, we're gonna go to the Slide Properties. Remember we can go down to our Slide Layers here. There's our base layer, and click the little icon for Properties. And we really don't need a Next button. But we do need something that will finish or exit our course. So let's click Okay. And we'll add a button here. So we'll Insert. We'll go to Controls. Remember, there's our buttons. Let's go with the rounded one. We'll draw it over here.
And how about we call this button Exit? So double-click, we'll type in the word Exit. There we go. And over here, the trigger, you can see we have an Add Trigger link. So we'll give it a click. Not Jump to Slide. What we really want to do is Exit the Course, there, when the user clicks Button 1. Perfect. We'll click Okay. And we'll rename it from Button 1, by double-clicking, to Exit and press Return. Now we're ready to save up our changes and publish this.
Let's go to the Save button, give it a click, go to the Home tab. Once it's done saving, we're ready to publish. And there are a number of different publishing options to choose from. You can press F10 or click the Publish button to see them. The first option at the top, which is the default, is to publish it to the web. So your learners will be taking your course in a browser through the web. You can also publish to LMSs, Learning Management Systems, including Articulate Online, if you wanna sign up for a membership for Articular Online.
It's the next best thing to an LMS. We can publish it to a CD, even to Word. We're gonna start with the web. Now, the title, you can see, defaults to New Employee Orientation. That's fine. We can leave it like that. I'm gonna change the location, though, by clicking the Browse button over here. Gonna put it right on the desktop so it's easy to find. And I'll select that folder. Now we have some options to choose from down below. Do you want learners to be able to view this on their iPads and smartphones, for example? Well, you can include HTML5 output, which is a default.
With that checked off, when we go to process this and publish our project, we're gonna end up with folder full of files, including HTML output. We can also use the Articulate Mobile Player for iOS or Android. There they are. And we can allow for downloading our course for offline viewing, so people'll be able to view it even if they're not connected to the net. Now, if you don't want people downloading your courses, just deselect the check box. There are some properties to look at, as well. The Storyline player, we've already looked at this in a previous movie.
But clicking it gives us another opportunity to make adjustments. Maybe we do want a seekbar showing up across the bottom, maybe we don't. We can turn any of these on and off, just like we did when we first learned about the player options. I'm gonna click Cancel and leave it as is. And we can adjust the quality of our output, as well. Maybe the quality is more important than the file size, or maybe where we're going to be uploading this, we have to be careful about our file size. So we can decrease the quality to make room for that.
You can see when we click that link, the Publish Quality dialog opens up and Standard is selected, which gives us a Video quality right down the middle. If you wanna create a smaller project file, you can drag this to the left. By lowering the quality, you'll create smaller file sizes, and right away it turns into a custom setting. Maybe you wanna decrease the bitrate so it's a lower audio quality. And images could be a little lower, as well. Or, of course, you can bump all of those up, if you're not too worried about file size.
So maybe we can go up to a seven for our video quality. I like to go up to 128 for my audio quality. And image quality was at 80. We can go even higher, if we wanted to, maybe even 100%. And any time you can go back to the standard settings by clicking the Standard radio button and clicking Okay. All right. We're ready to publish this now. When we click Publish, a lot of things are going to happen in the background. You can see there's some encoding going on. Each one of the slides that has content like audio and video et centera, all of that's going to be encoded.
Remember, this is going to be for viewing over the web. So it's gonna be optimized for web viewing. And there are gonna be a number of folders, subfolders and files that are all gonna be located on our chosen location, for me, at least, was the desktop so it'll be easy to find. Although, once this is finished, we'll have an opportunity to preview it in a web browser the way that our learners will view it, keeping in mind, too, that the end result, the project file, is something that we would give to our webmaster to get it up on the web, for example.
If you're in an office environment, you probably have an IT department, perhaps, or somebody who's responsible for getting things up on the website. You'll have a folder full of files to hand off to that person. So you can see the publish was successful. Congratulation. We can view the project right from here. It'll open up our default browser. Or, if we're pretty confident, we can email it to the person who's going to put it up on the web, send it to an FTP site, File Transfer Protocol. A lot of people like to use FTP sites, so you can upload it to a folder where the webmaster will take it and do what they need to do to get it up on the web.
You could also zip it up, compress the file so it's a smaller file size for emailing or even for putting on a mobile device, like a USB drive, for example. We can open up the folder, which I chose to put on the desktop, and take a look in there. And there's our HTML5 stuff. Let's go to View Project to see what this looks like. And again, this is going to open up our default browser. Mine's Internet Explorer. You can see it's restricted. I have to allow blocked content. And here we go. - [Presentation] Hi, and welcome to kinetEco's New Employee Orientation.
We're so happy to have you on board. - Next takes me to the next slide. I can go through the training from here. Looks pretty good, just like my preview. I'm gonna go directly to the quiz. There's the first quiz slide. Clicking Next. When I go to take the quiz now, you'll notice the timer starts when it should and I can start answering questions. I'm gonna try to get most of these right, maybe get one of them wrong.
There's a fill-in-the-blank. 1 Mile. Press Enter or submit. Now I have my matching. Okay, so "Maintain website, server, and all computer," that's the IT guy. How about "Write installation manuals"? I think that's the Product Technician. "Design and oversee manufacturing," the Engineer. Leaves us with "Managing the project." There we go. Submit. Here's our hot spot. I think it's this wedge, the biggest one. Submit.
There's my results. I can review the quiz. Something we didn't check out in the preview, going from one to the next. Got that one right. Didn't get this one right. You can see there were two other ones that had to be selected. That one was right. All of those right. There's my hot spot. And there's my results. Clicking Next takes me to the last slide. Now I can go to the Previous slide or I can click Exit and answer Yes to closing this up. There we go, we're back to Storyline.
So I'm gonna close this up knowing that I have exactly what I need. I can email, FTP, zip, open, HTML, all of those options now available to me. Handing it off to my webmaster who'll get it up on the website so our learners can access it and take our course.
In this course, David Rivers introduces Storyline and helps authors start building their own interactive content. Learn how to plan a Storyline project, create a presentation using all of the different assets and elements, work with audio and video, and publish a project. You'll also discover how to assess the effectiveness of an elearning experience using Storyline's quiz features.
- What is Storyline?
- Understanding elearning
- Starting a new project from scratch or from PowerPoint
- Inserting new scenes and slides
- Adding images, animation, and characters
- Recording narration
- Inserting video
- Creating review questions
- Publishing your project for web or mobile distribution
- Publishing to an LMS