PHP：可视化您的应用程序工作流程和函数到函数的关系

Posted 2023-03-12

【中文标题】PHP：可视化您的应用程序工作流程和函数到函数的关系

【英文标题】：PHP: visualize your app workflow and function to function relation

【发布时间】：2014-03-06 16:46:10

【问题描述】：

我正在寻找一种软件，可以帮助我可视化我的应用程序工作流程以及功能与功能之间的关系。

我正在使用 codeigniter，而且我的应用程序每天都在变得越来越大，而且我正在独自工作。我开始精神分裂了！

今天我是一个构建 db 模型，明天可能是视图 js，和 html，后天控制器等。

所有这一切都会发生，我开始忘记我是如何做这个或那个的..我必须来回阅读我的旧代码..以及我每天发现并且必须修复的太多复制函数.

需要：

图表应用工作流程 帮我想象一下我班级的方法，以及与其他班级的关系

我目前将我的文档和图表保存在 .docx 文件中，这很痛苦，而且没有多大帮助！。

我不是教授。开发者，这是我从小的爱好。所以我从未见过应该如何构建应用程序设计和架构。相反，我只是潜入头脑风暴！，所以我需要长大！如果你能指出我如何停止头脑风暴并进入更多教授的正确方向，我将不胜感激。方式 。

【问题讨论】：

收藏了，因为这也是我最近一直在寻找的东西。

我也在找这个。已经使用 D3 框架完成了一些工作。查看main page for D3 和this project。不完全是您要找的东西，但非常甜蜜。

【参考方案1】：

考虑使用a Sankey Diagram 来帮助可视化工作流程。

我已经看到用于描述工作流程的层次结构图（正如您在问题中所说明的那样），但一直认为它们缺少一些东西——例如，可以有两个父节点的节点。桑基图解决了这个问题，and 提供了一种简单的方法来介绍“节点”之间移动量的概念。此外，根据定义，a flowchart is "a type of diagram that represents a workflow or process"。桑基图看起来比层次图流动得多。

欲了解更多信息，请查看David Pallmann's convincing case for using Sankey diagrams to visualize workflow。

我能够在 10 分钟内创建 this workflow visualization，方法是派生 the Highcharts's Sankey demo 并将系列数据自定义为以下内容：

    data: [
        ['Event Submission', 'Event Submission Close', 250],
        ['Event Submission', 'Create Incident', 750],
        ['Event Submission Close', 'Approve', 240],
        ['Event Submission Close', 'Reject', 10],
        ['Approve', 'After Action Review', 640],
        ['Create Incident', 'Contained', 400],
        ['Create Incident', 'Provide Analysis', 150],
        ['Create Incident', 'Incident Close', 125],
        ['Contained', 'Containment Approval', 370],
        ['Contained', 'Containment Rejection', 30],
        ['Incident Close', 'Approve', 110],
        ['Incident Close', 'Reject', 15],
        ['Containment Approval', 'Eradicated', 320],
        ['Containment Approval', 'Provide Analysis', 50],
        ['Eradicated', 'Eradication Approval', 315],
        ['Eradicated', 'Eradication Rejection', 5],
        ['Eradication Approval', 'Recovered', 315],
        ['Eradication Approval', 'Provide Analysis', 5],
        ['Recovered', 'Approve', 310],
        ['Recovered', 'Reject', 5]
    ]

因此，在您的情况下，如果您能找到自动映射您的元素如何相互关联的东西，您只需将这些映射格式化为上述语法，Highcharts 就能完成剩下的工作！