基于HTML5的条令法规训练考核系统

陈丽卿

(泉州华光职业学院，福建 泉州 362121)

0 前言

条令法规训练考试是各级企事业单位和部队日常工作中的一项重要内容，是一项基本技能训练科目，其熟练程度直接影响政策法规的执行。传统的条令法规训练方法单一，主要是通过文字材料进行“硬性”背记训练，参训人员依靠文字材料采取死记硬背的方式加强训练效果，训练过程单调枯燥，训练效果不佳。因此开发一种寓训于乐、轻松有趣的训练系统，对于提高训练人员的注意力，提高训练效率是非常必要的。针对实际应用情况，我们进行了广泛调研和论证，基于HTML5[1-3]的法规训练考核系统。系统采用ASP.NET 和SQLite 数据库结合存放处理后台电话信息数据、用户考信息、考核训练情况等。ASP.NET[4-6]是一个成熟便利的web 开发工具，开发效率高上手快。它是一种建立在通用语言上的程序构架。一个已编译的、基于.NET 的环境，把基于通用语言的程序在服务器上运行。将程序在服务器端首次运行时进行编译，比ASP 即时解释程序速度上要快很多。SQLite[7-9]数据库是一个轻型免费数据库系统，小巧但是拥有强大的数据访存能力，是大规模数据访问不二的选择。前台采用HTML5 和JQuery[10-12]作为处理框架，HTML5 具有优秀的页面元素控制，动画播放功能。利用HTML5能够设计出十分具有娱乐性的动画游戏，从而避免使用flash 使得页面更加简洁，访问更加快捷。

1 系统功能概述

本系统可为训练子系统和在线考核子系统两大部分。为增加训练过程中的趣味性，训练系统以游戏的形式进行训练，游戏时参训用户根据自身的训练水平和训练进程，可以自主选择训练内容、自由设置训练难度（背记速度）、答题方式（判断题、选择题的混合）进行游戏训练。达到预期的训练效果后给出相应的奖励（提供图片或者音乐作为奖励），以提高训练热情，改善训练效果。

考核子系统通过网络考核的方式，训练人员可以选择进行自由考核（自己选择时间和考核内容）或者进行统一考核（管理员选择考核时间和考核内容）。通过成绩统计，检查个人或者整体的训练效果，及时发现训练中存在的问题，以便训练组织者能够有针对性的安排和指导训练。

系统提供的主要功能如表1 所示，系统架构设计如图1 所示。

表1 系统功能表

1 训练考核模块实现

法规训练模块的娱乐性，趣味性是本系统的核心。使用动画游戏的方式对法规进行训练。训练前可以选择难度（背记的速度），自主选择训练内容和题目的顺序（随机或者按序进行背记）。游戏运行的基本流程如图2 所示。

图1 系统软件架构图

图2 法规训练模块流程图

在游戏初始化阶段，利用JQuery,异步发送开始游戏的请求，后台接受请求后发送本次游戏的题库。收到题库后，游戏动画开始。由于WEB 页面不支持多线程，所以传统的界面程序设计思路在页面游戏中并不适用。只能利用JQuery 的时间事件触发机制来控制游戏中的动画显示的发出时间和游戏速度。在JQuery 中可以使用setTimeout 函数来实现。游戏进行时有游戏声音，本系统声音文件采用wma 格式。由于不同浏览器对播放声音的要求不同，针对低版本IE 浏览器，播放声音采用背景音乐的方式播放，即采用来实现；针对高版本IE 浏览器和Firefox 等其他浏览器采用HTML5 中的audio 元素来播放声音实现。

完成游戏后，系统根据完成情况进行相应的奖励（比如提供一幅图片进行观赏或者提供一首歌曲收听），以激发参训人员的训练成就感和训练热情，并做到劳逸结合，提高训练效果。同时用户还可以对自己的训练成绩历史进行查询，自我检查训练效果，以便进行有针对性的训练。

法规考核模块则是对集体训练效果的检验。管理员用户可以使用题库管理模块处理试卷、题库及考生数据的管理功能。生成试卷时可以在题库中设置题目范围、试卷题目总数、考试完成时间等内容。为便于题库的更新，系统可以自动读取Excel 电子表格或者文本文档中的数据。模块的功能图3 所示。

图3 在线考核模块功能图

管理员生成试卷后考生才能进入考试。为保证考试的公平性，能够真实的反映考生的实力，考试期间考生不得离开考试页面。离开页面时，按照提交试卷处理。试卷提交后，考试结束，该考生不能再进入考试页面。

4 总结

本文实现了条令法规训练考核系统。本系统开发的目的主要是让训练融合于游戏之中，以训练奖励激发法规的训练热情，改变了传统书本式的训练方式，使训练从“静态”转向“动态”，大大提高了法规的训练积极性，能够形成由“让我训”到“我要训”的局面，激发了训练的源动力。通过设置奖励（主要是她们所喜爱的音乐、图片等）让她们在训练中有目标，有方向，从而由“被动训练”转化为“主动训练”，能够有效提高训练的效率，改善训练成绩。

利用ASP.NET 管理后台逻辑和数据库存储读取工作；利用HTML5 和JQuery 相结合的框架来负责同后台异步通信获取数据，以及HTML5 强大的动画功能来实现训练模块的可娱乐性、趣味性。考试训练中题库可以自由设定，题目随即排列，兼顾公平趣味，能够确实提高法规训练的业务水平。

［1］Adler.WebOS：say goodbye to desktop applications[J].network,2005 9(4)：18-26.

［2］Devlin Smith.HTML5,JavaScript,CSS3 Rich Internet Application[J].network,2006.

［3］Barrett,R.Maglio P.How to Personalize the Web[J].Proc.CHI,1997：75-82.

［4］隋玉磊.基于ASP.NET 的网上购物系统的设计与实现[J].科学技术与工程,2007 7(18)：4781-4785.

［5］张丽,马丽.ASP.NET 中用TreeView 实现对服务器目录的浏览和设置[J].光盘技术,2008,15(17)：1006-1008.

［6］张志强,颜励,李岳峰.基于ASP.NET 的动态查询式树形目录的实现[J].科学技术与工程,2011,11(29)：7286-7289.

［7］王沛汉,国强,周毅.SQLITE 在电话网管系统中的应用[J].计算机工程与设计,2005,26(11)：3152-3154.

［8］韩善锋,曹凤海,易昌华.SQLITE 数据库在嵌入式程序开发中的应用[J].物探装备,2011,21(3)：170-173.

［9］马琼,马海波,姜薇.SQLITE 在嵌入式web 服务器中的应用研究[J].微计算机信息,2010,8：44-46.

［10］李峰.刘彦隆.基于SSH 框架与jQuery 技术的JavaWeb 开发应用[J].科技情报开发与经济,2010,6：106-108.

［11］王晶,温向彬.利用jQuery 操作HTML 元素[J].农业网络信息,2008,4：98-99.

［12］尹婷,赵思佳.基于jQuery 框架的AJAX 网站设计模式的研究[J].湖南环境生物职业技术学院学报,2010,16(3)1-4.