分享一款 网络协议动画编辑器

vl1111

计算机网络用互联网协议实现主机、路由器、交换机之间的查询、协商、响应，而网络协议是分布式的算法，在不同的节点上运行，用传统的文字、图片来解说会抽象难解，可视化是个值得一试的方法。

北冰洋的网络协议动画编辑器 (Network Protocol Animation Editor, 简称NAE) 使得网络教程的作者能够很方便的把网络协议的过程用多媒体动画表现，提高理解效率。编辑器提供用户界面 (UI)，无需编程。

1. 网络协议动画编辑器的功能

功能	说明
建立网络拓扑	拖动图标，建立拓扑 (类似gns3)
配置拓扑：节点、链路、分组	别名、地址、组群 (VLAN, Area)
显示、隐藏拓扑部件	根据场景需要改变拓扑：在动画运行时添加、移除链路或节点。
拓扑事件	把链路或节点下线、上线。
生成数据包，把它在拓扑上动起来	用数据包报头编辑器配置数据包， 用数据包动画编辑器配置·方式、时间、路径。
生成表格显示路由器状态	显示路由器、交换机的表格、状态 (路由表, 邻居状态, MAC表)
为表格加亮点	在运行时为表格单元加底色，清楚的显示单元格得引用、改变。
生成命令行栏	上线配置命令行，show命令的输出。
用气泡注解节点	用节点间的对话显示因果关系
用气泡注解数据包	说明数据包的内容
全局气泡	用来解释表格、命令行的非拓扑单元。
全局标签	用来注明拓扑，说明节点的角色改变，接口的地址变更。
编辑指针 (Thumbnail)	把动画分段，加标志，类似书本的目录。
编辑注脚	详细说明指针段内所发生的网络现象，对气泡加注脚。

2.
NAE创建的网络动画有什么效果？

NAE是用来创建网络动画的，我们看三个使用AE制作出来的动画，以观察其功能、效果。

1. DHCP

主机开机后可以向DHCP服务器请求分配IP地址，DHCP服务器收到请求后从地址池找出一个IP地址来提供给主机。主机收到后回复服务器愿意接受，最后服务器把此地址绑定给该主机。NAE把这个过程可视化，并配有语音解释 (动画完全用NE编辑，约二小时。)

请看: DHCP Basic

3. 用NAE编辑网络动画的步骤

以下的步骤展示怎么用NAE制作一个基本的ARP动画动画教程。

第一步： 建立网络拓扑

用鼠标把PC图标和链路图标从Shape池拖到画布，用链路把两个PC连接起来。链路成功的连接到PC时，接口会变成绿色，否则是红色。

第二步：配置拓扑 (节点、接口
)

右击左边PC > Edit Node. 弹出节点编辑器，别名是”N.0”, 把它改为”H１”

右击 H1的接口 > Edit interface. 弹出接口编辑器，输入别名、IP地址 、MAC地址。

第三步：生成数据包，把它动起来

1) 在H1生成 ping 包

右击 H1 > Add packet.
数据包 “0” 生成了。

右击packet 0 > Edit header. 然后在数据包编辑器输入数据包的别名 “Ping” 。

右击Ping > Edit Action 来编辑 ping包的动作：.

输入 (H1, 4, H2, 7) 到 (From Node, Start tick, To Node, End tick.) , 其动画效果是：把 Ping 在tick 4时从节点 H1 开始移动，并在tick 7 到达 H2。

现在拓扑、动画均已配置完成。下面是添加说明。

第四步：节点气泡

每个节点都可以用气泡来说明它的行为，节点气泡的作用如漫画书人物之间的对话，点出节点间的互动关系。例，路由器收到数据包时会根据路由表匹配结果而把数据包转发或丢弃，作者可用路由器气泡对此加以解释：路由表匹配成功，把数据包转发到下一跳。

第五步：预览

现在可以预览网络动的画效果了：

-
点击 Preview (在AE的右上角)

-
点击Play （播放）按钮， ping 开始从 H1 移动到 H2， H2 送回 Echo。

4.
AE下载、使用手册

AE下载地址：http://www.visualland.net/author/index.php

AE用户手册 (.doc，视频)： http://www.visualland.net/moreOnAE.php