H5P Interactive Drag & Drop Activity

Active learning is the best-working learning approach today. If you do something actively, you will get deeper-going learning results because you involve several senses executing this activity. In this post, we care about a simple drag & drop  assignment.

Example for Drag & Drop

An example is the drag & drop activity provides with H5P. You see a screen with various items, and you should drag all items to the related “box”. In our example these items are images of fruits and vegetables and these images should be dragged to the relating basket and get dropped there (Move over an image, press left mouse key, drag the image over the basket, release the mouse key.

After you have finished with the four items, you may check your result.

An interesting observation in context with active learning are emotions: If you check your results, you are happy if everything fits. Otherwise, you might be a little bit angry, because you messed something. In both cases you remember better what you have selected. If you messed around with items, you try it again and after having finished correctly, you have learned from your mistake (and will avoid this mistake in the future).

Drag and drop activities are easy to implement and address all age levels. For younger adults, these activities are in some ways “natural”, older people not so experienced in digital competencies must be instructed how there drag & drop assignments work and after beein successful with this taske they also like it (This is the experience of courses with people 65+).

For further reading how “Sustained Learning” works, you may have a look here: FAdE Project (About Learning)


About the H5P framework

H5P is a free and open-source content collaboration framework based on JavaScript. H5P is an abbreviation for HTML5 Package, and aims to make it easy for everyone to create, share and reuse interactive HTML5 content.

H5p Framework: H5P.org


Aufrufe: 154

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.