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

陳麗卿

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

0 前言

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

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

本系統(tǒng)可為訓(xùn)練子系統(tǒng)和在線考核子系統(tǒng)兩大部分。為增加訓(xùn)練過程中的趣味性，訓(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ì)（提供圖片或者音樂作為獎(jiǎng)勵(lì)），以提高訓(xùn)練熱情，改善訓(xùn)練效果。

考核子系統(tǒng)通過網(wǎng)絡(luò)考核的方式，訓(xùn)練人員可以選擇進(jìn)行自由考核（自己選擇時(shí)間和考核內(nèi)容）或者進(jìn)行統(tǒng)一考核（管理員選擇考核時(shí)間和考核內(nèi)容）。通過成績統(tǒng)計(jì)，檢查個(gè)人或者整體的訓(xùn)練效果，及時(shí)發(fā)現(xiàn)訓(xùn)練中存在的問題，以便訓(xùn)練組織者能夠有針對性的安排和指導(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)練模塊的娛樂性，趣味性是本系統(tǒng)的核心。使用動(dòng)畫游戲的方式對法規(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ā)送開始游戲的請求，后臺(tái)接受請求后發(fā)送本次游戲的題庫。收到題庫后，游戲動(dòng)畫開始。由于WEB 頁面不支持多線程，所以傳統(tǒng)的界面程序設(shè)計(jì)思路在頁面游戲中并不適用。只能利用JQuery 的時(shí)間事件觸發(fā)機(jī)制來控制游戲中的動(dòng)畫顯示的發(fā)出時(shí)間和游戲速度。在JQuery 中可以使用setTimeout 函數(shù)來實(shí)現(xiàn)。游戲進(jìn)行時(shí)有游戲聲音，本系統(tǒng)聲音文件采用wma 格式。由于不同瀏覽器對播放聲音的要求不同，針對低版本IE 瀏覽器，播放聲音采用背景音樂的方式播放，即采用來實(shí)現(xiàn)；針對高版本IE 瀏覽器和Firefox 等其他瀏覽器采用HTML5 中的audio 元素來播放聲音實(shí)現(xiàn)。

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

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

圖3 在線考核模塊功能圖

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

4 總結(jié)

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

利用ASP.NET 管理后臺(tái)邏輯和數(shù)據(jù)庫存儲(chǔ)讀取工作；利用HTML5 和JQuery 相結(jié)合的框架來負(fù)責(zé)同后臺(tái)異步通信獲取數(shù)據(jù)，以及HTML5 強(qiáng)大的動(dòng)畫功能來實(shí)現(xiàn)訓(xùn)練模塊的可娛樂性、趣味性。考試訓(xùn)練中題庫可以自由設(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)上購物系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].科學(xué)技術(shù)與工程,2007 7(18)：4781-4785.

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

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

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

［8］韓善鋒,曹鳳海,易昌華.SQLITE 數(shù)據(jù)庫在嵌入式程序開發(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 開發(fā)應(yīng)用[J].科技情報(bào)開發(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.