基于H5的第二課堂小程序的研究與設計

王偉 伍德英 楊會 陸孟

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

關鍵詞：小程序;第二課堂;H5;碎片化時間

中圖分類號：TP311 ? ? ? ? ?文獻標識碼：A

文章編號：1009-3044（2022）05-0085-03

1 引言

現如今，傳統學習模式已不能完全滿足人們現階段的學習需求，碎片化時間占據了人們的大部分時間，所以如何利用好碎片化時間成為師生時間管理的一個重點，而如今大學生每天使用手機的時間日益增加，據調查：大學生手機使用時間普遍較長。每天手機屏幕使用時長在1小時以內的占4.3%，在1～3小時的占25.6%，在3小時以上的占70.1%[1]。所以手機可以成為人們碎片化時間的利用點，但由于移動學習的環境的復雜，導致一些學生無法找到適合自己的學習內容，使得學習效率大大降低。以此為背景我們基于六盤水師范學院數計學院設計了一款適用于專業自身的移動學習小程序——第二課堂小程序。

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

2 需求分析

2.1 技術分析

開發小程序的前端技術主要有JavaScript，WXML，HTML，WXSS這些都是當前社會已經十分成熟的技術，對于軟件開發技術需求來是完全夠用，對于軟件開發人員來說也十分容易上手，并且學校都有對應的課程，大大減少了開發人員的學習成本。

前端使用微信小程序開發工具進行開發，其中主目錄小程序.js文件負責全局邏輯設計， 小程序.json文件負責全局頁面布局，小程序.wxss文件負責全局樣式設置。各個具體頁面均采用四文件形式，即js文件控制頁面邏輯，json文件進行頁面配置，wxml文件布置頁面結構，wxss文件設置頁面樣式[4]。

本系統使用的是Mysql數據庫，Mysql數據庫相比于SQLServer要小很多，安裝使用都較為方便。

第二課堂小程序，使用微信小程序搭建，開發工具為“微信開發者工具”。官網即可下載，獲取方便，簡單易學。無論是在技術上，還是操作上，都具備較強的可行性（使用人員為數計學院學生）。本小程序在前臺頁面及后臺頁面都具有操作可行性，前臺頁面操作簡單，易上手，頁面簡單而不煩瑣，讓用戶在使用過程中舒適地進行操作。后臺頁面中，功能需求直觀，使管理員操作簡單化。

2.2 需求分析

本系統根據需求共定義兩個角色，分別是學生、管理員（老師）。

2.2.1 學生功能需求分析

基于學生角色對用戶進行面向對象的功能需求分析，學生可以進行登錄注冊，在小程序做題，搜索題目以及向后臺反饋等操作，如發現題目有錯或其他問題，可以反饋給后臺，由后臺管理員處理。

2.2.2 管理員功能需求分析

管理員可以對學生信息進行管理，對題目進行增刪改查，更新批改學生的作業，對學生的信息進行管理，對學生反饋到后臺的信息進行處理。

2.3 功能分析

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

每周一練：主要功能包括知識點鞏固、編程練習。

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

題目檢索： 主要功能包括關鍵字檢索、科目檢索。

個人中心： 主要功能包括微信授權登錄、查看錯題、信息管理、選擇課程。

2.4 詳細設計

2.4.1 學生管理：

用戶在進入小程序時，即可看到首頁界面，但想進行一系列的后續操作，例如每周一練等，查看考試大綱等功能性操作，還需進行登錄注冊，注冊完畢之后，才能進入系統進行答題，提交答案之后可以看到所獲得的分數以及錯題。

在學生模塊執行登錄操作時，如果用戶還未注冊賬號，那么就跳轉到注冊界面進行注冊信息填寫，然后再進行登錄。

2.4.2 后臺管理

后臺管理端的流程主要包括登錄，學生信息管理、習題信息管理，系統管理如圖3所示：

題目管理流程描述：后臺管理員在進入題目管理頁面之后，可以通過判斷請求類型分別對題目進行題目的增加、刪除題目、修改題目以及查看題目等操作，系統將對管理員選擇的操作做出相應的提示信息，管理員可繼續進行其他的功能或退出管理系統。

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

學生管理流程描述：后臺管理員點擊學生管理頁面，然后系統可以通過判斷所選擇的功能分別對學生進行增加、刪除、修改、查看基本操作，系統會響應管理員的操作，完成相關操作后，管理員可選擇瀏覽其他管理模塊或退出管理系統。

2.5 數據庫設計

在管理信息系統開發中，數據庫設計的目標是建立DBMS能識別的關系數據模型.而關系數據模型建立的基礎是首先建立E-R模型，通過E-R模型才能轉換為關系數據模型.如何建立E-R模型以及如何將E-R模型轉換為關系數據模型，是管理信息系統開發中數據庫設計的關鍵[5]。對于本程序，我們對需求分析對象的關系進行了分析，確定實體，屬性，制作ER圖。了解實體與屬性之間的關系，實體與實體的關系，才能去更好地建立更加清晰的數據庫。

學生用戶E-R圖應包含用戶名稱、密碼、學號、分數、聯系方式等。

小程序后臺管理人員（老師）E-R圖應包含管理人員名稱、聯系方式、賬號密碼、題目屬性等。

3 系統實現

3.1 用戶功能模塊

3.1.1 登錄和注冊功能詳情

用戶在進入小程序時會顯示注冊界面，若用戶沒有賬號，則會提示用戶進行注冊。用戶注冊成功后就可以進入登錄頁面。

用戶輸入正確的賬號和密碼并點擊登錄按鈕時，用戶會自動進入到小程序主界面。

3.1.2 每周一練功能詳情

進入主界面后點擊每周一練，進入答題程序，每周通過后臺上傳習題給學生練習，當全部答完題后會顯示錯題集，點擊即可以進入復習之前的錯題。

3.1.3 考試大綱功能詳情

該功能模塊可以直觀顯示出不同科目的不同知識點，往年考試的真題，考試的重點內容，供用戶學習參考。

3.1.4 個人中心功能詳情

個人中心可以修改用戶名，密碼，等更改個人信息選項，以及對收到的信息進行回復反饋。

3.2 后臺管理模塊

管理員功能模塊主要包括習題內容管理、用戶信息管理管理。這部分功能模塊屬于本系統的后端內容。管理員功能模塊的頁面展現形式是網頁的形式。技術實現是通過微信云開發，云數據庫。管理員可以通過后臺數據庫添加學習數據。

4 總結

本小程序以微信小程序的形式呈現，小程序是一種無須安裝，即可使用的手機“應用”。在使用方式上，讓學習者隨時打開隨時使用，相較于其他移動學習小程序，優勢在于不占內存、方便快捷、更加靈活、觸手可及。在學習內容上，更加具有針對性，根據學習者的需求，可檢索不同的科目，具有每周一練等功能，有利于學習者的及時復習和對知識框架的整理，以多元化的方式來激發學習者對專業知識的學習興趣。在后期的改進中，會根據用戶的檢索目錄去添加更多的內容，并不斷地創新添加小程序的功能，讓第二課堂的內容更加豐富。

參考文獻：

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

[2] 胡煜民.利用微信平臺實現高中線上互助學習[J].電子技術與軟件工程，2017（1）：64.

[3] 王紹臻，江春如.大學生碎片化學習的現狀及教學改革路徑[J].安徽廣播電視大學學報，2020（2）：48-51.

[4] 周家骎，龔蘭蘭，馮杰，等.基于微信小程序的校友會系統的設計與實現[J].工業控制計算機，2019，32（11）：128-129，160.

[5] 楊中書，劉臣宇.基于E-R模型的關系數據庫設計方法[J].價值工程，2014，33（30）：242-243.

【通聯編輯：梁書】

收稿日期：2021-08-26

作者簡介：王偉（1999—），男，貴州六盤水人，在校學生，研究方向為java。