基于微信小程序的动态网站设计移动学习平台的研究与设计

袁芳，胡伟，彭健

摘要：随着计算机与通信技术的快速发展，移动智能终端设备已改变了传统的学习模式，将移动智能终端设备与教学相结合的模式越来越受到师生们的欢迎。该文以动态网站设计课程为例，根据该课程的特点和教学中存在的问题，提出了设计一个关于动态网站设计课程学习的微信小程序学习平台，以便学生能够利用课余的碎片化时间进行学习，利用小程序实现阅读课程课件、观看教学视频、知识点测试和社区讨论等功能，从而为学生提供多元化的学习方式，提高学生的学习积极性和提升教学质量。

关键词：微信小程序;动态网站设计;移动学习;学习平台

中图分类号：TP311;G642      文献标识码：A

文章编号：1009-3044（2021）20-0088-02

1 背景

21世纪随着计算机与移动互联网信息技术的迅猛发展，人们的日常学习与生活方式也随着发生了极大的改变。QQ、微博、微信等新媒体的出现，不断的升级改善了信息获取和人与人之间的沟通方式。随着4G发展，在移动智能终端设备普及使用背景下，移动智能终端设备已成为我们每天生活与学习中必不可少的信息传播载体，给大家的生活、学习和工作都带来了非常大的便利。特别是在高校教育领域，传统的教学模式已很难满足现代信息化教学需求，“互联网+教育”模式逐渐进入大家的视野，近几年越来越多的在线教育平台涌现出来。在线教育为传统教育给予补充，能够打破传统教学模式的壁垒，共享优质教学资源，使得教与学不再受到空间与时间上的限制。本文介绍设计一个微信小程序——动态网站设计课程移动学习平台，在该平台上教师可以将课程中的教学资源进行上传，方便教师进行教学与管理。学生可以借助智能移动设备随时随地自主学习，从而激发学习兴趣，提高学习效率[1]。

2 移动学习平台与微信小程序

2.1 移动学习平台

随着移动互联网的迅速发展，各种在线学习平台不断涌现，比较受欢迎的有学堂在线、中国大学MOOC、网易云课堂、慕课网等。这些平台发布与使用方式主要分了两种，一种是基于C/S（Client/Server）架构，另外一种是基于B/S（Browser/Server）架构[2]。C/S架构平台下需要智能移动设备安装相应的软件与平台进行交互，从而要占用移动设备更多的硬件资源。B/S架构平台下不需要安装相应的软件，只需移动设备使用浏览器访问就可以，但是这种方式的在线学习平台需用户输入网址，用户体验效果不佳。

2.2 微信小程序

2017年1月9日微信团队正式开放了微信小程序，它是一种运行于微信应用中类似于Web应用的应用形式。它是一种不需要安装即可使用的应用，我们只需扫一扫或者搜一下即可打开应用，无须安装或卸载额外的软件。小程序的界面和使用方法跟App类似，传统App用户需要下载、安装才可以使用App，安装时还会考虑App专用了多大存储空间，哪些程序应该卸载掉以释放空间，微信小程序则无须下载安装，直接使用，不占用存储空间，大大简化了我们用户使用的成本。小程序的入口在微信软件的首页下拉中，并在使用完微信小程序后，可以达到用完即走的效果。由于微信小程序简化了操作，用户体验良好，其使用用户群体具有很高的黏着度和使用率[3]。从而微信小程序为移动学习提供了全新的平台与应用空间，使得移动学习的开发与应用更加便捷和高效。随着WIFI和4G网络的普及，学生利用智能移动设备进行移动学习的需求日益增强。本文基于微信小程序的移动学习平台是面向我院动态网站设计课程的教师与学生，高职学生不同于其他年龄段的学生，课余时间比较多，可以利用空余时间学习更多知识，有意提升自己的能力。

3 高职动态网站设计课程特点

动态网站设计这门课程是我院计算机专业的必修与核心课程，该课程讲述采用PHP技术开发后端动态网站课程。学生在学该门课程之前，必须先学完HTML5、JavaScript和MySQL数据库等课程，所以该课程主要面向我院计算机专业大二下学期或大三上学期开设，该课程所覆盖的知识面多且散，知識点之间的关联度又非常高，同时又对学生的知识点的综合运用能力和动手实践开发能力要求比较高。因此，学生在学习过程中容易产生学习兴趣不高，学习积极性与主动性不够，自信心不足的问题。另一方面在传统的课堂教学过程中，学生大都是被动接受，有时一节课的知识点容量比较多，就会出现学生难以消化，长此以往就容易导致学生学习兴趣下降和教学效果不佳等现象。针对这些情况，利用微信小程序搭建学习平台，将本门课程的相关知识点制作成文档资料、小视频、提供相应的测试练习题等各种丰富资源，学生们可以根据自身需求，利用微信小程序移动学习平台可以不受时间和地点的限制进行学习。

4 微信小程序移动学习平台的设计

4.1 平台总体架构设计

利用微信小程序开发移动学习平台整体性的架构设计如下图1所示，其涉及小程序客户前端、Web后台服务管理和前端与后端数据交互等技术。所以开发该框架的移动学习平台首先要搭建一个Web在线学习平台，且该平台具有一个ICP备案的域名，并且获取、下载和安装好SSL证书。再利用微信小程序开发微信小程序前端和API接口，该接口是向Web服务器发送https请求，Web服务器接收到https请求后再向数据库中获取相应的数据，最后将获取到的数据以Json的形式返回给微信小程序前端进行呈现[4]。

微信小程序是由一系列页面组成，通过微信小程序自定义的WXML微信标记语言来构建页面的结构，利用微信小程序自定义的样式语言WXSS编写样式文件来控制页面的样式，使用JavaScript来进行业务处理，实现页面交互处理和网络请求等操作，其核心是相应数据的绑定，使数据与视图保持同步[5]。

4.2 平台功能模块设计

依据动态网站设计课程移动学习的实际需求，该微信小程序移动学习平台的功能主要分前台和后台，其前台的功能有个人中心、公告通知、课程课件、实训操作案例、微视频、测试题、社区论坛。后台的功能有用户管理、公告管理、学习资源管理和论坛管理[6]。