From mn/ifi/inf5750
Revision as of 13:18, 27 October 2017 by (talk | contribs) (Added background components)

Jump to: navigation, search

Group members

Mikkel Bakken

Ingvild Larsen

Carl Petter Boehlke

Kristian Pedersen


Stock Level Visualisations



The application shall have two modes:

- Estimates, showing estimated months left of a selected stock, for chosen organization units.

- Time trend, showing time trend of stock for a single organization unit.

Functional requirements

The user can choose between the two modes described above.


- Default min/max boundaries can be set by an administrator (administrator view in mockup).

- The user can specify their own desired min/max boundaries as well (user view in mockups).

- If the administrator has not set a default min/max boundary, there is no default min/max boundary in the plot.

For "Estimates":

- The user can specify one stock type, and multiple organization units.

- Show current estimates as columns in a column diagram.

- Columns outside the specified min/max boundaries will be highlighted.

- Estimates are calculated based on average consumption over the last 3 months, and current stock levels ((current stock) / (average consumption) = estimated months left).

- Default min/max boundaries are shared by all organization units.

For "Time trend":

- The user can select an organization unit, and a stock type.

- Show time trend(months) of available stock as a graph.

- The min/max boundaries are shown as lines in the graph.

- The user can choose the time period they wish to see the time trend for (by default the last 6 months).

- Default min/max boundaries are associated with a specific organization unit and stock type.



We have chosen React, because of the view focused framework. We also feel that the group as a whole has more experience with React.

- Highcharts


To do


Milestone Goal Date Comment
1 Wiki page ready November 1st
2 Prototype ready Novemeber 6th
3 App ready for use November 20th

Division of labour


- Select mode (ModeSelector)

Estimates (Estimates):


- Search for organization units (MultipleOrgSearch)

- Search field (OrgSearch)

- Selected orgs list (OrgList)

- Input min/max boundary (UserBoundaryInput)

- Min (InputNumber)

- Max (InputNumber)

- Select stock (StockSelector)

- Showbutton (Showbutton)

- Admin box (AdminBox)

- Input min/max boundary (AdminBoundaryInput)

- OK button (OK)


- Diagram (EstimateDiagram)

Time trend (TimeTrend):


- Search for organization unit (SingleOrgSearch)

- Search field (OrgSearch)

- Input min/max boundary (UserBoundaryInput)

- Min (InputNumber)

- Max (InputNumber)

- Select stock (StockSelector)

- Select period (PeriodSelector)

- From (SelectDate)

- To (SelectDate)

- Showbutton (Showbutton)

- Admin box (AdminBox)

- Input min/max boundary (AdminBoundaryInput)

- OK button (OK)


- Time trend (TimeTrendGraph)


- Stock level retriever (StockFetcher)

- Estimate calculator (EstimateCalculator)