HTML5 course examples

May 07, 2012

I'd like to send a link to a HTML5 course example which doesn't require the Articulate Mobile Player to a client for review on an iPad.

Are there links to such courses available on the community website?

24 Replies
Nancy Woinoski

Just guessing but I would assume that all the storyline examples that are posted in the community have been published for html, html 5 ans iOS.

You just have to click the story.html link and the software will automatically redirect you to the best option for the viewer you are using.   You might want to check them out on an html 5 device before sending to your client.

Sam Carter

My question is more along the lines of:  Is there a Storyline demo available that doesn't require the Mobile Player.  Apple makes the claim that IOS devices support HTML5 and I understand that Storyline publishes for HTML5 or the Mobile Player.  It seems to make sense that there should be example Storyline courses which the iPad can run without the Mobile Player.  

Is this not the case?  Will the iPad always require installing the Mobile Player to display Storyline courses?

Steve Flowers

The trouble with HTML5 outputs is they aren't equivalent to the Flash or iOS outputs. No tools are able to match the capabilities of compiled runtimes for a variety of reasons. 

If you're cool with the limitations and design with those constraints in mind, many features work great. But not all. The best experience will be provided in the Flash version and iOS player. 

Brian Batt

In addition to Steve's comment, the table in the link below compares the Storyline features that are supported in the Flash Player, HTML5, and the Articulate Mobile Player app for iPad. Refer to this table during the planning and development stages of your Storyline projects to achieve the best results in the environments you are targeting:

http://www.articulate.com/support/kb_article.php?product=st1&id=1568gg1ayot2

Sam Carter

if you don't want to use the Mobile Player, you can view the HTML5 output using the Safari browser on the iPad.  

I've tried to view without the Mobile Player.  Storyline courses in the community showcase don't seem to provide that option.  It's Mobile Player or nothing.

I don't want to sound picky, but does anyone have a link to a Storyline demo which will run without the Mobile Player on an iPad?

Sam Carter

The enthusiasm of forum contributors for Articulate Mobile Player is clear and I am sure Mobile Player shows courses the way we would like to have our clients experience them.  My concern was that selling a course to a client then telling that client that his corporate iPads will require a 3rd party player is a point of resistance.  Many companies are launching "internal app stores" so that only company evaluated and authorized apps are available for corporate iPads.  If you think telling them your app is safe enough, think again. 

But requiring a 3rd party app to play a course on an iPad is no longer the gorilla in the room.  Articulate Mobile Player doesn't support SCORM so Mobile Player is a non-starter.  The importance of a full-featured HTML5 course will have my complete attention going forward.  I am sorry to see many posts about Storyline HTML5 lacking features currently available in Mobile Player (e.g. Language support) until some unspecified future release.  

Obviously, I'd like to see Articulate invest more development time on HTML5 than treating it like the orphaned child it appears to be.

Steve Flowers

HTML5 isn't an orphaned child It's just slightly overhyped for the current level of maturity. It'll get there but I think anyone that expects HTML5 to perform as well or as consistently across platforms as natively compiled outputs has misaligned expectations.

I haven't seen HTML5 output from ANY tool that takes advantage of the major advantages of the spec (geolocation, local storage) and browser support is pretty inconsistent across the board. iOS Safari is among the worst of modern browsers where video and audio support is concerned. That's a major bottleneck at this point (one of many for management of media)

Can SL's HTML5 outputs improve? Yeah, probably by quite a bit. Can the HTML5 output overcome browser limitations to display it that might drive the fluidity of the experience and consistency across platforms anywhere close to the Flash or iOS player outputs? Not likely.

Consider abstracting components into a new formation to better match with moment of need. There's really almost no reason (short of dogma) to bundle measurement, support, preparation and practice into a single package. If this formation doesn't work, make a design trade-off that *might* be better.

Stephen L. Colucci, Ph.d.

The beautiful project posted by Steve Flowers http://articulate.arlyn.s3.amazonaws.com/Storyline/1.0/guru/green-monster/story_html5.html

Works great on my iPad, except the sound stops about mid-story. We have been having problems getting sound to play consistently using HTML5 on iPad. Of course we need this to work because of SCORM. I have read a lot of posts referring to iPad needing a user action to trigger media. Ant help/clarification vastly appreciated.

-Steve

John Curran

I have just purchased a Nexus 7 tablet (Android) to test its suitability as an e-learning device and it fails miserably to run the Green Monster demo in HTML5. However I think the problem is more to do with the player size rather than HTML5 - the bottom part of the screen is completely cut off. A lot more work needs to be done if we are going to have content that is playable on all of today's devices.

http://www.designedforlearning.co.uk/m-learning-or-e-learning/

Electron Karthick

One more example i have created. 

Creatingthe iPad style e-learning courses with Articulate Storyline

At this point HTML5 cannot match to Flash in performance for sure. But i wouldn't blame storyline for that. In fact there are about 15 (major) HTML5 e-learning tools available in the market i have tried many of them. Honestly speaking, storyline produces best HTML5 output relatively.  

Nancy Roderick

Do you also need to remove the 'jump to next slide when the timeline ends' when using Google Chrome on iOS devices? I have a simple narrated course and both browsers crash every time I try to run it.  I can't use the product with the mobile app since we can't remove courses from the app library when the user's enrollment period ends. I'm having problems with quizzes and now courses in HTML5.

Nancy Woinoski

Nancy Roderick said:

Do you also need to remove the 'jump to next slide when the timeline ends' when using Google Chrome on iOS devices? I have a simple narrated course and both browsers crash every time I try to run it.  I can't use the product with the mobile app since we can't remove courses from the app library when the user's enrollment period ends. I'm having problems with quizzes and now courses in HTML5.

Have not tried it with Chrome on iOS yet but I will be testing it this weekend. My module runs fairly well in Safari on iOS now but I think Chrome may be another story (pun not intended).  I will keep you posted.

Sam Carter

Steve Flowers said:

I think Chrome on iOS still uses Safari as the core engine. If so, the same limitations apply:(


It's official, but not announced in a big way that Storyline doesn't require user interaction to play media on IOS 6 and greater any longer.  So you can leave in the jump to next slide on timeline end for up-to-date iPads.

This discussion is closed. You can start a new discussion or contact Articulate Support.