Difference between revisions of "Main Page"

From ifi.se-ama
Jump to: navigation, search
Line 13: Line 13:
  
 
== Project Description Requirements ==
 
== Project Description Requirements ==
For our assignment we chose to work on the Sharing Editor.
 
 
 
'''Current State'''
 
'''Current State'''
  
The assignment states that we are to create an application DHIS that lets the user multi-select several metadata objects and then edit the sharing configuration of that metadata in bulk. As of right, such settings can only be applied on one object at a time.
+
For our assignment we chose to work on the Sharing Editor. The assignment states that we are to create an application DHIS that lets the user multi-select several metadata objects and then edit the sharing configuration of that metadata in bulk. As of right, such settings can only be applied on one object at a time.
  
 
'''Goal'''
 
'''Goal'''
Line 29: Line 27:
 
* The user should be able to search on name (or other properties) for the object, be it singular or a group, dashboard or a category.
 
* The user should be able to search on name (or other properties) for the object, be it singular or a group, dashboard or a category.
  
In DHIS there are several distinct sharable objects. Many of them have sub-categories. The user will need to select a category - or a sub-category, if one is present. For example, data element is a general term for three underlying categories: data element, data element group, and data element group set. We felt a tree-like view menu would be best suitable for this sort of task. If you chose a category with sub-categories, the tree will expand. Once you click on a desired object - say, data element, that area will be highlighted. Editing and search settings will show up, and you can begin your editing. At any point you are free to select a new category.
+
In DHIS there are several distinct sharable objects. Many of them have sub-categories. In the image below to the left you'll see a tree-like view representing that structure.  
  
 +
The space to the left will be greyed out and un-clickable. To proceed, the user need to chose a sharable object to the left.
  
 +
[[File:Skjermbilde 2017-10-26 kl. 13.45.10.png|none|thumb|800x800px]]
  
 +
The user will need to select a category - or a sub-category, if one is present. data element is a general term for three underlying categories: data element, data element group, and data element group set. If you chose a category with sub-categories, the tree will expand, as pictured in the image below. Once you click on a desired object - say, data element, that area will be highlighted. Editing and search settings will show up, and you can begin your editing. At any point you are free to select a new category.
 +
[[File:Skjermbilde 2017-10-26 kl. 13.24.48.png|none|thumb|800x800px]]
  
 +
For search we'll be using a template not dissimilar to the one currently used by Maintenance when creating a new data element, or a new set etc and selecting dependencies. For instance, all data elements will be listed in a scrollable window, as pictured above. Just like in Maintenance, you can add single elements or select multiple, or select all. Added elements will be displayed in the window next to it, which can similarly be removed, multi-select removed or emptied entirely.
  
 +
Right above will be a search bar. The two windows described above will be filtered based on the search results - and, desirably, should display the number of results hidden by the filter (not implemented in the mockup above).
 +
[[File:Skjermbilde 2017-10-26 kl. 13.25.03.png|none|thumb|800x800px]]
 +
* The user should also be able to narrow down the search field through "other properties".
 +
Certain objects such as data elements have specific properties that can be selected to narrow down the search field, such as selecting the domain type or value type. This feature will be implemented for objects that have additional properties. In the image above, the user has selected Category Combination, and a new pop-up comes up with a new search filter.
  
For search we'll be using a template not dissimilar to the one currently used by Maintenance when creating a new data element, or a new set etc and selecting dependencies. For instance, all data elements will be listed in a scrollable window. Just like in Maintenance, you can add single elements or select multiple, or select all. Added elements will be displayed in the window next to it, which can similarly be removed, multi-select removed or empties entirely.
 
 
Right above will be a search bar. The two windows described above will be filtered based on the search results - and, desirably, should display the number of results hidden by the filter.
 
  
* The user should also be able to narrow down the search field through "other properties".
+
----
  
Certain objects such as data elements have specific properties that can be selected to narrow down the search field, such as selecting the domain type or value type. This feature will be implemented for objects that have additional properties.
 
  
From the nested-tree menu the user will be able to select data elements, groups, data sets, programmers, dashboards and much more. A minimal requirement is to be be able to work with only a select few of the sharable objects. Ideally, there should be support for all. This is a specification we will strive to achieve but, as of right now, we intend to take it one step at a time and just make sure we don't accidentally or purposely fall of a cliff.
+
From the nested-tree menu the user will be able to select data elements, groups, data sets, programmers, dashboards and much more. A minimal requirement is to be be able to work with only a select few of the sharable objects. Ideally, there should be support for all.  The images above represent the ideal outcome. This is a specification we will strive to achieve but, as of right now, we intend to take it one step at a time and just make sure we don't accidentally or purposely fall of a cliff.
  
 
There'll also be support to edit user groups, structured in a similar fashion.
 
There'll also be support to edit user groups, structured in a similar fashion.
Line 50: Line 53:
 
When editing the sharing configuration for dashboards, we will need not only to alter the setting for the dashboard itself, but all of its view also, as well as all the tables or charts those views have and every element inside those charts or tables. This is considerably more work than the rest of the objects and we recon will be the primary challenge during development.
 
When editing the sharing configuration for dashboards, we will need not only to alter the setting for the dashboard itself, but all of its view also, as well as all the tables or charts those views have and every element inside those charts or tables. This is considerably more work than the rest of the objects and we recon will be the primary challenge during development.
  
Currently in DHIS, once the user selects a "read only" option, for instance, that setting is instantly saved. We will do it slightly different. The user has the option to select a setting: read/write, read only or no access. That setting will persistent until the user changes it themselves, the save button is pressed, or a new category is selected, at which point every selection is emptied and reset. The user can do specific search with "read only" setting on, for instance, and will then need to press a "save" button to apply the changes. The search field and properties will reset, the right window will be emptied and the sharing setting option will return to neutral as well - this to ensure that the user don't forget and accidentally apply the settings from the previous configuration on the new batch of elements.
+
Currently in DHIS, once the user selects a "read only" option, for instance, that setting is instantly saved. We will do it slightly different. The user has the option to select a setting: read/write, read only or no access. "Sharing Settings" can be seen in the images above. That setting will persistent until the user changes it, the save button is pressed, or a new category is selected. The search field and properties will then be reset, the right window will be emptied and the sharing setting option will return to neutral as well - this to ensure that the user doesn't forget and accidentally apply the settings from the previous configuration on the new batch of elements.
  
 
Finally, it should be possible to both completely overwrite existing sharing settings or modify the existing sharing settings. It should therefore be possible to alter a read-only setting to write and read, despite the object marked as "read only".
 
Finally, it should be possible to both completely overwrite existing sharing settings or modify the existing sharing settings. It should therefore be possible to alter a read-only setting to write and read, despite the object marked as "read only".
 
Head over to the "mockups" section to see proposed mockups of our app!
 
  
 
== Architecture ==
 
== Architecture ==
Line 99: Line 100:
 
'''29 november'''
 
'''29 november'''
 
* Completed and delivered
 
* Completed and delivered
 
== Mockups ==
 
 
Our main goal with this app is to keep it simplistic and easy to use.
 
  
 
== Screenshots ==
 
== Screenshots ==

Revision as of 13:04, 26 October 2017

SE-AMA - 2017

This is the wiki for our project, the Sharing Editor, for the course INF5750 - Open Source Development.

Name SE-AMA explained:

  • SE - Sharing Editor
  • AMA - Alexander, Magnus, Andrei

Group members

  • Alexander Wandrup (alexanow)
  • Andrei Eismont (andreiei)
  • Magnus Biong Nordin (magnubn)

Project Description Requirements

Current State

For our assignment we chose to work on the Sharing Editor. The assignment states that we are to create an application DHIS that lets the user multi-select several metadata objects and then edit the sharing configuration of that metadata in bulk. As of right, such settings can only be applied on one object at a time.

Goal

The project description further states the following:

  • The purpose of this app is for the user to be able to apply read/write, read only or no access to the "public access" property of several objects at once, be it data elements, data sets, dashboards or any other sharable objection DHIS.

The primary goal of this app as we see it is then to provide the user with an intuitive and quick way to edit sharing configuration in bulk. To achieve this, we will apply many of the same principles/designs on which the DHIS app Maintenance was built on. First, lets look at search.

  • The user should be able to search on name (or other properties) for the object, be it singular or a group, dashboard or a category.

In DHIS there are several distinct sharable objects. Many of them have sub-categories. In the image below to the left you'll see a tree-like view representing that structure.

The space to the left will be greyed out and un-clickable. To proceed, the user need to chose a sharable object to the left.

Skjermbilde 2017-10-26 kl. 13.45.10.png

The user will need to select a category - or a sub-category, if one is present. data element is a general term for three underlying categories: data element, data element group, and data element group set. If you chose a category with sub-categories, the tree will expand, as pictured in the image below. Once you click on a desired object - say, data element, that area will be highlighted. Editing and search settings will show up, and you can begin your editing. At any point you are free to select a new category.

Skjermbilde 2017-10-26 kl. 13.24.48.png

For search we'll be using a template not dissimilar to the one currently used by Maintenance when creating a new data element, or a new set etc and selecting dependencies. For instance, all data elements will be listed in a scrollable window, as pictured above. Just like in Maintenance, you can add single elements or select multiple, or select all. Added elements will be displayed in the window next to it, which can similarly be removed, multi-select removed or emptied entirely.

Right above will be a search bar. The two windows described above will be filtered based on the search results - and, desirably, should display the number of results hidden by the filter (not implemented in the mockup above).

Skjermbilde 2017-10-26 kl. 13.25.03.png
  • The user should also be able to narrow down the search field through "other properties".

Certain objects such as data elements have specific properties that can be selected to narrow down the search field, such as selecting the domain type or value type. This feature will be implemented for objects that have additional properties. In the image above, the user has selected Category Combination, and a new pop-up comes up with a new search filter.




From the nested-tree menu the user will be able to select data elements, groups, data sets, programmers, dashboards and much more. A minimal requirement is to be be able to work with only a select few of the sharable objects. Ideally, there should be support for all. The images above represent the ideal outcome. This is a specification we will strive to achieve but, as of right now, we intend to take it one step at a time and just make sure we don't accidentally or purposely fall of a cliff.

There'll also be support to edit user groups, structured in a similar fashion.

When editing the sharing configuration for dashboards, we will need not only to alter the setting for the dashboard itself, but all of its view also, as well as all the tables or charts those views have and every element inside those charts or tables. This is considerably more work than the rest of the objects and we recon will be the primary challenge during development.

Currently in DHIS, once the user selects a "read only" option, for instance, that setting is instantly saved. We will do it slightly different. The user has the option to select a setting: read/write, read only or no access. "Sharing Settings" can be seen in the images above. That setting will persistent until the user changes it, the save button is pressed, or a new category is selected. The search field and properties will then be reset, the right window will be emptied and the sharing setting option will return to neutral as well - this to ensure that the user doesn't forget and accidentally apply the settings from the previous configuration on the new batch of elements.

Finally, it should be possible to both completely overwrite existing sharing settings or modify the existing sharing settings. It should therefore be possible to alter a read-only setting to write and read, despite the object marked as "read only".

Architecture

Technologies Used

  • React. None of us had any previous experience in front-end development, and because React was shown during class - as well as being one of the two frameworks presented during one of the guest lecture by Accenture (the other being Angular), we naturally levitated towards React.
  • Node. Server side javascript runtime environment.

Open Source Projects Used

  • material-ui. A great majority of the component designs from material-ui were similar if not identical to the ones implemented in DHIS2. In addition to being ascetically pleasing, we wanted the design to also be consistent with other DHIS application, primarily the Maintenance app.

Licensing

- Licensing. Discuss the implications (if any) on the product you are development from the software licenses of the frameworks and libraries you are using.

Division of labour

During the initial development, we intend to work together as a group so that everyone understands how DHIS works, how React works, and how those two interact. This we feel ensures that every member of group gets the appropriate knowledge in all tools, and that any empty seat can be filled by another member should the other be indisposed.

When we have a solid foundation that we can build upon, then we can divide the tasks accordingly, depending on time and where our strengths or wishes lie.

Milestones

Preliminary plan, might be object to changes.

1. november

  • Wiki up and running
  • Chosen assignment
  • Overview of the product to be developed
  • Proposed architecture of the app
  • Broad timeline for development (in form of milestones)
  • Link to project repository

8. november

  • The app's interface up and running

15. november'"

  • TODO

22. november

  • No more features will be added after this milestone

25. november

  • The app should be completely finished

29 november

  • Completed and delivered

Screenshots

Suggested Improvements

Documented Learning During Project

Link to Repository

Repository: https://github.uio.no/TwoNorOneRus/DHIS2-APP

The repository is private.