React to Dhis

From mn/ifi/inf5750
Revision as of 21:57, 1 December 2016 by Amritc@uio.no (talk | contribs) (Task)

Jump to: navigation, search

Overview

React to DHIS is a Health Facility Registry Application for DHIS2.

Group Members

  • Amrit chhetri(amritc@ifi.uio.no)
  • Erlend Westbye(erlenwe@ifi.uio.no)
  • Kristoffer Osen(kristogo@ifi.uio.no)

Task

Task E

App providing an interface to the health facilities in a country (e.g. the Sierra Leone or Trainingland demo databases). The add should make it possible to search and list organisation units and see these in a map, along with relevant details regarding each facility such as type, the district it belongs to etc.

Some inspiration can be found in the Kenya Master Health Facility List

Place names with coordinates for the whole world can be found using MapZen

Make a web app in order to manage organization unit easily. 

The user should be able to:

  • Search for an org. unit and get facility details, using live search 
  • Filter the search results, e.g. based orgunit groups or by selecting a polygon from a higher level (district or chiefdom)
  • Present the information pertaining to the chosen facility in a drop-down menu beneath its name 
  • Locate on map
  • Edit coordinates
  • Edit org. unit details. This can be extended by linking to a particular dataset called Infrastructural Indicators, which can be found under System Settings.
  • Add a new facility by clicking on the map

Requirements

1) User can search all the health facilities with live search functionality.

2) User can see necessary information related to a health facilities in the search result.

3) User can find the Health Facilty on the map.

4) User can use the map to navigate the different districts and chiefdoms and find the facilities in these areas.

5) User can add a new facility

6) User can edit the facilities

Schedule

we will be meeting 3 days a week .exact schedule may change .

Introduction

We are doing Task E for our group project: E Health Facility Registry

We want to build a rich user interface to make it easier to get a visual overview of the different health facilities that are available in a country, area or region.

Through this we want too build a system that is easy to expand and maintain.

Our goal is to have a well functioning, and well documented solution, that can help expand upon the functionality of the DHIS2 system.

Through this process we hope to learn the react library, and use it’s power in a effective and clean way.

We also hope to learn more about the dhis api, and find the benefits/drawbacks of a cloud hosted version of the system.

Role Division

Obviously everyone will be developing,designing and testing this solution together, but we have assigned some key areas that each of us are responsible for.

Architecture, documentation: Erlend

Lead programmer, use cases: Kristoffer

Code quality, DHIS2 setup: Amrit

Application Flow

Application flow:

1)First page will be the main User Interface with search bar and default maps.the default map will display all the available organizational units in the map with the markers representing it.

Startpage.PNG


2)once user search the facilities ,it will list all the facilities related to that keyword.

SearchOrganizationalUnit.PNG

3)click one of the facility to see the details.

3)there will be button/tab option for showing the facilities in the map.on clicking that button it will show the facility in the map.

4)on hovering the facility  tracker,it should show some basic information about the facilities.

Architecture

File:Reacttodhis 5750architecthure.png

Read more about flux here:

https://scotch.io/tutorials/getting-to-know-flux-the-react-js-architecture

Learning Outcome

Discussion and Future Work

Link to repository

https://github.com/erlendw/ReactToDhis