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

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

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