RSS
 

Boost your screen real estate when using Articulate Engage #20

Articulate Engage™ has many great interactions.  A great technique that I favour is using Articulate Presenter™ to generate an animated swf that can be EMBEDDED in the Engage interaction.  However, this technique has one big problem – the swf size can end up being quite small if you use interactions like the time line (in which case its 413 x 310).  Of course you can make it FULL SIZE, but that can be confusing for the user.  Well here’s a way around it:

Step 1

Here’s a screen shot of my original Engage interaction with and EMBEDDED .swf.  As you can see it is a bit on the small size - it gets somehat “lost” inside the other features of the Engage timeline interaction.

Step 2

Here’s first frame of my animation for this event in the Engage timeline.  I’ve added a PLAY prompt to for the user to click on the Flash “play” button once it’s published (you’ll see why in a later step).

Step 3

Ok, let’s publish the swf from Presenter.

Step 4

Now I import the swf into Engage and set the display size to “Full size”.

Step 5

It’s a good idea to check the custom size option and set to the max 413 x 310.

Step 6

Now here’s the relevance of that first frame editing in the original swf authored in Presenter.  Check the thumbnail option to “First frame of Flash movie”.

Step 7

Now here’s how it looks once the Engage interaction is published inside a presenter wrapper.  The user sees the PLAY instruction and clicks on the Flash play icon.

Step 8

The swf then plays full size.

Step 9

To prevent the user getting stuck I’ve faded out the final frames of the swf from the original Presenter file and added a CLOSE prompt.

So there you are, make the most of your screen real estate with Engage.

 

Posted at 3:22pm
Tagged Articulate Engage

 




Stuff I like