Create feedback visualization to show average accuracy and speed for a set

[shreyapandit]

• Add a progress circles to represent speed (speedometer icon) and accuracy (checkmark icon). The progress bar can turn green if the patient has achieved at least 75%.

• This should show only dummy data for now, since we do not have the functionality to calculate accuracy and speed implemented yet

• After clicking "Save Set", once the ajax call has returned successfully, we should show a popup having both the progress circles. Clicking OK on the popup should redirect them in the same way as it happens right now (if there are more sets to do, it should take you to start a new set, if all sets are complete, it should show you a screen saying Congrats, all your sets have been completed)

Some inspiration can be taken from http://jsfiddle.net/6xV78/3501/

[shreyapandit]

[sktran]

Here are some ideas on how to phrase the feedback to patients and later discuss with the PIs.

Accuracy Feedback

• 90% and above: Excellent! Your movement accuracy was very high.
• Above 75% and below 90%: Well done! Your movement accuracy was above average.
• 50% - 75%: Not bad! Your movement accuracy is on the right track.
• Below 50%: It looks like you had some difficulty with movement accuracy.

Speed Feedback

• 120% and above: You were going too fast. Try to slow down next time.
• 50% - 120%: Well done! You were performing at a regular pace.
• Below 50%: You were going too slow. Try a faster pace next time.

This is what the pop-up would look like.

Here is how you performed.
Accuracy Feedback: [message goes here]
Speed Feedback: [message goes here]