Review Assignment (Add Interactive SEL Activities)

We need to create a screen that allows teachers to view the submitted assignment and mark items as reviewed.

User Story: As a teacher, I want to view worksheets my students completed, so I can provide feedback and ensure they are strengthening their SEL skills.

Design: https://www.figma.com/file/gdwMnbpudJxuzVrORrOGvd/Ed-Member-Site-UX?node-id=5848%3A262


General Concept

UI

  • When a user clicks on a student name, Needs Review, or Reviewed button from the Manage Specific Assignments page, they will see a pop-up modal showing what the student submitted.

  • We will show a sub-heading formatted as Domain Name | Area Name | Assignment Type | Grade | Tier Level

  • If the user clicks Print, we will open a printable PDF of the assignment

  • If the user clicks the File Cabinet icon, we will save a copy of this assignment to the student’s file cabinet

  • If the user clicks Mark as reviewed, we will update this item to the Reviewed state.

  • If the item has already been marked as reviewed, we will show the item as Reviewed. If the user clicks Undo, it will return to the not reviewed state & the user will see the Mark as Reviewed button again.

  • If the user clicks in the discussion window, any previously sent/received messages related to this assignment will show.

  • If there are no previous messages related to this assignment, they will see the empty state

 

Business Rules

  • Student Name will show the student’s first and last name

  • Domain name will show the lesson domain associated with the item

  • Area will show the lesson area associated with the item. For mental health items, this will not show.

  • Assignment Type will show Activity. Other assignment types will be added next.

  • Grade will show the grade associated with the item

  • Tier will show the tier(s) associated with the item. For mental health, this will not show.

  • If the item has not been reviewed, we will show the mark as reviewed button

  • If the item has been reviewed, we will show the Reviewed icon and the undo button