Revision as of 20:44, 31 October 2014

Data Element Bulk Editor

List of group members

• Magnus Lien (Magnus)

• Hanieh Alibakhsh(Hanieh)

• Shayan Yazdanmehr (Shayan)

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.

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

• 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.

Time schedule

How you are dividing tasks within the group

Screenshots and screen flows

Documented learning during project

Suggested improvements to APIs etc

Link to repository

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

Download link to sample web app or Android app