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

samigo: replacement UI for timed assessments.

    XMLWordPrintable

    Details

    • 20 status:
      Resolved
    • 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

          Zeplin

            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 Integration