Assignment Scope Viewer | Reorganize Student Center

We need to create a new screen that allows students to see all items associated with a lesson in one place

User Stories:

  • As a student, I want to see all items associated with a lesson in one place, so I can complete the full lesson

  • As a student, I want to know which items from a lesson I have already completed, so I know I do not need to complete those items

  • As a student, I want to know which items from a lesson are still due or are late, so I know that I need to complete those items

  • As a student, I want to know when items from a lesson are due, so I can prioritize

  • As a student, I want to know what lessons to work on next, so I can get ahead

Acceptance Criteria:

  • Given I am a student in grades Early Intervention, Pre-K, Kindergarten, 1, 2, 3, 4, or 5, I will see the younger student UI

  • Given I am NOT a student in grades Early Intervention, Pre-K, Kindergarten, 1, 2, 3, 4, or 5, I will see the older student UI

  • Given I am a student with access to more than 1 item for a given lesson, I will see this screen

  • Given I am a student WITHOUT access to more than 1 item for a given lesson, I will NOT see this screen

  • Given I am a student with access to more than 1 item for a given lesson, I will see all items listed on this screen

  • Given I am a student who has completed an item, I will see the Done flag

  • Given I am a student who has not yet completed an assigned item that has no due date, I will see the Due flag

  • Given I am a student who has not yet completed an assigned item that has a due date greater than or equal to today’s date, I will see the due date on the Due flag

  • Given I am a student who has not yet completed an assigned item that has a due date prior to today’s date, I will see the due date on the Late flag

  • Given I am a student who has access to a pre-loaded item that has not been completed or assigned, I will not see a flag on the lesson

  • Given I am a student who has completed all available items for a lesson (and nothing has been re-assigned), the lesson will be considered complete & I will see my recommendations

  • Given I am a student who has NOT completed all available items for a lesson (and nothing has been re-assigned), the lesson will be considered NOT complete & I will NOT see my recommendations

  • Given I am a student who has recommended lessons, I will see the next 3 non-complete lessons based on the sequence provided

  • Given I am a student who has completed all available lessons, I will see the no recommendations message

Younger Student UX: https://www.figma.com/file/gdwMnbpudJxuzVrORrOGvd/Ed-Member-Site-UX?node-id=9263%3A91199

Older Student UX: https://www.figma.com/file/gdwMnbpudJxuzVrORrOGvd/Ed-Member-Site-UX?node-id=8762%3A81554


General Concept

UI

  • On this screen, the students will see the video and any related assignments for a given lesson

 

 

  • Any item that the student already completed/submitted, will show the Done flag with the date it was last completed

  • Any item that is currently assigned but not completed, will show the Due or Late flag with the due date (if applicable)

  • Any item that is not assigned and has not been completed will not show a status flag or due date

  • If the student has completed all items for the lesson, we will show the recommended lessons

 

 

Business Rules

  • Students assigned to grades Early Intervention, Pre-K, Kindergarten, 1, 2, 3, 4, or 5 will see the younger UI version

  • Students NOT assigned to grades Early Intervention, Pre-K, Kindergarten, 1, 2, 3, 4, or 5 will see the older UI version

  • We will show all available items for a given lesson on this screen. This means that we will show any pre-loaded AND assigned items from the lesson here. Each item will only show once.

  • Items that have been completed by the student and have not yet been reassigned to the student will show the Done flag

  • Items that are assigned but have not yet been completed and have a due date greater than or equal to today’s date will show the Due flag

  • Items that are assigned but have not yet been completed and have no due date will show the Due flag

  • Items that are assigned but have not yet been completed and have a due date prior to today’s date will show the Late flag

  • A lesson is considered complete when all available items have been completed/submitted.

  • A lesson is considered non-complete when at least 1 available item associated with the lesson has not been completed/submitted.

  • Recommended lessons will show up to 3 other non-complete lessons. We should list the next 3 non-complete lessons that fall after the current domain based on this list:

    • SEL

      • Self-Knowledge

      • Emotions

      • Values

      • Wants and Needs

      • Learning Skills

      • Growth Mindset

      • Self-Control

      • Stress Management

      • Focus

      • Problem Solving

      • Goal Setting

      • Resilience

      • Fairness

      • Respect

      • Friendship

      • Relationships

      • Cooperation

      • Conflict Resolution

      • Cultural Competence

      • Empathy

      • Safe and Ethical Behavior

      • Support Systems

      • Social Contributions

      • Actions & Consequences

      • Mindfulness

      • Self-Efficacy

      • Optimism

      • Self-Compassion

      • Self-Advocacy

      • Health Boundaries

    • Mental Health

      • Anxiety

      • Depression

      • Substance Use Disorders

      • Trauma

      • Reducing Risk of Suicide

      • Human Trafficking

      • Additional Domains as they become available should follow same order as lesson library

    • If all available items from all available lessons are complete, we will show the no recommendations screen.


No Video Available

UI

  • In the instance that an assignment exists, but no video is available, all assignment items will be centered

 

 

Business Rules

  • If an interactive activity, non-interactive activity, resource, or quiz is available for the student but the learn video is not, we will show this view

 

Two Videos Assigned

Design

  • When two videos are assigned, the learn video will always show first in the younger and older UI and then the second video

  • The Practice What you Learned will always show next with the assignments in the Practice, Dive Deeper, quiz order discussed earlier

  • The Assignment viewer will also be affected by two videos being assigned. When the user clicks on the Video button, they will be able to select which video they would like to view and then the video viewer will open.

  • In the younger UI the students will click on the video thumbnails to access the video in the video viewer while the older students will select Video 1 (learn video) or video 2

 

Business Rules

  • Two or more videos can be assigned

  • When two videos are assigned, the video thumbnails build sequentially from left to right

  • The first video is always the Learn video

  • Younger UI Assignment Viewer thumbnail section box should open upon click and remain open until selection. Students should not have to hold down on the video button to keep it open to select.