How to Upload an Html5 File to Amazon Web Services

Practise you take an awesome Articulate Storyline form that yous'd like to share with the world, but you don't have a identify to host information technology?

In this tutorial, I'll bear witness you lot how to upload your Storyline output to Amazon S3 and share information technology with a direct link.

This is an easy mode to share your Storyline work with clients, employers, and peers, and it'due south completely free!

Important Notation: This article is slightly outdated. To see the current best approach, follow along with this YouTube video that I created.

Alternatively, if you're using WordPress and would prefer a fast, paid solution, then you should check out the plugin at elearningfreak.com (affiliate link).

Let's get started.

Getting Started with Amazon S3

Showtime matter'southward beginning, you're going to need an Amazon Spider web Services business relationship to employ with Amazon S3. Head over to the S3 website and choose the "Create an AWS Account" option from the top toolbar.

Enter your e-mail address, create a password, and select an AWS account proper name, and then select the "Proceed" push.

Now you can select your account type and enter your personal information (including your billing information) to keep the business relationship creation process. Just follow the prompts and cull the "Gratuitous" plan, as this includes five GB of storage at no cost.

Once y'all've created your business relationship, it's fourth dimension to create the "Saucepan" where all of your Storyline projects will go.

To practice this, you first need to sign in to your new account as a root user on the Amazon S3 dwelling house folio.

If you lot got logged out, and so select the "Get started with Amazon S3" push button to log in.

Once you're signed in, select the orangish "Create saucepan" push.

On the "Create bucket" screen, you demand to practise the following:

1. Enter a unique name for your bucket. (This volition exist a part of every URL that you share from Amazon S3, and so keep that in mind.)
2. UNCHECK the "Cake all public access" choice. (Nosotros need the saucepan to be public if we're going to share the files publicly.)
3. Check the box acknowledging that the current settings will upshot in the bucket becoming public.
4. Select the "Create bucket" push button

Voila! The bucket has been created and your Amazon S3 account is set to host some content.

Uploading to Amazon S3

From the "Buckets" page, select the bucket that you just created.

If you haven't already published your Storyline course as an HTML web project, and then open up your project in Storyline. Go to the "Home" tab, click on "Publish." Choose the "Web" tab, select where y'all'd like your output to publish to, then press "Publish" again.

Observe the published HTML5 output folder in your file explorer, then elevate and drop it into the designated area on the Amazon S3 webpage.

Later on dropping the folder on the Amazon S3 window, scroll down and select the "Additional upload options" text.

Next, roll down until you see the "Access control list (ACL)".

Turn on "Read" permissions for "Anybody (public admission)" by selecting the checkboxes for both Objects and Object ACL.

Now select the checkbox next to "I understand the effects of these changes on the specific objects."

At this signal you can scroll to the bottom of the page and select the orange "Upload" button.

In one case you see the greenish "Upload succeeded" imprint at the top of the screen, you can select the "Get out" button in the top right.

All that's left to exercise is catch the link that you tin can share with others. Select the Storyline course folder that you just uploaded so that we tin view its contents.

Select the "story_html5.html" file. If you don't meet that file, then select the "story.html" file. (Later versions of Storyline practise not have the "story_html5.html" file.)

Now you'll see the public-facing URL for your Storyline projection under "Object URL."

You did information technology! Re-create the URL and share information technology with whomever y'all'd similar or post it on your website.

Determination

Amazon S3 is a great manner to host Storyline projects when you don't have access to your ain hosting server. The process outlined in this tutorial is the quickest way to become up and running, but you could also utilise an FTP client (such as MSP360 Explorer) to have more precise command over your desktop-to-bucket transfers.

If you have any questions or would like to bring together a great community of instructional designers and eLearning developers, then you should bring together my Slack channel.

havesegroth1.blogspot.com

Source: https://www.devlinpeck.com/tutorials/upload-storyline-to-web