“互聯(lián)網(wǎng)+”學(xué)習(xí)社區(qū)系統(tǒng)移動端應(yīng)用的分析與配置

曹蔚然 張多煒 杜梅

摘 ?要：隨著移動技術(shù)的發(fā)展，移動端應(yīng)用變得越來越普遍。這使得基于“互聯(lián)網(wǎng)+”學(xué)習(xí)社區(qū)系統(tǒng)的輔助教學(xué)活動將越來越多地發(fā)生在移動端。本文在探討了學(xué)習(xí)社區(qū)系統(tǒng)在教學(xué)活動中的作用及系統(tǒng)選擇的依據(jù)后，著重分析了系統(tǒng)的移動端瀏覽和社交軟件輔助登錄的應(yīng)用。在針對這兩種應(yīng)用對系統(tǒng)進(jìn)行了配置后，對配置結(jié)果進(jìn)行了驗證。驗證結(jié)果表明，配置后的系統(tǒng)可以有效支持移動端瀏覽及社交軟件輔助登錄，為教師的輔助教學(xué)活動提供了與時俱進(jìn)的“互聯(lián)網(wǎng)+”支持。

關(guān)鍵詞：“互聯(lián)網(wǎng)+”;學(xué)習(xí)社區(qū)系統(tǒng);移動端;社交軟件

中圖分類號：TP399 ? ? 文獻(xiàn)標(biāo)識碼：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）

“互聯(lián)網(wǎng)+”是變革教育的技術(shù)基礎(chǔ)[1]，在國家號召下，隨著技術(shù)的發(fā)展，教學(xué)活動與互聯(lián)網(wǎng)的聯(lián)系越發(fā)緊密了。通過互聯(lián)網(wǎng)信息技術(shù)提高教學(xué)效率成為課程教學(xué)的必然趨勢[2]。目前以教育資源共享為特點的“互聯(lián)網(wǎng)+教育”模式正式被我國推廣運用[3]。不斷有新型的教學(xué)形式涌現(xiàn)，比如 Mooc（慕課）、微課、翻轉(zhuǎn)課堂、手機(jī)課堂等等[4]，其中雨課堂更是密切地使用了移動互聯(lián)網(wǎng)技術(shù)，達(dá)到了課堂與網(wǎng)絡(luò)的深度融合。教學(xué)過程除了課堂教學(xué)外，課后的輔助環(huán)節(jié)也是非常重要的。學(xué)習(xí)社區(qū)系統(tǒng)的作用正在于此，可以在課外把學(xué)生方便地組織在一個環(huán)境中集中學(xué)習(xí)，成為教師提高教學(xué)質(zhì)量一個重要手段。雖然網(wǎng)上也有很多問答解題類的網(wǎng)站，但其專業(yè)性和方便性不如為班級量身定制一個專門的學(xué)習(xí)社區(qū)系統(tǒng)。這種環(huán)境中相當(dāng)于是課堂的延伸，使同學(xué)們在課上學(xué)習(xí)、課下解疑、訓(xùn)練變得極為方便[5]。

近年來隨著移動端及社交通訊軟件的流行，學(xué)生登錄網(wǎng)站的手段悄然發(fā)生了變化，更多的同學(xué)開始用手機(jī)登錄網(wǎng)站。為了使同學(xué)們的學(xué)習(xí)變得便捷，一個與時俱進(jìn)的學(xué)習(xí)社區(qū)系統(tǒng)應(yīng)該考慮移動端的使用場景。教學(xué)中應(yīng)用微信功能作為對傳統(tǒng)課堂的有效補(bǔ)充，能促進(jìn)學(xué)生的學(xué)習(xí)積極性和主動性，提高教學(xué)效果[6]。

2 ? 系統(tǒng)分析（System analysis）

一般來說，移動端網(wǎng)站應(yīng)用有兩個典型應(yīng)用場景。一是通過移動端瀏覽器直接訪問網(wǎng)站進(jìn)行操作，這會帶來頁面布局問題。與電腦屏幕相比于，手機(jī)的屏幕要小很多，直接用手機(jī)屏幕顯示為電腦屏幕設(shè)計的網(wǎng)頁，會影響使用者的瀏覽體驗，所以在這種場景下需要對系統(tǒng)進(jìn)行移動端優(yōu)化。二是利用手機(jī)上的社交APP直接注冊并登錄網(wǎng)站，這可以減少登錄社區(qū)系統(tǒng)的操作步驟，方便學(xué)習(xí)。

綜合比較了幾種流行的社區(qū)網(wǎng)站系統(tǒng)后，Discuz！系統(tǒng)是比較好的選擇，它不但有著強(qiáng)大的負(fù)載能力，而且在及移動端瀏覽及社交軟件注冊登錄都有著較好的支持。系統(tǒng)采用流行的php語言實現(xiàn)，支持流行的開源數(shù)據(jù)庫mySQL，這使得系統(tǒng)更容易被用戶接受。在擴(kuò)展性上，系統(tǒng)也進(jìn)行了設(shè)計，吸引了大量的二次開發(fā)者并形成了自己的生態(tài)系統(tǒng)，聯(lián)合開發(fā)公司配套的其他軟件產(chǎn)品可以讓系統(tǒng)功能得到極大增強(qiáng)[7]。

Discuz！系統(tǒng)雖然在功能的實用性上做得比較好，但在系統(tǒng)設(shè)計的科學(xué)性上與國際前沿的軟件相比還有很多地方需要改進(jìn)。比如頁面代碼設(shè)計的可重構(gòu)性上，以及數(shù)據(jù)庫設(shè)計的合理性上都需要進(jìn)行系統(tǒng)的改進(jìn)才能適應(yīng)需求的變化及系統(tǒng)本身的發(fā)展。系統(tǒng)的部分類繼承示例如圖1所示，從圖中可以看出類繼承較“簡單”，并沒有體現(xiàn)更多的“對擴(kuò)展開放，對修改關(guān)閉”的設(shè)計模式原則。此外，系統(tǒng)配置模塊比較煩瑣、缺乏系統(tǒng)性，有待改進(jìn)。

但瑕不掩瑜，Discuz！系統(tǒng)的實用性是經(jīng)過多年磨合、改進(jìn)的，其功能齊全且實用是毋庸置疑的。其實用性、易用性及豐富的社區(qū)功能是同類其他開源軟件無法達(dá)到的，所以作為一個供班級學(xué)生活動且希望功能上實用、易用的學(xué)習(xí)社區(qū)系統(tǒng)來說，Discuz！是非常合適的選擇。

3 ?系統(tǒng)配置及應(yīng)用（System configuration and application）

現(xiàn)在移動端已經(jīng)非常普及，學(xué)生基本人人都有手機(jī)，都有微信賬號，使用手機(jī)登錄網(wǎng)站已經(jīng)是非常方便的事情。為了讓系統(tǒng)能更好地為同學(xué)們服務(wù)，應(yīng)該讓系統(tǒng)支持移動端的使用并能有效利用人人已有的流行社交APP的賬號信息簡化系統(tǒng)的注冊和登錄，減少不必要的重復(fù)勞動，有效增加用戶的使用興趣。

手機(jī)的屏幕比電腦的要小很多，直接瀏覽會導(dǎo)致文字太小而看不清楚，所以將學(xué)生社區(qū)系統(tǒng)配置成適配手機(jī)可瀏覽的響應(yīng)式布局是十分必要的。為了讓網(wǎng)站適應(yīng)不同平臺的屏幕以達(dá)到用戶滿意的瀏覽體驗，人們做出了許多努力。1999年人們提出了WAP協(xié)議用于信息的移動端訪問[8]，但由于其與HTML的兼容性、重復(fù)性等問題而逐漸被淘汰。2001年就有網(wǎng)站實現(xiàn)了頁面布局自適應(yīng)瀏覽器視寬的功能[9]。2010年Ethan Marcotte 提出了響應(yīng)式Web設(shè)計（RWD）的概念，將其定義為流動布局（fluid grid）、彈性圖片（flexible images）以及媒體查詢（media queries）[10]。隨后RWD得到了廣泛的應(yīng)用。但RWD也存在一些問題，如不適合復(fù)雜排版頁面、消耗更多用戶流量等資源、不利于搜索優(yōu)化和排名以及瀏覽器兼容性問題等[11]。

Discuz！系統(tǒng)并沒有追求使用RWD，而是通過PHP的WEB參數(shù)來辨識是否為手機(jī)端登錄。系統(tǒng)通過對$_SERVER['HTTP_USER_AGENT']的內(nèi)容進(jìn)行判斷，具體情況如圖2所示。從圖2中不難看出系統(tǒng)在客戶端訪問網(wǎng)站時要進(jìn)行判斷以決定以何種方式進(jìn)行顯示。實際用戶從手機(jī)訪問網(wǎng)站時將被引導(dǎo)進(jìn)入網(wǎng)站m目錄并使用手機(jī)模板進(jìn)行顯示，手機(jī)模板是專門為手機(jī)端定制的，可以更清楚地顯示頁面內(nèi)容。

考慮到目前使用手機(jī)已經(jīng)成為人們上網(wǎng)的便捷工具，系統(tǒng)支持讓用戶通過手機(jī)已有賬號快速注冊并登錄。這就極大地方便了學(xué)生登錄系統(tǒng)，減少了注冊賬號等重復(fù)性的工作。這之前需要申請一個微信開發(fā)者賬號并得到自己的開發(fā)者憑據(jù)。然后以系統(tǒng)管理員的身份進(jìn)入系統(tǒng)，即可配置系統(tǒng)的微信登錄功能，在“管理中心”->“應(yīng)用”中找到微信登錄插件并啟用，在展開的配置選項里填入開發(fā)者憑據(jù)，并根據(jù)需要設(shè)置好登錄特性。這樣在網(wǎng)站首頁會新增出現(xiàn)一個微信賬號登錄的按鈕，點擊即出現(xiàn)登錄二維碼。用手機(jī)微信掃描該二維碼即可實現(xiàn)學(xué)習(xí)社區(qū)系統(tǒng)的自動注冊及登錄，并可在相關(guān)板塊下瀏覽并進(jìn)行發(fā)帖、回帖等操作。情況如圖3所示。

使用微信掃碼后授權(quán)系統(tǒng)使用微信頭像等信息后，系統(tǒng)自動跳轉(zhuǎn)到登錄后狀態(tài)，登錄名即為用戶微信號。如果系統(tǒng)設(shè)置了需要管理員確認(rèn)，則需要確認(rèn)之后該微信用戶才能登錄系統(tǒng)并瀏覽、發(fā)言。情況如圖4所示。

微信用戶掃碼登錄后，系統(tǒng)在數(shù)據(jù)庫里自動創(chuàng)建了該微信用戶的賬號，情況如圖5所示。由圖可見，系統(tǒng)自動為微信用戶創(chuàng)建了同名的賬號，并將其組別設(shè)置為wechat組。

至此，系統(tǒng)已經(jīng)可以讓用戶使用微信掃碼的方式自動注冊并登錄系統(tǒng)，使學(xué)生使用系統(tǒng)的復(fù)雜度大大降低，方便了學(xué)生的學(xué)習(xí)。

4 ? 結(jié)論（Conclusion）

通過配置及應(yīng)用，不難看出該學(xué)習(xí)社區(qū)系統(tǒng)可以方便地適應(yīng)手機(jī)端的瀏覽并能便捷地整合目前最為流行的社交APP——微信，讓學(xué)生通過微信就能自動注冊并登錄學(xué)習(xí)社區(qū)系統(tǒng)，并進(jìn)行瀏覽、發(fā)帖等學(xué)習(xí)活動。可以說功能非常實用，這必將為學(xué)生和老師在課后進(jìn)行課下教學(xué)輔助活動提供便利。當(dāng)然，正如前面已經(jīng)闡述的那樣，系統(tǒng)還有改進(jìn)的余地，如果能從實用走向現(xiàn)代，應(yīng)用更多的設(shè)計模式及現(xiàn)代軟件設(shè)計理念，其對學(xué)生的活動、學(xué)習(xí)和參考必將有更大價值?？傊?，該學(xué)習(xí)社區(qū)系統(tǒng)體現(xiàn)了與時俱進(jìn)的“互聯(lián)網(wǎng)+”理念，實現(xiàn)了將流行的移動端互聯(lián)網(wǎng)技術(shù)與教學(xué)活動的深度融合，不但促進(jìn)了學(xué)生計算機(jī)技術(shù)和課程的學(xué)習(xí)，同時也為教師教學(xué)活動課下環(huán)節(jié)提供了有力的輔助手段。

參考文獻(xiàn)（References）

[1] 余勝泉.“互聯(lián)網(wǎng)+”時代的未來教育[J].人民教育，2018（01）：? ? ?34-39.

[2] 蔡創(chuàng).“互聯(lián)網(wǎng)+”背景下《Java程序設(shè)計》課程混合式教學(xué)改革研究[J].軟件工程，2018，21（12）：54-56.

[3] 戴婧佼.“互聯(lián)網(wǎng)+教育”背景下對高校思政課教學(xué)改革的思考[J].學(xué)理論，2019（08）：145-146.

[4] 趙麗華.“互聯(lián)網(wǎng)+”背景下高校思政課教育教學(xué)改革探究[J].學(xué)理論，2019（08）：147-148.

[5] 曹蔚然，杜梅，劉偉民，等.一種應(yīng)用于“互聯(lián)網(wǎng)+”教學(xué)的社區(qū)系統(tǒng)的分析與配置[J].軟件工程，2019，22（01）：40-42.

[6] 張仙偉.互聯(lián)網(wǎng)+背景下的微信新媒體在教學(xué)中的應(yīng)用[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] 朱曉.基于響應(yīng)式網(wǎng)頁技術(shù)的圖書館管理系統(tǒng)[D].上海師范大學(xué)，2018.

作者簡介：

曹蔚然（1974-），男，博士，講師.研究領(lǐng)域：網(wǎng)絡(luò)安全，軟件開發(fā)，智能算法.

張多煒（1999-），男，本科生.研究領(lǐng)域：軟件開發(fā).

杜 ?梅（1977-），女，博士，講師.研究領(lǐng)域：軟件開發(fā)，數(shù)字圖像處理.