Under Select drop zones, check the Fragaria checkbox. You can place it to the right of the strawberry. Press the Text button in the toolbar and drag it onto the background image. Images can be used as draggable elements in the same way as Text. In this tutorial we'll add three Text draggable elements one correct and two incorrect. You resize the dropzone by pressing the lower right corner of the dropzone and dragging up/down or left/right to scale the dropzone to the right proportions.ĭouble-press the dropzone to edit it at any time.
You move the dropzone by pressing and dragging it to where you want it placed. Move and resize the dropzone so that it is placed roughly over the Strawberry in the background image. You will now see a white dropzone placed over the background image. Set the opacity to 50 to make it semi-transparent. We add the Label Fragaria, which is the name of the genus the Strawberry belongs to. Press the Dropzone button in the toolbar, drag it onto the background image and drop it somewhere above the strawberry.ĭropzone options appear when you drop it. We start off by adding a Dropzone over the strawberry shown in the background image. You will see a toolbar above the background image.ĭropzones are areas on which Text and Image draggable elements can be dropped. We'll use these last two examples as false alternatives. Other examples of berry genuses are Rubus (e.g. According to Wikipedia, a genus is a taxonomic rank used in the biological classification of living and fossil organisms.įrom the example text above, we know that the strawberry belongs to the Fragaria genus. We'll create a Drag and drop question where the user tries to associate the strawberry with its corresponding genus name. You'll see that the background image is displayed with the size defined in the Settings tab. Press the Task tab in the top right half of the editor to start creating the task itself. Since we are creating a stand-alone Drag and drop question, it doesn't matter whether we'll leave this option checked or not. This option controls the score the learner gets for solving the Drag and Drop question when it is placed in a sequence of multiple tasks. The Give one point for the whole task option is more relevant when we add Drag and drop question to Question sets, Interactive Videos or Presentations. Since we want learners to be able to try to solve the Drag and drop question multiple times, as opposed to only have one go, we'll check the Enable "Retry" option. The Size defines the width and height of the editor as well as the aspect ratio of the Drag and drop question, rather than the actual size in pixels when it is viewed. The Drag and drop question will be scaled to the maximum width of the page where it is placed, after saving. Since the image has a width of 800 px and a height of 532 px, I'll use this size for the task. Now that we've added a background image, I can define the size of the Drag and drop question. The Year(s) field is not relevant in this context so we'll leave this blank.
How to create drag and drop on vce designer 1.0.2 license#
H5P 1.1 only: You can add license information for the background image by pressing the Edit copyright button: Browse to where you downloaded the strawberry image above and select it. Press the button to add a background image.
The picture was downloaded from Wikimedia and is licensed with Creative Commons Attribution Share Alike. Settings deals with general settings such as background image and size. You can press the Settings and Task tabs at the top of the editor at any time to navigate between the views. There are two steps in creating a Drag and drop question: Settings and Task. The content creation happens in the top part of the editor, so we'll focus on this part here. We'll focus on creating the Drag and drop question content in this tutorial. The top part of the editor looks like this: The Drag and drop question editor should now appear. Select the New content option and choose Drag and Drop from the list of Content types: The juicy, usually red, edible fruit of certain plants of the genus Fragaria. The example text below is pasted from Wiktionary: Let's say you have a text about Strawberries that you want to create a Drag and drop question about. Either way, they are created in the same way. Drag and drop can be used stand-alone or they can be included in Question sets, Interactive Videos or Presentations.