Overview
This is the creation process in setting up a Check-In/Check-Out (CICO) tool for a student, designed to monitor target behaviors goals. Users must define the behaviors for tracking, either from the behavior bank Behavior Goal-Intervention Bank or by creating new behaviors. Additionally, the user can interact with action buttons to print data sheets, record or view data, and manage the status of the toolcustom behaviors.
Figma
https://www.figma.com/design/6tpmUIqjsH6mk6mQ7ifeEG/Checkin-Checkout?node-id=5651192-341012926&t=gJPaYfTKwQee8kBYQk1rkwke7HbsrkJ1-1
Feature
Feature 224933: Create/Edit | Check In Check Out
User Story
As a user, I need to create a Check-In/Check-Out tool for a student by selecting or entering target behaviorsbehavior goals, so that I can effectively track and manage the student's progress on the defined behaviors.
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 (current step)
Data Settings pill container
...
Modal Header: ‘Browse Behavior Goals’
Search Bar
User can search by goal text to refine the behavior goals table search.
Kendo Search Bar component with the ability to delete text entered by selecting the 'X' that displays once text is entered in the search bar.
Table Header: ‘Goals’
Goal List:
Display list of all active Behavior Goals populated from the Behavior Tab of the Admin Goal-Intervention Bank Settings.
Hover State: Display light blue/grey hover state when user hovers over a goal in the list.
Select Goal: User selects a Behavior Goal in the list and automatically navigates to the ‘Added Goals’ modal screen.
Pagination:
Display Kendo Pagination Component for the table and include all functionality.
Create Custom Goal Button:
Create Custom Goal Button Selected: Display ‘Create Custom Goal’ modal screen
Create Custom Goal Modal Screen:
Header: ‘Create Custom Goal’
Input Field Label: ‘Goal Text’
Text Area Input Field: User enters custom text description. The input field will expand to fit the text for longer text entries.
‘Select Goal From List’ Button: Returns user to ‘Browse Behavior Goals’ modal screen.
Close ( X ): Closes the create modal screens and returns the user to the main screen they are viewing on the EDU Platform.
‘Next’ button: Navigates user to the ‘Added Goals’ modal screen.
Validation Warning: Display label and input field in red validation warning when the user has not entered text in the goal text input field and selects the ‘Next’ button.
Behaviors Screen:
Users must enter at least one target behavior and has the option to enter up to three target behaviors.
Display dropdown menu input fields with labels
Target Behavior #1
Required Field
Add Target Behavior Button: User selects ‘Add Target Behavior’ button to add additional Target Behavior and Description input fields. The button is hidden when the user has three target behavior and description input fields displayed on the screen. User can remove addition fields by selecting the ‘Delete’ icon.
Target Behavior #2 (Optional)
Optional Field
Target Behavior #3 (Optional)
Optional Field
Dropdown menu input field values:
Search bar at the top of the dropdown menu to search for behaviors
For each target behavior, a dropdown allows the user to select from the existing behavior bank or choose "Other" to enter a new behavior.
Behaviors included in the Student Behavior Bank and Admin Settings Behavior Bank
Custom input field displays as text input field with ‘Other’ as placeholder text that the user types over.
Behavior descriptions are text fields where users can describe the behavior being tracked.
Required fields that display to the right of each ‘Target Behavior’ dropdown menu selection
Labels for text area fields: ‘Behavior Description’
Support multiple lines of text.
Continue Button:
User
...
Validation Warning Errors display on input field labels and containers if the user does not enter details in the required fields.
...
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.
Delete:
Displays instead of Change Status button during tool creation, just like Behavior Tracking setup
Deletes the CICO tool and returns the user to the Student Dashboard > Behavior Support > CICO screen
...
Discussion Panel:
User will be able to add team members or admin to the discussion and send discussion messages. (Utilize Existing Discussion Panel functionality)
...
Interaction and Validation Notes
Behavior Setup:
The user must define at least one behavior for the CICO tool to progress.
Selecting ‘Other’ ‘Create Custom Goal’ in the Target Behavior dropdown menu Browse Behavior Goals modal screen allows the user to enter a new custom behavior goal. This new The custom behavior is automatically added to the student’s behavior goal bank once the form is submitted.
The user should be able to add up to three Target Behavior input fields and Description input fields using the ‘Add Target Behavior’ button. Behavior Goals using the Browse Behavior Goals modal screen
The user should be able to remove Target Behavior #2 and/or Target Behavior #3 any added behavior goal by selecting the ‘Delete’ icon in the ‘Added Goals' modal screen.
Data Entry Validation:
All required fields must be completed for the user to proceed.
If the user attempts to continue without completing the required fields, validation error messages will prompt the completion of the missing fields.
Target Behavior ValidationGoal Text (Custom Goal): Input field label turns red, container is red, helper text below field: ‘Behavior Required’.
Behavior Description Validation: Input field label turns red, container is red, helper text below field: ‘Description Required’
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
Delete (during creation):
Verify that when the user is on the Behaviors screen of the Create Check-In/Check-Out tool, the 'Delete' button displays in the header and is active.
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 Behaviors screen of the Create Check-In/Check-Out tool
Delete: Deletes the tool and returns user to the Student Dashboard > Behavior Support > Check-In/Check-Out screen.
‘Goal Text Required’.
Workflow Description
The user navigates to the "Create Check-In/Check-Out Tool" screen, sees the student’s name, and starts entering behaviorswhich opens on the ‘Browse Behavior Goals’ modal screen.
The user must define select at least one target behavior and its descriptiongoal. If the user selects "OtherCreate Custom Goal," they can input a new custom behavior, which gets added to the student’s behavior goal bank.
Once behaviors are entered, the user can proceed by clicking the "Continue" button.If any required fields are missing, the user is alerted and prompted to complete them before continuingselects a goal from the Behavior Goal list or creates a custom Behavior Goal, they will navigate to the ‘Added Goals’ modal screen.