Difference between revisions of "Uncharted"
(→Dividing tasks within the group) |
(→Screenshots and screen flows) |
||
Line 86: | Line 86: | ||
==Screenshots and screen flows == | ==Screenshots and screen flows == | ||
− | Mockups of the app: https:// | + | Mockups of the app: https://github.com/tobiasgm/inf5750-uncharted/tree/master/wireframes (private) |
== Documented learning during project == | == Documented learning during project == |
Revision as of 15:34, 28 October 2016
Contents
List of group members
- Morten K. Dybo
- Tobias Messenbrink
- Ákos Pap
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 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
Summary of requirements
Architecture/ components:
- React
- Google Maps or LeafletJS
- Material UI
- ...
React (main) components:
- App
- Search/ Filter box
- Breadcrumbs
- Info box/ List box
- Map
- Page header
- Footer
- ...
Use cases:
- User enters facility name in search box. System zooms map to area level, displays marker on map and info box with facility data.
- User enters area name in search box. System zooms to area, displays lower level items as markers/ polygons and info box with area information and list of underlying items (facilities or sub-areas).
- User enters search string that does not match anything in database. System displays info box that no result was found. (Edge case: User searches for an actual facility but it does not match the chosen filter settings. System should inform about that.)
- User can navigate upwards in the hierarchy using the breadcrumbs. Info box shows related data on the current level.
- User taps/clicks on the map, and the next level of organisational units within the “tapped” area is shown to the user.
- User clicks “hamburger” menu in search box. System displays box with search filter options.
- Search results (filtered) show up on the map as markers, and also in the Info box (name, …?)
- User can click a button to find nearest facility (to user location), based on current filters.
- User can switch to edit mode (clicks “add unit” in menu), then when clicking on the map the Info box changes to editor mode so that User can add a new facility.
- User can click “Edit” in the Info box to edit the currently selected Facility. Info box turns into and editor mode.
Time schedule
Due Date | Task |
---|---|
October 28 | Update project Wiki |
October 28 - November 27 | Development |
November 4 | Working prototype of main app components |
November 27 | App final delivery |
December 7-9 | Group presentation |
Dividing tasks within the group
Name | Responsibility |
---|---|
Morten K. Dybo | React developer (Listbox, Infobox) |
Tobias Messenbrink | React developer (Map, Header, Footer), Design/ HTML,CSS |
Ákos Pap | React developer (Main app, Filtering) |
Each member works on their own branch. Conflicts are discussed and resolved at weekly meetings.
Screenshots and screen flows
Mockups of the app: https://github.com/tobiasgm/inf5750-uncharted/tree/master/wireframes (private)
Documented learning during project
Suggested improvements to APIs etc
Link to repository
https://github.com/tobiasgm/inf5750-uncharted (private)