基于微信小程序的計(jì)算機(jī)等級(jí)考試輔導(dǎo)軟件設(shè)計(jì)開發(fā)*

雒志奇，高 亮，盧志譜，徐緒子，王培琪，李 玥

（甘肅農(nóng)業(yè)大學(xué)信息科學(xué)技術(shù)學(xué)院，甘肅 蘭州 730070）

1 現(xiàn)狀與項(xiàng)目需求分析

隨著我國(guó)大數(shù)據(jù)互聯(lián)網(wǎng)時(shí)代的到來(lái)和智能移動(dòng)設(shè)備的普及，信息處理與傳遞的方式發(fā)生了巨大的變化，無(wú)時(shí)無(wú)刻不影響著人們工作、學(xué)習(xí)和生活的方式。高校是培育人才的主要場(chǎng)所，在互聯(lián)網(wǎng)普及的時(shí)代背景下，合理運(yùn)用網(wǎng)絡(luò)，將教育信息化理念應(yīng)用到高校教育中也成為了一種趨勢(shì)[1]。

目前，在教育領(lǐng)域中，微信平臺(tái)聯(lián)動(dòng)技術(shù)、微生活技術(shù)、微信網(wǎng)關(guān)技術(shù)等微信平臺(tái)相關(guān)技術(shù)得到發(fā)展與完善，成為移動(dòng)教學(xué)服務(wù)系統(tǒng)開發(fā)的關(guān)鍵技術(shù)[2]。其中使用較為廣泛的微信小程序成為教育信息化發(fā)展的典型代表。微信小程序，英文名“Mini Program”，人們習(xí)慣稱之為小程序，它是一種不需要下載安裝即可使用的小型軟件，實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶通過(guò)智能移動(dòng)設(shè)備掃一掃或搜索其名稱即可打開對(duì)應(yīng)小程序界面。小程序是一種新的開放能力，開發(fā)者可以快速地開發(fā)一個(gè)小程序。小程序可以在微信內(nèi)被便捷地獲取和傳播，同時(shí)具有出色的使用體驗(yàn)[3]。微信平臺(tái)已經(jīng)深入生活,微信小程序已經(jīng)根深蒂固，作為騰訊內(nèi)部首個(gè)被微信官方要求的項(xiàng)目之一,小程序的出現(xiàn)就被賦予了不一樣的意義?，F(xiàn)在微信平臺(tái)開始以微信小程序?yàn)橹饕_放能力，功能進(jìn)行全面優(yōu)化并且入口也更加簡(jiǎn)潔，開發(fā)成本和人力資源需求遠(yuǎn)低于APP[4]，而且觸手可及，使用方便，也不用擔(dān)心下載太多應(yīng)用等問(wèn)題。同時(shí)，小程序更適用于相對(duì)簡(jiǎn)單的基礎(chǔ)應(yīng)用和功能，更好的滿足用戶需求。

鑒于計(jì)算機(jī)水平不達(dá)標(biāo)不易畢業(yè)等問(wèn)題，以及學(xué)校里針對(duì)計(jì)算機(jī)等級(jí)考試的專業(yè)輔導(dǎo)班欠缺，全面進(jìn)行講解知識(shí)的也僅僅限于部分專業(yè)班級(jí)體，筆者團(tuán)隊(duì)有針對(duì)性的開發(fā)了一款主要依賴以實(shí)名制為基礎(chǔ)的學(xué)習(xí)靈用平臺(tái)（計(jì)算機(jī)等級(jí)考試輔導(dǎo)小程序），提高在校大學(xué)生計(jì)算機(jī)等級(jí)考試通過(guò)率。這款小程序適用于所有在校大學(xué)生，能夠?qū)崿F(xiàn)即時(shí)練題、模擬考試、收錄錯(cuò)題、成績(jī)報(bào)告等實(shí)用功能，這款小程序開發(fā)的目的旨在為全國(guó)在校大學(xué)生提供一個(gè)靈用平臺(tái)。

2 可行性分析

2.1 人力資源可行性分析

本項(xiàng)目需要1人市場(chǎng)調(diào)研和撰寫報(bào)告，2人編寫運(yùn)用程序，2人代碼測(cè)試及代碼審核，各司其職，目前該項(xiàng)目團(tuán)隊(duì)人數(shù)已滿員，已經(jīng)在開展項(xiàng)目的開發(fā)。

2.2 軟件資源可行性分析

開發(fā)語(yǔ)言：WXSS、WXML、JavaScript、JSON。

開發(fā)工具：微信開發(fā)者工具。

框架：視圖層(View)、邏輯接口層（App Service）、原生實(shí)現(xiàn)層（Native）[5]。

2.3 客戶端系統(tǒng)平臺(tái)可行性分析

Windows10或Windows8。

2.4 使用可行性分析

推廣人群：準(zhǔn)備參加全國(guó)計(jì)算機(jī)等級(jí)考試的在校大學(xué)生。

推廣方法：通過(guò)各大高校微信公眾號(hào)推送、社交平臺(tái)的宣傳。

2.5 法律可行性分析

該產(chǎn)品在開發(fā)過(guò)程中無(wú)抄襲、無(wú)侵犯其他版權(quán)，故可行。

3 小程序設(shè)計(jì)與實(shí)現(xiàn)

3.1 開發(fā)工具

3.1.1 微信開發(fā)者工具

騰訊公司在原有的公眾號(hào)Web調(diào)試工具基礎(chǔ)之上，推出了較為完善的微信開發(fā)者工具，簡(jiǎn)化了多余繁雜步驟，使開發(fā)者可以更高效快捷開發(fā)與調(diào)試微信小程序，同時(shí)還集成了公眾號(hào)網(wǎng)頁(yè)調(diào)試功能。該工具界面簡(jiǎn)潔美觀，功能全面，并有實(shí)機(jī)預(yù)覽功能方便開發(fā)者調(diào)試。

3.1.2 Adobe Photoshop

簡(jiǎn)稱“PS”，是由Adobe公司開發(fā)與運(yùn)營(yíng)的數(shù)字圖像處理軟件。它的主要功能是處理以像素點(diǎn)為基本單位的數(shù)字圖像。其中種類繁多且功能豐富的編修與繪圖工具，可幫助使用者有效地進(jìn)行圖片處理編輯工作。作者開發(fā)團(tuán)隊(duì)將其主要用于小程序中的界面設(shè)計(jì)、主題圖標(biāo)設(shè)計(jì)，作品美化等。

3.1.3 Navicat for MySQL

Navicat for MySQL是一款可視化數(shù)據(jù)庫(kù)工具軟件，它專為MySQL設(shè)計(jì)，是高性能數(shù)據(jù)管理及開發(fā)工具，同時(shí)支持絕大部分MySQL最新版本的功能。筆者開發(fā)團(tuán)隊(duì)利用此軟件進(jìn)行數(shù)據(jù)庫(kù)設(shè)計(jì)，實(shí)現(xiàn)創(chuàng)建題庫(kù)、導(dǎo)入題庫(kù)、修改題庫(kù)、新增題目、統(tǒng)計(jì)和查詢成績(jī)等功能。

3.2 設(shè)計(jì)概要

在需求分析的基礎(chǔ)上，制定了如圖1所示的基本功能結(jié)構(gòu)圖。

圖1 功能結(jié)構(gòu)圖

3.2.1 選擇題管理模塊

選擇題管理模塊采用即時(shí)練習(xí)的方式，隨機(jī)生成題目，并且在退出時(shí)保存進(jìn)度，使用者能夠充分利用碎片化時(shí)間進(jìn)行練習(xí)，覆蓋各個(gè)知識(shí)點(diǎn)。在選擇答案后，判斷答案是否正確，若答案正確，則自動(dòng)跳轉(zhuǎn)至下一題，否則，顯示正確答案并給出解析，同時(shí)計(jì)入錯(cuò)題集，方便使用者溫故而知新。重點(diǎn)題型、易錯(cuò)題型、高頻考點(diǎn)以及難點(diǎn)題型會(huì)附帶相關(guān)視頻講解，從而讓使用者更易于理解和掌握。

3.2.2 操作題管理?？?/p>

操作題管理模塊采用文本框輸入答案的方式，在點(diǎn)擊提交后，生成正確答案和解析以及配套的視頻講解。題目非隨機(jī)生成，順序按照同類型題目排列，讓使用者達(dá)到專項(xiàng)訓(xùn)練，攻克難關(guān)的目的。

3.2.3 課程管理模塊

課程管理模塊中，發(fā)布了考試大綱、知識(shí)點(diǎn)講解以及精品視頻講解。課程管理模塊中還可提供幾種通訊工具，如自習(xí)室、討論群、答疑組、學(xué)霸筆記分享等，為使用者提供真實(shí)學(xué)習(xí)環(huán)境和學(xué)習(xí)空間。

3.2.4 模擬考試管理模塊

模擬考試管理模塊采用模擬測(cè)試和歷年真題兩個(gè)部分。模擬測(cè)試題目隨機(jī)選取題庫(kù)中的題目進(jìn)行組合，生成模擬試卷。歷年真題可由使用者自行選擇已經(jīng)上傳的真題試卷。使用者在作答時(shí)，會(huì)有時(shí)間限制，當(dāng)使用者提交試卷或作答時(shí)間結(jié)束后，系統(tǒng)自動(dòng)統(tǒng)計(jì)出分?jǐn)?shù)并分析錯(cuò)誤類型，將成績(jī)報(bào)告返回給使用者。有利于使用者查漏補(bǔ)缺，提前熟悉考試環(huán)境，積累考試經(jīng)驗(yàn)，積累實(shí)戰(zhàn)經(jīng)驗(yàn)。

3.2.5 錯(cuò)題集管理模塊

錯(cuò)題集管理模塊中，使用者可在使用其他模塊時(shí)收藏題目，隨時(shí)在錯(cuò)題集中查看，錯(cuò)題會(huì)自動(dòng)添加在錯(cuò)題集中，并且該模塊中的題目在選擇題模塊和操作題模塊中出現(xiàn)概率會(huì)隨重復(fù)錯(cuò)誤次數(shù)呈非線性增長(zhǎng)。

3.3 實(shí)現(xiàn)過(guò)程

3.3.1 頁(yè)面配置

在微信開發(fā)者工具中創(chuàng)建計(jì)算機(jī)等級(jí)考試輔導(dǎo)軟件項(xiàng)目，在根目錄中自動(dòng)生成pages文件夾，存放頁(yè)面文件。刪除app.json文件夾內(nèi)pages屬性中的“pages/logs/logs”，刪除上一行末尾的逗號(hào)。刪除utils文件夾及其內(nèi)部所有內(nèi)容。在pages屬性中創(chuàng)建四個(gè)自定義文件夾，命名為“index”“crouse”“user”“search”。

3.3.2 視圖設(shè)計(jì)

小程序主色調(diào)采用青碧（#268785），背景色采用白練（#FCFAF2），導(dǎo)航欄部分將默認(rèn)黑字改為白字，最大程度的減輕使用者的視覺疲勞[6]。tabbar部分采用動(dòng)態(tài)圖標(biāo)，美觀大方，穿插在枯燥的練習(xí)過(guò)程中，有助于減輕使用者的壓力。

區(qū)域1為該小程序圖片內(nèi)容部分，采用滾動(dòng)圖片的設(shè)計(jì)，循環(huán)播放宣傳圖片和主要內(nèi)容，所占空間較大，并且較為醒目[7]。

區(qū)域2為該小程序的核心功能按鈕，用戶使用起來(lái)方便簡(jiǎn)潔，減少不必要繁雜操作的同時(shí)，切換界面和和切換功能也更為快捷。

區(qū)域3展示最新公告，考試動(dòng)態(tài)以及該小程序更新簡(jiǎn)介。

區(qū)域4為輔助功能，主要包含“報(bào)名入口”“成績(jī)查詢”“考前必看”和“錯(cuò)題收藏”四個(gè)版塊。

首頁(yè)效果如圖2所示。

圖2 首頁(yè)效果圖

3.3.3 臨時(shí)服務(wù)器部署

由于筆者開發(fā)團(tuán)隊(duì)條件受限，將個(gè)人計(jì)算機(jī)臨時(shí)部署為模擬服務(wù)器進(jìn)行開發(fā)和測(cè)試。

3.3.4 可視化數(shù)據(jù)庫(kù)搭建

在Navicat for MySQL工具中連接創(chuàng)建并激活后，新建數(shù)據(jù)庫(kù)，并填入自定義名稱，并使用下拉列表選擇字符集utf8mb4-UTF-8 Unicode和排列規(guī)則utf8mb4_general_ci。然后根據(jù)題庫(kù)需求錄入表的字段名稱、類型、長(zhǎng)度等信息，保存后錄入數(shù)據(jù)表名稱。

3.3.5 后端框架搭建

小程序允許對(duì)接任意語(yǔ)言開發(fā)的后端接口，筆者開發(fā)團(tuán)隊(duì)使用了PHP+MySQL，以免費(fèi)開源PHP框架ThinkPHP3.2.4在本地服務(wù)器進(jìn)行后端框架的部署和接口制作，并在確保Apache和MySQL服務(wù)器已經(jīng)啟動(dòng)的情況下，進(jìn)行數(shù)據(jù)庫(kù)對(duì)接配置。

4 結(jié)束語(yǔ)

本文基于微信小程序的計(jì)算機(jī)等級(jí)考試輔導(dǎo)軟件設(shè)計(jì)開發(fā)為了面向準(zhǔn)備參加全國(guó)計(jì)算機(jī)等級(jí)考試的大學(xué)生，通過(guò)在微信中搜索小程序名稱“NCRE小盒”即可直接訪問(wèn)小程序界面，使用者觸手可及，快捷方便，同時(shí)不用擔(dān)心下載太多應(yīng)用等問(wèn)題，實(shí)現(xiàn)了即時(shí)練題、模擬考試、收錄錯(cuò)題、成績(jī)報(bào)告等實(shí)用功能，不受時(shí)間、空間和設(shè)備條件的制約，幫助使用者不再為計(jì)算機(jī)等級(jí)考試而苦惱，同時(shí)為微信小程序在移動(dòng)學(xué)習(xí)領(lǐng)域創(chuàng)造新契機(jī)。