云平台的移动学习系统移动端(附件)【字数：18731】
摘 要摘 要在互联网技术日新月异的今天，人们不再像以往一样依赖于言传身教来获取知识，而是更多的偏爱于浏览互联网来学习知识。随着个人移动设备数量的激增，移动学习应运而生。但是品种众多，资源质量良莠不齐的在线教育网站并不能很好的满足这样一个庞大的学习群体。针对这个情况，本文在分析了国内外移动学习大环境中存在的问题的基础上，提出了一套从客户端到服务端的完备的基于云平台的移动学习解决方案并实现了该方案的移动客户端。本移动客户端的设计摒弃已有的安卓原生开发模式，采用了最新的前端框架Ionic，在HTML页面的基础上，运用AngularJS技术实现APP的控制逻辑。本系统实现了基本的用户登录，课程信息的展示，学习资料的浏览以及重要信息的发布和通知，用户还可以根据喜好对课程进行收藏和评论。本系统搭建了一个完整的在线学习交流的平台，解决了以往移动学习软件资源不能实时更新、学习地点受限的缺点。本文先对整个业务逻辑流程进行了说明，再对系统分模块进行叙述，阐述功能原型的同时给出了具体的逻辑实现，最后总结了遇到的问题并且给出了优化的建议。本文设计的移动学习系统，为开发移动学习软件提供一种新的思路，以期开创一种APP开发的新模式。关键词移动学习；云存储；Ionic；HTML5；AngularJs Abstract
Keywords:Mobile Learning；Cloud storage；Ionic；HTML5；AngularJS 目录
第一章 绪论 1
1.1 研究背景 1
1.2 技术现状 2
1.3 研究内容 2
1.4 本文组织结构 2
第二章 系统开发工具及关键技术 4
2.1 开发工具及技术 4
2.2 相关技术描述 4
2.2.1 HTML5 4
2.2.2 CSS3 4
2.2.3 Ionic框架 5
2.2.4 AngularJS框架 5
2.2.5 Qiniu云存储 5
2.3 本章小结 6
第三章 系统分析与总体设计 7
3.1 系统总体架构 7
3.2 功能模块设计 8
3.2.1 首页课程模块 8 *好棒文|www.hbsrm.com +Q: ^351916072^
3.2.2 收藏课程管理模块 9
3.2.3 用户个人设置模块 9
3.3 在线API测试系统介绍 9
3.4 本章小结 11
第四章 系统详细设计 12
4.1 系统工程目录结构 12
4.1.1 根目录test 13
4.1.2 文件夹CSS 13
4.1.3 文件夹img 14
4.1.4 文件夹js 14
4.1.5 文件夹templates 16
4.2 前端页面设计 16
4.2.1 主界面设计（router.html） 16
4.2.2 课程列表页面（course.html） 17
4.2.3 课程详情页面（coursecontent.html） 20
4.2.4 课程学习页面（coursedetail.html） 22
4.2.5 收藏课程管理页面（thread.html） 24
4.2.6 用户信息页面（user.html） 24
4.3 Controller模块 25
4.3.1 控制器CourseContentCtrl 26
4.3.2 控制器CourseDetailCtrl 27
4.3.3 控制器ThreadCtrl 28
4.3.4 控制器UserCtrl 29
4.3.5 控制器LoginCtrl 29
4.3.6 控制器PersonalCtrl 30
4.4 Service模块 31
4.4.1 课程CourseFactory模块 32
4.4.2 用户UserFactory模块 36
4.4.3 评论CommentsFactory模块 37
4.5 本章小结 38
结论 39
致谢 41
参考文献 42
第一章 绪论
1.1 研究背景
自从手机开始进入普通家庭，大部分人都拥有一部个人PC和移动电话，这使得现在教育发生了深刻的改变，涌现出一大批新型的教育方式。在线学习[1]的模式也应运而生，一时间，丰富的互联网资源充斥着各式各样的学习网站，各大网站的学习模式和方法也层出不穷。这一现状在大学生中尤为普遍，他们利用在线学习的方式学习各种各样的新知识，扩充部分在教科书上学习不到的知识体系，这种学习方式在较短的时间内迅速风靡起来。
然而很多大学生的学习兴趣却被极大地遏制了。一方面，很多在线学习的网站只支持网页端在线学习的方式，学生想要学习新的知识必须通过网线的方式连接到互联网，并且只能在电脑端浏览网页来获得学习资源。另一方面，很多的资源网站常年不更新，或者更新速度缓慢，导致学习资源陈旧不堪不能够做到实时快速的更新。有的教育网站甚至将庞大的教学资源放在本地，严重的加大了管理和维护人员的工作压力。
这一情况在个人手机的普及之后得到了适当的缓解，移动设备的普及使大学生不用受限于宿舍或者教室等地域的限制，可以随时随地使用个人手机通过移动网络进行学习。云平台的出现也极大地丰富了人们的学习资源以及资源的存储方案。将资源存放在云端拥有更好地安全性和存储能力。云存储模式是在云计算概念上延伸和发展出来的新概念,是基于网络的数据存储技术,主要提供数据存储和访问服务[2]。云平台的优势在于资源的存储不受容量的限制，并且不受访问地域的限制，相对于将资源存储在本地具有更好地灵活性。
经过调查研究发现在现代教育模式的大背景下，移动学习[3]（又称Elearning、Mlearning[4]）已经成为了时下主流的一种学习方式，它更好地适应了现在新一代年轻群体对知识获取的新的需求。以前的那种课堂教育的形式已经逐渐被时代所淘汰，然而当前的模式仍然存在一定的缺陷，并且服务受众都是一般的用户。因此亟待开发一款服务于大学生群体的移动学习平台，并且提供全套的网页端以及移动端解决方案来满足不同用户对于学习的要求。
1.2 技术现状
Keywords:Mobile Learning；Cloud storage；Ionic；HTML5；AngularJS 目录
第一章 绪论 1
1.1 研究背景 1
1.2 技术现状 2
1.3 研究内容 2
1.4 本文组织结构 2
第二章 系统开发工具及关键技术 4
2.1 开发工具及技术 4
2.2 相关技术描述 4
2.2.1 HTML5 4
2.2.2 CSS3 4
2.2.3 Ionic框架 5
2.2.4 AngularJS框架 5
2.2.5 Qiniu云存储 5
2.3 本章小结 6
第三章 系统分析与总体设计 7
3.1 系统总体架构 7
3.2 功能模块设计 8
3.2.1 首页课程模块 8 *好棒文|www.hbsrm.com +Q: ^351916072^
3.2.2 收藏课程管理模块 9
3.2.3 用户个人设置模块 9
3.3 在线API测试系统介绍 9
3.4 本章小结 11
第四章 系统详细设计 12
4.1 系统工程目录结构 12
4.1.1 根目录test 13
4.1.2 文件夹CSS 13
4.1.3 文件夹img 14
4.1.4 文件夹js 14
4.1.5 文件夹templates 16
4.2 前端页面设计 16
4.2.1 主界面设计（router.html） 16
4.2.2 课程列表页面（course.html） 17
4.2.3 课程详情页面（coursecontent.html） 20
4.2.4 课程学习页面（coursedetail.html） 22
4.2.5 收藏课程管理页面（thread.html） 24
4.2.6 用户信息页面（user.html） 24
4.3 Controller模块 25
4.3.1 控制器CourseContentCtrl 26
4.3.2 控制器CourseDetailCtrl 27
4.3.3 控制器ThreadCtrl 28
4.3.4 控制器UserCtrl 29
4.3.5 控制器LoginCtrl 29
4.3.6 控制器PersonalCtrl 30
4.4 Service模块 31
4.4.1 课程CourseFactory模块 32
4.4.2 用户UserFactory模块 36
4.4.3 评论CommentsFactory模块 37
4.5 本章小结 38
结论 39
致谢 41
参考文献 42
第一章 绪论
1.1 研究背景
自从手机开始进入普通家庭，大部分人都拥有一部个人PC和移动电话，这使得现在教育发生了深刻的改变，涌现出一大批新型的教育方式。在线学习[1]的模式也应运而生，一时间，丰富的互联网资源充斥着各式各样的学习网站，各大网站的学习模式和方法也层出不穷。这一现状在大学生中尤为普遍，他们利用在线学习的方式学习各种各样的新知识，扩充部分在教科书上学习不到的知识体系，这种学习方式在较短的时间内迅速风靡起来。
然而很多大学生的学习兴趣却被极大地遏制了。一方面，很多在线学习的网站只支持网页端在线学习的方式，学生想要学习新的知识必须通过网线的方式连接到互联网，并且只能在电脑端浏览网页来获得学习资源。另一方面，很多的资源网站常年不更新，或者更新速度缓慢，导致学习资源陈旧不堪不能够做到实时快速的更新。有的教育网站甚至将庞大的教学资源放在本地，严重的加大了管理和维护人员的工作压力。
这一情况在个人手机的普及之后得到了适当的缓解，移动设备的普及使大学生不用受限于宿舍或者教室等地域的限制，可以随时随地使用个人手机通过移动网络进行学习。云平台的出现也极大地丰富了人们的学习资源以及资源的存储方案。将资源存放在云端拥有更好地安全性和存储能力。云存储模式是在云计算概念上延伸和发展出来的新概念,是基于网络的数据存储技术,主要提供数据存储和访问服务[2]。云平台的优势在于资源的存储不受容量的限制，并且不受访问地域的限制，相对于将资源存储在本地具有更好地灵活性。
经过调查研究发现在现代教育模式的大背景下，移动学习[3]（又称Elearning、Mlearning[4]）已经成为了时下主流的一种学习方式，它更好地适应了现在新一代年轻群体对知识获取的新的需求。以前的那种课堂教育的形式已经逐渐被时代所淘汰，然而当前的模式仍然存在一定的缺陷，并且服务受众都是一般的用户。因此亟待开发一款服务于大学生群体的移动学习平台，并且提供全套的网页端以及移动端解决方案来满足不同用户对于学习的要求。
1.2 技术现状
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/wlw/405.html
