Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-63297

Convert drag-drop onto image question type JS from YUI to AMD

    XMLWordPrintable

Details

    • Improvement
    • Status: Closed
    • Minor
    • Resolution: Fixed
    • 3.5.2
    • 3.6
    • Questions
    • MOODLE_35_STABLE
    • MOODLE_36_STABLE
    • Hide

      This question should work almost exactly the same way it worked before, and the automated tests are a pretty good test of the functionality.

      The main thing that needs to be tested manually are visual display issues, and that the question types works on the full range of browsers and devices.

      For manual testing instructions, see MDLQA-8182, which is the standard QA test for this question type. Also the docs: https://docs.moodle.org/35/en/Drag_and_drop_onto_image_question_type.

      The only change from the previous behaviour is that when a drag item needs to me moved to a new place (e.g. if you drag something into a place that is already full, and the thing that was there needs to be sent home, then that item is moved smoothly, rather than just jumping to its destination. This also applies when answering the question using only the keyboard (tab to hilight a place, then use left-right arrows).

      A key area to test is when creating or editing a question. There is a preview of the question on the editing form which should be constantly updated as you edit things.

      Show
      This question should work almost exactly the same way it worked before, and the automated tests are a pretty good test of the functionality. The main thing that needs to be tested manually are visual display issues, and that the question types works on the full range of browsers and devices. For manual testing instructions, see MDLQA-8182 , which is the standard QA test for this question type. Also the docs: https://docs.moodle.org/35/en/Drag_and_drop_onto_image_question_type . The only change from the previous behaviour is that when a drag item needs to me moved to a new place (e.g. if you drag something into a place that is already full, and the thing that was there needs to be sent home, then that item is moved smoothly, rather than just jumping to its destination. This also applies when answering the question using only the keyboard (tab to hilight a place, then use left-right arrows). A key area to test is when creating or editing a question. There is a preview of the question on the editing form which should be constantly updated as you edit things.

    Description

      Re-implement drag-drop onto image interaction using autoscroll.js and dragdrop.js libraries and writing the mouse/touch and keyboard interaction in Jquery.

      Attachments

        Issue Links

          Activity

            People

              timhunt Tim Hunt
              mkassaei Mahmoud Kassaei
              Mahmoud Kassaei Mahmoud Kassaei
              Damyon Wiese Damyon Wiese
              Damyon Wiese Damyon Wiese
              Safat Shahin, Tim Hunt, Ilya Tregubov, Kevin Percy, Mathew May, Mihail Geshoski, Shamim Rezaie
              Votes:
              2 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                3/Dec/18