本系统基于七牛的云存储功能并用此平台存储管理各类学习资料，达到随时随地用移动设备进行学习的目的。

系统使用的七牛云平台提供的云存储，在减少开发成本的同时，更保障了系统的可靠性。它打破了传统的教师与学生之间学习、互动的时间和地点限制，客观上减少了学习带来的时间成本（路途时间）和实际成本（书本费、材料费等）。

由于系统运行在普及率很高的移动手机端，实现了零碎化，碎片化学习时间的利用，使用户能够随时随地学习相关课程，丰富自己的知识[8]。由于移动端占有了人们大多数学习阅读时间，使得用户在打开手机娱乐的同时也能够学习来提升自己，激发了学习乐趣和兴趣。

值得一提的是，系统采用的Ionic技术使得移动端的呈现与学院网站无缝对接，资源实时更新互动，课程状况学分绩点，教室教师信息一手掌握。极大地方便了用户及时查阅自己的相关资料，使用户便于管理和制定自己的学习方案。

1。4 本文组织结构

本文按照以下结构顺序来阐述具体研究工作：

第一章，绪论。阐述了本系统的研究背景以及国内移动学习领域的现状分析。同时提出了系统的设计思路以及研究意义。

第二章，相关技术的背景介绍。对涉及到的相关技术，七牛云平台、web前端和移动APP端分别进行简单介绍。 

第三章，系统总体架构。对本系统的整个业务流程进行了分析，并提出了解决方案，着重阐述了移动端的系统架构。

第四章，系统详细设计。这部分主要对系统的各个模块进行了详细的剖析与阐述，并按照开发流程从功能的角度进行了解析。

第五章，总结与展望。针对系统开发中遇到的问题提出了解决方案并总结。对于系统功能的进一步优化升级提出了畅想。

第二章 系统开发工具及关键技术

本章介绍了开发基于云平台的移动学习系统所需要用到的工具和环境以及实现其功能所需要用到的关键技术。

2。1 开发工具及技术

本系统在windows操作系统上开发，并且需要事先下载配置好android sdk环境。

开发采用的是webstorm11。03编译环境，调试采用的是chrome浏览器以及一些JSON格式转换的和用于解决跨域安全问题的插件。

系统本身并不使用android原生[9]技术进行开发，而是使用HTML5页面配合AngularJS框架开发移动APP应用。同时系统还使用到了七牛云存储机制，不将资源存放在本地而是放在了更加安全高效的云上。

2。2 相关技术描述

2。2。1 HTML5

系统采用HTML5来构建基本的页面，并且使用了很多HTML5的新特性。最新布的HTML5[10]新标准添加了很多适用于移动应用开发的新特性，更好地支持了移动端独有的元素，具体如下：

（1）离线缓存能够更好地支持大数据流量的app应用，节省网络流量消耗。

（2）音视频可以自由嵌入，尤其是新加入的video属性，更是使原本需要程序员自己编写的富媒体显示视图变得可以轻松的呈现。

（3）专门为移动平台定制的表单元素以及对不同键盘格式的调用使得用户体验更上一层楼。本系统采用HTML5来构建基本的页面，并且使用了很多HTML5的新特性。

2。2。2 CSS3

本系统采用CSS3来设置系统界面的样式风格，采用了很多CSS3的新特性。新的CSS3[11]层叠样式的标准添加了很多漂亮的编辑布局功能，它弥补了单纯的HTML元素构建所构建的页面的单调的缺陷，使得用户能够获得更好地审美上的体验。本系统使用了CSS3来调整页面的显示样式，是整个布局风格更为人性化。 HTML5云平台的移动学习系统-移动端设计(4):http://www.youerw.com/jisuanji/lunwen_125947.html