Check-In/Check-Out Report | Classroom Reports | Behavior | Check-In/Check-Out | MTSS & Behavior

Overview

The Check-In/Check-Out classroom report displays in the Classroom Behavior Reports screen of the RethinkEd platform. This tab allows admin and educators to manage and track the status and details of CICO tools assigned to students in a classroom. It provides an overview of CICO tools, displays relevant data points, and offers options to create new tools or record data for existing ones.

Figma

https://www.figma.com/design/6tpmUIqjsH6mk6mQ7ifeEG/Checkin-Checkout?node-id=1053-11321&t=benAuTEFI5yZpVZO-1

Feature

Feature 194965: Classroom | Check In Check Out

User Story

As a user, I want to view and manage the Check-In/Check-Out tools for my classroom so that I can track behavior goals, monitor student progress, and update records efficiently.

UI Description

  • Date Range Selection:

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

    • Default Selection: Last 30 Days

    • Upon opening date picker component, pre-set date selection values display 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.

  • Create New Tool button

    • Selection Pop-up Modal Displays:

      • Header: Create Check-In, Check-Out

      • Body Text: ‘For which student are you creating the tool?’

      • Dropdown selection for ‘Select Student’:

        • Search bar at the top of the dropdown menu to search for student first or last name.

        • Displays list of all students in the selected Classroom.

        • Cancel button: Navigates user to the screen they were viewing.

        • Create button: Navigates user to the Create CICO Tool modal screens, starting on the ‘Browse Behavior Goals’ modal screen with the student pre-selected.

  • Record Data button

    • Selection Pop-up Modal Displays:

      • Header: Record Data Check-In, Check-Out

      • Body Text: ‘For which student are you recording data?’

      • Dropdown selection for ‘Select Student’:

        • Search bar at the top of the dropdown menu to search for student first or last name.

        • Displays list of all students in the selected Classroom.

        • Cancel button: Navigates user to the screen they were viewing.

        • Record button: Navigates user to the Data Express > CICO tab for the selected student

  • Tool Tracker

    • Header Title: Displays the total number of Check-In/Check-Out tools assigned to students in the classroom, including all statuses (Active, Draft, Archived, Mastered)

      • Display Format: ‘# Check-In/Check-Out Tools’

    • Tool Tracker Bar: Displays horizontal bar that indicates the percentage of students in the classroom who have an active Check-In/Check-Out tool.

    • Percentage and Count Description: Displays the percentage of students in the classroom and the exact number of students in the classroom with an Active Check-In/Check-Out tool.

      • Empty State: ‘0% of students (0) have active Check-In/Check-Out tools'

  • Table:

    • Table columns will display in this order:

      • Student: Displays first name and last name of student.

      • Tools: Displays the number of Check-In/Check-Out tools that the student has, the total including CICO tools in all statuses (Active, Archive, Draft, Mastered)

      • Mastered: Indicates the number of CICO tools mastered by the student

      • Days Recorded: Displays the total number of days with recorded data for the student

      • Last Recorded: Displays the date when data was last recorded for the student Check-In/Check-Out tool(s).

    • Arrow Icon: Display arrow icon aligned right on the table to expand or collapse the student row to view additional details about the student Check-In/Check-Out tools.

      • Default view is a closed student row

    • Default Row Display:

      • Default: Each row displays student name, number of CICO tools, number of mastered tools, days of recorded data, and the last recorded data date.

    • Expanded Row Display:

      • Description: Display each Check-In/Check-Out tool for the student in the expanded row.

      • Display: ‘Goals: List Each Behavior Goal added to the CICO Tool’

        • Check-In/Check-Out Tools with 2-3 Behavior Goals added will have the behaviors listed and separated by a comma

      • Status Chip: Display Status of the Check-In/Check-Out tool.

        • Active, Archived, Draft, Mastered

      • Actions: Display Action buttons and kebab menu options (See Description Below).

  • Actions:

    • Display ‘View Data' button in Actions column when at least one data entry has been recorded for the Check-In/Check-Out tool

      • This logic applies to statuses: Active, Mastered, Archived

    • Display ‘Record’ button in the Actions column for a Check-In/Check-Out tool in ‘Active’ status

      • Record opens the Data Express > CICO tab with the specific CICO tool displayed on the screen

    • Display kebab menu with options:

      • Manage Tool

        • Opens the Create Check-In/Check-Out modals for the selected tool and display all Goal, Collection, and Mastery details

      • Print Data Sheet

      • Change Status

        • Opens Change Status Modal with the options to change status to: Active, Draft, Archived, Mastered

        • Default Selection is the Status of the selected Check-In/Check-Out tool.

      • Delete

        • Displays warning confirmation message

  • Print Icon in Header:

    • Display Print icon in header toolbar. Upon selecting the print icon, a PDF print version of the table will generate, including any filters that are applied to the table.

      • Title: Check-In, Check-Out

      • Classroom Name

      • Date Range

      • Filters Applied

      • Table Details

    • ‘Action’ column can be hidden from Print version of the table.

  • Export Icon in Header:

    • User selects ‘Export to Excel’ or ‘Export to CSV’ and the export file is generated.

      • Export includes the table details: Student Name, Grade, Behavior(s), Date Created, Last Data Recorded Date, Created By, and Status

        • Table headers are the column titles

        • Table details are populated in the rows

  • Empty State:

    • Display image graphic (This is not the final image. The image will be updated)

    • Heading: "Check-In/Check-Out Tool"

    • Body Message: 'To begin, start by creating your first tool for a student.'

    • Create New Tool Button: Opens to modal to select student in the classroom and then displays Create Check-In/Check-Out Modals, landing on the Browse Behavior Goals modal screen. 

User Interaction and Validation Notes

  • Tool Tracker:

    • Verify that a student with more than one active CICO tool is only counted once in the percentage and number calculation.

    • Verify that the tool tracker bar, percentage, and student number display is updated based on the data from the selected classroom’s Check-In/Check-Out Tools.

    • Verify that the total number of check-in/check-out tools display in the header title, including all statuses (Active, Archived, Draft, Mastered)

    • Verify that an empty state description displays when there are no active Check-In/Check-Out tools in the classroom and the tool tracker bar is empty: ‘0% of students (0) have active Check-In/Check-Out tools'

  • Student Table Column: Verify that the Student Names are listed in Alphabetical (ABC) order.

  • Arrow Icon: Verify that the arrow icon aligned right for each row allows the user to expand and collapse the student row to reveal or hide the CICO tool details.

  • Kebab Menu Actions: Each action will open the corresponding related pop-up modals or navigate the user to the correct screen.

    • Manage Tool:

      • Opens the Create Check-In/Check-Out modals for the selected tool and display all Goal, Collection, and Mastery details

    • Print Data Sheets https://rethinkautism.atlassian.net/l/cp/MkCbprYZ :

      • Verify that the default selection is ‘Select’ with the specific Check-In/Check-Out tool pre-selected when the user selects ‘Print Data Sheet’ in the kebab menu for a specific Check-In/Check-Out tool in the table.

      • Verify that the user can open the 'Create Data Sheets' modal to print either blank or pre-filled data sheets and the number of pages to print.

      • Verify that the 'Print Data Sheets' button is active and displays for a Check-In/Check-Out tool in Active, Mastered, or Archived statuses. 

      • Verify that the 'Print Data Sheets' button is inactive (hidden) for a Check-In/Check-Out tool in Draft Status. 

    • Record Data:

      • Verify that the 'Record Data' button is active and displays for a Check-In/Check-Out Tool that is in Active Status

      • Verify that the 'Record Data' button on an Active status Check-In/Check-Out tool navigates the user to Data Express on the Check-In/Check-Out tab with the specific Check-In/Check-Out tool displayed on the screen. 

      • Verify that the 'Record Data' button is inactive (hidden) for a Check-In/Check-Out tool in the statuses: Draft, Mastered, Archived

    • View Data:

      • Verify that the 'View Data' button is inactive (hidden) until at least one data entry is recorded for the Check-In/Check-Out tool 

        • This logic applies to all statuses: Draft, Active, Mastered, Archived

      • Verify that the 'View Data' button is active and displays when at least one data entry has been recorded for the Check-In/Check-Out tool

        • This logic applies to statuses: Active, Mastered, Archived

    • Change Status:

      • Radio button is pre-filled with the status of the selected Check-In/Check-Out tool status.

      • User selects a status and ‘Save’ to confirm the change of status. The status will update in all locations for the specific Check-In/Check-Out tool.

        • Header: 'Change Status'

        • Radio button options:

          • Active

          • Draft

          • Archive

          • Mastered

            • Inactive Option until the Tool has been Mastered

            • Active as an option if the Check-In/Check-Out tool has been ‘Mastered’ status at some time.

    • Delete:

      • Verify that upon selecting the 'Delete' button, the warning confirmation pop-up displays to the user:

        • Heading: 'Delete Tool?'

        • Description Text: 'This action cannot be undone.'

        • Cancel: Cancels the action and returns the user to the screen they were viewing.

        • Delete: Deletes the tool and returns user to the screen they were viewing.

  • Date Picker Component:

    • Verify that the updated Date picker with the Kendo Component is utilized for date selections.

    • Verify that the Date picker includes both ‘Date Created' and ‘Last Data Recorded’ dates and displays the Check-In/Check-Out tools with either date in the range.

  • Back Navigation: The back navigation on the Classroom Check-In, Check-Out screen should navigate the user to the previous screen they were viewing.

  • Print Icon: Print will generate a PDF Print Version of the table including the filters that have been applied.

  • Empty State:

    • Verify that the empty state displays when classroom does not have Check-In/Check-Out tools for students in any status.

    • Verify that the ‘Check-In/Check-Out’ header with the ‘Record Data’ and ‘Create New Tool’ buttons, Export Button, and Print Button, are all hidden from the screen in the empty state.

Workflow Description

  1. User navigates to ‘Classrooms’ from the top navigation bar and selects a classroom to view.

  2. The user selects ‘Reports’ from the left side bar navigation in the Classroom view.

  3. The user selects ‘Behavior’ and the ‘Check-In, Check-Out tab’ to view the classroom CICO details.

  4. The user selects ‘CICO’ from the behavior tool tabs.

  5. The user will view the CICO Tools for students in the classroom and will be able to take action on a tool: View, Record Data, Create CICO.