Difference between revisions of "KJH"

From mn/ifi/inf5750
Jump to: navigation, search
(Summary of requirements)
Line 74: Line 74:
  
 
==Screenshots and screen flows==
 
==Screenshots and screen flows==
[[File:Ex1.jpg|left|frame|316x316px|example 1 for filter search]]
+
[[File:5750.jpg|none|thumb|1078x1078px]]
[[File:Ex2.jpg|none|frame|310x310px|example 2 for filter search]]
 
[[File:Ex3.jpg|none|frame|309x309px|example for facility selection]]
 
[[File:Ex4.jpg|304x304px]]
 
  
 
==Suggested improvements to APIs etc==
 
==Suggested improvements to APIs etc==

Revision as of 15:09, 27 October 2016

Group members

  • Kjetil Svalestuen
  • John Eric Birger Melin
  • Henning Håkonsen

Task

 E Health Facility Registry

App providing an interface to the health facilities in a country (e.g. the Sierra Leone or Trainingland demo databases). The app 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.

Architecture

Main architecture will be the use of React for a responsive gui. Redux will provide a simple interface for working with the app state. Also its 2016 so get with the times already.

How do we communicate with DHIS2?

  • ES6
  • ESlint -> Provides static analysis of patterns or code that doesn't follow userset guidelines.
  • Flow -> JS typechecker.
  • JSON
  • Node
  • Atom -> Handy IDE

Api

  • Google Maps
  • DHIS Api

Summary of requirements

Search for a facility

  • User will enter the name of the facility in the search bar. The facility/facilities that matches the string are listed below the search bar.
    • If no facility is found the message "no matches found" is presented below the search bar.
  • For the listed facilities a "details" button is available to slide open a details list below the entry.
  • If a listed facility is clicked, the map will locate and zoom in on this facility and show all information on this facility.
    • If the users click on edit for the facility he can edit the following items.
      • Type of service
      • Location
      • Name

Filter search

  • The user also has the option to filter searches. By clicking some filter button a list of filtering options is listed below.
  • The filter options are.
    • Type of service
    • Location
  • The same functionality as normal search is available in filter search.

Map functionality

  • The user can zoom in and out of the map.
  • By clicking on an area:fylke,by eller hva de nå bruker the map will zoom in on this particular area.

Add new facility

  • By clicking and placing a marker on the map the user can add a facility. How to do this? Greyed out edit button thats gets available when placing marker? Or pupup menu when placing marker?
  • When adding a new facility the user will be need to fill out the following fields.
    • Name
    • Location
    • Service
    • Should do error handling when adding the fields.

Time Schedule

15. October 2016

Start of project, Git repository created.

16.10.2016

Chosen architecture React + Redux. Type checking with Flow. Eslint for pattern checking.

28.10.2016

Milestone: Documenting the features and architecture on the Wiki

27.11.2016

Milestone: Final delivery

07.12.2016 - 09.12.2016

Milsetone; Group presentation mile

Task division

Alle gjør alt?

Screenshots and screen flows

5750.jpg

Suggested improvements to APIs etc

Documented learning during project

Link to repository

https://github.uio.no/kjetsva/kjh

Repository is private.

Download link to sample web app