Difference between revisions of "The league of ordinary gentlemen"

From mn/ifi/inf5750
Jump to: navigation, search
(flow)
 
(24 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
* Thomas Kaspar Parmer ( thomakpa@ifi.uio.no )
 
* Thomas Kaspar Parmer ( thomakpa@ifi.uio.no )
 
* Farhad Nooralahzadeh ( farhadno@ifi.uio.no )
 
* Farhad Nooralahzadeh ( farhadno@ifi.uio.no )
−
* Torkil Ravem ( torikra@ifi.uio.no )
+
* Torkil Ravem ( torkilra@ifi.uio.no )
  
 
== '''Requirements''' ==
 
== '''Requirements''' ==
  
−
== D Import, matching, visualizing ==
+
====== D Import, matching, visualizing ======
−
Two options
+
# Import data (and metadata) from the Demographic and Health Survey external API :  [https://drive.google.com/file/d/0B7h7JFGWnBi7aEczY0h2UGtpenc/view Mock-up]
−
# Import data (and metadata) from the Demographic and Health Survey external API :  [[Mock-up]]
 
 
# Import events or health facilities with coordinates linked to hierarchy using geography http://turfjs.org/
 
# Import events or health facilities with coordinates linked to hierarchy using geography http://turfjs.org/
  
 
== '''Schedule''' ==
 
== '''Schedule''' ==
 
{| class="wikitable"
 
{| class="wikitable"
−
!
+
!Id
−
!
+
!Start
−
!
+
!End
−
!
+
!Task Description
−
|-
+
!Deliverables
−
|
+
!Who
 +
|-
 +
|1
 +
|10/10
 +
|21/10
 +
| Get familiar with React and do some hands on work |Get familiar with React and some hands-on experiments
 +
|  
 
|
 
|
 +
|-
 +
|2
 +
|22/10
 +
|28/10
 +
|<nowiki>-Design the architecture Define the required tools  -Create project wiki </nowiki>
 +
|Project wiki
 
|
 
|
 +
|-
 +
|3
 +
|28/10
 +
|06/11
 +
|<nowiki>-Create the first components  -Find how to call DHIS api and the related parameters in import wizard </nowiki>
 +
|
 
|
 
|
 
|-
 
|-
 +
|4
 +
|07/11
 +
|14/11
 +
| -Implement redux, integrate app with DHIS2
 
|
 
|
 
|
 
|
 +
|-
 +
|5
 +
|15/11
 +
|27/11
 +
| -Finish the project
 
|
 
|
 
|
 
|
 +
|}
 +
 +
== '''Meetups''' ==
 +
{| class="wikitable"
 +
!Date
 +
!Room
 +
!Time
 +
|-
 +
|02/11
 +
|Modula
 +
|10:00 - 12:00
 +
|-
 +
|09/11
 +
|Modula
 +
|10:00 - 12:00
 +
|-
 +
|16/11
 +
|Modula
 +
|10:00 - 12:00
 
|-
 
|-
−
|
+
|23/11
−
|
+
|Modula
−
|
+
|10:00 - 12:00
−
|
 
 
|}
 
|}
  
−
== {| class="wikitable" !Id !Start !End !Task Description !Deliverables !Who |- |1 |10/10 |21/10 |Get familiar with React and do some hands on work | | |- |2 |22/10 |28/10 |Design the architecture Define the required tools  Create project wiki |Project wiki | |- |3 |28/10 |6/11 |Create the first components  Find how to call DHIS api and the related parameters in import wizard | | |- |4 |6/11 |- | | | |} ==
 
 
== '''Development Discipline''' ==
 
== '''Development Discipline''' ==
 +
Tools:
 +
* webpack
 +
* heroku
 +
* sass
 +
* some available react components : react-desktop,  react-filtered-multiselect, react-multistep-component
  
 
== '''Task Division''' ==
 
== '''Task Division''' ==
 +
{| class="wikitable"
 +
!Task
 +
!Contributors
 +
|-
 +
|Webapp
 +
|Farhad Nooralahzadeh
 +
|-
 +
|DHIS2 implementation
 +
|Thomas Parmer, Torkil Ravem
 +
|}
  
 
== '''Application Flow''' ==
 
== '''Application Flow''' ==
 +
Main
 +
 +
/  | \
 +
 +
CountryForm YearForm VariableForm
 +
 +
The Main component is the parent, while CountryForm, yearFOrm and VariableForm are siblings.
  
 
== '''Screen shots''' ==
 
== '''Screen shots''' ==
−
[[Mock-up]]
+
 
 +
[https://drive.google.com/file/d/0B7h7JFGWnBi7aEczY0h2UGtpenc/view Mock-up]
 +
 
 +
[https://drive.google.com/file/d/0B5qOhZo3k539OXBuSFBaR3R2SXM/view?usp=sharing Country Select]
 +
 
 +
[https://drive.google.com/file/d/0B5qOhZo3k539UHpCazZkbFUyMFE/view?usp=sharing Year Filter]
  
 
== '''Learning Outcome''' ==
 
== '''Learning Outcome''' ==
Line 50: Line 120:
 
== '''Link to repository''' ==
 
== '''Link to repository''' ==
 
https://github.com/nooralahzadeh/INF5750-D-ReactApp
 
https://github.com/nooralahzadeh/INF5750-D-ReactApp
 +
 +
[http://damp-dawn-95316.herokuapp.com/#/?_k=7mrgyh Live app in HEROKU]

Latest revision as of 14:09, 14 November 2016

Group Members

  • Thomas Kaspar Parmer ( thomakpa@ifi.uio.no )
  • Farhad Nooralahzadeh ( farhadno@ifi.uio.no )
  • Torkil Ravem ( torkilra@ifi.uio.no )

Requirements

D Import, matching, visualizing
  1. Import data (and metadata) from the Demographic and Health Survey external API :  Mock-up
  2. Import events or health facilities with coordinates linked to hierarchy using geography http://turfjs.org/

Schedule

Id Start End Task Description Deliverables Who
1 10/10 21/10 Get familiar with React and some hands-on experiments
2 22/10 28/10 -Design the architecture Define the required tools -Create project wiki Project wiki
3 28/10 06/11 -Create the first components -Find how to call DHIS api and the related parameters in import wizard
4 07/11 14/11 -Implement redux, integrate app with DHIS2
5 15/11 27/11 -Finish the project

Meetups

Date Room Time
02/11 Modula 10:00 - 12:00
09/11 Modula 10:00 - 12:00
16/11 Modula 10:00 - 12:00
23/11 Modula 10:00 - 12:00

Development Discipline

Tools:

  • webpack
  • heroku
  • sass
  • some available react components : react-desktop, react-filtered-multiselect, react-multistep-component

Task Division

Task Contributors
Webapp Farhad Nooralahzadeh
DHIS2 implementation Thomas Parmer, Torkil Ravem

Application Flow

Main

/ | \

CountryForm YearForm VariableForm

The Main component is the parent, while CountryForm, yearFOrm and VariableForm are siblings.

Screen shots

Mock-up

Country Select

Year Filter

Learning Outcome

Discussion and Future Work

Link to repository

https://github.com/nooralahzadeh/INF5750-D-ReactApp

Live app in HEROKU

Retrieved from "https://wiki.uio.no/mn/ifi/inf5750/index.php?title=The_league_of_ordinary_gentlemen&oldid=4190"