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

Scrolling quiz timer

    XMLWordPrintable

    Details

    • Testing Instructions:
      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
    • Affected Branches:
      MOODLE_37_STABLE, MOODLE_400_STABLE
    • Fixed Branches:
      MOODLE_310_STABLE
    • Pull from Repository:
    • Pull Master Branch:
      MDL-66587-master

      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

            Assignee:
            basbrands Bas Brands
            Reporter:
            shreekesavanarayanprasanna Shree Kesava Narayan Prasanna
            Peer reviewer:
            Tim Hunt
            Integrator:
            Jun Pataleta
            Tester:
            Anna Carissa Sadia
            Participants:
            Component watchers:
            Tim Hunt, Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze
            Votes:
            2 Vote for this issue
            Watchers:
            12 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Fix Release Date:
              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