Page Comparison

...

1. Sidebar Layout:

   • The sidebar includes a back navigation link, a lesson title with a long title option, and a button to Collapse Sidebar.

   • A collapse functionality to minimize the sidebar and provide more space for the video player.

   • A back navigation button ("Back") to return to the assignments page.

2. Video Experience

   • A responsive video player centered on the interface.

   • Player controls: play/pause button, volume control, mute toggle, closed caption, full screen

3. Post Video Engagement

   • Post-video engagement options prompting the student to:

   • “Rewatch” button to rewatch the video with discussion panel

   “Close” to close the modal and return to Assignments page in Student Center

   Ready to Submit modal:

   • Heading: ‘Ready to Submit?’

   • Message: ‘Click the Submit button to let your teacher know you completed the activity.’

   • Back button: Returns user to the video player screen.

   • Submit button: Submits the activity to the teacher and the ‘Activity Complete’ animation plays that automatically transitions to the video open in the player with the discussion panel.

User Interaction and Validation Notes

• Video Playback:

  • Controls should be intuitive, with tooltip text on hover for clarity.

  • Video progress should be saved if the student navigates away or pauses.

• Sidebar Functionality:

  • The "Back" button should have a confirmation prompt to prevent accidental navigation away from the video.

  • The collapse feature should allow for an immersive full-screen experience without page refresh.

• Post-Video Engagement:

  • Upon video completion, clear ‘Ready to Submit?' model should appear that prompts for "RewatchBack" or “Close” should appear“Submit” actions.

  • "Rewatch Video" should restart the video seamlessly without refreshing the page and include a discussion panel on the right side of the screen to communicate with the teacher.

  • “Close” button appears and it closes the modal and returns user to Assignments page in Student Center‘Back’ should return the user to the video so that they can rewatch the video.

  • ‘Submit’ will submit the activity to the teacher and the ‘Activity Complete’ animation plays that automatically transitions to the video open in the player with the discussion panel.

    • Activity Complete screen should display for 3-4 seconds.

• Validation:

  • Ensure player controls function across different browsers and devices.

  • Check that all user decisions and progress are accurately reported to the system for tracking and teacher notification.

...