Stack workers

From mn/ifi/inf5750
Revision as of 23:08, 9 December 2014 by Magnlien@uio.no (talk | contribs)

Jump to: navigation, search

Data Element Bulk Editor

Overview

Data Elements Bulk Editor is a DHIS webapp. It enables administrators, and users, to manage data fields associated with forms and various value types in DHIS.  The app is visually designed in a similar manner to the current Data Element Editor, however, under the hood it is a faster, lighter, and more server-independant app.

When we started this project the goal was to make a smarter editor that allows for quick search and edit operations on form data fields. 

List of group members

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
  • Bootstrap
  • Angular
  • UI-Angular
  • UI-Bootstrap

HTML5, CSS and JS

These are the core technologies that make up the front end of modern web applications.

AngularJS

We primarily rely on angularJS for our project framework. We chose this technology because we wanted our app to be a single page application. The result is that all the pages are build as partial HTML templates and we inject their content into a single page. Angular is an exellent engine for building solid SPAs. We benefit from double databinding, templating, routing, data services and many of the other powerful features that angular provides.

We extended angular by adding better routing functionality and directive templates using ui-router and ui-bootstrap, respectively. These plugins work seamlessly with angular.

Bootstrap

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

Time schedule

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


How you are dividing tasks within the group

We worked a lot as a group. So we agreed on individual tasks during meetings, and we used facebook private group as a messaging board.

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

http://inf5750-21.uio.no/dhis-web-maintenance-appmanager/appList.action