Drag & Drop with multiple combinations

Nov 30, 2018

My client wants a Drag/Drop interaction where different combinations of 4 images into 2 drop zones will yield up different text responses.

The responses are not graded.

Client would like this to be a single screen in the course.

I'm not sure this is even possible, but if anyone has suggestions I would be grateful.

I've mocked up a sample file and attached here.

Thanks for any help.

21 Replies
Ben McKenna

Hey Charles,

I'll try my best to expand upon Tom's suggestion. First off you probably want to achieve this manually using triggers instead of the in-built drag and drop form. Your setup should look something like this:

Drag/Drop Objects
DropObjectA
DropObjectB
DropObjectC
DropObjectD

Drop Space
DropSpace1
DropSpace2

Results/feedback
Feedback Textbox (with each possible combination/result as a different state)

Variables
Result1
Result2

Then you would setup triggers like so...

  • Set variable Result1 to'A' when DropObjectA dropped on DropSpace1
  • Set variable Result1 to'B' when DropObjectB dropped on DropSpace1
  • Set variable Result1 to'C' when DropObjectC dropped on DropSpace1
  • Set variable Result1 to'D' when DropObjectD dropped on DropSpace1
  • Set variable Result2 to'A' when DropObjectA dropped on DropSpace2
  • Set variable Result2 to'B' when DropObjectB dropped on DropSpace2
  • Set variable Result2 to'C' when DropObjectC dropped on DropSpace3
  • Set variable Result2 to'D' when DropObjectD dropped on DropSpace4
  • Change state of Feedback Textbox to '...' when Result1 changes IF Result1 = A and Result 2 = A
  • Change state of Feedback Textbox to '...' when Result1 changes IF Result1 = A and Result 2 = B
  • Change state of Feedback Textbox to '...' when Result1 changes IF Result1 = A and Result 2 = C
  • Change state of Feedback Textbox to '...' when Result1 changes IF Result1 = A and Result 2 = D
  • etc.

There'll probably be a lot of triggers, unfortunately. And you'll need one for each possible combination. You'll also need a duplicate set for when the variable Result2 changes because the user could hypothetically do the drag/drop in any order they want.

Maybe someone can come up with a more streamlined solution, but this should get the job done.

Charles Radanovich

Hello, I have tried all combinations of these suggestions, but the desired outcome still evades me.

Can someone please look at this story file and see where I'm going wrong? At this point all my answers are on layers but the same layer keeps showing for all the image combinations.

After moving pictures into pace, you click the equal sign to get the answer, then hit 'reset' to start over.

Charles Radanovich

I'm sorry Daniel, but I am totally lost on this. I've looked at your 'drag_n_drop_final.story' again,but I don't understand it or how it relates to my file.

I've looked at your sample web file which is made from my file, but there is no way to 'reset' to the initial state after the equal button is clicked and the correct answer is shown.

Would it be possible for you to send me the story file you published for the web? Maybe I can figure it out when I see how you edited my source file.

Sorry this is so much back and forth, but I'm just not very experienced with complicated interactions.

Charles Radanovich

Hi Daniel,

I've been racking my brains on this but no matter what I try, I can't get this to work.

In this current file, I kept your slide triggers from your last version, but I changed the click object to be the empty rectangle vs the equal sign.

You'll see I tried other programming as the the earlier version didn't give me any feedback messages at all.

Whether I use Layers for my answers or a state change on the empty rectangle, the feedback that shows is always the last trigger on the slide. 

So if the combination I drag into the drop zones should serve up state A, it still serves up state D.

Do you have any more ideas? I need to get this resolved very very soon. Do you think I should repost this problem in a new discussion?

I appreciate any help.

Daniel Servan

Here's the logic:
Variables: itemOnDropped1, itemOnDropped2

There are 2 targets and 4 draggable items

If item 1 dropped into Target 1, Set itemOnDropped1 = 1
If item 1 dropped into Target 2, Set itemOnDropped2 = 1

If item 2 dropped into Target 1, Set itemOnDropped1 = 2
If item 2 dropped into Target 2, Set itemOnDropped2 = 2

If item 3 dropped into Target 1, Set itemOnDropped1 = 3
If item 3 dropped into Target 2, Set itemOnDropped2 = 3

If item 4 dropped into Target 1, Set itemOnDropped1 = 4
If item 4 dropped into Target 2, Set itemOnDropped2 = 4

Now we need the following combination to get results
1,2 or 2,1
1,3 or 3,1
3,4 or 4,3
2,3 or 3,2

If itemOnDropped1, itemOnDropped2 = 1 and 2 or 2 and 1, Show layer of Result 1
If itemOnDropped1, itemOnDropped2 = 1 and 3 or 3 and 1, Show layer of Result 2
If itemOnDropped1, itemOnDropped2 = 3 and 4 or 4 and 3, Show layer of Result 3
If itemOnDropped1, itemOnDropped2 = 2 and 3 or 3 and 2, Show layer of Result 4
If out of the combinations, show layer "Not a recommended mix"


 

Charles Radanovich

I'd even buy you 2 beers! I really learned a lot through this process, as painful as it was for me. My client often has requests that are good ideas but are very painstaking for  me. I've not been a developer of customer interactions, so every time I encounter a new request, it makes me crazy. Believe it or not I've spent at lest 6-8 hours working on different approaches to this problem, some in the middle of the night. It would be great if I could send out individual problem screens to people yourserlf and get back files that work. Is such a proposition within possibility.

I am in Miami Wondering if There are storylind artists nearby.

Best Chuc

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