Difference between revisions of "MORDE"

From mn/ifi/inf5750
Jump to: navigation, search
 
(9 intermediate revisions by the same user not shown)
Line 17: Line 17:
 
== Technology and architecture ==
 
== Technology and architecture ==
  
HTML5 CSS3 etc.
+
*HTML5
 +
*CSS3
 +
*JavaScript
 +
*JQuery
 +
*Angular
  
 
=== Features ===
 
=== Features ===
  
 +
*Display a paged list of data elements with the most-used fields on a singrle row per data element, and allow for editing each field directly. Include both free-text field and drop-downs (category combo, etc).
 
*Organic expandable field growth of data elements
 
*Organic expandable field growth of data elements
*Next generation list scrolling and jumping
 
 
*Intelligent search box
 
*Intelligent search box
*Information popup on hasitation
 
*Slide to kill, delete function
 
*Save on leave field
 
  
 
[[File:MORDEPlan.jpg|thumb|none|200px]]
 
[[File:MORDEPlan.jpg|thumb|none|200px]]
Line 99: Line 100:
  
 
*Modified app to display dataElements as soon as page is loaded
 
*Modified app to display dataElements as soon as page is loaded
 +
*Dataelement will expand once you click it, enabling direct editing 
 +
*Worked on functionality for updating elements
 +
*Worked on functionality for creating new elements
 +
*Some improvements to the HTML&CSS
 +
*Worked on getting the DHIS2 menu on the left side (did not succeed)
 +
 +
'''December 6th'''
 +
 +
*Updating elements functionality is now working
 +
*Creating new elements functionality is now working
 +
*Deleting elements functionality is now working
 +
*Enabled filtering tracking/aggregate
 +
*Display just a certain number of rows initially, click bottom of page to load more 
 +
*Some simple error handling
 +
*App is mostly finished
  
 
== TODO: ==
 
== TODO: ==
Line 105: Line 121:
 
*<strike>Making the app uploadable&nbsp;</strike>
 
*<strike>Making the app uploadable&nbsp;</strike>
 
*<strike>Actually display dataElements as soon as page is loaded</strike>
 
*<strike>Actually display dataElements as soon as page is loaded</strike>
*Display just a certain number of rows initially
+
*<strike>Display just a certain number of rows initially</strike>
**more rows will load when you scroll
+
**<strike>click bottom of page to load more</strike>&nbsp;
 
*<strike>Implementing the real time filter as you type-function</strike>
 
*<strike>Implementing the real time filter as you type-function</strike>
*Enable filtering: tracking/aggregate
+
*<strike>Add functionality to add new data elements</strike>
*Add functionality to add new data elements
+
*<strike>Add functionality to delete data elements</strike>
*Add functionality to delete data elements
+
*<strike>Enable filtering: tracking/aggregate</strike>
*"Advanced" edit, allowing you to directly edit the less frequently used text fields
+
*<strike>"Advanced" edit, allowing you to directly edit the less frequently used text fields</strike>
*Dataelement will expand once you click it, enabling direct editing&nbsp;
+
*<strike>Dataelement will expand once you click it, enabling direct editing&nbsp;</strike>
*Server communication: actually save the edited information
+
*<strike>Server communication: actually save the edited information</strike>
 
*Show menu on the left side&nbsp;
 
*Show menu on the left side&nbsp;
 +
*<strike>Some error handling when creating/updating elements</strike>
 +
*<strike>Upload the finished app&nbsp;</strike>

Latest revision as of 10:18, 8 December 2014

Team members

  • Dag Eng (dae)
  • Martine Birketvedt Eklund (martiekl)
  • Ole Kristian Rosvold (olekros)

Repository

gitolite@git.uio.no:inf5750/olekros/morde


Data element bulk editor

Display a paged list of data elements with the most-used fields on a singrle row per data element, and allow for editing each field directly. Include both free-text field and drop-downs (category combo, etc).

Technology and architecture

  • HTML5
  • CSS3
  • JavaScript
  • JQuery
  • Angular

Features

  • Display a paged list of data elements with the most-used fields on a singrle row per data element, and allow for editing each field directly. Include both free-text field and drop-downs (category combo, etc).
  • Organic expandable field growth of data elements
  • Intelligent search box
MORDEPlan.jpg

Nice to have

  • Responsive

Milestones

Milestone 1: 9th 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 and Presentation: 9th December

Project log

November 12th

  • We've installed DHIS2 on our computers - locally and had a look at the DHIS2 API. We've also put together a static sample HTML/CSS datablock page. The view/static page shows the block editor when one of the data blocks has been selected and expanded for editing. Due to some CSS issues, it is currently not supported by WebKit based browsers. We'll fix this later.
  • MORDE NOV12 SCREENSHOT.png














November 16th

  • Made improvements to the code, structure-wise. Cleaning up the CSS. 

November 21st

  • Uploaded the static HTML code to the server.
  • Struggled with adding the menu
  • Struggled with filtering tracking/aggregate DataElements. Did not succeed. 
  • Implemented the real time filter as you type-function

December 5th

  • Modified app to display dataElements as soon as page is loaded
  • Dataelement will expand once you click it, enabling direct editing 
  • Worked on functionality for updating elements
  • Worked on functionality for creating new elements
  • Some improvements to the HTML&CSS
  • Worked on getting the DHIS2 menu on the left side (did not succeed)

December 6th

  • Updating elements functionality is now working
  • Creating new elements functionality is now working
  • Deleting elements functionality is now working
  • Enabled filtering tracking/aggregate
  • Display just a certain number of rows initially, click bottom of page to load more 
  • Some simple error handling
  • App is mostly finished

TODO:

  • First bare-bone version  static HTML
  • Making the app uploadable 
  • Actually display dataElements as soon as page is loaded
  • Display just a certain number of rows initially
    • click bottom of page to load more 
  • Implementing the real time filter as you type-function
  • Add functionality to add new data elements
  • Add functionality to delete data elements
  • Enable filtering: tracking/aggregate
  • "Advanced" edit, allowing you to directly edit the less frequently used text fields
  • Dataelement will expand once you click it, enabling direct editing 
  • Server communication: actually save the edited information
  • Show menu on the left side 
  • Some error handling when creating/updating elements
  • Upload the finished app