html5的课程类微信公众号的设计与实现(源码)【字数：13076】
摘 要 摘 要在移动互联网的迅速发展的背景下，我们已经步入4G时代。手机成为人们生活中必不可少的物件，成为日常娱乐和学习的必备品。当今，人们可以使用手机获取大量的有用的信息和知识，学习场地和学习时间也发生了巨大的改变。本文论述了使用HTML5技术设计和开发一个课程类的Web网站，在微信公众平台中展示。人们可以订阅公众号，利用碎片化时间学习。通过这个平台，学生可以了解课程概要，课程知识点等信息，并可以下载作业，播放教学视频等，实现移动端的辅助及远程学习功能。老师可以上传学习资料和教学视频，实现远程教学的功能。本文分析了HTML5技术发展方向并总结课程类微信公众号的发展前景。同时对于课程类微信公众号的发展，提出自己的一些建议，给课程类微信公众号的开发者提供一个参考。关键词HTML5；微信公众平台；课程网站
目录
第一章 绪论 1
1.1本课题的研究背景与意义 1
1.1.1 本课题的研究背景 1
1.1.2 本课题的研究意义 2
1.2 课程类微信公众号的研究现状 2
1.3 本文的主要内容 3
第二章 相关技术与环境搭建 5
2.1相关技术的介绍 5
2.1.1 HTML5的介绍 5
2.1.2 PHP的介绍 6
2.1.3 Bootstrap框架的介绍 6
2.2 平台与开发工具的介绍 6
2.2.1微信公众平台的介绍 6
2.2.2 Dreamweaver介绍 7
2.2.3 新浪云（SAE）介绍 8
2.4 本章小结 9
第三章 需求分析与框架设计 10
3.1 需求分析 10
3.1.1 系统需求分析 10
3.1.2 用户需求分析 10
3.2 项目可行性研究 11
3.2.1 技术可行性研究 11
3.2.2 经济可行性研究 11
3.3 总体设计 12
3.3.1 系统流程设计 12
*好棒文|www.hbsrm.com +Q: *351916072*
/> 3.3.2 系统结构设计 13
3.4 本章小结 14
第四章 系统详细设计与实现 15
4.1微信公众号的设计 15
4.1.1 微信公众号的申请 15
4.1.2 微信公众号的自定义菜单的编辑 16
4.2 前台页面设计 17
4.2.1 首页模块设计 18
4.2.2 课程概要模块 20
4.2.3 本书作者模块 22
4.2.4 教学视频模块 23
4.2.5 作业下载模块 24
4.2.6 问题交流模块 24
4.2.7 联系我们模块 27
4.3 后台模块设计 28
4.3.1 管理员登录模块 28
4.3.2 视频管理模块设计 29
4.3.3 作业管理模块设计 30
4.4 本章小结 31
第五章 系统测试 32
5.1 测试的平台和工具 32
5.2 测试内容与结果 32
5.2.1 单元测试 32
5.2.2 模块测试 33
5.2.3 响应时间测试 37
5.2.4 兼容性测试 37
5.3 本章小结 38
结语 39
致谢 40
参考文献 41
第一章 绪论
HTML5的出现不是一次简单的标准的更新，这次版本的更新，使移动互联网得到了飞跃式发展。移动互联网的发展也带动了一些移动社交应用的出现，比如：微信。微信是目前用户群最大的互动交流手机软件,微信公众号的推出对各 行业产生了巨大的变革[1]。
1.1本课题的研究背景与意义
研究背景与意义是一个课题研究的目的和作用，没有研究意义的课题是毫无意义的，本节将介绍本课题的研究背景与意义。
1.1.1 本课题的研究背景
移动互联网的快速发展以及HTML5标准的出现，极大地推动移动Web的发展。像智能手机这样的移动设备的普及，让移动Web发展具有了广阔的空间。微信为了提高用户粘性，推出了微信公共平台。
微信公众平台是腾讯公司在微信的基础上新增的功能模块，主要面向个人、企业、组织。在微信公众平台上，可以实现与特殊群体文字、图片、语音的全方位交流。而拥有微信公众号的个人、企业、组织可以借助这一平台进行自媒体活动。
HTML5是超文本语言的第五次重大修改。HTML5相较于之前的版本加入的新功能，能够使开发和使用网页更加敏捷，并与浏览器很好的结合，降低了浏览器对资源的占有率和对插件的依赖[2]。HTML5的设计目的是满足在互联网快速发展的时候，有相应的网络标准能够达到符合当代的网络需求[3]。HTML5的许多特性，比如本地存储特性，设备兼容特性，网页多媒体特性和三维、图形及特效特性等，都加快了HTML5的普及。现在，越来越多的浏览器支持HTML5，比如国外的IE11、Firefox、Google Chrome和国内的360浏览器、QQ浏览器、猎豹浏览器。随着越来越多的产品支持，HTML5也逐渐成为一个统一的标准。对于开发者而言，他们使用HTML5的标准开发的Web或应用，将在PC上、手机上或其他智能设备上都能轻松的运行，而不再需要根据硬件类型推出相应的版本，大大降低了开发的成本和时间，使桌面和移动平台无缝衔接。这也是为什么HTML5能够收到广大开发者和用户的欢迎。
有了微信提供的平台加上HTML5的技术，开发一个Web，将会发挥两者的优势，具有良好的用户体验和广大的用户基数。
1.1.2 本课题的研究意义
在4G网络的快速发展的背景下，移动网络终端普及率越来越高的背景下，基于传统教学模式的课程类微信公众平台是很需要的。该平台的建立有利于老师和同学安排合理的学习时间，提升学习效率。凭借这个平台，学校可以降低教学的成本和学生的学习成本。本课题是基于微信公众平台的课程类课程网站，用户群体基数大，能实现文字、图片、音频、视频等媒体的交流，满足学习者移动学习的需求。开发课程类微信公众号的主要意义有：（1）普及性。只要关注本课题微信公众号的学生都可以接收到平台推送的学习内容。（2）便利性。学生可以借助本课题微信公众平台随时随地的学习，并且老师可以凭借此平台发布学习资源。（3）学习方式多样性。该平台提供不同于传统学习的学习方式，有利于激发学生学习热情，提高学习效率[3]。
目录
第一章 绪论 1
1.1本课题的研究背景与意义 1
1.1.1 本课题的研究背景 1
1.1.2 本课题的研究意义 2
1.2 课程类微信公众号的研究现状 2
1.3 本文的主要内容 3
第二章 相关技术与环境搭建 5
2.1相关技术的介绍 5
2.1.1 HTML5的介绍 5
2.1.2 PHP的介绍 6
2.1.3 Bootstrap框架的介绍 6
2.2 平台与开发工具的介绍 6
2.2.1微信公众平台的介绍 6
2.2.2 Dreamweaver介绍 7
2.2.3 新浪云（SAE）介绍 8
2.4 本章小结 9
第三章 需求分析与框架设计 10
3.1 需求分析 10
3.1.1 系统需求分析 10
3.1.2 用户需求分析 10
3.2 项目可行性研究 11
3.2.1 技术可行性研究 11
3.2.2 经济可行性研究 11
3.3 总体设计 12
3.3.1 系统流程设计 12
*好棒文|www.hbsrm.com +Q: *351916072*
/> 3.3.2 系统结构设计 13
3.4 本章小结 14
第四章 系统详细设计与实现 15
4.1微信公众号的设计 15
4.1.1 微信公众号的申请 15
4.1.2 微信公众号的自定义菜单的编辑 16
4.2 前台页面设计 17
4.2.1 首页模块设计 18
4.2.2 课程概要模块 20
4.2.3 本书作者模块 22
4.2.4 教学视频模块 23
4.2.5 作业下载模块 24
4.2.6 问题交流模块 24
4.2.7 联系我们模块 27
4.3 后台模块设计 28
4.3.1 管理员登录模块 28
4.3.2 视频管理模块设计 29
4.3.3 作业管理模块设计 30
4.4 本章小结 31
第五章 系统测试 32
5.1 测试的平台和工具 32
5.2 测试内容与结果 32
5.2.1 单元测试 32
5.2.2 模块测试 33
5.2.3 响应时间测试 37
5.2.4 兼容性测试 37
5.3 本章小结 38
结语 39
致谢 40
参考文献 41
第一章 绪论
HTML5的出现不是一次简单的标准的更新，这次版本的更新，使移动互联网得到了飞跃式发展。移动互联网的发展也带动了一些移动社交应用的出现，比如：微信。微信是目前用户群最大的互动交流手机软件,微信公众号的推出对各 行业产生了巨大的变革[1]。
1.1本课题的研究背景与意义
研究背景与意义是一个课题研究的目的和作用，没有研究意义的课题是毫无意义的，本节将介绍本课题的研究背景与意义。
1.1.1 本课题的研究背景
移动互联网的快速发展以及HTML5标准的出现，极大地推动移动Web的发展。像智能手机这样的移动设备的普及，让移动Web发展具有了广阔的空间。微信为了提高用户粘性，推出了微信公共平台。
微信公众平台是腾讯公司在微信的基础上新增的功能模块，主要面向个人、企业、组织。在微信公众平台上，可以实现与特殊群体文字、图片、语音的全方位交流。而拥有微信公众号的个人、企业、组织可以借助这一平台进行自媒体活动。
HTML5是超文本语言的第五次重大修改。HTML5相较于之前的版本加入的新功能，能够使开发和使用网页更加敏捷，并与浏览器很好的结合，降低了浏览器对资源的占有率和对插件的依赖[2]。HTML5的设计目的是满足在互联网快速发展的时候，有相应的网络标准能够达到符合当代的网络需求[3]。HTML5的许多特性，比如本地存储特性，设备兼容特性，网页多媒体特性和三维、图形及特效特性等，都加快了HTML5的普及。现在，越来越多的浏览器支持HTML5，比如国外的IE11、Firefox、Google Chrome和国内的360浏览器、QQ浏览器、猎豹浏览器。随着越来越多的产品支持，HTML5也逐渐成为一个统一的标准。对于开发者而言，他们使用HTML5的标准开发的Web或应用，将在PC上、手机上或其他智能设备上都能轻松的运行，而不再需要根据硬件类型推出相应的版本，大大降低了开发的成本和时间，使桌面和移动平台无缝衔接。这也是为什么HTML5能够收到广大开发者和用户的欢迎。
有了微信提供的平台加上HTML5的技术，开发一个Web，将会发挥两者的优势，具有良好的用户体验和广大的用户基数。
1.1.2 本课题的研究意义
在4G网络的快速发展的背景下，移动网络终端普及率越来越高的背景下，基于传统教学模式的课程类微信公众平台是很需要的。该平台的建立有利于老师和同学安排合理的学习时间，提升学习效率。凭借这个平台，学校可以降低教学的成本和学生的学习成本。本课题是基于微信公众平台的课程类课程网站，用户群体基数大，能实现文字、图片、音频、视频等媒体的交流，满足学习者移动学习的需求。开发课程类微信公众号的主要意义有：（1）普及性。只要关注本课题微信公众号的学生都可以接收到平台推送的学习内容。（2）便利性。学生可以借助本课题微信公众平台随时随地的学习，并且老师可以凭借此平台发布学习资源。（3）学习方式多样性。该平台提供不同于传统学习的学习方式，有利于激发学生学习热情，提高学习效率[3]。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/765.html
