Watch simulated medical devices stream readings to a monitoring dashboard, set the acceptable range for each patient, and get alerts in a care team chat. Built with PubNub signals and messages.
This demo shows the real-time layer of a remote patient monitoring app. Pick a nickname, then open Medical Devices. Six simulated devices start in your browser: blood pressure, glucose, body temperature and insulin sensors, a sleep monitor, and a ward door alarm. Each one runs in a Web Worker with its own PubNub connection, the way a wearable or a bedside hub would connect. The patients and readings are fake, and the values are generated to drift in and out of range so you can see alerts. It shows the data flow, not a medical device.
Each device sends its readings as signals on its own channel, and the dashboard receives all of them with one wildcard subscription. When a device's status changes, it publishes an alert message to your private Medical Devices channel. The alert is stored with Message Persistence and shows up in the chat app. Settings travel the other way, as messages from the dashboard to the device. The same app also tracks a simulated ambulance on a map, and it includes a group chat and a live event with polls. Device names and channel members are stored in App Context, and each session gets an Access Manager token. The source code is open on GitHub.
Every few seconds, each device sends a new reading as a signal on its own channel. The dashboard subscribes to all device channels at once and updates each card as readings arrive.
Drag the range sliders on a sensor card and tap Save. The dashboard publishes the new limits to that device's channel, and the device checks its next readings against them.
When a reading gets close to a limit, the card turns amber. Outside the range, it turns red. The device publishes a status message, and a notification slides in on the dashboard.
Open the chat and select the Medical Devices group. Every alert is stored with Message Persistence, so the history loads when you open it, and an unread count shows how many alerts you missed.
Turn the sleep monitor or the ward door alarm off and on, or change its sensitivity. Each change is sent to the device as a message, and the device reports its new state back.
Open Vehicle Dispatch and tap Dispatch Vehicle. A simulated ambulance drives a route on the map and sends its location and a patient heart-rate reading as signals. You can redirect it or send the driver a simulated push message.
Clone the app, add your PubNub keys, and serve it locally.
GitHub
The complete source, in plain JavaScript. Enable Presence, Message Persistence, App Context, and File Sharing on your keyset, add your publish and subscribe keys (and a Google Maps key for Vehicle Dispatch) to shared/keys.js, then serve the folder with a local web server.
git clone https://github.com/PubNubDevelopers/healthcare-javascript-demo.gitWatch simulated sensors report from around the world on a live map. Rename, reboot, update, or delete them from the dashboard. Built with plain JavaScript and the PubNub JavaScript SDK.
Log in as a health coach or as a patient and see how care-team chat, critical alerts, and tasks work in real time. Built with React and the PubNub JavaScript SDK.
Order a package, a taxi, or a meal and watch a simulated driver come to you on a live map. Send the driver a message and follow the ETA. Built with plain JavaScript and the PubNub JavaScript SDK.
Bring chat, live updates, and real-time interactions into your application without building the infrastructure from scratch.
