https://wiki.uio.no/mn/ifi/inf5750/api.php?action=feedcontributions&user=Phgreger%40uio.no&feedformat=atommn/ifi/inf5750 - User contributions [en]2024-03-29T07:18:36ZUser contributionsMediaWiki 1.27.4https://wiki.uio.no/mn/ifi/inf5750/index.php?title=GruppeX&diff=5628GruppeX2017-12-07T08:09:50Z<p>Phgreger@uio.no: Architecture changes</p>
<hr />
<div><br />
== Group members ==<br />
* Markus Medalen (markusme)<br />
* Petter Hallvard Tveiten Gregersen (phgreger)<br />
* Sebastian Pettersen Sigurdsen (sebastps)<br />
* Frank Lyder Bredland (franklbr)<br />
<br />
== Product descriptions requirements ==<br />
<br />
=== Assignment ===<br />
[https://wiki.uio.no/mn/ifi/inf5750/index.php/HIV_Cascade_Analysis HIV Cascade Analysis]<br />
<br />
=== Assignment description ===<br />
In this assignment we are gone create an DHIS2 application that provides a visualisation of a HIV 90-90-90 cascade. DHIS2 already has a Data Visualizer implemented to create bar charts, but lacks functionalities to have the value of each bar represents the subset of the previous bar. <br />
<br />
The application should also present this information in three different ways: <br />
* As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous. <br />
* As raw numbers, but showing both the actual number and the gap. <br />
* As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage. <br />
The application can be used in different settings/ countries and thus, different DHIS2 databases. Because of this, we need to create an interface that the user can configurated and save for later: <br />
* 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. <br />
* 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. <br />
Cascades are often done for different population groups (by sex, age etc). Therefore, it should be possible to save different configurations, and to swap between these. In addition to selection of data, it must be possible to select the time period and organisation unit to display data for, either as part of the configuration or when generating the visualisation. There must be support for downloading the visualisations. <br />
<br />
== Architecture ==<br />
<br />
=== Frameworks and external libraries: ===<br />
* [https://reactjs.org/ React] - We chose React because two people on the group knew a little bit how to use that framework from before. <br />
* https://d3js.org/ - We chose d3 for data visualisation because it has high customisability <br />
* [https://getbootstrap.com/docs/3.3/css/ https://getbootstrap.com]- We chose bootstrap for easy and good looking CSS.<br />
[[File:Architectures.png|none|thumb|415x415px|Project architecture]]<br />
<br />
== Tools ==<br />
* https://www.jetbrains.com/webstorm/ - IDE<br />
* https://slack.com/ - Team communcation<br />
* https://discordapp.com/ - Team voice communication<br />
* https://github.uio.no/ - Version control<br />
Whenever someone pushes changes to the repository, the other members are notified on Slack.<br />
<br />
== Licensing ==<br />
* BSD - http://www.linfo.org/bsdlicense.html<br />
** DHIS2<br />
<br />
** MIT - https://opensource.org/licenses/MIT<br />
*** React <br />
*** Redux<br />
*** Bootstrap<br />
*** Our HIV Cascade application<br />
<br />
== Division of labour ==<br />
Everyone works on everything.<br />
<br />
We use Git issues to create a backlog where everyone can grab assignments to work on.<br />
<br />
We also have at least two weekly meetings where we work together and discuss the project. <br />
<br />
== Mockups ==<br />
[[File:1.1-Chart.png|thumb|600x600px|Chart layout mockup|none]] <br />
[[File:2.1-Configure.png|thumb|600x600px|Configure layout mockup|none]]<br />
<br />
== Use case diagram ==<br />
[[File:Use case diagram USER.png|none|thumb|392x392px|Use case diagram - User flow]]<br />
[[File:Use case diagram admin.png|none|thumb|388x388px|Use case diagram - Administrator flow / Configure flow]]<br />
<br />
== Timeline ==<br />
{| class="wikitable"<br />
!Milestone<br />
!Deadline<br />
|-<br />
|Make Wiki<br />
|28.10.2017<br />
|-<br />
|Choosing frameworks and plugins<br />
|05.11.2017<br />
|-<br />
|Get data out from API<br />
|10.11.2017<br />
|-<br />
|Core implementation<br />
|25.11.2017<br />
|-<br />
|Make implementation good looking<br />
|06.12.2017<br />
|-<br />
|Testing and preparing for presentation<br />
|06.12.2017<br />
|-<br />
|Presentation<br />
|07.12.2017<br />
|}<br />
<br />
== Link to project repository ==<br />
https://github.uio.no/GruppeX/INF5750-dhis2-webapp</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=File:Architectures.png&diff=5627File:Architectures.png2017-12-07T08:08:47Z<p>Phgreger@uio.no: </p>
<hr />
<div>Architectures</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=GruppeX&diff=5622GruppeX2017-12-07T00:51:16Z<p>Phgreger@uio.no: Made timeline more readable</p>
<hr />
<div><br />
== Group members ==<br />
* Markus Medalen (markusme)<br />
* Petter Hallvard Tveiten Gregersen (phgreger)<br />
* Sebastian Pettersen Sigurdsen (sebastps)<br />
* Frank Lyder Bredland (franklbr)<br />
<br />
== Product descriptions requirements ==<br />
<br />
=== Assignment ===<br />
[https://wiki.uio.no/mn/ifi/inf5750/index.php/HIV_Cascade_Analysis HIV Cascade Analysis]<br />
<br />
=== Assignment description ===<br />
In this assignment we are gone create an DHIS2 application that provides a visualisation of a HIV 90-90-90 cascade. DHIS2 already has a Data Visualizer implemented to create bar charts, but lacks functionalities to have the value of each bar represents the subset of the previous bar. <br />
<br />
The application should also present this information in three different ways: <br />
* As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous. <br />
* As raw numbers, but showing both the actual number and the gap. <br />
* As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage. <br />
The application can be used in different settings/ countries and thus, different DHIS2 databases. Because of this, we need to create an interface that the user can configurated and save for later: <br />
* 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. <br />
* 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. <br />
Cascades are often done for different population groups (by sex, age etc). Therefore, it should be possible to save different configurations, and to swap between these. In addition to selection of data, it must be possible to select the time period and organisation unit to display data for, either as part of the configuration or when generating the visualisation. There must be support for downloading the visualisations. <br />
<br />
== Architecture ==<br />
<br />
=== Frameworks and external libraries: ===<br />
* [https://reactjs.org/ React] - We chose React because two people on the group knew a little bit how to use that framework from before. <br />
* https://d3js.org/ - We chose d3 for data visualisation because it has high customisability <br />
* [https://getbootstrap.com/docs/3.3/css/ https://getbootstrap.com]- We chose bootstrap for easy and good looking CSS.<br />
<br />
== Tools ==<br />
* https://www.jetbrains.com/webstorm/ - IDE<br />
* https://slack.com/ - Team communcation<br />
* https://discordapp.com/ - Team voice communication<br />
* https://github.uio.no/ - Version control<br />
Whenever someone pushes changes to the repository, the other members are notified on Slack.<br />
<br />
== Licensing ==<br />
* BSD - http://www.linfo.org/bsdlicense.html<br />
** DHIS2<br />
<br />
** MIT - https://opensource.org/licenses/MIT<br />
*** React <br />
*** Redux<br />
*** Bootstrap<br />
*** Our HIV Cascade application<br />
<br />
== Division of labour ==<br />
Everyone works on everything.<br />
<br />
We use Git issues to create a backlog where everyone can grab assignments to work on.<br />
<br />
We also have at least two weekly meetings where we work together and discuss the project. <br />
<br />
== Mockups ==<br />
[[File:1.1-Chart.png|thumb|600x600px|Chart layout mockup|none]] <br />
[[File:2.1-Configure.png|thumb|600x600px|Configure layout mockup|none]]<br />
<br />
== Use case diagram ==<br />
[[File:Use case diagram USER.png|none|thumb|392x392px|Use case diagram - User flow]]<br />
[[File:Use case diagram admin.png|none|thumb|388x388px|Use case diagram - Administrator flow / Configure flow]]<br />
<br />
== Timeline ==<br />
{| class="wikitable"<br />
!Milestone<br />
!Deadline<br />
|-<br />
|Make Wiki<br />
|28.10.2017<br />
|-<br />
|Choosing frameworks and plugins<br />
|05.11.2017<br />
|-<br />
|Get data out from API<br />
|10.11.2017<br />
|-<br />
|Core implementation<br />
|25.11.2017<br />
|-<br />
|Make implementation good looking<br />
|06.12.2017<br />
|-<br />
|Testing and preparing for presentation<br />
|06.12.2017<br />
|-<br />
|Presentation<br />
|07.12.2017<br />
|}<br />
<br />
== Link to project repository ==<br />
https://github.uio.no/GruppeX/INF5750-dhis2-webapp</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=GruppeX&diff=5614GruppeX2017-12-06T23:26:28Z<p>Phgreger@uio.no: /* Licensing */</p>
<hr />
<div><br />
== Group members ==<br />
* Markus Medalen (markusme)<br />
* Petter Hallvard Tveiten Gregersen (phgreger)<br />
* Sebastian Pettersen Sigurdsen (sebastps)<br />
* Frank Lyder Bredland (franklbr)<br />
<br />
== Product descriptions requirements ==<br />
<br />
=== Assignment ===<br />
[https://wiki.uio.no/mn/ifi/inf5750/index.php/HIV_Cascade_Analysis HIV Cascade Analysis]<br />
<br />
=== Assignment description ===<br />
In this assignment we are gone create an DHIS2 application that provides a visualisation of a HIV 90-90-90 cascade. DHIS2 already has a Data Visualizer implemented to create bar charts, but lacks functionalities to have the value of each bar represents the subset of the previous bar. <br />
<br />
The application should also present this information in three different ways: <br />
* As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous. <br />
* As raw numbers, but showing both the actual number and the gap. <br />
* As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage. <br />
The application can be used in different settings/ countries and thus, different DHIS2 databases. Because of this, we need to create an interface that the user can configurated and save for later: <br />
* 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. <br />
* 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. <br />
Cascades are often done for different population groups (by sex, age etc). Therefore, it should be possible to save different configurations, and to swap between these. In addition to selection of data, it must be possible to select the time period and organisation unit to display data for, either as part of the configuration or when generating the visualisation. There must be support for downloading the visualisations. <br />
<br />
== Architecture ==<br />
<br />
=== Frameworks and external libraries: ===<br />
* [https://reactjs.org/ React] - We chose React because two people on the group knew a little bit how to use that framework from before. <br />
* https://d3js.org/ - We chose d3 for data visualisation because it has high customisability <br />
* [https://getbootstrap.com/docs/3.3/css/ https://getbootstrap.com]- We chose bootstrap for easy and good looking CSS.<br />
<br />
== Tools ==<br />
* https://www.jetbrains.com/webstorm/ - IDE<br />
* https://slack.com/ - Team communcation<br />
* https://discordapp.com/ - Team voice communication<br />
* https://github.uio.no/ - Version control<br />
Whenever someone pushes changes to the repository, the other members are notified on Slack.<br />
<br />
== Licensing ==<br />
* BSD - http://www.linfo.org/bsdlicense.html<br />
** DHIS2<br />
<br />
** MIT - https://opensource.org/licenses/MIT<br />
*** React <br />
*** Redux<br />
*** Bootstrap<br />
*** Our HIV Cascade application<br />
<br />
== Division of labour ==<br />
Everyone works on everything.<br />
<br />
We use Git issues to create a backlog where everyone can grab assignments to work on.<br />
<br />
We also have at least two weekly meetings where we work together and discuss the project. <br />
<br />
== Mockups ==<br />
[[File:1.1-Chart.png|thumb|600x600px|Chart layout mockup|none]] <br />
[[File:2.1-Configure.png|thumb|600x600px|Configure layout mockup|none]]<br />
<br />
== Use case diagram ==<br />
[[File:Use case diagram USER.png|none|thumb|392x392px|Use case diagram - User flow]]<br />
[[File:Use case diagram admin.png|none|thumb|388x388px|Use case diagram - Administrator flow / Configure flow]]<br />
<br />
== Timeline ==<br />
[[File:Groupx.png|thumb|647x647px|Estimated timeline|none]]<br />
<br />
== Link to project repository ==<br />
https://github.uio.no/GruppeX/INF5750-dhis2-webapp</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=GruppeX&diff=5610GruppeX2017-12-06T22:30:31Z<p>Phgreger@uio.no: Added use case diagrams</p>
<hr />
<div><br />
== Group members ==<br />
* Markus Medalen (markusme)<br />
* Petter Hallvard Tveiten Gregersen (phgreger)<br />
* Sebastian Pettersen Sigurdsen (sebastps)<br />
* Frank Lyder Bredland (franklbr)<br />
<br />
== Product descriptions requirements ==<br />
<br />
=== Assignment ===<br />
[https://wiki.uio.no/mn/ifi/inf5750/index.php/HIV_Cascade_Analysis HIV Cascade Analysis]<br />
<br />
=== Assignment description ===<br />
In this assignment we are gone create an DHIS2 application that provides a visualisation of a HIV 90-90-90 cascade. DHIS2 already has a Data Visualizer implemented to create bar charts, but lacks functionalities to have the value of each bar represents the subset of the previous bar. <br />
<br />
The application should also present this information in three different ways: <br />
* As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous. <br />
* As raw numbers, but showing both the actual number and the gap. <br />
* As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage. <br />
The application can be used in different settings/ countries and thus, different DHIS2 databases. Because of this, we need to create an interface that the user can configurated and save for later: <br />
* 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. <br />
* 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. <br />
Cascades are often done for different population groups (by sex, age etc). Therefore, it should be possible to save different configurations, and to swap between these. In addition to selection of data, it must be possible to select the time period and organisation unit to display data for, either as part of the configuration or when generating the visualisation. There must be support for downloading the visualisations. <br />
<br />
== Architecture ==<br />
<br />
=== Frameworks and external libraries: ===<br />
* [https://reactjs.org/ React] - We chose React because two people on the group know how to use that framework from before. <br />
* https://d3js.org/ - We chose d3 for data visualisation because it has high customisability <br />
* [https://getbootstrap.com/docs/3.3/css/ https://getbootstrap.com]- We chose bootstrap for easy and good looking CSS.<br />
<br />
== Tools ==<br />
* https://www.jetbrains.com/webstorm/ - IDE<br />
* https://slack.com/ - Team communcation<br />
* https://discordapp.com/ - Team voice communication<br />
* https://github.uio.no/ - Version control<br />
Whenever someone pushes changes to the repository, the other members are notified on Slack.<br />
<br />
== Licensing ==<br />
* BSD - http://www.linfo.org/bsdlicense.html<br />
** DHIS2<br />
<br />
** MIT - https://opensource.org/licenses/MIT<br />
*** React <br />
*** Jest <br />
*** Redux<br />
*** Bootstrap<br />
*** Our HIV Cascade application<br />
<br />
== Division of labour ==<br />
Everyone works on everything.<br />
<br />
We use Git issues to create a backlog where everyone can grab assignments to work on.<br />
<br />
We also have at least two weekly meetings where we work together and discuss the project. <br />
<br />
== Mockups ==<br />
[[File:1.1-Chart.png|thumb|600x600px|Chart layout mockup|none]] <br />
[[File:2.1-Configure.png|thumb|600x600px|Configure layout mockup|none]]<br />
<br />
== Use case diagram ==<br />
[[File:Use case diagram USER.png|none|thumb|392x392px|Use case diagram - User flow]]<br />
[[File:Use case diagram admin.png|none|thumb|388x388px|Use case diagram - Administrator flow / Configure flow]]<br />
<br />
== Timeline ==<br />
[[File:Groupx.png|thumb|647x647px|Estimated timeline|none]]<br />
<br />
== Link to project repository ==<br />
https://github.uio.no/GruppeX/INF5750-dhis2-webapp</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=File:Use_case_diagram_admin.png&diff=5609File:Use case diagram admin.png2017-12-06T22:29:14Z<p>Phgreger@uio.no: </p>
<hr />
<div>Use case diagram admin</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=File:Use_case_diagram_USER.png&diff=5608File:Use case diagram USER.png2017-12-06T22:28:02Z<p>Phgreger@uio.no: </p>
<hr />
<div>Use case diagram USER</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=GruppeX&diff=5606GruppeX2017-12-06T21:55:00Z<p>Phgreger@uio.no: trying to format without things jumping around</p>
<hr />
<div><br />
== Group members ==<br />
* Markus Medalen (markusme)<br />
* Petter Hallvard Tveiten Gregersen (phgreger)<br />
* Sebastian Pettersen Sigurdsen (sebastps)<br />
* Frank Lyder Bredland (franklbr)<br />
<br />
== Product descriptions requirements ==<br />
<br />
=== Assignment ===<br />
[https://wiki.uio.no/mn/ifi/inf5750/index.php/HIV_Cascade_Analysis HIV Cascade Analysis]<br />
<br />
=== Assignment description ===<br />
In this assignment we are gone create an DHIS2 application that provides a visualisation of a HIV 90-90-90 cascade. DHIS2 already has a Data Visualizer implemented to create bar charts, but lacks functionalities to have the value of each bar represents the subset of the previous bar. <br />
<br />
The application should also present this information in three different ways: <br />
* As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous. <br />
* As raw numbers, but showing both the actual number and the gap. <br />
* As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage. <br />
The application can be used in different settings/ countries and thus, different DHIS2 databases. Because of this, we need to create an interface that the user can configurated and save for later: <br />
* 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. <br />
* 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. <br />
Cascades are often done for different population groups (by sex, age etc). Therefore, it should be possible to save different configurations, and to swap between these. In addition to selection of data, it must be possible to select the time period and organisation unit to display data for, either as part of the configuration or when generating the visualisation. There must be support for downloading the visualisations. <br />
<br />
== Architecture ==<br />
<br />
=== Frameworks and external libraries: ===<br />
* [https://reactjs.org/ React]<br />
* https://developers.google.com/chart/ - for data visualization<br />
* [https://getbootstrap.com/docs/3.3/css/ https://getbootstrap.com]- Bootstrap for easy CSS<br />
* https://facebook.github.io/jest/ - for testing<br />
<br />
== Tools ==<br />
* https://www.jetbrains.com/webstorm/ - IDE<br />
* https://slack.com/ - Team communcation<br />
* https://discordapp.com/ - Team voice communication<br />
* https://github.uio.no/ - Version control<br />
Whenever someone pushes changes to the repository, the other members are notified on Slack.<br />
<br />
== Licensing ==<br />
* BSD - http://www.linfo.org/bsdlicense.html<br />
** DHIS2<br />
<br />
** MIT - https://opensource.org/licenses/MIT<br />
*** React <br />
*** Jest <br />
*** Redux<br />
*** Bootstrap<br />
*** Our HIV Cascade application<br />
<br />
== Division of labour ==<br />
Everyone works on everything.<br />
<br />
We use Git issues to create a backlog where everyone can grab assignments to work on.<br />
<br />
We also have at least two weekly where we work together and discuss the project. <br />
<br />
== Mockups ==<br />
[[File:1.1-Chart.png|thumb|600x600px|Chart layout mockup|none]] <br />
[[File:2.1-Configure.png|thumb|600x600px|Configure layout mockup|none]]<br />
<br />
== Timeline ==<br />
[[File:Groupx.png|thumb|647x647px|Estimated timeline|none]]<br />
<br />
== Link to project repository ==<br />
https://github.uio.no/GruppeX/INF5750-dhis2-webapp</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=GruppeX&diff=5605GruppeX2017-12-06T21:52:52Z<p>Phgreger@uio.no: Trying to format this page properly....</p>
<hr />
<div><br />
== Group members ==<br />
* Markus Medalen (markusme)<br />
* Petter Hallvard Tveiten Gregersen (phgreger)<br />
* Sebastian Pettersen Sigurdsen (sebastps)<br />
* Frank Lyder Bredland (franklbr)<br />
<br />
== Product descriptions requirements ==<br />
<br />
=== Assignment ===<br />
[https://wiki.uio.no/mn/ifi/inf5750/index.php/HIV_Cascade_Analysis HIV Cascade Analysis]<br />
<br />
=== Assignment description ===<br />
In this assignment we are gone create an DHIS2 application that provides a visualisation of a HIV 90-90-90 cascade. DHIS2 already has a Data Visualizer implemented to create bar charts, but lacks functionalities to have the value of each bar represents the subset of the previous bar. <br />
<br />
The application should also present this information in three different ways: <br />
* As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous. <br />
* As raw numbers, but showing both the actual number and the gap. <br />
* As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage. <br />
The application can be used in different settings/ countries and thus, different DHIS2 databases. Because of this, we need to create an interface that the user can configurated and save for later: <br />
* 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. <br />
* 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. <br />
Cascades are often done for different population groups (by sex, age etc). Therefore, it should be possible to save different configurations, and to swap between these. In addition to selection of data, it must be possible to select the time period and organisation unit to display data for, either as part of the configuration or when generating the visualisation. There must be support for downloading the visualisations. <br />
<br />
== Architecture ==<br />
<br />
=== Frameworks and external libraries: ===<br />
* [https://reactjs.org/ React]<br />
* https://developers.google.com/chart/ - for data visualization<br />
* [https://getbootstrap.com/docs/3.3/css/ https://getbootstrap.com]- Bootstrap for easy CSS<br />
* https://facebook.github.io/jest/ - for testing<br />
<br />
== Tools ==<br />
* https://www.jetbrains.com/webstorm/ - IDE<br />
* https://slack.com/ - Team communcation<br />
* https://discordapp.com/ - Team voice communication<br />
* https://github.uio.no/ - Version control<br />
Whenever someone pushes changes to the repository, the other members are notified on Slack.<br />
<br />
== Licensing ==<br />
* BSD - http://www.linfo.org/bsdlicense.html<br />
** DHIS2<br />
<br />
** MIT - https://opensource.org/licenses/MIT<br />
*** React <br />
*** Jest <br />
*** Redux<br />
*** Bootstrap<br />
*** Our HIV Cascade application<br />
<br />
== Division of labour ==<br />
Everyone works on everything.<br />
<br />
We use Git issues to create a backlog where everyone can grab assignments to work on.<br />
<br />
We also have at least two weekly where we work together and discuss the project. <br />
<br />
== Mockups ==<br />
[[File:1.1-Chart.png|left|thumb|600x600px|Chart layout mockup]] <br />
[[File:2.1-Configure.png|thumb|600x600px|Configure layout mockup]]<br />
<br />
__<br />
<br />
== Timeline ==<br />
[[File:Groupx.png|thumb|647x647px|left|Estimated timeline]]<br />
<br />
__<br />
<br />
== Link to project repository ==<br />
https://github.uio.no/GruppeX/INF5750-dhis2-webapp</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=GruppeX&diff=5556GruppeX2017-12-06T15:43:13Z<p>Phgreger@uio.no: /* Licensing */</p>
<hr />
<div><br />
== Group members ==<br />
* Markus Medalen (markusme)<br />
* Petter Hallvard Tveiten Gregersen (phgreger)<br />
* Sebastian Pettersen Sigurdsen (sebastps)<br />
* Frank Lyder Bredland (franklbr)<br />
<br />
== Product descriptions requirements ==<br />
<br />
=== Assignment ===<br />
[https://wiki.uio.no/mn/ifi/inf5750/index.php/HIV_Cascade_Analysis HIV Cascade Analysis]<br />
<br />
=== Assignment description ===<br />
In this assignment we are gone create an DHIS2 application that provides a visualisation of a HIV 90-90-90 cascade. DHIS2 already has a Data Visualizer implemented to create bar charts, but lacks functionalities to have the value of each bar represents the subset of the previous bar. <br />
<br />
The application should also present this information in three different ways: <br />
* As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous. <br />
* As raw numbers, but showing both the actual number and the gap. <br />
* As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage. <br />
The application can be used in different settings/ countries and thus, different DHIS2 databases. Because of this, we need to create an interface that the user can configurated and save for later: <br />
* 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. <br />
* 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. <br />
Cascades are often done for different population groups (by sex, age etc). Therefore, it should be possible to save different configurations, and to swap between these. In addition to selection of data, it must be possible to select the time period and organisation unit to display data for, either as part of the configuration or when generating the visualisation. There must be support for downloading the visualisations. <br />
<br />
== Architecture ==<br />
<br />
=== Frameworks and external libraries: ===<br />
* [https://reactjs.org/ React]<br />
* https://developers.google.com/chart/ - for data visualization<br />
* [https://getbootstrap.com/docs/3.3/css/ https://getbootstrap.com]- Bootstrap for easy CSS<br />
* https://facebook.github.io/jest/ - for testing<br />
<br />
== Tools ==<br />
* https://www.jetbrains.com/webstorm/ - IDE<br />
* https://slack.com/ - Team communcation<br />
* https://discordapp.com/ - Team voice communication<br />
* https://github.uio.no/ - Version control<br />
Whenever someone pushes changes to the repository, the other members are notified on Slack.<br />
<br />
== Licensing ==<br />
** MIT - https://opensource.org/licenses/MIT<br />
*** React <br />
*** Jest <br />
*** Redux<br />
*** Bootstrap<br />
*** Our HIV Cascade application<br />
<br />
== Division of labour ==<br />
Everyone works on everything.<br />
<br />
We use Git issues to create a backlog where everyone can grab assignments to work on.<br />
<br />
We also have at least two weekly where we work together and discuss the project. <br />
<br />
== Mockups ==<br />
[[File:1.1-Chart.png|left|thumb|600x600px|Chart layout mockup]] <br />
[[File:2.1-Configure.png|left|thumb|600x600px|Configure layout mockup]]<br />
<br />
== Timeline ==<br />
[[File:Groupx.png|thumb|647x647px|left|Estimated timeline]]<br />
<br />
== Link to project repository ==<br />
https://github.uio.no/GruppeX/INF5750-dhis2-webapp</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=GruppeX&diff=5546GruppeX2017-12-06T14:01:49Z<p>Phgreger@uio.no: Moved things around</p>
<hr />
<div><br />
== Group members ==<br />
* Markus Medalen (markusme)<br />
* Petter Hallvard Tveiten Gregersen (phgreger)<br />
* Sebastian Pettersen Sigurdsen (sebastps)<br />
* Frank Lyder Bredland (franklbr)<br />
<br />
== Product descriptions requirements ==<br />
<br />
=== Assignment ===<br />
[https://wiki.uio.no/mn/ifi/inf5750/index.php/HIV_Cascade_Analysis HIV Cascade Analysis]<br />
<br />
=== Assignment description ===<br />
In this assignment we are gone create an DHIS2 application that provides a visualisation of a HIV 90-90-90 cascade. DHIS2 already has a Data Visualizer implemented to create bar charts, but lacks functionalities to have the value of each bar represents the subset of the previous bar. <br />
<br />
The application should also present this information in three different ways: <br />
* As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous. <br />
* As raw numbers, but showing both the actual number and the gap. <br />
* As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage. <br />
The application can be used in different settings/ countries and thus, different DHIS2 databases. Because of this, we need to create an interface that the user can configurated and save for later: <br />
* 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. <br />
* 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. <br />
Cascades are often done for different population groups (by sex, age etc). Therefore, it should be possible to save different configurations, and to swap between these. In addition to selection of data, it must be possible to select the time period and organisation unit to display data for, either as part of the configuration or when generating the visualisation. There must be support for downloading the visualisations. <br />
<br />
== Architecture ==<br />
<br />
=== Frameworks and external libraries: ===<br />
* [https://reactjs.org/ React]<br />
* https://developers.google.com/chart/ - for data visualization<br />
* [https://getbootstrap.com/docs/3.3/css/ https://getbootstrap.com]- Bootstrap for easy CSS<br />
* https://facebook.github.io/jest/ - for testing<br />
<br />
== Tools ==<br />
* https://www.jetbrains.com/webstorm/ - IDE<br />
* https://slack.com/ - Team communcation<br />
* https://github.uio.no/ - Version control<br />
Whenever someone pushes changes to the repository, the other members are notified on Slack.<br />
<br />
== Licensing ==<br />
* https://v4-alpha.getbootstrap.com/about/license/ - Bootstrap license<br />
<br />
== Division of labour ==<br />
Everyone works on everything.<br />
<br />
We use Git issues to create a backlog where everyone can grab assignments to work on.<br />
<br />
We also have at least two weekly where we work together and discuss the project. <br />
<br />
== Mockups ==<br />
[[File:1.1-Chart.png|left|thumb|600x600px|Chart layout mockup]] <br />
[[File:2.1-Configure.png|left|thumb|600x600px|Configure layout mockup]]<br />
<br />
== Timeline ==<br />
[[File:Groupx.png|thumb|647x647px|left|Estimated timeline]]<br />
<br />
== Link to project repository ==<br />
https://github.uio.no/GruppeX/INF5750-dhis2-webapp</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=GruppeX&diff=5544GruppeX2017-12-06T13:59:08Z<p>Phgreger@uio.no: Added mockups and cleaned up wiki</p>
<hr />
<div><br />
== Group members ==<br />
* Markus Medalen (markusme)<br />
* Petter Hallvard Tveiten Gregersen (phgreger)<br />
* Sebastian Pettersen Sigurdsen (sebastps)<br />
* Frank Lyder Bredland (franklbr)<br />
<br />
== Product descriptions requirements ==<br />
<br />
=== Assignment ===<br />
[https://wiki.uio.no/mn/ifi/inf5750/index.php/HIV_Cascade_Analysis HIV Cascade Analysis]<br />
<br />
=== Assignment description ===<br />
In this assignment we are gone create an DHIS2 application that provides a visualisation of a HIV 90-90-90 cascade. DHIS2 already has a Data Visualizer implemented to create bar charts, but lacks functionalities to have the value of each bar represents the subset of the previous bar. <br />
<br />
The application should also present this information in three different ways: <br />
* As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous. <br />
* As raw numbers, but showing both the actual number and the gap. <br />
* As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage. <br />
The application can be used in different settings/ countries and thus, different DHIS2 databases. Because of this, we need to create an interface that the user can configurated and save for later: <br />
* 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. <br />
* 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. <br />
Cascades are often done for different population groups (by sex, age etc). Therefore, it should be possible to save different configurations, and to swap between these. In addition to selection of data, it must be possible to select the time period and organisation unit to display data for, either as part of the configuration or when generating the visualisation. There must be support for downloading the visualisations. <br />
<br />
== Architecture ==<br />
<br />
=== Frameworks and external libraries: ===<br />
* [https://reactjs.org/ React]<br />
* https://developers.google.com/chart/ - for data visualization<br />
* [https://getbootstrap.com/docs/3.3/css/ https://getbootstrap.com]- Bootstrap for easy CSS<br />
* https://facebook.github.io/jest/ - for testing<br />
<br />
== Tools ==<br />
* https://www.jetbrains.com/webstorm/ - IDE<br />
* https://slack.com/ - Team communcation<br />
* https://github.uio.no/ - Version control<br />
Whenever someone pushes changes to the repository, the other members are notified on Slack.<br />
<br />
== Licensing ==<br />
* https://v4-alpha.getbootstrap.com/about/license/ - Bootstrap license<br />
<br />
== Division of labour ==<br />
Everyone works on everything.<br />
<br />
We use Git issues to create a backlog where everyone can grab assignments to work on.<br />
<br />
We also have at least two weekly where we work together and discuss the project. <br />
<br />
== Mockups ==<br />
[[File:1.1-Chart.png|left|thumb|600x600px|Chart layout mockup]] <br />
[[File:2.1-Configure.png|left|thumb|600x600px|Configure layout mockup]] <br />
<br />
== Timeline ==<br />
Estimated timeline[[File:Groupx.png|thumb|647x647px|left]]<br />
<br />
== Link to project repository ==<br />
https://github.uio.no/GruppeX/INF5750-dhis2-webapp</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=File:2.1-Configure.png&diff=5543File:2.1-Configure.png2017-12-06T13:55:47Z<p>Phgreger@uio.no: </p>
<hr />
<div>Configure layout mockup</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=File:1.1-Chart.png&diff=5542File:1.1-Chart.png2017-12-06T13:54:03Z<p>Phgreger@uio.no: </p>
<hr />
<div>Chart layout mockup</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=GruppeX&diff=5169GruppeX2017-11-19T15:01:57Z<p>Phgreger@uio.no: Added another framework and libraries</p>
<hr />
<div><br />
== Group members ==<br />
* Markus Medalen (markusme)<br />
* Petter Hallvard Tveiten Gregersen (phgreger)<br />
* Sebastian Pettersen Sigurdsen (sebastps)<br />
* Frank Lyder Bredland (franklbr)<br />
<br />
== Product descriptions requirements ==<br />
<br />
=== Assignment ===<br />
[https://wiki.uio.no/mn/ifi/inf5750/index.php/HIV_Cascade_Analysis HIV Cascade Analysis]<br />
<br />
=== Assignment description ===<br />
In this assignment we are gone create an DHIS2 application that provides a visualisation of a HIV 90-90-90 cascade. DHIS2 already has a Data Visualizer implemented to create bar charts, but lacks functionalities to have the value of each bar represents the subset of the previous bar. <br />
<br />
The application should also present this information in three different ways: <br />
* As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous. <br />
* As raw numbers, but showing both the actual number and the gap. <br />
* As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage. <br />
The application can be used in different settings/ countries and thus, different DHIS2 databases. Because of this, we need to create an interface that the user can configurated and save for later: <br />
* 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. <br />
* 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. <br />
Cascades are often done for different population groups (by sex, age etc). Therefore, it should be possible to save different configurations, and to swap between these. In addition to selection of data, it must be possible to select the time period and organisation unit to display data for, either as part of the configuration or when generating the visualisation. There must be support for downloading the visualisations. <br />
<br />
== Architecture ==<br />
<br />
=== Frameworks and external libraries: ===<br />
* [https://reactjs.org/ React]<br />
* https://developers.google.com/chart/ - for data visualization<br />
* [https://getbootstrap.com/docs/3.3/css/ https://getbootstrap.com]- Bootstrap for easy CSS<br />
* https://facebook.github.io/jest/ - for testing<br />
<br />
== Tools ==<br />
* https://www.jetbrains.com/webstorm/ - IDE<br />
* https://slack.com/ - Team communcation<br />
* https://github.uio.no/ - Version control<br />
Whenever someone pushes changes to the repository, the other members are notified on Slack.<br />
<br />
== Licensing ==<br />
* https://v4-alpha.getbootstrap.com/about/license/ - Bootstrap license<br />
<br />
== Division of labour ==<br />
Everyone works on everything.<br />
<br />
We use Git issues to create a backlog where everyone can grab assignments to work on.<br />
<br />
We also have at least two weekly where we work together and discuss the project. [[File:Groupx.png|thumb|647x647px]]<br />
<br />
== Timeline ==<br />
Estimated timeline<br />
<br />
== Link to project repository ==<br />
https://github.uio.no/GruppeX/INF5750-dhis2-webapp</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=GruppeX&diff=5157GruppeX2017-11-15T13:46:33Z<p>Phgreger@uio.no: /* Licensing */</p>
<hr />
<div><br />
== Group members ==<br />
* Markus Medalen (markusme)<br />
* Petter Hallvard Tveiten Gregersen (phgreger)<br />
* Sebastian Pettersen Sigurdsen (sebastps)<br />
* Frank Lyder Bredland (franklbr)<br />
<br />
== Product descriptions requirements ==<br />
<br />
=== Assignment ===<br />
[https://wiki.uio.no/mn/ifi/inf5750/index.php/HIV_Cascade_Analysis HIV Cascade Analysis]<br />
<br />
=== Assignment description ===<br />
In this assignment we are gone create an DHIS2 application that provides a visualisation of a HIV 90-90-90 cascade. DHIS2 already has a Data Visualizer implemented to create bar charts, but lacks functionalities to have the value of each bar represents the subset of the previous bar. <br />
<br />
The application should also present this information in three different ways: <br />
* As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous. <br />
* As raw numbers, but showing both the actual number and the gap. <br />
* As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage. <br />
The application can be used in different settings/ countries and thus, different DHIS2 databases. Because of this, we need to create an interface that the user can configurated and save for later: <br />
* 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. <br />
* 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. <br />
Cascades are often done for different population groups (by sex, age etc). Therefore, it should be possible to save different configurations, and to swap between these. In addition to selection of data, it must be possible to select the time period and organisation unit to display data for, either as part of the configuration or when generating the visualisation. There must be support for downloading the visualisations. <br />
<br />
== Architecture ==<br />
<br />
=== Frameworks and external libraries: ===<br />
* [https://reactjs.org/ React]<br />
* https://developers.google.com/chart/ - for data visualization<br />
* [https://getbootstrap.com/docs/3.3/css/ https://getbootstrap.com]- Bootstrap for easy CSS<br />
<br />
== Tools ==<br />
* https://www.jetbrains.com/webstorm/ - IDE<br />
* https://slack.com/ - Team communcation<br />
* https://github.uio.no/ - Version control<br />
Whenever someone pushes changes to the repository, the other members are notified on Slack.<br />
<br />
== Licensing ==<br />
* https://v4-alpha.getbootstrap.com/about/license/ - Bootstrap license<br />
<br />
== Division of labour ==<br />
Everyone works on everything.<br />
<br />
We use Git issues to create a backlog where everyone can grab assignments to work on.<br />
<br />
We also have at least two weekly where we work together and discuss the project. [[File:Groupx.png|thumb|647x647px]]<br />
<br />
== Timeline ==<br />
Estimated timeline<br />
<br />
== Link to project repository ==<br />
https://github.uio.no/GruppeX/INF5750-dhis2-webapp</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=GruppeX&diff=5156GruppeX2017-11-15T13:42:57Z<p>Phgreger@uio.no: Created section tools and added more libraries to external libraries list.</p>
<hr />
<div><br />
== Group members ==<br />
* Markus Medalen (markusme)<br />
* Petter Hallvard Tveiten Gregersen (phgreger)<br />
* Sebastian Pettersen Sigurdsen (sebastps)<br />
* Frank Lyder Bredland (franklbr)<br />
<br />
== Product descriptions requirements ==<br />
<br />
=== Assignment ===<br />
[https://wiki.uio.no/mn/ifi/inf5750/index.php/HIV_Cascade_Analysis HIV Cascade Analysis]<br />
<br />
=== Assignment description ===<br />
In this assignment we are gone create an DHIS2 application that provides a visualisation of a HIV 90-90-90 cascade. DHIS2 already has a Data Visualizer implemented to create bar charts, but lacks functionalities to have the value of each bar represents the subset of the previous bar. <br />
<br />
The application should also present this information in three different ways: <br />
* As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous. <br />
* As raw numbers, but showing both the actual number and the gap. <br />
* As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage. <br />
The application can be used in different settings/ countries and thus, different DHIS2 databases. Because of this, we need to create an interface that the user can configurated and save for later: <br />
* 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. <br />
* 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. <br />
Cascades are often done for different population groups (by sex, age etc). Therefore, it should be possible to save different configurations, and to swap between these. In addition to selection of data, it must be possible to select the time period and organisation unit to display data for, either as part of the configuration or when generating the visualisation. There must be support for downloading the visualisations. <br />
<br />
== Architecture ==<br />
<br />
=== Frameworks and external libraries: ===<br />
* [https://reactjs.org/ React]<br />
* https://developers.google.com/chart/ - for data visualization<br />
* [https://getbootstrap.com/docs/3.3/css/ https://getbootstrap.com]- Bootstrap for easy CSS<br />
<br />
== Tools ==<br />
* https://www.jetbrains.com/webstorm/ - IDE<br />
* https://slack.com/ - Team communcation<br />
* https://github.uio.no/ - Version control<br />
Whenever someone pushes changes to the repository, the other members are notified on Slack.<br />
<br />
== Licensing ==<br />
<br />
== Division of labour ==<br />
Everyone works on everything.<br />
<br />
We use Git issues to create a backlog where everyone can grab assignments to work on.<br />
<br />
We also have at least two weekly where we work together and discuss the project. [[File:Groupx.png|thumb|647x647px]]<br />
<br />
== Timeline ==<br />
Estimated timeline<br />
<br />
== Link to project repository ==<br />
https://github.uio.no/GruppeX/INF5750-dhis2-webapp</div>Phgreger@uio.nohttps://wiki.uio.no/mn/ifi/inf5750/index.php?title=GruppeX&diff=5153GruppeX2017-11-12T12:41:40Z<p>Phgreger@uio.no: Changed frameworks and architecture</p>
<hr />
<div><br />
== Group members ==<br />
* Markus Medalen (markusme)<br />
* Petter Hallvard Tveiten Gregersen (phgreger)<br />
* Sebastian Pettersen Sigurdsen (sebastps)<br />
* Frank Lyder Bredland (franklbr)<br />
<br />
== Product descriptions requirements ==<br />
<br />
=== Assignment ===<br />
[https://wiki.uio.no/mn/ifi/inf5750/index.php/HIV_Cascade_Analysis HIV Cascade Analysis]<br />
<br />
=== Assignment description ===<br />
In this assignment we are gone create an DHIS2 application that provides a visualisation of a HIV 90-90-90 cascade. DHIS2 already has a Data Visualizer implemented to create bar charts, but lacks functionalities to have the value of each bar represents the subset of the previous bar. <br />
<br />
The application should also present this information in three different ways: <br />
* As percentages, where the first bar in the cascade is 100%, and the subsequent bars as expressed as percentages of the previous. <br />
* As raw numbers, but showing both the actual number and the gap. <br />
* As raw data and percentages (on different axis), i.e. bars with the raw data and a line with the percentage. <br />
The application can be used in different settings/ countries and thus, different DHIS2 databases. Because of this, we need to create an interface that the user can configurated and save for later: <br />
* 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. <br />
* 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. <br />
Cascades are often done for different population groups (by sex, age etc). Therefore, it should be possible to save different configurations, and to swap between these. In addition to selection of data, it must be possible to select the time period and organisation unit to display data for, either as part of the configuration or when generating the visualisation. There must be support for downloading the visualisations. <br />
<br />
== Architecture ==<br />
<br />
=== Frameworks and external libraries: ===<br />
* [https://reactjs.org/ React]<br />
* https://developers.google.com/chart/ - for data visualization<br />
<br />
* More to be added later...<br />
<br />
== Licensing ==<br />
<br />
== Division of labour ==<br />
Everyone works on everything.<br />
<br />
We use Git issues to create a backlog where everyone can grab assignments to work on.<br />
<br />
We also have at least two weekly where we work together and discuss the project. [[File:Groupx.png|thumb|647x647px]]<br />
<br />
== Timeline ==<br />
Estimated timeline<br />
<br />
== Link to project repository ==<br />
https://github.uio.no/GruppeX/INF5750-dhis2-webapp</div>Phgreger@uio.no