Overview
The ‘Done’ screen in the “Create Check-In, Check-Out Tool” notifies the user that the setup process is complete. The user is shown a success message indicating that the tool is ready to use, along with options for entering or printing data.
Figma
Feature
Project 223101: MTSS | Check In/Check Out
User Story
As a user, I want a clear confirmation screen after setting up the Check-In/Check-Out tool so that I can immediately start tracking student progress and access relevant data tools.
UI Description
Page Heading: "Create Check-In, Check-Out Tool"
Student Name Display: The student's first and last name is shown below the heading to ensure the user knows which student they are configuring the tool for.
Step Indicator:
Current Step displays as dark grey in the indicator. The indicator displays the other step as light grey.
Behaviors pill container
Data Settings pill container (current step)
Step Tracker: The step tracker displays the user’s progress across three steps: Collection, Goals & Mastery, Done. This guides the user through the data settings process.
‘Collection’, ‘Goals & Mastery’, and ‘Done’ display in RethinkEd primary blue with a checkmark in the step circle
Success Message: ‘Success! You are ready to start tracking Check-In, Check-Out.'
Description body text:
Line 1: If you have data to enter now, you can ‘Record Data’.
‘Record Data’ is a link that navigates the user to the Data Express CICO page to record data for the CICO tool.
Line 2: If you need a physical sheet for your student, you can Print a Data Sheet.
‘Print a Data Sheet’ is a link that opens a modal for the user to print a data sheet – a blank template or pre-filled template from the created CICO tool.
Navigation Buttons:
Back Button: Navigates back to the Goals & Mastery page.
Close Button: Navigates the user to the Student Dashboard > Behavior Support > Check In Check Out screen.
Action Buttons:
Print Data Sheets: Opens a modal to print either blank or pre-filled data sheets.
Record Data: Takes the user to the Data Express CICO page to enter student data.
View Data: Navigates user to Data Express > View Data and displays the recorded data for the student.
Change Status: Allows the user to change the status of the CICO tool
Archive
Delete
Make Active (Only if tool is in Mastered or Archived Status)
Discussion Panel:
User will be able to add team members or admin to the discussion and send discussion messages. (Utilize Existing Discussion Panel functionality)
User Interaction and Validation Notes
Record Data Link: The ‘Record Data’ link in the description body text should be clickable and must navigate the user to Data Express > CICO tab with the specific CICO tool selected and displayed on the screen.
Print Data Sheet Link: The ‘Print Data Sheet’ link in the description body text should open the Print Data Sheet modal when selected, allowing the user to print either a blank template or pre-filled template for the CICO data sheet.
Navigation Buttons:
The "Back" button takes the user to the previous screen. If the user has not yet recorded data for the ‘Active’ CICO Tool, they should be able to make changes/edits to the input fields.
The "Close" button will exit to the student dashboard.
Action Buttons:
Print Data Sheets:
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 for a Check-In/Check-Out tool in Active, Mastered, or Archived statuses.
Verify that the 'Print Data Sheets' button is inactive for a Check-In/Check-Out tool in Draft Status.
Record Data:
Verify that the 'Record Data' button is active 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 for a Check-In/Check-Out tool in the statuses: Draft, Mastered, Archived
View Data:
Verify that the 'View Data' button is inactive 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 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:
Change Status button options when Check-In/Check-Out tool is Active or Draft Status:
Header: 'Status Change'
Description: 'Please select status'
Radio button options:
Archive (Labels tool as Archived status)
Delete (Permanently removes the Check-In/Check-Out tool from the platform)
Change Status button options when Check-In/Check-Out tool is Archived Status:
Header: 'Status Change'
Description: 'Please select status'
Radio button options:
Delete (Permanently removes the Check-In/Check-Out tool from the platform)
Make Active (Labels the tool as 'Active' and user is able to record data and view data)
Change Status button options when Check-In/Check-Out tool is Mastered Status:
Header: 'Status Change'
Description: 'Please select status'
Radio button options:
Archive (Labels tool as Archived status)
Delete (Permanently removes the Check-In/Check-Out tool from the platform)
Make Active (Labels the tool as 'Active' and user is able to record data and view data)
Workflow Description
Step 1 (Behaviors Screen): The user begins setting up a Check-In, Check-Out tool by defining the student’s behaviors for CICO tracking. Once behaviors are set, the user clicks “Continue” to proceed to the Collection Settings screen (Step 2).
Step 2 (Collection Settings Screen):
The user selects a score range (e.g., 0–2 or 1–3).
The user selects the number of time periods (1–15) they wish to track.
For each time period, the user enters a label (e.g., Math, Lunch, etc.).
The user can go back to the previous screen by selecting “Back.”
The user can save their progress and exit by selecting “Save & Exit,” which stores the tool as a draft and navigates back to the student dashboard.
After inputting all required settings, the user clicks “Continue” to move to the next screen, where they will set "Goals & Mastery" (Step 3).
Step 3 (Goals & Mastery Screen): The user continues to configure the tool by setting a daily goal, weekly goal, and mastery criteria for the CICO tool.
Step 4 (Done): The user navigates to the ‘Done’ screen and views the success message that confirms the CICO setup is complete. The screen allows users to Record Data or Print Data Sheets.