Difference between revisions of "Timeline"

From Organic Data Science Framework
Jump to: navigation, search
(Added PropertyValue: progress = 20%)
Line 18: Line 18:
 
<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>
 
<div style="background-color: #eeeeee; width:610px; font-size:smaller; color:#999999; font-style:italic; padding-left:5px;">Timeline Mockup</div>
 
<div style="background-color: #eeeeee; width:610px; font-size:smaller; color:#999999; font-style:italic; padding-left:5px;">Timeline Mockup</div>
 +
 +
 +
==Comments and Feedback==
  
 
<!-- Add any wiki Text above this Line -->
 
<!-- Add any wiki Text above this Line -->

Revision as of 23:38, 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 is in progress.

The Design of Timeline

The timeline describes a task and the direct related subtasks based on a 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


Comments and Feedback

"%" is not declared as a valid unit of measurement for this property.

Yandex.Metrica