Difference between revisions of "TheSimulators"

From mn/ifi/inf5750
Jump to: navigation, search
(Screenshots and screen flows)
Line 80: Line 80:
  
 
[[File:Searching with advanced options.png|left|frameless]]
 
[[File:Searching with advanced options.png|left|frameless]]
 +
 
Clicking on an organisation unit, either on the map or on the side bar, highlights the
 
Clicking on an organisation unit, either on the map or on the side bar, highlights the
  

Revision as of 15:29, 28 October 2016

 Group members

  • Fredrik Lund Henriksen
  • Rune Jensen
  • Asif khan

Link to the repository: https://github.com/fredlh/TheSimulators (Private)

Milestones

We have devided the project into a couple of main tasks:

  • Create a basic app with a working map [Complete]
  • A search bar which is able to retrieve info from the DHIS2 api [Complete]
  • A side bar for viewing and filtering search results [Complete]
  • Able to draw and view organisation units on the map [Complete]
  • Able to edit and delete organisation units [Not yet started]
  • General options [Not yet started]

Summary of requirements

Health Facility Registry

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

Requirements

Search

  • Search for an origanisation unit by name and ID
  • Have advanced options such as searching for a specific level or within a radius of a marker

Map

  • All organisation units should be drawn on the map
  • A user should be able to click on a organisation unit and view its info
  • Able to traverse the organisation unit hierarchy

Side bar

  • A list which gets filled with the results from a search
  • Here it should be possible to see information of an organisation unit, edit the info, delete it or filter the results

General options

  • A user should be able to edit general options like auto-zoom on search, color of the organisation units of the map and such

Architecture

Technologies used
  • Angular 2
  • Typescript
  • LESS/CSS, HTML, jQuery
  • Leaflet and OpenStreetMap
  • Node
  • Webpack

Time schedule

We haven't decided a specific time schedule, but everyone tries to work whenever they can.

How we are dividing tasks within the group

During the initial development, everyone works together.

After the main parts are complete, we plan to devide the remaining tasks within the group.

Screenshots and screen flows

The main target is to keep the website simple and neat as possible.

That is why we intend to show a large map as a main panel and a menu sidebar on the left side. There will be a search bar over the map with advanced search option.

We thought of having a drop-down menu on the left panel and it will also be dynamic, ie if we click over an area (district) on the map, there will be shown hospitals and clinics and other related things only from that area in the menu.

A simple design is illustrated below.

View before any searches have been performed.

Initial view, before any searches have been performed.

On top there is a search bar, an advanced search button and a collapsible side bar.

Later, we will add options button(s) and the side bar will contain filter options.

After search.png

After a search have been performed, the resulting organisation units are populated

on the map and in the side bar. The side bar will expand in order to show the data.

After select.png
Searching with advanced options.png

Clicking on an organisation unit, either on the map or on the side bar, highlights the

organisation unit on the map and expands it in the side bar to show its information.

The side bar is also automatically scrolled to the organisation unit.

By using advanced options one can limit the search to individual levels.

More options will be implemented at a later time.

Initial design thoughts

File:Design.png

Documented learning during project

Suggested improvements to the API