摘 要

随着现代社会移动互联网技术的高速发展以及移动终端的大大普及，传统的课堂学习和在线学习已经逐渐被移动互联网学习所取代。移动学习（Mobile Learning）是一种在移动设备帮助下的能够在任何时间、任何地点进行的学习，移动学习所使用的移动终端设备必须能够有效地呈现学习内容并且提供教师与学习者之间的互动交流。在21世纪前十年非常流行的MP3播放器、随身听，以及现在主流的智能手机和平板电脑都可以说是移动终端。移动学习与传统的在线学习相比有着移动化、个性化、合作性、交互性等优势，而互联网移动学习强调的就是“无时无刻，随时随地”的学习。而利用移动互联网和移动终端就可以构建一个庞大的移动学习平台，为教师和学习者提供全天候、无固定场所限制的移动学习支持服务，这在理论上和实践上都具有十分重大的意义。

本课题主要利用PHP（Hypertext Preprocessor）脚本语言实现移动教学平台,根据mooc（massive open online courses）系统的要求,结合移动终端设备的特点,分析以及设计并且实现移动mooc教学平台,利用Ruby on rails框架开发教学平台的主要功能,用基于HTML5和CSS（Cascading Style Sheets）的jQuery Mobile技术实现课程学习在移动终端中的前台访问。如此一来，移动设备的浏览器显示问题便得到了解决，从而实现满足在线教学要求的移动mooc教学平台。

jQuery Mobile技术根据不同的移动终端的浏览器分别定制视图，从而使得不同类型的移动设备都可以拥有良好的适应性。基于PHP的移动mooc教学平台具有兼容性强，操作简单，体验性好，交互实时等优点，达到了移动教学的基本前台访问要求，也为今后的研究及探索奠定了基础。

关键字：移动学习；jQuery Mobile；移动终端；移动互联网

Design and Implementation of Mooc Platform

Based on PHP

ABSTRACT

With the popularity of modern society, and the rapid development of mobile Internet technology and mobile terminals, traditional classroom learning and online learning has gradually been replaced by mobile Internet-based learning. Mobile Learning is that a mobile device can help at any time, any place of learning, mobile learning technology and mobile terminal device used must be able to effectively present the learning content and to provide teachers and learners of Interaction. In the 2000s,the popular mobile devices like MP3 player, Walkman, and now the mainstream smart phones and tablet computers can be said to be a mobile terminal. Mobile learning and online learning compared with traditional mobile, personalized, collaborative, interactive and other advantages, and the Internet is the mobile learning emphasized "anytime, anywhere" learning. The use of mobile Internet and mobile terminal can build a huge mobile learning platform for teachers and learners around the clock, no fixed place to limit movement of learning support services which are of great significance in theory and practice.

This topic mainly use PHP (Hypertext Preprocessor) script language mobile education platform, according to the requirements mooc (massive open online courses) system, combining the characteristics of the mobile terminal device, analysis, and design and implement mobile mooc teaching platform using Ruby on rails framework the main function of the development of teaching platform, with courses to achieve in the mobile terminal front access based on HTML5 and CSS (Cascading Style Sheets) of jQuery mobile technology. Thus, the mobile device browser will display issue has been resolved, in order to achieve to meet the needs of teaching requirements of mobile mooc online teaching platform.

 jQuery Mobile technology custom view are different depending on the browser of the mobile terminal, so that the different types of mobile devices can have good adaptability. PHP moving mooc teaching platform compatibility, simple operation, good experience, interactive real-time, etc., to the teaching of basic access requirements of mobile reception, but also for future research and exploration of the foundation.

Key words: mobile learning;jQuery Mobile;mobile terminals;mobile Internet technology

目 录

1 引言 1

1.1 背景介绍 1

1.2 选题的目的和意义 1

2 相关原理与技术 2

2.1 超文本预处理器 2

2.1.1 超文本预处理器的优势性 2

2.1.2 PHP框架 2

2.2 CSS 3

2.2.1 CSS的优势 3

2.3 HTML5 3

2.3.1 HTML5的特点 3

2.4 JavaScript 4

2.4.1 jQuery 4

2.4.2 jQuery mobile 4

2.5 百度地图API 5

2.6 本章小结 5

3 需求分析 6

3.1 概要及其需求分析 6

3.2 系统需求 6

3.3 可行性分析 7

3.4 本章小结 7

4 网站数据库设计 8

4.1 网站数据库 8

4.2 数据库逻辑结构设计 8

4.2.1 系统E-R图 8

4.2.2 数据库表 9

4.3 本章小结 10

5 网站总体设计 11

5.1 网站设计原则 11

5.2 网站总体结构 11

5.2.1 界面原型图设计 11

5.2.2 用户注册与登录 11

5.2.3 选择课程 13

5.2.4 寻找家教 15

5.3 本章小结 15

6 系统实现 16

6.1 系统开发环境 16

6.1.1 Notepad 16

6.1.2 XAMPP 16

6.1.3 云计算平台 17

6.2 主要功能详细设计 18

6.2.1 网站架构 18

6.2.2 注册登录 19

6.2.3 主页面 21

6.2.4 课程页面 21

6.2.5 查找教师 24

6.2.6 后台管理 25

6.3 本章小结 26

7 总结和展望 27

致 谢 28

参考文献 29

1 引言

1.1 背景介绍

大型开放式网络课程，又被称作MOOC（massive open online courses）。早在四年前，美国的一些著名大学陆续建立网络教学平台，并且在网络上公开提供一些课程，随着例如Coursera这些课程提供商的兴起，从而给予了更多学生提供网络学习的可能。2013年2月，新加坡国立大学也加入了Coursera的阵营，也就是说加入了大型开放式网络课程平台。新加坡国立大学2014年率先通过该公司平台推出量子物理学和古典音乐创作的课程，提供了网络课程给用户自行下载或在线观看的课程。Coursera平台的全部课程全是针对高等教育所开放的，并且与真正的大学类似，拥有自己的一套教学、考评、证书系统。最重要的是，这些高等教育课程都是完全免费的。以Coursera为例，这家公司原本已和包括美国哥伦比亚大学、普林斯顿大学等全球33所学府合作。2013年2月，公司再宣布有另外29所大学加入他们的阵容，并且所有课程全部免费。

北京时间2013年5月21日晚7时，清华大学与美国在线教育平台edX同时宣布，清华大学正式加盟edX，成为edX的首批亚洲高校成员之一。清华大学将配备高水平教学团队与edX对接，前期将选择4门课程上线，面向全球开放。未来，清华大学将在中国建立自己的在线教育平台，进一步拓展在线教育模式，大力推动优质教育资源的开放和共享，为社会提供更为广泛的教育服务。至此，中国加入MOOC平台的行列。

1.2 选题的目的和意义

同时，移动互联网的发展也是十分迅速的。截止至2015年，全球智能手机用户比例首次超过全球人口的十分之一，预计到2018年，全球三分之一的消费者将是智能手机用户，总数超过25.6亿人，并且总数还在持续增长中。这就说明了智能手机已经成为了人们生活中必不可少的一部分，发展移动互联网是大势所趋。

2 相关原理与技术

2.1 超文本预处理器

所谓超文本预处理器就是PHP（Hypertext Preprocessor），是一种通用的开源脚本语言，用来实现web网站与用户之间的交互功能。用PHP做出的动态页面与其他的编程语言相比，十分美观并且清晰。PHP是将程序嵌入到HTML（标准通用标记语言下的一个应用）文档中去执行，执行效率比完全生成HTML标记的CGI要高很多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。而现在PHP已经发展到了第五个版本——PHP5。PHP5在长时间的开发及多个预发布版本后，2004年7月13日终于发布了PHP5。该版本以Zend引擎Ⅱ为引擎，并且加入了新功能如PHP Data Objects（PDO）。PHP5.0版本强化更多的功能。

2.1.1 超文本预处理器的优势性

PHP开发网站拥有4大优势，分别如下：