Stack workers

Data Element Bulk Editor

Overview

This DHIS app displays a paged list of editable elements fetched using the DHIS API. The goal is to make a smart field editor that allows for quick search and edit operations.

List of group members

• Magnus Lien (Magnus)

• Hanieh Alibakhsh(Hanieh)

• Shayan Yazdanmehr (Shayan)

Features

• Filtering fields
• Sort result set based on aggreate and tracker
• Edit fields without leaving page
• Add and remove fields
• Detailed view of fields

Architechture and Technologies

Technologies we use:

• HTML5, CSS, JS
• jQuery
• Bootstrap
• Angular(?)

HTML5, CSS and JS

These are the core technologies that make up the front end of any browser web application.

AngularJS

We will primarily rely on angularJS for our project framework. This app will be a single page application. The application has one main page and several partial pages. The first page that we serve to the user is the main page. A page controller will inject partial pages into the main page on request (such as applying a field filter) and refresh the application.

Bootstrap

Bootstrap is used for easy, seamless and modern styling of our app. 

jQuery

We use jQuery for heavy javascript lifting such as DHIS API requests, animations and parsing data sets.

Milestone 1 (1st November)

• Document features and architecture on Wiki
• Show understanding of DHIS2 web apps

Milestone 2 (15th November)

• First bare-bone version - static HTML
• Uploadable as DHIS2 web app

Milestone 3 (30th November)

• Finished, if applicable also with mobile app.

Final delivery: 8th December
Presentation 9th December

Link to repository

https://github.com/magnli10/inf5750-debe