“互聯網+”學習社區系統移動端應用的分析與配置

曹蔚然 張多煒 杜梅

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

關鍵詞：“互聯網+”;學習社區系統;移動端;社交軟件

中圖分類號：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-），女，博士，講師.研究領域：軟件開發，數字圖像處理.