Students Tab | Assignments

Overview

The Student Assignments Overview feature is an enhancement to the current Assignments page in the RethinkEd platform. This feature will offer an improved interface and functionality for educators to monitor and review the assignment completion status of their students effectively.

Figma

https://www.figma.com/file/O0FDJoUbCHKQGlk3Wqq9ND/Teacher-UI?type=design&node-id=659%3A10884&mode=design&t=8tSBnP5kKWygQifG-1

Epic

Epic 193776: Manage Assignment

User Story

As a teacher or admin, I want to be able to filter and search for students by name or grade level easily so that I can monitor the progress of their assignments.

UI Description

  1. Assignments Page > Student Tab: Located at the top, highlighting the 'Students' tab to show the current view.

  2. Search Bar: Positioned at the top of the student list to search by student names or grades.

  3. Grade Filter Dropdown: Below the search bar, allowing teachers to filter the list by specific student grades.

  4. Student Table List:

    • Student Name Column: Displays the full name of the student.

    • Grade Column: Shows the grade level of the student.

    • Assignment Status Columns: Displays the count of assignments that are Complete, For Review, In Progress, and Not Started.

    • Each count is a hyperlink that navigates to the Individual Student view, with the status filtered according to the selection.

User Interaction and Validation Notes

  1. 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.

  2. Searching: When a user enters text in the search bar, the table list should dynamically update to show matching results.

  3. Filtering by Grade: Selecting a grade from the dropdown will filter the student list accordingly. The table should update without page reload.

  4. Navigation Links: Clicking on any count in the assignment status columns will take the user to the corresponding filtered view of the Individual Student page.

  5. Validation: Invalid searches should return a user-friendly error message.

Workflow Description

  1. Accessing the Page: The user selects the 'Assignments' page and then the 'Students' sub-tab.

  2. Searching for Students:

    • The user can type a student's name or a grade level in the search bar.

    • As the user types, the table filters the results in real-time.

  3. Filtering by Grade:

    • The user clicks on the grade filter dropdown.

    • Upon selection, the student list updates to display only students from the selected grade.

  4. Reviewing Assignment Status:

    • The user reviews the counts in the status columns for each student.

    • Clicking on a count takes the user to the Individual Student view, with a list of assignments that match the selected status.

  5. Returning to the Full List: The user can return to the full list of students by clearing the search input or selecting the default option in the grade filter.