Difference between revisions of "CAO"

From mn/ifi/inf5750
Jump to: navigation, search
Line 1: Line 1:
 
== Overview ==
 
== Overview ==
  
'''Project name:'''&nbsp;<span style="font-size:larger;">''<span style="font-family: arial, sans-serif; white-space: nowrap;">Data element bulk editor</span>''</span>
+
'''Project name:'''&nbsp;<span style="font-size:larger">''<span style="font-family: arial, sans-serif; white-space: nowrap">Data element bulk editor</span>''</span>
  
 
The current "Data Elements"&nbsp;application is an editor for data elements ment to be used when creating forms. All kinds of data elements can be added, but all elements contains the same properties. Some properties are required, some are optional. The current application of DHIS2 resides only on server side, appeares outdated and slightly cluttered. Some features are lacking and some are poorly implemented.
 
The current "Data Elements"&nbsp;application is an editor for data elements ment to be used when creating forms. All kinds of data elements can be added, but all elements contains the same properties. Some properties are required, some are optional. The current application of DHIS2 resides only on server side, appeares outdated and slightly cluttered. Some features are lacking and some are poorly implemented.
Line 15: Line 15:
 
The task of this project is to create a brand new application, based on the same design as the existing. This will be implemented in HTML, CSS and Javascript, by utilizing the DHIS2 web API.
 
The task of this project is to create a brand new application, based on the same design as the existing. This will be implemented in HTML, CSS and Javascript, by utilizing the DHIS2 web API.
  
=== <span style="color: black; font-family: sans-serif; line-height: 1.6;">Architecture and technologies</span> ===
+
=== <span style="color: black; font-family: sans-serif; line-height: 1.6">Architecture and technologies</span> ===
  
 
*HTML, CSS and Javascript
 
*HTML, CSS and Javascript
Line 60: Line 60:
 
== Schedule and progress ==
 
== Schedule and progress ==
  
*Create bitbucket repository, <span style="background-color:#00ff00;">27. oct &nbsp;Chris</span>
+
*Create bitbucket repository, <span style="background-color:#00ff00">27. oct &nbsp;Chris</span>
*Write basic wiki, <span style="background-color:#00ff00;">27. oct Chris</span>
+
*Write basic wiki, <span style="background-color:#00ff00">27. oct Chris</span>
*Create template for web page and push to git,&nbsp;<span style="background-color:#00ff00;">&nbsp;27. oct Ola</span>
+
*Create template for web page and push to git,&nbsp;<span style="background-color:#00ff00">&nbsp;27. oct Ola</span>
*Added mockups and decided on design and functionality, <span style="background-color:#00ff00;">29. oct Andreas and Chris</span>
+
*Added mockups and decided on design and functionality, <span style="background-color:#00ff00">29. oct Andreas and Chris</span>
*Implement static html,&nbsp;<span style="background-color:#ffff00;">ETA 15. nov</span>
+
*Implement static html,&nbsp;<span style="background-color:#ffff00">ETA 15. nov</span>
 
*Implement edit functionality
 
*Implement edit functionality
 
*Implement edit more settings
 
*Implement edit more settings
Line 72: Line 72:
 
== Milestones ==
 
== Milestones ==
  
*<span style="background-color:#00ff00;">Milestone 1: 1st November: Document features and architecture on Wiki</span>
+
*<span style="background-color:#00ff00">Milestone 1: 1st November: Document features and architecture on Wiki</span>
  
*<span style="background-color:#ffff00;">Milestone 2: 15th November: First bare-bone versjon - static HTML and Uploadable as DHIS web app</span>
+
*<span style="background-color:#ffff00">Milestone 2: 15th November: First bare-bone versjon - static HTML and Uploadable as DHIS web app</span>
  
 
*Milestone 3: 30th November: Finished, if applicable also with mobile app
 
*Milestone 3: 30th November: Finished, if applicable also with mobile app
Line 87: Line 87:
  
 
roland@ifi.uio.no has been added with read access
 
roland@ifi.uio.no has been added with read access
 
== Resources ==
 
 
*[[DHIS2 Web API Documentation|https://www.dhis2.org/doc/snapshot/en/developer/html/ch01.html]]
 

Revision as of 10:41, 3 November 2014

Overview

Project name: Data element bulk editor

The current "Data Elements" application is an editor for data elements ment to be used when creating forms. All kinds of data elements can be added, but all elements contains the same properties. Some properties are required, some are optional. The current application of DHIS2 resides only on server side, appeares outdated and slightly cluttered. Some features are lacking and some are poorly implemented.

  • Edit button loads separate page
  • There are several pages, with x elements on each page
  • Filtering does not work in real time
  • Saving must be done manually
  • Users of the application claim it is too complicated to use

A system to make it easier to bulk edit data elements is necessary.

The task of this project is to create a brand new application, based on the same design as the existing. This will be implemented in HTML, CSS and Javascript, by utilizing the DHIS2 web API.

Architecture and technologies

  • HTML, CSS and Javascript
  • jQuery
  • Bootstrap for design
  • JSON? (This is perhaps implicit?)
  • DHIS2 Web API

Group members

  • Andreas Gansen
  • Ola Græsli
  • Chris Risvik
  • Nikolaos Fatis

Implementation

Required features

  • No page reloading, everything happens on one single page
  • Always show details view on right side
  • Press element for accordion dropdown editor with requred fields
  • Button for "more settings" in dropdown editor, which expands the dropdown, showing all fields
  • Save button which closes the edit window and refreshes the details view
  • Real time filtering of all elements, without buttons
  • Design is based on the existing DHIS2 application "Data Elements"
  • Display 50 elements by default. Scroll to load more content.
  • Two buttons to change between Aggregate and Tracker
  • Adding, removing and editing functionality must be kept

Ideas and issues

  • Real time filtering may be slow when accessing a high number of elements
  • Filtering has to use all elements, thus load them or do a lookup somehow?
  • We don't want popups. Use dropdown menus which expands.
  • Currently, the if the "Name" header/button sorts alphabetically and reversed when clicked. Should this be implemented as well?
  • Perhaps utilize a user survey for testing the functionality of the application?
  • Maybe get it running on mobile browsers as well

Screenshots and mockups

Pic.png

Schedule and progress

  • Create bitbucket repository, 27. oct  Chris
  • Write basic wiki, 27. oct Chris
  • Create template for web page and push to git,  27. oct Ola
  • Added mockups and decided on design and functionality, 29. oct Andreas and Chris
  • Implement static html, ETA 15. nov
  • Implement edit functionality
  • Implement edit more settings
  • Implement filtering
  • Implement a function to load more content.

Milestones

  • Milestone 1: 1st November: Document features and architecture on Wiki
  • Milestone 2: 15th November: First bare-bone versjon - static HTML and Uploadable as DHIS web app
  • Milestone 3: 30th November: Finished, if applicable also with mobile app
  • Final delivery: ?
  • Presentation: ?

Repository

git@bitbucket.org:chryzsh/bulkeditor.git

roland@ifi.uio.no has been added with read access