Uploaded image for project: 'Sakai'
  1. Sakai
  2. SAK-40489

samigo: replacement UI for timed assessments.

    Details

    • Type: Feature Request
    • Status: Verified
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 19.0
    • Fix Version/s: 19.0
    • Labels:
    • Test Plan:
      Hide
      • Timer bar is present on question pages, TOC, and Submit for Grading initial screen (before you confirm submission)
      • Timer bar counts down correctly from all access points:
        1. click quiz title to access from samigo main page
        2. access quiz via link generated by samigo (present in email if notification sent on publish, or in Settings > About this Assessment > Published Assessment URL)
        3. access quiz via link created by Lessons > Add Quiz
      • Timer bar allows you to hide/show it by either clicking with mouse or keyboard (tab to select link, enter to hide)
      • Timer bar, whether hidden or visible, floats when scrolling on the page
      • Hidden timer bar persists across page loads
      • When 10% of time remains, gives alert
      Show
      Timer bar is present on question pages, TOC, and Submit for Grading initial screen (before you confirm submission) Timer bar counts down correctly from all access points: click quiz title to access from samigo main page access quiz via link generated by samigo (present in email if notification sent on publish, or in Settings > About this Assessment > Published Assessment URL) access quiz via link created by Lessons > Add Quiz Timer bar allows you to hide/show it by either clicking with mouse or keyboard (tab to select link, enter to hide) Timer bar, whether hidden or visible, floats when scrolling on the page Hidden timer bar persists across page loads When 10% of time remains, gives alert

      Description

      This is an enhancement we have had in production at UVA since Feb 2017.

      This work replaces the timed assessment timer progress indicator with an updated jQuery UI progress bar based implementation. 

      Some restyling of the "Question Progress" box was necessary so the two elements could interact cleanly.

      Changes and Features:

      • No longer submits on timer expiration (the server thread handles this) instead we only save the work one final time, and display status as the server thread submits.
      • Stays on screen during take, pins to top of browser when scrolling down.
      • Timer alerts are in the same widget
      • Collapsible
      • AJAX synchronization with timed assessment server thread
      • Enhancements for accessibility with screen readers
        • Informs taker of time limit and hot key "ctrl-alt-t" 
        • Reads time remaining on hotkey press
      • Cleaner styling of the Question Progress box

       

      https://youtu.be/4YJ_VJlMlBk - Taken from Samigo

      https://youtu.be/ZYVOm5M5mHI - Taken from a link

      https://youtu.be/t3W6Rf4ng9U - Taken from lessonbuilder

      https://youtu.be/zPQJR_cUKLQ - Taken with mobile screen size

      https://youtu.be/BPADkfkNnu8 - ChromeVox screen reading

       

      Styling updates for the Question Progress slider included.

      From:           To:

        Gliffy Diagrams

          Attachments

          1. jira40489_1.JPG
            jira40489_1.JPG
            86 kB
          2. jira40489_2.JPG
            jira40489_2.JPG
            104 kB
          3. jira40489.JPG
            jira40489.JPG
            98 kB
          4. QP1.png
            QP1.png
            20 kB
          5. QP2.png
            QP2.png
            26 kB
          6. shawnsRecommendedLocation.png
            shawnsRecommendedLocation.png
            74 kB

            Issue Links

              Activity

                People

                • Assignee:
                  dnhutchins David Hutchins
                  Reporter:
                  dnhutchins David Hutchins
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  10 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved:

                    Git Source Code