Tuesday, January 2, 2007

Gantt Chart Graphic in a Web page

I haven't used MS Project all that much while at Shopping.com. Most projects are so short in duration that the schedule can be done on wiki (this is my opinion of course). There are some projects that do warrant the need for a heavier management tool than a wiki. Since wiki's are used for a lot of the project information a HTML form of the project file is needed. Having an image of the Gantt Chart is nice to have too. I'm posting these instructions for my fellow PJMs as well as for myself. :-)

How to display a Gantt Chart Graphic in a Web page:
1. View the Gantt Chart and on the Standard Toolbar, click Copy Picture button to open the Copy Picture Dialog box.
2. Select To GIF Image File option. The image field will be given the same name as the project file with a .GIF extension. (Graphic Interchange Format is a compressed graphics file format)
3. In the Timescale section, select the dates range or select As Shown on Screen to capture the timescale that is currently displayed on the screen.
4. Click OK.
5. On Menu, File, Save as HTML and select the filename and location and click Save.
6. In the Export Mapping Dialog box, select the map file that you want to modify and click on Edit.
7. In the HTML options section, check the option Include Image File in HTML Page and Project will display the information for the Gantt Chart GIF image.

8. Click OK and from the Export Mapping Dialog box, click Save.

9. Open the saved document in the browser to view it.



Technorati Tags: