Gantt Charts provide a simple, yet very effective presentation scheme for items arranged (in parallel) along a "time" axis with some possible "slack" time-windows between them.
We assume that you know what they are and how they are used. The sole purpose of this discussion is to tell you something on how we support these beauties at tutOR. In other words, we shall show you how to draw Gantt Charts on board tutOR. The following chart will serve as an example.
Critical Activity
Non-critical activity
Total float
Purchasing
Quality Control
Assembling
Transporting
Training
Production
Time (days) 1
2
3
4
5
6
7
8
9
1
01
11
21
31
41
51
61
71
81
92
02
12
22
32
42
52
62
72
82
93
03
13
23
33
43
53
63
73
8Now, this should be a straightforward taks had we chosen to use "real" graphics. But since we adhere to the "Light is Beautiful Principle", we cannot do that: we have to draw the chart without using "real" graphics.
We thus divide the task into two subtasks: the first involves using "text" to specify the color of the cells of the table, and then the second merely translate the text "code" into "real" background colors.
In the case of our example, the "text version" will look like this:To ease the input chore we attach the colors to radio buttons and add a "Clear" button to the easel. The layout is thus as follows:
Click two cells on the easel and JavaScript will fill the rectangle defined by these two cells with the text code for the selected color. We trust that you have figured on your own that c = critical, n = non-critical and f = float.
In any case, once this "text" version is ready for the JavaScript code will translate the text-code colors into proper background color.
Paint your wagon, Leo!