基于移动互联网的小学英语有效教学工具的应用

基于移动互联网的小学英语有效教学工具的应用

1研究意义和方法随着互联网的快速发展，新时代的教育逐渐发生了变化。如何设计一个系统来帮助教师更好地管理和组织课堂教育将尤为重要。借助先进的技术融入现实的教学可以极大地减轻教师管理大量学生的压力，也可以使学生们更好地成长。本文的研究可以帮助广大高校教师高效、自由、随心管理整个课堂，及时发布课堂所需资料、班级课堂公告、测试，轻松便捷管理学生资料。普通的教学模式，教师往往无法兼顾每一位学生，通过百倍课堂的课堂大屏幕互动问答环节，可以有效提升学生的学习热情，激发学习潜能，使教师更好地了解学生的真实情况。2100页web端技术的选择2.1前后端框架的组合本系统基于前后端分离开发。这是目前开发的主流模式，特别是现在流行起来的后端框架SPRINGBOOT+前端框架VUE的组合方式成为了众多开发者的不二选择。前后端分离使得传统的开发合作形式发生了很大转变2.2建设计划VUE.JS是一个优秀且给前端开发带来革命性改变的技术框架3100页请求分析web端需求3.1web端系统桥梁基于VUE的百倍课堂的全景式教学辅助前端系统的功能需要贯穿课前、课中、课后。WEB端作为百倍课堂的重要组成部分，分别与PC端和小程序接壤，作为连接的系统桥梁。它为教师提供班级课程管理、课前准备、课中互动、课后交流等实用功能，同时也为学生提供了相应的课程提前预习、课下及时复习等功能。3.2课程管理：传统的课堂管理以美国课程开发和专业学生参与课程的管理系统主要功能分为个人课堂管理、个人信息管理、教学管理、个人资源管理、课堂交互、在线组题等。个人课堂管理：用户通过扫描二维码进行登录，登录后对课程管理，包括对教授的课程与班级的管理。可以开启、参与班级课程，可以对所参与的课程进行信息查看，也可以参与新的班级课程。个人信息管理：用户可以进行校园身份绑定，将校园的教务账号与百倍课堂用户进行绑定；可以更改自己的个人信息，包括手机号绑定。教学管理：用户可以对自己授课的课堂进行管理，对课堂的成员、课堂小组、课堂的基本信息进行管理。可以在课堂在线讨论区对授课日志进行查看和导出，系统会记录PC端的授课情况，包括签到情况、学生习题数据、课件数据。个人资源模管理：用户可以对自己开设课程的课件库进行管理，可以接受教学试卷，可以对试卷进行上传管理。课堂交互：用户可以开启授课管理，包括开启授课、展示课件、展示课堂二维码。学生通过扫码完成签到。课件信息限定，是管理课件信息的展现设置。随机名单抽点，是对参与课程的学生进行随机抽取，达到二次验证的目的。在线组题：用户可以在自己教授的课程中编组在线课堂习题，包括编写习题。题型包括单选题、多选题、填空题、判断题、简答题。4100页设计4.1全球框架百倍课堂整体结构设计如图1所示。百倍课堂Web端运行在浏览器上，用户请求到前端浏览器后通过Axios请求后台接口4.2项目信息分类为保障百倍课堂Web端顺利开发，需要根据前期分模块开发。项目目录结构要清晰明了。项目的每一文件目录分类要明确，确保开发的顺利进行，保证项目维护方便、代码可读性强。在Vue-cli生成项目的基础上结合自身项目的实际需要进行横向扩展和垂直拆分。完善后的百倍课堂Web项目大体目录结构如图2所示。5课堂模式模块设计微信扫码登录实现，主要分为登录前的登录界面与登录后的主页两部分。登录页面由导航栏、二维码及尾部三部分组成。为防止二维码过期，设置的是1分钟定时刷新更换新的二维码，用户也可手动点击刷新。首先进入登录页面获取微信登录二维码，在请求后台接口时随机把前端生成的32UUID作为一个操作码传到后台接口。该操作码是唯一标识当前用户与主机订阅一个单播的SOCKET通道。用户第一次扫码需要关注，成功以后服务器根据前面的操作码向前端发送信息。前端页面通过WEBSOCKET通道收到消息后自动跳转到登陆后的主页，并且把返回的TOKEN存储在浏览器的LOCALSTORAGE和COOKIE中，作为当前用户的唯一身份识别。交互设计如图3所示。部分主要代码如下：扫码登录界面如图4所示。为实现课堂课程以及班级管理，统一整合到课堂综合数据管理模块下，主要包括设置课堂相关课程的基本信息。页面提供了课程置顶、编辑、删除等功能，以及设置班级基础信息，如加入该班级是否需要填写真实姓名、学号，设置开课时间。课堂综合数据管理如图5所示。课堂管理界面和班级设置界面分别如图6和图7所示。课堂交互主要包括：（1）开启授课功能。用户创建相应的课堂且上传课件后就可以点击课堂页面。点击右上方的开启授课按钮，并点击选择相应的课件。页面跳转到课程开始上课前的课程页，由左侧的课程加入二维码以及相应的班级口令，点击二维码可全屏显示，便于学生扫码加入。（2）课堂随机点名。当用户按开始按钮时，屏幕上快速滚动学生的用户头像和姓名。当按下暂停按钮时确定回答问题的人员；或按下键盘的enter键开启点名，再按则暂停并重新开始。被点名的学生手机上会收到百倍课堂小程序发送的相应点到通知消息。部分主要代码如下：选择课件文件夹及对应的课件，点击开启授课后弹出加入课堂二维码。学生通过微信扫码加入该课堂。课堂交互界面如图8和图9所示。选择对应课件后点击开始上课界面，如图10所示。课堂在线组题模块包括提供习题批量删除功能、按照习题关键字搜索相关习题、编辑习题功能、添加相应的习题功能、分类查看习题的功能、查看习题详情。按照题型的类别添加习题信息。用户首先要确定选择添加的题型是选择题、填空题、解答题还是多选题等。然后输入题目描述、输入选项或解析描述，如果是选择题和填空题则需要用户勾选正确的选项。最后进行相应的编辑、保存则添加习题成功。添加习题界面和编辑习题界面分别如图11和图12所示。个人资源管理主要包括对课件进行上传和删除管理。对课件文件和图片文件上传使用七牛云存储，通过上传前获取唯一凭证，携带参数通过前端直接上传到七牛云存储服务器，不用把文件传给后端，直接通过百倍课堂Web端上传。主要代码如下：课件管理界面如图13所示。课堂考勤主要通过学生扫码签到的方式进行记录，百倍课堂WEB端通过课堂扫码进行签到以及扫码加入课堂，如图14和15所示的签到页面、点击加入课堂弹窗二维码学生通过扫码加入课堂，由左侧的签到二维码和右侧的实时统计已签到人员（包括用户头像和昵称，如果老师在开启授课时设定了要填写姓名和学号加入班级，那么会显示姓名和学号）组成，并提供签到人员导出成Ecxel表格的功能，方便老师统计名单。6项目监控及代码管理百倍课堂Web端采用JENKINS方式的自动化部署，比传统的部署方法高效快捷。传统的方法都是通过本地编译打包后复制到远程服务器重启相应进程，较为繁琐。通过JEKINS来管理项目的自动部署，完美结合开发环境和线下环境的不同实现差别化部署，通过编写自动化shell脚本来模拟手工实现不同环境下的项目部署并稳定运行。使用Git来进行百倍课堂Web端项目代码的管理，在本地电脑上开发完成后就可以立即推送到Git远程仓库，并在线上环境中同步更新最新提交的代码。通过搭建JENKINS以及编写的自动化部署脚本可以完成项目提交后在Linux服务器上进行自动化部署，构建失败则回滚之前的版本。在JENKINS上设置的轮询和定时构建，不需要人为干涉，在代码有误提交后构建失败会以邮件方式通知开发者。同时Git支持设置定时触发构建，当有新的版本和修改被提交时，便可以触发相应的构建机制从而为自动化部署提供有力支持。整个项目放在NGINX上运行。它是高性能的HTTP和反向代理WEB服务器，在性能、高处理、并发性、高效率和轻量等方面具有许多优势自动化部署主要脚本如下：7前后端互通机