基于H5的第二課堂小程序的研究與設(shè)計(jì)

王偉 伍德英 楊會(huì) 陸孟

摘要：隨著智能手機(jī)的普及以及互聯(lián)網(wǎng)的迅速發(fā)展及平時(shí)社交方式的進(jìn)步，相繼出現(xiàn)了許多移動(dòng)學(xué)習(xí)的方式，但由于目前移動(dòng)學(xué)習(xí)的環(huán)境復(fù)雜多變，導(dǎo)致學(xué)習(xí)效率大大降低。為了使學(xué)習(xí)者有更好的學(xué)習(xí)體驗(yàn)，利用碎片化時(shí)間，響應(yīng)學(xué)校第二課堂的安排，并結(jié)合不同專(zhuān)業(yè)知識(shí)的特點(diǎn)，文章基于H5開(kāi)發(fā)技術(shù)設(shè)計(jì)一款第二課堂小程序，功能包括首頁(yè)、每日一練、試題管理、編程訓(xùn)練。以多元化的學(xué)習(xí)方式來(lái)提高學(xué)生的自主學(xué)習(xí)能力，通過(guò)編程來(lái)激發(fā)同學(xué)們對(duì)專(zhuān)業(yè)知識(shí)的興趣，使碎片化時(shí)間學(xué)習(xí)成為日常生活的一部分。

關(guān)鍵詞：小程序;第二課堂;H5;碎片化時(shí)間

中圖分類(lèi)號(hào)：TP311 ? ? ? ? ?文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2022）05-0085-03

1 引言

現(xiàn)如今，傳統(tǒng)學(xué)習(xí)模式已不能完全滿(mǎn)足人們現(xiàn)階段的學(xué)習(xí)需求，碎片化時(shí)間占據(jù)了人們的大部分時(shí)間，所以如何利用好碎片化時(shí)間成為師生時(shí)間管理的一個(gè)重點(diǎn)，而如今大學(xué)生每天使用手機(jī)的時(shí)間日益增加，據(jù)調(diào)查：大學(xué)生手機(jī)使用時(shí)間普遍較長(zhǎng)。每天手機(jī)屏幕使用時(shí)長(zhǎng)在1小時(shí)以?xún)?nèi)的占4.3%，在1～3小時(shí)的占25.6%，在3小時(shí)以上的占70.1%[1]。所以手機(jī)可以成為人們碎片化時(shí)間的利用點(diǎn)，但由于移動(dòng)學(xué)習(xí)的環(huán)境的復(fù)雜，導(dǎo)致一些學(xué)生無(wú)法找到適合自己的學(xué)習(xí)內(nèi)容，使得學(xué)習(xí)效率大大降低。以此為背景我們基于六盤(pán)水師范學(xué)院數(shù)計(jì)學(xué)院設(shè)計(jì)了一款適用于專(zhuān)業(yè)自身的移動(dòng)學(xué)習(xí)小程序——第二課堂小程序。

基于信息時(shí)代的生活方式無(wú)時(shí)無(wú)刻不在變化，使用移動(dòng)終端可以不受時(shí)間和空間限制，隨時(shí)隨地了解學(xué)習(xí)內(nèi)容，選擇適合的學(xué)習(xí)內(nèi)容進(jìn)行課程的預(yù)習(xí)以及復(fù)習(xí)[2]。如何利用好大學(xué)生課余的碎片化時(shí)間成為如何實(shí)現(xiàn)移動(dòng)學(xué)習(xí)的關(guān)鍵，有調(diào)查顯示關(guān)于“周一至周五大學(xué)生每日課余可支配時(shí)間“1～2小時(shí)”的為12% ，“2～4小時(shí)”的為58%，“4～6小時(shí)”的為21%，“6～8小時(shí)”的為7%，“大于8小時(shí)”的為2%”。從調(diào)查結(jié)果來(lái)看，多數(shù)大學(xué)生在接受傳統(tǒng)的課堂教育及完成規(guī)定作業(yè)之后仍有一定量的自由時(shí)間可以支配[3]。相比于繁忙緊張的高中生活，大學(xué)生擁有更多的自由時(shí)間，這給碎片化學(xué)習(xí)提供了時(shí)間保證，也給第二課堂小程序有了用武之地。教師和學(xué)習(xí)者可以進(jìn)行雙向通信。建立符合自身發(fā)展需要的知識(shí)結(jié)構(gòu)。學(xué)生可以根據(jù)自己的專(zhuān)業(yè)、興趣和職業(yè)目標(biāo)來(lái)構(gòu)建知識(shí)結(jié)構(gòu)。可以通過(guò)學(xué)習(xí)軟件讓學(xué)生能夠深入地了解理論知識(shí)，提高學(xué)生的動(dòng)手編程能力。小程序里面還有各個(gè)專(zhuān)業(yè)各個(gè)科目的練習(xí)題以及知識(shí)點(diǎn)供學(xué)生學(xué)習(xí)，結(jié)合學(xué)校老師的教學(xué)內(nèi)容，注重對(duì)知識(shí)的儲(chǔ)備，構(gòu)建牢固的基礎(chǔ)。學(xué)生們要盡量拓寬自己的知識(shí)面，在專(zhuān)業(yè)知識(shí)以外，注重積累，博覽群書(shū)，對(duì)各方面都有所了解。該款軟件秉承移動(dòng)學(xué)習(xí)、泛在學(xué)習(xí)、碎片化學(xué)習(xí)等學(xué)習(xí)理念、加強(qiáng)學(xué)生對(duì)于碎片化時(shí)間的利用。

2 需求分析

2.1 技術(shù)分析

開(kāi)發(fā)小程序的前端技術(shù)主要有JavaScript，WXML，HTML，WXSS這些都是當(dāng)前社會(huì)已經(jīng)十分成熟的技術(shù)，對(duì)于軟件開(kāi)發(fā)技術(shù)需求來(lái)是完全夠用，對(duì)于軟件開(kāi)發(fā)人員來(lái)說(shuō)也十分容易上手，并且學(xué)校都有對(duì)應(yīng)的課程，大大減少了開(kāi)發(fā)人員的學(xué)習(xí)成本。

前端使用微信小程序開(kāi)發(fā)工具進(jìn)行開(kāi)發(fā)，其中主目錄小程序.js文件負(fù)責(zé)全局邏輯設(shè)計(jì)， 小程序.json文件負(fù)責(zé)全局頁(yè)面布局，小程序.wxss文件負(fù)責(zé)全局樣式設(shè)置。各個(gè)具體頁(yè)面均采用四文件形式，即js文件控制頁(yè)面邏輯，json文件進(jìn)行頁(yè)面配置，wxml文件布置頁(yè)面結(jié)構(gòu)，wxss文件設(shè)置頁(yè)面樣式[4]。

本系統(tǒng)使用的是Mysql數(shù)據(jù)庫(kù)，Mysql數(shù)據(jù)庫(kù)相比于SQLServer要小很多，安裝使用都較為方便。

第二課堂小程序，使用微信小程序搭建，開(kāi)發(fā)工具為“微信開(kāi)發(fā)者工具”。官網(wǎng)即可下載，獲取方便，簡(jiǎn)單易學(xué)。無(wú)論是在技術(shù)上，還是操作上，都具備較強(qiáng)的可行性（使用人員為數(shù)計(jì)學(xué)院學(xué)生）。本小程序在前臺(tái)頁(yè)面及后臺(tái)頁(yè)面都具有操作可行性，前臺(tái)頁(yè)面操作簡(jiǎn)單，易上手，頁(yè)面簡(jiǎn)單而不煩瑣，讓用戶(hù)在使用過(guò)程中舒適地進(jìn)行操作。后臺(tái)頁(yè)面中，功能需求直觀(guān)，使管理員操作簡(jiǎn)單化。

2.2 需求分析

本系統(tǒng)根據(jù)需求共定義兩個(gè)角色，分別是學(xué)生、管理員（老師）。

2.2.1 學(xué)生功能需求分析

基于學(xué)生角色對(duì)用戶(hù)進(jìn)行面向?qū)ο蟮墓δ苄枨蠓治?，學(xué)生可以進(jìn)行登錄注冊(cè)，在小程序做題，搜索題目以及向后臺(tái)反饋等操作，如發(fā)現(xiàn)題目有錯(cuò)或其他問(wèn)題，可以反饋給后臺(tái)，由后臺(tái)管理員處理。

2.2.2 管理員功能需求分析

管理員可以對(duì)學(xué)生信息進(jìn)行管理，對(duì)題目進(jìn)行增刪改查，更新批改學(xué)生的作業(yè)，對(duì)學(xué)生的信息進(jìn)行管理，對(duì)學(xué)生反饋到后臺(tái)的信息進(jìn)行處理。

2.3 功能分析

基于微信小程序的第二課堂小程序功能分為四個(gè)大的模塊，分別為每周一練模塊、考試大綱模塊、題目檢索模塊和個(gè)人中心模塊。每周一練模塊，可快速為用戶(hù)提供及時(shí)復(fù)習(xí)的條件及對(duì)知識(shí)的一個(gè)框架整理;考試大綱模塊，該模塊整理出重難點(diǎn)知識(shí)，讓用戶(hù)對(duì)知識(shí)點(diǎn)有針對(duì)性地進(jìn)行復(fù)習(xí);題目檢索模塊，為用戶(hù)提供了快速定位知識(shí)點(diǎn)功能;個(gè)人中心模塊：方便用戶(hù)查看個(gè)人信息及做題過(guò)程中自己的失誤點(diǎn)。這四個(gè)大模塊又細(xì)分為幾個(gè)具體小模塊，如圖2所示。

每周一練：主要功能包括知識(shí)點(diǎn)鞏固、編程練習(xí)。

考試大綱： 主要功能包括往年例題、高頻例題。

題目檢索： 主要功能包括關(guān)鍵字檢索、科目檢索。

個(gè)人中心： 主要功能包括微信授權(quán)登錄、查看錯(cuò)題、信息管理、選擇課程。

2.4 詳細(xì)設(shè)計(jì)

2.4.1 學(xué)生管理：

用戶(hù)在進(jìn)入小程序時(shí)，即可看到首頁(yè)界面，但想進(jìn)行一系列的后續(xù)操作，例如每周一練等，查看考試大綱等功能性操作，還需進(jìn)行登錄注冊(cè)，注冊(cè)完畢之后，才能進(jìn)入系統(tǒng)進(jìn)行答題，提交答案之后可以看到所獲得的分?jǐn)?shù)以及錯(cuò)題。

在學(xué)生模塊執(zhí)行登錄操作時(shí)，如果用戶(hù)還未注冊(cè)賬號(hào)，那么就跳轉(zhuǎn)到注冊(cè)界面進(jìn)行注冊(cè)信息填寫(xiě)，然后再進(jìn)行登錄。

2.4.2 后臺(tái)管理

后臺(tái)管理端的流程主要包括登錄，學(xué)生信息管理、習(xí)題信息管理，系統(tǒng)管理如圖3所示：

題目管理流程描述：后臺(tái)管理員在進(jìn)入題目管理頁(yè)面之后，可以通過(guò)判斷請(qǐng)求類(lèi)型分別對(duì)題目進(jìn)行題目的增加、刪除題目、修改題目以及查看題目等操作，系統(tǒng)將對(duì)管理員選擇的操作做出相應(yīng)的提示信息，管理員可繼續(xù)進(jìn)行其他的功能或退出管理系統(tǒng)。

系統(tǒng)管理流程描述：后臺(tái)管理員成功進(jìn)入到系統(tǒng)管理模塊之后，管理員可以進(jìn)行公告添加、公告修改，輪播圖的添加和修改等操作。

學(xué)生管理流程描述：后臺(tái)管理員點(diǎn)擊學(xué)生管理頁(yè)面，然后系統(tǒng)可以通過(guò)判斷所選擇的功能分別對(duì)學(xué)生進(jìn)行增加、刪除、修改、查看基本操作，系統(tǒng)會(huì)響應(yīng)管理員的操作，完成相關(guān)操作后，管理員可選擇瀏覽其他管理模塊或退出管理系統(tǒng)。

2.5 數(shù)據(jù)庫(kù)設(shè)計(jì)

在管理信息系統(tǒng)開(kāi)發(fā)中，數(shù)據(jù)庫(kù)設(shè)計(jì)的目標(biāo)是建立DBMS能識(shí)別的關(guān)系數(shù)據(jù)模型.而關(guān)系數(shù)據(jù)模型建立的基礎(chǔ)是首先建立E-R模型，通過(guò)E-R模型才能轉(zhuǎn)換為關(guān)系數(shù)據(jù)模型.如何建立E-R模型以及如何將E-R模型轉(zhuǎn)換為關(guān)系數(shù)據(jù)模型，是管理信息系統(tǒng)開(kāi)發(fā)中數(shù)據(jù)庫(kù)設(shè)計(jì)的關(guān)鍵[5]。對(duì)于本程序，我們對(duì)需求分析對(duì)象的關(guān)系進(jìn)行了分析，確定實(shí)體，屬性，制作ER圖。了解實(shí)體與屬性之間的關(guān)系，實(shí)體與實(shí)體的關(guān)系，才能去更好地建立更加清晰的數(shù)據(jù)庫(kù)。

學(xué)生用戶(hù)E-R圖應(yīng)包含用戶(hù)名稱(chēng)、密碼、學(xué)號(hào)、分?jǐn)?shù)、聯(lián)系方式等。

小程序后臺(tái)管理人員（老師）E-R圖應(yīng)包含管理人員名稱(chēng)、聯(lián)系方式、賬號(hào)密碼、題目屬性等。

3 系統(tǒng)實(shí)現(xiàn)

3.1 用戶(hù)功能模塊

3.1.1 登錄和注冊(cè)功能詳情

用戶(hù)在進(jìn)入小程序時(shí)會(huì)顯示注冊(cè)界面，若用戶(hù)沒(méi)有賬號(hào)，則會(huì)提示用戶(hù)進(jìn)行注冊(cè)。用戶(hù)注冊(cè)成功后就可以進(jìn)入登錄頁(yè)面。

用戶(hù)輸入正確的賬號(hào)和密碼并點(diǎn)擊登錄按鈕時(shí)，用戶(hù)會(huì)自動(dòng)進(jìn)入到小程序主界面。

3.1.2 每周一練功能詳情

進(jìn)入主界面后點(diǎn)擊每周一練，進(jìn)入答題程序，每周通過(guò)后臺(tái)上傳習(xí)題給學(xué)生練習(xí)，當(dāng)全部答完題后會(huì)顯示錯(cuò)題集，點(diǎn)擊即可以進(jìn)入復(fù)習(xí)之前的錯(cuò)題。

3.1.3 考試大綱功能詳情

該功能模塊可以直觀(guān)顯示出不同科目的不同知識(shí)點(diǎn)，往年考試的真題，考試的重點(diǎn)內(nèi)容，供用戶(hù)學(xué)習(xí)參考。

3.1.4 個(gè)人中心功能詳情

個(gè)人中心可以修改用戶(hù)名，密碼，等更改個(gè)人信息選項(xiàng)，以及對(duì)收到的信息進(jìn)行回復(fù)反饋。

3.2 后臺(tái)管理模塊

管理員功能模塊主要包括習(xí)題內(nèi)容管理、用戶(hù)信息管理管理。這部分功能模塊屬于本系統(tǒng)的后端內(nèi)容。管理員功能模塊的頁(yè)面展現(xiàn)形式是網(wǎng)頁(yè)的形式。技術(shù)實(shí)現(xiàn)是通過(guò)微信云開(kāi)發(fā)，云數(shù)據(jù)庫(kù)。管理員可以通過(guò)后臺(tái)數(shù)據(jù)庫(kù)添加學(xué)習(xí)數(shù)據(jù)。

4 總結(jié)

本小程序以微信小程序的形式呈現(xiàn)，小程序是一種無(wú)須安裝，即可使用的手機(jī)“應(yīng)用”。在使用方式上，讓學(xué)習(xí)者隨時(shí)打開(kāi)隨時(shí)使用，相較于其他移動(dòng)學(xué)習(xí)小程序，優(yōu)勢(shì)在于不占內(nèi)存、方便快捷、更加靈活、觸手可及。在學(xué)習(xí)內(nèi)容上，更加具有針對(duì)性，根據(jù)學(xué)習(xí)者的需求，可檢索不同的科目，具有每周一練等功能，有利于學(xué)習(xí)者的及時(shí)復(fù)習(xí)和對(duì)知識(shí)框架的整理，以多元化的方式來(lái)激發(fā)學(xué)習(xí)者對(duì)專(zhuān)業(yè)知識(shí)的學(xué)習(xí)興趣。在后期的改進(jìn)中，會(huì)根據(jù)用戶(hù)的檢索目錄去添加更多的內(nèi)容，并不斷地創(chuàng)新添加小程序的功能，讓第二課堂的內(nèi)容更加豐富。

參考文獻(xiàn)：

[1] 王哲，徐嘉佳，劉玉.大學(xué)生手機(jī)使用情況分析及建議——以華北理工大學(xué)為例[J].商訊，2020（4）：21.

[2] 胡煜民.利用微信平臺(tái)實(shí)現(xiàn)高中線(xiàn)上互助學(xué)習(xí)[J].電子技術(shù)與軟件工程，2017（1）：64.

[3] 王紹臻，江春如.大學(xué)生碎片化學(xué)習(xí)的現(xiàn)狀及教學(xué)改革路徑[J].安徽廣播電視大學(xué)學(xué)報(bào)，2020（2）：48-51.

[4] 周家骎，龔蘭蘭，馮杰，等.基于微信小程序的校友會(huì)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].工業(yè)控制計(jì)算機(jī)，2019，32（11）：128-129，160.

[5] 楊中書(shū)，劉臣宇.基于E-R模型的關(guān)系數(shù)據(jù)庫(kù)設(shè)計(jì)方法[J].價(jià)值工程，2014，33（30）：242-243.

【通聯(lián)編輯：梁書(shū)】

收稿日期：2021-08-26

作者簡(jiǎn)介：王偉（1999—），男，貴州六盤(pán)水人，在校學(xué)生，研究方向?yàn)閖ava。