We need to show points earned, current point balance, and teacher feedback in the student center.
User Stories:
As a user, I want to see how many points I have earned and use them to purchase prizes
Acceptance Criteria:
Given I am a user viewing the Behavior Area and I have permission to Behavior Support → Edit Reports, I will have access to the Record Incident button
Given I am a user viewing the Behavior Area and I DO NOT have permission to Behavior Support → Edit Reports, I will NOT have access to the Record Incident button
DESIGN: https://www.figma.com/file/gdwMnbpudJxuzVrORrOGvd/Ed-Member-Site-UX?node-id=15813%3A174441
Point Balance in Top Bar
Design
On the top bar in the student center, we will show the current point balance for the student
The points will update as added and subtracted from the total
.png?version=1&modificationDate=1643123876134&cacheVersion=1&api=v2)
Business Rules
Points will show if the student belongs to a building that has purchased behavior support student licenses.
Point Value and Icon
Design
If the student clicks on the point value or icon the point viewer will open
.png?version=1&modificationDate=1643318879975&cacheVersion=1&api=v2&width=226)
.png?version=1&modificationDate=1643318879975&cacheVersion=1&api=v2&width=224)
They will see their current point balance and point transactions.
.png?version=1&modificationDate=1643318956831&cacheVersion=1&api=v2)
Business Rules
This will show if the student belongs to a building that has purchased behavior support student licenses.
If the student has not yet earned any points, we will not show the point value and icon
Transaction History
Design
The student will see their current point balance and a list of transactions
.png?version=1&modificationDate=1643319221694&cacheVersion=1&api=v2)
If the student clicks Load more, an additional 5 transactions will show.
For all points awarded, the student will see:
Date
Behavior Name
Points
Current Balance
For all points spent, the student will see:
Date
Points Spent
Points
Current Balance
If the student clicks “Load more,” additional transactions will load.
If the student clicks Make purchaseSpend, they will be taken to the spend points screen
.png?version=1&modificationDate=1643319308679&cacheVersion=1&api=v2&width=226)
Here, the student will be able to enter the number of points they are spending and specify what they are spending it on
If the student does not have enough points for the purchase, they will see an error message.
Business Rules
By default, we will show the 5 most recent transactions
A transaction occurs each time behaviors are saved in the points tool or points are spent.
Points Awarded
Date will show the date a behavior was recorded
Action will show the name of the behavior recorded on that date
Points will show the number of points earned for the behavior on that date
Balance will show the updated balance once the behavior was saved/points were earned.
Points Spent
Date will show the date the points were spent
Action will show the phrase “Points Spent.” If a note was added for points spent, we will also display the note below the phase “Points Spent”
Points will show the number of points spent
Balance will show the updated balance after the points were spent
We will list the transactions by date, with most recent transaction at the top.
Each time the student clicks “load more,” an additional 5 transactions will load.
The load more button will not show if there are no additional transactions.
The student may not spend more points than they currently have
The student does not need to specify what they are spending points on (optional field)