If you want learners to access a standalone Engage 360 interaction over the internet or a private intranet, and if you don’t need to track their progress, then web publishing is for you. (If you do need tracking capabilities, publish for Articulate Online or LMS instead.)

  1. Enter Title, Description, and Folder Location
  2. Enter Additional Project Info for the Articulate Mobile Player
  3. Choose Your Publish Formats
  4. Adjust the Player Settings and Interaction Properties
  5. Publish
  6. Distribute Your Published Interaction

Step 1: Enter Title, Description, and Folder Location

  1. Click Publish on the Engage ribbon.
  2. When the Publish window appears, select the Web tab on the left.

    Publishing an Articulate Engage 360 Interaction for Web Distribution
  3. Enter the Title the way you want it to appear in your published output. It defaults to the name of your project file. (Changing the title won't affect the name of your project file.)
  4. Use the Description field to give learners a synopsis of your interaction. The description appears on information cards in the Articulate Mobile Player app.
  5. Use the Folder field to indicate where you want to publish your interaction—for example, your computer desktop. Click the ellipsis button (...) to browse to a location. Engage will create a new folder in that spot with all the files needed to operate your interaction.

    Important: Always publish to your local hard drive. Publishing to a network drive or a USB drive can cause problems with your published output due to latency. After publishing to your local hard drive, upload the output to a web server for testing and deployment.

Step 2 (Optional): Enter Additional Project Info for the Articulate Mobile Player

If learners use mobile devices with the free Articulate Mobile Player app, you can display additional project information in the published interaction, such as the author, duration, and version number. Click the ellipsis button (...) next to the Title field to open the Project Info window.

  1. The Title and Description fields are the same as those on the Publish window (see the previous step).
  2. The image below the Title field will be the interaction thumbnail in the Articulate Mobile Player library. By default, Engage uses an image representing the type of interaction you’re building, but you can choose a different image. Just click the hyperlinked text below the image, click Picture from File, and choose an image on your hard drive.
  3. Author, Email, Website, Duration, Date, and Version appear on the content information cards in the Articulate Mobile Player library.
  4. The Identifier applies only to content published for LMS.
  5. Keywords aren't currently used. They'll be used in a future version of the Articulate Mobile Player.

When you're finished customizing the project information, click OK to return to the Publish window.

Step 3: Choose Your Publish Formats

In Engage 360, you can choose which formats are included in your published output—HTML5, Flash, and/or Articulate Mobile Player.

  1. Click the Formats property on the Publish window to open this Publish Formats dialog.

    Publish Formats in Articulate Engage 360
  2. Use the Publish As slider to choose one of these options:
    • HTML5: This publishes your interaction as HTML5 output only.
    • HTML5/Flash: This publishes your interaction as HTML5 first with Flash fallback. Learners will see HTML5 output if they’re using a supported HTML5 browser. If not, they’ll see Flash output.
    • Flash/HTML5: This publishes your interaction as Flash first with HTML5 fallback. Learners will see Flash output if they’re using a Flash-enabled browser. If not, they’ll see HTML5 output.
    • Flash: This publishes your interaction as Flash output only.
  3. If you choose one of the publish formats above that includes Flash output, you’ll also have the option to include Articulate Mobile Player output. Just mark the box to Use Articulate Mobile Player for iOS and Android.

    Articulate Mobile Player output is the default view for learners with iPads and Android devices.

    While Engage 360’s superior HTML5 output and new responsive player give learners the best viewing experience on tablets and smartphones, one unique benefit of the Articulate Mobile Player app is the option to view content offline. To let learners view your interaction offline, just mark the box to Allow downloading for offline viewing.

    After downloading an interaction to their Articulate Mobile Player, learners can view it at any time, with or without internet access, even if you remove the interaction from your web server.
  4. Click OK to save your selections and return to the Publish window.

Step 4: Adjust the Player Settings and Interaction Properties

Use the Properties section of the Publish window to make last-minute changes to your player, quality settings, theme colors, and playback mode.

Player

This property shows the name of the player currently assigned to your project. (The player is the interface learners see around the perimeter of your interaction.)

To make adjustments to your player, click the player name to open the player editor.

Quality

This property controls the compression settings for audio clips, videos, and JPG images in your interaction.

The quality settings default to whatever you used the last time you published an interaction. To change them, click the quality property and make your adjustments.

Theme Colors

This property shows the name of the theme currently applied to your project.

To switch to a different theme, click the current theme and choose another one.

Playback Mode

This property controls how learners navigate through your interaction.

To change the playback mode, click the current mode and choose a different option.

Step 5: Publish

When you're finished making selections, click the Publish button. When the publishing process is complete, you’ll see the Publish Successful window with several follow-up options.

View Interaction

This launches the published interaction in your default web browser.

Important: Since your files have been prepared for web delivery, you might encounter unexpected behavior when viewing the interaction on your local hard drive. It’s best to upload your published output to a web server for proper testing.

Email

This opens a new email message with a zip file of your published interaction attached.

This option is helpful if you need to send your interaction to a web server administrator for deployment.

We don’t recommend emailing a published interaction to learners. Security restrictions on their computers will prevent some features in your interaction from working properly. Upload the interaction to a web server instead, then give learners a link to the interaction.html file.

FTP

This opens a window where you can enter your FTP credentials and transfer your output to a web server.

Zip

This creates a zipped version of your interaction files in the same location where your interaction was published.

Open

This opens a file viewer where you can see the files Engage just created.

After you move the files to a web server, send learners a link to the interaction.html file, which is the file that launches your interaction.

HTML5

This launches the HTML5 version of your published interaction in your default web browser.

Important: Since your files have been prepared for web delivery, you might encounter unexpected behavior when viewing the interaction on your local hard drive. It’s best to upload your published output to a web server for proper testing. Also, be sure to use a supported HTML5 browser.

Step 6: Distribute Your Published Interaction

Now that you've published your interaction, it's time to upload it to a server and give it a test run. Then send learners a link to the interaction.html file.

When learners launch the interaction, they'll see the right format (HTML5, Flash, or Articulate Mobile Player) based on the devices and browsers they’re using and the publish formats you included.