Difference between revisions of "Raptor"

From mn/ifi/inf5750
Jump to: navigation, search
(Added proper indexing)
(Technologies)
 
(14 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<h1> Vi er gruppa Raptor </h1>
+
<h1> Team Raptor </h1>
 +
----
  
<h1>Introduction</h2>
+
== Introduction ==
Vi ønsker å visualisere data ved hjelp av NVD3.
+
We are going to create a web application for effectively presenting data on low resolution platforms (smartphones and tablets).
  
<h2>Team</h2>
+
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 10: Line 25:
 
Stian L. Petlund<br>
 
Stian L. Petlund<br>
  
<h1>Technologies</h1>
+
 
 +
== Repository ==
 +
[https://github.com/krsjan/raptor Repository on Github]
 +
 
 +
<h1>Visualization Web App</h1>
 +
 
 +
== Technologies ==
 +
 
 
<ul>
 
<ul>
<li>http://nvd3.org/</li>
+
<li>nvd3.js and d3.js</li>
<li>https://github.com/</li>
+
<li>SammyJS</li>
<li>http://getbootstrap.com/2.3.2/</li>
+
<li>http://getbootstrap.com/</li>
 
<li>http://jquery.com/</li>
 
<li>http://jquery.com/</li>
 
</ul>
 
</ul>
<h1>Requirements</h1>
 
  
(Fra forelesning, Kristian fixer du resten?)<br>
+
== 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>
  
  
<h1>Milestones</h1>
+
== Milestones ==
  
<h2>Milestone 1 (1st November)</h2>
+
<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 37: Line 59:
 
</ul>
 
</ul>
  
<h2>Milestone 2 (15th November)</h2>
+
<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 43: Line 65:
 
</ul>
 
</ul>
  
<h2>Milestone 3 (30th November)</h2>
+
<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

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:

  1. 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.
  2. 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.
  3. 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

Repository on Github

Visualization Web App

Technologies

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