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