Skip to content

Live Exercise Monitoring Dashboard

JavaScript web application for live monitoring and historical review of exercise participants.

Created for The University of Auckland in 2013

Technologies: CSS, HighCharts, HTML, JavaScript, jQuery, Knockout.js, Responsive CSS, Twitter Bootstrap


A University of Auckland research project involves live monitoring of people during exercise, using mobile phones to upload the data to a server. My part of the application was to create a web application where a medical professional could either remotely monitor the exercise sessions live as it happens, or review data from a session afterwards.


The application was developed as a JavaScript application to be run in a browser, with all data remotely loaded from a server using AJAX. There were two major components: one section which reviewed historical data, and another section where live sessions can be monitored.

A version of the application is available for review at This is not the final version but was a complete frontend version that was used for testing purposes with randomly generated test data. Click on a participant to view the details session for that person. Click on the Monitor item on the header to view the monitoring interface.


Participant Summary

This screen shows how participants are meeting their exercise objectives over the past week.

Exercise Monitoring - Participant Summary
Participant Summary

Participant Details - Historical Review

Participant Details
Participant Details - Review of Historical Data

This screen allows any historical exercise session to be reviewed and allows summary data to be viewed for various metrics at the level of the individual session, week, month or year.

Live Monitoring - individual participant view

Live Monitoring
Live Monitoring Panel for Individual Participant

This panel is displayed for each participant being monitored live. It shows summaries of important metrics as well as allowing the monitor to view a graph of those values during the session. Any symptoms reported by the exerciser are notified with a flashing red panel, and the monitor has the options to send a message to the participant, request their device start sending ECG information or send a location.

Live Monitoring sidebar

Live Monitoring Sidebar

This sidebar shows notifications for events that happen during the monitoring session. There is also a section for displaying ECGs from a participant (this is only shown if the person monitoring requests ECG data to be captured). Finally, there is a map view so that the participant's location can be displayed on demand.


The web part of the application has been handed off to other developers for integration with the backend system and data collection. Testing of the complete system is currently in progress.