精华内容
下载资源
问答
  • 时序图怎么画
    2020-12-22 12:05:04

    首先说下时序图的创建步骤

    1、确定交互过程的上下文;

    2、识别参与过程的交互对象;

    3、为每个对象设置生命线;

    4、从初始消息开始,依次画出随后消息;

    5、考虑消息的嵌套,标示消息发生时的时间点,则采用FOC(focus of control);

    6、说明时间约束的地点。

    时序图和静态图的本质上的不同是时序图在边的权重上加入了时间戳这一因素。静态图上的边一旦存在便不会因时间的变化而改变,而在时序图中,边会因时间的变化在两种状态下相互转化:激活状态和非激活状态。时序图中顶点间只在边处在激活状态下时是存在联系的。

    在现实生活中有很多常见的网络都可以描述为时序图。

    (1)点对点通信网络:如电子邮件、手机短信等。

    (2)一对多的消息传播网络:在这种网络中注重的是单一用户对其余多个用户的信息传播。

    (3)生物信息网络:如代谢网络、蛋白质互作用网络等。

    研究表明,在生物信息网络中,各节点间的交流是时间相关的,所以Teresa M. Przytycka等人认为对于生物信息网络的分析是需要借助于动态网络来实现的,且在对蛋白质互作用和基因调控网络的研究工作中已经有研究者开始分析时间对网络的影响。

    绘制时序图用软件的话方便快捷,个人推荐亿图图示,下面是软件地址亿图图示设计软件 - 亿图图示​www.edrawsoft.cn

    软件左侧有个模板社区,点击搜索时序图,就会出现大量模板。

    这些模板都是官方精挑细选而成的,选择我们所需要的模板,点击使用,便可以在模板上进行修改

    比如说颜色、文字、图案等等的修改,这样修改起来比我们凭空想象,去创造要简单得多,可以很快的完成,极大的提高了我们的工作效率。

    制作完成后,可以将我们制作的成品导出成pdf或者其他格式,进行分享或者打印。

    这款软件所制作的作品可以导出成其他的格式,在其他的软件中进行二次加工。

    更多相关内容
  • TimeGen V3.2含和谐文件,是一款好用的画时序图工具,安装简单方便。FPGA开发中会遇到各种时序图,timegen的波形直接copy到文档中很方便,还能将波形图按ASCII复制到txt文本中,非常方便!
  • 本人在画时序图的时候,发现直接自己组合组件和模块效率低下,很慢,在网上找的资源,供大家下载,将下载后的组件放到C:\Users\Administrator\Documents\我的形状,直接在visio中打开就行,组件包括状态机组件,逻辑...
  • Visio画时序图组件

    2018-06-12 16:25:35
    对于单片机ARM爱好者可以用VISIO画时序图,里面baohan许多组件
  • 1.TimeGen 2.AndyTiming
  • d触发器时序图怎么

    2020-07-18 13:51:17
    d触发器时序图怎么 D触发器就是把信号延迟一个时钟周期,T触发器是翻转触发器。 D触发器(data flip-flop或delay flip-flop。)该触发器由6个与非门组成,其中G1和G2构成基本RS触发器。电平触发的主从触发器工作时...
  • 下面时序图来加深理解 以这个实例画时序图 https://zh.wikipedia.org/zh/Paxos算法#.E5.AE.9E.E4.BE.8B 其中A1能和A2 A3通信,A5能和A2 A3通信 A1(Proposer),想把v修改成A1 A2(Acceptor) A3(Acceptor...
  • 程序员进阶神器,ProcessOn绘制时序图

    万次阅读 多人点赞 2022-06-15 21:10:27
    ProcessOn支持思维导图、流程图、原型图、时序图、架构图等十多种图形绘制。ProcessOn九周年活动【不忘初心,历9弥新】。

    在这里插入图片描述

    Java程序员越来越卷,如何才能摆脱CRUD,在茫茫人海中脱颖而出,一方面,大家要有过硬的编程基础,另一方面,对UML图的掌握也很重要。如果编程基础是本手,那么高阶的UML图就是妙手。

    今天,我们就来说一说其中一种重要的UML图:时序图。

    时序图的使用场景非常广泛,几乎各行各业都可以使用,可以用于梳理业务流程,使业务看起来非常清晰,也可以梳理开源软件,梳理各个组件之间的关系,层次非常清楚,便于记忆,也可以使用在更多场景。

    一、什么是时序图?

    时序图(Sequence Diagram),又名序列图、循序图,是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作,包括发送消息、接收消息、处理消息、返回消息等。

    时序图重在展示对象之间的交互顺序,尤其强调交互的时间顺序,它可以直观的描述并发进程。

    二、时序图的组成元素

    时序图的组成元素主要有5种:

    1、角色(Actor)

    系统角色,可以是人或者其他系统和子系统,以一个小人图标表示。

    2、对象(Object)

    对象位于时序图的顶部,以一个矩形表示。对象的命名方式一般有三种:

    1. 象名和类名。例如:华为手机:手机。
    2. 只显示类名,不显示对象,即为一个匿名对象。例如::手机,在时序图中,用“:类”表示。
    3. 只显示对象名,不显示类名。例如:华为手机:,在时序图中,用“对象:”表示。

    3、生命线(LifeLine)

    时序图中每个对象和底部中心都有一条垂直的虚线,这就是对象的生命线(对象的时间线),以一条垂直的虚线表示。对象间的消息存在于两条虚线间。

    4、激活期(Activation)

    又叫控制焦点,它代表时序图中在对象时间线上某段时期执行的操作,以一个很窄的矩形表示。

    5、消息(Message)

    表示对象之间发送的信息。消息分为三种类型。

    1. 同步消息(Synchronous Message)。消息的发送者把控制传递给消息的接收者,然后停止活动,等待消息的接收者放弃或者返回控制。用来表示同步的意义,以一条实线和实心箭头表示。
    2. 异步消息(Asynchronous Message)。消息发送者通过消息把信号传递给消息的接收者,然后继续自己的活动,不等待接受者返回消息或者控制。异步消息的接收者和发送者是并发工作的,以一条实线和大于号表示。
    3. 返回消息(Return Message)。返回消息表示从过程调用返回,以小于号和虚线表示。

    三、时序图优质模板

    1、微信支付时序图

    在这里插入图片描述

    2、时序图-登录

    在这里插入图片描述

    3、验证码注册时序图

    在这里插入图片描述

    4、店员-时序图

    在这里插入图片描述

    5、sso登录时序图

    在这里插入图片描述

    6、打印电子发票时序图

    在这里插入图片描述

    以上是在不同场景下程序员绘制时序图的案例,以上模板可以直接克隆使用,但授之以鱼不如授之以渔,接下来就为你分享时序图的绘制方法和绘制工具。

    四、时序图的画法

    时序图的绘制方法简单总结为以下3步:

    1、划清边界,识别交互语境

    即界定好自己所要画的时序图的范围,了解所要画的时序图的前提和背景。

    比如“学生信息管理”就是所要绘制的时序图的交互内容,就不需要往上延伸到学生注册并认证身份,不需要用户登录,也不需要往下延伸到查询课表、资料下载等无关的内容上。

    在这里插入图片描述

    2、梳理角色和对象

    在“学生信息管理时序图”中,角色有学生/教务用户,对象有教务主界面、学生信息界面、管理学生信息界面、数据库。
    注意:角色和对象都是名词,动词不可以作为角色和对象。

    3、添加消息

    从触发整个交互的某个消息开始,在生命线之间从上到下依次画出所有消息,并注明每个消息的特性,如参数等。

    如何绘制时序图?

    ProcessOn——一款专业在线作图工具和知识分享社区,支持流程图、思维导图、原型图、网络拓扑图、UML等专业图形的绘制,无需下载安装,即可使用。

    以下是使用ProcessOn绘制时序图的操作方法:

    Step1:注册登录ProcessOn

    在这里插入图片描述

    Step2:进入个人文件页,新建流程图,添加UML图形到图形区

    在这里插入图片描述

    Step3:拖拽使用UML相关图形到编辑区

    在这里插入图片描述

    Step4:标注内容,添加消息即可

    如果你想让自己的时序图更美观一些,可以把标题、矩形框等填充不同颜色、相同的图标尽可能大小相同(复用功能很好用哦)、上下图形保持对齐等哦。

    五、ProcessOn优点总结

    1.支持思维导图、流程图、原型图、时序图、架构图等十多种图形绘制。
    2.无需下载安装,支持多端使用。
    3.支持多人在线协作、修改文件。
    4.可轻松实现资源共享和团队管理。
    5.各行各业的海量优质模板可供使用。

    ProcessOn:不忘初心,历9弥新

    展开全文
  • FPGA时序设计的Viso形状库,可以简单方便的时序图,得到很好地时序分析
  • Markdown 进阶技能:用代码画时序图

    千次阅读 2019-10-15 16:22:55
    这篇文章将为大家介绍如何以写代码的方式画时序图(也叫顺序图),同时也会介绍一些时序图基础知识。 相比于使用画图工具拖拽画图,用代码画图有什么好处? 首先,这种方式非常轻便,无需安装复杂的画图应用。...

    这篇文章将为大家介绍如何以写代码的方式画时序图(也叫顺序图),同时也会介绍一些时序图基础知识。

    相比于使用画图工具拖拽画图,用代码画图有什么好处?

    • 首先,这种方式非常轻便,无需安装复杂的画图应用。Typora 等多种 Markdown 编辑器自带有画图扩展(这也是 Markdown 能画图的原因,因为用到了扩展)
    • 其次,拖拽画图时需要考虑图形尺寸和对齐问题,而代码画图不需要考虑这些,一切均自动调整
    • 另外,想象下你在写文档时,随手一段代码就插入了一幅时序图,这多么酷炫!

    话不多说,先来看看用代码画的时序图的效果。如下图是小程序登陆过程中,小程序、服务器、微信服务器三者交互的时序图:

    而画这幅图只用了很少并且很简单的代码:

    sequenceDiagram
        小程序 ->> 小程序 : wx.login()获取code
        小程序 ->> + 服务器 : wx.request()发送code
        服务器 ->> + 微信服务器 : code+appid+secret
        微信服务器 -->> - 服务器 : openid
        服务器 ->> 服务器 : 根据openid确定用户并生成token
        服务器 -->> - 小程序 : token
    

    看了这个心动了没有?学起来吧!

    工具

    君欲善其事,必先利其器。想要用代码画图,就得有支持这种方式的画图工具。这里介绍两款工具:

    1. 免费 Markdown 编辑器 Typora,非常好用且美观。其自带 mermaid 画图扩展。

      在用 Typora 编写 Markdown 文本时,插入这样一个代码块:

      ```mermaid
      ……时序图代码……
      ```

      其中时序图的代码便会自动被 mermaid 解析和渲染。演示视频

      这样的使用方式很简单,其它的能支持 mermaid 的编辑器也可以这样使用,比如印X笔记。

    2. 如果你不想用 Markdown,可以选择网页版 mermaid 编辑器,免费且无需注册。链接:https://dwz.cn/hOMIoH4w

    代码画图

    工具准备妥当后,我们开始学习画图代码的语法。同时也会顺带对时序图作一些简单介绍,一方面帮助读者温习时序图的内容,另一方面统一一下术语和概念。

    时序图是一种表现交互过程的图示,主要展示各个参与者之间是如何交互的,以及交互的顺序是怎样的。它的主要构成元素有:

    (1) 参与者

    传统时序图概念中参与者有角色和类对象之分,但这里我们不做此区分,用参与者表示一切参与交互的事物,可以是人、类对象、系统等形式。中间竖直的线段从上至下表示时间的流逝。

    画法:

    sequenceDiagram
        participant 客户端
        participant 服务器
    

    sequenceDiagram 为每幅时序图的固定开头
    participant <参与者名称> 声明(添加)参与者。语句次序即为参与者横向排列的次序,如后续示例所示。

    (2) 消息

    交互时一方对另一方的操作(比如接口调用)或传递出的信息。用单向箭头来表示——实线代表主动发出消息;虚线代表响应;末尾带「X」代表异步消息,无需等待回应。

    画法:

    sequenceDiagram
        participant 老板L
        participant 员工A
        
        老板L ->> 员工A : “在这里我们是兄弟!”
        老板L -x 员工A : 画个饼
        员工A -->> 老板L : 怯怯地鼓掌
    

    消息语句格式为:<参与者> <箭头> <参与者> : <描述文本>

    其中 <箭头> 的写法有:

    • ->>:显示为实线箭头(主动发出消息)
    • -->>:显示为虚线箭头(响应)
    • -x:显示为末尾带「X」的实线箭头(异步消息)

    注:participant <参与者名称> 这句其实可以省略,省略后参与者横向排列的次序,由消息语句中参与者出现的次序决定。如后续示例所示。

    (3) 激活框

    从消息接收方的时间线上标记一小段时间,表示对消息进行处理的时间间隔。

    画法如下,注意体会箭头符号后的 +- 的使用方法和效果,它们相当于激活框的开关:

    sequenceDiagram
        老板M ->> + 员工B : “不仅996,还要669!”
        员工B -->> - 老板M : 怯怯地鼓掌
        
        老板M ->> + 员工B : “悔创本司!”
        员工B -->> - 老板M : 怯怯地鼓掌
    

    (4) 注解

    画法:

    sequenceDiagram
        Note left of 老板L : 对脸不感兴趣
        Note right of 老板M : 对钱不感兴趣
        Note over 老板L,老板M : 对996感兴趣
    

    (5) 循环(loop)

    在条件满足时,重复发出消息序列。(相当于编程语言中的 while 语句。)

    画法:

    sequenceDiagram
        网友 ->> + X宝 : 网购钟意的商品
        X宝 -->> - 网友 : 下单成功
        
        loop 一天七次
            网友 ->> + X宝 : 查看配送进度
            X宝 -->> - 网友 : 配送中
        end
    

    (6) 选择(alt)

    在多个条件中作出判断,每个条件将对应不同的消息序列。(相当于 if 及 else if 语句。)

    画法:

    sequenceDiagram    
        土豪 ->> 取款机 : 查询余额
        取款机 -->> 土豪 : 余额
        
        alt 余额 > 5000
            土豪 ->> 取款机 : 取上限值 5000 块
        else 100 < 余额 < 5000
            土豪 ->> 取款机 : 有多少取多少
        else 余额 < 100
            土豪 ->> 取款机 : 退卡
        end
        
        取款机 -->> 土豪 : 退卡
    

    (7) 可选(opt)

    在某条件满足时执行消息序列,否则不执行。相当于单个分支的 if 语句。

    画法:

    sequenceDiagram
        老板们 ->> 员工们 : 开始实行996
        
        opt 永不可能
            员工们 -->> 老板们 : 拒绝
        end
    

    (8) 并行(Par)

    将消息序列分成多个片段,这些片段并行执行。

    画法:

    sequenceDiagram
        老板C ->> 员工C : 开始实行996
        
        par 并行
            员工C ->> 员工C : 刷微博
        and
            员工C ->> 员工C : 工作
        and
            员工C ->> 员工C : 刷朋友圈
        end
        
        员工C -->> 老板C : 9点下班
    

    用代码画时序图的方法就是这些,内容很简单,却能满足大多数时候的需求。不妨找几个实际例子练练手,加深下印象。
    在这里插入图片描述
    作者相关阅读:

    展开全文
  • 今天小编就为大家分享一篇使用python实现AR模型时序图,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 画时序图软件

    2019-03-10 21:23:58
    有时候我们需要用到序列图或者循序图,徒手会非常浪费时间,TimeGen应该能帮到你,它是一款非常专业的画时序图软件,它能快速容易的时序图,而且可直接复制到word文档中,非常方便实用! TimeGen功能特色 ...
  • draw.rar时序图软件

    2020-07-07 19:36:17
    改软件就是用来画时序图的,可以用这个软件来制作UML时序图
  • FPGA时序组件,超级好用,时序图再也不用头疼啦
  • 画时序图的小工具~
  • 该软件包可用于在 LaTeX 中绘制实时时序图,这通常需要在实时调度研究社区中准备文章、讲座和演示文稿。 该包依赖于 keyval 和 TikZ/PGF(2.10 或更高版本)。 文件 rtsched-doc.pdf 中提供了更完整的文档和一组...
  • 分享一款绘制时序图的实用小工具

    千次阅读 2022-01-25 00:21:45
    转自 | 果果小师弟今天分享一款实用小工具:WaveDrom,它是一个免费开源的在线数字时序图渲染引擎。它可以使用JavaScript, HTML5和SVG来将时序图的WaveJSON描述...

    c03531403ec52dada5c0b1d649734130.gif

    转自 | 果果小师弟

    今天分享一款实用小工具:WaveDrom,它是一个免费开源的在线数字时序图渲染引擎。它可以使用JavaScript, HTML5和SVG来将时序图的WaveJSON描述转成SVG矢量图形,从而进行显示。WaveDrom可以嵌入到任何网页中。WaveDrom编辑器可在浏览器中运行,也可以安装在系统上,渲染引擎可以嵌入到任何网页中。

    一、WaveDrom功能

    绘制数字时序图、绘制寄存器图、绘制逻辑电路图

    abc69102918ee1f29b374937bc160dc7.png
    绘制时序图
    a55a8820754f369faefe217ff857c33e.png
    绘制寄存器图
    c857b7cd5e943d2e236fe1d2b65eb48f.png
    绘制逻辑电路图

    二、WaveDrom的使用

    • 在线编辑器 https://wavedrom.com/editor.html

    • 官网 https://wavedrom.com/

    WaveDrom可以在线编辑也可以下载安装,可以在官网首页找到这两个入口。在线编辑方式,版本较新,但需要联网。下载安装方式,版本较官网旧一些,无需联网即可使用。

    751e00aa8cf349a4c2e101a9f3a4dde1.png

    在编辑器中输入WaveJSON 格式的数字时序图描述,即可实时渲染出相应的数字时序图。aveJSON 格式是十分简单的,主要需要记忆的是各个符号所对应的波形。

    3fc0c82b61ee3197345ef69d802296bc.png

    三、绘制时序图

    9edc2235dd4766c9d729a0206f6c5d98.png

    下面的代码将创建名为“Alfa”的1位信号,该信号随时间改变其状态。

    { "signal" : [{ "name": "Alfa", "wave": "01.zx=ud.23.456789" }] }

    “wave”字符串中的每个字符都代表一个时间段。符号“将以前的状态再延长一段时间。下面是它的外观:

    0215e1dcf66ad623d73daf8af67f08ed.png 775ca103cb32f054269d6b420f3aa839.png

    加时钟:数字时钟是一种特殊类型的信号。它在每个时间段内变化两次,可以有正负极性。它还可以在工作边缘上有一个可选标记。时钟块可以与其他信号状态混合,以产生时钟选通效应。代码如下:

    { signal: [
      { name: "pclk", wave: 'p.......' },
      { name: "Pclk", wave: 'P.......' },
      { name: "nclk", wave: 'n.......' },
      { name: "Nclk", wave: 'N.......' },
      {},
      { name: 'clk0', wave: 'phnlPHNL' },
      { name: 'clk1', wave: 'xhlhLHl.' },
      { name: 'clk2', wave: 'hpHplnLn' },
      { name: 'clk3', wave: 'nhNhplPl' },
      { name: 'clk4', wave: 'xlh.L.Hx' },
    ]}

    以及呈现的图表:

    e8a4f0b09a8e63d5f35dd0cca354a2b6.png

    WaveLanes 可以统一在以数组形式表示的命名组中。['组名', {...}, {...}, ...]数组的第一个条目是组的名称,这些组可以嵌套。

    {signal: [
      {    name: 'clk',   wave: 'p..Pp..P'},
      ['Master',
        ['ctrl',
          {name: 'write', wave: '01.0....'},
          {name: 'read',  wave: '0...1..0'}
        ],
        {  name: 'addr',  wave: 'x3.x4..x', data: 'A1 A2'},
        {  name: 'wdata', wave: 'x3.x....', data: 'D1'   },
      ],
      {},
      ['Slave',
        ['ctrl',
          {name: 'ack',   wave: 'x01x0.1x'},
        ],
        {  name: 'rdata', wave: 'x.....4x', data: 'Q2'},
      ]
    ]}
    321b011c50ef31d67e5f5f1dca859d95.png

    四、时序图教程

    网址:https://wavedrom.com/tutorial.html

    ddbb23697a87e9756436c3d811b6f347.png

    里面包含多个示例,可以很好地对WaveDrom进行学习。

    9452174491088984d3f3238174a2d962.png

    五、逻辑电路图教程

    网址:https://wavedrom.com/tutorial2.html

    7c092cd4cad7e24e02b77fe67eb7536a.png

    里面讲解了逻辑电路图的绘制示例。

    2ad0932a99c1d34776e9f2e861ca21f9.png

    六、Github主页

    WaveDrom Github https://github.com/wavedrom/wavedrom
    7107cf4d24b935f36b69ef8c090f05b0.png

    七、VScode中使用Waveform

    在VScode应用商店中搜索Waveform Render,这个就相当于WaveDrom

    23dd9ee66a7a9ca5b2d12b22c810e8fc.png

    左边键入代码,右边会自动生成时序图,非常好用:

    99f163f5f3c547a138d5ec29eba41598.png

    声明:本文素材来源网络,版权归原作者所有。如涉及作品版权问题,请与我联系删除。

    ------------ END ------------

    f51b81455abbbb67c58bff7968740c29.png

    c02e3ce63b8f051082e180371a7d18d2.png

    点击“阅读原文”查看更多分享

    展开全文
  • Visio时序图工具

    2018-02-02 09:15:27
    可以添加到visio里用来波形图,特别适合做fpga开发设计。十分方便开发者使用Visio设计时序图
  • plc时序图怎么_plc时序图编程方法

    千次阅读 2021-05-21 13:51:13
    在plc顺序控制设计法编制梯形图程序时往往是先时序图,再根据时序图设计流程图,再按流程图编制梯形图程序。一、plc时序图编程方法:时序图编程设计法适用PLC各输出信号的状态变化有一定的时间顺序的场合,要求...
  • 在Eclipse中通过编写脚本,自动生成时序图,方便快捷。plantuml需要配合graphviz使用。
  • 单点登录系统时序图
  • eclipse下生成Java类图和时序图,好多地方的链接和资源都是失效的这个是新的,搭配eclipse 4.4.2版本使用,不同版本直接有差别,不保证别的版本也可以用。
  • 有时候产品要简单的时序图,但是可用的工具很有限,visio、亿图、帕拉丁。其实axure就可以出很美观的时序图
  • 时序图(Sequence Diagram),亦称为序列图、循序图或...时序图怎么步骤教程时序图的绘制步骤可简单总结如下:划清边界,识别交互的语境;将所要绘制的交互场景中的角色以及对象梳理出来;从触发整个交互的某个消...
  • PowerDesigner16 画时序图教程
  • 专业UML画图工具破解版 ,可以 流程图 类图 时序图等等,是UML最佳帮手
  • 展开全部时序图是用来描述数字电路或者控制电路输入和输出端口在不同时间的状态的一种图32313133353236313431303231363533e59b9ee7ad9431333431353962形,通常用多根水平横线表示多个输入/输出,每根线代表一个输入...
  • 摘要:时序图是统一模型语言UML(Unified Model Language)中一种用来表示实体间交互关系的图。
  • 时序图是怎么

    千次阅读 2020-12-22 12:05:07
    匿名用户1级2017-01-14 回答一、时序图简介(Brief introduction)时序图(Sequence Diagram)是显示对象之间交互的图,这些对象是按时间顺序排列的。顺序图中显示的是参与交互的对象及其对象之间消息交互的顺序。时序图...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 31,186
精华内容 12,474
关键字:

时序图怎么画

友情链接: Bookstore.zip