仿真工艺的方法及装置与流程

本发明涉及浏览器信息处理的技术领域，尤其是涉及一种仿真工艺的方法及装置。

背景技术：

目前，许多的工艺流程无法使得学生去现场进行实际的操作。例如，轧钢工艺。随着轧钢工艺技术的飞速发展，轧钢的功能复杂性日益提高，安全、成品质量、节能方面的要求日益严格，灵活、个性化的产品需求千差万别。现有的教学条件很难使每个学生去现场进行实际操作，而充分掌握现场的实际情况，对本专业学生在今后的社会竞争力方面有很大的影响，同时也增加了后期企业对员工培训的成本。

针对学生只能从课本上了解传统工艺，对设备的操作了解甚少的问题，目前有企业采用工控软件力控与plc相结合，模拟现场的工艺场景与操控，暂时满足学生对生产工艺的认知。这种技术在实现上，需要安装大量的环境，并进行大量的配置操作，配置过程非常繁琐，需要花费大量的配置时间，配置时，对配置人员的要求也非常高。

综上，传统的工艺软件安装繁琐且配置过程复杂。

技术实现要素：

有鉴于此，本发明的目的在于提供一种仿真工艺的方法及装置，以缓解传统的工艺软件安装繁琐且配置过程复杂的技术问题。

第一方面，本发明实施例提供了一种仿真工艺的方法，所述方法包括：

获取服务器发送的目标网页的页面信息，页面内容和目标脚本，其中，所述页面信息包括：所述目标网页的页面样式信息，所述目标网页的字体信息，所述目标网页中的动画信息；

基于所述页面信息对所述页面内容进行渲染，渲染得到仿真场景，其中，所述仿真场景为用于对工艺流程进行仿真的界面；

加载所述目标脚本，其中，所述目标脚本包括用于对所述工艺流程进行仿真的仿真流程；

基于所述目标脚本在所述仿真场景上对所述工艺流程进行仿真。

结合第一方面，本发明实施例提供了第一方面的第一种可能的实施方式，其中，所述仿真场景为考试仿真场景，基于所述目标脚本在所述仿真场景上对所述工艺流程进行仿真，包括：

基于所述目标脚本的第一调用功能，在数据库中读取设置信息，其中，所述设置信息包括以下至少之一：操作模式信息，考试时间信息，所述操作模式信息包括：竞赛模式，练习模式；

基于所述目标脚本中的配置功能，通过所述设置信息对所述考试仿真场景进行配置；

基于所述目标脚本的第二调用功能，调用初始化工艺参数，并基于所述初始化工艺参数对所述考试仿真场景进行再次配置，其中，所述初始化工艺参数为所述工艺流程中待执行物体的工艺参数；

基于配置之后的所述考试仿真场景对所述工艺流程进行仿真。

结合第一方面，本发明实施例提供了第一方面的第二种可能的实施方式，其中，在基于所述初始化工艺参数对所述考试仿真场景进行再次配置之后，在基于配置之后的所述考试仿真场景对所述工艺流程进行仿真之前，所述方法还包括：

判断目标时长是否小于预设考试时长，其中，所述目标时长为从开始所述工艺流程的时刻到当前时刻之间的时长；

如果判断出所述目标时长小于所述预设考试时长，则基于配置之后的所述考试仿真场景对所述工艺流程进行仿真。

结合第一方面，本发明实施例提供了第一方面的第三种可能的实施方式，其中，基于配置之后的所述考试仿真场景对所述工艺流程进行仿真，包括：

判断工艺生产环境是否准备完成，其中，所述工艺生产环境包括所述工艺流程中的生产设备，所述初始化工艺参数；

如果判断所述工艺生产环境准备完成，则接收用户执行工艺生产操作事件的操作结果或定时器驱动的操作结果，其中，所述工艺生产操作事件为按照所述工艺流程所执行的事件；

根据所述操作结果，对所述初始化工艺参数进行计算，得到操作后的工艺参数；

将所述操作后的工艺参数反馈至所述考试仿真场景；

根据所述操作后的工艺参数调用与所述操作后的工艺参数相对应的动画，其中，所述相对应的动画包括：css3动画和/或javascript动画；

在所述考试仿真场景对所述操作后的工艺参数和所述相对应的动画进行工艺考核，得到考核结果，其中，所述工艺考核用于考核所述考试仿真场景的结果是否符合工艺操作标准。

结合第一方面，本发明实施例提供了第一方面的第四种可能的实施方式，其中，在所述考试仿真场景对所述操作后的工艺参数和所述相对应的动画进行工艺考核，得到考核结果之后，所述方法还包括：

接收所述用户提交的提交指令，并根据所述提交指令完成所述工艺流程的仿真。

结合第一方面，本发明实施例提供了第一方面的第五种可能的实施方式，其中，在接收所述用户提交的提交指令之后，所述方法还包括：

保存所述考核结果至浏览器的存储空间，其中，所述浏览器为访问所述目标网页的浏览器；

基于多个考核结果计算得到所述用户的总成绩，其中，所述考试仿真场景中包括多个考试仿真场景，每个所述考试仿真场景对应一个考核结果；

将所述总成绩保存至所述数据库，以便所述用户进行查询。

结合第一方面，本发明实施例提供了第一方面的第六种可能的实施方式，其中，所述考试仿真场景中包括多个考试仿真场景，每个考试仿真场景中包括多个待执行物体，调用初始化工艺参数，包括：

查找浏览器的存储空间中存储的每个所述考试仿真场景中包含的所述多个待执行物体中每个所述待执行物体的已初始化工艺参数；

如果未查找到所述已初始化工艺参数，则对所述多个待执行物体中每个待执行物体的工艺参数进行初始化，得到每个所述待执行物体的初始化工艺参数；

如果查找到所述已初始化工艺参数，则将所述已初始化工艺参数作为对应的待执行物体的初始化工艺参数；

将每个所述待执行物体的初始化工艺参数反馈至所述考试仿真场景中进行处理。

第二方面，本发明实施例还提供了一种仿真工艺的装置，所述装置包括：

获取模块，用于获取服务器发送的目标网页的页面信息，页面内容和目标脚本，其中，所述页面信息包括：所述目标网页的页面样式信息，所述目标网页的字体信息，所述目标网页中的动画信息；

渲染模块，用于基于所述页面信息对所述页面内容进行渲染，渲染得到仿真场景，其中，所述仿真场景为用于对工艺流程进行仿真的界面；

加载模块，用于加载所述目标脚本，其中，所述目标脚本包括用于对所述工艺流程进行仿真的仿真流程；

仿真模块，用于基于所述目标脚本在所述仿真场景上对所述工艺流程进行仿真。

结合第二方面，本发明实施例提供了第二方面的第一种可能的实施方式，其中，所述仿真模块，包括：

读取子模块，用于基于所述目标脚本的第一调用功能，在数据库中读取设置信息，其中，所述设置信息包括以下至少之一：操作模式信息，考试时间信息，所述操作模式信息包括：竞赛模式，练习模式；

配置子模块，用于基于所述目标脚本中的配置功能，通过所述设置信息对所述考试仿真场景进行配置；

调用子模块，用于基于所述目标脚本的第二调用功能，调用初始化工艺参数，并基于所述初始化工艺参数对所述考试仿真场景进行再次配置，其中，所述初始化工艺参数为所述工艺流程中待执行物体的工艺参数；

仿真子模块，用于基于配置之后的所述考试仿真场景对所述工艺流程进行仿真。

结合第二方面，本发明实施例提供了第二方面的第二种可能的实施方式，其中，所述仿真模块，还包括：

判断子模块，用于判断目标时长是否小于预设考试时长，其中，所述目标时长为从开始所述工艺流程的时刻到当前时刻之间的时长；

仿真子模块，如果判断出目标时长小于所述预设考试时长，则基于配置之后的所述考试仿真场景对所述工艺流程进行仿真。

本发明实施例带来了以下有益效果：本发明实施例提供了一种仿真工艺的方法及装置，该仿真工艺的方法包括：获取服务器发送的目标网页的页面信息，页面内容和目标脚本，其中，页面信息包括：目标网页的页面样式信息，目标网页的字体信息，目标网页中的动画信息；基于页面信息对页面内容进行渲染，渲染得到仿真场景，其中，仿真场景为用于对工艺流程进行仿真的界面；加载目标脚本，其中，目标脚本包括用于对工艺流程进行仿真的仿真流程；基于目标脚本在仿真场景上对工艺流程进行仿真。

在使用传统的工艺软件对工艺流程进行仿真时，需要安装大量的环境，并进行大量的配置操作。与传统的工艺软件相比，本发明实施例的仿真工艺的方法中，能够从服务器中获取目标网页的页面信息，页面内容和目标脚本，然后，基于页面信息对页面内容进行渲染，得到仿真场景，进而，加载目标脚本，基于目标脚本在仿真场景上对工艺流程进行仿真。在本发明实施例的仿真工艺的方法中，能够通过网页实现工艺流程，用户可以通过浏览器在网页上进行工艺操作，使用方便，节省了安装时间和安装成本，缓解了传统的工艺软件安装繁琐且配置过程复杂的技术问题。

本发明的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种仿真工艺的方法流程图；

图2为本发明实施例提供的基于目标脚本在仿真场景上对工艺流程进行仿真的流程图；

图3为本发明实施例提供的基于初始化工艺参数对考试仿真场景进行再次配置之后，在基于配置之后的考试仿真场景对工艺流程进行仿真之前的方法流程图；

图4为本发明实施例提供的基于配置之后的考试仿真场景对工艺流程进行仿真的流程图；

图5为本发明实施例提供的接收用户提交的提交指令之后的方法流程图；

图6为本发明实施例提供的一种仿真工艺的装置的结构示意图；

图7为本发明实施例提供的一种仿真工艺的软件中各模块的示意图；

图8为本发明实施例提供的一种仿真工艺的方法的工作流程示意图。

图标：

11-获取模块；12-渲染模块；13-加载模块；14-仿真模块。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合附图对本发明的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

为便于对本实施例进行理解，首先对本发明实施例所公开的一种仿真工艺的方法进行详细介绍。

实施例一：

本发明实施例提供了一种仿真工艺的方法，参考图1，该方法包括：

s101、获取服务器发送的目标网页的页面信息，页面内容和目标脚本，其中，页面信息包括：目标网页的页面样式信息，目标网页的字体信息，目标网页中的动画信息；

在本发明实施例中，用户通过平台管理器入口进入到工艺系统。在具体使用时，打开任意一个浏览器，在浏览器中输入访问地址，就能够从服务器中获取该访问地址所对应的信息，然后，输入相应的账号、密码，用户即可进行相应的操作。

这里的目标网页的页面信息是css3中保存的信息，也可以为其它动画中的信息，本发明实施例对其不做具体限制。

s102、基于页面信息对页面内容进行渲染，渲染得到仿真场景，其中，仿真场景为用于对工艺流程进行仿真的界面；

具体的，先加载css3样式和定义好的动画，在加载完css3后，浏览器再去加载场景需要显示的内容，加载时直接渲染页面信息，这里的渲染页面信息具体指的是渲染页面样式信息。

s103、加载目标脚本，其中，目标脚本包括用于对工艺流程进行仿真的仿真流程；

具体的，本发明实施例中的目标脚本是javascript。

s104、基于目标脚本在仿真场景上对工艺流程进行仿真。

在使用传统的工艺软件对工艺流程进行仿真时，需要安装大量的环境，并进行大量的配置操作。与传统的工艺软件相比，本发明实施例的仿真工艺的方法中，能够从服务器中获取目标网页的页面信息，页面内容和目标脚本，然后，基于页面信息对页面内容进行渲染，得到仿真场景，进而，加载目标脚本，基于目标脚本在仿真场景上对工艺流程进行仿真。在本发明实施例的仿真工艺的方法中，能够通过网页实现工艺流程，用户可以通过浏览器在网页上进行工艺操作，使用方便，节省了安装时间和安装成本，缓解了传统的工艺软件安装繁琐且配置过程复杂的技术问题。

进一步地，仿真场景为考试仿真场景，基于目标脚本在仿真场景上对工艺流程进行仿真，参考图2，包括：

s201、基于目标脚本的第一调用功能，在数据库中读取设置信息，其中，设置信息包括以下至少之一：操作模式信息，考试时间信息，操作模式信息包括：竞赛模式，练习模式；

在得到仿真场景后，javascript会和后端服务器交互，读取数据库中关于工艺系统的操作模式(竞赛模式，练习模式)，操作时间。

s202、基于目标脚本中的配置功能，通过设置信息对考试仿真场景进行配置；

在得到设置信息后，一方面通过设置信息对考试场景进行配置，另一方面javascript会将设置信息保存到浏览器的存储空间中。

s203、基于目标脚本的第二调用功能，调用初始化工艺参数，并基于初始化工艺参数对考试仿真场景进行再次配置，其中，初始化工艺参数为工艺流程中待执行物体的工艺参数；

通过设置信息对考试场景进行配置完成后，javascript会调用初始化工艺参数。

具体的，考试仿真场景中包括多个考试仿真场景，每个考试仿真场景中包括多个待执行物体，调用初始化工艺参数，包括：

(1)查找浏览器的存储空间中存储的每个考试仿真场景中包含的多个待执行物体中每个待执行物体的已初始化工艺参数；

(2)如果未查找到已初始化工艺参数，则对多个待执行物体中每个待执行物体的工艺参数进行初始化，得到每个待执行物体的初始化工艺参数；

如果未查找到已初始化工艺参数，javascript会根据仿真工艺所对应的公式产生初始化数据。

(3)如果查找到已初始化工艺参数，则将已初始化工艺参数作为对应的待执行物体的初始化工艺参数；

(4)将每个待执行物体的初始化工艺参数反馈至考试仿真场景中进行处理。

s204、基于配置之后的考试仿真场景对工艺流程进行仿真。

进一步地，在基于初始化工艺参数对考试仿真场景进行再次配置之后，在基于配置之后的考试仿真场景对工艺流程进行仿真之前，参考图3，方法还包括：

s301、判断目标时长是否小于预设考试时长，其中，目标时长为从开始工艺流程的时刻到当前时刻之间的时长；

在完成再次配置后，判断目标时长是否小于预设考试时长，也就是从刚开始得到仿真场景的时刻开始到当前时刻的时长是否小于预设考试时长。

s302、如果判断出目标时长小于预设考试时长，则基于配置之后的考试仿真场景对工艺流程进行仿真。

而如果判断出目标时长不小于预设考试时长时，则根据浏览器存储空间中存储的多个考核结果计算得到用户的总成绩。

进一步地，基于配置之后的考试仿真场景对工艺流程进行仿真，参考图4，包括：

s401、判断工艺生产环境是否准备完成，其中，工艺生产环境包括工艺流程中的生产设备，初始化工艺参数；

在进行工艺流程仿真时，判断工艺生产环境是否准备完成，如果没有准备完成，用户在进行生产时，那么判断产生了生成故障，则进行相应的记录，做出相应的扣分和错误描述。

s402、如果判断工艺生产环境准备完成，则接收用户执行工艺生产操作事件的操作结果或定时器驱动的操作结果，其中，工艺生产操作事件为按照工艺流程所执行的事件；

s403、根据操作结果，对初始化工艺参数进行计算，得到操作后的工艺参数；

具体的，操作后的工艺参数可以为发生变化的工艺参数，也可以为未发生变化的工艺参数。操作时，可以为操作某一个按钮引发的多个工艺参数数据变化，还可以为多个按钮一起触发引发的工艺参数数据变化。

s404、将操作后的工艺参数反馈至考试仿真场景；

s405、根据操作后的工艺参数调用与操作后的工艺参数相对应的动画，其中，相对应的动画包括：css3动画和/或javascript动画；

s406、在考试仿真场景对操作后的工艺参数和相对应的动画进行工艺考核，得到考核结果，其中，工艺考核用于考核考试仿真场景的结果是否符合工艺操作标准。

进一步地，在考试仿真场景对操作后的工艺参数和相对应的动画进行工艺考核，得到考核结果之后，方法还包括：

接收用户提交的提交指令，并根据提交指令完成工艺流程的仿真。

进一步地，在接收用户提交的提交指令之后，参考图5，方法还包括：

s501、保存考核结果至浏览器的存储空间，其中，浏览器为访问目标网页的浏览器；

s502、基于多个考核结果计算得到用户的总成绩，其中，考试仿真场景中包括多个考试仿真场景，每个考试仿真场景对应一个考核结果；

s503、将总成绩保存至数据库，以便用户进行查询。

实施例二：

本发明实施例还提供了一种仿真工艺的装置，参考图6，该装置包括：

获取模块11，用于获取服务器发送的目标网页的页面信息，页面内容和目标脚本，其中，页面信息包括：目标网页的页面样式信息，目标网页的字体信息，目标网页中的动画信息；

渲染模块12，用于基于页面信息对页面内容进行渲染，渲染得到仿真场景，其中，仿真场景为用于对工艺流程进行仿真的界面；

加载模块13，用于加载目标脚本，其中，目标脚本包括用于对工艺流程进行仿真的仿真流程；

仿真模块14，用于基于目标脚本在仿真场景上对工艺流程进行仿真。

进一步地，仿真模块14，包括：

读取子模块，用于基于目标脚本的第一调用功能，在数据库中读取设置信息，其中，设置信息包括以下至少之一：操作模式信息，考试时间信息，操作模式信息包括：竞赛模式，练习模式；

配置子模块，用于基于目标脚本中的配置功能，通过设置信息对考试仿真场景进行配置；

调用子模块，用于基于目标脚本的第二调用功能，调用初始化工艺参数，并基于初始化工艺参数对考试仿真场景进行再次配置，其中，初始化工艺参数为工艺流程中待执行物体的工艺参数；

仿真子模块，用于基于配置之后的考试仿真场景对工艺流程进行仿真。

进一步地，仿真模块14，还包括：

判断子模块，用于判断目标时长是否小于预设考试时长，其中，目标时长为从开始工艺流程的时刻到当前时刻之间的时长；

仿真子模块，如果判断出目标时长小于预设考试时长，则基于配置之后的考试仿真场景对工艺流程进行仿真。

进一步地，仿真子模块，包括：

判断单元，用于判断工艺生产环境是否准备完成，其中，工艺生产环境包括工艺流程中的生产设备，初始化工艺参数；

第一接收单元，如果判断工艺生产环境准备完成，则接收用户执行工艺生产操作事件的操作结果或定时器驱动的操作结果，其中，工艺生产操作事件为按照工艺流程所执行的事件；

第一计算单元，用于根据操作结果，对初始化工艺参数进行计算，得到操作后的工艺参数；

第一反馈单元，用于将操作后的工艺参数反馈至考试仿真场景；

调用单元，用于根据操作后的工艺参数调用与操作后的工艺参数相对应的动画，其中，相对应的动画包括：css3动画和/或javascript动画；

工艺考核单元，用于在考试仿真场景对操作后的工艺参数和相对应的动画进行工艺考核，得到考核结果，其中，工艺考核用于考核考试仿真场景的结果是否符合工艺操作标准。

进一步地，仿真子模块，还包括：

第二接收单元，用于接收用户提交的提交指令，并根据提交指令完成工艺流程的仿真。

进一步地，仿真子模块，还包括：

第一保存单元，用于保存考核结果至浏览器的存储空间，其中，浏览器为访问目标网页的浏览器；

第二计算单元，用于基于多个考核结果计算得到用户的总成绩，其中，考试仿真场景中包括多个考试仿真场景，每个考试仿真场景对应一个考核结果；

第二保存单元，用于将总成绩保存至数据库，以便用户进行查询。

进一步地，调用子模块，包括：

查找单元，用于查找浏览器的存储空间中存储的每个考试仿真场景中包含的多个待执行物体中每个待执行物体的已初始化工艺参数；

初始化单元，如果未查找到已初始化工艺参数，则对多个待执行物体中每个待执行物体的工艺参数进行初始化，得到每个待执行物体的初始化工艺参数；

设定单元，如果查找到已初始化工艺参数，则将已初始化工艺参数作为对应的待执行物体的初始化工艺参数；

第二反馈单元，用于将每个待执行物体的初始化工艺参数反馈至考试仿真场景中进行处理。

装置中的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

参考图7，对本发明实施例中的仿真工艺的软件中各模块的作用进行简要说明：

该网络版工艺平台的主要组成部分，包含前端工艺静态页面、javascript工艺核心控制器、数据库、浏览器的存储空间(webstorage)。

(1)、前端静态页面包含了html和css3，html是系统场景显示内容，css3当中定义了html界面样式、字体、动画(系统场景动画，例如：设备运动)。样式会在html加载时直接渲染到界面当中。css3里定义的动画会通过javascript在合理的情况下进行调用(动画定义在一个空class中，javascript需要场景设备变化或运动时直接为相关html元素标记加上对应动画的class就行)。

(2)、javascript部分，可以从整个图7可以看到javascript在整个系统中的比重，是整个系统的核心就像人的大脑一样，会根据各种资源，例如：界面场景操作、界面设备位置、数据库对系统的设置、工艺参数、初始化数据等作出各种相应的判断处理。内部在开发时被分为了不同的大大小小的功能模块。

①与数据库交互模块，打开系统时，javascript核心中数据库交互模块开始去和后端服务器对接，会去拿到数据库设置的操作模式(竞赛、练习)、考试时间等一些类设置信息。

②界面数据初始化，初始数据分为系统默认数据、默认数据计算得到的新数据初始数据、工艺参数(系统都会有一个工艺模块或者是有一个设置工艺参数的地方)，javascript通过获取或计算获得到这个场景需要使用的数据初始值，并把这些数据保存到javascript对象当中。

③javascript事件模块，运行系统场景时完成上边①②两个步骤系统代码会分成两个运行流，一个是javascript事件驱动，一个是javascript定时器驱动。javascript事件模块主要处理的是用户进行工艺场景操作时的逻辑。他内部又分为页面场景数据初始化、工艺场景动画、工艺场景动画控制模块、场景操作考核模块、场景切换模块、结束系统操作提交成绩模块。

页面数据初始化模块，在步骤②初始化了场景数据并保存到了javascript对象当中，页面数据初始化是将javascript对象中初始化好的数据反馈到界面当中。

工艺操作逻辑处理模块，当用户操作了工艺场景，那么就会通过事件触发这个模块，模块内部会根据用户的操作进行参数的计算(根据初始数据产生变化)、页面状态的变化(例如：场景的环境异常或正常)。

工艺场景动画控制模块，在场景中为了还原显示的场景封装定义了两个种的动画，一个是css3动画，一个是javascript动画。css3动画是直接的样式渲染没有javascript的逻辑处理，所以性能非常好，方法定义和使用非常方便，但是缺少动画过程的监听。javascript动画性能稍逊与css3动画，但他具有过程监听的能力。所以结合这两个技术实现真实的场景模拟非常适合。动画的调用也分为两种情况，一个是事件调用(进行某一操作，直接执行动画)，一个是前边提到的工艺操作逻辑处理(在一个操作后产生一系列参数或界面变化，变化的一定区间启动动画)。

场景操作考核模块，javascript在场景考核点出都会去记录操作步骤，判断是否符合正确操作，如果不正确给出错误描述并且扣分。

场景切换模块，一个系统或者是一个工艺流程都是由很多的工艺场景组成的，所以系统的操作就会涉及到工艺场景的切换，浏览器上网站都是一页一页的，每每进一个页面必然会关闭上一个。一个场景有很多的数据共享，在实现上采用一个场景一个页面，这样就可以实现场景中数据实时共享。那么当前场景操作完成，并没有把成绩储存到数据库，并且在以后的模块计算总分还需要用到已经完成的场景分数和考试情况，所以在需要进入下一个场景前，需要把本当前场景考试情况存储到浏览器webstorage，在需要时提取出来。

结束系统操作提交成绩模块，总成绩的计算是已经操作的所有模块的成绩，当然也包括当前模块。代码封装了一个从webstroage获取所有的成绩并计算的模块，所以获取之前，会把本模块的成绩先储存到内存中，再去执行成绩获取和计算。并且计算完成提交到服务器数据库保存。

④javascript定时器模块，由于javascript脚本语言不是实时执行的，所以定义的javascript定时器模块就是把javascript关键的需要不断判断的代码让它实时的去执行。

监听工艺状态变化，工艺系统和普通的网站有不一样的地方，工艺操作具有工艺生产环境的前提条件和生产过程中环境实时变化，就是一切正式的工艺生产操作前必须先满足生产条件，如果开始满足条件再生产过程中环境异常或参数异常。例如用户在生产条件未满足下进行工艺生产或正在生产条件下突然某一个设备状态异常或参数异常则产生生产事故(产生事故可能会直接停止整个生产，并无法继续生产操作)。在监听模块就是针对工艺生产的各种状态进行判断，会根据判断对对应的考核点进行考核。

(3)、工艺场景动画控制模块，在工艺生产环境满足(设备不仅可以人为的去做调节，还包含了再生产环境中自动的变化)一定条件时界面的场景设备会模拟真实的现场设备进行运动或变化。这时就需要调用javascript动画或者css3动画。

到达考试时限自动计算和提交成绩模块，这个和javascript事件里的成绩计算一样，区别在于他们的驱动方式不同，一个是用户手动结束考核，一个是非人为到达时限系统自动交卷。

(4)、webstorage模块，一个系统软件通常具有多个场景，场景切换需要共享场景与场景的数据，读取系统的工艺参数，webstorage是浏览器的存储空间，模块就是起到这些模块的连接作用，每个场景使用数据会从这里来读取，计算完成进入下一个场景前会存入当前场景的数据。计算成绩也是从这里获取数据。

(5)、数据库端，储存有需要给前端的数据，和保存前端计算结果数据。前端的设置信息都需要从数据库来读取，前端的计算结果需要提交到数据库。

参考图8，对本发明实施例中的工作过程进行简要说明：

(1)开始，用户通过平台管理器入口进入到工艺系统，系统的第一个工艺场景页面加载。

(2)、css3渲染，界面加载中在加载页面内容前会先加载好css样式和定义好的动画。

(3)、加载场景内容，加载完css3后浏览器才会去加载场景需要显示的内容，内容加载时在第(2)步就已经将页面的样式加载，加载时直接渲染。

(4)、读取数据库设置信息，静态的场景界面加载完成后，javascript就会去和后端服务器去交互，读取数据库中关于工艺系统的操作模式(竞赛，操作)，操作时间(操作必须在这时间段内完成，否则结束系统，自动提交成绩)。如果读取完成，把信息存储到webstorage，如果没有则页面停止下一步，需要从新加载页面。

(5)、读取webstorage中的数据，数据包括(初始化好的工艺参数、上个场景的参数和状态情况)，如果javascript没有读取到这些数据则javascript会再次去初始化一次数据执行步骤(6)。

(6)、初始化工艺参数，如果javascript在webstorage中没有读取到关键数据，则会把这个场景需要的数据从新初始化一次。

(7)、将数据反馈到系统界面，在进行过(5)、(6)步骤后会得到本场景需要的数据，会将获得到的数据反馈到页面。

(8)是否到达考试时限，在参数就绪后，开始判断考试时间。当前操作是否在时限内，如果已经到达操作时限则去获取webstroage中存储的各个模块的成绩计算出总成绩。如果还在时限内则继续下一步操作(9)。

(9)、判断工艺生产环境是否就绪，如果不就绪那么就产生了严重的生产故障。则做相应的记录，考核点做出相应扣分和错误描述。本场景也将无法继续操作。如果就绪则可以进行下一步操作(10)。

(10)、根据用户操作或根据定时器监听结果，针对结果进行参数的计算。

(11)、得到驱动后的结果，在(10)步骤产生的结果，可能符合工艺流程和规范，也有可能不符合，在本步骤就是获取保存得到的结果。

(12)、反馈数据和动画调用，根据计算结果将结果反馈到页面当中，且根据结果和参数调用相关动画。

(13)、根据反馈数据和调用动画做工艺考核，每一个操作步骤都会进行监听和判断，是否符合工艺操作，符合即得分，不符合扣分切给出错误描述。

(14)点击提交按钮，结束系统的操作。

(15)、保存本场景成绩到webstorage，考核完成会将本场景成绩存储到浏览器存储空间。

(16)、获取webstorage存储中场景成绩，计算出系统总成绩。

(17)、将总成绩提交到数据库保存。

(18)、结束操作。

本发明实施例中的仿真工艺的方法实际为一个软件系统，在以往的工艺技术实现上，需要安装大量的环境和进行大量的配置操作，配置过程非常繁琐，需要花费大量的配置时间、配置人员要求也非常高。本软件运行环境只需要浏览器，用户使用前只需要安装浏览器，安装成本和时间大大降低。

在网站上实现仿真工艺操作，还原了真实的工艺场景。这项创新在技术实现上多依托于开发当中javascript去实现，考虑本系统使用场景时发现，本系统用于教学、竞赛，用户同时在线人数较多，再结合本系统的类型为工艺类型，每个工艺模块计算量非常巨大，所以系统投入使用时会面临高并发和高计算。

为了解决这系列问题，开发时把大量的计算放到网站前端使用javascript在浏览器端进行数据的计算，来减轻服务器端压力。这样以来在同等用户下可能会使用更少的服务器硬件，减少企业或学校成本。

本发明是将仿真工艺和web前端技术相结合，用户可以通过浏览器在网页上进行工艺操作；

把工艺计算放到浏览器上，只在浏览器上就可完全实现完整的工艺流程；

本系统在实现上使用了大量html5新技术，使用的浏览器存储空间sessionstorage，实现了系统工艺参数在各个页面的传递。

使用的canvas框架ecahrts对于工艺参数可视化和工艺状态监听起到了非常直观的且重要的作用。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。

在本发明的描述中，需要说明的是，术语“中心”、“上”、“下”、“左”、“右”、“竖直”、“水平”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。此外，术语“第一”、“第二”、“第三”仅用于描述目的，而不能理解为指示或暗示相对重要性。

最后应说明的是：以上所述实施例，仅为本发明的具体实施方式，用以说明本发明的技术方案，而非对其限制，本发明的保护范围并不局限于此，尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。