Behavior Goals | Create Check-In, Check-Out | MTSS & Behavior

Owned by Mary DelPiano
Last updated: Oct 18, 2024
4 min read

Overview

This is the creation process in setting up a Check-In/Check-Out (CICO) tool for a student, designed to monitor behaviors goals. Users must define the behaviors for tracking, either from the Behavior Goal-Intervention Bank or by creating custom behaviors.

Figma

https://www.figma.com/design/6tpmUIqjsH6mk6mQ7ifeEG/Checkin-Checkout?node-id=1192-12926&t=Qk1rkwke7HbsrkJ1-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 behavior goals, so that I can effectively track and manage the student's progress on the defined behaviors.

UI Description

  1. Modal Header: ‘Browse Behavior Goals’

  2. 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.

  3. Table Header: ‘Goals’

  4. 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.

  5. Pagination:

    • Display Kendo Pagination Component for the table and include all functionality.

  6. Create Custom Goal Button:

    • Create Custom Goal Button Selected: Display ‘Create Custom Goal’ modal screen

  7. 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.

  8. Close ( X ) Button: Closes the create modal screens and returns the user to the main screen they are viewing on the EDU Platform.

User Interaction and Validation Notes

  1. Behavior Setup:

    • The user must define at least one behavior for the CICO tool to progress.

    • Selecting ‘Create Custom Goal’ in the Browse Behavior Goals modal screen allows the user to enter a custom behavior goal. 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 Behavior Goals using the Browse Behavior Goals modal screen

    • The user should be able to remove any added behavior goal by selecting the ‘Delete’ icon in the ‘Added Goals' modal screen.

  2. 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.

      • Goal Text (Custom Goal): Input field label turns red, container is red, helper text below field: ‘Goal Text Required’.

  3. Modal Closure: 

    • The user can close the modal using the 'X' icon in the top right corner. 

    • Verify that when the user has not selected a behavior goal and there are not any behavior goals added, the modal will close and return the user to the screen the user is viewing on the EDU Platform.

    • Verify that when the user has selected and added a behavior goal, a warning dialog appears, asking the user to confirm before closing.

      • Header: ‘Discard Changes?’

      • Description: Closing without saving will discard any changes. This action cannot be undone.

      • Cancel button: Cancels the action

      • Discard button: Closes the create Check-In/Check-Out tool process and returns the user to the screen the user is viewing on the EDU Platform.

Workflow Description

  1. The user navigates to the "Create Check-In/Check-Out Tool" screen, which opens on the ‘Browse Behavior Goals’ modal screen.

  2. The user must select at least one behavior goal. If the user selects "Create Custom Goal," they can input a custom behavior, which gets added to the student’s behavior goal bank.

  3. Once the user selects a goal from the Behavior Goal list or creates a custom Behavior Goal, they will navigate to the ‘Added Goals’ modal screen.