一种流程设计方法、客户机、服务器侧装置及系统与流程

本发明涉及通信领域，尤其涉及流程设计方法、客户机、服务器侧装置及系统。

背景技术：

随着业务信息化的深入，流程变得越来越复杂，因此，如何高效的设计流程图形更容易被用户所理解和接受是一个很重要的问题。现有的流程设计方法大都是基于客户端/服务器模式的，采用客户端/服务器模式来设计流程，需要客户端安装专用的客户端软件，这就涉及到安装的工作量特别大的问题，其次任何一台电脑出问题，如病毒、硬件损坏，都需要进行安装或维护；而且系统软件升级时，每一台电脑都需要重新安装，其维护和升级成本也是非常高；客户端/服务器模式只适用于局域网，而随着互联网的飞速发展，移动办公和分布式办公越来越普及，客户端/服务器模式已无法满足互联网的要求。

技术实现要素：

本发明要解决的主要技术问题是，提供一种流程设计方法、客户机、服务器侧装置及系统，解决现有技术中流程设计复杂、需要局域网和专用的客户端才能实现流程设计、开发成本偏高的问题。

为解决上述技术问题，本发明提供一种流程设计方法，包括：包括以下步骤：在浏览器上加载插件，并定义流程图形元素；所述插件为用于对所述流程图形元素进行功能性调用和管理的控件；按照预设的规则通过所述插件在所述浏览器上调用所述流程图形元素，绘制并生成流程图形信息；将所述流程图形 信息通过所述浏览器发送到服务器侧装置。

在本发明的一种实施例中，所述定义流程图形元素包括：定义流程元素和流程元素工具，所述流程元素工具用于建立所述流程元素之间的逻辑关系；所述按照预设的规则通过所述插件在所述浏览器上调用所述流程图形元素，绘制并生成流程图形信息包括：按照预设的规则通过所述插件在所述浏览器上调用所述流程元素和所述流程元素工具，并按照所述规则通过流程元素工具逻辑连接所述流程元素以完成流程图形的绘制，并设置所述流程元素和所述流程元素工具的属性信息，生成所述流程图形信息。

在本发明的一种实施例中，在所述按照预设的规则通过所述插件在所述浏览器上调用所述流程图形元素，绘制并生成流程图形信息之前，还包括：在所述浏览器的界面上设置工具箱区和设计区；所述工具箱区用于放置所述流程元素和所述流程元素工具；所述设计区用于显示所述流程图形的绘制信息和所述流程图形信息。

在本发明的一种实施例中，还包括：通过所述浏览器向所述服务器侧装置发送所述流程图形信息的展示命令；所述浏览器接收从所述服务器侧装置发送来的所述流程图形信息，所述流程图形信息为所述服务器侧装置根据所述展示命令将对应的流程信息转换后的信息；在所述浏览器的所述设计区对所述流程图形信息进行展示。

在本发明的一种实施例中，在所述将所述流程图形信息通过所述浏览器发送到服务器侧装置之前还包括：在浏览器上对所述流程图形信息进行流程校验。

在本发明的一种实施例中，所述将所述流程图形信息通过所述浏览器发送到服务器侧装置包括：在所述浏览器上将生成的所述流程图形信息通过超文本传输协议发送给所述服务器侧装置。

为解决上述技术问题，本发明还提供一种流程设计方法，包括以下步骤：接收并解析客户机通过浏览器发送的流程图形信息；调用工作流引擎，并通过所述工作流引擎将所述流程图形信息转换为流程信息；将所述流程信息存入数据库。

在本发明的一种实施例中，还包括：接收从所述客户机上的所述浏览器发送的对所述流程图形信息进行展示的命令；调用所述工作流引擎，并通过所述工作流引擎将对应的所述流程信息转换为所述流程图形信息；将所述流程图形信息发送给所述客户机上的所述浏览器。

为解决上述技术问题，本发明还提供一种客户机，包括加载定义模块，流程图形信息生成模块，第一发送模块；所述加载定义模块用于在浏览器上加载插件，并定义流程图形元素；所述插件为用于对所述流程图形元素进行功能性调用和管理的控件；所述流程图形信息生成模块用于按照预设的规则通过所述插件在所述浏览器上调用所述流程图形元素，绘制并生成流程图形信息；所述第一发送模块用于将所述流程图形信息通过所述浏览器发送到服务器侧装置。

在本发明的一种实施例中，所述加载定义模块包括流程元素定义子模块和流程元素工具定义子模块，所述流程元素定义子模块用于定义流程元素；所述流程元素工具定义子模块用于定义流程元素工具；所述流程元素工具用于建立所述流程元素之间的逻辑关系；所述流程图形信息生成模块包括流程图形绘制子模块和属性信息设置子模块；所述流程图形绘制子模块用于按照预设的规则通过所述插件在所述浏览器上调用所述流程元素和所述流程元素工具，并按照所述规则通过流程元素工具逻辑连接所述流程元素来绘制流程图形；所述属性信息设置子模块用于设置所述流程元素的属性信息和所述流程元素工具的属性信息。

在本发明的一种实施例中，还包括区域设置模块，所述区域设置模块用于在所述浏览器的界面上设置工具箱区和设计区；所述工具箱区用于放置所述流程元素和所述流程元素工具；所述设计区用于显示所述流程图形的绘制信息和所述流程图形信息。

在本发明的一种实施例中，还包括第二发送模块，第一接收模块，展示模块；所述第二发送模块用于通过所述浏览器向所述服务器侧装置发送所述流程图形信息的展示命令；所述第一接收模块用于接收从所述服务器侧装置发送来的所述流程图形信息，所述流程图形信息为所述服务器侧装置根据所述展示命令将对应的流程信息转换后的信息；所述展示模块用于在所述浏览器的所述设计区对所述流程图形信息进行展示。

在本发明的一种实施例中，还包括流程校验模块，所述流程校验模块用于在浏览器上对所述流程图形信息进行流程校验。

为解决上述技术问题，本发明还提供一种服务器侧装置，包括接收解析模块，第一处理模块，存储模块；所述接收解析模块用于接收并解析客户机通过浏览器发送的流程图形信息；所述第一处理模块用于调用工作流引擎，并通过所述工作流引擎将所述流程图形信息转换为流程信息；所述存储模块用于将所述流程信息存入数据库。

在本发明的一种实施例中，还包括第二接收模块，第二处理模块，第三发送模块；所述第二接收模块用于接收从所述客户机上的所述浏览器发送的对所述流程图形信息进行展示的命令；所述第二处理模块用于调用所述工作流引擎，并通过所述工作流引擎将对应的所述流程信息转换为所述流程图形信息；所述第三发送模块用于将所述流程图形信息发送给所述客户机上的所述浏览器。

为解决上述技术问题，本发明还提供一种系统，其特征在于，包括如上所 述的客户机和如上所述的服务器侧装置。

本发明的有益效果是：

本发明提供了一种流程设计方法、客户机、服务器侧装置及系统，通过在浏览器上生成流程图形信息，然后将流程图形信息发送到服务器侧装置，服务器侧装置将流程图形信息转换为流程信息，并将流程信息存入数据库，本发明采用浏览器/服务器模式来进行流程设计，降低了开发成本，节省了工作时间，提高了工作效率。

附图说明

图1为本发明实施例一提供的一种流程设计方法的流程图；

图2为本发明实施例二提供一种流程设计方法的流程图；

图3为本发明实施例三提供的客户机的结构示意图；

图4为本发明实施例四提供的服务器侧装置的结构示意图；

图5为本发明实施例五提供的系统的结构示意图。

具体实施方式

下面通过具体实施方式结合附图对本发明作进一步详细说明。

实施例一

如图1，为本发明的一实施例，提供一种客户机侧的流程设计方法，本实施例的流程设计方法是基于信息技术基础架构库(Information Technology Infrastructure Library，以下简称ITIL)的流程设计方法，包括以下步骤：

S101：在浏览器上加载插件，并定义流程图形元素；该插件为用于对流程图形元素进行功能性调用和管理的控件；

S102：按照预设的规则通过插件在浏览器上调用流程图形元素，绘制并生成流程图形信息；

S103：将流程图形信息通过浏览器发送到服务器侧装置。

本实施例的方案，通过超级文本标记语言(HyperText Markup Language，以下简称HTML)来实现在浏览器上界面的展示；通过Java脚本语言(以下简称JavaScript)和文档对象模型(Document Object Model，以下简称DOM)分析实现对流程图形信息的动态修改，以及对流程图形信息中流程元素属性的编辑，流程元素包括但不限于节点、邮件、短信、事件源；通过异步JavaScript和可扩展标记语言(Asynchronous Javascript And XML，以下简称Ajax)来实现浏览器和服务器的交互；通过Raphael(Raphael是一个用于在网页中绘制矢量图形的Javascript库)来实现图形化的操作，比如画线、画方框、拖动等。

由于在浏览器上需要使用工具来绘制流程图形，所以预先在浏览器上加载插件，并定义流程图形元素，通过插件来调用流程图形元素进行流程图形的绘制，该插件包括HTML、JavaScript、DOM、Ajax、Raphael等；在浏览器上定义流程元素(例如节点、邮件、短信、事件源等)和流程元素工具(例如直线、折线等)，流程元素工具用于建立流程元素之间的逻辑关系；还可以对流程元素工具进行扩展，例如双向箭头连接线，方便绘制流程图形的流转和退回；绘制流程图形时采用拖、拉、点、拽的方式，节点、连接线能自由拖动，使用方便；本实施例中还提供节点扩展和连线扩展，为方便二次开发提供功能扩展；对流程图形元素进行扩展增强了流程图形的绘制功能。

上述S102中，预设的规则能够完成流程元素对应的角色的配置、流程元素和流程元素工具的属性信息的配置等，按照预设的规则通过插件在浏览器上 调用流程元素和流程元素工具，并按照预设的规则通过流程元素工具逻辑连接流程元素以完成流程图形的绘制，并设置流程元素工具的属性信息，例如设置连线的类型是直线或折线，以及设置连线在流程图形信息中的坐标位置等属性信息，同时设置流程元素的属性信息，例如设置流程元素在流程图形信息中的坐标位置、设置流程元素的所属类型，如节点、邮件、短信、事件源等，设置流程元素的对应角色、设置流程元素的疑难问题与知识库中对疑难问题的解答相关联等属性信息，从而得到流程图形信息，得到的流程图形信息包括得到的是主流程图形，或者得到的是主流程图形与主流程图形中至少一个流程元素连接的子流程图形。主流程与子流程之间的关系有同步和异步之分，同步是指子流程结束后，主流程才能继续流程。异步是指子流程和主流程各自流转，互不影响。本实施例提供灵活的子流程机制，方便了流程之间的相互转换，满足了ITIL的事件管理、问题管理、变更管理、发布管理和配置管理；还提供了流程元素的疑难问题与知识库中对疑难问题的解答相关联的机制，解决了以往需要人工服务的问题，节省了时间，增加了用户的满意度。本实施例中的流程图形完全自定义，流程元素灵活可配置。

本实施例的方案是在浏览器上生成流程图形信息，所以需要在S102之前，在浏览器的界面上设置工具箱区和设计区，工具箱区用于放置流程元素(例如节点、邮件、短信、事件源等)和流程元素工具(例如直线、折线等)；设计区用于显示流程图形的绘制信息和流程图形信息；还可以在浏览器的界面上设置列表区，列表区用于展示所有版本的流程的列表，点击列表中的流程名称可在设计区展示流程图形信息的详细内容，在列表区可对流程进行权限控制，设置流程是启用状态还是停用状态，锁定流程或者解锁流程，还可以在列表区对流程进行删除，删除该版本下的流程的所有数据。

在用户想要查看流程图形信息时，可以通过浏览器向服务器侧装置发送流程图形信息的展示命令；然后浏览器接收从服务器侧装置发送来的流程图形信息，流程图形信息为服务器侧装置根据展示命令将对应的流程信息转换后的信息；再在浏览器的设计区对流程图形信息进行展示，实现对流程的可视化，方便用户查看。

由于不能确定生成的流程图形信息是否有误，所以在上述S103将流程图形信息通过浏览器发送到服务器侧装置之前，首先对生成的流程图形信息进行合理性的流程校验，校验包括以下两种校验：校验处理角色是否是各个流程元素所对应的角色，处理角色例如客户、服务人员、变更经理、服务经理、运维人员等，流程图形信息中的各个流程元素都是与处理角色相对应的，例如事件节点只能由客户角色处理，问题节点只能由服务人员处理，变更节点只能由变更经理处理等；除了校验处理角色是否是各个流程元素所对应的角色外，还要校验流程元素是否符合事件、问题、变更、发布、配置的流转规则，流程元素流转规则规定了节点的前置节点与后置节点，例如事件节点的后置节点只能是问题节点，问题节点的后置节点可以是变更节点，但不能为配置节点；若上述校验都成功，则将生成的流程图形信息发送到服务器侧装置，若校验失败，则给出提示信息；在将流程图形信息通过浏览器发送到服务器侧装置之前，首先对流程图形信息做角色校验和流转规则校验，以此保证了流程图形信息的准确无误，使得运维流程管理的合理化。

上述S103具体为在浏览器上将生成的流程图形信息通过超文本传输协议(HyperText Transfer Protocol，以下简称http)发送给服务器侧装置。

本实施例还可以事先定制好一个流程图形信息的模版，然后通过公共微信、微模块管控系统、语音热线等事件源的触发自动生成流程图形信息，以此实现事件源与流程的无缝对接。

实施例二

如图2，为本发明的一实施例，提供一种服务器侧装置的流程设计方法，本实施例的流程设计方法是基于ITIL的流程设计方法，包括以下步骤：

S201：接收并解析客户机通过浏览器发送的流程图形信息；

S202：调用工作流引擎，并通过工作流引擎将流程图形信息转换为流程信息；

S203：将流程信息存入数据库。

S202中流程图形信息与流程信息转换的数据格式可以为JavaScript对象表示法(JavaScript Object Notation,以下简称JSON)格式，JSON是一种轻量级的数据交换格式。

在用户想要查看流程图形信息时，服务器侧装置接收从客户机上的浏览器发送的对流程图形信息进行展示的命令；然后调用工作流引擎，并通过工作流引擎将对应的流程信息转换为流程图形信息；再将流程图形信息发送给客户机上的浏览器，在浏览器上对流程图形信息进行展示。

实施例三

图3为本实施例提供的一种客户机的结构示意图，请参考图3，该客户机30包括：加载定义模块301，流程图形信息生成模块302，第一发送模块303；加载定义模块301用于在浏览器上加载插件，并定义流程图形元素，该插件 为用于对流程图形元素进行功能性调用和管理的控件；流程图形信息生成模块302用于按照预设的规则通过插件在浏览器上调用流程图形元素，绘制并生成流程图形信息；第一发送模块303用于将流程图形信息通过浏览器发送到服务器侧装置。

加载定义模块301包括流程元素定义子模块3011和流程元素工具定义子模块3012，流程元素定义子模块3011用于定义流程元素(例如节点、邮件、短信、事件源等)；流程元素工具定义子模块3012用于定义流程元素工具(例如直线、折线等)；流程元素工具用于建立流程元素之间的逻辑关系；流程元素工具还可以扩展，例如双向箭头连接线，方便流程图形信息生成模块302在绘制流程图形时能够流转和退回；流程图形信息生成模块302在绘制流程图形时采用拖、拉、点、拽的方式，节点、连接线能自由拖动，使用方便；本实施例中还提供节点扩展和连线扩展，为方便二次开发提供功能扩展；对流程图形元素进行扩展增强了流程图形信息生成模块302绘制流程图形的功能。

流程图形信息生成模块302包括流程图形绘制子模块3021和属性信息设置子模块3022；流程图形绘制子模块3021用于按照预设的规则通过插件在浏览器上调用流程元素和流程元素工具，并按照预设的规则通过流程元素工具逻辑连接流程元素来绘制流程图形；属性信息设置子模块3022用于设置流程元素的属性信息，例如设置流程元素在流程图形信息中的坐标位置，设置流程元素的类型，例如节点、邮件、短信、事件源等，设置流程元素的对应角色，设置流程元素的疑难问题与知识库中对疑难问题的解答相关联等；属性信息设置子模块3022还用于设置流程元素工具的属性信息，例如设置流程元素工具的类型，例如设置连线是直线或折线，设置连线在流程图形信息中的坐标位置等。

由流程图形信息生成模块302生成的流程图形信息包括生成的是主流程图形，或者生成的是主流程图形与主流程图形中至少一个流程元素连接的子流程图形。主流程与子流程之间的关系有同步和异步之分，同步是指子流程结束后，主流程才能继续流程。异步是指子流程和主流程各自流转，互不影响。本实施例提供灵活的子流程机制，方便了流程之间的相互转换，满足了ITIL的事件管理、问题管理、变更管理、发布管理和配置管理；还提供了流程元素的疑难问题与知识库中对疑难问题的解答相关联的机制，解决了以往需要人工服务的问题，节省了时间，增加了用户的满意度。本实施例中的流程图形完全自定义，流程元素灵活可配置。

客户机30还包括：区域设置模块304，区域设置模块304用于在浏览器的界面上设置工具箱区、设计区和列表区；工具箱区用于放置流程元素(例如节点、邮件、短信、事件源等)和流程元素工具(例如直线、折线等)；设计区用于显示流程图形的绘制信息和流程图形信息；列表区用于展示所有版本的流程的列表，点击列表中的流程名称可在设计区展示流程图形信息的详细内容，在列表区可对流程进行权限控制，设置流程是启用状态还是停用状态，锁定流程或者解锁流程，还可以在列表区对流程进行删除，删除该版本下的流程的所有数据。

客户机30还包括第二发送模块305，第一接收模块306，展示模块307；第二发送模块305用于通过浏览器向服务器侧装置发送流程图形信息的展示命令；第一接收模块306用于接收从服务器侧装置发送来的流程图形信息，流程图形信息为服务器侧装置根据展示命令将对应的流程信息转换后的信息；展示模块307用于在浏览器上的设计区对流程图形信息进行展示，实现对设计的流程可视化，方便用户查看。

由于不能确定由流程图形信息生成模块302生成的流程图形信息是否有误，所以客户机30还包括流程校验模块308，流程校验模块308用于在第一发送模块303将在流程图形信息生成模块302上生成的流程图形信息发送到服务器侧装置之前，首先对生成的流程图形信息进行合理性的流程校验；流程校验模块308包括角色校验子模块3081和流转规则校验子模块3082；角色校验子模块3081用于校验处理角色是否是各个流程元素所对应的角色，处理角色例如客户、服务人员、变更经理、服务经理、运维人员等，流程图形信息中的各个流程元素都是与处理角色相对应的，例如事件节点只能由客户角色处理，问题节点只能由服务人员处理，变更节点只能由变更经理处理等；流转规则校验子模块3082用于校验流程元素是否符合事件、问题、变更、发布、配置的流转规则，流程元素流转规则规定了节点的前置节点与后置节点，例如事件节点的后置节点只能是问题节点，问题节点的后置节点可以是变更节点，但不能为配置节点；若成功地通过角色校验子模块3081和流转规则校验子模块3082校验后，则将生成的流程图形信息发送到服务器侧装置，若校验失败，则给出提示信息；在第一发送模块303将在流程图形信息生成模块3022上生成的流程图形信息发送到服务器侧装置之前，首先使用角色校验子模块3081和流转规则校验子模块3082对流程图形信息进行角色校验和流转规则校验，以此保证了流程图形信息的准确无误，使得运维流程管理的合理化。

第一发送模块303具体用于在浏览器上将生成的流程图形信息通过http协议发送给服务器侧装置。

本实施例还可以事先定制好一个流程图形信息的模版，并且将流程图形信息生成模块302通过一个接口与事件源相连，然后通过公共微信、微模块管控 系统、语音热线等事件源的触发自动生成流程图形信息，以此实现事件源与流程的无缝对接。

实施例四

图4为本实施例提供的一种服务器侧装置的结构示意图，请参考图4，该服务器侧装置40包括：接收解析模块401，第一处理模块402，存储模块403；接收解析模块401用于接收并解析客户机通过浏览器发送的流程图形信息；第一处理模块402用于调用工作流引擎，并通过工作流引擎将流程图形信息转换为流程信息；存储模块403用于将流程信息存入数据库。

服务器侧装置40还包括第二接收模块404，第二处理模块405，第三发送模块406；第二接收模块404用于接收从客户机上的浏览器发送的对流程图形信息进行展示的命令；第二处理模块405用于调用工作流引擎，并通过工作流引擎将对应的流程信息转换为流程图形信息；第三发送模块406用于将流程图形信息发送给客户机上的浏览器。

转换模块402将流程图形信息与流程信息进行相互转换的数据格式为JSON格式，JSON是一种轻量级的数据交换格式。

实施例五

图5为本实施例提供的一种系统的结构示意图，请参考图5，该系统50包括实施例三中的客户机30和实施例四中的服务器侧装置40，在此系统中，客户机30可以有多个。

以上内容是结合具体的实施方式对本发明所作的进一步详细说明，不能认 定本发明的具体实施只局限于这些说明。对于本发明所属技术领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干简单推演或替换，都应当视为属于本发明的保护范围。