> ## Documentation Index
> Fetch the complete documentation index at: https://docs-visuolab.levantelab.com.br/llms.txt
> Use this file to discover all available pages before exploring further.

# Create drag and drop activities

> Prepare the image, create drop zones and name the labels to organise drag and drop matching activities.

**For Supervisors**

In **Drag and drop** (**Drag\&Drop**) activities, participants move text labels to the corresponding locations on an image. You prepare the question, upload the image, create the **drop zones** and name each zone to define the expected matches.

This format can support identifying people, objects, places or parts of a scene. Relate the labels and positions to the learning objective and the material presented.

![Opening page of a Drag\&Drop activity with deadline, duration, attempts, Start Activity button and introduction video.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/participant-overview.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=69cd11e5580a9cc4e8af987b46a30ac1)

> [!NOTE]
>
> **Reception** is the activity type; **Drag and drop** (**Drag\&Drop**) is the selected format. The screenshots are in English; the fields and buttons are explained throughout this page.

## Understand the question elements

| Element | Purpose |
| - | - |
| **Prompt and materials** | Present what participants should identify or match. |
| **Activity image** | The surface on which drop zones are created. |
| **Drop zone** | The area of the image that receives a label. |
| **Zone name** | Defines the text associated with that position, used as a draggable label. |
| **Expected match** | Links each label to the zone entered by the Supervisor. |

**Uploading the image does not complete question preparation.** You must create the zones and enter their names so participants can position the labels.

For example, in a scene with different means of transport, you can create a zone over a bicycle and name it **“Bicycle”**. The task is to drag that label to the corresponding area.

This is a teaching example. The screenshots show different scenes and names; they do not necessarily form a single question.

## Create the activity

**1. Choose Reception and Drag and drop**

Enter the **Space**, open **Assessment Activities** and click **Add activity**.

Check the selected Space, choose **Reception** and then **Drag and drop** (**Drag\&Drop**). Review the selection before continuing.

In the **Description** tab, enter the name and instructions. Explain what to examine and how to match labels to locations on the image. If you use an instruction video, prepare it in the appropriate sign language for your audience.

Also check the activity status.

**2. Open the summary and add a question**

Select **Questions Summary**. Check the **Reception** and **Drag\&Drop** labels.

The **Introduction video** is optional and appears before the questions. Use it to introduce the activity context or explain the task.

In **Activity questions**, click **Add Question**.

![Summary with Reception and Drag\&Drop labels, optional introduction, Add Question button, evaluation settings and self-assessment section.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/question-summary.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=e9e5d7e5ead44b9d385f2dd9aac02e22)

The add button in **Self-assessment questions** belongs to a separate set of questions.

**3. Prepare the prompt and materials**

Complete **Question Title** with a clear instruction.

Add **Topic**, **Text**, **Video** and **Image** blocks as needed for the task. Use these materials to provide the information required to identify the elements.

![Drag\&Drop question editor with Question Title and buttons to add a topic, text, video and image.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/question-editor.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=3076a7053b5ea0a070715f08909fd34e)

A possible instruction is **“Drag each name to the corresponding person in the image.”** If the task relies on a sign language video, make the relationship between the video, written labels and scene clear.

The image that receives the zones is entered in the dedicated **Drag\&Drop Image** section, presented in the next step.

**4. Upload the image that will receive the zones**

In **Drag\&Drop Image**, upload the image that will serve as the basis for the interaction.

Check the thumbnail. **Change image** lets you replace the file.

![Drag\&Drop Image section with thumbnail, Change image, 100 MB limit, Drop zone mode and Create drop zones button.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/image-and-zones.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=f9720bffb6c83be43c963bc62ad3a7ab)

The example indicates a **100 MB** image limit. Check the limit and accepted formats in the field in your installation.

In **Drop zone mode**, check the selected option. The screen shows **Full match**. Review the available options and marking behaviour before making the task available; the screenshot does not detail other modes or partial-credit rules.

Click **Create drop zones** to open the image editor.

**5. Select areas and create drop zones**

In the editor, select the area of the image that should receive the label. Then confirm using **Create drop zone** or **Create zone**, depending on the screen.

![Editor with instructions to select an image area and a Create drop zone button.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/create-zone.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=63c1f12c9c6089e8e9f4014b590dd9a0)

Repeat the process for the other elements. Create easily identifiable areas over the correct elements and avoid overlaps that make the destination ambiguous.

The area selection defines **where** the label should be dropped. The name entered in the next step defines **which text** corresponds to that position.

**6. Name the zones and check the matches**

Complete each zone field with the name or phrase associated with the selected area.

In the example, **Zone 1** is named **Martha** and **Zone 2** is named **Pedro**. The rectangles on the image identify the corresponding areas.

![Image with Zone 1 and Zone 2 highlighted, Martha and Pedro fields, and creation and deletion controls.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/named-zones.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=04f27d42ec8512fdfe9b8ad554d6cf7f)

Check each zone name alongside its position. Use labels consistent with the task and required written language.

The editor offers deletion controls. After removing a zone, review the remaining areas and names. If you replace the source image, check all matches again.

On returning to the question form, check **Drop zones created**.

![Drop zones section showing two zones created and the Create drop zones button.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/zone-count.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=589f79a9207f6908970eebf36ce9d0c6)

The number **2** belongs to the example; create as many zones as the task requires.

**7. Add feedback and finish the question**

Use **Add feedback** when you want to include an explanation. The button appears below the zones section.

Relate the feedback to the expected match. For example: **“Look at the object shown in the scene and return to the part of the video describing it before positioning the label.”**

Check the text or media features offered by your installation’s form.

Review the prompt, materials, image, zones and names. Click **Done** to return to the summary and confirm that the question appears in the list.

Repeat the process to add further questions. **Finishing a question does not finish the entire activity.**

## Review evaluation settings

In the summary, open **Evaluation Settings**. Adjust the available fields to the task and check the actual values in your installation.

| Setting | What to check |
| - | - |
| **Scoring and pass score** | Question values and passing conditions, according to the available fields. |
| **Attempts** | How many attempts participants can make. |
| **Navigation** | Whether the question sequence is mandatory or allows free movement. |
| **Time for completion** | The time allowed for an attempt. |
| **When time expires** | What happens to the attempt when the limit is reached. |
| **Availability** | The activity start and close dates. |
| **Review options** | When results, reference answers and feedback can be consulted. |

The **drop zone mode**, configured in the question, differs from overall scoring and activity participation conditions. Check these elements separately.

The supplied screenshots do not detail the evaluation form for this format. Do not copy example deadlines, durations or attempt limits without reviewing the activity configuration.

> **[Assess and support participants](/en/visual-classroom/supervisor/evaluation)**
>
> See guidance on monitoring, assessment and releasing results.

## Include self-assessment, if desired

In **Questions Summary**, the **Self-assessment questions** section has its own **Add Question** button.

You can propose a reflection such as **“How would you assess your understanding of the information needed to match the labels to the elements in the image?”**

Configure the features offered by the self-assessment form and check that the question appears in the list when you return to the summary.

These questions support reflection on learning and differ from the matches entered for Drag and drop questions.

## Check the participant experience

In the activity presentation, participants can view the deadline, time limit, attempts and number of questions, according to the configuration. The example also includes an introduction video and **Start Activity**.

During the activity:

1. Participants read the prompt and examine the materials.
2. They identify the elements in the image.
3. They drag labels to the corresponding zones.
4. They use the available controls to navigate and finish the attempt.

![Drag\&Drop question with an illustrated scene, text labels at the bottom, time remaining and navigation and finishing controls.](https://mintcdn.com/levante-lab/DAB9dOYUGZkKtI-M/images/supervisor-drag-and-drop/participant-question.png?fit=max\&auto=format\&n=DAB9dOYUGZkKtI-M\&q=85\&s=dc9699110e573e60218920c79238a826)

The labels **Piano**, **Float** and **Bicycle** belong to the mockup. Review the text and matches in your own activity; the illustrative examples should not be treated as a ready-made answer key.

Check the full task as presented to participants, ensuring that the areas and labels allow unambiguous matching. Result visibility should follow the configured review options.

> **[See how participants view results](/en/visual-classroom/participant/results)**
>
> Learn how scores, feedback and activity contributions are presented.

## Check the full activity and finish

Before making the activity available:

* Check the Space, name, instructions and status.
* Review the clarity of the prompt and its relationship to the materials.
* Check the quality and legibility of the source image.
* Check the position and size of each zone.
* Review names and their matches with the areas.
* Check the number of zones and the absence of ambiguous areas.
* Review the zone mode and scoring options.
* Check attempts, navigation, duration, dates and review.
* Check feedback and self-assessment questions, if used.

Return to the summary, review all questions and finish setup using the displayed controls.

## Continue browsing

> **[Previous](/en/visual-classroom/supervisor/assessment/matrix)**
>
> **Create matrix activities**

> **[Next](/en/visual-classroom/supervisor/assessment/interactive-video)**
>
> **Create interactive video activities**


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.