June 30, 2018
Drag and Drop – No Targets
Comments
(6)
June 30, 2018
Drag and Drop – No Targets
I am currently a provider of technical training and support in the electronic manufacturing industry. My prior training and work experience as a teacher, network administrator, web design, and instructional design make me well prepared to design it, develop it, and deliver it. I am a father of five, a US Army veteran, and I enjoy playing the guitar as well as performing in local community theater. 
Legend 99 posts
Followers: 153 people
(6)

Here is a really simple project with many possible ideas for execution.

I like to create practice opportunities for my learners. Now, to be sure, things like this can get complicated real fast when you start getting into variables, showing and hiding objects, and the need to reset all of that stuff. I like the idea of using drag and drop where the only thing you have on screen are drag sources. No drop targets. Essentially you can move them but as soon as you release the mouse the objects will return to their starting positions. In this way – there is no need to reset shapes or anything.

I like to use this is situations where the learner can check their answers to see how they are doing. No need to score stuff – just practice and check – sort of like flash cards.

So this project demonstrates a couple ideas for this with some simple math facts and a language vocabulary check.

Again – nothing fancy here – just some shapes on the screen that are marked as drag sources. The only trick might be making sure that your stuff is layered properly.

Feel free to ask any questions that you might have. How might you use this idea in your own projects?

Click the icon below for the working project.
Play

6 Comments
2018-07-02 20:04:16
2018-07-02 20:04:16

Greg, did you publish the HTML output as rescalable? It shows up very big for me, not rescaling at all.

Like
(4)
>
Lieve Weymeis
's comment
2018-07-02 20:12:16
2018-07-02 20:12:16
>
Lieve Weymeis
's comment

I don’t think so – just an 800×600 – I can republish if you think that is necessary.

Like
>
Greg Stager
's comment
2018-07-02 20:30:43
2018-07-02 20:30:43
>
Greg Stager
's comment

So strange, I am on a retina screen (Surface Pro) and it was blown up at least x5. I didn’t get any comments on my inserted movies yet, but I always publish to rescalable HTML. Could you have a look at one of my blogs? There is an embedded movie in that about Drag&Drop Review. Would like to hear how you see it?

Like
>
Lieve Weymeis
's comment
2018-07-02 20:48:32
2018-07-02 20:48:32
>
Lieve Weymeis
's comment

I looked at the drag and drop review mode one.
It re-scaled for me just fine.

As a side note, I have been toying with the 800 x 600 fixed vs scaling from time to time. I figure 800 x 600 should fit most screens without the need to resize. I have been curious about text and image distortions when re-scaling.

Like
>
Greg Stager
's comment
2018-07-02 20:57:25
2018-07-02 20:57:25
>
Greg Stager
's comment

Thanks for testing, I publish all my files the same way?. Up till now didn’t have any comment about distorting. Have a 16:10 (no retina) and two 16:9 screens, both retina.

Like
2018-07-02 19:13:35
2018-07-02 19:13:35

Thank you for sharing this resource Greg. It is much more like a real world modality. A bit like peeking under a card for the answer if you are playing a game as a child. Nice!

Like
Add Comment