甘特图前端

本文目录一览：

• 1、要生成像 iOS 8 Health 应用那样的图表，有哪些比较好用的库
• 2、Atlassian In Action-Jira之核心插件（三）
• 3、APS基础要素及准备工作
• 4、在asp.net中如何实现甘特图
• 5、项目管理软件的常用软件
• 6、有哪些it程序员的必备神器？

要生成像 iOS 8 Health 应用那样的图表，有哪些比较好用的库

JS图形、图标库推荐：

1. JS Charts

JS Charts 是个基于JavaScript的图表生成器，不需要任何编码。JS Charts 非常容易使用，只要用户使用客户端脚本（比如，在 web 浏览器中执行）。它不需要多余的插件和服务器模块，只需要下载 JS Charts 的脚本，准备好 XML，JSON 或者 JavaScript 数组数据。

2. Canvasjs

CanvasJS 是个易用的 HTML5 JavaScript 图表库，基于 Canvas 元素。Graphs 可以通过设备渲染，包括 iPhone，iPad，Android，Windows Phone，Microsoft Surface，Desktops 等等。它允许用户创建适用于所有设备，不影响 web 应用程序的功能和可维护性的富仪表盘。CanvcasJS 有着非常漂亮的主题和超过传统的 Flash 和 SVG 图表 10x 倍以上的速度——生成轻量级，漂亮和响应式的仪表图。

3. Chart.js

Chart.js 是个简单的，面向对象的客户端图形库，用户可以用 6 中不同的方式来可视化数据。每个方式都是动画效果的，完全自定义，而且看起来非常好看，即使在 retina 显示。它使用 HTML5 canvas 元素，支持所有现代浏览器，并且支持 IE7/8。

4. Aristochart

Aristochart 是个高度自定义，灵活的折线 Canvas 图表库，允许用户集中精力在图表的审美方面，后台工作做得非常好。Aristochart 有个持续进步的社区，提供许多不断增长的主题给用户选择。

5. xCharts

xCharts 是一个使用 D3.js 来构建漂亮的可定制的数据驱动的 JavaScript图表库，他使用HTML，CSS，SVG实现图表，xCharts 被设计为一个动态的、流畅的、开放的和可定制化的库。

6. BonsaiJS

BonsaiJS 是个轻量级的 JavaScript图形库，提供直观的图形 API 和 SVG 渲染器。主要特性包括：架构分离的运行器和渲染器；iFrame，Worker 和 Node 运行上下文；形状，路径，Assets（音频，图像，字体，subMovies），Keyframe 和常规动画，等等。支持现代化浏览器： Safari, Chrome 和 Firefox。

7. Sigma.js

Sigma.js 是个免费开源的 JavaScript图形库，使用 HTML5 canvas 元素。它的设计是特别为了在 web 界面分享交互式网络 Map 和动态展示网络数据库。

8. Morris.js

Morris.js 是个轻量级的 JavaScript库，使用 jQuery 和 Raphaenuml 来绘制时序图。 Morris.js 生命周期是从代码驱动 howmanyleft.co.uk 图表开始的。它支持的浏览器有： IE6+, Safari/Chrome/Firefox, iOS 3+ 和 Android 3+。它的公共 API 非常的小，只有一个函数： Morris.Line(选项)，包括了许多配置选项。

9. Paper.js

Paper.js 是一个开源的向量图形脚本框架，基于 HTML5Canvas 开发。提供清晰的场景图、DOM和大量强大的功能用来创建各种向量图和贝塞尔曲线。

10. AmCharts

AmCharts 是个高级图表库，适用于所有数据的可视化。AmCharts 包括： Column, Bar, Line, Area, Step, Step without risers, Smoothed line, Candlestick, OHLC, Pie/Donut, Radar/ Polar, XY/Scatter/Bubble, Bullet, Funnel/Pyramid 等等。

11. Smoothie Charts

Smoothie Charts是个极小的图表库，专为实时流媒体数据设计的。Joe Walnes 想展示 WebSocket推动的实时的流数据。虽然很多图表库允许用户动态更新数据，但是没有一个是可以优化源源不断的流数据。

12. Dygraphs

Dygraphs 是个快速，灵活，开源的 JavaScript 图表库。它允许用户展示和解析密集的数据集。可以高亮需要强调的数据集。可以使用鼠标点击或者用鼠标拖动来缩放图表；可以修改数值或者点击条目来调整平均周期。

13. Grafico

Grafico 是 Grafico 是一个基于 Raphaël 和 Prototype.js 构建的 JavaScript 图表库，提供了各种图表类型。这些漂亮的图表，有利于传递他们的信息。

14. Highchart JS

Highcharts JS 是一个制作图表的纯 Javascript类库，主要特性如下：兼容性：兼容当今所有的浏览器，包括 iPhone、IE 和火狐等等；对个人用户完全免 费；纯JS，无BS；支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；跨语言：不管是 PHP、Asp.net 还是 Java 都可以使用。

15. Flotr

Flotr 是一个基于 Prototype 开发的 JavaScript绘图工具。支持图例，鼠标跟踪，图片区域选择，图片缩放，添加事件钩子（event hook），通过CSS设置样式等。

16. Flot

Flot 是受 Plotr 和 PlotKit 的 启发，Ole Laursen 基于 jquery 开发了一个图表绘制(WEB Chart)插件并命名为 flot。 flot 是个纯 JavaSript 库，专注于简单的使用方式，迷人的外观和交互式特性。支持的浏览器有： Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+。

17. jFreeChart

JFreeChart 主要用来各种各样的图表，这些图表包括：饼图、柱状图(普通柱状图以及堆栈柱状图)、线图、区域图、分布图、混合图、甘特图以及一些仪表盘等等。JFreeChart 项目历史悠久，而且有大量的开发者在维护。

18. Plotkit

PlotKit 是一个纯 JavaScript 绘图工具包。它支持 HTML Canvas 和 Adobe SVG。有着很完整的文档，方便用户使用。

19. Planetary.js

Planetary.js 是个令人称奇的创建交互式 web 地球仪的 JavaScript库。它使用 D3 和 TopoJSON 来解析和渲染地理信息。Planetary.js 使用基于插件的架构，甚至默认自身就是个插件！这使得 Planetary.js 非常灵活，而且它是允许用户完全自定义，包括颜色，大小，rotation 等等。更重要的是，用户可以在任意位置使用自定义的颜色和大小来显示动画“pings”；它还支持鼠标拖动和缩放，100% 免费和开源。

20. Ember Charts

Ember Charts 是个图表库，使用 Ember.js 和 d3.js 框架构建的。它包括时间线，条形图，饼图和散点图，非常容易扩展和修改。这些图表组件都是开箱即用的，在图表交互和演示方面应用的很好。

21. Sparky

Sparky 是个免费的 JavaScript 波形图库，依赖于 Raphaël ，非常容易使用。支持多个图表类型（折线，条形，area），折线和区域图可以有多个颜色选择。

22. Envision.js

Envision.js 是个 JavaScript 库，用来简化，快速创建交互式的 HTML5 可视化图表。它包括两个图表类型：时序图和 Finance ，提供 API 给开发者，用户可以直接自定义创建图表。这个库氏基于 Flotr2 和 HTML5 Canvas 的。它与框架无关，依赖于几个小的 JavaScript 库。

23. Dc.js

dc.js 是个 JavaScript 图表库，有着原生的 crossfilter， 支持和允许高效展示大型多维数据集（基于 crossfilter 的示例）；图表使用 dc.js 渲染，是使用原生数据驱动，所以能得到用户的实时反馈；dc.js 最大的亮点在于能提供一个简单而强大的 JavaScript 库，能进行数据可视化和分析；不仅支持桌面浏览器还支持移动端。

24. ElyCharts

Elycharts 是一个易于使用的，可定制的 JavaScript图表绘制组件。这个组件可用于绘制大部分常用的图表类型包括：line, column, are, bar, pie, sparklines and combinations。它支持多种交互式功能包括：鼠标跟踪、事件处理、利用各种动画高亮显示选择中的区域，Tooltip，HTML锚点等。可以动 态修改数据，并以漂亮的动画效果展示图表中的变化。图表利用SVG/VML技术生成，基于jQuery + Raphaël开发。

25. AwesomeChartJS

AwesomeChartJS Awesome Chart JS 是一个 JavaScript生成图表的类库，它利用了 HTML5 的 canvas 标签来创建统计图表。此类库就是为了减轻开发者的工作量，使用它只需书写几行代码便能生成漂亮的图表。

26. Arbor.js

Arbor.js 是一个利用 Web Works 和 jQuery创建的可视化图形库，它为图形组织和屏幕刷新处理提供了一个高效的、力导向的布局算法。

27. CanvasXpress

canvasXpress 是一个基于HTML5 canvas标签实现的 JavaScript图表类库，它能够支持线性图、柱形图、饼图和热点图等多种常见的图表类型。它所生成的图表交互性很强，鼠标放 上去时会动态显示值。除此之外，它也具有相当高的可定制性，可设置图表的文字、颜色和要显示/隐藏的元素等。当然更重要的一点是，虽然它使用了 HTML5，但是依然支持IE6浏览器。

28. JSXGraph

JSXGraph 是一个支持各种浏览器的交互式几何图库绘制。JSXGraph 使用 SVG 和 VML。

29. Rickshaw

Rickshaw 是一个用于绘制时序图的简单 jS 库，基于 Mike Bostock’s delightful D3 库构建。

30. rGraph

RGraph 是基于HTML5 canvas标签的HTML5 canvas图形库，支持 20 种不同的可视化类型。使用 canvas 标签，RGraph 创建“HTML5 图表”，意味着更快的 web 页面加载和更少的 web 服务器加载。这能帮助减小 web 页面的大小，低能耗和更快的浏览速度。

31. Fusion Chart

FusionCharts Suite XT 是个专业的 JavaScript图表库，能创建任何类型的图表。它创建的图表都是可以进行完全自定义的，标签，字体，边界等等，都可以进行修改。它有很强的交互功能，有许多信息提示，可 点击的 legend 关键字，还有 dril-down，缩放/滚动 和单击打印图表功能。

32. Graph Dracula

Dracula 是用一系列的工具来显示和布局互动图表，包括各种相关的算法。它只是纯 JavaScript 和 SVG ，并无 Flash，Java，其他插件。它非常容易使用，用户可以很简单的自定义任意的元素。

33. Bluff

Bluff 是个 JavaScript 的 Ruby 的 Gruff graphing library端口。它支持所有 Gruff 的特性，但是有着最小的依赖。用户只需要运行一个第三方脚本： JS.Class 副本(压缩后只有 2.6kB ) 和 Google 的 ExCanvas 副本，用来支持 IE 中的 canvas。这两个脚本在 Bluff 中都有下载。Bluff 自身压缩后大小大概有 11KB 。

34. Pizza Pie Chart

Pizza Pie Charts 是个响应式饼图图表，基于 Adobe Snap SVG 框架，通过 HTML 标记和 CSS 来替代 JavaScript 对象，更容易集成各种先进的技术。

35. jGraph

HTML5 图表组件，完全支持l IE 6-8 和触屏设备。 JGraph 自2001年来就一直提供最先进的图表软件组件，是第一个流行的 JGraph Swing 库。然后在 2005 年走在时代的前沿开发 mxGraph。

Atlassian In Action-Jira之核心插件（三）

Jira的道在于构建了整个环境和思维模式，也赢得了市场的认可，成了一种势。无数的厂家便成了Jira的海洋生态当中的重要组成部分。有些厂家的插件是提升了Jira的体验，有些则是强化了特定功能。这里只推荐三个算得上 必须 使用的插件。

围绕这三个插件，我们能够搭建起研发管理的整体路线和迭代管控视图，简化流程，完善管理制度。接下来就介绍每个插件的场景和使用方式。

我们通过一张图形成一个大概的印象

我们当时选择这个插件期望满足的场景有下面几个：

我们项目管理常用的软件就是微软的Project，所以我们选项目标也是按照这样的思路来挑选的。最简化的概念就是 甘特图 。

当中有设置的必要的应该是Working schedule了

设置放假和周末，这样在计算任务起止的时候能够在甘特图中正确的显示，其他我没有做过多的设置。

从上图可以看出甘特图的组织形式分为4层。

1. 项目（Project）

2. 版本（fixVersion）：注意是根据父任务的修复版本确定的

3. 父任务（Story/Task）

4. 子任务（Sub-Task）

在甘特图的界面可以进行任务的管理。

可以拖动任务的两端进行开始和截止日期的调整，也可以直接拖动整个任务进行任务的调整。

任务的进度是通过下面的三角标识进度，这个计算是使用实际投入的工时与预计工时直接的比例。

蓝色的线是在日期栏直接左击，就可以设置一个时间线，默认是设置在选择日期的开始。可以用于设置迭代里程碑。

显示内容的设置界面如下：

可以看到有四种方式可以混合使用：

1. 面板

2. 过滤器

3. 项目

4. JQL查询语句

任务列表界面上元素都是可以根据实际系统中设置的字段进行调整的，如下图所示：

绿色的是自定义字段，灰色的是系统字段。自定义字段基本都是单纯的显示，系统字段会有一些其他的效果。

这个插件在前端没有任何感知，知道Jira系统中存在这个插件的基本也只有管理员了。但是对于管理员来说，这是流程推进、串联的最重要的工具了。

它的作用是在工作流的流转过程中可以附加其他的操作，列表如下：

可以看到主要有赋值、分配人员、评论、触发其他流转环节、自定义脚本等等，而且可以针对问题本身、父问题、关联问题。基本能够涵盖日常应用的场景了。

我讲一下我实践过程中，比较常用的几种场景：

使用到 Assign to last role member 或者Assign to role member 。场景例如bug，当测试发现一个bug时，可能并不直接指定具体研发，而是 提交给研发管理小组 确认之后再分配给具体研发，具体研发人员修改完成后，点击 修改完毕 按钮，转发给测试。测试若发现bug没有完全修复，点击 退回研发 按钮，直接退回对应研发（而且可以累积退回次数）。

这里面的几个步骤：

1. 修改完毕，会追溯到测试角色的最后一个经办人，并且将问题分配给他

1. 退回研发，会追溯到研发角色的最后一个经办人，并且将问题分配给他

为何要追溯某角色的最后一个经办人？因为内部可能还存在多次指派，甚至对bug进行分析后发现不是后端bug要指定给前端研发。测试不用自己分析要退回给谁，让流程来判断。

使用到 Transition linked issues 和Transition parent issue 。我们最早就讲过，整个系统是子任务驱动的，具体人员只用关心和管理自己的子任务（子任务只有开始和结束两个简单状态），但是父任务涉及多人合作和角色含义，状态和节点可能会有几十个，无论让谁来管理都是很困难的。场景，一个父任务需要UI、产品、前端、后端、测试共同完成。其中可能产品先行，完成之后交付给UI，完成就可以前后端介入，研发全部完成后才能交付给测试执行。

这里面思想其实很简单，就是子任务工作流+角色。首先对于不同角色要区分出合理的用户组，当每个人完成任务时，判断他自身的角色从而触发父任务的状态流转。比如产品完成任务时，转至 方案设计完成 ，研发完成时可以判断当前父任务下是否存在测试子任务，若存在转至 研发完成待测 ，若不存在说明不需要测试转至 研发完成无需测试 。

这里给大家一个小小的建议

当你添加自动化工作流时，这里时可以选择名称或者id的，id就是一串唯一数字，当你需要精确触发工作流时可以指定。但是像上面描述的那种情况，其实并不能完全判定当前的状态是什么。比如需要产品协助时，产品会先完成任务之后研发才开始，这时候研发介入的上一环节是 设计方案完成 ，但是也存在不需要产品研发直接开始比如研发内部优化，这种情况下研发介入的上一环节是 待办 。如果这时候指定的具体的工作流，起始状态不正确就无法执行。所以建议是使用名称，而且建议规范是 转至+下一环节名称 ，比如到研发这个环节，无论从待办或者方案涉及完成，甚至测试退回，都成为 转至研发 ，这样我们只要写一次post function就可以满足多种情况了。

注意 ：即使使用名称流转，也必须满足该流转的起始和中止状态满足当前情况。例如如果我 方案设计中 如果没有指向 研发进行中 节点，即使我尝试触发该流转也是无法执行的。

研发在质问我，已经9012年了我们还要使用工时这种low爆的形式来做绩效管理么？每天凑满8小时工作时间对于管理层就这么重要么？你们的能力仅仅就是看着这个人工时有没有记录好么？

如果你这么想，说明你没有想过研发管理到底该做什么。研发管理控制三要素：时间、成本、质量。控制的目的是提升，如何提升？必然是发现问题，改进才能提升。最简单发现问题的地方是 工时分配 ，而不是某个员工8小时工时本身。某个迭代中，那个story投入的工时超出成本，哪些人的bug工时投入超出正常比例、哪些人的线上问题投入工时较高、整体研发部门投入在非研发工作上的比例是多少，要不要优化。这些才是我们应当去关注并改进的。当所有人员只有3-5个人，可能这个数据受个人影响比较大，但是当人员超过30-50人时，个人少报或者没有正确填写的影响就已经比较小了，我们要观察的是趋势，大项的时间投入正常都是有记录的，这样基本就能够反应真实情况了。

所以Tempo作为目前时间管理最好的工具，在研发管理中重要性相信各位管理人员都有认知了。

tempo当前最新是9.4.2版本，我使用的是8.15.3 。我尝试升级过一次插件，结果大家都不习惯新的界面，我不得不退回老版本。

全局配置中有几点说明，我们是子任务驱动所以工时不允许记录在父任务。但是只有一个任务下有子任务的时候才是父任务，否则就可以记录工时。

Work Attributes是设置工时填写面板的自定义字段

注意 ：这里的字段只有通过记录工时按钮呼出的界面才有，比如完成任务时填报工时的界面是没有自定义字段的。

v9去掉的就是这个工时表，这个基本上是我们最常用的功能了。所以去掉之后大家都不知道怎么用了。

用户这个地方的下拉框可以选择如下几种选项。其中比较难理解的是账户这个概念，tempo里面实际上是有成本概念的，就是通过账户当中的金额来管理，不过我们没有使用过。

常用的几个是用户（分析单个用户的工时分布），团队（每个小组整体任务工时分布），高级（指定过滤器查看任务工时分布），问题（查看单个问题的人员工时分布）

时间区间可以任意指定，查询出的结果可以直接导出excel用于做透视图之类的。

v9主推的就是Reports操作的内容和界面形式应该是更加优化，上面的时间区间、过滤器设置（可以多选），分组可以多选和排序。

这个我们用的比较少，主要会针对某个具体问题、或者较大的Epic相关的项目站会、总结会时，分析人员工作进度和使用。

上述三个插件加入到Jira之后，我们完成了迭代整体控制、工作流实施、研发管理规范与提升三方面配置，基本已经可以开始组织一个研发团队为了同一个既定目标按照统一规范流程进行开发，而且尽量简化过程降低研发非研发类工作的占比。但是我们还是可以使用一些其他的插件来提高研发管理整体效率。另外必须说一句，这些插件的仪表盘可用插件没一个能用的。

APS基础要素及准备工作

1）物理系统模型：模型可理解为具有关系的实体或对象，这类模型一般是针对需要计划的有形问题的模型，这就要求针对给出的模型，要在一定数量下做出及时的决策。

2）功能：可针对动态输入数据做出结果分析，根据输入的数据重新计算计划方案，可对用户的操作做出及时响应。这类功能可分为基本功能、自动化功能和优化功能，但不包括从其他系统导入导出的功能。

（a）基本功能，一般用于执行简单的计算；

（b）自动化功能可以理解为自动化动作，可以理解为一组动作，或者用户界面中触发的自动化功能，因此这种功能一般是基于其他事件触发或者按照一定频率执行，用于支持计划或者排程的生成；

（c）优化功能，是基于不同场景，将自动化功能做差异化，生成多个可能的计划或排程，这类差异化是根据某种评分函数来选择，生成的算法。

3）交互式甘特图：即可以一种图形化交互式的用户界面（GUI）来描述当前资源和物料的消耗情况，由于考虑时间和资源的情况，一般可考虑使用项目管理中的交互式甘特图表示，甘特图的种类很多，但其共同的特点是，以图形化的方式显示任务并及时分配资源。

甘特图的基础特征主要如下：

（a）是个二维表；

（b）横轴表示时间；

（c）纵轴表示资源；

（d）在图表中，矩阵表示工作计划或资源上的排程

可参考如下图示例：

可使用如下同心圆绘制APS的基础组成要素，同时需要说明的是，外圆需要在内圆正确实现时，才能正常工作。这就要求，APS实施的初期，其重点应该是重点构建物理世界模型，在最初APS的设计和期望管理，应该做好前提准备，即创建好的模型比实施自动计划和排程具有更高的优先级。

2 APS的组织准备事项

并非所有公司都一定需要考虑运行APS，A表示它是一种先进的工具，这依赖于当前良好运行的系统和整体业务规范的流程，讨论使用APS需考虑的四个主要因素为愿景，智慧，数据和可预测性。

1）愿景

APS应成为提高业务绩效战略的一部分，公司需要了解APS可以在长远角度对公司带来的价值，即APS的愿景应与公司的战略其他要素保持一致。同时APS不仅支持现有流程，也需要起到流程重组的作用，这要求明确APS的实际对象以及实现的方式。其次，APS可以协助明确组织的问题，并可以协助了解流程中的实际操作对象。

2）智慧

APS的实施的前提是，公司内部有足够的资源来支撑APS的工作原理，并了解如何使用APS，并提出更加复杂的解决方案。这意味着，通过外部顾问或者外部技术支持提供的解决方案或者系统，不能作为长久之计，需要有内部人力资源长期优化。这要求APS的使用和管理对象，是公司内部的长期用户，而不是由APS供应商专门提供。这类内部人力资源应该具有系统思维，具有在工业工程、运筹学、数学、计量经济学和信息学领域的学位，这些人可能在一开始没有工作经验，但其在APS项目中的培训会使其学习更加快速。系统的业务用户应该与APS技术人员保持密切联系，这样可以保证系统的输入和输出结果为业务所理解的决策结果。

3）数据

数据质量对APS的成功实施具有至关重要的作用，数据质量的准备结果可以使用如下情况进行评估：

（a）用户很少抱怨，也不会时常监控和跟踪系统计算数据结果的准确性和完整性；

（b）用户信任系统，几乎不交叉检查，也很少验证物料清单，工艺路线和生产、选料等过程。

APS系统的数据来源不同系统，由于跨系统数据源的差异，创建的集成数据和视图显示数据往往会存在很多不一致，这类数据质量往往不符合战术业务参数，会导致主数据、运营数据和决策的结果往往不一致。因此在接入前端数据前，需要考虑复杂和大量的数据清洗工作，保证数据的完整性和一致性。

4)可预测性

需要重视的一个规律，没有可预测性的计划是无效的，当没有可预测性，使用APS进行计划与没有其实没啥区别，因此如果预测无法进行，需要考虑如何提高可预测性，从而提高系统的可控性。评估可预测性的准备情况包括如下。

（a）一天的大部分时间是在做计划和安排，而非为当天的结果做决定；

（b）很少去做短期计划的改变或者短期决策；

（c）同样的问题很少重复出现；

（d）一天几乎不会参与紧急工作或调度救急；

（e）决策任务可不间断启动和执行，而非间隔执行。

如果上述情况已经适用，则说明APS的系统执行已经做好了在预测方面的基础准备。

在asp.net中如何实现甘特图

甘特图和asp.net没有直接的关系，甘特图一般是通过前端实现的，asp.net只负责提供渲染甘特图的数据。你可以百度一下jsgannt，应该能找到。

项目管理软件的常用软件

项目管理软件的常用软件有8Manage PPM项目管理软件，作为一个先进的项目管理工作平台，信息同步，线上无障碍沟通，实现跨级、跨地域的联动性项目协同工作，使得企业项目数据实时、精确共享，减少员工重复工作量，提升员工工作率和管理效率。

我们结合8Manage PM使用实践，总结项目远程协作中的一些重点，希望给大家提供一点帮助。

1、计划安排

远程工作协同，对项目计划的制订和任务分配提出了更高要求。清晰的工作目标是高效的前提。

8Manage PM可以在线编制项目计划，并能层层分解直到明晰。通过系统的任务分配明确每人的分工，整体进程清晰透明；系统提供工作分解结构、甘特图、资源分配等视图来帮助项目经理制定更为合理的计划。

2、过程监控

能够对进行中的项目的所有方面进行实时监控是成功的项目管理的关键。

8Manage最强大的功能之一就是对项目和项目组合进行实时的跟踪和监控。

在项目的总概览页面，你可以直观地看到项目的计划进度、费用、质量控制和资源的情况，系统自动跟踪项目的进展状态，并用不同颜色的指示灯来预警，让你能尽早发现问题，从而降低项目风险。

过程监控主要控制好两方面：进度和质量。

（1）进度监控

进度监控很重要的一点是设立里程碑，这对项目的进度可测性是非常重要的。

设立里程碑，关键是有效分解项目目标，而不是简单地切割时间表，要保证分解后的目标是一个完整的小项目或有明确的主题或交付。

里程碑的时间间隔不超过二个月（微软公司的经验）。这样，由于里程碑的时间间隔较短，项目成员始终能清楚地看到目标，容易产生紧迫感和牵引力，通过努力每到达一个里程碑，团队成员都能切实感觉到项目的进展。

8Manage PM内的里程碑进度报告

8Manage PM提供可视化的里程碑进度报告，随时查看项目里程碑的执行情况，让你有机会进行早期干预，避免项目受影响。

（2）质量监控

质量控制就是监督项目的实施结果，包括三点：

① 事前控制：对那些可能引起项目质量变化的因素进行控制；

② 事中控制：对质量实际情况的监视、质量误差的确认和采取纠偏措施，以消除质量问题；

③ 事后控制：吸取经验教训，改进今后的项目质量管理工作。

你可以使用8Manage系统通过制定质量控制规则、内部评审和验收规则等内部过程规范来实现质量管理。

系统通过内部评审及验收的规范化，比如数量、完成进度、是否有内部审核等，来帮助控制可交付成果的质量。

3、沟通协作

项目中消息可能是爆炸式的，项目经理每天与各方沟通，就会有各种消息需要收集、处理和分发。对处于消息风暴中心的项目经理来说，远程无疑增加了消息处理的难度和工作量。

使用8Manage PM，经过系统自动发送消息给团队相应人员，消息在系统和邮箱能同步接收，可以保证消息的及时性和不遗漏。

在项目沟通管理中，8Manage强大之处在于其数据的准确性和实时性，帮助提高团队沟通效率。

特别是如果项目中有某个需求变更，需要调整，这时就需要尽快找相关负责人沟通。团队成员可以在系统内对项目某一任务或结果发起讨论或即时聊天，因项目资料、成员都在同一平台，不需跨平台操作，来龙去脉一目了然，这样有针对性的沟通更有效率。

4、工作汇报

远程协作模式下，团队成员不见面，固定汇报模式和频率是及时掌握项目进展的有效方式。

在8Manage项目管理软件上，团队成员只需在线填报工时单，就可以汇报任务进度。

同时，8Manage的工时表功能可以自动地跟踪每个项目计划与实际的工作量，从而方便项目经理们掌握项目进度，以确保项目的顺利进行。

5、信息共享

项目工作涉及范围广泛，远程时项目信息如何及时共享给各方？

8Manage PM实时收集项目中的数据，并为各种角色提供面面俱到的工作汇报、仪表盘、报表等，即使团队成员身处各地也能实时获取到准确、一致的信息，为各方提供完整的决策依据。

在项目过程中，我们还会有大量文档传递的情况。平时文档存在本地办公电脑上，有需要时才临时发给相关人。但在突发情况下，无法获取到本地办公电脑的文件，许多事可能就麻烦了。

虽然目前有各类云存储，不过8Manage的项目管理过程本身就有文档收集， 更易于项目的文档集中管理，避免文件散落，并通过控制团队人员权限解决文档安全共享问题。

6、流程审批

其实不仅远程协作时需要在线审批流程，即使是办公室模式下，线上化流程审批也同样重要。

在8Manage系统内，用户再也不需拿着纸到处找人签字，直接在系统上发起申请，审批人能在个人待办中看到并处理。申请人能随时跟踪到流程处理情况，流程处理完时系统自动通知申请人。

7、移动办公

要是遇到突发情况，身边连电脑都没有，怎么办？

别担心，8Manage PM提供的移动端，涵盖了与web一致的必要功能，包括创建和分配任务、消息互通、工时填报、流程审批、文档提交与下载等，足够让项目团队只用手机，就使项目良好运转和执行。

不仅如此，8Manage PM还能与钉钉完美对接，实时接收项目消息、查看工时、可交付成果、审批项目等等，大大提高团队的工作效率。

有哪些it程序员的必备神器？

URL Decoder/Encoder：  特别实用的一个用来处理URL编码和解码的小工具，你甚至可以直接将这个页面的源代码保存下来，这样不需要连接上网也可以离线使用。附送的一个隐藏功能就是当你从任何地方拷贝信息过来的时候，它会自动去除拷贝过来的格式化信息，小编自己基本上每天都会使用这个小工具复制粘贴各种信息。

iTerm2是一款完全免费的开源软件，可以完全替代MacOS的终端。iTerms功能强大，使用方便，可以让你轻松且高效地管理和定制化你的工作流程。iTerm2的一些特色功能包括：标签变色，智能选中，自动补齐，全屏展示所有的 tab并支持搜索（Exposé Tabs），丰富的快捷操作等。

Textpad这款工具具有无限制的撤销/重做功能，并且能够编辑超大文件，文件上限是系统虚拟内存大小。

Octotree：  Github是目前使用最广泛的版本控制工具，然而通过浏览器访问Github的体验并不是那么友好，特别是当我们需要不断地访问不同文件夹里面的文件的时候。Octotree正是这样一款浏览器插件，它提供了类似IDE的便于访问的代码目录树，能够提高我们在Github上工作效率。

Wireshark：这个工具可以用来监控机器上的TCP、HTTP等各层级的网络通信。作为后端开发，如果想看前端发来的请求到底都包含了哪些信息，又没有前端的调试环境的话，使用Wireshark监控HTTP请求是很好的解决方案。自己在程序中发HTTP请求时，也可以使用它来检查发出的HTTP请求是否符合自己的预期。

Mermaid：这个工具可以使用脚本语言直接渲染出流程图、时序图、甘特图，写文档简单快捷。免拖拽，免排版，格式控制统一。脚本也便于存放修改，样式可以复用。还可以使用插件集成如Markdown编辑器，进行实时预览。

spectacle：Mac free source 窗口控制工具，拖拽窗口到屏幕边缘resize，也可以自定义快捷键。用起来跟Windows上面一样。相比较于Moom，SizeUp，Divvy，spectacle支持鼠标拖拽到边缘resize，非常便利。

Tmux：一个虚拟终端可以管理多个会话，窗口和面板。执行 tmux 命令时就开启了一个服务并创建了一个会话，窗口和面板。支持分屏，同时处理多个操作。不受断网影响，避免丢失重要工作进度。方便演示与协作，支持结对编程。

Caniuse：   通过这个网站，用户能够查询主流浏览器特定版本对HTML,CSS和JS的支持情况。并且最重要的是它“免费”！

Visual Studio Code：这是微软出品的IDE工具，跨平台（Linux，Mac，Windows）。轻量级内存占用，品质稳定且免费。同时内置Git版本控制功能。值得一提的是插件生态丰富，安装插件简单，通过插件可以增加更丰富的语言支持、主题定制、文本自动格式化等能力。