ChatGPT实战100例 - (06) 10倍速可视化组织架构与人员协作流程

一、需求与思路

管理研发团队的过程中，组织架构与人员协作流程的可视化是必不可少的一部分，可是自己画图费时费力，不如看看ChatGPT来做，一试之下，简单明了，效率提升10倍不在话下。

使用PlantUML描述思路：

left to right direction

rectangle 需求分析
rectangle 组织架构
rectangle 人员协作
需求分析 --> 组织架构 
组织架构 --> 人员协作 

@enduml

初步分析后，决定指示ChatGPT完成如下操作：

• 使用GraphViz画出组织架构图
• 使用plantuml语法描述任务流

二、 组织架构

问题：

软件开发团队有1名架构师，2名前端，2名后端，1名测试，1名产品，1名UI，
请使用Graphviz 语法画出组织架构图

回答：
以下是使用 Graphviz 语法表示的软件开发团队组织架构图：

digraph G {
    graph [splines=polyline, fontsize=12, fontname="SimHei"];
    node [shape=box, style=filled, fillcolor=lightblue, fontsize=12, fontname="SimHei"];
    edge [fontsize=10, fontname="SimHei"];

    Team [label="软件开发团队", fillcolor=gold];

    Architect [label="架构师"];
    Frontend1 [label="前端开发者 1"];
    Frontend2 [label="前端开发者 2"];
    Backend1 [label="后端开发者 1"];
    Backend2 [label="后端开发者 2"];
    Tester [label="测试人员"];
    ProductManager [label="产品经理"];
    UIDesigner [label="UI 设计师"];

    Team -> Architect;
    Team -> Frontend1;
    Team -> Frontend2;
    Team -> Backend1;
    Team -> Backend2;
    Team -> Tester;
    Team -> ProductManager;
    Team -> UIDesigner;
}

将上述 Graphviz 代码粘贴到一个支持 Graphviz 的编辑器（如 Graphviz Online）中，就可以生成组织架构图。注意，生成中文图形时，请确保使用的编辑器支持中文字体。图中显示了一个由 1 名架构师、2 名前端开发者、2 名后端开发者、1 名测试人员、1 名产品经理和 1 名 UI 设计师组成的软件开发团队。

二、 人员协作

问题：

描述这些人员是如何完成任务流的，使用plantuml语法

回答：
以下是使用 PlantUML 语法表示的软件开发团队任务流程图：

@startuml

actor "产品经理" as ProductManager
actor "架构师" as Architect
actor "前端开发者 1" as Frontend1
actor "前端开发者 2" as Frontend2
actor "后端开发者 1" as Backend1
actor "后端开发者 2" as Backend2
actor "UI 设计师" as UIDesigner
actor "测试人员" as Tester

ProductManager --> Architect : 需求沟通
ProductManager --> UIDesigner : 需求沟通
Architect --> Frontend1 : 分配前端任务
Architect --> Frontend2 : 分配前端任务
Architect --> Backend1 : 分配后端任务
Architect --> Backend2 : 分配后端任务
Architect --> Tester : 分配测试任务
UIDesigner --> Frontend1 : 提供设计稿
UIDesigner --> Frontend2 : 提供设计稿

Frontend1 --> Tester : 提交前端代码
Frontend2 --> Tester : 提交前端代码
Backend1 --> Tester : 提交后端代码
Backend2 --> Tester : 提交后端代码

Tester --> Frontend1 : 提交前端问题反馈
Tester --> Frontend2 : 提交前端问题反馈
Tester --> Backend1 : 提交后端问题反馈
Tester --> Backend2 : 提交后端问题反馈

Frontend1 --> Architect : 汇报任务进度
Frontend2 --> Architect : 汇报任务进度
Backend1 --> Architect : 汇报任务进度
Backend2 --> Architect : 汇报任务进度

Architect --> ProductManager : 汇报项目进度
Tester --> ProductManager : 汇报测试情况
@enduml

将上述 PlantUML 代码粘贴到一个支持 PlantUML 的编辑器（如 PlantUML Online Server）中，就可以生成任务流程图。

图中描述了以下任务流程：

1. 产品经理与架构师、UI 设计师沟通需求。
2. 架构师分配任务给前端开发者、后端开发者和测试人员。
3. UI 设计师提供设计稿给前端开发者。
4. 前端开发者和后端开发者完成任务后，提交代码给测试人员。
5. 测试人员提交问题反馈给前端和后端开发者。
6. 前端开发者、后端开发者、测试人员向架构师汇报任务进度。
7. 架构师向产品经理汇报项目进度。
8. 测试人员向产品经理汇报测试情况。

四、 总结

1. 实用性很强
2. 美观度不足
3. 修改需要一定的plantuml经验