摘要:在干部教育培訓(xùn)過(guò)程中,經(jīng)常需要及時(shí)對(duì)學(xué)員作課前需求調(diào)查或課后教學(xué)效果評(píng)估。傳統(tǒng)調(diào)查評(píng)估需要借助紙質(zhì)調(diào)查問(wèn)卷或者電腦完成,效率低、周期長(zhǎng)。開發(fā)設(shè)計(jì)了基于HTML5的移動(dòng)調(diào)查評(píng)估系統(tǒng),學(xué)員可通過(guò)手機(jī)微信完成調(diào)查或評(píng)估問(wèn)卷,并實(shí)時(shí)反饋調(diào)查評(píng)估結(jié)果,為教育培訓(xùn)提供參考。
關(guān)鍵詞:HTML5;微信公眾平臺(tái);移動(dòng)互聯(lián)網(wǎng);移動(dòng)應(yīng)用開發(fā);調(diào)查評(píng)估系統(tǒng)
DOIDOI:10.11907/rjdk.151631
中圖分類號(hào):TP319
文獻(xiàn)標(biāo)識(shí)碼:A 文章編號(hào):16727800(2015)006008603
作者簡(jiǎn)介作者簡(jiǎn)介:萬(wàn)寨雨(1972-),男,湖北隨州人,碩士,中共廣州市花都區(qū)委黨校信息電教室講師,研究方向?yàn)榫W(wǎng)絡(luò)數(shù)據(jù)庫(kù)技術(shù)。
0 引言
隨著智能移動(dòng)設(shè)備的普及、4G網(wǎng)絡(luò)的興起,移動(dòng)互聯(lián)網(wǎng)在各領(lǐng)域的應(yīng)用都已超越或即將超越傳統(tǒng)互聯(lián)網(wǎng),人們更喜歡通過(guò)手機(jī)、平板電腦等移動(dòng)終端設(shè)備訪問(wèn)互聯(lián)網(wǎng)或處理事務(wù)。據(jù)中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心(CNNIC)2015年1月發(fā)布的《中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》顯示,截至 2014年12月,我國(guó)網(wǎng)民規(guī)模達(dá)到 6.49億,其中手機(jī)網(wǎng)民規(guī)模達(dá)5.57 億,手機(jī)網(wǎng)民占比達(dá)85.8%[1] ,已達(dá)絕對(duì)多數(shù),用戶對(duì)移動(dòng)應(yīng)用程序的需求成井噴態(tài)勢(shì)。
在干部教育培訓(xùn)工作中,經(jīng)常需要對(duì)特定的學(xué)員進(jìn)行培訓(xùn)需求調(diào)查和培訓(xùn)效果評(píng)估,傳統(tǒng)方式通常需要借助紙質(zhì)調(diào)查問(wèn)卷或電腦來(lái)完成,統(tǒng)計(jì)過(guò)程耗費(fèi)人力、周期長(zhǎng)。筆者借助HTML5技術(shù),結(jié)合微信公眾平臺(tái),設(shè)計(jì)和開發(fā)了既可以在PC端也可以在移動(dòng)終端上完成調(diào)查評(píng)估的移動(dòng)應(yīng)用程序,方便學(xué)員參與調(diào)查評(píng)估,系統(tǒng)可實(shí)時(shí)反饋統(tǒng)計(jì)結(jié)果。
1 HTML5及其新功能
1.1 HTML5概述
2014年10月29日,W3C(World Wide Web Consortium,萬(wàn)維網(wǎng)聯(lián)盟)宣布標(biāo)準(zhǔn)通用置標(biāo)語(yǔ)言(HTML)第五次重大修改完成并公開發(fā)布,即HTML5。它作為開放WEB平臺(tái)(Open Web Platform)的基石,目前已被包括IE9+、Safari、Chrome、Opera、Firefox等國(guó)內(nèi)外主要瀏覽器所支持,以其為標(biāo)準(zhǔn)開發(fā)的程序界面可以自適應(yīng)屏幕,具有良好的跨平臺(tái)性,更適合移動(dòng)應(yīng)用程序的開發(fā),并將最終實(shí)現(xiàn)桌面和移動(dòng)應(yīng)用程序的無(wú)縫銜接。
1.2 HTML5新功能
和先前版本相比,HTML5更似為移動(dòng)互聯(lián)網(wǎng)而生,它加入了很多新的標(biāo)簽和功能以適應(yīng)新的應(yīng)用場(chǎng)景,比如新的繪圖、表單、多媒體標(biāo)簽、本地存儲(chǔ)方式以及更加豐富的API接口和控件、提供多線程支持等。
HTML5新增了許多實(shí)用的全新標(biāo)簽。比如:
HTML5還為開發(fā)者增加了不少有用的API接口。如File API,可以支持文件拖放上傳;Web Storage API,支持在本地獲取和存儲(chǔ)key-value對(duì);Web SQL Database API,適用于在本地對(duì)復(fù)雜的關(guān)系數(shù)據(jù)進(jìn)行處理,并可以基于SQL語(yǔ)法對(duì)數(shù)據(jù)進(jìn)行操作等。Web Workers API提供了讓javascript實(shí)現(xiàn)多線程的解決方案,可以將復(fù)雜計(jì)算任務(wù)交由web Worker執(zhí)行而不影響用戶頁(yè)面的運(yùn)行[3]。
2 移動(dòng)調(diào)查評(píng)估系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)
2.1 系統(tǒng)需實(shí)現(xiàn)功能
本系統(tǒng)主要實(shí)現(xiàn)教學(xué)管理人員從系統(tǒng)后臺(tái)設(shè)置調(diào)查問(wèn)卷或教學(xué)效果評(píng)估表,調(diào)查題型包括單選、多選、文本框(填空)等。問(wèn)卷發(fā)布后,學(xué)員通過(guò)手機(jī)微信公眾號(hào)登陸問(wèn)卷系統(tǒng),在線填寫問(wèn)卷,并可實(shí)時(shí)查看統(tǒng)計(jì)反饋信息。
2.2 系統(tǒng)開發(fā)運(yùn)行環(huán)境
本系統(tǒng)程序在.NET Framework 4.0 框架下開發(fā),數(shù)據(jù)庫(kù)采用SQL Server 2005,使用C#編程語(yǔ)言,頁(yè)面依照HTML5標(biāo)準(zhǔn)開發(fā)設(shè)計(jì),并將客戶端綁定到學(xué)校的微信公眾平臺(tái),學(xué)員通過(guò)手機(jī)訪問(wèn)應(yīng)用程序。
2.3 系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)
本系統(tǒng)采用關(guān)系型數(shù)據(jù)庫(kù)設(shè)計(jì),主要數(shù)據(jù)表包括Questionnaire (問(wèn)卷名稱表,見表1)、QueAssRelationship (問(wèn)卷題目關(guān)聯(lián)表)、AssessIndex_T(題目表,見表2)、AssessOptions_T(題目選項(xiàng)表)、ClassEvaluation_T (課程評(píng)價(jià)統(tǒng)計(jì)表)等。限于篇幅,僅示例部分?jǐn)?shù)據(jù)表結(jié)構(gòu)。
2.4 關(guān)鍵程序代碼
本系統(tǒng)設(shè)計(jì)開發(fā)的關(guān)鍵程序主要包括自適應(yīng)頁(yè)面的設(shè)計(jì)、微信帳號(hào)和本系統(tǒng)用戶的綁定、匯總統(tǒng)計(jì)問(wèn)卷等。
2.4.1 利用HTML5設(shè)計(jì)自適應(yīng)頁(yè)面
移動(dòng)終端操作系統(tǒng)和屏幕大小千差萬(wàn)別,讓程序自動(dòng)適應(yīng)屏幕,才能讓不同用戶得到相同用戶體驗(yàn)。本系統(tǒng)充分利用了HTML5的新特性,采用了自適應(yīng)的頁(yè)面設(shè)計(jì)。
首先,在網(wǎng)頁(yè)代碼的頭部,加入viewport元標(biāo)簽。
2.5 后臺(tái)應(yīng)用程序和微信公眾號(hào)平臺(tái)的整合
本程序前端通過(guò)微信公眾平臺(tái)和用戶交互,后臺(tái)程序開發(fā)完畢,還需要和微信公眾號(hào)進(jìn)行整合。以“編輯模式”進(jìn)入微信公眾號(hào)管理界面后,編輯設(shè)定“自定義菜單”,在自定義菜單的鏈接地址選項(xiàng)上,復(fù)制每項(xiàng)所對(duì)應(yīng)的后臺(tái)程序URL,即可讓用戶通過(guò)點(diǎn)擊菜單進(jìn)入相應(yīng)的調(diào)查和評(píng)估界面,完成相應(yīng)操作。
3 結(jié)語(yǔ)
HTML5為移動(dòng)互聯(lián)網(wǎng)的發(fā)展奠定了堅(jiān)實(shí)的基礎(chǔ),以它為標(biāo)準(zhǔn)開發(fā)的頁(yè)面能夠極大地滿足各種移動(dòng)終端對(duì)用戶界面的需求。本移動(dòng)調(diào)查評(píng)估系統(tǒng)后臺(tái)程序采用傳統(tǒng)的.NET技術(shù)開發(fā),同時(shí)結(jié)合HTML5、CSS3和微信公眾平臺(tái),用戶可以通過(guò)手機(jī)等移動(dòng)終端方便快捷地訪問(wèn)應(yīng)用程序,帶來(lái)了嶄新的用戶體驗(yàn)。
參考文獻(xiàn):
[1]中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心.中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告[EB/OL],http:// www.cnnic.cn.
[2]唐俊開.HTML5移動(dòng)Web開發(fā)指南 [M].北京:電子工業(yè)出版社,2012.
[3]武佳佳,王建忠. 基于HTML5實(shí)現(xiàn)智能手機(jī)跨平臺(tái)應(yīng)用開發(fā)[J]. 軟件導(dǎo)刊,2013,12 (2): 6668.
責(zé)任編輯(責(zé)任編輯:陳福時(shí))
英文摘要Abstract:In the process of cadres education and training, we often need to make a needs survey or teaching effectiveness evaluation to particular students timely. The traditional investigation and assessment systems needs the help of a paper questionnaire or a computer, this way is generally low efficiency, long cycle .This article is designed to develop the mobile investigation and assessment system based on HTML5, combined with wechat public platform that lets students use mobile to complete the investigation and assessment questionnaires, and immediate feedback survey findings, provide real quick reference for education and training.
英文關(guān)鍵詞Key Words: HTML5; Wechat Public Platform; Mobile Internet; Mobile Application Development; Investigation and Assessment System