Please help! HTML5 examples

Mar 01, 2014

Hi Forum,

I am asked to write the storyboards for a big project. It is agreed an Storyline as an authoring tool. And we need to use HTML5 as we want to publish also for iPad (at least with not so big changes).

So I am looking around and trying to find out what I can ask the designer to to. But I couldn't find a site that shows an overview of examples of html5-implementations.

I am aware that we can't do so much with HTML5 as with flash, so I am restricted. But I don't have any idea what I could prescribe to the designer. Please help me. I am looking for looking-great, but running-well-on-all-devices screens that are able to delight the user. I know the basic possibilities.

The subject is basic medical training.

We want to work with a speaker, have a lot of medical illustrations and a mighty glossary. Sure we can make a lot of animations (all restricted to what HTML5 is able to perform), but also we want the user to interact a lot. Is that possible in the same screen? Does anyone have anything that comes close to what I am searching for and can show me?

I am really helpless at this moment, so any advise is very, very much appreciated.

Also I want to ask the staff people:

Wouldn't it be nice to have some area where we can see great implementations with storyline, segmented in html5 and flash? Or maybe this is already implemented, but I didn't find.

Thanks a lot for your help.

Greetings,

Tom

7 Replies
Nancy Woinoski

 Hi Tom, here is an example I put together for the week challenge that David Anderson runs. 

This is the link to  https://dl.dropboxusercontent.com/u/73851/Bike%20Project%20output/story.html

If you view it on the ipad, the html5 version will play. If on a desktop, it will display the Flash version.

I didn't do anything special for the html5 version to get it to work but if you take a look at the Flash version and then the Html5 you will see some differences. For example the pulse highlights on the marker buttons do not work in html5.

Tom Ischler

Hi Nancy,

thanks a lot for the link.

It looks quite impressing and I understand the idea of the game.

Unfortunately I can't access al the suspects (there are only two) and I am a bit puzzled because if I choose the evidences I can't do anything with it and there is no explanation.

Maybe these problems are due to low internet speed that I a am facing here in India. 

So I am not able to view the whole case (what might not be wanted by you) but I understand some more facts about the possibilities of storyline and I very much appreciated this.

Thanks again.

If you know about other examples, that would be very helpful.

Cheers,

Tom

Nancy Woinoski

Tom Ischler said:

Hi Nancy,

thanks a lot for the link.

It looks quite impressing and I understand the idea of the game.

Unfortunately I can't access al the suspects (there are only two) and I am a bit puzzled because if I choose the evidences I can't do anything with it and there is no explanation.

Maybe these problems are due to low internet speed that I a am facing here in India. 

So I am not able to view the whole case (what might not be wanted by you) but I understand some more facts about the possibilities of storyline and I very much appreciated this.

Thanks again.

If you know about other examples, that would be very helpful.

Cheers,

Tom


The game is not finished yet so that is why you can only see two suspects and can't do anything with the evidence. I just wanted to show you some of the capabilities of html5.

Nancy Woinoski

All the ones that Michael mentioned above work on html5 browsers.

Most of the courses/demos I do are proprietary but here is one example that I have done that supports both Flash and html5 and is accessible to the public.  http://www.global-matrix.com/globalmatrixdemo/story.html

You can also check out Stephanie Harnett's website. It was built in Storyline and has been optimized for Flash and html5.  http://stephanieharnett.ca.

Phil Mayor has also posted a few sample menus that work in html5.

http://www.test.elearninglaboratory.co.uk/Menu2/story.html

http://www.test.elearninglaboratory.co.uk/Inspired/story.html

And I believe Bruce Graham's Storylion series runs in html5 as well.

http://www.storylion.co.uk/

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