EMR Integration Demo

This page contains a basic working example of how to integrate GluVue into an EMR. View the page Source to see exactly how it works. Under normal circumstances, the below form elements would be set as hidden and rather than using a button, JavaScript would be used to submit the form upon loading. However for demonstration purposes it has been set up this way to show how it works. This demo uses jQuery for page interaction and AJAX.

When the Submit button is clicked, an AJAX call is triggered to pull the data from the EMR. (In the case of this demo, it is just a static JSON file.) The nature of this call will depend on the API of the particular EMR; for Epic Hyperspace it would be a standard XMLHttpRequest to an Interconnect Web Service, for Cerner PowerChart it would be a call to XMLCclRequest from an MPage, for other EMRs it could be some other means of retrieving the data entirely. For a more advanced configuration where the end-user would be able to specify a timeframe to look at, their selected start and end dates could be passed to the EMR's backend to specify the timeframe of data to pull.

Once the data has been retrieved, it may need to be finessed into a format that will work with GluVue. When the data is in the form of an acceptable JSON string as defined in the EMR Integration guide, it is then loaded into the form's "data" field. Finally, the form is triggered to submit to https://gluvue.stanfordchildrens.org/dashboard/, passing the data and loading GluVue via an HTTP Post.