www.gantter.com is a free, web-based project management tool that allows you to take your Work Breakdown Structure and interactively schedule your project. All enterprise project management system, including Microsoft Project, Primavera, and others use the same techniques found in Gantter. Help about Gantter can be found at https://www.gantter.com/help, and video tutorials are located at https://www.gantter.com/help/videos.
Create a Gantter Account
Using the Chrome browser, navigate to http://www.gantter.com. Next:
- In the upper right, click gantter editions
- In the Google Drive column, click Start Now and follow the procedure to set up an account. You will have probably have to sign-in to your UALR account.
Connect Gantter to your Google Drive
New Project - When you create a new chart and then save it to Google Drive, Gantter saves it to the root of your Google Drive with a filetype of .gantter. You can move this file to a shared directory so everyone in the project can have access to it.
Existing Project - To open an exiting project, you can:
- Open Google drive, locate the .gantter file, and double click it. (It should open with the gantter app), or
- Start Gantter from the Gantter home page, then under Project, click on "Open from Google Drive". Gantter will search your entire Google Drive for .gantter files. You can select the file to open.
Caution: While you can easily share a Gantter project file using Google Drive, multiple users should not try to simultaneously edit the project file.
Creating a Gantter Project
Let's create your first project.
- Click Project→New to ensure you have a new blank project
- Click Save as. On the Save File dialog, click on your Google Provider. Your should see your Google Drive file. Navigate to the appropriate directory, then enter the name of the file in the textbox at the top of the dialog box. When complete, click Save
- You are now editting a blank project, the main screen, click Autosave: On. The will force Gantter to save changes as you make them instead of you having to do a manual save. It will say "Autosave to File Central: ON", but it is actually saving to your Google Drive.
- If you want to open an existing file, click Project→Open, select the Google provider, navigate to the appropriate directory and select the appropriate file (normally a .gantter extension), then click Open.
Entering Work Breakdown Structure into Gantter
There is a normal order to entering the WBS information into Gantter, so I suggest the following order:
- Project Properties - Click Project→Properties. On the General tab, give your project a name and an initial start date (the first date in the project). Click Save.
- Columns to view - Click View, and select only the following columns for visibility:
- WBS Column
- Info Column
- Work Column
- Predecessor Column
- Resource Column
- Enter Tasks - By now, you should know the tasks associated with your project. Gannter enables you to enter in tasks and adjusts the hierarchy. Use the up/down arrows to move a task, and the left/right arrows to indent a task and make it a subtask within a task. You should enter the following project tasks:
- Enter Work Hours- for each elementary task, enter the number of hours required to perform the task. Always use hours, so for 6 hours enter "6h". If you enter 8 hours, then that means that 1 person can perform the task in 8 hours, and 2 people can perform the task in 4 hours. If you are scheduling a task with a fixed amount of time, such as a meeting, then mutiply the task time by the number of attendees. In other words, if a meeting lasts 2 hours and requires 3 people in attendence, then enter 6 hours. You will see that the subtasks are totaled into the appropriated tasks.
- Enter Calenders for your Team - on the left side of the main screen, click the Calenders button. By default, Gantter create 3 calendars, Standard, 24 Hour, and Night Shift. Delete the 24 Hour and Night Shift using the "Cut" function. Now, add a customn calender for each member of your team, call them "John Smith - Part Time". By default, a new calendar assumes the you will work 8-12 and 1-5 five days a week. You will want to change the calendar so that each staff member works 2 hours a day, say 8am to 10am. Double click the number to the left of the calendar name. Click the dropdown box. Select Sunday and clear the working dates; select Saturday and clear the working dates; and select the weekday ans set the working time from 8am to 10am. For this exercise, create an employee calender for John Smith and Jane Doe.
- Create Resources - Each member of your team is a resource. Click on the Resources tab, and add each member of your team. On the right side dropdown, select the base calender dropdown and select the calender associated with that team member.
- Set Predecessors for Obvious Tasks - You will note that certain groups of task must occur sequentially. In this project we know the following order: Project Initiation→Project Planning→Project Development→Project Final Testing→Project Completion. Click the Predecessors column for the Project Planning task, then select the Project Initiation task (2). This means that the Project Initiation Task must comlete before the Project Planning task can start. Complete the predecessors for Project Development, Project Final Testing, and Project Completion. You can also set predessors for other tasks. Note that all of the task within Project Initiation, Project Planning, and Project Completion are all sequential. Gantter provides a simple method to assign serial predecessors. Hold down the control key, select Formulate Questions and Meet With Customer, then click the Link button. This automaticall assigns predecessors. Report for the tasks in Project Planning and Project Completion. We will leave Project Development alone for know, as we hope that mutiple tasks can be worked on simultaneously
- Set Predecessors for Subtasks - Let's assume the following occur sequentially:
- Formulate Questions→Meet With Customer
- Create Project Managment Plan→Create Work Breakdown Structure→Create Gantt Chart and Project Schedule→Review Project Plan with Customer
- Final Demostration of Website→Install Website→Customer Acceptance
- Note: in Project Development, we will let all tasks occur simultaneously.
- Assign Resources - Finally, we get to assign our resources to the tasks. In the resources column and Formulate Questions row, click and assign the staff that will be working on that task. You can assign multiple staff to the project. Assign the staff as shown:

Whoa, what's going in the information column? When you hover over the symbol, it says "Task has overloaded resources assigned". The reason for this is John Smith is working on 3 tasks at the same time. You will need to set predecessors for these three task so that they happen sequenctially. Jane Doe has the same problem with 3 tasks. Assign the prececessors as show. Also, on the View tab, click show Start Column and Finish Column. Your project should look like this:

Finished Project - in case you took a wrong turn, you can download the finished chart by saving: Web Project Gantt Chart.
Assignment: Using Gantter, enter your WBS data and produce a Gantt chart for your project.