Difference between revisions of "RECTAA"
From mn/ifi/inf5750
(Tag: Visual edit) |
(Tag: Visual edit) |
||
| Line 4: | Line 4: | ||
* Kristoffer Mjelva (kristomj) | * Kristoffer Mjelva (kristomj) | ||
* Øyvind Egede-Nissen (oyvinege) | * Øyvind Egede-Nissen (oyvinege) | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
== Project overview == | == Project overview == | ||
| Line 17: | Line 12: | ||
''The purpose of the Comparative/Trend app is to enable visual comparisons of charts and maps by placing them side-by-side or in a grid. For maps, the purpose is to show the same basic map for different time periods, so that changes over time become visible. An example could be a map showing measles incidence by district, week by week. For charts, the purpose is to show the same chart from multiple organisation units. An example could be a line chart showing the trend in a disease over time, district by district. The maps and charts could either be based on either existing chart or map favourites, or made ad-hoc based on selecting an indicator.'' | ''The purpose of the Comparative/Trend app is to enable visual comparisons of charts and maps by placing them side-by-side or in a grid. For maps, the purpose is to show the same basic map for different time periods, so that changes over time become visible. An example could be a map showing measles incidence by district, week by week. For charts, the purpose is to show the same chart from multiple organisation units. An example could be a line chart showing the trend in a disease over time, district by district. The maps and charts could either be based on either existing chart or map favourites, or made ad-hoc based on selecting an indicator.'' | ||
| − | <nowiki> </nowiki>To complete this task, we have decided to first analyze the base [https://www.uio.no/studier/emner/matnat/ifi/INF5750/h16/assignments/analysisfororgunit.zip app] that was provided to us. Based on this analysis we decided to completely re-implement the app using React, ES6, and other modern web programming tools. We aim to create a new app based on the functionality of the existing one. This new app will have a UI design more in line with the existing DHIS design language. | + | <nowiki> </nowiki>To complete this task, we have decided to first analyze the base [https://www.uio.no/studier/emner/matnat/ifi/INF5750/h16/assignments/analysisfororgunit.zip app] that was provided to us. Based on this analysis we decided to completely re-implement the app using React, ES6, and other modern web programming tools. We aim to create a new app based on the functionality of the existing one. This new app will have a UI design more in line with the existing DHIS design language, and will aim to be a more intuitive user experience. |
| − | + | Our goals: | |
* Improve the design | * Improve the design | ||
* Improve the user experience | * Improve the user experience | ||
| − | * Improve the code readability | + | * Improve the code structure and readability |
* Improve performance | * Improve performance | ||
* Add a map comparison feature | * Add a map comparison feature | ||
| + | Refreshed UI mockup: | ||
| − | == Summary of | + | == Summary of Requirements == |
* React | * React | ||
* ES6 | * ES6 | ||
| Line 32: | Line 28: | ||
== Milestones == | == Milestones == | ||
| − | Project milestones: | + | |
| + | === Project milestones: === | ||
* October 28 - [ongoing]: | * October 28 - [ongoing]: | ||
** Document features and architecture | ** Document features and architecture | ||
| Line 38: | Line 35: | ||
* November 27 - [pending]: | * November 27 - [pending]: | ||
** Delivery | ** Delivery | ||
| − | App development milestones: | + | |
| + | === App development milestones: === | ||
* Create git-repository - [complete] | * Create git-repository - [complete] | ||
* Create wiki page - [complete] | * Create wiki page - [complete] | ||
| Line 47: | Line 45: | ||
* Build the UI elements - [pending] | * Build the UI elements - [pending] | ||
* Create API fetching functions for selected data - [pending] | * Create API fetching functions for selected data - [pending] | ||
| − | * Calculate | + | * Calculate fetched data - [pending] |
* Implement table and charts functionality - [pending] | * Implement table and charts functionality - [pending] | ||
* Implement maps functionality - [pending] | * Implement maps functionality - [pending] | ||
* Manage app design and user experience - [pending] | * Manage app design and user experience - [pending] | ||
| − | * Build production version to | + | * Build production version to upload to 'App Management' in DHIS - [pending] |
== Time Schedule == | == Time Schedule == | ||
| − | + | Group meetings on Wednesdays at 10:15. Beyond that we communicate and set up something that fits everyone's schedule. | |
| − | == Task | + | == Task Distribution == |
| − | + | Tasks are distributed as they appear. | |
== Progression screenshots and screenflow == | == Progression screenshots and screenflow == | ||
| Line 64: | Line 62: | ||
== API improvement suggestions == | == API improvement suggestions == | ||
| + | |||
| + | == Repository and App download == | ||
| + | Github [https://github.uio.no/kristomj/INF5750-RECTAA repository]. (private) | ||
| + | |||
| + | Application download link. | ||
Revision as of 15:26, 27 October 2016
Contents
Group Members
- Jonas Henie (jonasbhe)
- Kristoffer Mjelva (kristomj)
- Øyvind Egede-Nissen (oyvinege)
Project overview
Project description:
Refactor/Expand Comparative/Trend Analysis App with charts and maps
The purpose of the Comparative/Trend app is to enable visual comparisons of charts and maps by placing them side-by-side or in a grid. For maps, the purpose is to show the same basic map for different time periods, so that changes over time become visible. An example could be a map showing measles incidence by district, week by week. For charts, the purpose is to show the same chart from multiple organisation units. An example could be a line chart showing the trend in a disease over time, district by district. The maps and charts could either be based on either existing chart or map favourites, or made ad-hoc based on selecting an indicator.
To complete this task, we have decided to first analyze the base app that was provided to us. Based on this analysis we decided to completely re-implement the app using React, ES6, and other modern web programming tools. We aim to create a new app based on the functionality of the existing one. This new app will have a UI design more in line with the existing DHIS design language, and will aim to be a more intuitive user experience.
Our goals:
- Improve the design
- Improve the user experience
- Improve the code structure and readability
- Improve performance
- Add a map comparison feature
Refreshed UI mockup:
Summary of Requirements
- React
- ES6
- Charts, maps, tables
Milestones
Project milestones:
- October 28 - [ongoing]:
- Document features and architecture
- Show understanding of project task
- November 27 - [pending]:
- Delivery
App development milestones:
- Create git-repository - [complete]
- Create wiki page - [complete]
- Analyze base application - [complete]
- Create basic API fetching functions - [complete]
- Setup dev version of app using npm - [complete]
- Implement barebones react UI - [complete]
- Build the UI elements - [pending]
- Create API fetching functions for selected data - [pending]
- Calculate fetched data - [pending]
- Implement table and charts functionality - [pending]
- Implement maps functionality - [pending]
- Manage app design and user experience - [pending]
- Build production version to upload to 'App Management' in DHIS - [pending]
Time Schedule
Group meetings on Wednesdays at 10:15. Beyond that we communicate and set up something that fits everyone's schedule.
Task Distribution
Tasks are distributed as they appear.
Progression screenshots and screenflow
Documented learning
API improvement suggestions
Repository and App download
Github repository. (private)
Application download link.
