[发明专利]一种基于Web的作业批改方法、装置及系统

说明书

本发明公开了一种基于Web的作业批改方法、装置及系统，作业批改方法包括：向服务器发送包含作业ID值的第一AJAX请求；接收服务器返回的包括作业图片和绘制数据的第一JSON格式数据；基于绘制数据为作业图片生成Canvas画布；监测Canvas画布上是否有批改作业操作，并在有批改作业操作时更新画布内容；在Canvas画布的画布内容发生更新时对Canvas画布进行更新渲染；在批改作业操作结束时根据Canvas画布的画布对象生成第二JSON格式数据；将第二JSON数据保存至服务器的数据库。本发明基于绘制内容对象动态渲染Canvas画布，可以对已经绘制的内容进行修改，提升了教师批阅作业的效率。

技术领域

本发明涉及智能教育技术领域，特别是涉及一种基于Web的作业批改方法、装置及系统。

背景技术

随着网络时代的发展，极大的促进了教育信息化。许多学校已经建立了信息化的教学系统。线上教学作为一种新兴教学模式，成为传统线下教学的有益补充。学生线上学习完成后，提交完成线上布置的作业。教师通过线上批改学生的作业，掌握学生学习情况，提高教学效率。

目前在Wed端批改作业主要是基于HTML5的Canvas API实现。Canvas区域则是画布，通过鼠标或手势操作画笔和橡皮擦工具，在画布上绘制图形达到批改的目的。批改完毕，通过调用Canvas的toDataURL的方法，将Canvas里的绘制数据转变成Base64编码的图片格式，此时的Base64编码图片则是作业批改的结果。最后将Base64编码格式的图片上传至服务器数据库进行保存。

但是目前无法对已经绘制在Canvas画布上的内容进行再次修改操作。具体表现如下：

（1）不能与已经绘制在Canvas的图形做任何类型的交互；如同画画般，图形一旦被绘制，就无法再次被选中和修改，使用起来不方便，一旦绘制出现错误或者需要调整修改等，都需要擦掉重新再来；

（2）橡皮擦只能擦除以鼠标或手指为中心区域的像素内容，不方便处理有重叠的图形，绘制图形过于复杂，操作擦除的时间也会大量增加。

发明内容

本发明的目的在于克服现有技术的一项或多项不足，提供一种基于Web的作业批改方法、装置及系统。

本发明的目的是通过以下技术方案来实现的：一种基于Web的作业批改方法，包括：

向服务器发送包含作业ID值的第一AJAX请求；

接收并解析服务器基于所述第一AJAX请求返回的第一JSON格式数据，所述第一JSON格式数据包括所述作业ID值对应的作业图片和绘制数据；

基于所述绘制数据为所述作业图片生成对应的Canvas画布，所述Canvas画布与所述作业图片一一对应；

监测所述Canvas画布上是否有批改作业操作，并在所述Canvas画布上有批改作业操作时更新对应的画布内容；

在所述Canvas画布的画布内容发生更新时对所述Canvas画布进行更新渲染；

在批改作业操作结束时根据所述Canvas画布的画布对象生成第二JSON格式数据；

向服务器发送包含所述第二JSON格式数据的第二AJAX请求，将所述第二JSON格式数据保存至服务器的数据库。

优选的，所述作业批改方法还包括：

为所述作业图片生成对应的页码目录项，所述页码目录项与所述作业图片一一对应，所述页码目录项包括作业缩略图和页码值；

将所述页码目录项与对应的Canvas画布关联。

优选的，所述服务器返回的绘制数据为所述服务器最近一次保存的所述作业ID值对应的绘制数据；