“互联网+”学习社区系统移动端应用的分析与配置

曹蔚然 张多炜 杜梅

摘  要：随着移动技术的发展，移动端应用变得越来越普遍。这使得基于“互联网+”学习社区系统的辅助教学活动将越来越多地发生在移动端。本文在探讨了学习社区系统在教学活动中的作用及系统选择的依据后，着重分析了系统的移动端浏览和社交软件辅助登录的应用。在针对这两种应用对系统进行了配置后，对配置结果进行了验证。验证结果表明，配置后的系统可以有效支持移动端浏览及社交软件辅助登录，为教师的辅助教学活动提供了与时俱进的“互联网+”支持。

关键词：“互联网+”;学习社区系统;移动端;社交软件

中图分类号：TP399     文献标识码：A

Abstract：With the development of mobile technology，mobile applications are becoming more and more popular.As a result，more and more auxiliary teaching activities based on the "Internet +" learning community system will take place on the mobile terminal.After discussing the role of learning community system in teaching activities and the basis of system selection，this paper analyzes the application of mobile terminal browsing and social software assisted login.After the system is configured for these two applications，the configuration results are verified.The verification results show that the configured system can effectively support mobile terminal browsing and social software assisted login，providing advanced "Internet +" support for teachers' assisted teaching activities.

Keywords："Internet +";learning community system;mobile terminal;social software

1   引言（Introduction）

“互聯网+”是变革教育的技术基础[1]，在国家号召下，随着技术的发展，教学活动与互联网的联系越发紧密了。通过互联网信息技术提高教学效率成为课程教学的必然趋势[2]。目前以教育资源共享为特点的“互联网+教育”模式正式被我国推广运用[3]。不断有新型的教学形式涌现，比如 Mooc（慕课）、微课、翻转课堂、手机课堂等等[4]，其中雨课堂更是密切地使用了移动互联网技术，达到了课堂与网络的深度融合。教学过程除了课堂教学外，课后的辅助环节也是非常重要的。学习社区系统的作用正在于此，可以在课外把学生方便地组织在一个环境中集中学习，成为教师提高教学质量一个重要手段。虽然网上也有很多问答解题类的网站，但其专业性和方便性不如为班级量身定制一个专门的学习社区系统。这种环境中相当于是课堂的延伸，使同学们在课上学习、课下解疑、训练变得极为方便[5]。

近年来随着移动端及社交通讯软件的流行，学生登录网站的手段悄然发生了变化，更多的同学开始用手机登录网站。为了使同学们的学习变得便捷，一个与时俱进的学习社区系统应该考虑移动端的使用场景。教学中应用微信功能作为对传统课堂的有效补充，能促进学生的学习积极性和主动性，提高教学效果[6]。

2   系统分析（System analysis）

一般来说，移动端网站应用有两个典型应用场景。一是通过移动端浏览器直接访问网站进行操作，这会带来页面布局问题。与电脑屏幕相比于，手机的屏幕要小很多，直接用手机屏幕显示为电脑屏幕设计的网页，会影响使用者的浏览体验，所以在这种场景下需要对系统进行移动端优化。二是利用手机上的社交APP直接注册并登录网站，这可以减少登录社区系统的操作步骤，方便学习。

综合比较了几种流行的社区网站系统后，Discuz！系统是比较好的选择，它不但有着强大的负载能力，而且在及移动端浏览及社交软件注册登录都有着较好的支持。系统采用流行的php语言实现，支持流行的开源数据库mySQL，这使得系统更容易被用户接受。在扩展性上，系统也进行了设计，吸引了大量的二次开发者并形成了自己的生态系统，联合开发公司配套的其他软件产品可以让系统功能得到极大增强[7]。

Discuz！系统虽然在功能的实用性上做得比较好，但在系统设计的科学性上与国际前沿的软件相比还有很多地方需要改进。比如页面代码设计的可重构性上，以及数据库设计的合理性上都需要进行系统的改进才能适应需求的变化及系统本身的发展。系统的部分类继承示例如图1所示，从图中可以看出类继承较“简单”，并没有体现更多的“对扩展开放，对修改关闭”的设计模式原则。此外，系统配置模块比较烦琐、缺乏系统性，有待改进。

但瑕不掩瑜，Discuz！系统的实用性是经过多年磨合、改进的，其功能齐全且实用是毋庸置疑的。其实用性、易用性及丰富的社区功能是同类其他开源软件无法达到的，所以作为一个供班级学生活动且希望功能上实用、易用的学习社区系统来说，Discuz！是非常合适的选择。

3  系统配置及应用（System configuration and application）

现在移动端已经非常普及，学生基本人人都有手机，都有微信账号，使用手机登录网站已经是非常方便的事情。为了让系统能更好地为同学们服务，应该让系统支持移动端的使用并能有效利用人人已有的流行社交APP的账号信息简化系统的注册和登录，减少不必要的重复劳动，有效增加用户的使用兴趣。

手机的屏幕比电脑的要小很多，直接浏览会导致文字太小而看不清楚，所以将学生社区系统配置成适配手机可浏览的响应式布局是十分必要的。为了让网站适应不同平台的屏幕以达到用户满意的浏览体验，人们做出了许多努力。1999年人们提出了WAP协议用于信息的移动端访问[8]，但由于其与HTML的兼容性、重复性等问题而逐渐被淘汰。2001年就有网站实现了页面布局自适应浏览器视宽的功能[9]。2010年Ethan Marcotte 提出了响应式Web设计（RWD）的概念，将其定义为流动布局（fluid grid）、弹性图片（flexible images）以及媒体查询（media queries）[10]。随后RWD得到了广泛的应用。但RWD也存在一些问题，如不适合复杂排版页面、消耗更多用户流量等资源、不利于搜索优化和排名以及浏览器兼容性问题等[11]。

Discuz！系统并没有追求使用RWD，而是通过PHP的WEB参数来辨识是否为手机端登录。系统通过对$_SERVER['HTTP_USER_AGENT']的内容进行判断，具体情况如图2所示。从图2中不难看出系统在客户端访问网站时要进行判断以决定以何种方式进行显示。实际用户从手机访问网站时将被引导进入网站m目录并使用手机模板进行显示，手机模板是专门为手机端定制的，可以更清楚地显示页面内容。

考虑到目前使用手机已经成为人们上网的便捷工具，系统支持让用户通过手机已有账号快速注册并登录。这就极大地方便了学生登录系统，减少了注册账号等重复性的工作。这之前需要申请一个微信开发者账号并得到自己的开发者凭据。然后以系统管理员的身份进入系统，即可配置系统的微信登录功能，在“管理中心”->“应用”中找到微信登录插件并启用，在展开的配置选项里填入开发者凭据，并根据需要设置好登录特性。这样在网站首页会新增出现一个微信账号登录的按钮，点击即出现登录二维码。用手机微信扫描该二维码即可实现学习社区系统的自动注册及登录，并可在相关板块下浏览并进行发帖、回帖等操作。情况如图3所示。

使用微信扫码后授权系统使用微信头像等信息后，系统自动跳转到登录后状态，登录名即为用户微信号。如果系统设置了需要管理员确认，则需要确认之后该微信用户才能登录系统并浏览、发言。情况如图4所示。

微信用户扫码登录后，系统在数据库里自动创建了该微信用户的账号，情况如图5所示。由图可见，系统自动为微信用户创建了同名的账号，并将其组别设置为wechat组。

至此，系统已经可以让用户使用微信扫码的方式自动注册并登录系统，使学生使用系统的复杂度大大降低，方便了学生的学习。

4   结论（Conclusion）

通过配置及应用，不难看出该学习社区系统可以方便地适应手机端的浏览并能便捷地整合目前最为流行的社交APP——微信，让学生通过微信就能自动注册并登录学习社区系统，并进行浏览、发帖等学习活动。可以说功能非常实用，这必将为学生和老师在课后进行课下教学辅助活动提供便利。当然，正如前面已经阐述的那样，系统还有改进的余地，如果能从实用走向现代，应用更多的设计模式及现代软件设计理念，其对学生的活动、学习和参考必将有更大价值。总之，该学习社区系统体现了与时俱进的“互联网+”理念，实现了将流行的移动端互联网技术与教学活动的深度融合，不但促进了学生计算机技术和课程的学习，同时也为教师教学活动课下环节提供了有力的辅助手段。

参考文献（References）

[1] 余胜泉.“互联网+”时代的未来教育[J].人民教育，2018（01）：     34-39.

[2] 蔡创.“互联网+”背景下《Java程序设计》课程混合式教学改革研究[J].软件工程，2018，21（12）：54-56.

[3] 戴婧佼.“互联网+教育”背景下对高校思政课教学改革的思考[J].学理论，2019（08）：145-146.

[4] 赵丽华.“互联网+”背景下高校思政课教育教学改革探究[J].学理论，2019（08）：147-148.

[5] 曹蔚然，杜梅，刘伟民，等.一种应用于“互联网+”教学的社区系统的分析与配置[J].软件工程，2019，22（01）：40-42.

[6] 张仙伟.互联网+背景下的微信新媒体在教学中的应用[A].Advanced Science and Industry Research Center.Proceedings of 2019 International Conference on Education Reform，Management Innovation and Social Science（ERMISS 2019）[C].Advanced Science and Industry Research Center：Science and Engineering Research Center，2019：183-185.

[7] 百度百科.Discuz！[EB/OL].https：//baike.baidu.com/item/discuz！，2019-07-01.

[8] Chetan Sharma;Yasuhisa Nakamura.Wireless Data Services：Technologies， Business Models and Global Markets[M].Cambridge University Press，2016：257-269.

[9] Jim Kalbach.The First Responsive Design Website：Audi（circa 2002）[EB/OL].https：//experiencinginformation.com/2012/07/22/the-first-responsive-design-website-audi-circa-2002，2019-10-15.

[10] Ethan Marcotte.Responsive Web design[EB/OL].https：//alistapart.com/article/responsive-web-design，2019-10-20.

[11] 朱曉.基于响应式网页技术的图书馆管理系统[D].上海师范大学，2018.

作者简介：

曹蔚然（1974-），男，博士，讲师.研究领域：网络安全，软件开发，智能算法.

张多炜（1999-），男，本科生.研究领域：软件开发.

杜  梅（1977-），女，博士，讲师.研究领域：软件开发，数字图像处理.