In the era of "Data and Information", data became the key to save lives. With the rapid growth in Information & Communication Technology (ICT), the power of Technology has strongly impacted our lives.Storing complex medical data of people become easier, but not easy enough to access to this information and understand it without the right technology solution, which make limits to patients from actively managing their own healthcare.
The project is built on prior efforts to re-design a new and efficient approach of interacting with large amounts of complex medical data through a «Timeline». It describes visually the when, for whom, and what has been done to describe patient's health care situation.
...
Index.html : The main page
/Doc : contains presentation slides about the project.
/JS : contains different Java Script files
FakedData.js ; contains model of medical data classifier .
OpenMRSRestCalls.js : REST call functions to retrieve data using OpenMRS API.
VisualizeDataElements.js : contains algorithms that visualize data gotten in a timeline.
/css : contains different CSS Files
/fancybox : JQuery Fancybox plugin
/fonts : contains fonts files.
...
In order to develop this project, we went through different steps :
MEDICAL DATA ELEMENTS:
Various approaches has been discussed about what are Medical UX best-practices, draw a comparison between the actual and the anticipated, ideal UIs. We discussed specific patient care needs and contexts and the best ways to avoid confusion caused by “fragmented displays” and “hidden information” problems.
...
In our case, we are consuming data from “OpenMRS” EHR System using REST call. But for those who are working on medical application ; We suggest this model
1.BASIC INFORMATION
Name Birthday Address
Gender | Marital Status | Smoking Status Status
2.REMINDER
...
Block :
To remind the patient to take his medications / test’s dates / Visiting doctor / his (like : It’s recommended to visit doctor ).
3.History of Present Illness TimeLine :
3.1 # Observations :
Observation:
Status:
Date:
Notes :
3.2 # Allergies
Allergy Name:
Reaction:
Diagnosed : Yes / No
Note:
...
Procedure:
Provider:
Location:
Date:
...
4. MEDICATION Timeline
Date:
Type:
Name of Medication:
Instructions: 2 pills a day
Frequency / Dose Quantity (value / unit): 1 / tablet
Rate Quantity (value / unit): 2 / day
Note : Reason why I take this medication
5. IMMUNIZATIONS Timeline :
#Block : Upcoming Immunizations
Date:
Immunization Name:
Type:
Dose Quantity (value / unit)
Notes / Instructions:
6.Care Plan Timeline :
36.1 #Activities (eg: Visiting Docotr , Doing Therapy ; Walking : Some of patients needs to do that ) .
Planned Activity Name:
Planned Date:
FREQUENCY
Instructions:
ADHERENCE : How often you practice this
36.2 # Encounters
Encounter:
Provider:
Location:
Date:
36.3 # Visits
Encounter:
Provider:
Location:
Date:
7. Vitals Timeline:
BLOOD PRESSURE | BODY TEMPERATURE | BODY WEIGHT | BODY MASS INDEX
8. Lab Results Timeline:
Test: Cholesterol / Blood Glucose /Lipid Panel /Triglyceride/LDL/HDL
Date :
Document : #Link
- Status : Good / Normal / Low
9.Medical Images Timeline:
Name :
Date :
Provider :
- IMAGES :
- IMAGES :
Sketching Up the Timeline :
We worked to make the user experience meet the exact needs of the patient, without any fuss or bother, we developed a timeline to make the information access faster and visualizing different medical data easier.
We preferred to make “One Side” timeline to make the UI scalable in the both browser or on Smart Devices .
[IMAGE 1]: Sketching the UI on Paper
Building Openmrs REST call :
This part demonstrates how to interact with the OpenMRS REST API using JQuery REST calls via the OAuth2 library.
...
Then we started getting different data elements by consuming data from Raxa Server
OPENMRS_REST_HOST = 'http://raxaemr.elasticbeanstalk.com';
We consume data by using REST calls, for example : if we want fetching observation resource
var REST_OBS = '/ws/rest/v1/obs?patient=65ea509b-1f90-461f-9879-62004cc8a3b6';
More information about the consumed Data : https://raxaemr.atlassian.net/wiki/display/RAXAJSS/Raxacore+REST+resources
Once we get data using OpenMRS Rest call, we built JavaScript Script to visualize these data after classifying it in a timeline .
Mentors :
Acknowledgements :
This project is developed for Raxa , as part of Google Summer of Code Program.