基于HTML5的條令法規(guī)訓(xùn)練考核系統(tǒng)

陳麗卿

(泉州華光職業(yè)學(xué)院，福建 泉州 362121)

0 前言

條令法規(guī)訓(xùn)練考試是各級(jí)企事業(yè)單位和部隊(duì)日常工作中的一項(xiàng)重要內(nèi)容，是一項(xiàng)基本技能訓(xùn)練科目，其熟練程度直接影響政策法規(guī)的執(zhí)行。傳統(tǒng)的條令法規(guī)訓(xùn)練方法單一，主要是通過(guò)文字材料進(jìn)行“硬性”背記訓(xùn)練，參訓(xùn)人員依靠文字材料采取死記硬背的方式加強(qiáng)訓(xùn)練效果，訓(xùn)練過(guò)程單調(diào)枯燥，訓(xùn)練效果不佳。因此開(kāi)發(fā)一種寓訓(xùn)于樂(lè)、輕松有趣的訓(xùn)練系統(tǒng)，對(duì)于提高訓(xùn)練人員的注意力，提高訓(xùn)練效率是非常必要的。針對(duì)實(shí)際應(yīng)用情況，我們進(jìn)行了廣泛調(diào)研和論證，基于HTML5[1-3]的法規(guī)訓(xùn)練考核系統(tǒng)。系統(tǒng)采用ASP.NET 和SQLite 數(shù)據(jù)庫(kù)結(jié)合存放處理后臺(tái)電話信息數(shù)據(jù)、用戶考信息、考核訓(xùn)練情況等。ASP.NET[4-6]是一個(gè)成熟便利的web 開(kāi)發(fā)工具，開(kāi)發(fā)效率高上手快。它是一種建立在通用語(yǔ)言上的程序構(gòu)架。一個(gè)已編譯的、基于.NET 的環(huán)境，把基于通用語(yǔ)言的程序在服務(wù)器上運(yùn)行。將程序在服務(wù)器端首次運(yùn)行時(shí)進(jìn)行編譯，比ASP 即時(shí)解釋程序速度上要快很多。SQLite[7-9]數(shù)據(jù)庫(kù)是一個(gè)輕型免費(fèi)數(shù)據(jù)庫(kù)系統(tǒng)，小巧但是擁有強(qiáng)大的數(shù)據(jù)訪存能力，是大規(guī)模數(shù)據(jù)訪問(wèn)不二的選擇。前臺(tái)采用HTML5 和JQuery[10-12]作為處理框架，HTML5 具有優(yōu)秀的頁(yè)面元素控制，動(dòng)畫(huà)播放功能。利用HTML5能夠設(shè)計(jì)出十分具有娛樂(lè)性的動(dòng)畫(huà)游戲，從而避免使用flash 使得頁(yè)面更加簡(jiǎn)潔，訪問(wèn)更加快捷。

1 系統(tǒng)功能概述

本系統(tǒng)可為訓(xùn)練子系統(tǒng)和在線考核子系統(tǒng)兩大部分。為增加訓(xùn)練過(guò)程中的趣味性，訓(xùn)練系統(tǒng)以游戲的形式進(jìn)行訓(xùn)練，游戲時(shí)參訓(xùn)用戶根據(jù)自身的訓(xùn)練水平和訓(xùn)練進(jìn)程，可以自主選擇訓(xùn)練內(nèi)容、自由設(shè)置訓(xùn)練難度（背記速度）、答題方式（判斷題、選擇題的混合）進(jìn)行游戲訓(xùn)練。達(dá)到預(yù)期的訓(xùn)練效果后給出相應(yīng)的獎(jiǎng)勵(lì)（提供圖片或者音樂(lè)作為獎(jiǎng)勵(lì)），以提高訓(xùn)練熱情，改善訓(xùn)練效果。

考核子系統(tǒng)通過(guò)網(wǎng)絡(luò)考核的方式，訓(xùn)練人員可以選擇進(jìn)行自由考核（自己選擇時(shí)間和考核內(nèi)容）或者進(jìn)行統(tǒng)一考核（管理員選擇考核時(shí)間和考核內(nèi)容）。通過(guò)成績(jī)統(tǒng)計(jì)，檢查個(gè)人或者整體的訓(xùn)練效果，及時(shí)發(fā)現(xiàn)訓(xùn)練中存在的問(wèn)題，以便訓(xùn)練組織者能夠有針對(duì)性的安排和指導(dǎo)訓(xùn)練。

系統(tǒng)提供的主要功能如表1 所示，系統(tǒng)架構(gòu)設(shè)計(jì)如圖1 所示。

表1 系統(tǒng)功能表

1 訓(xùn)練考核模塊實(shí)現(xiàn)

法規(guī)訓(xùn)練模塊的娛樂(lè)性，趣味性是本系統(tǒng)的核心。使用動(dòng)畫(huà)游戲的方式對(duì)法規(guī)進(jìn)行訓(xùn)練。訓(xùn)練前可以選擇難度（背記的速度），自主選擇訓(xùn)練內(nèi)容和題目的順序（隨機(jī)或者按序進(jìn)行背記）。游戲運(yùn)行的基本流程如圖2 所示。

圖1 系統(tǒng)軟件架構(gòu)圖

圖2 法規(guī)訓(xùn)練模塊流程圖

在游戲初始化階段，利用JQuery,異步發(fā)送開(kāi)始游戲的請(qǐng)求，后臺(tái)接受請(qǐng)求后發(fā)送本次游戲的題庫(kù)。收到題庫(kù)后，游戲動(dòng)畫(huà)開(kāi)始。由于WEB 頁(yè)面不支持多線程，所以傳統(tǒng)的界面程序設(shè)計(jì)思路在頁(yè)面游戲中并不適用。只能利用JQuery 的時(shí)間事件觸發(fā)機(jī)制來(lái)控制游戲中的動(dòng)畫(huà)顯示的發(fā)出時(shí)間和游戲速度。在JQuery 中可以使用setTimeout 函數(shù)來(lái)實(shí)現(xiàn)。游戲進(jìn)行時(shí)有游戲聲音，本系統(tǒng)聲音文件采用wma 格式。由于不同瀏覽器對(duì)播放聲音的要求不同，針對(duì)低版本IE 瀏覽器，播放聲音采用背景音樂(lè)的方式播放，即采用來(lái)實(shí)現(xiàn)；針對(duì)高版本IE 瀏覽器和Firefox 等其他瀏覽器采用HTML5 中的audio 元素來(lái)播放聲音實(shí)現(xiàn)。

完成游戲后，系統(tǒng)根據(jù)完成情況進(jìn)行相應(yīng)的獎(jiǎng)勵(lì)（比如提供一幅圖片進(jìn)行觀賞或者提供一首歌曲收聽(tīng)），以激發(fā)參訓(xùn)人員的訓(xùn)練成就感和訓(xùn)練熱情，并做到勞逸結(jié)合，提高訓(xùn)練效果。同時(shí)用戶還可以對(duì)自己的訓(xùn)練成績(jī)歷史進(jìn)行查詢，自我檢查訓(xùn)練效果，以便進(jìn)行有針對(duì)性的訓(xùn)練。

法規(guī)考核模塊則是對(duì)集體訓(xùn)練效果的檢驗(yàn)。管理員用戶可以使用題庫(kù)管理模塊處理試卷、題庫(kù)及考生數(shù)據(jù)的管理功能。生成試卷時(shí)可以在題庫(kù)中設(shè)置題目范圍、試卷題目總數(shù)、考試完成時(shí)間等內(nèi)容。為便于題庫(kù)的更新，系統(tǒng)可以自動(dòng)讀取Excel 電子表格或者文本文檔中的數(shù)據(jù)。模塊的功能圖3 所示。

圖3 在線考核模塊功能圖

管理員生成試卷后考生才能進(jìn)入考試。為保證考試的公平性，能夠真實(shí)的反映考生的實(shí)力，考試期間考生不得離開(kāi)考試頁(yè)面。離開(kāi)頁(yè)面時(shí)，按照提交試卷處理。試卷提交后，考試結(jié)束，該考生不能再進(jìn)入考試頁(yè)面。

4 總結(jié)

本文實(shí)現(xiàn)了條令法規(guī)訓(xùn)練考核系統(tǒng)。本系統(tǒng)開(kāi)發(fā)的目的主要是讓訓(xùn)練融合于游戲之中，以訓(xùn)練獎(jiǎng)勵(lì)激發(fā)法規(guī)的訓(xùn)練熱情，改變了傳統(tǒng)書(shū)本式的訓(xùn)練方式，使訓(xùn)練從“靜態(tài)”轉(zhuǎn)向“動(dòng)態(tài)”，大大提高了法規(guī)的訓(xùn)練積極性，能夠形成由“讓我訓(xùn)”到“我要訓(xùn)”的局面，激發(fā)了訓(xùn)練的源動(dòng)力。通過(guò)設(shè)置獎(jiǎng)勵(lì)（主要是她們所喜愛(ài)的音樂(lè)、圖片等）讓她們?cè)谟?xùn)練中有目標(biāo)，有方向，從而由“被動(dòng)訓(xùn)練”轉(zhuǎn)化為“主動(dòng)訓(xùn)練”，能夠有效提高訓(xùn)練的效率，改善訓(xùn)練成績(jī)。

利用ASP.NET 管理后臺(tái)邏輯和數(shù)據(jù)庫(kù)存儲(chǔ)讀取工作；利用HTML5 和JQuery 相結(jié)合的框架來(lái)負(fù)責(zé)同后臺(tái)異步通信獲取數(shù)據(jù)，以及HTML5 強(qiáng)大的動(dòng)畫(huà)功能來(lái)實(shí)現(xiàn)訓(xùn)練模塊的可娛樂(lè)性、趣味性。考試訓(xùn)練中題庫(kù)可以自由設(shè)定，題目隨即排列，兼顧公平趣味，能夠確實(shí)提高法規(guī)訓(xùn)練的業(yè)務(wù)水平。

［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 的網(wǎng)上購(gòu)物系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].科學(xué)技術(shù)與工程,2007 7(18)：4781-4785.

［5］張麗,馬麗.ASP.NET 中用TreeView 實(shí)現(xiàn)對(duì)服務(wù)器目錄的瀏覽和設(shè)置[J].光盤(pán)技術(shù),2008,15(17)：1006-1008.

［6］張志強(qiáng),顏勵(lì),李岳峰.基于ASP.NET 的動(dòng)態(tài)查詢式樹(shù)形目錄的實(shí)現(xiàn)[J].科學(xué)技術(shù)與工程,2011,11(29)：7286-7289.

［7］王沛漢,國(guó)強(qiáng),周毅.SQLITE 在電話網(wǎng)管系統(tǒng)中的應(yīng)用[J].計(jì)算機(jī)工程與設(shè)計(jì),2005,26(11)：3152-3154.

［8］韓善鋒,曹鳳海,易昌華.SQLITE 數(shù)據(jù)庫(kù)在嵌入式程序開(kāi)發(fā)中的應(yīng)用[J].物探裝備,2011,21(3)：170-173.

［9］馬瓊,馬海波,姜薇.SQLITE 在嵌入式web 服務(wù)器中的應(yīng)用研究[J].微計(jì)算機(jī)信息,2010,8：44-46.

［10］李峰.劉彥隆.基于SSH 框架與jQuery 技術(shù)的JavaWeb 開(kāi)發(fā)應(yīng)用[J].科技情報(bào)開(kāi)發(fā)與經(jīng)濟(jì),2010,6：106-108.

［11］王晶,溫向彬.利用jQuery 操作HTML 元素[J].農(nóng)業(yè)網(wǎng)絡(luò)信息,2008,4：98-99.

［12］尹婷,趙思佳.基于jQuery 框架的AJAX 網(wǎng)站設(shè)計(jì)模式的研究[J].湖南環(huán)境生物職業(yè)技術(shù)學(xué)院學(xué)報(bào),2010,16(3)1-4.