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

Scrolling quiz timer

    XMLWordPrintable

Details

    • MOODLE_37_STABLE, MOODLE_400_STABLE
    • MOODLE_310_STABLE
    • MDL-66587-master
    • Hide

      Installing the environment:

      1. Install two Moodle instances:
        1. Consumer (any moodle instance)
        2. Provider (the instance with the patch)
      2. Log in as an admin to the provider instance.
      3. Navigate to Site administration > Plugins > Enrolments > Manage enrol plugins and enable "Publish as LTI tool" enrolment plugin.
      4. Navigate to Site administration > Plugins > Authentication > Manage authentication and enable LTI authentication plugin.

      Test quiz timer directly (no LTI)

      1. Log in as an admin to the provider instance.
      2. Create a course "Timer course", create a quiz "Timed Quiz" , add 3-4 questions to the quiz.
      3. On the quiz setting page, enable a time limit of 2 minutes.
      4. Create a test user "Chris" and enrol the user into the course
      5. Login as Chris
      6. Attempt the quiz
      7. Verify the timer is now to-right above the questions and scrolls along with it.
      8. Verify the timer background colour changes starting at the 15-second mark

      Testing quizzes via LTI:

      1. Log in as an admin to the provider instance and navigate to your course called "Timer course".
      2. In the course admin click "Published as LTI tools".
      3. Publish the quiz "Timed Quiz" and copy Launch URL/Secret.
      4. Log in as an admin to the consumer instance.
      5. Create a course "LTI Course", create LTI activity "Remote Quiz" and point it to Provider's quiz.
      6. Create a test user "Irene" and enrol the user into the course
      7. Login as "Irene" and access the "Remote Quiz" on the "LTI Course"
      8. Start the Quiz and Verify the timer is now above the questions and scrolls along with it.

      Test with secure layout

      1. Log in as an admin to the provider instance and navigate to your course called "Timer course".
      2. Navigate to the "Timed Quiz" configuration page and open section "Extra restrictions on attempts"
      3. Click the show more link
      4. On setting "Browser security" select "Full screen popup with some JavaScript security"
      5. Save changes
      6. Login as Chris
      7. Attempt the quiz
      8. Verify the timer is now top-right above the questions and scrolls along with it.
      9. Verify the timer background colour changes starting at the 15-second mark
      Show
      Installing the environment: Install two Moodle instances: Consumer (any moodle instance) Provider (the instance with the patch) Log in as an admin to the provider instance. Navigate to Site administration > Plugins > Enrolments > Manage enrol plugins and enable "Publish as LTI tool" enrolment plugin. Navigate to Site administration > Plugins > Authentication > Manage authentication and enable LTI authentication plugin. Test quiz timer directly (no LTI) Log in as an admin to the provider instance. Create a course "Timer course", create a quiz "Timed Quiz" , add 3-4 questions to the quiz. On the quiz setting page, enable a time limit of 2 minutes. Create a test user "Chris" and enrol the user into the course Login as Chris Attempt the quiz Verify the timer is now to-right above the questions and scrolls along with it. Verify the timer background colour changes starting at the 15-second mark Testing quizzes via LTI: Log in as an admin to the provider instance and navigate to your course called "Timer course". In the course admin click "Published as LTI tools". Publish the quiz "Timed Quiz" and copy Launch URL/Secret. Log in as an admin to the consumer instance. Create a course "LTI Course", create LTI activity "Remote Quiz" and point it to Provider's quiz. Create a test user "Irene" and enrol the user into the course Login as "Irene" and access the "Remote Quiz" on the "LTI Course" Start the Quiz and Verify the timer is now above the questions and scrolls along with it. Test with secure layout Log in as an admin to the provider instance and navigate to your course called "Timer course". Navigate to the "Timed Quiz" configuration page and open section "Extra restrictions on attempts" Click the show more link On setting "Browser security" select "Full screen popup with some JavaScript security" Save changes Login as Chris Attempt the quiz Verify the timer is now top-right above the questions and scrolls along with it. Verify the timer background colour changes starting at the 15-second mark

    Description

      The quiz timer appears on the right and does not scroll with the screen. This causes the timer to disappear on scroll. Quiz takers would find it more convenient if the timer were to scroll along with the page. 

      Steps to reproduce

      1. Create a quiz in a course,
        1. Add a timer (In the settings while adding the quiz > Timing > Time Limit > Enable). Set a low time limit (20 seconds) to see changes in the timer quickly enough.
        2. In the settings while adding the quiz > Layout > New Page > "Never, all questions on one page". 
      2. Add 3 - 4 questions to the quiz.
      3. Attempt the quiz. 
      4. Notice that, after scrolling down, the quiz timer can't be seen, requiring users to scroll back up to see the timer. 

      Attachments

        1. alert.png
          alert.png
          948 kB
        2. before.png
          before.png
          1.09 MB
        3. desktop-scroll.png
          desktop-scroll.png
          937 kB
        4. desktop-start.png
          desktop-start.png
          1.10 MB
        5. Firefox.lnk
          1 kB
        6. MDL-66587.jpg
          MDL-66587.jpg
          39 kB
        7. mobile-scroll.png
          mobile-scroll.png
          280 kB
        8. quiz-timer.mp4
          16.85 MB
        9. quiz-timer-1.png
          quiz-timer-1.png
          91 kB
        10. quiz-timer-2.png
          quiz-timer-2.png
          90 kB
        11. time-is-up.png
          time-is-up.png
          922 kB

        Activity

          People

            basbrands Bas Brands
            shreekesavanarayanprasanna Shree Kesava Narayan Prasanna
            Tim Hunt Tim Hunt
            Jun Pataleta Jun Pataleta
            Anna Carissa Sadia Anna Carissa Sadia
            Tim Hunt, Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze
            Votes:
            2 Vote for this issue
            Watchers:
            14 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:
              9/Nov/20

              Time Tracking

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 7 hours, 15 minutes
                7h 15m