基于手机微信的实验教学网站

◆应继明 管正华 余康远 项紫晴 张航涛



基于手机微信的实验教学网站

◆应继明 管正华 余康远 项紫晴 张航涛

（温州医科大学眼视光学院生物医学工程学院 浙江 325000）

随着移动互联网的快速发展，微网站的影响力也在逐渐扩大。微网站能够实现IOS、android等多平台智能手机操作系统的兼容，手机上网又是当下的潮流，本文将讲述利用HTML5构建一个共享型教学资源服务平台的微网站，手机用户可通过微信平台访问该微网站。此微网站实现实验教学资源的共享，使得学生能够利用平时的空闲时间，自主学习需要的教学内容。

HTML5；教学资源；微网站

0 引言

随着移动互联网的快速发展和智能手机的普及率的不断提高，通过手机上网已经成为大多数人首选的上网方式，而微信作为一种多功能社交app，目前的月活跃用户数超过8亿，而且大学生人群中微信的使用率也相当的高。利用在大学生中高普及率的智能手机和微信一起构建教学互动平台，把传统教学方式的优势与移动互联网的学习优势结合起来，是一个有价值的研究方向。

网络的教学平台在构建数字化的学习环境中发挥了重要的支撑作用，是推动教学信息化的快速发展、拓展教育教学的深度及广度的不可或缺的环境基础，也是对有限的教学资源以及课堂上的面授教学的有效补充[1]。

实验教学由于其学习特点，更加注重通过观察和操作实物来掌握相关知识点，而非仅通过单纯的理论知识，所以在课后往往难以做到复习巩固。本文所涉及的微网站开发的主旨是实验教学资源的集中与共享。其优点是能够做到详细的实物信息和理论知识的结合。学生在课后访问微网站即可自主选择相应的实验进行复习巩固。

1 系统整体框架

微信公众平台处理程序及微网站构建采用HTML5开发，开发环境选择Dreamweaver，数据库采用MySQL，Web应用服务器采用轻云服务器。

本文研究的微网站是关于实验室教学资源系统的信息总结与推广，主界面分为关于我们、新闻中心、用户登录、信息浏览、实验教学、在线问答、友情链接、科研荣誉、师资概况等九个模块。

2 实现项目所需技术

2.1 HTML5编程语言

HTML5赋予了网页更多的意义和更合理的结构。更加丰富实用的标签将随着对RDFa的微数据和微格式等方面的支持，构建出对程序和用户都更有价值的数据驱动的Web。[2]本地存储特性（Class: OFFLINE & STORAGE）基于HTML5语言开发的网页APP具有更短的启动时间、更快的联网速度。这些全都得益于HTML5 APP Cache和本地存储功能。

HTML5新特性主要体现在：语义化标记、Form表单增强功能、视频/音频、画布、可编辑内容、拖放、文件的数据存储等方面，HTML5其实是关于图像，位置，存储，速度的优化和改进。[3]

2.2 Adobe Dreamweaver网页编辑软件

本文开发选用的网页编辑软件是Adobe Dreamweaver，简称“DW”，是美国的MACROMEDIA公司开发的一款集网页制作与管理网站于一身的所见即所得的网页编辑器。DW是已出现的第一个针对专业网页设计师的使用而创造的视觉化的网页开发工具。利用它就可以轻松实现制作跨越平台限制和跨越浏览器限制的网页。

2.3 HTML5+CSS3页面布局

HTML5+CSS3具有结构清晰、大大缩短页面代码、提供页面浏览速度等优点[4]。

HTML5并不仅可用来表示Web的内容，它的新使命更是将Web带入到一个成熟的应用平台，在HTML5平台上，能够实现音频、视频、图象、动画以及同电脑的交互标准化。

CSS3对于Web开发者来说并不仅是新奇的技术，更重要的是这个全新概念的web应用给我们带来了无限的可能，同时也极大地提高了开发效率。我们不必再依赖用图片或者Javascript去完成自定义字体、文字背景、图片透明度、3D动画、色彩渐变、文字阴影、图片圆角等设计。

2.4服务器选择

网站服务器是指在互联网数据中心中存放网站的服务器[5]。它主要用于网站互联网中的发布、应用，是网络应用的基础硬件设施。

本文所研究的微网站开发所选用的服务器是轻云服务器。轻云服务器预装网站所需运行环境和数据库，管理方式与虚拟主机相同，无需服务器运维人员。独立IP，不限流量，独享服务器资源，是网站建设用户首选。

2.5微网站实现

本文研究的试验教学微网站分为教师登录与学生登录。

教师在登录之后可通过该微网站平台推送通知公告、实验教学进度、实验器械信息、课程信息、最新的科研成果，以及通过“在线问答”回复学生的提问。

学生登录之后可进行信息浏览（如图1所示），查看实验教学的相关信息（如图2所示）进行提前预习或者巩固学习，另外，通过友情链接访问其它各校内网站，也可通过在线问答，提出自己的疑问。（如图3所示）有助于老师和学生之间的互动交流。

图1 信息浏览界面图

图2实验教学界面图

图3在线问答界面

3 结束语

本文通过微信及微网站实现了实验教学资源的移动端获取，克服了传统学习方式依赖于时间与场所的缺点。微信作为一款成功的社交app，以其丰富实用的功能收获了超过8亿的月活跃用户，拥有强大的用户基础与相当的影响力。因此，通过微信来推广微网站继而实现实验教学资源的共享，具有良好的前景，在推广使用的过程中将会受到更多学生用户的欢迎，成为移动端学习的不二选择。

[1]黄永慧，陈程凯.HTML5在移动应用开发上的应用前景[J].计算机技术与发展，2013.

[2]严琦，朱治国.HTML5对移动应用的影响[J];信息通信技术，2012.

[3]施炜.基于HTML5技术的微网站开发与实现[J].黑龙江科技信息，2015.

[4]梁仲智.基于HTML5的跨终端Web生成系统的设计与实现[J].中山大学，2013.

[5]宋昭寿，胡忠旭,漆丽娟.HTML5网页设计探析[J].红河学院学报，2012.

浙江省大学生科技创新活动计划（新苗人才计划）项目2016R413030；全国教育信息技术研究规划课题（146231623）。