Page Comparison

1. Click to item

1. Click to the Drag and Drop item:
   
   Event: publish_event is sent.
   Request URL:
   http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/publish_event
   Request Method: POST
   Payload: (Form Data)
   {"event_type":"edx.drag_and_drop_v2.item.picked_up","item_id":0}
   Response: {"result": "success"}
   

Image Modified

2. Click and move item

2. Click and move item to the Drag and Drop zone:
   
   1. Event: publish_event is sent.
   Request URL:
   http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/publish_event
   Request Method: POST
   Payload: (Form Data)
   {"event_type":"edx.drag_and_drop_v2.item.picked_up","item_id":0}
   Response: {"result": "success"}
   
   2. Event: drop_item is sent.
   Request URL:
   http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/drop_item
   Request Method: POST
   Payload: (Form Data)
   {"val":0,"zone":"top"}
   Response:

   Code Block
   { "correct": true, "grade": 0.4, "finished": false, "overall_feedback": [ { "message": "Drag the items onto the image above.", "message_class": "initial" } ], "feedback": [ { "message": "Correct! This one belongs to The Top Zone.", "message_class": null } ] }

   
   3. Event: publish_event is sent.

   Request URL:
   http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/publish_event
   Request Method: POST
   Payload: (Form Data)
   {"event_type":"edx.drag_and_drop_v2.feedback.opened","content":"Correct! This one belongs to The Top Zone.","truncated":false}
   Response: {"result": "success"}

Image Modified

3. Close

3. Close Drag and Drop feedback message:
   Event: publish_event is sent.
   Request URL:
   http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/publish_event
   Request Method: POST
   Payload: (Form Data)
   {"event_type":"edx.drag_and_drop_v2.feedback.closed","content":"Correct! This one belongs to The Bottom Zone.","manually":true,"truncated":false}
   Response: {"result": "success"}

Image Modified

Close feedback message.

4. Chose incorrect

4. Incorrect answer:
   
   1. Event: publish_event is sent.
   Request URL:
   http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/publish_event
   Request Method: POST
   Payload: (Form Data)
   {"event_type":"edx.drag_and_drop_v2.item.picked_up","item_id":4}
   Response: {"result": "success"}

   2. Event: drop_item is sent.
   Request URL:
   http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/drop_item
   Request Method: POST
   Payload: (Form Data)
   {"val":4,"zone":"middle"}
   Response:

   Code Block
   { "correct": false, "grade": 0.6, "finished": false, "overall_feedback": [ { "message": "Drag the items onto the image above.", "message_class": "initial" } ], "feedback": [ { "message": "You silly, there are no zones for this one.", "message_class": null } ] }

   3. Event: publish_event is sent.

   Request URL:
   http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/publish_event
   Request Method: POST
   Payload: (Form Data)
   {"event_type":"edx.drag_and_drop_v2.feedback.opened","content":"You silly, there are no zones for this one.","truncated":false}
   Response: {"result": "success"}

Image Modified

Incorrect answer.

5. Reset

5. Reset student answer:
   Event: reset is sent.
   Request URL:
   http://local.overhang.io:8000/courses/course-v1:d+d+d/xblock/block-v1:d+d+d+type@drag-and-drop-v2+block@92cea1db16524b0baad9edb5f7e773dc/handler/reset
   Request Method: POST
   Payload: (Form Data)
   {}
   Response:

   Code Block
   { "items": {}, "finished": false, "attempts": 0, "grade": 1.0, "overall_feedback": [ { "message": "Drag the items onto the image above.", "message_class": "initial" } ] }

Image Modified

6. Keyboard Help.
   Don’t need requests and responses from server.

Image Modified

1. Upload assignment

1. Click to the 'Upload your assignment' button and upload file (picture, audio, video, pdf):

   Event: upload_assignment is sent.
   Request URL:
   http://local.edly.io:8000/courses/course-v1:f+f+f/xblock/block-v1:f+f+f+type@edx_sga+block@6e0fd8e8cb3b41bfbe8dc10cba835f0c/handler/upload_assignment
   Request Method: POST
   Payload:
   ------WebKitFormBoundaryeJ0dBLCR091snpxM Content-Disposition: form-data; name="assignment"; filename="smile_742751.png" Content-Type: image/png ------WebKitFormBoundaryeJ0dBLCR091snpxM--
   
   Response:

   Code Block
   { "display_name": "Staff Graded Assignment", "uploaded": { "filename": "smile_742751.png" }, "annotated": null, "graded": null, "max_score": 100, "upload_allowed": true, "solution": "<p>Put your question or theme here</p>", "base_asset_url": "/asset-v1:f+f+f+type@asset+block@" }

Image Added

2. Grade Submissions

2. Press GRADE SUBMISSIONS button (it works only for the staff or course instructor)
   Event: get_staff_grading_data is sent.
   Request URL:
   http://local.edly.io:8000/courses/course-v1:f+f+f/xblock/block-v1:f+f+f+type@edx_sga+block@6e0fd8e8cb3b41bfbe8dc10cba835f0c/handler/get_staff_grading_data
   Request Method: GET
   Payload:

   Code Block

   0: {module_id: 64, student_id: "d7f90c9b193a3e02ddb7bd53ebcf2339",…} annotated: "" approved: false comment: "" filename: "smile_742751.png" finalized: false fullname: "" may_grade: true module_id: 64 needs_approval: false score: null student_id: "d7f90c9b193a3e02ddb7bd53ebcf2339" submission_id: "f99d6ea6-1b3f-4c7b-9ec0-d5dfc64f3f11" timestamp: "2024-05-16T09:05:13.228339" username: "kyrylo" display_name: "Staff Graded Assignment" max_score: 100

   Response:Image Added

   Code Block

   { "assignments": [ { "module_id": 64, "student_id": "d7f90c9b193a3e02ddb7bd53ebcf2339", "submission_id": "f99d6ea6-1b3f-4c7b-9ec0-d5dfc64f3f11", "username": "kyrylo", "fullname": "", "filename": "smile_742751.png", "timestamp": "2024-05-16T09:05:13.228339", "score": null, "approved": false, "needs_approval": false, "may_grade": true, "annotated": "", "comment": "", "finalized": false } ], "max_score": 100, "display_name": "Staff Graded Assignment" }