Needs Review | Manage Assignments
- Mary DelPiano
The Needs Review page of the RethinkEd platform enables users to view and review student assignments that require attention.
Figma:
Epic:
Feature 193776: Manage Assignment
UI Description:
Region, Building, Classroom Selections:
Region dropdown menu (Admins Only)
Displays to admin users only
Building dropdown menu (Admins Only)
Admin users have dropdown menu to select building
Educator views the building they are assigned to in the field.
Classroom dropdown menu
Default: All classrooms
List of All Classrooms (search bar included at the top of dropdown menu)
Page Heading: Assignments
Tab Navigation:
Content, Students, Needs Review, Teachers (admin only)
Needs Review tab selected
Date Range Selection:
A dropdown menu selection with calendar picker and dates displays in input field as Month DD, YYYY (Example: Apr 10, 2023 - Apr 24, 2024)
Dropdown menu values next to calendar picker:
School Year (default)
Last 7 days
Last 14 days
Last 30 days
Last 90 days
Last 180 days
User can select a custom date range using the calendar picker.
Search Bar Functionality:
The search bar supports text queries to find student names, classroom names, lessons/modules based on titles, descriptions, keywords, and Standard Codes, with autocomplete suggestions.
Search results are optimized to appear within 2 seconds under normal load conditions.
Filter Area: Just below the main heading, provide dropdown filters for ‘Notification', ‘Language’, 'Subject’.
Notification Dropdown Values: Submitted, Commented
Language dropdown values: English, Spanish
Subject dropdown values: SEL (SEL for SEL-SEL component, Wellness for Wellness/Life Skills and Wellness Component), Mental Health
Empty State for filter with no results: ‘No records available.’
Table Design: The assignments table shall present columns for:
Date: Month DD, YYYY (Example: Apr 10, 2023 - Apr 24, 2024)
Student: First Name Last Name
Notification: Submitted, Commented
Assignment: Video, Quiz, Activity
Language: English, Spanish
Subject: SEL, Mental Health
Actions: Review, View
Text alignment and column width should be consistent, ensuring legibility.
Action Table Column: Interactive elements like buttons and links should use contrasting colors to stand out from informational text.
Review (Assignment that needs to be reviewed and marked as reviewed)
View (Assignment that has been reviewed and marked as reviewed)
User Interaction and Validation Notes:
Region, Building, and Classroom Dropdown Menus: The Region, Building, and Classroom dropdown menus will display to Admin Users in the Manage Assignments > Assignments screens. The Classroom dropdown menu will display to Educator Users in the Manage Assignments > Assignments screens. The classroom dropdown menu will default to ‘All Classrooms’ for both admin and educators users.
Search Function: The search box shall allow for free text entry with instant validation to check for non-allowed characters. If the search criteria return no results, display a message indicating there no matching assignments.
Dropdown Filters: The ‘Notification', ‘Language’, 'Subject’ filters will display all available options and support multi-selection. These filters should validate selections against the existing dataset. If the filter criteria return no results, display a message indicating there no matching assignments.
Empty State Message: ‘No records available.'
Notification Column:
Submitted: Display ‘Submitted’ when student submits an assignment.
Commented: Display ‘Commented’ when student comments on a submitted assignment.
Date Picker: The date range selection shall offer a calendar pop-up, allowing users to select both start and end dates. The system should validate that the start date is not later than the end date.
Table Interactions: The 'Actions' column must have 'View' and 'Review' as clickable links that open the Review modal.
Workflow Description:
Initial Load: On page load, the 'Needs Review' table populates with all assignments requiring attention, sorted by the most recent date.
Applying Filters: Educators can apply filters to refine the list. The system updates the table in real time with each filter application.
Date Selection: Educators can pick date ranges to display assignments from a specific period. Upon selection, the table refreshes to show only assignments within that period.
Review Process: When an educator selects 'Review', a modal window opens, providing a structured form for assignment feedback. Upon submission, the system validates inputs and updates the assignment's action status to “View” to reflect completion of the review.
Responsive Feedback: The interface must respond to all interactions with appropriate feedback, such as confirmation messages after successful actions or visual cues during loading states.