基于移動互聯(lián)網的小學英語有效教學工具的應用

基于移動互聯(lián)網的小學英語有效教學工具的應用

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