Difference between revisions of "IngenRomForFeil"

From mn/ifi/inf5750
Jump to: navigation, search
(Product descriptions requirements)
(Architecture)
Line 38: Line 38:
 
== Architecture ==
 
== Architecture ==
  
[https://angular.io Angular] and [https://material.angular.io Angular Material]
+
For more information:  
  
'''Technologies and Framework'''
+
- https://angular.io/guide/architecture
 +
 
 +
=== '''Technologies and Framework''' ===
 
* Angular2 / 4
 
* Angular2 / 4
 
** MaterialUI
 
** MaterialUI
Line 52: Line 54:
 
Why..
 
Why..
  
'''Tools'''
+
=== '''Tools''' ===
 
* Webstorm
 
* Webstorm
 
Why
 
Why

Revision as of 15:22, 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:

Our first mock up on how we pictured the application layout to be. It is inspired by the "Data Visualizer" app from DHISP2.

Cascade analysis.jpeg.png

Architecture

For more information:

- https://angular.io/guide/architecture

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