Difference between revisions of "Raptor"
From mn/ifi/inf5750
m (...) |
(→Technologies) |
||
(10 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). | We are going to create a web application for effectively presenting data on low resolution platforms (smartphones and tablets). | ||
Line 8: | Line 9: | ||
<ol> | <ol> | ||
<li>Trends<br/> | <li>Trends<br/> | ||
− | Trends should show data from a self-chosen indicator for the users current organisation unit. Every | + | 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> | ||
<li>Comparison<br/> | <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. | 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> | ||
− | <li>Proportions</ | + | <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. | 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> | </li> | ||
+ | </ol> | ||
− | + | == Team == | |
− | |||
Bendik H. Kvamstad<br> | Bendik H. Kvamstad<br> | ||
Martin Holøs<br> | Martin Holøs<br> | ||
Line 24: | Line 25: | ||
Stian L. Petlund<br> | Stian L. Petlund<br> | ||
− | <h1> | + | |
+ | == Repository == | ||
+ | [https://github.com/krsjan/raptor Repository on Github] | ||
+ | |||
+ | <h1>Visualization Web App</h1> | ||
+ | |||
+ | == Technologies == | ||
<ul> | <ul> | ||
− | <li>nvd3.js | + | <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> | ||
Line 45: | Line 51: | ||
− | + | == 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 53: | 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 59: | 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