The weekly e-Learning challenge #220 in Articulate’s community was all about using Web Objects for Performance Support in E-Learning. Web objects are a great way to display ‘live’ web-based information, e.g. a webpage, a YouTube video, 3D object or an online survey within a Storyline slide. Here is some info about working with web objects in Storyline 360.

I based my quick example on this webpage here. This page provides several dashboards and graphs that show real-time statistics on security threats to Internet traffic.

My .story file consisted of a single slide with several layers. The slide’s baselayer contains a scrolling panel with a tiled bitmap to mimic the website and some overlaid hotspots. Each hotspot, when clicked, displays a layer which contains a webobject that links to a graph. Here is the published output.

As always, I tested the HTML5 output in a desktop browser and mobile devices (an iOS tablet and an Android phone) and it worked without issues.

I could have spent more time on improving the formatting/scaling of some of the webobjects, but my self-imposed 30-min. time limit for e-Learning challenges was up!