From mn/ifi/inf5750
Revision as of 15:15, 5 November 2015 by (talk | contribs) (To do)

Jump to: navigation, search

Improving usability in Tracker Capture app

The task is to modify the current Tracker Capture app to enable view of previous data when entering new data.

To approach this, we will add a new column in the data entry table where users input new data points. We will also allow for the possibility to chose which entry they want to look at when registering new data. If we have any extra time, we will look at smaller adjustments in the interface that can improve the general usability of the application.

Team members

  • Kristin Brænden (kribrae)
  • Simon Oliver Ommundsen (simonoo)
  • Ole Kristian Rosvold (olekros)



We will add functionality to view previously recorded data while entering new data. This will require us to make changes to the current HTML-files, adding new columns to the data entry table. As it might be relevant to view data entered from different events than the previous one, we will set the previous event as default, but allow the users to chose which event they want displayed - e.g. through a drop-down menu.

Architecture and technology

As this is an existing app, we will build on the existing technology stack currently used in the Tracker App.

This includes working towards the DHIS2 API, and creating the necessary models and controllers in order to let users view previous data entries.

  • HTML5
  • JavaScript
    • Angular
    • Ajax
    • JSON
  • CSS3
    • Bootstrap


  • Milestone 1: 8th November
    • Document features and architecture on Wiki
    • Show understanding of DHIS2 web apps
  • Milestone 2: 22th November
    • First bare-bone version - static HTML
    • Uploadable as DHIS2 web app
  • Milestone 3: 4th December
    • Finished, if applicable also with mobile app.
  • Final delivery: 11th December
  • Presentation: mid December

To do

  • Set up
    • Download and install DHIS2 for local development
    • Create GitHub-repository
    • Create Trello board for collaboration
    • Get to know the source code
  • Design user interface
    • Wireframe UI
  • Programming
    • Query the API for the previous event's data
    • Map the data to the corresponding label
    • Edit HTML file to display the new data
    • Make corresponding style changes
  • Nice to have
    • Create drop-down menu for choosing which event you want to see
    • Identify potential UI-changes to improve usability


// TODO:


// TODO: