Creating a Word Jumble

I'm trying to create a Word Jumble using the drag/drop function in Storyline and have hit a bit of a snag.  Everything would function correctly as long as there are no repeating characters.  However, in my case I have jumbled the word BOSTON and the "O" letters could be placed in either the 2nd or 5th spots.  Any suggestions on how I can make this work?

Thanks,

Steve

41 Replies
steve hildreth

I could not come up with a way to implement using Storyline's built in Drag/Drop function.  However, I was able to accomplish the task using a series variales (see slide 1).  It is not refined and still a little klunky, however it works.

At this point, it should only take time to complete the build out to look like slide 2.  I'd be very intersted in seeing any suggestions on a different (i.e. easier) implementation method.

Steve

Rebecca Fleisch Cordeiro

Hi Steve,

The attached Drag and Drop uses a Pick One quiz and no variables.

Two buttons are offstage: a "correct" button and an "incorrect" button. These are used for the Pick One (see below)


Each oval has a Drop Correct State.
A trigger is set up to change the state of the drag object to drop correct if it's dropped on the correct target.
For the two "Os": these can be dropped on either the 2nd or 5th squares

For the Pick One,

the state of the "correct" button is changed to selected if ALL the ovals have the drop correct state when the user clicks Submit. This causes the correct layer to appear.

the state of the "incorrect" button is changed to selected if ANY of the ovals are NOT = to the drop correct state when the user clicks the Submit button. This causes the incorrect layer to appear

Joelle Urbanczyk

I figured out the issue with groups. You cannot assign a state to a group of objects, but there was a workaround that Refco https://www.youtube.com/watch?v=07aWCa6T5pc provided. Now that my drag items have states, I cannot get the drag item to place into an incorrect drop zone. It's acting like a snap back when you place a drag item in the incorrect spot. I do not want this to happen since I am allowing 2 attempts at getting this drag and drop right.

Does anyone know how I can allow the learner to place the drag items anywhere within the drop areas and click Submit to grade their answer?

Rebecca Fleisch Cordeiro

Hi Joelle,

I replied to your question where you posted it at my youtube site here

To recap for others in the community, you had asked:

How do you get the drag items to place in the incorrect spots? I'm trying to make a 2 attempt drag and drop but it's behaving like a snap back drag and drop. I want the learner to be able to place the drag items in any drop zone, not just the correct one

and I replied:

...
When you're on the Storyline slide, right-click on one of your targets to bring up a shortcut menu that allows you to change the Drop Target setting.

So, for me, the 3 flower pots are the targets. When I right-click on one to display the shortcut menu, one of my choices is "Drag and Drop." And when I hover over that with the mouse, I see all the ways the target can be set up: Tile, Stack Random, Stack Offset, Snap to Center, and Free. I've chosen Free. That allows me to position the drag items with more flexibility during the "quiz."

Hope that helps. If not, be sure to post back!

Joelle Urbanczyk

Thank you for the reply. I tried what you suggested but it still does not allow me to place a drag item outside of the correct drop zone during testing. I would like the learner to be able to place the items where they see fit and then click submit to grade the question. I have six drag items and six hotspot drop zones to choose from. Each drag item can be correctly placed in three of the six drop zones. As it is functioning now, the drag items will not go into the drop areas that are not right, forcing the item to snap back. I hope that makes sense.

ashish sharma

How to make this work if we need to have more then 1 attempt to the question?

Rebecca Fleisch Cordeiro s aid:

Hi Steve,

The attached Drag and Drop uses a Pick One quiz and no variables.

Two buttons are offstage: a "correct" button and an "incorrect" button. These are used for the Pick One (see below)


Each oval has a Drop Correct State.
A trigger is set up to change the state of the drag object to drop correct if it's dropped on the correct target.
For the two "Os": these can be dropped on either the 2nd or 5th squares

For the Pick One,

the state of the "correct" button is changed to selected if ALL the ovals have the drop correct state when the user clicks Submit. This causes the correct layer to appear.

the state of the "incorrect" button is changed to selected if ANY of the ovals are NOT = to the drop correct state when the user clicks the Submit button. This causes the incorrect layer to appear

Rebecca Fleisch Cordeiro

Hi Joelle,

Ah, I see! It's because there aren't any incorrect drop states for the drag objects. Since SL doesn't know what to do with items that are dropped incorrectly, it's snapping them back.

I've created a Drop Incorrect state for the first time: your "Node 1 1" and

added a trigger to change its state to Drop incorrect if it's dropped on Hotspot 4, 5, or 6.

When you check it out, you'll see that you can now drop it on any of the correct or incorrect hotspots.

You'll need to take care of the others.

Quick tips:

To add this state to the other items, simply

  1. Click the Node 1 1 object on the slide
  2. Double-click the Format painter
  3. Click each of the other drag items
  4. Click the Format painter again to turn it off.

To quickly create the triggers for each of the nodes for Incorrect, I often do this:

  1. Copy and paste the trigger in the trigger panel.
  2. Double-click on the copied trigger and edit it.
    So, for example, I edited the Node 1 1 trigger by changing the To state to Drop Incorrect and unchecking Hotspots 1, 2, 3 and checking hotspots 4, 5, 6.

Please shout out with any other questions.

ashish sharma

Hi Rebecca,

Thanks for the drag and drop interaction you had posted earlier. It works very nicely.

I want to add a few more things to it.

1. Try again option. The options should go back to original position so that the learner can attempt the question again. Would limit to 2 attempts.

2. After 2 incorrect attempts, the correct answer can be displayed.

Is this something that can be built upon the "BOSTON" cross word you had shared earlier.

Would really appreciate your help with this.

Regards,

Ashish