轻量级慕课系统的设计与实现
发布时间：2021-01-03 18:03
随着计算机与互联网技术的飞速发展,互联网技术已经深入到社会的方方面面。作为互联网在线教育代表的慕课应用,凭借着多样的学习方式和丰富的学习资源,逐渐成为在线教育领域的重要发展方向。然而,与慕课应用迅速发展所形成对比的是,慕课的制作方式与表现载体一直以来并没有发生太大变化,慕课制作者需要做较多准备工作,制作过程较为繁琐复杂,制作周期长,制作成本高;观看者需要有较好的网络条件和带宽资源等,这些缺点在一定程度上限制了慕课应用更进一步的发展。针对以上慕课应用所存在的这些问题,本课题提出了一种以“图片+音频+字幕+特定动作”为内容载体的新型慕课形式,并以此为中心搭建起包含慕课资源播放器、平台桌面端、平台移动端、平台后端和慕课录制端五部分在内的慕课应用平台。慕课资源播放器借助HTML5规范中的Canvas画布元素和Audio音频元素实现;平台桌面端和平台移动端部分采用业界流行的React技术框架实现,平台后端借助Nginx和Nodejs来分发静态资源和执行业务逻辑,数据库采用MongoDB搭配mongoose工具库的方式实现;慕课录制端为基于Objective-C的iPad应用,借助iPad与App...
【文章来源】：华中科技大学湖北省 211工程院校 985工程院校 教育部直属院校
【文章页数】：88 页
【学位级别】：硕士
【部分图文】：
国外慕课发展历程
图 1.2 国内慕课发展历程1.2.3 现存问题与思考从以上对国内外慕课平台的介绍中可以看出，慕课这一现代在线教育领域的代表，在很多方面已经展现出了独特的优势，取得了迅速地发展，包括政府机构、各大高校、公司企业和社会团体在内的社会各界对慕课都倾注了前所未有的重视慕课这一在线教学领域，在未来社会的发展前景非常光明。但是从以上介绍的慕课发展过程中也可以看出，慕课的制作过程与表现载体一直以来并没有发生太大变化。就慕课的制作过程而言，目前主流的慕课制作过程可以分为两种[16]：第一种是课堂实录，即通过摄像机在课堂上完整地记录上课全过程，这种方式的优点是对慕课制作者没有打扰，慕课录制者不必为此做过多准备，但缺点也很明显，教学过程没有细节方面的针对性，对用户在线学习也不友好；第二种是专业制作，即借助专业的慕课制作机构，准备好完整配套的教学准备材料，并协助慕课制作者完成慕课制作，这种方式的优点是慕课制作水准较
图 2.1 平台技术架构在如上所示的平台技术架构图中，慕课资源播放器作为核心模块供平台桌面端和平台移动端使用，其通过经典的 Web 前端开发组合 HTML/CSS/JavaScript 实现[18]，并使用了目前业界非常流行的 React 前端技术框架[19]，利用 React 的组件化开发方式，将其设计成单一组件形式，方便供同样使用 React 开发的平台桌面端和平台移动端使用；平台桌面端与平台移动端同样采用 Web 前端开发组合HTML/CSS/JavaScript 实现，使用的技术开发框架同样是 React，所不同的是，平台桌面端主要供用户在桌面端浏览器上查看和使用，平台移动端主要供用户在移动端浏览器上查看和使用，并且移动端专门针对微信公众号平台做了特定的设计和优化，用户通过微信公众号平台进入平台移动端时能够通过自己的微信身份信息进行特定操作，如发表评论、点赞回复、慕课评分等，所以平台移动端也需要微信公众号平台的技术支持；慕课录制端被设计为一个 iOS 应用，主要在 iPad 上配合 Apple Pencil 使用，通过 Objective-C[20]语言开发，这部分由同组同学负责；
【参考文献】：
期刊论文
[1]论新时期移动通信技术的特点及应用[J]. 刘金权. 科学技术创新. 2019(05)
[2]基于React框架的智慧校园的前端开发设计[J]. 史志腾,杨保华. 电脑知识与技术. 2018(22)
[3]中国在线教育平台盈利模式探析——以网易云课堂为例[J]. 陈蕾. 视听. 2018(05)
[4]分布式存储技术在大数据时代中的应用[J]. 周怡佳. 电子技术与软件工程. 2018(03)
[5]基于虚拟DOM的Web前端性能优化研究[J]. 戴志诚,程劲草. 计算机应用与软件. 2017(12)
[6]基于Dom Diff算法分析React刷新机制[J]. 严新巧,白俊峰. 电脑知识与技术. 2017(18)
[7]基于慕课网的"企业级应用开发"课堂教学改革探索[J]. 蓝建平. 电子制作. 2017(10)
[8]学堂在线:让人人享受优质教育资源[J]. 互联网经济. 2017(03)
[9]微信二维码授权登录网站的实现[J]. 陈彩云,李鹏,温武,郭四稳. 现代计算机(专业版). 2017(01)
[10]基于免费云课程平台的在线开放课程开设方法探究——以“网易云课堂”为例[J]. 罗先辉,刘允,康小丽. 信息化建设. 2015(11)
硕士论文
[1]基于微信的电商平台通用客户端的设计与实现[D]. 何东燃.北京邮电大学 2018
本文编号：2955252
【文章来源】：华中科技大学湖北省 211工程院校 985工程院校 教育部直属院校
【文章页数】：88 页
【学位级别】：硕士
【部分图文】：
国外慕课发展历程
图 1.2 国内慕课发展历程1.2.3 现存问题与思考从以上对国内外慕课平台的介绍中可以看出，慕课这一现代在线教育领域的代表，在很多方面已经展现出了独特的优势，取得了迅速地发展，包括政府机构、各大高校、公司企业和社会团体在内的社会各界对慕课都倾注了前所未有的重视慕课这一在线教学领域，在未来社会的发展前景非常光明。但是从以上介绍的慕课发展过程中也可以看出，慕课的制作过程与表现载体一直以来并没有发生太大变化。就慕课的制作过程而言，目前主流的慕课制作过程可以分为两种[16]：第一种是课堂实录，即通过摄像机在课堂上完整地记录上课全过程，这种方式的优点是对慕课制作者没有打扰，慕课录制者不必为此做过多准备，但缺点也很明显，教学过程没有细节方面的针对性，对用户在线学习也不友好；第二种是专业制作，即借助专业的慕课制作机构，准备好完整配套的教学准备材料，并协助慕课制作者完成慕课制作，这种方式的优点是慕课制作水准较
图 2.1 平台技术架构在如上所示的平台技术架构图中，慕课资源播放器作为核心模块供平台桌面端和平台移动端使用，其通过经典的 Web 前端开发组合 HTML/CSS/JavaScript 实现[18]，并使用了目前业界非常流行的 React 前端技术框架[19]，利用 React 的组件化开发方式，将其设计成单一组件形式，方便供同样使用 React 开发的平台桌面端和平台移动端使用；平台桌面端与平台移动端同样采用 Web 前端开发组合HTML/CSS/JavaScript 实现，使用的技术开发框架同样是 React，所不同的是，平台桌面端主要供用户在桌面端浏览器上查看和使用，平台移动端主要供用户在移动端浏览器上查看和使用，并且移动端专门针对微信公众号平台做了特定的设计和优化，用户通过微信公众号平台进入平台移动端时能够通过自己的微信身份信息进行特定操作，如发表评论、点赞回复、慕课评分等，所以平台移动端也需要微信公众号平台的技术支持；慕课录制端被设计为一个 iOS 应用，主要在 iPad 上配合 Apple Pencil 使用，通过 Objective-C[20]语言开发，这部分由同组同学负责；
【参考文献】：
期刊论文
[1]论新时期移动通信技术的特点及应用[J]. 刘金权. 科学技术创新. 2019(05)
[2]基于React框架的智慧校园的前端开发设计[J]. 史志腾,杨保华. 电脑知识与技术. 2018(22)
[3]中国在线教育平台盈利模式探析——以网易云课堂为例[J]. 陈蕾. 视听. 2018(05)
[4]分布式存储技术在大数据时代中的应用[J]. 周怡佳. 电子技术与软件工程. 2018(03)
[5]基于虚拟DOM的Web前端性能优化研究[J]. 戴志诚,程劲草. 计算机应用与软件. 2017(12)
[6]基于Dom Diff算法分析React刷新机制[J]. 严新巧,白俊峰. 电脑知识与技术. 2017(18)
[7]基于慕课网的"企业级应用开发"课堂教学改革探索[J]. 蓝建平. 电子制作. 2017(10)
[8]学堂在线:让人人享受优质教育资源[J]. 互联网经济. 2017(03)
[9]微信二维码授权登录网站的实现[J]. 陈彩云,李鹏,温武,郭四稳. 现代计算机(专业版). 2017(01)
[10]基于免费云课程平台的在线开放课程开设方法探究——以“网易云课堂”为例[J]. 罗先辉,刘允,康小丽. 信息化建设. 2015(11)
硕士论文
[1]基于微信的电商平台通用客户端的设计与实现[D]. 何东燃.北京邮电大学 2018
本文编号：2955252
本文链接：https://www.wllwen.com/kejilunwen/ruanjiangongchenglunwen/2955252.html
