mxgraph html5,mxgraph进阶(四)mxGraph再启程

mxgraph进阶(四)mxGraph再启程

前言

小论文Constructing User Interaction Behaviors Net from System Log. (AICE 2016)依然实现，为了能够顺利毕业。马导师希望自己能够再写一篇高质量的期刊论文(不然盲审比较棘手，被动)。另外，还需要接着之前所做的系统继续完善，毕竟自己的大论文是以此为基础的。整理好思路，mxGraph再起航。

回顾自己之前所实现的系统，结果图如下所示:

图中的节点及有向边、权重均为自己初始化所展现。现在的任务是用户行为序列为前期整理所得，并实现对所得序列进行用户交互行为网的自动生成。即构建用户交互行为网的自动生成系统。

初始化代码如下:

var behaviorArray = new Array();

behaviorArray[0] = "01234";

behaviorArray[1] = "02456";

behaviorArray[2] = "14506";

behaviorArray[3] = "120356";

behaviorArray[4] = "0145456";

现在自己的工作就是完成数据库到html页面的数据传输并展示。

通过阅读代码发现可以通过文件读取的方式个性化显示mxGraph，以下为实例结果。

实例源码如下：

文件IO例子

其中，读取的文件“fileio.txt”内容如下:

Custom file format for fileio.html (comments start with #, all vertices first)

Vertices (id: label)

1:

Last, First

Status

Info

2:

Errorcode

Status

Info

3:

Warning

Status

Info

4:

Groupname

Status

Info

5:

Workplace

Status

Info

6:

Information

Status

Info

7:

Printername

Status

Info

Edges (source-id,target-id: label)

1,2:

Hint

1,3:

News

1,4:

Member

5,6:

Details

5,7:

Access

4,5:

Access

1,5:

2-Way

很明显，fileio.txt文件中只是定义了节点、边及其相关标识，注意到其中定义了特殊的双向边。但此双向边是在文件中初始化完成的。自己需要改进。

基于此，自己可首先实现文件的写操作，然后实现文件读取并实现前台展现操作。

初步结果如下:

接下来的工作是实现日志处理，将每个操作映射为连续的正整数，并写入相应的数据库与相应文件内。文件格式如下:

Custom file format for fileio.html (comments start with #, all vertices first)

Vertices (id: label)

1: 1

2: 2

3: 3

4: 4

5: 5

6: 6

7: 7

Edges (source-id,target-id: label)

1,2: 2

1,3: 3

1,4: 3

5,6: 1

5,7: 5

4,5: 3

1,5: 2-Way

基本操作过程如下:

数据预处理

在预处理后的单用户日志情况下，生成的用户交互行为网如下图所示：

其对应的数据库信息为：

做学术，就是要将简单的事情尽可能的复杂化处理，上升到学术理论的高度。加入一些数学理论，说服力更强。

结合Petri Net解决问题，恰到好处。

所做的mxGraph图像中，

①　需要将双向箭头改为两个单向箭头；

②　并实现交互次数的精确统计；

③　在动作上附加输入参数。

整理后的用户交互图如下图所示:

上图数据均为实际日志提取所得，并非数据初始化。

友情链接