Gantt 项目使用例子

中科软是高新技术企业,为提高核心竞争力,2001年引入ISO9000、CMM和CMMI。2002 - 2004年通过CMM 2 - 4级评估,取得明显效果。后引入软件质量管理平台,支持过程改进、项目管理等工作,显著提升软件开发规范化程度,降低成本,提高效益。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

引用位置 : http://www.cnsqa.com/cnsqa/data/content/Q3/index.html

中科软过程改进之实践

----软件质量管理平台使用报告

 

左春 中科软科技股份有限公司

 

一、           公司简介

中科软科技股份有限公司是专门从事计算机软件研发、应用、服务的智能密集型高新技术企业,以大型应用软件开发和计算机系统集成为核心,集自主开发的行业通用软件产品、嵌入式软件系列产品、大型网络应用软件组合平台和中间件软件产品及应用工具于一体,涵盖了系统软件、支撑软件、行业应用软件各个层次,并可为大型应用系统工程提供全方位支持。公司拥有多年从事软件工程实施、国内外合作开发及推广的丰富经验。

公司现有员工485人。本科以上学历占总人数的94.8%(其中博士8人,硕士104人,本科348人),高级职称(含研究员)33人,中级职称185人,初级职称207人。公司已建立一支以年轻的博士、硕士为骨干的老中青三结合的科技队伍,平均年龄30岁以下。

 

二、           CMM/CMMI的引入

随着公司业务的逐渐扩大,市场竞争日益激烈,公司的发展方针关注于“客户至上、以人为本、规则透明、技术创新”,稳步提高公司的核心竞争力和更高效地管理是公司发展的必要。

公司从2001年开始,陆续引入ISO9000CMMCMMI几个业界比较主流的质量管理参考模型,以指导公司的过程改进。从本质上讲,无论ISO9000,还是CMM/CMMI,都支持PDCA循环(即Plan-Do-Check-Action),从项目的角度可以理解为:

1CMM应用模型

基于CMM/CMMI,针对公司的主流项目的核心过程,逐步形成了行业应用软件的过程控制结构,如下图所示,并不断在实践中得到贯彻和改善。

 

2:行业应用软件过程控制结构

   

三、           中科软过程改进历程

公司自2002年开始启动CMM评估项目,旨在加强软件开发的规范化管理,提高软件产品质量和客户的满意度。整个CMM评估的实施过程由公司总裁直接领导,SEPG由质量管理部牵头,和相关业务部门的质量保证经理、配置管理经理组成。公司分别于200220032004年通过CMM 234级评估。通过CMM评估在以下几方面达到明显效果:

1.             公司建立了一整套应用软件开发管理体制,进一步完善了应用软件开发过程、规范和模板,为项目实施提供了科学的依据。

2.             加强了项目在进度和工作量上的管理和监控,加强了对软件产品质量的有效管理和跟踪。

3.             进一步提高了全员的质量意识。

4.             大大增强了公司在市场方面的竞争力。

过程改进历程中的里程碑:

1.             2000年成立质量管理部门,由公司总裁直接领导

2.             2001年通过GB/T 19001-2000 质量管理体系认证

3.             200220032004年分别通过CMM234级评估

4.             计划2005年底通过CMMI L4评估,2006年通过CMMI L5评估

 

四、           引入工具的支持

在实施CMM过程改进的几年中,公司越来越迫切需要过程管理相关工具的支持,以提高工作效率。公司对引入过程管理工具的期望主要是以下几方面

n         减少收集数据的时间

n         减少统计数据的时间

n         提高项目组内沟通效率

n         规范化项目管理

n         帮助组织实施过程改进

n         帮助企业建立软件开发的知识库

在对多家相关工具的调查之后,我们认为北京软件产业公共技术支撑体系提供的三库四平台之一的软件质量管理平台符合我们的要求。该平台由中国科学院软件研究所研制开发,平台功能强大,其主要功能如软件过程管理、软件项目管理、质量保证和软件度量。使用简单方便,可以全面、有效地管理软件开发中的主要环节,满足公司建立质量管理体系和过程改进的需要。最终我们选择了该软件质量管理平台做为公司过程改进中的支撑工具。

截止目前,软件质量管理平台在公司质量管理部和事业部的重点项目中得到应用,覆盖7个项目,约50人,有效地支持了公司的过程改进、项目管理、质量保证、度量分析的工作。软件质量管理平台为CMM/CMMI过程体系的实施和过程的改进起到了非常大的作用,主要表现在以下几方面:

1.              质量平台提供的软件过程资产管理功能,为企业建立组织标准过程,提供了良好的支持。其中图形化过程定义窗口方便了SEPG人员制定公司的标准过程,并便于项目成员了解和使用。大大降低了过程建立、维护和使用的难度,易于被公司开发人员接受。公司利用本平台建立的组织标准过程如图3所示。

 

 

3:标准过程定义

目前,公司正在进行CMMI 4级的过程改进,本平台为此提供有效的支持。

2.              质量平台提供的项目管理功能为项目经理在项目策划、任务分配和项目管理方面提供了有效的支持,大大提高了项目管理的效率。

例如,利用甘特图,可以支持项目经理有效地进行工作拆分、进度安排、任务分派和项目跟踪。如图4所示:

4:项目Gantt

质量平台实现了目前国际流行的Gantt图项目计划方法,各级项目管理人员可以通过Gantt图分配项目任务,配置资源、指定和检查工作产品、工作项目的进度。

3.              质量平台提供挣值分析等度量功能,可以实时了解项目的进度和成本,及时发现问题和采取措施,尤其对于高层经理和项目管理人员,提供了非常有效的手段,了解项目的进展和成本情况。图5是公司某项目的挣值度量数据,图6 是项目工作量分布统计数据,辅助管理人员了解项目的成本、工作状态和项目进度:

5:项目挣值分析图

 

 

6:项目工作量分布

 

总体上看,通过实施CMM/CMMI过程改进、使用质量平台和相关服务,公司的应用软件开发规范化程度有了显著的提高,降低了管理成本,提高了管理效率,增强了公司在市场上的竞争力,争取的项目数量比以往提高40%,项目周期平均缩短30%,直接为公司创造了较大的经济效益。

                                                                     


<think>我们正在寻找关于Bryntum Gantt的入门示例教程。根据引用[1][2][3]的信息,Bryntum Gantt是一个纯JavaScript的甘特图组件,支持React、Angular、Vue等框架。它提供了强大的调度引擎丰富的功能。 以下是Bryntum Gantt的入门步骤示例: ### 1. 安装 首先,我们需要安装Bryntum Gantt。根据引用[2],它提供了多种构建版本。我们可以通过npm安装: ```bash npm install bryntum-gantt ``` ### 2. 基本使用示例(React) 以下是一个在React中使用Bryntum Gantt的简单示例。注意,Bryntum Gantt是框架无关的,但这里以React为例。 ```jsx import React, { useEffect, useRef } from 'react'; import { Gantt } from 'bryntum-gantt'; import 'bryntum-gantt/gantt.stockholm.css'; // 导入主题样式 const BryntumGanttDemo = () => { const ganttRef = useRef(null); useEffect(() => { // 初始化Gantt const gantt = new Gantt({ appendTo: ganttRef.current, project: { tasksData: [ { id: 1, name: '任务1', startDate: '2023-01-01', duration: 5 }, { id: 2, name: '任务2', startDate: '2023-01-06', duration: 3, parentId: 1 } ] }, columns: [{ type: 'name', field: 'name', text: '名称' }] }); return () => { // 组件卸载时销毁Gantt gantt.destroy(); }; }, []); return <div ref={ganttRef} style={{ height: '500px' }}></div>; }; export default BryntumGanttDemo; ``` ### 3. 关键配置说明 - **appendTo**: 指定Gantt渲染的容器元素。 - **project**: 定义项目数据,包括任务数据(`tasksData`)依赖关系(`dependenciesData`)等。 - **columns**: 配置甘特图表格部分的列。 ### 4. 数据模型 Bryntum Gantt的数据模型包括: - **任务(Task)**:每个任务有`id`、`name`、`startDate`、`endDate`或`duration`等属性。 - **依赖关系(Dependency)**:定义任务之间的先后关系,如`fromTask``toTask`。 ### 5. 官方资源 - [官方示例库](https://bryntum.com/examples/gantt/):提供了大量示例,包括基本使用、高级功能(如资源分配、日历设置等)[^1]。 - [文档](https://bryntum.com/docs/gantt/):详细的API文档指南。 ### 6. 主题定制 Bryntum Gantt提供了多种主题(如Stockholm、Material等),可以通过导入对应的CSS文件来使用。也可以基于Sass自定义主题[^3]。 ### 7. 与后端集成 Bryntum Gantt支持与任何后端(PHP、Java、ASP.NET等)集成,通过JSON格式加载保存数据。官方提供了多种后端示例[^2]。 ### 8. 注意事项 - Bryntum Gantt是商业产品,需要购买许可证。但提供试用版。 - 使用最新版本(如5.2.2)以获得最佳性能功能[^3]。 §§相关问题§§ 1. Bryntum Gantt如何与后端服务器集成?[^2] 2. 如何在Bryntum Gantt中自定义任务编辑器?[^3] 3. Bryntum Gantt的调度引擎有哪些特点?[^1] 4. 如何为Bryntum Gantt创建自定义主题?</think>### Bryntum Gantt 入门教程与示例 Bryntum Gantt 是专业级的 JavaScript 甘特图组件,支持 React、Angular、Vue 等框架。以下是完整的入门指南: #### 1. 安装与基础设置 ```bash # 安装 Bryntum Gantt (React 示例) npm install bryntum-gantt@5.2.2 bryntum-react-shared ``` #### 2. 基础甘特图示例 (React) ```jsx import React, { useRef, useEffect } from 'react'; import { Gantt } from 'bryntum-gantt'; import 'bryntum-gantt/gantt.stockholm.css'; // 导入默认主题 const BasicGantt = () => { const ganttRef = useRef(null); useEffect(() => { const gantt = new Gantt({ appendTo: ganttRef.current, project: { tasksData: [ { id: 1, name: '项目启动', startDate: '2023-09-01', duration: 5 }, { id: 2, name: '需求分析', startDate: '2023-09-06', duration: 8, parentId: 1 } ], dependenciesData: [ { fromTask: 1, toTask: 2 } ] }, columns: [ { type: 'name', field: 'name', text: '任务名称' } ] }); return () => gantt.destroy(); // 清理 }, []); return <div ref={ganttRef} style={{ height: '500px' }}></div>; }; export default BasicGantt; ``` #### 3. 核心配置解析 1. **数据模型**: ```javascript project: { tasksData: [ // 任务数据 { id, name, startDate, endDate/duration, parentId } ], dependenciesData: [ // 依赖关系 { fromTask: 1, toTask: 2 } ], resourcesData: [ // 资源分配 { id: 1, name: '开发团队' } ], assignmentsData: [ // 任务分配 { id: 1, event: 2, resource: 1 } ] } ``` 2. **关键特性配置**: ```javascript const gantt = new Gantt({ // 约束支持 constraintsFeature: true, // 任务编辑面板 taskEditFeature: { editorConfig: { // 自定义字段 extraItems: [ { type: 'text', name: 'customField', label: '备注' } ] } }, // 时间线缩放 zoomOnMouseWheel: true, // 当前时间标记 timeAxis: { continuous: true, showCurrentTimeLine: true } }); ``` #### 4. 高级功能示例 **资源分配甘特图**: ```javascript const gantt = new Gantt({ appendTo: 'container', project: { tasksData: [...], resourcesData: [ { id: 'r1', name: '开发组' }, { id: 'r2', name: '设计组' } ], assignmentsData: [ { id: 'a1', event: 't1', resource: 'r1' } ] }, features: { resourceAssignmentColumn: true, resourceHistogram: { showBarTip: true } } }); ``` #### 5. 官方学习资源 1. [官方示例库](https://bryntum.com/examples/gantt/) - 包含 100+ 可运行示例 2. [React 集成指南](https://bryntum.com/docs/gantt/guide/Gantt/integration/react/guide) 3. [API 文档](https://bryntum.com/docs/gantt/api) - 完整类方法参考 #### 6. 主题定制 ```javascript // 导入其他主题 import 'bryntum-gantt/gantt.material.css'; // 自定义主题 (Sass) $gantt-primary-color: #3f51b5; $gantt-task-color: #4caf50; @import '~bryntum-gantt/gantt.stockholm.scss'; ``` #### 7. 与后端集成 ```javascript // 加载远程数据 project: { transport: { load: { url: 'api/tasks' }, sync: { url: 'api/save' } }, autoLoad: true, autoSync: true } ``` > 💡 提示:Bryntum 提供 PHP、Node.js、Java 的后端集成示例[^2]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值