User Interface for Outpatient Module : GSOC 2012

Overview:

  This module is used by doctors when they are having a patient consultation. All the patients those are screened (screener encounter) but not have OPD encounter are shown for a specific doctor. Then a doctor can view all the patients those are assigned to him, in the patient list. Doctor can view the patient's detailed information by clicking on a specific patient in the patient list and and an OPD encounter with observation and can also place a drug order for a patient.

Features:

There are many features the module have, major features are given below:

• The logged in doctor can see the patient list for the OPD for that day.
• Doctor can see the more information about the patient by clicking on the patient in the patient list.
• Doctor can place an encounter by submitting it from history ,examination and diagnosis tab.
• Doctor can place an drug order from the treatment tab.
• Past medication history is also available in the module.
• Patient can be refereed to another doctor according to the problem he have from refer to doc panel.
• Lab orders can be seen in the lab history by clicking the lab history icon in patient history tab.
• Problems of a patient can be added in the examination tab by searching the problems in the sign search field and add that sign in the examination list by clicking on the searched sign list.
• Doctor can view the list of the medicines in the treatment tab and this list is fetched from back-end.

Implementation Details:

The module is implemented using the Sencha Touch API which is a very good javascript API for building touch web applications. Many types of sencha touch components are being used in development of this module. The implementation details are given below:

1.  The is module built on the MVC (model , view and controller) architecture in which model, view and controller are isolated.
2. The model describes the data models received and show from back-end and data model to send data to back-end.
3. View describes how the data fetched from back-end will be shown to the user.
4. Controller handles all the actions performed by the user and make the changes in the view accordingly.
5.  Apart from these there is one another thing : store. Store is used to pull and push the data from back-end.
6. Store uses models to specify the format of the data sent and received.
7. Store is directly connected to the view (form, list, grid etc.).
8. In the view many sencha touch components are used to built the UI, like sencha navigation list is used to make the patient list.
9. Sencha list are used to make lab history, examination list and treatment summery(drug list).
10. An plugin for ext grid is used to make grid in sencha and that grid is used to make UI for drug panel, medication history and refer to doctor panel.
11. Sencha form components like search fields, picker fields, select fields, text fields etc. are used to make the forms.

Major Work Done In This Summer:

• Work done before mid term evaluation:
  1. Made the patient list using the sencha navigation list
  2. Made the top half of the more info panel ( RAXAJSS-175 )
  3. Made UI for history, diagnosis and treatment tab( RAXAJSS-176, RAXAJSS-177, RAXAJSS-179 )
  4. Made UI for refer to doctor, medication history and lab order list and implement searching and sorting in it( RAXAJSS-176 )
  5. Added searching and sorting in the patient list ( RAXAJSS-168 ) 
• Work done after mid term evaluation:
  1. Made UI for examination tab (RAXAJSS-176).
  2. Fetched the patient list from the server using REST calls (RAXAJSS-165, RAXAJSS-166, RAXAJSS-167).
  3. Added the fuctionality to add an encounter with the obervations using REST calls.
  4. Added fuctionality to place an drug order using REST calls.

Tasks Completed :

(Last week : 21 May - 27 may):

1. Gone through the latest Astha and Hyeona UI designs of Outpatient Module . It will be helpful to built the module.
2. Investigated Sencha Touch 2 Components to use for Outpatient Designs(RAXAJSS-120)
3. Made the UI of the part of page 3 of the design pdf provided by the Astha for outpatient module.
4. This UI includes only navigation view of the data.

Tasks For the week :

(week 2: 28 may - 3 jun):

1. RAXAJSS-168 : Outpatient: Add ability to Filter and Sort the Patient List
2. RAXAJSS-165 : Outpatient: Patient Model - Use mocked JSON response to create model of patients assigned to doctor
3. RAXAJSS-166 : Outpatient: Patients store -- get doctors patient list via call to OpenMRS REST Api

Tasks Completed (4 jun - 23 jun):

1. Partially completed the UI part of the OPD module.
2. Worked on the methods to fetch the data from back-end using REST calls.

Problem Faced:

1. Inserting the sencha components (buttons) inside the list-view.(unresolved)
2. Implementing the vertical tabs as vertical text is not supported in sencha touch 2.0.(partially resolved using test icons)
3. Fetching the patient-list from the back-end using REST calls.(Unresolved)

Tasks for the Week (24 jun- 30 jun):

1. Fetching the patient-list from back-end using rest calls.(High Priority)
2. Working on examination tab.(Low Priority)