MOODLE DRAG & DROP TEXT QUESTIONS

Question Type - Drag & Drop into Text

1. From the Settings block, select Question Bank Questions.

2. Choose the appropriate quiz category, then select Create a New Question
3. Select the Drag and Drop into Text question, then click Next.
4. For the Question Text window, type the sentences that students will use to fill in the blanks. For each area that
will have a blank, enter double brackets with a number inside of it, numbering the items consecutively. For
example, the first blank will be written with [[1]], the second blank will be [[2]], and so on. Notice the example in
the first image (on the left) below.

5. In the Choice section you must enter the correct answers for
the corresponding bracketed items in the question text. After the correct answers are listed, you can then add
additional blanks for more options. For the second image, above (on the right), notice how choices #1 through
#6 match the answers for the bracketed items #1 - #6 in the question text.

6. The actual quiz question will look like the image below. Students will drag the text to the correct blank areas.

Video #1: http://marionlocal.k12.oh.us/Videos/Moodle/Quizzes/2-4dragdroptext1/2-4dragdroptext1.html

Video #2: http://www.youtube.com/watch?feature=player_embedded&v=ohoTEfiNGA4

MOODLE DRAG & DROP IMAGE QUESTIONS

Question Type - Drag & Drop onto Image

1. From the Settings block, select Question Bank Questions.

2. Choose the appropriate quiz category, then select

Create a New Question

3. Select the Drag and Drop onto Image question,

then click Next.

4. Enter information in the General section. The

Question Text will be your instructions to the
students.

5. In the top part of the Drop Zones section, choose

a file for the background image of your question.
You can either use the Choose a file . . . button
or you can drag and drop the image in the box with
the blue arrow. Once uploaded, you should see the
filename listed as well as your image should appear
in the Preview area

6. In the section titled Draggable Item 1,

select the Type as either draggable image or
draggable text.
If you select Text, you will enter your
word or phrase in the Text box.
If you select draggable image, you will
select Choose a file and upload the
image.
Repeat this process for Draggable
Item 2, Draggable Item 3, and so on
until you have all your data entered.

7. Scroll back up to the Drop Zones section. Click in the Draggable Item dropdown boxes and select the items
you entered.
 8. The last required step is to drag the items to the correct locations on
the background image.

9. Once all of your draggable items are located on the background

image, you will notice that the coordinates are listed in the Drop Zone
section.

10. Some examples of Drag and Drop onto an Image questions (as they appear to students) are shown In the
examples, below.

Video #1:
http://marionlocal.k12.oh.us/Videos/Moodle/Quizzes/2-4dragdropimage1/2-4dragdropimage1.html

Video #2:
http://marionlocal.k12.oh.us/Videos/Moodle/Quizzes/DragDropImage_1/DragDropImage_1.html

Video #3:
http://marionlocal.k12.oh.us/Videos/Moodle/Quizzes/DragDropImage_2/DragDropImage_2.html
MOODLE DRAG & DROP - MARKER QUESTIONS

1. From the Settings block, select Question Bank Questions.

2. Choose the appropriate quiz category, then select Create a New Question
3. Select the Drag and Drop Marker question, and then click Next.

4. Enter information in the General section. The Question Text will be your instructions to the students.

5. In the top part of the Drop Zone section, choose a file for the
background image of your question. You can either use the Choose
a file . . . button or you can drag and drop the image in the box with
the blue arrow. Once uploaded, you should see the filename listed as
well as your image should appear in the Preview area. The image will
appear with gridlines as if on graph paper. This will assist you in
creating your drop zones later.

NOTE: The maximum size for images is 400 pixels high by 600 pixels wide.

6. In the Markers section, enter names for the markers that you
will want the student to drag onto the image.

7. Scroll back up to the Drop Zone section, and follow these steps
to create the drop zone for each marker:

Click in the dropdown box and select the rectangle, circle, or polygon shape for your drop zone area.

Indicate the top left corner of the drop zone area by determining the x and y coordinates with the values
separated by a comma. For example, the top left corner of the North America drop zone is 10, 30. That
is, 10 pixels from the left edge and 30 pixels from the top of the image.

After listing the x,y coordinate, enter a semi-colon followed by the width, height of the area to be
covered. The example for the rectangle area for North America was written as 10,20;130,190

Rectangles are written as: x,y;w,h

Circles are written as: x,y;r (r stands for radius)
Polygons are written as x1,y1;x2,y2;x3,y3;x4;y4 . . . .

Here are what the values represents:

X = number of pixels from the left edge of the image
Y = number of pixels from the top of the image
W = number of pixels wide for the drop zone area
H = number of pixels in height of the drop zone area
 R = radius (if using a circle drop zone)

8. As you enter the x,y and w,h values, the image will display the drop zone area with the marker in the center of it.
Remember that the x,y coordinate represents the top left corner of the drop zone area.

Video #1: http://marionlocal.k12.oh.us/Videos/Moodle/Quizzes/Drag-Drop_Marker/Drag-Drop_Marker.html

Video #2: http://marionlocal.k12.oh.us/Videos/Moodle/Quizzes/Drag-Drop_Markers2/Drag-Drop_Markers2.html