Difference between revisions of "Raptor"
From mn/ifi/inf5750
(o) |
(→Technologies) |
||
(12 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | <h1> | + | <h1> Team Raptor </h1> |
+ | ---- | ||
− | < | + | == Introduction == |
+ | We are going to create a web application for effectively presenting data on low resolution platforms (smartphones and tablets). | ||
+ | |||
+ | The main objective of the task is to implement a easy and intuitive solution for showing data. The following data sets must be shown: | ||
+ | |||
+ | <ol> | ||
+ | <li>Trends<br/> | ||
+ | Trends should show data from a self-chosen indicator group for the users current organisation unit. Every indicator in the chosen indicator group should be shown with its own graph. Data will be visualized with a classical path graph where the x axis is for a 12 month period and y axis is the data values. | ||
+ | </li> | ||
+ | <li>Comparison<br/> | ||
+ | Comparison should show data from a self-chosen indicator and it's subgroups, comparing the organisation units children (Parent: Bombali, children: Biriwa Bombali Sebora, Gbanti Kameranka, etc). Data will be visualized with a bar graph where the x axis represents the different organisation units and the y axis its result from a quarterly period. | ||
+ | </li> | ||
+ | <li>Proportions<br/> | ||
+ | Proportions compares a chosen indicator based on organisation unit types (Hospital, tree post clinic, mobile clinic, clinic). Data should be represented with a pie chart. | ||
+ | </li> | ||
+ | </ol> | ||
+ | |||
+ | == Team == | ||
Bendik H. Kvamstad<br> | Bendik H. Kvamstad<br> | ||
Martin Holøs<br> | Martin Holøs<br> | ||
Line 7: | Line 25: | ||
Stian L. Petlund<br> | Stian L. Petlund<br> | ||
− | |||
− | |||
− | < | + | == Repository == |
− | + | [https://github.com/krsjan/raptor Repository on Github] | |
− | + | ||
+ | <h1>Visualization Web App</h1> | ||
+ | |||
+ | == Technologies == | ||
− | |||
<ul> | <ul> | ||
− | <li> | + | <li>nvd3.js and d3.js</li> |
− | <li> | + | <li>SammyJS</li> |
− | <li>http://getbootstrap.com | + | <li>http://getbootstrap.com/</li> |
<li>http://jquery.com/</li> | <li>http://jquery.com/</li> | ||
</ul> | </ul> | ||
− | |||
− | + | == Requirements == | |
+ | |||
<ul> | <ul> | ||
− | <li>Touch-friendly data visualization interface</li> | + | <li>Touch-friendly data visualization interface</li> |
− | <li>Should work well on tablet/phone</li> | + | <li>Should work well on tablet/phone</li> |
− | <li>Show graphs, charts etc.</li> | + | <li>Show graphs, charts etc.</li> |
− | <li>Deployed as DHIS2 web app (but specially designed for touch-based interfaces)</li> | + | <li>Deployed as DHIS2 web app (but specially designed for touch-based interfaces)</li> |
− | <li>Leverage DHIS2 web api</li> | + | <li>Leverage DHIS2 web api</li> |
</ul> | </ul> | ||
− | + | == Milestones == | |
− | < | + | <b>Milestone 1 (1st November)</b> |
<ul> | <ul> | ||
<li>Document features and architecture on Wiki</li> | <li>Document features and architecture on Wiki</li> | ||
Line 41: | Line 59: | ||
</ul> | </ul> | ||
− | < | + | <b>Milestone 2 (15th November)</b> |
<ul> | <ul> | ||
<li>First bare-bone version - static HTML</li> | <li>First bare-bone version - static HTML</li> | ||
Line 47: | Line 65: | ||
</ul> | </ul> | ||
− | < | + | <b>Milestone 3 (30th November)</b> |
<ul> | <ul> | ||
<li>Finished, if applicable also with mobile app.</li> | <li>Finished, if applicable also with mobile app.</li> | ||
</ul> | </ul> | ||
+ | |||
<b>Final delivery: 8th December, Presentation 9th December</b> | <b>Final delivery: 8th December, Presentation 9th December</b> |
Latest revision as of 21:55, 3 December 2013
Contents
Team Raptor
Introduction
We are going to create a web application for effectively presenting data on low resolution platforms (smartphones and tablets).
The main objective of the task is to implement a easy and intuitive solution for showing data. The following data sets must be shown:
- Trends
Trends should show data from a self-chosen indicator group for the users current organisation unit. Every indicator in the chosen indicator group should be shown with its own graph. Data will be visualized with a classical path graph where the x axis is for a 12 month period and y axis is the data values. - Comparison
Comparison should show data from a self-chosen indicator and it's subgroups, comparing the organisation units children (Parent: Bombali, children: Biriwa Bombali Sebora, Gbanti Kameranka, etc). Data will be visualized with a bar graph where the x axis represents the different organisation units and the y axis its result from a quarterly period. - Proportions
Proportions compares a chosen indicator based on organisation unit types (Hospital, tree post clinic, mobile clinic, clinic). Data should be represented with a pie chart.
Team
Bendik H. Kvamstad
Martin Holøs
Kristian S. Munkvold
Stian L. Petlund
Repository
Visualization Web App
Technologies
- nvd3.js and d3.js
- SammyJS
- http://getbootstrap.com/
- http://jquery.com/
Requirements
- Touch-friendly data visualization interface
- Should work well on tablet/phone
- Show graphs, charts etc.
- Deployed as DHIS2 web app (but specially designed for touch-based interfaces)
- Leverage DHIS2 web api
Milestones
Milestone 1 (1st November)
- Document features and architecture on Wiki
- Show understanding of DHIS2 web apps
Milestone 2 (15th November)
- First bare-bone version - static HTML
- Uploadable as DHIS2 web app
Milestone 3 (30th November)
- Finished, if applicable also with mobile app.
Final delivery: 8th December, Presentation 9th December