We will create an assignment viewer in Assignments to view and interact with the assignments
User Stories:
As a student, I want to know how to view reference the learn video , reset, save, submit my interactive assignmentsas I am completing an assignment from that same lesson, so that I can review the concepts I need to understand to complete the assignment
As a younger student, I want to know how to view my resources and refer to them whenever I need themAs a student, I want to be able to easily read and complete my assignmentsee a more colorful UX with simpler language, so I can better understand what I need to do
Acceptance Criteria:
Given I am a student in grades Early Intervention, Pre-K, Kindergarten, 1, 2, 3, 4, or 25, 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 25, I will see the older student UI
Given I am a student and I have selected the assignment card for an interactive worksheet that I have not completed from the Today, Later, or Done Sectionviewing an SEL or Mental Health interactive activity, non-interactive activity, or quiz, I will see the same assignment in the assignment viewerVideo button
Given I am a student viewing my interactive worksheet in the assignment viewerhave clicked the Video button, I will see options to save, reset or Done (younger) /Submit (older)Given I am a student viewing my interactive worksheet or resource in the assignment viewer, I will see option to view the video from be taken to the video player screen for the learn video associated with the same lesson as the assignment and when clicked, opens the video vieweractivity/quiz
Given I am a student viewing my resource in the assignment viewerhave not yet submitted this video to my teacher, I will see the option to Go back to the section where the assignment card for the same assignment lives or the video and assignments thumbnail views depending on how I arrived at the assignment viewer
Given I am a student viewing my resource in the assignment viewer, I will see and use the necessary features like zoom currently included in our current assignment viewer
Given I am a student viewing my interactive worksheet in the assignment viewer, I will see and be able to use the necessary tools currently included with each specific assignment slightly enhanced for the younger UI
Given I am a student viewing my resource or interactive worksheet in the assignment viewer, I will see a right arrow to be able to access the next pages and a left arrow to return to the last pages visited in order
Given I am a student viewing my resource or interactive worksheet in the assignment viewer, I will NOT see a right or left arrow if there is only one sheet to the resource or worksheettell my teacher I’m done. Clicking this button will return me to the activity
Given I have submitted this video to my teacher, I will see the done button. Clicking this button will return me to the activity/quiz
Given I have clicked the back button on the video player, I will return to the activity/quiz
Younger Design: https://www.figma.com/file/gdwMnbpudJxuzVrORrOGvd/Ed-Member-Site-UX?node-id=9246%3A90911
Older Design: https://www.figma.com/file/gdwMnbpudJxuzVrORrOGvd/Ed-Member-Site-UX?node-id=8944%3A88167
General Concept
UI
Once the student selects an assignment card with a resource or interactive worksheet from the Overdue, Today, and Later sections or from the Lesson scope thumbnail views, they will see the same activity displayed in the assignment viewer
The Go back button will return the students to the section or location where they clicked on the assignment whether that is the Overdue, Today, or Later areas or the lesson scope areas
The title in the top left hand corner will correspond with the tagged subtitle for the interactive worksheet
The right arrow will only show if there are 2 or more pages to the worksheet and the left arrow will only show when their are previous pages to access
Business Rules
Interactive Worksheets
UI
Interactive worksheets in the assignment viewer will include all tools needed to complete a given assignment whether an assignment calls for a pointer, brush, eraser, etc.
We will provide access to the video associated with the given assignment via the Video button which activates the video viewer and easily returns student back to their work in progress. Whether the students save or not before viewing the video, their work will remain in the state it was in prior to watching the videoStudents assigned to gradesEarly 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
Students will have the option to view the Videos associated with the interactive worksheets, non-interactive resources, and quizzes and then return to the same assignment viewer upon completion
Video
UI
We will add a video button to the upper nav.
If the student clicks on the video button, they will be taken to the video player. From here, the student can watch the video just as they do elsewhere. Upon completion of the video, the student will either see the tell my teacher I’m done message or the you already submitted this message.
If the student clicks the “Tell my teacher I’m done” or “Done” button, they will return to the activity
If the student clicks the back button, they will be taken back to the activity
Business Rules
If the student clicks on the video button, they will be taken to the Learn video for that same lesson. For example, if I am viewing the Tier 1 & 2 Grade 3 Emotions Practice 1 activity, I will be taken to the Tier 1 & 2 Grade 3 Emotions Learn video.
If I am viewing the video & have already submitted it to my teacher (and it has not been reassigned to me - i.e. it is not due), I will see the message telling me that I already submitted the video assignment.
If I am viewing the video & have not yet submitted it to my teacher, I will see the message asking me to tell my teacher I’m done.
Save
UI
The save button will show a success message once their work has been saved
The reset button will erase all work and the undo button will return the work lost during the work session
The Done/ Submit button will initiate a confirmation message to check that students want to send the work to their teacher
Business Rules
Resources
UI
Resources in the assignment viewer will include all features currently provided like Zoom in, zoom out, download, etc
We will provide access to the video associated with the given resource via the Video button which activates the video viewer and easily returns students back to the resource
The Title at the top left hand corner will be Practice, Practice 1, or Practice 2 corresponding to subtitle tagged to the resource
.png?version=2&modificationDate=1628198637311&cacheVersion=1&api=v2)
.
Business Rules
No change to business rules. Just adding a success message.
Done/Submit
UI
Once student click done/submit, a confirmation message deploy checking whether they are ready to send the assignment to their teacher. If they select no, the confirmation message will close leaving them on the interactive worksheet screen. No change for older students, but we will update the UI for younger students.
If the student selects Yes to send it to their teacher, they will be taken to the View Completed Assignment screen, which will work just as it does now.
The feedback/message panel will also be updated for younger students. Functionality will not change. This is a design update only.
.png?version=1&modificationDate=1628262291388&cacheVersion=1&api=v2)
Business Rules
No change to business rules. Just a design update for younger students version.