Read this post in: de_DEen_USes_ESfr_FRid_IDjapl_PLpt_PTru_RUvi

AI C4 图表生成器现已支持系统全景图和动态图 | AI 聊天机器人

EDITION REQUIRED|
DESKTOPProfessional
VP ONLINEDeluxe

Visual Paradigm 已增强其AI 绘图聊天机器人,新增支持两种 C4 模型图表类型:C4 系统全景图 和 C4 动态图.

AI C4 图表生成器可创建系统全景图和动态图。

通过此次更新,架构师、开发人员、业务分析师、项目团队和技术文档撰写者可以使用自然语言提示生成更广泛的软件架构图表。AI C4 图表工具现在可以帮助用户从组织系统的高层视图,过渡到特定工作流中这些系统如何交互的详细视图。

新功能扩展了聊天机器人原有的 C4 系统上下文图、C4 容器图、C4 组件图和 C4 部署图的支持。这些图表类型共同提供了一种实用方法,用于在不同抽象层次上探索软件架构——从周围的技术生态系统,到系统的内部组件和运行时交互。

立即试用 AI C4 图表生成器并描述您希望可视化的架构。

在继续之前,请查看下方的信息图,它将展示本次公告的核心概念。

一张信息图,概述如何使用 Visual Paradigm 的 AI 绘图聊天机器人生成 C4 图表

AI C4 图表工具有哪些新功能?

Visual Paradigm AI 绘图聊天机器人现在可以生成:

  • C4 系统全景图,展示围绕企业或软件系统的系统、人员、组织和外部服务。
  • C4 动态图,说明容器或其他架构元素如何交互以完成特定的用例或业务场景。

这些新增功能非常重要,因为对架构的理解不仅需要系统边界的静态视图。团队还需要了解系统运行的更广泛环境,以及使业务流程得以实现的交互序列。

当主要问题是:哪些系统和外部参与者参与此环境?

当主要问题是:这些系统或容器如何协作以完成特定场景?

通过支持这两种视图,AI C4 图表生成器帮助团队将战略架构讨论与实现层面的工作流连接起来。

为什么 C4 系统全景图和动态图很重要

C4 模型广泛用于通过一组互补的图表来传达软件架构。每张图表回答不同的问题,并针对不同的详细程度。

上下文图解释系统、其用户和外部系统之间的关系。容器图展示系统内部的主要应用程序、服务、数据库和消息队列。组件图解释容器的内部结构。部署图展示软件在技术环境中的运行位置。

新支持的图表增加了两个非常有用的视角:

  • 该系统全景图将视野从单一软件系统扩展至更广阔的领域,帮助利益相关者全面理解技术环境。
  • 该动态图增加了行为与序列信息,展示架构元素在选定场景中的协作方式。

这使得 AI C4 图表工具在架构发现、系统规划、集成分析、入职培训、技术评审、现代化举措和文档编制等方面更具实用性。

超越单一系统理解整体架构

许多企业系统并非孤立运行。电商平台可能依赖于支付网关、仓储系统、物流服务商、税务机关、会计服务、客户关系管理平台以及遗留的企业资源规划系统。

系统全景图将这些关系整合为统一的可视化视图,帮助团队识别:

  • 哪些系统由企业拥有并运营
  • 哪些参与者与架构进行交互
  • 哪些第三方服务支持关键业务能力
  • 哪些遗留系统仍属于运营环境的一部分
  • 数据与业务流程如何在系统间流转
  • 哪些集成使用了 API、消息传递、批处理、文件传输或其他技术

这在企业架构规划、平台现代化、并购分析、集成规划以及系统依赖审查中尤为宝贵。

解释业务场景的实际运作方式

全景图展示“存在什么”,而动态图展示“发生什么”。

例如,订单创建流程可能始于客户通过 API 网关提交结账请求。随后,该请求可能被路由至订单服务,存储于订单数据库,发送至支付服务,由第三方支付网关进行授权,并与库存服务进行核对。一旦支付和库存确认无误,订单即可标记为已确认,并发布至事件总线,以触发下游的履约、通知和分析流程。

C4 动态图使该工作流更易于讨论,因为它以有序且聚焦场景的方式呈现交互关系。架构师可利用它识别依赖关系、同步调用、异步事件、潜在故障点以及补偿流程。

示例:使用 AI 生成 C4 系统全景图

为演示新功能,我们使用 AI 绘图聊天机器人为全球电商企业生成了全景图。

提示词如下:

为一家全球电商企业生成 C4 系统全景图,展示客户交互、第三方支付网关、仓储履约系统及遗留 ERP 集成情况。

请求 AI 绘图聊天机器人生成 C4 系统全景图

AI C4 图表生成器生成了包含外部参与者、企业范围、主要系统等内容的景观图。

AI C4 图表生成器生成了一个包含外部参与者、企业范围、主要系统等内容的景观图。

生成的关系还标注了具有意义的交互描述和技术,例如 REST、HTTPS、异步消息传递、批处理、SFTP、EDI、SOAP 以及变更数据捕获。

这使得生成的图表不仅仅是方框与箭头的集合,它为讨论系统所有权、集成风格、运营依赖关系及现代化优先级提供了起点。

查看共享示例对话以了解 AI C4 图表工具如何生成 C4 系统全景图。

示例:使用 AI 生成 C4 动态图

生成系统全景图后,我们要求 AI C4 图表生成器描述电子商务平台内的一个特定工作流程。

提示词如下:

在电子商务平台内生成一个 C4 动态图,展示客户通过 API 网关下单的分步工作流程。

生成的动态图展示了客户、平台与外部系统之间的交互。

一张 C4 动态图展示了客户、平台与外部系统之间的交互。

此示例展示了 C4 动态图如何与 C4 系统全景图相辅相成。全景图解释整个生态系统,而动态图则聚焦于该生态系统内的一个关键用例。

从自然语言提示到架构图

手动创建架构图可能非常耗时,尤其是在初始需求尚不完整或仅以非正式业务语言表述时。团队可能清楚自己想要说明的内容,但尚未形成精确的视觉结构。

AI 绘图聊天机器人提供了一种对话式方法。用户可以用自然语言描述系统、场景、利益相关者、技术或集成需求。随后,AI 生成一张图表,用户可通过后续指令对其进行审查和优化。

例如,在生成 C4 动态图后,用户可以要求 AI 执行以下操作:

  • 添加欺诈检测服务
  • 展示支付被拒的路径
  • 包含库存不足的场景
  • 将订单事件总线表示为异步集成
  • 添加重试和超时行为
  • 展示仓库履约消费者
  • 重命名服务或更改其职责
  • 解释所选元素的目的
  • 生成该图表的文档
  • 钻取某个容器并创建更详细的图表

这种对话式工作流帮助团队以迭代方式探索架构。用户无需试图在一次会话中创建完美的图表,而是可以从高层描述开始,随着理解的深入逐步完善模型。

要求 AI 解释该图表

图表生成只是体验的一部分。用户还可以要求 AI 绘图聊天机器人解释生成的图表。

当图表需要由不同技术背景的人员进行审查时,这一点尤为有用。架构师可能希望检查集成模式和系统边界;项目经理可能需要业务流的简明概述;开发人员可能希望了解服务职责和数据流向;新团队成员可能需要对架构的引导式解释。

用户可以提出如下问题:

  • 该系统的目的是什么?
  • 哪些系统位于企业边界之外?
  • 主要的下单流程是什么?
  • 哪些集成是同步的?
  • 异步处理从何处开始?
  • 如果支付授权失败会发生什么?
  • 哪些组件参与了库存预留?
  • 此图表中显示了哪些主要架构风险?
  • 为此架构生成技术摘要。
  • 向非技术利益相关者解释此图表。

结果是一种与架构图表进行交互的更灵活方式。图表成为分析、讨论、文档编制和决策的起点,而不仅仅是为演示而创建的静态图像。

将图表导出为 PNG、SVG 或复制的图像

一旦图表生成,用户即可在聊天机器人界面中直接查看。图表查看器提供结果的可视化表示,而代码查看器则让用户访问底层的“图表即代码”。

代码查看器采用多标签界面,允许用户在生成的工件之间切换并检查图表背后的代码。这对于既希望享受 AI 生成可视化的便利,又希望拥有基于文本的图表工作流控制权的用户非常有用。

以下是图表视图:

在 Visual Paradigm 的 AI 绘图聊天机器人中生成的 C4 图表的视图

以下是显示 C4 图表的 PlantUML 代码视图:

C4 系统全景图的 PlantUML 代码

用户可以将生成的图表导出为:

  • PNG 格式,适用于演示、报告、电子邮件和一般共享
  • SVG 格式,适用于可扩展的高质量文档和发布
  • 复制的图像,用于快速将图表粘贴到其他应用程序中

从 AI 绘图聊天机器人导出图像

同时拥有可视化输出和可编辑的图表代码,使得从探索阶段过渡到实际使用变得更加容易。团队可以利用 AI 生成初稿,审查可视化结果,复制代码进行进一步编辑,或导出完成的图表用于项目材料。

使用 Visual Paradigm VPasCode 继续完善图表

AI 生成的图表是加速初稿生成的绝佳方式,但架构工作通常需要进行精确调整。用户可以将“图表即代码”的输出发送至Visual Paradigm VPasCode以基于代码的工作流对图表进行润色和完善。

在 Visual Paradigm 的 VPasCode 图表即代码编辑器中将 C4 景观图编辑为 PlantUML 代码

当用户希望实现以下目标时,VPasCode 尤为有用:

  • 对图表语法进行精确修改
  • 调整标签、关系、布局和样式
  • 将图表作为基于文本的工件进行维护
  • 同时审查源代码和渲染后的图表
  • 继续使用 PlantUML 或其他支持的“图表即代码”格式
  • 使图表变更更易于复现和维护

这在 AI 辅助的架构发现与手动“图表即代码”完善之间创建了一种自然的工作流:描述架构、生成初版、检查可视化结果,然后以更精确的方式编辑源代码。

将图表发送至 OpenDocs 以实现动态文档

当架构图表与解释它们的文档保持关联时,其价值最大。用户可以将生成的图表发送至 Visual Paradigm 流水线,并插入到Visual Paradigm OpenDocs.

在 Visual Paradigm OpenDocs 中编辑文档页面,其中嵌入了 C4 系统全景图的显示。

这使得创建结合以下内容的文档变得更加容易:

  • 架构图
  • 系统和服务描述
  • 业务流程说明
  • 集成细节
  • 架构决策
  • 运营笔记
  • 技术流程
  • 项目与交付信息

例如,一个团队可以为电子商务平台生成一张 C4 系统全景图,将其发送至 OpenDocs,并放置在架构概览页面上。随后,可将一张 C4 动态图插入订单处理页面,并附上关于支付授权、库存预留、事件发布和履约交接的说明。

这有助于缩小创建图表与传达其含义之间的差距。团队无需将图表留在聊天会话中或将其导出为孤立图像,而是可以将其纳入更广泛的文档结构中。

在 Visual Paradigm NotesKeep 中保留架构讨论

架构讨论通常包含有价值的决策、解释、假设和后续想法。AI 绘图聊天机器人允许用户将图表、完整回复或选定的短语和段落发送至Visual Paradigm NotesKeep.

将 AI 绘图聊天机器人回复的一部分保存为 Visual Paradigm NotesKeep 中的笔记

这对于保留以下内容非常有用:

  • 架构依据
  • 设计假设
  • 集成决策
  • 审查过程中提出的问题
  • 复杂图表的说明
  • 潜在故障与补偿流程
  • 未来改进与现代化机会
  • AI 生成的技术讨论中的重要摘录

例如,在生成电子商务架构示例后,团队可以将遗留 ERP 集成的说明保存为笔记,保留建议的支付失败路径,或记录使用异步事件进行履约交接的决策。

通过将 AI 生成的图表与笔记和文档相连接,该工作流不仅支持可视化创建,还支持知识捕获和长期协作。

AI C4 图表生成器的有用场景

新的 C4 图表功能可以支持广泛的架构与工程活动。

企业架构发现

使用 C4 系统全景图来映射业务系统、外部服务、用户、部门以及集成依赖关系。这为架构研讨会和系统清单审查提供了共同的起点。

应用现代化

可视化现代服务、遗留平台、数据库、批处理作业和第三方系统之间的关系。生成的图表可帮助团队识别迁移边界、集成风险以及增量现代化的机会。

API 与集成规划

使用 C4 动态图来解释业务交易中涉及的 API 调用、事件、数据库更新和外部服务交互的顺序。

技术入职培训

为新团队成员提供组织系统的整体视图,并基于场景解释重要工作流程的运作方式。

架构评审

在评审会议前生成初始图表,然后使用后续提示添加缺失的依赖关系、明确边界并探索故障路径。

需求分析

将非正式需求转化为可视化的架构模型,供产品负责人、分析师、架构师和开发团队进行审查。

文档与知识共享

同时生成图表和说明,然后将结果发送至 OpenDocs 或 NotesKeep,以便在项目全生命周期中持续使用。

如何为 C4 图表编写有效的提示

AI C4 图表工具可以基于自然语言描述工作,但当提示明确界定范围、参与者、系统、关系以及所需的详细程度时,其效用会显著提升。

一个强有力的提示可以包含以下内容:

  • 图表类型,例如 C4 系统全景图或 C4 动态图
  • 正在建模的业务领域或系统
  • 涉及的人员、角色或外部参与者
  • 需要包含的内部系统、容器或服务
  • 第三方系统和遗留平台
  • 主要关系和数据流
  • 需要说明的场景或工作流程
  • 相关技术或通信协议
  • 图表的目标受众

对于系统全景图,可以尝试以下提示:

为一家医疗机构生成 C4 系统全景图。包括患者、临床医生、管理员、患者门户、电子病历、实验室系统、药房系统、保险提供商、身份服务以及外部报告机构。展示主要交互关系,并区分由该机构运营的系统与外部系统。

对于动态图,可以尝试以下提示:

为外卖平台生成 C4 动态图,展示客户如何下单。包括移动应用、API 网关、订单服务、餐厅服务、支付服务、配送调度服务、数据库和事件总线。展示从订单提交到支付授权、餐厅确认、骑手分配及客户确认的完整序列。

用户随后可通过附加指令进一步优化结果,例如要求 AI 添加错误处理、展示异步事件、包含遗留系统集成,或解释所选服务的职责。

从架构构思到可复用的项目工件

此次增强的主要好处不仅在于 AI 能够绘制两种额外的图表类型,更在于用户可以在 Visual Paradigm 生态系统中遵循更完整的架构工作流。

  1. 用自然语言描述架构或业务场景。
  2. 生成 C4 系统全景图或 C4 动态图。
  3. 请 AI 解释、优化或扩展该图表。
  4. 审查可视化输出并检查底层图表代码。
  5. 将图表导出为 PNG 或 SVG 格式,或将其复制为图像。
  6. 在 VPasCode 中润色图表即代码。
  7. 将图表发送至 OpenDocs 以生成结构化文档。
  8. 在 NotesKeep 中保存对话、图表或选定的说明。

此工作流减少了上下文切换,并帮助团队保持需求、图表、说明、源代码和文档之间的关联。

试用增强的 AI C4 图表生成器

新增对 C4 系统全景图和 C4 动态图的支持,为用户提供了更多利用 AI 探索和交流软件架构的方式。

当您需要了解围绕企业或平台的完整环境时,请使用系统全景图;当您需解释特定用例中的交互时,请使用动态图。将它们与 C4 上下文图、容器图、组件图和部署图结合使用,可为您创建更完整、多层级的架构视图。

无论您是在规划新平台、分析遗留系统集成、记录 API、审查业务流程,还是为新开发团队进行入职培训,AI C4 图表工具都能帮助您更快地从构思迈向有意义的可视化模型。

开始使用 AI 创建 C4 图表

要查看新功能的实际应用,请探索共享的 C4 电子商务架构对话.

滚动至顶部