...
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
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 selects ‘Continue’ button to proceed to the next screen of the CICO tool creation process.
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.
Inactive until CICO tool is creation is complete and tool is in Active Status
Record Data: Takes the user to the Data Express CICO page to enter student data.
Inactive until CICO tool is creation is complete and tool is in Active Status
View Data: Navigates user to Data Express > View Data and displays the recorded data for the student.
Inactive until CICO tool is creation is complete and tool is in Active Status
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
Change Status (Displays when user reaches ‘Done’ screen or when viewing an ‘Active’ CICO tool): Allows the user to change the status of the CICO tool
Archive
Delete
Make Active (Only if tool is in 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)
...