Final Prototype
Our prototype is divided into 3 users which are patient, GP, and specialist (physician). The interactive prototype is available on the website which purposed for GP and physician. The digital mobile prototype is available for the patient.
- GP Interactive prototype could be found in this website link (http://easyreferral.herokuapp.com/gp)
- Physician Interactive prototype could be found in this website link (http://easyreferral.herokuapp.com/physician)
- Patient Digital Prototype could be found in this website link (https://marvelapp.com/a2g4b81/screen/49259774)
In this page, we will discuss on every page of our prototypes (Website Interactive Prototype & Mobile Digital Prototype)
Follow the instruction to get the code running in your local machine
- Download or git clone the repository
- Navigate to inside the project folder repository using terminal
- Run
npm installfor installing all the project dependencies - Run
npm install -g nodemonfor installing nodemon - Then Run
npm startornodemonto start the app in your localhost - Go to your browser and go to http://localhost:3000
Link: http://easyreferral.herokuapp.com/gp/referral
Creating a referral is our project main task flow where GP is able to create a referral based on the patient condition. This referral is made when GP is doing a consultation with the patient. GP could access the above link and create a referral from the website. The website could be accessed by GP only.
Step one from creating referral is to set a range of dates that the patient comfortable with. GP only has to select on the tables and a pop-up window will show up that asking for events name, description, start date, and end date. After GP fill the form, GP could click on add events that are located in the pop-up window.
After GP click the add events button, it will redirect the user to the next step which is to choose the nearest physician. The system will load the nearest physician and GP just have to choose on the physician. After clicking on the physician card, the interface will show chosen physician on the right side of the container. GP choosing physician is based on his/her preference and also the patient preference of cost, location, etc. After both GP and patient are agreeing with the chosen physician, the website will redirect the user to the step 3.
The last step is to fill the form for patient information and referral detail such as name and description. At this stage, our website still not provide the patient ID. Thus, GP has to register every patient by filling their name, address, phone number, and DOB. GP also has to fill the referral title, description and urgency level. If all the required information filled, the website should be successfully registered the referral and patient.
Link: http://easyreferral.herokuapp.com/gp/history
After registering a referral, GP could see the referral list on this page. The information that displayed in the page should be the same with the referral that is registered with the process above. In this page, GP is offered two option which is the latest referral section and all listed referrals. Latest referral section is a fast way for GP to choose the latest referral built. All listed referrals will redirect the user to another page.
Link: http://easyreferral.herokuapp.com/gp/referral/5bcc1ae49a9cbe0015339c49
Link layout: easyreferral.herokuapp.com/gp/referral/[:ref-id]
The referral details contain all details from the patient, GP, physician sides that relate to the referral. It also includes the referral title, urgency level, and its description. From this detail, GP could see which patient and physician does the referral linked to. Moreover, from the detail page, GP could see a button that will redirect them to the chat page that is based on this referral.
Link: https://easyreferral.herokuapp.com/chat/5bcc1ae49a9cbe0015339c49
Link layout: easyreferral.herokuapp.com/chat/[:ref-id]
The chat page in this system is divided by referral id. Therefore, each referral has its own chat forum. This decision is made because our group wants to make sure GP and Physician could see their chat record easier. The chat page is live and could be used by now in this interactive prototype.
Link: http://easyreferral.herokuapp.com/gp/history-all
All listed referrals page will show you all the referrals made that relate to the GP. From this page, GP also could search for specific referral based on the referral title or patient name. For example, if GP wants to search for a patient named James, then they could search and see the referral filtered card. From here GP could click on the referral card which will redirect them to the referral detail page based on the clicked referral id.
Link: http://easyreferral.herokuapp.com/gp/profile
The profile is a common feature for the prototype for GP to be able to see their own information in the system. The profile will show basic information including what the hospital does the GP belongs to.
Link: http://easyreferral.herokuapp.com/physician/schedule
The schedule shows all the recorded schedule that relate to the physician. Here, the physician could see the upcoming schedules with a certain patient. Also, the physician could see their personal schedule too.
Link: http://easyreferral.herokuapp.com/physician/schedule
Add schedule feature is meant to add the ability for a physician to add their own personal schedule, thus, GP could see if the certain physician is unavailable at the following time. This feature is necessary in order for GP to create the most suitable referral for all parties, including the patients.
Link: http://easyreferral.herokuapp.com/physician/referral
The physician could see all referrals that are related to the Physician. There are 3 section of referrals in this page, which are waiting for approval type referrals, agreed referrals, and all referrals. The page will only show the latest 3 waiting for approval type referrals and also the latest 3 agreed referrals. This is because we would like to keep the page simple and neat for a physician to see. If the physician would like to see all the referrals, the physician will be redirected to another page where it will show all referrals in the table method.
Link: http://easyreferral.herokuapp.com/physician/referral-wait/5bd03428cde9320015539793
Link layout: easyreferral.herokuapp.com/physician/referral-wait/[:ref-id]
Waiting for approval detail will show options for a physician to whether approve and cancel. By approving, it means that the physician agreed with the appointment date and time. If the physician would like to confirm the referral, there will be a pop-up window that will ask the decision twice in regard to the appointment. This is to make sure if physician certain of their decision about the appointment.
Link: http://easyreferral.herokuapp.com/physician/referral/5bcc1b889a9cbe0015339c4b
Link layout: easyreferral.herokuapp.com/physician/referral/[:ref-id]
The referral details contain all details from the patient, GP, physician sides that relate to the referral. It also includes the referral title, urgency level, and its description. From this detail, Physician could see which patient and GP does the referral linked to. Moreover, from the detail page, Physician could see the button that will redirect them to the chat page that is based on this referral.
Link: http://easyreferral.herokuapp.com/physician/all-referral
All listed referrals page will show you all the referrals made that relate to the Physician. From this page, Physician also could search for specific referral based on the referral title or patient name. For example, if Physician wants to search for a patient named James, then they could search and see the referral filtered card. From here Physician could click on the referral card which will redirect them to the referral detail page based on the clicked referral id.
Link: https://easyreferral.herokuapp.com/chat/5bcc1ae49a9cbe0015339c49
Link layout: easyreferral.herokuapp.com/chat/[:id]
The chat page in this system is divided by referral id. Therefore, each referral has its own chat forum. This decision is made because our group wants to make sure GP and Physician could see their chat record easier. The chat page is live and could be used by now in this interactive prototype.
Link: http://easyreferral.herokuapp.com/physician/profile
The profile is a common feature for the prototype for Physician to be able to see their own information in the system. The profile will show basic information including what the hospital does the GP belongs to.
Link: https://marvelapp.com/a2g4b81/screen/49259774
After agreeing for a referral/appointment, the patient could see the referral list on this page.
Link: https://marvelapp.com/a2g4b81/screen/49259773
The referral details contain all details from the patient, GP, physician sides that relate to the referral. It also includes the referral title, urgency level, and its description. From this detail, Patient could see which GP and physician do the referral linked to. Moreover, from the detail page, the patient could see a button that will redirect the referral schedule.
Link: https://marvelapp.com/a2g4b81/screen/49259776
Referral schedule page aims to give the patient the ability to change the schedule if there is any urgent matter came from the patient side. This page will show the specialist/physician availability at the moment of choosing the schedule.
Link: https://marvelapp.com/a2g4b81/screen/49259775
The notification page will show the update information regarding the referral. For example, if a specialist has agreed to the appointment schedule, it will appear as a notification on the patient side. If the appointment date and time is near, there will be a reminder that notifies the user the remaining time to see the appointment.
Link: https://marvelapp.com/a2g4b81/screen/49259778
Link: https://marvelapp.com/a2g4b81/screen/49259777
The profile and settings page is a common feature for the prototype for patient to be able to see their own information in the system.