基于移動(dòng)互聯(lián)網(wǎng)的小學(xué)英語(yǔ)有效教學(xué)工具的應(yīng)用

基于移動(dòng)互聯(lián)網(wǎng)的小學(xué)英語(yǔ)有效教學(xué)工具的應(yīng)用

1研究意義和方法隨著互聯(lián)網(wǎng)的快速發(fā)展，新時(shí)代的教育逐漸發(fā)生了變化。如何設(shè)計(jì)一個(gè)系統(tǒng)來(lái)幫助教師更好地管理和組織課堂教育將尤為重要。借助先進(jìn)的技術(shù)融入現(xiàn)實(shí)的教學(xué)可以極大地減輕教師管理大量學(xué)生的壓力，也可以使學(xué)生們更好地成長(zhǎng)。本文的研究可以幫助廣大高校教師高效、自由、隨心管理整個(gè)課堂，及時(shí)發(fā)布課堂所需資料、班級(jí)課堂公告、測(cè)試，輕松便捷管理學(xué)生資料。普通的教學(xué)模式，教師往往無(wú)法兼顧每一位學(xué)生，通過(guò)百倍課堂的課堂大屏幕互動(dòng)問(wèn)答環(huán)節(jié)，可以有效提升學(xué)生的學(xué)習(xí)熱情，激發(fā)學(xué)習(xí)潛能，使教師更好地了解學(xué)生的真實(shí)情況。2100頁(yè)web端技術(shù)的選擇2.1前后端框架的組合本系統(tǒng)基于前后端分離開(kāi)發(fā)。這是目前開(kāi)發(fā)的主流模式，特別是現(xiàn)在流行起來(lái)的后端框架SPRINGBOOT+前端框架VUE的組合方式成為了眾多開(kāi)發(fā)者的不二選擇。前后端分離使得傳統(tǒng)的開(kāi)發(fā)合作形式發(fā)生了很大轉(zhuǎn)變2.2建設(shè)計(jì)劃VUE.JS是一個(gè)優(yōu)秀且給前端開(kāi)發(fā)帶來(lái)革命性改變的技術(shù)框架3100頁(yè)請(qǐng)求分析web端需求3.1web端系統(tǒng)橋梁基于VUE的百倍課堂的全景式教學(xué)輔助前端系統(tǒng)的功能需要貫穿課前、課中、課后。WEB端作為百倍課堂的重要組成部分，分別與PC端和小程序接壤，作為連接的系統(tǒng)橋梁。它為教師提供班級(jí)課程管理、課前準(zhǔn)備、課中互動(dòng)、課后交流等實(shí)用功能，同時(shí)也為學(xué)生提供了相應(yīng)的課程提前預(yù)習(xí)、課下及時(shí)復(fù)習(xí)等功能。3.2課程管理：傳統(tǒng)的課堂管理以美國(guó)課程開(kāi)發(fā)和專(zhuān)業(yè)學(xué)生參與課程的管理系統(tǒng)主要功能分為個(gè)人課堂管理、個(gè)人信息管理、教學(xué)管理、個(gè)人資源管理、課堂交互、在線組題等。個(gè)人課堂管理：用戶(hù)通過(guò)掃描二維碼進(jìn)行登錄，登錄后對(duì)課程管理，包括對(duì)教授的課程與班級(jí)的管理?？梢蚤_(kāi)啟、參與班級(jí)課程，可以對(duì)所參與的課程進(jìn)行信息查看，也可以參與新的班級(jí)課程。個(gè)人信息管理：用戶(hù)可以進(jìn)行校園身份綁定，將校園的教務(wù)賬號(hào)與百倍課堂用戶(hù)進(jìn)行綁定；可以更改自己的個(gè)人信息，包括手機(jī)號(hào)綁定。教學(xué)管理：用戶(hù)可以對(duì)自己授課的課堂進(jìn)行管理，對(duì)課堂的成員、課堂小組、課堂的基本信息進(jìn)行管理?？梢栽谡n堂在線討論區(qū)對(duì)授課日志進(jìn)行查看和導(dǎo)出，系統(tǒng)會(huì)記錄PC端的授課情況，包括簽到情況、學(xué)生習(xí)題數(shù)據(jù)、課件數(shù)據(jù)。個(gè)人資源模管理：用戶(hù)可以對(duì)自己開(kāi)設(shè)課程的課件庫(kù)進(jìn)行管理，可以接受教學(xué)試卷，可以對(duì)試卷進(jìn)行上傳管理。課堂交互：用戶(hù)可以開(kāi)啟授課管理，包括開(kāi)啟授課、展示課件、展示課堂二維碼。學(xué)生通過(guò)掃碼完成簽到。課件信息限定，是管理課件信息的展現(xiàn)設(shè)置。隨機(jī)名單抽點(diǎn)，是對(duì)參與課程的學(xué)生進(jìn)行隨機(jī)抽取，達(dá)到二次驗(yàn)證的目的。在線組題：用戶(hù)可以在自己教授的課程中編組在線課堂習(xí)題，包括編寫(xiě)習(xí)題。題型包括單選題、多選題、填空題、判斷題、簡(jiǎn)答題。4100頁(yè)設(shè)計(jì)4.1全球框架百倍課堂整體結(jié)構(gòu)設(shè)計(jì)如圖1所示。百倍課堂Web端運(yùn)行在瀏覽器上，用戶(hù)請(qǐng)求到前端瀏覽器后通過(guò)Axios請(qǐng)求后臺(tái)接口4.2項(xiàng)目信息分類(lèi)為保障百倍課堂Web端順利開(kāi)發(fā)，需要根據(jù)前期分模塊開(kāi)發(fā)。項(xiàng)目目錄結(jié)構(gòu)要清晰明了。項(xiàng)目的每一文件目錄分類(lèi)要明確，確保開(kāi)發(fā)的順利進(jìn)行，保證項(xiàng)目維護(hù)方便、代碼可讀性強(qiáng)。在Vue-cli生成項(xiàng)目的基礎(chǔ)上結(jié)合自身項(xiàng)目的實(shí)際需要進(jìn)行橫向擴(kuò)展和垂直拆分。完善后的百倍課堂Web項(xiàng)目大體目錄結(jié)構(gòu)如圖2所示。5課堂模式模塊設(shè)計(jì)微信掃碼登錄實(shí)現(xiàn)，主要分為登錄前的登錄界面與登錄后的主頁(yè)兩部分。登錄頁(yè)面由導(dǎo)航欄、二維碼及尾部三部分組成。為防止二維碼過(guò)期，設(shè)置的是1分鐘定時(shí)刷新更換新的二維碼，用戶(hù)也可手動(dòng)點(diǎn)擊刷新。首先進(jìn)入登錄頁(yè)面獲取微信登錄二維碼，在請(qǐng)求后臺(tái)接口時(shí)隨機(jī)把前端生成的32UUID作為一個(gè)操作碼傳到后臺(tái)接口。該操作碼是唯一標(biāo)識(shí)當(dāng)前用戶(hù)與主機(jī)訂閱一個(gè)單播的SOCKET通道。用戶(hù)第一次掃碼需要關(guān)注，成功以后服務(wù)器根據(jù)前面的操作碼向前端發(fā)送信息。前端頁(yè)面通過(guò)WEBSOCKET通道收到消息后自動(dòng)跳轉(zhuǎn)到登陸后的主頁(yè)，并且把返回的TOKEN存儲(chǔ)在瀏覽器的LOCALSTORAGE和COOKIE中，作為當(dāng)前用戶(hù)的唯一身份識(shí)別。交互設(shè)計(jì)如圖3所示。部分主要代碼如下：掃碼登錄界面如圖4所示。為實(shí)現(xiàn)課堂課程以及班級(jí)管理，統(tǒng)一整合到課堂綜合數(shù)據(jù)管理模塊下，主要包括設(shè)置課堂相關(guān)課程的基本信息。頁(yè)面提供了課程置頂、編輯、刪除等功能，以及設(shè)置班級(jí)基礎(chǔ)信息，如加入該班級(jí)是否需要填寫(xiě)真實(shí)姓名、學(xué)號(hào)，設(shè)置開(kāi)課時(shí)間。課堂綜合數(shù)據(jù)管理如圖5所示。課堂管理界面和班級(jí)設(shè)置界面分別如圖6和圖7所示。課堂交互主要包括：（1）開(kāi)啟授課功能。用戶(hù)創(chuàng)建相應(yīng)的課堂且上傳課件后就可以點(diǎn)擊課堂頁(yè)面。點(diǎn)擊右上方的開(kāi)啟授課按鈕，并點(diǎn)擊選擇相應(yīng)的課件。頁(yè)面跳轉(zhuǎn)到課程開(kāi)始上課前的課程頁(yè)，由左側(cè)的課程加入二維碼以及相應(yīng)的班級(jí)口令，點(diǎn)擊二維碼可全屏顯示，便于學(xué)生掃碼加入。（2）課堂隨機(jī)點(diǎn)名。當(dāng)用戶(hù)按開(kāi)始按鈕時(shí)，屏幕上快速滾動(dòng)學(xué)生的用戶(hù)頭像和姓名。當(dāng)按下暫停按鈕時(shí)確定回答問(wèn)題的人員；或按下鍵盤(pán)的enter鍵開(kāi)啟點(diǎn)名，再按則暫停并重新開(kāi)始。被點(diǎn)名的學(xué)生手機(jī)上會(huì)收到百倍課堂小程序發(fā)送的相應(yīng)點(diǎn)到通知消息。部分主要代碼如下：選擇課件文件夾及對(duì)應(yīng)的課件，點(diǎn)擊開(kāi)啟授課后彈出加入課堂二維碼。學(xué)生通過(guò)微信掃碼加入該課堂。課堂交互界面如圖8和圖9所示。選擇對(duì)應(yīng)課件后點(diǎn)擊開(kāi)始上課界面，如圖10所示。課堂在線組題模塊包括提供習(xí)題批量刪除功能、按照習(xí)題關(guān)鍵字搜索相關(guān)習(xí)題、編輯習(xí)題功能、添加相應(yīng)的習(xí)題功能、分類(lèi)查看習(xí)題的功能、查看習(xí)題詳情。按照題型的類(lèi)別添加習(xí)題信息。用戶(hù)首先要確定選擇添加的題型是選擇題、填空題、解答題還是多選題等。然后輸入題目描述、輸入選項(xiàng)或解析描述，如果是選擇題和填空題則需要用戶(hù)勾選正確的選項(xiàng)。最后進(jìn)行相應(yīng)的編輯、保存則添加習(xí)題成功。添加習(xí)題界面和編輯習(xí)題界面分別如圖11和圖12所示。個(gè)人資源管理主要包括對(duì)課件進(jìn)行上傳和刪除管理。對(duì)課件文件和圖片文件上傳使用七牛云存儲(chǔ)，通過(guò)上傳前獲取唯一憑證，攜帶參數(shù)通過(guò)前端直接上傳到七牛云存儲(chǔ)服務(wù)器，不用把文件傳給后端，直接通過(guò)百倍課堂Web端上傳。主要代碼如下：課件管理界面如圖13所示。課堂考勤主要通過(guò)學(xué)生掃碼簽到的方式進(jìn)行記錄，百倍課堂WEB端通過(guò)課堂掃碼進(jìn)行簽到以及掃碼加入課堂，如圖14和15所示的簽到頁(yè)面、點(diǎn)擊加入課堂彈窗二維碼學(xué)生通過(guò)掃碼加入課堂，由左側(cè)的簽到二維碼和右側(cè)的實(shí)時(shí)統(tǒng)計(jì)已簽到人員（包括用戶(hù)頭像和昵稱(chēng)，如果老師在開(kāi)啟授課時(shí)設(shè)定了要填寫(xiě)姓名和學(xué)號(hào)加入班級(jí)，那么會(huì)顯示姓名和學(xué)號(hào)）組成，并提供簽到人員導(dǎo)出成Ecxel表格的功能，方便老師統(tǒng)計(jì)名單。6項(xiàng)目監(jiān)控及代碼管理百倍課堂Web端采用JENKINS方式的自動(dòng)化部署，比傳統(tǒng)的部署方法高效快捷。傳統(tǒng)的方法都是通過(guò)本地編譯打包后復(fù)制到遠(yuǎn)程服務(wù)器重啟相應(yīng)進(jìn)程，較為繁瑣。通過(guò)JEKINS來(lái)管理項(xiàng)目的自動(dòng)部署，完美結(jié)合開(kāi)發(fā)環(huán)境和線下環(huán)境的不同實(shí)現(xiàn)差別化部署，通過(guò)編寫(xiě)自動(dòng)化shell腳本來(lái)模擬手工實(shí)現(xiàn)不同環(huán)境下的項(xiàng)目部署并穩(wěn)定運(yùn)行。使用Git來(lái)進(jìn)行百倍課堂Web端項(xiàng)目代碼的管理，在本地電腦上開(kāi)發(fā)完成后就可以立即推送到Git遠(yuǎn)程倉(cāng)庫(kù)，并在線上環(huán)境中同步更新最新提交的代碼。通過(guò)搭建JENKINS以及編寫(xiě)的自動(dòng)化部署腳本可以完成項(xiàng)目提交后在Linux服務(wù)器上進(jìn)行自動(dòng)化部署，構(gòu)建失敗則回滾之前的版本。在JENKINS上設(shè)置的輪詢(xún)和定時(shí)構(gòu)建，不需要人為干涉，在代碼有誤提交后構(gòu)建失敗會(huì)以郵件方式通知開(kāi)發(fā)者。同時(shí)Git支持設(shè)置定時(shí)觸發(fā)構(gòu)建，當(dāng)有新的版本和修改被提交時(shí)，便可以觸發(fā)相應(yīng)的構(gòu)建機(jī)制從而為自動(dòng)化部署提供有力支持。整個(gè)項(xiàng)目放在NGINX上運(yùn)行。它是高性能的HTTP和反向代理WEB服務(wù)器，在性能、高處理、并發(fā)性、高效率和輕量等方面具有許多優(yōu)勢(shì)自動(dòng)化部署主要腳本如下：7前后端互通機(jī)