6
3。1。1。3慕课在高校的发展前景 6
3。1。2 经济可行性 6
3。1。3 操作可行性 7
4 系统设计 9
4。3。1 确定前端设计配色 11
4。3。2 原型设计 12
4。3。2。1 首页原型设计 12
4。3。2。2 登陆界面设计 12
4。3。2。3 视频播放界面 13
5 系统实现及效果分析 15
5。2。1 登陆界面前端实现 15
5。2。2 导航栏的实现 16
5。2。3 视频播放功能的实现 18
5。2。4 Bootstrap实现评论功能 18
5。2。5 选项卡功能的实现 19
5。2。6 下拉菜单的实现 19
5。2。7 课程成绩排名的实现 20
5。2。8 搜索功能的实现 20
5。2。9 课程缩略图展示 21
5。2。10 轮播效果 22
5。2。11 用于测试页面的滚动监听效果 23
5。2。12 导航栏中消息数量提示 23
6 总结与展望 25
毕业论文体会 26
参考文献 27
A． 英文原文 28
B． 原文翻译 30
6
1 绪论
MOOC全称是Massive Open Oline Course，中文直译为“大规模网络公开课”。
1。1 课题意义
慕课和传统单一视频的网络教学虽然渠道相同单方式上却有所差异，慕课课程大都定期开课，有课后作业，老师和学生可以在线交流，会有随堂或定期小测，个别慕课平台为加强学生之间的交流会让学生互相批改作业。结课后符合要求的学生可以申请证书。
由MOOC的定义，可以知道MOOC具有两个特征:开放式获取，任何人都可以免费参与慕课课程的学习；规模伸缩性，课程设计是便考虑到不限用户数量上限，具有灵活的伸缩性。慕课的大规模不仅是指参与课程的学生的人数多，而且表示课程活动的覆盖面广泛。美国高等教育记事在对开展MOOCs的103名教授的调查中显示，每门课程平均有33000个来自全国各地的学生注册，相当于传统课程授课人数的几百倍。
目前国外有Coursera、Udacity、edX三大慕课学习网站。国内虽慕课平台众多但普遍处于初期阶段，课程覆盖不够广泛不够系统，资源质量不高等问题。目前国内慕课平台基本有两种形式，一是同国内外知名大学合作，聘请任课老师专门录制教学视频或随堂录制教学视频，这些平台学科覆盖一般较为广泛，和大学校内课程较为一致，其中比较知名的平台有网易公开课、中国大学慕课、MOOC学院。二是针对单独学科建立的慕课学习平台，这些平台因为覆盖面较窄，有较多精力将单独学科进行较为深入的教学，并能围绕学科进行专项优化，学习者可以较为系统的进行学习，其中较为知名的有极客学院、慕课网。 HTML5《数据结构》课程慕课建设(2):http://www.youerw.com/jisuanji/lunwen_89285.html