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?
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.
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
With Rebecca's help above, I've extended on the Word Jumble. There are some other changes still to be made, but I wanted to pass it along for others to see.
What if you are using an image and a text box that is grouped? I have followed all the necessary steps and cannot get a correct answer. I believe it may have to do with my drag items being grouped. I can only specify the image or the text alone to be the correct state.
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?
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."
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.
I've attached the file with the example I am trying to troubleshoot. Even though we are customizing this and using a pick one. I would still like it to function like a real drag and drop where you can place the drag items in correct and incorrect drop zones.
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
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
Click the Node 1 1 object on the slide
Double-click the Format painter
Click each of the other drag items
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:
Copy and paste the trigger in the trigger panel.
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.
I answered your question and provided an example where you posted here
On that thread, you hadn't mentioned wanting Learners to see the correct answer after two attempts, but I think you can take what I did there and modify it to meet your needs. If not, please post back!
I will give it a try and come back if I am not able to do it.
Actually, I am still at basic/intermediate level with Storyline. All this out of the box stuff that Heros do is completely amazing for me and a great source of learning.
41 Replies
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
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 - This looks great. Thank you.
With Rebecca's help above, I've extended on the Word Jumble. There are some other changes still to be made, but I wanted to pass it along for others to see.
The words are:
Boston
Chicago
Acton
Nice, Steve! Glad it's working. Now we just need to tell people how we pronounce Worcester in New England, eh?
Hi Rebecca,
Is there a screen recorded video for this ?
i.e. : http://community.articulate.com/forums/p/50373/270759.aspx#270759
Thanks,
David
Hi David,
Not yet! But let me see if I can find some time this weekend to put something together.
woos-TER.
There is no other way
hey, Bruce, yeah, wooster...rhymes with rooster
David, here's a youtube video I created ... please shout out with any questions
Oh, and here's a sample of the story
Slide 1: Standard D&D
Slide 2: Pick One D&D Finished
Slide 3: Practice slide...instructions on slide
Brilliant! Thanks for sharing your elegant solution Rebecca.
What if you are using an image and a text box that is grouped? I have followed all the necessary steps and cannot get a correct answer. I believe it may have to do with my drag items being grouped. I can only specify the image or the text alone to be the correct state.
Joelle - Can you share an example?
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?
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!
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.
Hi Joelle,
Perhaps I'm misunderstanding your goal. At this point I think it would be helpful if you could upload the slide so the community could take a look.
Hi Rebecca!
I've attached the file with the example I am trying to troubleshoot. Even though we are customizing this and using a pick one. I would still like it to function like a real drag and drop where you can place the drag items in correct and incorrect drop zones.
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
To quickly create the triggers for each of the nodes for Incorrect, I often do this:
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, did you have a question?
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
Hi Ashish,
I answered your question and provided an example where you posted here
On that thread, you hadn't mentioned wanting Learners to see the correct answer after two attempts, but I think you can take what I did there and modify it to meet your needs. If not, please post back!
Thanks.
I will give it a try and come back if I am not able to do it.
Actually, I am still at basic/intermediate level with Storyline. All this out of the box stuff that Heros do is completely amazing for me and a great source of learning.
Thanks again,
Ashish
Rebecca,
Bless your heart! This is the exact fix for the functionality I was looking for. You're amazing!
I cannot thank you enough!
This discussion is closed. You can start a new discussion or contact Articulate Support.