List of Assignments

Overview

The Manage Assignments page allows educators to view, sort, and manage assignments for various grades, classrooms, subjects, students, and competencies.

Figma Link

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

Epic:

Feature 193776: Manage Assignment

User Story

As a RethinkEd user, I need to view the assigned SEL content to my student(s) so that I can assess the student and communicate with stakeholders about progress. 

UI Description

  1. Assignment Overview:

    • Header includes:

      • 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)

    • Displays the heading "Assignments" prominently at the top of the page.

    • Tab Navigation: Content, Students, Needs Review, Teachers

      • Content tab is default selection

    • Provides a search bar for filtering assignments.

    • Offers dropdown filters for Subject, Type, Grade, Classroom, Activity, Lessons, Tier, Domain, Topic, Last Assigned By, and Assigner Role.

      • Subject: SEL, Mental Health

      • Type: Video, Quiz, Resource, Interactive

        • ‘Resource’ displays in the column for a PDF instead of ‘PDF’

        • ‘Interactive’ displays in type column for an Interactive Worksheet.

      • Grade: Pre-K, Kindergarten, 1st Grade, 2nd Grade, 3rd Grade, 4th Grade, 5th Grade, 6th Grade, 7th Grade, 8th Grade, 9th Grade, 10th Grade, 11th Grade, 12th Grade, Not Applicable

      • Activity: Lists all activities available to filter by. Search bar should be included to find activities more easily.

      • Lessons: Lists all Lessons available to filter by. Search bar should be included to find Lessons more easily.

      • Tier: Tier 1, Tier 2, Tier 3

      • SEL Domain: Awareness of Self & Others, Self-Management, Social Skills, Social Awareness, Self-Care, Trauma

      • Mental Health Domain: Mental Wellness, Healthy Identities, Kindness to Animals, Online Safety, Anxiety, Depression, Substance Use Disorders, Reducing the Risk of Suicide, Preventing Violence, Human Trafficking, Trauma: Emotions, Trauma: Resilience, Trauma: Stress Management, Trauma: Support Systems

      • SEL Topic:

        • Awareness of Self & Others: Emotions, Growth Mindset, Learning Skills, Values, Wants & Needs, Self-Knowledge

        • Self-Management: Stress Management, Self-Control, Resilience, Problem Solving, Goal Setting, Focus

        • Social Skills: Respect, Relationships, Friendship, Fairness, Cooperation, Conflict Resolution

        • Social Awareness: Support Systems, Cultural Competence, Social Contributions, Safe & Ethical Behavior, Empathy, Actions & Consequences

        • Self-Care: Self-Efficacy, Self-Compassion, Self-Advocacy, Optimism, Mindfulness, Healthy Boundaries

        • Trauma: Emotions, Resilience, Stress Management, and Support Systems

      • Last Assigned By: List of All Team Members that have last assigned an assignment.

        • “Inactive Teacher” will display if the teacher has left the school.

      • Assigner Role:

        • User is able to filter by ‘Assigner Role’ to refine the table list to the filter value selected.

        • Default is all assigner roles in view: Student Self-Assigned, Teacher Assigned, and Admin Assigned

        • Filter Selection:

          • Student Self-Assigned Only

          • Teacher Assigned Only

    • Shows a date range picker for filtering assignments by the last assigned date.

  2. Date Range Selection:

    • A dropdown menu selection with calendar picker and dates display in input field as Month DD, YYYY (Example: Apr 10, 2023 - Apr 24, 2024)

    • Dropdown menu values next to calendar picker:

      • School Year

      • Last 7 days

      • Last 14 days

      • Last 30 days (default)

      • Last 90 days

      • Last 180 days

    • User can select a custom date range using the calendar picker.

  3. Assignment Table:

    • Lists assignments with columns for:

      • Title (Assignment Title),

      • Type,

      • Subject,

      • Grade (Grade Level of Content),

      • Complete,

      • Incomplete,

      • Activity (module),

      • Lesson,

      • Tier,

      • Domain,

      • Topic,

      • Last Assigned,

      • Last Assigned By

    • (Assignment) Title, Complete, Incomplete, Activity, Lesson, and Last Assigned By column content will be linked to navigate to the user to the more specific view.

    • Includes interactive elements such as sorting options for each column.

  4. Action Icons in Header:

    • Icons for “Create Assignment”, “Print”, and “Export”

  5. Pagination and Rows Per Page:

    • Features for adjusting the number of rows displayed per page and pagination controls for navigating between pages of assignments.

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. Sorting and Filtering:

    • Users can sort assignments by clicking on column headers and apply filters through dropdown menus or the search bar.

  3. Navigation:

    • Users can return to the Program Tools using the back navigation or navigate to other platform areas using the top navigation bar.

    • Users select “Create Assignment” icon to navigate to the Lesson Library to browse and assign Lessons and Modules.

  4. Assignment Complete or Incomplete:

    • Users can review assignment completion statistics by viewing the Completed and Not Completed columns.

  5. Date Range Selection:

    • Users can select a specific date range which will highlight the selection and filter the assignments accordingly.

  6. Admin Only Permission:

    • Only Admin users will have access to the Teachers tab in Manage Assignments.

    • Only Admin users will be able to click on a Teacher name in the Last Assigned by column to view the assignment details that the teacher has assigned.

    • The Teacher tab and teacher links will be hidden for all other roles.

  7. Table Link Interactions:

    • Clicking on an assignment title will navigate the user to the specific item assignment details page.

    • Clicking on the number in the ‘Complete’ column of an assignment row will navigate the user to the specific item assignment with the ‘Complete’ and ‘For Review’ filters pre-selected.

    • Clicking on the number in the ‘Incomplete’ column of an assignment row will navigate the user to the specific item assignment with the ‘Not Started’ and ‘In-Progress’ filters pre-selected.

    • Clicking on the Activity in the assignment row navigates the user to the Activity page where the resources/activities in the Activity (module) display both Assigned and Not Assigned in the date range selected.

    • Clicking on the Lesson in the assignment row navigates the user to the Lesson page where the resources/activities in the Lesson display both Assigned and Not Assigned in the date range selected.

    • Clicking on the teacher name in the assignment row under the Last Assigned By column navigates the user to the teacher page view. Only admin users can select the teacher link.

  8. Classroom Empty State:

    • If the user selects a classroom from the dropdown menu that does not have any students with assignments, the table results will display an empty state message: ‘No records available.’

    • The Assignment page layout will not change and will still display the headers, search bar, filters, and table column labels.

  9. Domain Filter:

    • If user does not select a subject (SEL or Mental Health) in the subject filter, the Domain filter will display both SEL and Mental Health Domains. The domain lists will be separated by an SEL label with the SEL domains listed and then a Mental Health label with the Mental Health domains listed.

    • If user selects SEL in Subject filter, only SEL Domains will display in Domain filter

    • If user selects Mental Health in Subject filter, only Mental Health Domains will display in Domain filter.

Workflow Description

  1. Viewing Assignments:

    • Educators access the Assignments management screen from the main dashboard or Program Tools to review current assignments.

  2. Applying Filters:

    • Filters are applied to locate assignments for specific subjects, types, grades, classrooms, tiers, domains, main topics, and who assigned the assignment.

  3. Managing Assignments:

    • Educators use action icons to create new assignments, print assignment details, or export assignment list.

  4. Reviewing Assignment Data:

    • Clicking on an assignment provides detailed data on the assignment content and students assigned to the content.

Conclusion

These requirements provide a comprehensive overview for enhancing the Manage Assignment page. By focusing on user experience, functionality, and technical considerations, we aim to create a feature that is easy to use, ultimately supporting educators in managing SEL and Mental Health assignments more effectively and track student progress.