在线课堂微信小程序的设计与实现
发布时间：2021-04-02 16:58
移动互联网技术的高速发展改变着人们生活、工作、学习方式,在教育事业领域中出现了利用移动互联网技术进行在线学习的教学模式,打破传统教学模式中固定地点、固定方式、固定时间约束,为广大学员提供一个便捷、适应新时代发展要求的学习平台,成为传播教育资源新的方式。本文研究内容源于西北民族大学已结项国家科技支撑计划项目课题“藏语/汉语远程教育关键技术研究与示范应用”的后续研究工作内容。在线课堂小程序中的教学资源依托“藏语/汉语远程教育关键技术研究与示范应用”所建设的课程资源完成,实现基于微信平台的藏汉双语在线学习系统。本文主要工作包括:对藏语远程教育网的相关资源进行梳理、整合,为在线课堂系统吸收优质教学资源。考察、分析在线课堂系统的选题背景、国内外研究现状等已有研究,总结出选题目的及意义;对开发语言、小程序组件、小程序API、开发工具等相关技术进行了解释论述;从可行性分析、环境需求、功能需求、性能需求四个方面对在线课堂系统进行了需求分析,设计出系统的开发环境配置,总体功能及其所具备的性能;分析系统逻辑结构,从微信端、微信API接口、服务器三部分设计出系统的整体架构,从学员、教师、系统管理员三个角色出...
【文章来源】：西北民族大学甘肃省
【文章页数】：63 页
【学位级别】：硕士
【部分图文】：
小程序基本信息图
图 18 播放页效果图5.3 关键词搜索实现在线课堂系统关键词搜索功能，并弹出输入法，进行输入关键词。实现具体流程如下所示：1、建立 wxml 文件，为搜索功能设计前端页面。采用 form 标签包住整个搜索框及搜索结果展示部分，并为其绑定 submit 方法提交表单数据至相应 js 文件中。设置搜索按钮，绑定 bindtap 方法，将 text 中输入内容通过 js 文件传送至 data表中进行存储。采用 view 层集中展示搜索结果和相关样式的设置，同时调用wx中内置 for 循环方法进行遍历搜索结果，统一展示。2、建立 wxss 文件，为前端搜索页及搜索结果展示，修饰呈现样式，增强用户的观看效果。3、建立 js 文件，将前端 wxml 文件中，表单提交的数据及 text 框中输入内容进行数据处理。tijiaoform方法中，将获取到的搜索输入内容，赋值为 formdat
处理数据格式，调用 that.setData 方法保整个搜索流程。搜索实现效果如图 19 tion (e) { this; = e.detail.value.id; //获取表单所有 name({s://dafeng.applinzi.com/search.php?id=’ +eID,{ 'Content-Type': 'application/json' }, function (res) {setData({res.data,
【参考文献】：
期刊论文
[1]微信小程序在高校图书馆中的创新实践[J]. 杨毅,李兆瑞. 信息记录材料. 2019(02)
[2]微信小程序开发[J]. 王婷婷. 信息技术与信息化. 2018(12)
[3]基于微信小程序的第二课堂学分系统设计研究[J]. 张迪,黄森,朱珺,朱烨. 电脑知识与技术. 2018(36)
[4]家校微信小程序的设计和开发[J]. 傅钟,雷笑天,王强,张健. 微处理机. 2018(06)
[5]微信小程序学习平台提升MOOC结课率研究[J]. 陈宏扬. 无线互联科技. 2018(22)
[6]基于微信小程序的课程在线测试系统[J]. 张沈梅,孙昊,王玲,成甜甜,祖兆研. 电脑知识与技术. 2018(32)
[7]基于微信小程序的移动学习平台的设计与实现[J]. 牛琳,吴琳. 软件工程. 2018(09)
[8]微信小程序在中职教学中的探索与应用[J]. 曹海燕. 科技创新导报. 2018(25)
[9]微信小程序设计[J]. 邢榕珊,匡芳君. 计算机时代. 2018(08)
[10]高中生学习过程中开发微信小程序的应用[J]. 吴娴雅. 中国教育技术装备. 2018(15)
硕士论文
[1]《教育技术理论与创新》课程的微信小程序的设计研究[D]. 张丽莹.内蒙古师范大学 2018
[2]基于微信小程序的移动学习平台环境构建与系统设计开发[D]. 王玉洋.南京大学 2018
[3]基于用户需求的高校图书馆微信小程序移动服务设计研究[D]. 王松.东北师范大学 2018
[4]基于微信小程序的翻转课堂的应用模式探究[D]. 李子嫣.海南师范大学 2018
[5]基于微信小程序的《计算机应用基础》微学习平台的设计与实现[D]. 代洪彬.广西师范学院 2018
[6]基于微信小程序的个人电台系统的设计与实现[D]. 金莹.吉林大学 2017
[7]高校在线论坛系统的设计与实现[D]. 曹林.西安电子科技大学 2017
[8]基于“云技术”的远程教育系统的设计与实现[D]. 李梓阳.电子科技大学 2016
[9]基于云计算的在线学习平台的设计与实现[D]. 曹律.湖南大学 2016
[10]“移动互联”在线学习平台的设计与实现[D]. 周佳莹.湖南大学 2016
本文编号：3115622
【文章来源】：西北民族大学甘肃省
【文章页数】：63 页
【学位级别】：硕士
【部分图文】：
小程序基本信息图
图 18 播放页效果图5.3 关键词搜索实现在线课堂系统关键词搜索功能，并弹出输入法，进行输入关键词。实现具体流程如下所示：1、建立 wxml 文件，为搜索功能设计前端页面。采用 form 标签包住整个搜索框及搜索结果展示部分，并为其绑定 submit 方法提交表单数据至相应 js 文件中。设置搜索按钮，绑定 bindtap 方法，将 text 中输入内容通过 js 文件传送至 data表中进行存储。采用 view 层集中展示搜索结果和相关样式的设置，同时调用wx中内置 for 循环方法进行遍历搜索结果，统一展示。2、建立 wxss 文件，为前端搜索页及搜索结果展示，修饰呈现样式，增强用户的观看效果。3、建立 js 文件，将前端 wxml 文件中，表单提交的数据及 text 框中输入内容进行数据处理。tijiaoform方法中，将获取到的搜索输入内容，赋值为 formdat
处理数据格式，调用 that.setData 方法保整个搜索流程。搜索实现效果如图 19 tion (e) { this; = e.detail.value.id; //获取表单所有 name({s://dafeng.applinzi.com/search.php?id=’ +eID,{ 'Content-Type': 'application/json' }, function (res) {setData({res.data,
【参考文献】：
期刊论文
[1]微信小程序在高校图书馆中的创新实践[J]. 杨毅,李兆瑞. 信息记录材料. 2019(02)
[2]微信小程序开发[J]. 王婷婷. 信息技术与信息化. 2018(12)
[3]基于微信小程序的第二课堂学分系统设计研究[J]. 张迪,黄森,朱珺,朱烨. 电脑知识与技术. 2018(36)
[4]家校微信小程序的设计和开发[J]. 傅钟,雷笑天,王强,张健. 微处理机. 2018(06)
[5]微信小程序学习平台提升MOOC结课率研究[J]. 陈宏扬. 无线互联科技. 2018(22)
[6]基于微信小程序的课程在线测试系统[J]. 张沈梅,孙昊,王玲,成甜甜,祖兆研. 电脑知识与技术. 2018(32)
[7]基于微信小程序的移动学习平台的设计与实现[J]. 牛琳,吴琳. 软件工程. 2018(09)
[8]微信小程序在中职教学中的探索与应用[J]. 曹海燕. 科技创新导报. 2018(25)
[9]微信小程序设计[J]. 邢榕珊,匡芳君. 计算机时代. 2018(08)
[10]高中生学习过程中开发微信小程序的应用[J]. 吴娴雅. 中国教育技术装备. 2018(15)
硕士论文
[1]《教育技术理论与创新》课程的微信小程序的设计研究[D]. 张丽莹.内蒙古师范大学 2018
[2]基于微信小程序的移动学习平台环境构建与系统设计开发[D]. 王玉洋.南京大学 2018
[3]基于用户需求的高校图书馆微信小程序移动服务设计研究[D]. 王松.东北师范大学 2018
[4]基于微信小程序的翻转课堂的应用模式探究[D]. 李子嫣.海南师范大学 2018
[5]基于微信小程序的《计算机应用基础》微学习平台的设计与实现[D]. 代洪彬.广西师范学院 2018
[6]基于微信小程序的个人电台系统的设计与实现[D]. 金莹.吉林大学 2017
[7]高校在线论坛系统的设计与实现[D]. 曹林.西安电子科技大学 2017
[8]基于“云技术”的远程教育系统的设计与实现[D]. 李梓阳.电子科技大学 2016
[9]基于云计算的在线学习平台的设计与实现[D]. 曹律.湖南大学 2016
[10]“移动互联”在线学习平台的设计与实现[D]. 周佳莹.湖南大学 2016
本文编号：3115622
本文链接：https://www.wllwen.com/kejilunwen/ruanjiangongchenglunwen/3115622.html
