摘 ?要： 隨著信息技術(shù)的發(fā)展，基于互聯(lián)網(wǎng)背景下的“在線學(xué)習(xí)”作為一種教學(xué)平臺的發(fā)展顯得尤為迅速，它已成為現(xiàn)代教育教學(xué)非常重要的一部分。在線學(xué)習(xí)不但是成人學(xué)習(xí)的一種方式，它已經(jīng)進(jìn)入到少兒早教學(xué)習(xí)中。本文研究了少兒在線英語學(xué)習(xí)小程序的設(shè)計(jì)，以及后臺管理程序的實(shí)現(xiàn)。完成了外教語音的在線播放、對應(yīng)課文的查看、跟讀、課程購買等前端用戶功能的小程序，以及使用php+mysql實(shí)現(xiàn)的英文課本的上架、微信會(huì)員用戶的管理、音頻上傳、課程解鎖等后臺管理功能。

關(guān)鍵詞： 在線學(xué)習(xí);小程序;PHP

中圖分類號： TP399 ? ?文獻(xiàn)標(biāo)識碼： A ? ?DOI：10.3969/j.issn.1003-6970.2019.05.048

本文著錄格式：許燕. 基于小程序的在線少兒英語學(xué)習(xí)平臺的研究與設(shè)計(jì)[J]. 軟件，2019，40（5）：249252

【Abstract】： With the development of information technology， based on the Internet under the background of "online learning" as a teaching platform for development is very rapid， it has become a very important part of modern education and teaching of the. Online learning is not only a way of adult learning， it has entered the early childhood learning. This paper studies the design of children's online English learning program， and realizes backstage management program. The small program of front-end user functions， such as online playback of foreign teachers'voice， examination of corresponding texts， follow-up reading， course purchasing， etc.， as well as the background management functions of English textbooks， Weichat member users， audio uploading and course unlocking， which are implemented by php+mysql are completed.

【Key words】： Online learning; Small programs; PHP

0 ?引言

中國少兒英語學(xué)習(xí)2016年白皮書的報(bào)告指出的家長畫像：70、80后家長成為關(guān)注少兒英語的主力，占總體樣本的70.7%;他們多為高等學(xué)歷、中高收入人群;他們對互聯(lián)網(wǎng)的信任度極高，主要從線上獲取英語學(xué)習(xí)信息。從市場上看，英語語言學(xué)習(xí)的需求呈現(xiàn)出低齡化的趨勢，在線教育的形式也逐漸趨于成熟多樣，從傳統(tǒng)的線下一對一的家教，一對多課堂再到線上的在線語言教育，線上下相結(jié)合等多種教育形式豐富多樣[1-3]。隨著網(wǎng)絡(luò)和移動(dòng)應(yīng)用技術(shù)的發(fā)展，我們能更方便直接地通過手機(jī)等掌上工具在線學(xué)習(xí)，而無線的網(wǎng)絡(luò)使得人們的日常互動(dòng)變得更加的有效。

小程序是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開應(yīng)用。也體現(xiàn)了“用完即走”的理念，用戶不用關(guān)心是否安裝太多應(yīng)用的問題。應(yīng)用將無處不在，隨時(shí)可用，但又無需安裝卸載。對于開發(fā)者而言，小程序開發(fā)門檻相對較低，難度不及APP，能夠滿足簡單的基礎(chǔ)應(yīng)用。小程序能夠?qū)崿F(xiàn)消息通知、線下掃碼、公眾號關(guān)聯(lián)等七大功能[4-5]。其中，通過公眾號關(guān)聯(lián)，用戶可以實(shí)現(xiàn)公眾號與小程序之間相互跳轉(zhuǎn)。由于小程序不存在入口。通過小程序?qū)崿F(xiàn)英語在線平臺的交互功能，通過關(guān)聯(lián)的微信公眾號可以為平臺做推廣和推送服務(wù)。

1 ?在線英語學(xué)習(xí)平臺開發(fā)的相關(guān)技術(shù)

本項(xiàng)目的開發(fā)應(yīng)用了小程序提供的接口，完成了基于小程序的在線少兒英語學(xué)習(xí)平臺，實(shí)現(xiàn)了外教錄制音頻的在線播放、對應(yīng)課文的查看、跟讀、課程購買等前端用戶功能的小程序，以及使用php+mysql實(shí)現(xiàn)的英文課本的上架、微信會(huì)員用戶的管理、音頻上傳、課程解鎖等后臺管理功能。

本文平臺的定位是面向Android系統(tǒng)和IOS系統(tǒng)的移動(dòng)終端，為了實(shí)現(xiàn)移動(dòng)應(yīng)用的跨平臺適配，選用了基于小程序的開發(fā)模式。從技術(shù)的維度看，小程序并非憑空冒出來的一個(gè)概念。當(dāng)微信中的WebView逐漸成為移動(dòng) Web 的一個(gè)重要入口時(shí)，微信就有相關(guān)的JSAPI了。小程序是一種新的開放能力，開發(fā)者可以快速地開發(fā)一個(gè)小程序。小程序可以在微信內(nèi)被便捷地獲取和傳播，同時(shí)具有出色的使用體驗(yàn)。

本應(yīng)用采用小程序+THINKPHP框架+MYSQL進(jìn)行開發(fā)：

THINKPHP框架：主要實(shí)現(xiàn)后臺數(shù)據(jù)交互，通過前端發(fā)送的請求來返回?cái)?shù)據(jù)，展示內(nèi)容;

MYSQL：存儲一系列相關(guān)的表數(shù)據(jù)，通過前端的請求，THINKPHP進(jìn)行連接數(shù)據(jù)庫來獲取數(shù)據(jù)的來源;

2 ?在線少兒英語學(xué)習(xí)平臺的總體設(shè)計(jì)

平臺的設(shè)計(jì)架構(gòu)，分為小程序端的設(shè)計(jì)架構(gòu)（如圖1所示）與后臺管理平臺的設(shè)計(jì)架構(gòu)（如圖2所示）。實(shí)現(xiàn)了用戶授權(quán)登錄、會(huì)員申請、課本選擇、課文/音頻學(xué)習(xí)等的小程序前端功能;完成了后臺管理用戶的用戶管理、訂單處理審核、課本上架、圖片/英文內(nèi)容/音頻上傳等管理功能。

3 ?小程序前端功能實(shí)現(xiàn)

3.1 ?登錄授權(quán)及申請會(huì)員功能

當(dāng)進(jìn)入小程序時(shí)，點(diǎn)擊要學(xué)習(xí)的課本內(nèi)容時(shí)，會(huì)彈出登錄提醒。進(jìn)入用戶欄目，可進(jìn)行授權(quán)登錄。此時(shí)會(huì)申請用戶的簡單信息，如昵稱、頭像、地區(qū)及性別。如果不是會(huì)員，可以申請會(huì)員，此時(shí)會(huì)生成訂單，管理員在后臺進(jìn)行訂單的處理[8-9]。用戶授權(quán)及會(huì)員申請功能展示如圖3所示，實(shí)現(xiàn)代碼如圖4所示。

3.2 ?課程資源顯示與播放功能

普通用戶授權(quán)后可以獲取第一冊課本前兩頁內(nèi)容，支付成功的會(huì)員可以解鎖所有課程。課程內(nèi)容的對應(yīng)文本和音頻播放如圖5所示。實(shí)現(xiàn)代碼如圖6所示。

4 ?后臺管理功能

4.1 ?訂單管理功能

當(dāng)用戶申請會(huì)員后，在后臺會(huì)出現(xiàn)該用戶的信息，管理員可以進(jìn)行處理[6-7]，效果如圖7所示，實(shí)現(xiàn)代碼如圖8所示。

4.2 ?課本資源管理

實(shí)現(xiàn)了課本信息的增刪改查，課本里每一頁內(nèi)容的增刪改查，每一項(xiàng)內(nèi)容的題目、圖片、音頻、英文內(nèi)容的上傳與編輯[10]，如圖9所示。音頻代碼實(shí)現(xiàn)如圖10所示。

5 ?結(jié)語

本項(xiàng)目的開發(fā)應(yīng)用了小程序提供的接口，完成了基于小程序的在線少兒英語學(xué)習(xí)平臺。實(shí)現(xiàn)了用戶授權(quán)登錄、會(huì)員申請、課本選擇、課文/音頻學(xué)習(xí)等的小程序前端功能;完成了后臺管理用戶的用戶管理、訂單處理審核、課本上架、圖片/英文內(nèi)容/音頻上傳等管理功能。當(dāng)然，根據(jù)學(xué)員的使用情況，本小程序可以做進(jìn)一步的研究，開發(fā)更多適用于少兒英語在線學(xué)習(xí)的功能。

參考文獻(xiàn)

[1] 宋雅芹 英語在線自主學(xué)習(xí)平臺的開發(fā)應(yīng)用. 微信電腦應(yīng)用[J]， 2018（34）： 110-112.

[2] 王曉歡， 胡偉峰. 兒童在線英語學(xué)習(xí)平臺的體驗(yàn)設(shè)計(jì)策略[J]. 大眾文藝， 2018（24）： 53-54.

[3] 陳鵬. 基于Moodle的大學(xué)英語教學(xué)資源平臺構(gòu)建研究[J]. 湖北成人教育學(xué)院學(xué)報(bào)， 208（24）： 67-70.

[4] 劉紅衛(wèi). 微信小程序應(yīng)用探索[J]. 無線互聯(lián)科技， 2016（23）： 11-12.

[5] 劉玉佳. 微信小程序開發(fā)的系統(tǒng)實(shí)現(xiàn)及前景分析 [J]. 信息通信， 2017（1）： 260-261.

[6] 崔蓬. 基于ThinkPHP的物流配送系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 軟件， 2018， 39（7）： 194-198.

[7] 朝格. 基于PHP技術(shù)實(shí)現(xiàn)圖片縮略圖循環(huán)播放功能[J]. 軟件， 2012， 33（5）： 93-94.

[8] 高偉， 王昱霖， 吳倩蓮， 等. 基于VR技術(shù)的教育游戲在英語教學(xué)中的應(yīng)用與發(fā)展前景[J]. 軟件， 2018， 39（5）： 60-65.

[9] 史云燕. 微博在英語教學(xué)中的應(yīng)用探析[J]. 軟件， 2012， 33（5）： 116-118.

[10] 李翔宇， 張永軍. 一種基于圖像分割的視頻傳輸方案[J]. 軟件， 2012， 33（12）： 305-309.