Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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

...