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 either Video, Activity, or QuizActivity. 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
Quiz
UI
When reviewing a quiz, the user will see the student’s total score at the top
Followed by a block for each question.
Each block will show the question and answer choices, with the answer the student selected (green is correct, red/orange if incorrect)
If the student responded incorrectly, the block will be orange/red and we will also show the correct answer (in green)
If the student responded correctly, the block will be green
Business Rules
We will calculate the student’s score exactly as we do now