Design The main page is the default landing page for users. It's Its main use is to keep track of the current active tasks which may be complete or incomplete. 
Figure 1: An overall view of the main page. Users are able to receive what is essentially a news feed of recent changes by looking at in the "Recent Activity" column on the left. On the right, users may can look up specific tasks or types of tasks and edit them as necessaryby using the search box and drop down filters. In addition most columns are sortable. When the page is first opened the default sorting is based on the last time a task was updated. 
Figure 2: When a task row is clicked, additional information about the task is displayed.
When a relevant task is found in the table on the right, a user can click the row to see more information. The details displayed include a progress bar which indicates how many of the subtasks have been completed. Users can also easily update the subtasks by clicking the appropriate checkboxes. They are then able to click the "Save Changes" button so that the changes are pushed to the server. In order to give some feedback, the progress bar is updated when the button is clicked. There is also a button called “Edit Task” which takes a user to the task creation page. When returning to the main page from the task creation page, the task which was just changed gets a bold border for 5 seconds before disappearing. 
Figure 3: A close up of the notifications section.
Figure 4: After a task is created or edited on the Task Creation Page, that task will be highlight with a border for 5 seconds upon returning to the main page.
Figure 5: Showing off the possible filters that can be used.
Implementation |