基于Web端的甘特图在线可视化具有简易、共享、高效的特点，给企业项目进度管理计划的制定带来便利，为企业项目的运行减少资源浪费，加快项目进程。因此，进行这方面的研究有着重要的现实意义。

（二） 课题研究的背景

1、 课题研究的现状

2、 课题研究的发展趋势

（三） 本文的主要内容

本文主要是通过PHP和MySQL的实际应用来完成后台数据的交互，通过HTML、CSS、JavaScript来完成前端的程序实现。本文主要介绍了编制基于Web端的甘特图可视化的基本内容和主要开发方法。全文共分六章，内容结构如下：

第一章主要介绍了课题研究的背景、课题研究的目的与意义，简单分析研究了课题的实际应用；

第二章主要阐述了与课题相关的知识准备以及课题项目开发技术概述，包括甘特图的介绍、HTML语言基础、PHP基础与环境技术、MySQL技术与应用开发等等；

第三章主要介绍了本课题设计开发的总体规划，其中包括系统整体的策划、系统设计的思路和主要框架、系统资源配置等；

第四章主要内容是系统设计，其中包括对整个系统的业务流程、数据流程分析，同时也包括总体设计、数据库设计与连接、详细设计；

第五章主要论述了本课题中为实现关键功能而采用的关键技术。

第六章进行了全文的总结，说明了系统需要继续完善的改进思路以及在整个设计开发过程中的自我评价等。

二、技术概述

（一） 甘特图

甘特图，也称为条状图，在1917年由工程师亨利·劳伦斯·甘特（Henry L.Gantt）发明，是项目管理中进度计划制定的常用方法之一。直到今天Gantt图还在各个领域被广泛使用，并为现代化项目管理的新的实施方法奠定了基石。    

甘特图内在思想较为简单，它用两种视图来显示信息：工作表视图显示有关任务的信息，例如任务开始时间、结束时间和持续时间，以及分配个任务的各种资源；条形视图（也就是常见的横道图）的横轴表示时间，纵轴表示活动(任务)，每一条横道在时间刻度上的位置和长度表明了任何的开始时间和结束时间，不同横道的位置关系也表明各项活动的紧前/紧后关系、开始/结束关系等，整体表示了在整个期间上计划和实际的活动完成情况。两个视图结合直观地表明任务计划的详细信息和进行时间，及实际进展与计划要求的对比。管理者由此极为便利地弄清一项任务(项目)还剩下哪些工作要做，并可评估工作是提前还是滞后，亦或正常进行，是一种理想的项目进度控制工具[1]。

甘特图的优点是简单、明了、直观、易于编制，因此到目前为止仍然是小型项目中常用的工具。即使在大型工程项目中，它也是高级管理层了解全局、基层安排进度时有用的工具。

目前甘特图在Web端的可视化实现主要是基于SVG和JavaScript。SVG意为可缩放矢量图形（Scalable Vector Graphics），是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。由于SVG文件是纯粹的XML，由其生成的矢量图像在放大或改变尺寸的情况下图形质量都不会有所损失，十分适用于在Web端的图像生成显示。因其功能强大，可扩展性好，十分有利于甘特图的可视化实现[17][13]。源:自*优尔~·论,文'网·www.youerw.com/

（二） 前端页面的展示

在本课题中，浏览器前端的展现是至关重要的一部分。其中以HTML语言为基础，JavaScript用于页面内的动态交互以及调用甘特图可视化，CSS则用于页面的布局和美化。