Difference between revisions of "IngenRomForFeil"

From mn/ifi/inf5750
Jump to: navigation, search
(Product descriptions requirements)
(Requirements:)
Line 12: Line 12:
  
 
=== '''Requirements:''' ===
 
=== '''Requirements:''' ===
 +
'''Description:'''
 +
 
Create an app that provides visualization of a clinical cascade, with the HIV 90-90-90 as the primary example.
 
Create an app that provides visualization of a clinical cascade, with the HIV 90-90-90 as the primary example.
  
Line 32: Line 34:
 
[[File:Cascade analysis.jpeg.png|border|706x706px]]
 
[[File:Cascade analysis.jpeg.png|border|706x706px]]
  
A description of the product you are developing, including features/requirements being implemented and mockups/screenshots.
+
== Architecture ==
  
== Architecture ==
 
 
[https://angular.io Angular] and [https://material.angular.io Angular Material]
 
[https://angular.io Angular] and [https://material.angular.io Angular Material]
  
Line 40: Line 41:
 
* Angular2 / 4
 
* Angular2 / 4
 
** MaterialUI
 
** MaterialUI
Why...
+
 
 
* HTML
 
* HTML
 
* CSS
 
* CSS
Line 66: Line 67:
  
 
== Division of labour ==
 
== Division of labour ==
Martin :
+
Martin: Design & Documentation
 +
 
 +
Herman: Data handling & Analysis
  
Herman :  
+
Nicolay: FrontEnd
  
Nicolay :
+
Testing: All
  
 
== Link to project repository ==
 
== Link to project repository ==

Revision as of 15:07, 19 October 2017

Group members

Herman Krogstad Nerskar (hermankn@ifi.uio.no)

Martin Arentsen Espeland (m.a.espeland@usit.uio.no)

Nicolay David Mohebi (n.d.mohebi@usit.uio.no)

Product descriptions requirements

Assignment :

Requirements:

Description:

Create an app that provides visualization of a clinical cascade, with the HIV 90-90-90 as the primary example.

Basic functionality:

  • Present visualizations as bar charts from left to right, where each bar is presented as a subset to previous.Needs to be able to be presented in at least three possible ways:
    • As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous
    • As raw numbers, but showing both the actual number and the gap.
    • As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage.

Specific functionality that is requested:

Because this app should be usable in different settings/ countries and thus different DHIS2 databases, there must be an interface for configuring the cascade and a possibility of saving these configurations for reuse later:

  • What data elements/indicators to include in the cascade, as this might differ from country to country or even at different levels within a country.
  • The target for each data element/indicator. While the global target for HIV is 90-90-90, it should be possible to set the target in the app.
  • Possible to save different configurations
  • Switch between saved configurations
  • In addition to data element, there must be possible to define time periods and organization unit to display.
  • There must be support for downloading the visualizations.

Mock-up of the web application:

Cascade analysis.jpeg.png

Architecture

Angular and Angular Material

Technologies and Framework

  • Angular2 / 4
    • MaterialUI
  • HTML
  • CSS

Why....

  • RESTFUL API DHISP2
    • Analytics
    • Data Store

Why..

Tools

  • Webstorm

Why

  • Trello

https://trello.com/b/xj55ZWho/plans

  • Slack

Why

  • Github

https://github.uio.no/IngenRomForFeil/HIVCascade

Licensing

Discuss the implications (if any) on the product you are development from the software licenses of the frameworks and libraries you are using.

Division of labour

Martin: Design & Documentation

Herman: Data handling & Analysis

Nicolay: FrontEnd

Testing: All

Link to project repository