Difference between revisions of "Timeline"

From Organic Data Science Framework
Jump to: navigation, search
(Added PropertyValue: type = low-level)
Line 1: Line 1:
 
[[Category:Task]]
 
[[Category:Task]]
The timeline describes a task and the direct related subtasks based on time bar. The page layout of the headline is similar to the [[Task Representation | task representation]].  In case the selected task is no root task the parent is visible above the task headline. Basically the timeline is a simplified gant chart notation.  The x-axis represents the time and each bar a single task. Every bar has a green part and a gray part which expresses the task progress. The different green colors according to the [[Progress Tracking|task progress tracking]] highlights the completed part.  A vertical red line marks the current date. Bars of tasks which are in time contains a green part that is greater than the todays date. Mostly it is important know the reasons for delayed tasks. By clicking on the task name or the related bar you can zoom into this task. The selected task name moves to the heading and all the subtasks are listed. This can be done recursively until the reason is found or the leaf task is reached. This drill down is similar to the [[Explorer Navigation|explorer navigation]].
+
== About this task ==
 +
This task involves a design for a timeline visualization, and the implementation of this design.
 +
<span style="color:#00BFFF">'''STATUS: The design is completed.  The implementation not started yet.'''</span>
 +
 
 +
== The Design of Timeline ==
 +
The timeline describes a task and the direct related subtasks based on time bar.
 +
=== Task Context ===
 +
The page layout of the headline is similar to the [[Task Representation | task representation]].  In case the selected task is no root task the parent is visible above the task headline.  
 +
=== Subtasks Axis ===
 +
Basically the timeline is a simplified gant chart notation.  The x-axis represents the time and each bar a single task. Every bar has a green part and a gray part which expresses the task progress. The different green colors according to the [[Progress Tracking|task progress tracking]] highlights the completed part.  A vertical red line marks the current date. Bars of tasks which are in time contain a green part that is greater than the todays date. Mostly it is important know the reasons for delayed tasks. By clicking on the task name or the related bar you can zoom into this task. The selected task name moves to the heading and all the subtasks are listed. This can be done recursively until the reason is found or the leaf task is reached. This drill down is similar to the [[Explorer Navigation|explorer navigation]].
 +
 
  
 
<div style="border:1px solid #eeeeee; width:610px">[[File:Mockup_7_Timeline.png|600px]]</div>
 
<div style="border:1px solid #eeeeee; width:610px">[[File:Mockup_7_Timeline.png|600px]]</div>

Revision as of 21:59, 2 June 2014

About this task

This task involves a design for a timeline visualization, and the implementation of this design. STATUS: The design is completed. The implementation not started yet.

The Design of Timeline

The timeline describes a task and the direct related subtasks based on time bar.

Task Context

The page layout of the headline is similar to the  task representation.  In case the selected task is no root task the parent is visible above the task headline. 

Subtasks Axis

Basically the timeline is a simplified gant chart notation. The x-axis represents the time and each bar a single task. Every bar has a green part and a gray part which expresses the task progress. The different green colors according to the task progress tracking highlights the completed part. A vertical red line marks the current date. Bars of tasks which are in time contain a green part that is greater than the todays date. Mostly it is important know the reasons for delayed tasks. By clicking on the task name or the related bar you can zoom into this task. The selected task name moves to the heading and all the subtasks are listed. This can be done recursively until the reason is found or the leaf task is reached. This drill down is similar to the explorer navigation.


Mockup 7 Timeline.png
Timeline Mockup


Yandex.Metrica