曹蔚然 張多煒 杜梅

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4 ? 結(jié)論（Conclusion）

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

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

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

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

[3] 戴婧佼.“互聯(lián)網(wǎng)+教育”背景下對(duì)高校思政課教學(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)頁(yè)技術(shù)的圖書館管理系統(tǒng)[D].上海師范大學(xué)，2018.

作者簡(jiǎn)介：

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

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

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