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
Feature 224933: Create/Edit | 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:
The discussion panel to the right side of the screen, allows users to type messages and communicate with added team members.
The discussion panel should include a text area input field that expands as the user types and a 'Send' button for messaging.
Team members added to the discussion will receive a ‘Discussion’ inbox notification.
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.