...
Date Selection Interface:
Calendar Picker
Description: Presents a calendar interface for users to pick a start and end date for the assignment.
Highlights selected dates in blue for visual confirmation
Input field displays the chosen start and end dates
Customize Date Ranges for Content
Description: Disables the date range calendar picker and shows the pre-defined date range from the field next to each assignable resource or activity
User selects date range for an assignable resource or activity and a calendar interface shows for users to pick a start and end date for the assignment.
Lesson Items Selection:
Allows users to select or deselect individual items to be included in the assignment.
Lesson information can be expanded or collapsed to show detailed items or only the lesson title, grade(s), and subject.
Resource or Activity Preview:
All resources and activities will be links that open a preview modal upon selecting the resource or activity.
Assign To
Description: The Classroom and Student dropdown menus are disabled because the user selects ‘Reassign’ button in bottom left page corner or in the ‘Action’ column of a table row in a specific content view or specific student view
Input Type: Dropdown Menu; disabled with the classroom or student pre-selected from the main page the user was viewing in manage assignments.
Student Selection:
Description: A designated area within the modal that enables users to select one or more students for the assignment.
Type of Input: Checkbox
‘Reassign’ selected in ‘Action’ column of a table row will open the Assign modal with only the specific student pre-selected and available in the assign list.
‘Reassign’ button selected in bottom left page corner will open Assign modal with students that have an assignment status as ‘Complete’.
Language Selection
Description: Allows the user to select the language the assignment will show in the student center for each assigned student
Type of Input: Dropdown menu
Dropdown Values:
Student Default Language
English
Spanish
Confirmation Message:
Lottie File Animation: Left aligned lottie file animation. This is used in the Vizzle confirmation modals.
Header: Assignment Sent!
Date: Date(s) of the assignment
If custom dates are selected display ‘Custom’
Students: Number of students the content was assigned to
Items: Content titles that were assigned from students.
User Interaction and Validation Notes
Modal Initiation:
User interaction begins when the "Reassign" button is clicked, and a version of the assign modal appears on the screen.
Item Selection:
Users can check or uncheck items to include in the assignment. A validation check ensures at least one item is selected before assignment.
Resource or Activity Preview:
User selects link of Resource or Activity in the list and the preview modal opens to display the resource/activity.
Student Selection:
Users can select students individually by classroom(s) or individual student view. The interface should validate that at least one student is selected.
Users can select or deselect all student in the list for classroom(s), individual by using the checkbox with the student total above the list of students.
If user deselects a student from the list of students, the checkbox for select all will be unchecked
Language Selection:
The default setting is “Student Default Language” which shows the default language for each student in the list of students
The user can change the language for a specific student for this specific assignment that would override the default student language
Users can select English or Spanish in the language selection to set the language for the assignment for all students.
Date Selection:
Users set the assignment duration using the calendar tool, and the system validates that the end date is after the start date.
Users can customize the date ranges for each selected resource or activity by clicking on the date range which will open a calendar to select a start and end date.
A resource or activity that is unchecked (deselected) will not have a date range and will show as “N/A”.
Assign To Defaults:
Educator: The first time the educator opens an assign modal, the default will be Classroom with the first Classroom in the list selected and all students pre-selected. After the first time, the default selection will show the last input by the educator.
Example: Educator selected students and the list of all pre-selected students will show. Educator selected Classroom and one or more classrooms and these will be pre-selected with the students shown below.
- Admin: The admin default will be All buildings, Grade, and the grades for the assigned building(s) pre-selected. The list of students will also be pre-selected below the selection
.
Assigning and Canceling:
The user commits the assignment by clicking the "Assign" button or cancels the operation by clicking the "Cancel" button.
...