鄒軍華 張涵
摘? 要 根據(jù)目前初中學(xué)生的語文學(xué)習(xí)需求,使用微信Web開發(fā)者工具設(shè)計(jì)和開發(fā)初中語文題庫學(xué)習(xí)小程序,該小程序前端界面使用JS編程語言,后端數(shù)據(jù)庫采用高度可視化的Bmob后端云。以提高初中學(xué)生語文知識(shí)學(xué)習(xí)效率為出發(fā)點(diǎn),設(shè)計(jì)思路清晰,給出小程序的設(shè)計(jì)及實(shí)現(xiàn)步驟,比較系統(tǒng)地闡釋了初中語文練習(xí)題庫小程序的開發(fā)過程。
關(guān)鍵詞 初中語文;練習(xí)題庫;微信小程序;Bmob后端云;線上學(xué)習(xí)
中圖分類號(hào):G434? ? 文獻(xiàn)標(biāo)識(shí)碼:B
文章編號(hào):1671-489X(2021)18-0029-03
Design and Implementation of Junior High School Chinese Prac-
tice Platform based on WeChat Applet//ZOU Junhua, ZHANG Han
Abstract According to the current Chinese learning needs of junior
high school students, this paper uses WeChat Web developer tool to
design and develop a junior high school Chinese question bank lear-ning small program. The front-end interface of the small program uses JS programming language, and the back-end database uses highly visual Bmob back-end cloud. In this paper, to enhance the learning efficiency of students Chinese knowledge as the starting point, the design idea is clear, the design and implementation steps of the small program are given, and the development process of the small program of junior high school Chinese exercise question bank is systematically explained.
Key words junior high school Chinese; exercise question bank; We-Chat applet; Bmob back-end cloud; online learning
0? 前言
隨著智能移動(dòng)設(shè)備的使用越來越廣泛,學(xué)生課外利用手機(jī)學(xué)習(xí)知識(shí)的需求也在不斷增加,各類學(xué)習(xí)軟件層出不窮,然而基于微信小程序的學(xué)習(xí)平臺(tái)目前還不多。從使用頻率來看,微信日用戶量已達(dá)到8億,所以利用微信小程序開發(fā)學(xué)習(xí)平臺(tái)意義重大。小程序具有觸手可及、用完即走的優(yōu)點(diǎn),使用者不用擔(dān)憂內(nèi)存和更新安裝的問題,軟件將隨處可得、隨時(shí)可用,非常方便。
由于語文科目的特殊性和復(fù)雜性,學(xué)習(xí)效率不高問題一直困擾著學(xué)生。數(shù)字化時(shí)代帶來的便捷體現(xiàn)在生活的方方面面,利用手機(jī)進(jìn)行線上學(xué)習(xí)已經(jīng)成為一種趨勢。利用微信小程序設(shè)計(jì)一款練習(xí)題庫,一方面有助于學(xué)生掌握自己的學(xué)習(xí)狀況,增強(qiáng)語文學(xué)習(xí)能力;另一方面也是對(duì)現(xiàn)學(xué)知識(shí)的擴(kuò)展,有利于增強(qiáng)學(xué)生學(xué)習(xí)興趣和能力,提高主觀能動(dòng)性。語文練習(xí)題庫的設(shè)計(jì)既要以學(xué)生為主,考慮他們的現(xiàn)實(shí)需求,又需要考慮學(xué)生的接受程度。本文設(shè)計(jì)開發(fā)的初中語文微信小程序旨在解決語文課外學(xué)習(xí)效率不高的問題,給初中學(xué)生提供語文學(xué)習(xí)的平臺(tái),讓更多的學(xué)生積極主動(dòng)地掌握好語文基礎(chǔ)知識(shí),學(xué)好語文。
1? 初中語文練習(xí)題庫需求分析與設(shè)計(jì)思路
1.1? 需求分析
基于當(dāng)前的開發(fā)環(huán)境以及用戶的使用需要,本系統(tǒng)應(yīng)該滿足初中生學(xué)習(xí)語文的基本需求,解決語文題目紛繁復(fù)雜、不好區(qū)分的難題,從語文題庫中篩選出一些比較好的題目。作為一款題庫類小程序,必須要具有代表性和針對(duì)性,能夠滿足提升學(xué)習(xí)效率、增強(qiáng)語文學(xué)習(xí)能力的需要。本語文題庫小程序的需求分析如下。
1)答題功能:做題界面顯示題目,要求學(xué)生在規(guī)定的時(shí)間內(nèi)完成練習(xí)題,程序給出判斷。
2)排行榜功能:根據(jù)所得分?jǐn)?shù)進(jìn)行排名,讓學(xué)生具有一種競爭意識(shí),努力做好題目,提高做題的正確率。
3)用戶信息管理功能:學(xué)生可以查看自己的學(xué)習(xí)情況,方便分析學(xué)習(xí)中暴露的問題。
4)界面簡潔,方便學(xué)習(xí),無須安裝。
5)錯(cuò)題本、收藏、筆記管理功能:需要對(duì)錯(cuò)誤題目進(jìn)行統(tǒng)計(jì),制成錯(cuò)題本,學(xué)生平時(shí)的筆記和收藏的題目也是需要進(jìn)行記錄儲(chǔ)存的。
1.2? 設(shè)計(jì)思路
本題庫關(guān)注初中生語文學(xué)習(xí)現(xiàn)狀,設(shè)計(jì)練習(xí)題庫注重實(shí)用性,語文學(xué)習(xí)內(nèi)容較為復(fù)雜,要做到簡潔、有針對(duì)性。語文練習(xí)題的設(shè)計(jì)必須是初中生切實(shí)需要掌握的知識(shí),不能不分主次。設(shè)計(jì)題庫時(shí)考慮到語文題庫的靈活性,不是把書本上的知識(shí)機(jī)械地重復(fù),那樣做只會(huì)導(dǎo)致死記硬背。從學(xué)生的需求出發(fā),本設(shè)計(jì)體現(xiàn)對(duì)知識(shí)的分解,選擇題是一些常規(guī)的考點(diǎn)練習(xí)題,判斷題則應(yīng)該具有趣味性。從心理學(xué)角度出發(fā),學(xué)習(xí)興趣能讓學(xué)生把注意力轉(zhuǎn)移到要做的題目中去,充分調(diào)動(dòng)他們的積極性與主動(dòng)性,在答題的過程中培養(yǎng)領(lǐng)悟知識(shí)的能力。另外,本設(shè)計(jì)考慮到做題的時(shí)限性,在規(guī)定的時(shí)間內(nèi)完成,才能提高學(xué)習(xí)的效率。
1.3? 理論基礎(chǔ)
本研究的理論基礎(chǔ)是基于移動(dòng)學(xué)習(xí)平臺(tái)理論基礎(chǔ),題庫類小程序的設(shè)計(jì)與非正式學(xué)習(xí)、情境學(xué)習(xí)等有著密切的關(guān)系,題庫類小程序是理論的實(shí)踐,為這些理論提供技術(shù)與方法,這些理論又為題庫類小程序設(shè)計(jì)提供理論基礎(chǔ)。
1)非正式學(xué)習(xí)的定義中包含了信息和內(nèi)容在內(nèi)的所有事物,如網(wǎng)絡(luò)學(xué)習(xí)、手機(jī)移動(dòng)學(xué)習(xí)、書籍學(xué)習(xí)等。非正式學(xué)習(xí)具有偶然性,是指在課堂學(xué)習(xí)之外的不經(jīng)意的、自發(fā)性的學(xué)習(xí)過程,學(xué)習(xí)者學(xué)習(xí)空間和時(shí)間不受限制,是一種泛在性的學(xué)習(xí)理論。
2)情境學(xué)習(xí)是指在一個(gè)學(xué)習(xí)環(huán)境下學(xué)習(xí)知識(shí)技能,學(xué)與用相結(jié)合,邊思考邊實(shí)踐。情境學(xué)習(xí)強(qiáng)調(diào)在真實(shí)的環(huán)境下呈現(xiàn)知識(shí),學(xué)習(xí)與行動(dòng)相互結(jié)合,以數(shù)據(jù)、事實(shí)為基礎(chǔ),知道“為什么”的知識(shí)。
2? 基于微信小程序的初中語文練習(xí)題庫程序設(shè)計(jì)
2.1? 結(jié)構(gòu)設(shè)計(jì)
初中語文練習(xí)題庫小程序的結(jié)構(gòu)設(shè)計(jì)以目前市場上已有的一些小程序?yàn)閰⒖?,根?jù)實(shí)際需要,進(jìn)行相關(guān)的功能結(jié)構(gòu)設(shè)計(jì)。小程序的功能結(jié)構(gòu)經(jīng)過可行性分析和功能分析,基礎(chǔ)功能相對(duì)完善。本設(shè)計(jì)的功能結(jié)構(gòu)包括用戶登錄、練習(xí)答題、錯(cuò)題收集、排行榜、管理資源等。
2.2? 頁面布局設(shè)計(jì)
頁面的布局需要從用戶的需求和本設(shè)計(jì)編寫的藍(lán)圖出發(fā)。作為一款簡單的初中語文練習(xí)題庫小程序,本設(shè)計(jì)的頁面布局形式簡潔,方便用戶快速找到相關(guān)欄目,圖標(biāo)按鈕上面寫明功能。頁面的尺寸以目前流行的“劉海屏”尺寸為參考,頁面的背景顏色采用藍(lán)白色,給學(xué)生一種舒適的感覺。界面布局如下。
1)“練習(xí)”界面,進(jìn)入頁面后進(jìn)入同步和中考,點(diǎn)擊任意一項(xiàng)開始答題挑戰(zhàn),每個(gè)題目有30秒鐘的答題時(shí)間,作答后判斷正誤。
2)“發(fā)現(xiàn)”界面,點(diǎn)擊之后可以看到排行榜以及作業(yè)群和古詩文助手項(xiàng)目。
3)“我”界面,頂上顯示登錄者姓名以及頭像,底部的練習(xí)界面有錯(cuò)題、收藏、筆記、練習(xí)記錄、我的課程、離線課程等。
2.3? 數(shù)據(jù)庫設(shè)計(jì)
數(shù)據(jù)庫中存放題庫信息、用戶登錄信息、錯(cuò)題信息、收藏信息等,在后臺(tái)對(duì)數(shù)據(jù)進(jìn)行維護(hù)和更新。數(shù)據(jù)庫表包含“題干”“題支”“正確選項(xiàng)”選項(xiàng)等列。使用者點(diǎn)擊答案后,后臺(tái)通過邏輯判斷,和正確答案進(jìn)行比對(duì),在數(shù)據(jù)庫中生產(chǎn)成一條記錄,如果正確,數(shù)據(jù)庫便會(huì)存儲(chǔ)分?jǐn)?shù);如果錯(cuò)誤,數(shù)據(jù)庫將本題存入錯(cuò)題本中。傳遞數(shù)據(jù)需要請(qǐng)求數(shù)據(jù)庫,其語句為“const queryUser = Bmob.Query(‘_User)”,“_User”表是本數(shù)據(jù)庫的表名。數(shù)據(jù)庫E-R圖如圖1所示。
數(shù)據(jù)庫的開發(fā)選用Bmob后端云開發(fā)工具,該工具是一款線上的實(shí)時(shí)開發(fā)工具。這款開發(fā)工具的優(yōu)點(diǎn)是不用再考慮搭建服務(wù)器端,用戶只需要調(diào)用API接口就可以實(shí)現(xiàn)各種功能。
E-R圖中,實(shí)體包括用戶、試題、排行榜、錯(cuò)題集,實(shí)體之間相互聯(lián)系,不同實(shí)體具有不同的屬性,實(shí)體之間有一對(duì)一、一對(duì)多和多對(duì)多的關(guān)系。一個(gè)用戶可以進(jìn)行多次答題,用戶與試題之間的關(guān)系為一對(duì)多。錯(cuò)題集包含多個(gè),因此,它與試題之間是多對(duì)多的關(guān)系。
3? 初中語文練習(xí)題庫微信小程序功能實(shí)現(xiàn)
3.1? 界面模塊
首先需要在“app.json”界面添加“練習(xí)”“發(fā)現(xiàn)”“我”三個(gè)界面,然后進(jìn)行圖標(biāo)和背景顏色的設(shè)計(jì),在“Windows”視窗下將需要設(shè)計(jì)的界面名稱以及背景顏色和字體大小、顏色添加進(jìn)去。這個(gè)界面是一個(gè)前端的設(shè)計(jì),調(diào)整好布局和樣式就能做到美觀大方,這也是本設(shè)計(jì)的第一步:先確定好需要的界面,然后進(jìn)行功能的實(shí)現(xiàn)。
3.2? 答題模塊
在“Page”文件夾里面創(chuàng)建一個(gè)“practice”界面,在“.wxml”文件夾中設(shè)計(jì)答題界面需要顯示的內(nèi)容,在“.wxss”文件夾里面設(shè)計(jì)字體的大小和顏色,在“.js”文件夾里面用“function”調(diào)用答題功能。代碼部分如圖2所示。
在樣式表中進(jìn)行界面的設(shè)計(jì),包括圖片的選擇、界面上字符顯示的位置都需要進(jìn)行一定的設(shè)計(jì)。在答題模塊開發(fā)過程中,題目的字體以及顏色都是需要重點(diǎn)進(jìn)行考慮的。在設(shè)置選項(xiàng),按順序依次是A、B、C、D。上面的圓圈中是倒計(jì)時(shí)設(shè)計(jì),時(shí)間是30秒,下面有題目的序號(hào),微信每次答題都不超過20個(gè)。答題功能的實(shí)現(xiàn)依靠的是if判斷語句“if(index == that.data.questionList[that.data.nowQuestionNumber].answer)”。答題正確,數(shù)據(jù)庫會(huì)進(jìn)行分?jǐn)?shù)的累加,然后進(jìn)行排行。
3.3? 排行榜模塊
首先創(chuàng)建“second_page”界面,在“.js”文件夾使用JS調(diào)用相關(guān)數(shù)據(jù)進(jìn)行排名,在“.wxml”文件夾中設(shè)計(jì)答題界面需要顯示的內(nèi)容,在“.wxss”文件夾里面設(shè)計(jì)字體的大小和顏色。代碼部分和最終效果分別如圖3、圖4所示。
排行榜界面的布局需要考慮到界面的效果,前三名設(shè)置一個(gè)類似于領(lǐng)獎(jiǎng)臺(tái)的界面,排行榜里面還需要顯示用戶的昵稱、頭像、所得分?jǐn)?shù)等。排行榜功能的實(shí)現(xiàn)是調(diào)用后臺(tái)存儲(chǔ)的用戶分?jǐn)?shù)信息進(jìn)行從大到小的順序排列,用load-RankList方法獲取數(shù)據(jù),然后進(jìn)行排列。
3.4? 錯(cuò)題收集模塊
這個(gè)項(xiàng)目是在“我”界面進(jìn)行編寫的:首先創(chuàng)建一個(gè)
“me”文件夾,然后在“.js”文件夾使用JS調(diào)用相關(guān)數(shù)據(jù),在“.wxml”文件夾中設(shè)計(jì)答題界面需要顯示的內(nèi)容,在“.wxss”文件夾里面設(shè)計(jì)字體的大小和顏色。
錯(cuò)題收集模塊使用的是傳統(tǒng)的分欄顯示界面,每一欄顯示出錯(cuò)題的題目,樣式表中的格式是題目顯示在界面上看起來美觀的關(guān)鍵所在。錯(cuò)題收集模塊調(diào)取數(shù)據(jù)庫數(shù)據(jù),獲取用戶選擇錯(cuò)誤題目的id,用來實(shí)現(xiàn)錯(cuò)題的新增。
4? 結(jié)語
微信小程序在時(shí)代進(jìn)步與發(fā)展的潮流中乘風(fēng)破浪,在生活中潛移默化地改變著人們的生活與學(xué)習(xí)方式。微信小程序提供的開放式功能有利于開發(fā)者快速開發(fā)自己的應(yīng)用,相比于安卓平臺(tái)而言,更加快捷方便,在編譯、調(diào)試和模擬器方面都顯現(xiàn)出簡單高效的特點(diǎn)?;谖⑿判〕绦虻某踔姓Z文練習(xí)題庫設(shè)計(jì)與實(shí)現(xiàn)具備移動(dòng)端的線上學(xué)習(xí)功能,基本滿足了學(xué)生的需要。語文練習(xí)題的選擇也是本設(shè)計(jì)的重點(diǎn),選取內(nèi)容的時(shí)候既要考慮學(xué)生的接受程度,又要關(guān)注系統(tǒng)數(shù)據(jù)庫的設(shè)計(jì)可行性,要從整體感知、教學(xué)價(jià)值、內(nèi)容設(shè)置等方面對(duì)練習(xí)題進(jìn)行比較。不同的學(xué)生,思維方式不一樣,這是本設(shè)計(jì)需要關(guān)注的,也是本設(shè)計(jì)尚未完全解決的問題。■
參考文獻(xiàn)
[1]王金環(huán).基于微信的英語單詞助記系統(tǒng)設(shè)計(jì)研究[J].電腦知識(shí)與技術(shù),2019,15(3):84-85.
[2]劉建粉,張海博.基于微信小程序的數(shù)據(jù)結(jié)構(gòu)學(xué)習(xí)平臺(tái)設(shè)計(jì)[J].科技風(fēng),2018(36):247-248.
[3]黃小華,傅永華,趙莉,等.淺析題庫類微信小程序設(shè)計(jì)及應(yīng)用[J].信息技術(shù)與信息化,2018(12):51-53.
[4]張沈梅,孫昊,王玲,等.基于微信小程序的課程在線測試系統(tǒng)[J].電腦知識(shí)與技術(shù),2018,14(32):82-84,88.