{"id":190,"date":"2024-05-03T11:47:04","date_gmt":"2024-05-03T15:47:04","guid":{"rendered":"https:\/\/openbooks.macewan.ca\/using-h5p-objects-in-online-courses\/?post_type=chapter&p=190"},"modified":"2024-12-17T12:21:28","modified_gmt":"2024-12-17T17:21:28","slug":"drag-and-drop","status":"publish","type":"chapter","link":"https:\/\/openbooks.macewan.ca\/using-h5p-objects-in-online-courses\/chapter\/drag-and-drop\/","title":{"raw":"Drag and Drop","rendered":"Drag and Drop"},"content":{"raw":"
\r\n

Main Uses<\/strong><\/h2>\r\n<\/header>\r\n
\r\n\r\nA drag-and-drop activity is common in assessing learning. This tool has a wide range of uses when instructors want learners to\r\n
    \r\n \t
  1. identify the objects or areas on an image<\/li>\r\n \t
  2. categorize or attribute objects, statements, or terms to certain groups of concepts<\/li>\r\n \t
  3. match two groups of items or objects<\/li>\r\n<\/ol>\r\nNote<\/strong>: If all of the choices to be dragged are images, the activity can use Image Pairing object. See examples on the Image Pairing page<\/a>.\r\n\r\nHow to create<\/strong>\r\n\r\nTutorial<\/a>\r\n\r\n<\/div>\r\n<\/div>\r\n

    1. With no background image, define areas\/boxes on a white background and drop text or images into boxes<\/h2>\r\n
    \r\n

    Example 1: Drag images into boxes<\/strong><\/p>\r\n\r\n<\/header>\r\n

    \r\n\r\n[h5p id=\"38\"]\r\n\r\n<\/div>\r\n<\/div>\r\n
    \r\n

    Example 2: Drag texts into boxes that represent groups or categories<\/strong><\/p>\r\n\r\n<\/header>\r\n

    \r\n\r\n[h5p id=\"84\"]\r\n\r\n<\/div>\r\n<\/div>\r\n
    \r\n

    Example 3: Drag texts into boxes that describe or define the objects on the image\r\n<\/strong><\/p>\r\n\r\n<\/header>\r\n

    \r\n\r\n[h5p id=\"75\"]\r\n\r\n<\/div>\r\n<\/div>\r\n

    2. Insert an image as the background and define areas on the image to drag and drop objects (text or images) onto them.<\/h2>\r\n
    \r\n

    Example 1<\/strong><\/p>\r\n\r\n<\/header>\r\n

    \r\n\r\n[h5p id=\"76\"]\r\n\r\n<\/div>\r\n<\/div>\r\n
    \r\n

    Example 2<\/strong><\/p>\r\n\r\n<\/header>\r\n

    \r\n\r\n[h5p id=\"79\"]\r\n\r\n<\/div>\r\n<\/div>","rendered":"
    \n
    \n

    Main Uses<\/strong><\/h2>\n<\/header>\n
    \n

    A drag-and-drop activity is common in assessing learning. This tool has a wide range of uses when instructors want learners to<\/p>\n

      \n
    1. identify the objects or areas on an image<\/li>\n
    2. categorize or attribute objects, statements, or terms to certain groups of concepts<\/li>\n
    3. match two groups of items or objects<\/li>\n<\/ol>\n

      Note<\/strong>: If all of the choices to be dragged are images, the activity can use Image Pairing object. See examples on the Image Pairing page<\/a>.<\/p>\n

      How to create<\/strong><\/p>\n

      Tutorial<\/a><\/p>\n<\/div>\n<\/div>\n

      1. With no background image, define areas\/boxes on a white background and drop text or images into boxes<\/h2>\n
      \n
      \n

      Example 1: Drag images into boxes<\/strong><\/p>\n<\/header>\n

      \n
      \n