Drag & Drop with multiple images to targets
Nov 08, 2012
Dear All, this is my first post on e-Learning Heroes, and although I have been using Articulate Presenter for some years, I have only just started using Storyline and I must say I am impressed!
We are in the process of moving our courses to HTML 5 as we have had requests for training on the iPad but I have come across a problem.
One of our courses is Safety Equipment Procedures for Pilots and Cabin Crew, in this course they must drag and drop equipment into the correct location on a diagram of the aircraft. An example of this in Flash is at www.aviatas.com/Portals/5/worksamples/draganddrop/737 Locator.html
As you are all aware Flash is not supported on the iPad, so I looked at the Drag and Drop interaction in Storyline, but there is a problem. As you can see on the example we need to be able to drag items into multiple locations, i.e. any item may have many targets that it can be dropped onto. As far as I can see the standard drag & drop interaction can only have one item target pairing, i.e. I can’t have for example a 3 lifejackets that can be dropped into any of 3 locations!
If someone knows of an easy way of doing this please let me know, but in the meantime I have been working on a method of being able to do what I want.
You can see an example of what I have achieved so far at www.aviatas.com/Portals/5/worksamples/A320DragAndDrop/story_html5.html
If anyone is interested in how I have done this then I have put the method in a short tutorial at http://www.aviatas.com/Resources/eLearningBlog.aspx
Keep up the good work.