Difference between revisions of "Orga"
(→GUI) |
(→GUI) |
||
| Line 19: | Line 19: | ||
We plan on putting a sidebar on the left with 2(3) tabs, which the rest of the screen being taken up by the map. The tabs will have their own scroll bars so that one can scroll down into the search results or add/edit windows without affecting the map. | We plan on putting a sidebar on the left with 2(3) tabs, which the rest of the screen being taken up by the map. The tabs will have their own scroll bars so that one can scroll down into the search results or add/edit windows without affecting the map. | ||
| − | The Search Tab will contain a drop down menu to select which level you want to filter the search by in the top left hand corner, and a search bar to the right of that, with the search results shown underneath. | + | The Search Tab will contain a drop down menu to select which level you want to filter the search by in the top left hand corner, and a search bar to the right of that, with the search results shown underneath. Each search result shows the info about that org units and has buttons that lets you display its location on the map ("vis i kart") or edit its data. |
The Add Tab (shown on the right hand side) contains all the fields one can enter into an org unit, and is the same interface that comes up if you press edit on a search result (as the only difference between adding and editing is that editing will have preexisting data in some of the input fields already). On the bottom we will put two buttons, cancel and save, which closes the editing window and discards all changes or saves the changes to the DB (by uploading them to DHIS2). | The Add Tab (shown on the right hand side) contains all the fields one can enter into an org unit, and is the same interface that comes up if you press edit on a search result (as the only difference between adding and editing is that editing will have preexisting data in some of the input fields already). On the bottom we will put two buttons, cancel and save, which closes the editing window and discards all changes or saves the changes to the DB (by uploading them to DHIS2). | ||
Revision as of 00:17, 9 November 2015
Project details
Managing Organization Units[1]
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 your search based on levels
- 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
- Add a new facility by clicking on the map
GUI
We plan on putting a sidebar on the left with 2(3) tabs, which the rest of the screen being taken up by the map. The tabs will have their own scroll bars so that one can scroll down into the search results or add/edit windows without affecting the map.
The Search Tab will contain a drop down menu to select which level you want to filter the search by in the top left hand corner, and a search bar to the right of that, with the search results shown underneath. Each search result shows the info about that org units and has buttons that lets you display its location on the map ("vis i kart") or edit its data.
The Add Tab (shown on the right hand side) contains all the fields one can enter into an org unit, and is the same interface that comes up if you press edit on a search result (as the only difference between adding and editing is that editing will have preexisting data in some of the input fields already). On the bottom we will put two buttons, cancel and save, which closes the editing window and discards all changes or saves the changes to the DB (by uploading them to DHIS2).
The Stats Tab is where we will put the statistics if we find enough time to do the extra work for that.
Group members
Erlend Statle - erlensta@student.matnat.uio.no
Kang Up Lim - kangul@student.matnat.uio.no
Faraz German - farazg@ulrik.uio.no
Architecture
Technologies
- Bootstrap
- HTML 5 & CSS 3
- Angular JS
- DHIS2 Web app
- Google Maps JavaScript API
Repository
https://bitbucket.org/farazg/orga-managing-org.-units/overview
