Difference between revisions of "CAO"

From mn/ifi/inf5750
Jump to: navigation, search
 
(23 intermediate revisions by 2 users not shown)
Line 19: Line 19:
 
*HTML, CSS and Javascript
 
*HTML, CSS and Javascript
 
*jQuery
 
*jQuery
*Bootstrap for design
+
*Bootstrap
*JSON? (This is perhaps implicit?)
+
*JSON
 
*DHIS2 Web API
 
*DHIS2 Web API
  
Line 34: Line 34:
 
=== Required features ===
 
=== Required features ===
  
*No page reloading, everything happens on one single page
+
*<span style="background-color:#00ff00">No page reloading, everything happens on one single page</span>
*Always show details view on right side
+
*<span style="background-color:#00ff00">Always show details view on right side</span>
*Press element for accordion dropdown editor with requred fields
+
*<span style="background-color:#00ff00">Press element for accordion dropdown editor with requred fields</span>
*Button for "more settings" in dropdown editor, which expands the dropdown, showing all fields
+
*<span style="background-color:#00ff00">Real time filtering of all elements, without buttons</span>
*Save button which closes the edit window and refreshes the details view
+
*<span style="background-color:#00ff00">Design is based on the existing DHIS2 application "Data Elements"</span>
*Real time filtering of all elements, without buttons
+
*<span style="background-color:#00ff00">Two buttons to change between Aggregate and Tracker</span>
*Design is based on the existing DHIS2 application "Data Elements"
+
*<span style="background-color: rgb(0, 255, 0)">Display 50 elements by default. Load more content.</span>
*Display 50 elements by default. Scroll to load more content.
+
*<span style="background-color:#00ff00;">Adding, removing, editing and cloning functionality must be kept</span>
*Two buttons to change between Aggregate and Tracker
+
*<span style="background-color:#00ff00;">Save button which closes the edit window and refreshes the details view</span>
*Adding, removing and editing functionality must be kept
 
  
 
=== Ideas and issues ===
 
=== Ideas and issues ===
  
*Real time filtering may be slow when accessing a high number of elements
+
*<span style="background-color:#00ff00">Real time filtering may be slow when accessing a high number of elements</span>
*Filtering has to use all elements, thus load them or do a lookup somehow?
+
*<span style="background-color:#00ff00">Filtering has to use all elements, thus load them or do a lookup somehow?</span>
*We don't want popups. Use dropdown menus which expands.
+
*<span style="background-color:#00ff00">We don't want popups. Use dropdown menus which expands</span>
*Currently, the if the "Name" header/button sorts alphabetically and reversed when clicked. Should this be implemented as well?
+
*<span style="background-color:#00ff00">Aggregate and tracker buttons are a bit slow, due to having to reload all the elements into the view.</span>
*Perhaps utilize a user survey for testing the functionality of the application?
+
*<span style="background-color:#00ff00">If we want to have a details view which changes on mouseover, we need to either load from server each time, or load a json-file with everything upon page load.</span>
*Maybe get it running on mobile browsers as well
+
*<span style="background-color:#00ff00">The "add new" form needs to appear somewhere</span>
 +
*<span style="background-color:#ffff00">Get it running on mobile browsers</span>
 +
*<strike>Button for "more settings" in dropdown editor, which expands the dropdown, showing all fields</strike>
 +
*<strike>Currently, the if the "Name" header/button sorts alphabetically and reversed when clicked. Should this be implemented as well?</strike>
  
=== Screenshots and mockups ===
+
=== Schedule and progress ===
  
[[File:Pic.png|none]]
+
*Create bitbucket repository,&nbsp;<span style="background-color: rgb(0, 255, 0)">27. oct &nbsp;Chris</span>
 +
*Write basic wiki,&nbsp;<span style="background-color: rgb(0, 255, 0)">27. oct Chris</span>
 +
*Create template for web page and push to git,&nbsp;<span style="background-color: rgb(0, 255, 0)">&nbsp;27. oct Ola</span>
 +
*Added mockups and decided on design and functionality,&nbsp;<span style="background-color: rgb(0, 255, 0)">29. oct Andreas and Chris</span>
 +
*Populating list from json-file&nbsp;<span style="background-color: rgb(0, 255, 0)">5. nov Andreas</span>
 +
*Implented navbar and filter functionality&nbsp;<span style="background-color: rgb(0, 255, 0)">6. nov Chris</span>
 +
*Cleanup, performance tweaking and added edit form functionality&nbsp;<span style="background-color: rgb(0, 255, 0)">7. nov Ola</span>
 +
*Implementing details view with mouseover 13. nov&nbsp;<span style="background-color: rgb(0, 255, 0)">Niko</span>
 +
*Implemented paging which does not reload page, and works with filter.&nbsp;<span style="background-color: rgb(0, 255, 0)">19. nov Chris</span>
 +
*Created form template,&nbsp;<span style="background-color:#00ff00">24. nov Ola</span>
 +
*Implement edit functionality with buttons and stuff&nbsp;<span style="background-color: rgb(255, 255, 0)">Niko and Chris</span>
  
== Schedule and progress ==
+
== Mockup and screenshots ==
  
*Create bitbucket repository, <span style="background-color:#00ff00">27. oct &nbsp;Chris</span>
+
[[File:Pic.png|none]]
*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>
 
*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 edit functionality
 
*Implement edit more settings
 
*Implement filtering
 
*Implement a function to load more content.
 
  
 
== 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:#00ff00">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
 
+
*Final delivery: 8th December
*Final delivery:&nbsp;?
+
*Presentation: 9th December
 
 
*Presentation:&nbsp;?
 
  
 
== Repository ==
 
== Repository ==

Latest revision as of 10:16, 8 December 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
  • JSON
  • 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
  • Real time filtering of all elements, without buttons
  • Design is based on the existing DHIS2 application "Data Elements"
  • Two buttons to change between Aggregate and Tracker
  • Display 50 elements by default. Load more content.
  • Adding, removing, editing and cloning functionality must be kept
  • Save button which closes the edit window and refreshes the details view

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
  • Aggregate and tracker buttons are a bit slow, due to having to reload all the elements into the view.
  • If we want to have a details view which changes on mouseover, we need to either load from server each time, or load a json-file with everything upon page load.
  • The "add new" form needs to appear somewhere
  • Get it running on mobile browsers
  • Button for "more settings" in dropdown editor, which expands the dropdown, showing all fields
  • Currently, the if the "Name" header/button sorts alphabetically and reversed when clicked. Should this be implemented as well?

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
  • Populating list from json-file 5. nov Andreas
  • Implented navbar and filter functionality 6. nov Chris
  • Cleanup, performance tweaking and added edit form functionality 7. nov Ola
  • Implementing details view with mouseover 13. nov Niko
  • Implemented paging which does not reload page, and works with filter. 19. nov Chris
  • Created form template, 24. nov Ola
  • Implement edit functionality with buttons and stuff Niko and Chris

Mockup and screenshots

Pic.png

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: 8th December
  • Presentation: 9th December

Repository

git@bitbucket.org:chryzsh/bulkeditor.git

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

Resources


Deployment

- Create zip file, use zip -r

- Search "Management" in Apps at the demo server.

- upload the zip file.

- The source is than extracted to: /var/lib/tomcat/webapps/ROOT/apps/