Loading...
 
Skip to main content

History: PluginGanttChart

Source of version: 22

Copy to clipboard
            ! Plugin Gantt Chart
''Introduced in ((Tiki19))''
 
Use this ((wiki plugin)) to help you manage projects within Tiki, where project data is stored in Tiki ((trackers)). You will be able to draw Gantt chart diagrams, and edit them easily to have your gantt chart updated while the project life evolves changing project details, internal deadlines, etc. Please see: ((dev:jQuery Gantt editor)).
  
!! Parameters
{pluginmanager plugin="ganttchart"}

!! Get Started
As mentioned above, the project data used to create the Gantt charts are stored in Tiki ((trackers)). Create the Tracker with all the specific fields or use this [http://profiles.tiki.org/GanttChart|Profile] as a template, adjusting it to your own needs. Start with the Plugin Gantt Chart by adding the code to a Wiki page once you have created a tracker.
{CODE()}
{ganttchart trackerId="1" name="trackerganttTaskName" begin="trackerganttStartDate" end="trackerganttEndDate" resourceId="trackerganttResponsible" roleId="trackerganttRole" status="trackerganttStatus" progress="trackerganttProgress" canWrite="true" canDelete="true" canWriteOnParent="true" description="trackerganttDescription" code="trackerganttCode" effort="trackerganttEffort" resourceId="trackerganttResourceId"  order="trackerganttOrder" level="trackerganttLevel" depends="trackerganttDependencies"}
{CODE}

!!! Overview
The previous code will give the result this overview:
{img src="display1600" link="display1600" width="800" rel="box[g]" alt="Plugin Gantt Chart Overview"  desc="Click to expand"}

!! Key Features
The Gantt Chart Plugin allows you to manage a complete project of any size, to divide it into tasks, to associate resources with each one with its role. When managing the project, you can create a task hierarchy, create dependencies between tasks, determine milestones, highlight the critical path, modify resources, change time scheduling, etc.

To quickly build Gantt charts, use the undo, redo, un-indent task, indent task, move up, move down, delete, EXPAND_ALL, COLLAPSE_ALL, zoom out, zoom in, Print, CRITICAL_PATH, control options to handle the different task display modes, fullscreen, task status color control and the Save button.

With a simple click, set the critical path; remove a task; switch to fullscreen mode, etc.
{DIV(class="row")}
{DIV(class="col-md-6")}
{img src="display1601" link="display1601" width="400" rel="box[g]"  desc="Click to expand" alt="Plugin Gantt Chart Project hierarchy"}
''Organise projects into tasks linked by dependencies''
{DIV}
{DIV(class="col-md-6")}
{img src="display1602" link="display1602" width="400" rel="box[g]"  desc="Click to expand" alt="Plugin Gantt Chart Options"}
{DIV}
{DIV}

!! Explore Plugin Gantt Chart 

{DIV(class="row")}
{DIV(class="col-md-6")}
!!!!! Changing a task
{img src="display1603" link="display1603" width="400" rel="box[g]"  desc="Click to expand" alt="Plugin Gantt Chart Change Task Details"}
''In a few clicks change the status, code, name, start date, end date, duration or progress of the task just by clicking on the element you need to update.''
{DIV}
{DIV(class="col-md-6")}
{img src="display1604" link="display1604" width="400" rel="box[g]"  desc="Click to expand" alt="Plugin Gantt Chart Task Editor"}
''When you want to modify a task, click on the edit icon or on the diagram that represents a task, a window will open __Task Editor__, change the code, the name of the task, define milestones, add a description of the task, etc.''
{DIV}
{DIV}

{DIV(class="row")}
{DIV(class="col-md-6")}
!!!!! Moving a task
{img src="display1605" link="display1605" width="400" rel="box[g]"  desc="Click to expand" alt="Plugin Gantt Chart Moving a task"}
''After editing a task, use the __«move up»__ and __«move down»__ controls to move a task from bottom to top or from top to bottom.''
{DIV}
{DIV(class="col-md-6")}
!!!!! Creating dependencies


{img src="display1606" link="display1606" width="400" rel="box[g]"  desc="Click to expand" alt="Plugin Gantt Chart Creating dependencies"}
''Very easy to create dependencies between two or more tasks by simply dragging the mouse. Place the mouse over the graph, once the two points have been shown, select one and dragging it to another task.''
{DIV}
{DIV}

{DIV(class="row")}
{DIV(class="col-md-6")}
!!!!! Changing task duration
{img src="display1607" link="display1607" width="400" rel="box[g]"  desc="Click to expand" alt="Plugin Gantt Chart"}
''Easily change the duration of tasks with just a simple drag of the mouse.''
{DIV}
{DIV(class="col-md-6")}
!!!!! Adjusting the chart preview
{img src="display1608" link="display1608" width="400" rel="box[g]"  desc="Click to expand" alt="Plugin Gantt Chart Zoom option"}
''Adjust the zoom option to view the charts according to day, week, month, semester, and year.''
{DIV}
{DIV}
 
!! Example
* See ((Sample Gantt Chart))
 
!! Related pages
* ((Trackers))

!! Related Profile
* ((pr:GanttChart))
 
-=Aliases=-
* (alias(Gantt Chart))
* (alias(Gantt))
        

History

Advanced
Information Version
Xavier de Pedro 26
Xavier de Pedro 25
Marc Laporte 24
Xavier de Pedro added extra details 23
Mike Finko 22
Adrien 21
Adrien 20
Adrien 19
Adrien 18
Adrien 17
Adrien 16
Marc Laporte typos 15
Marc Laporte Refer to a page where the example works 14
Marc Laporte AutoTOC 13
Jorge Sá Pereira Update wikiplugin example 12
Xavi (as xavidp - admin) 11
Xavi (as xavidp - admin) 10
Xavi (as xavidp - admin) 9
Xavi (as xavidp - admin) 8
Xavier de Pedro 7
Xavier de Pedro 6
Xavier de Pedro 5
Xavier de Pedro 4
Xavier de Pedro 3
Gary Cunningham-Lee Fixed typo. 2
Marc Laporte 1