高校國際化互動平臺的設計與實現

高明玉*，王麗娟，黃鳴生

?

高校國際化互動平臺的設計與實現

高明玉*，王麗娟，黃鳴生

（江蘇科技大學計算機學院，江蘇鎮江，212003）

高校國際化互動平臺應用先進的計算機網頁技術，面向中國學生與來華留學生，通過雙語展示、交流互動、資源共享有效地協助高校對來華留學生進行全方面、高質量培養，促進中外學生相親相融，開拓雙方學生的國際化視野，加強中國文化傳播與世界文化交匯，推動“一帶一路”[1]戰略的實施與深入，促進偉大“中國夢”[2]、“世界夢”[3]的實現。

網頁技術；互動平臺；留學生教育；一帶一路

引言

在全球化的大潮下，經濟、信息、文化等在全球范圍內進行了進一步的流動和交匯，隨著“一帶一路”等政策的實施，中國積極發展與沿線國家的合作關系，共同打造政治互信、經濟融合、文化包容的利益共同體、命運共同體和責任共同體[4]，來華留學生數量不斷增加，地域分布也越來越廣。其中，“一帶一路”沿線國家的來華留學生占總體留學生的數量比穩步上升，是來華留學生源增長的發力點[5]。如今，高校教育國際化已經成為各國高等教育改革與發展的重要話語，并逐步發展成為整合教育目的、功能以及傳遞多元文化和全球理念的重要進程。留學生教育是國家“軟實力”建設的重要組成部分，對加快中國融入世界、加深各國人民友誼、推動和諧世界的建設具有重要作用，但是中外差異性對于留學生的培養模式提出了較高要求，如何全方位、高質量地培養留學生是國際化教育研究的重中之重。

與此同時，計算機技術發展日新月異，其設計理念更加新穎，應用領域更加廣泛。通過計算機技術建立起一個國際化的交流互助平臺能有效實現教育資源全面共享，達成對留學生線上線下教育相結合的多層次教育體系；幫助留學生盡早適應在中國的學習和生活，促使雙方學生擴大交際圈、拓展國際視野，成為適應全球化發展的高素質人才；積極傳播中國文化、加強世界文化交匯，推動“一帶一路”沿線國家的建設和發展，對中華民族偉大復興的“中國夢”與持久和平、共同繁榮的“世界夢”的完美交匯[6]具有現實意義。

盡管國內有些高校嘗試搭建類似的交流互助平臺，但是能投入實際運行的寥寥可數，構建一個親切友好、成熟有效的國際化教育互動平臺已是勢在必行。

1 整體設計

1.1 平臺架構

平臺采用B/S（Brower/Server）結構搭建，如圖1所示。這種瀏覽器/服務器模式能簡化系統開發，降低維護開銷，便于系統擴展，易于使用，增強交互性，能滿足留學生教育過程中不同角色人員的網絡訪問與服務請求，幫助教師輕松發布文件、線上答疑，引導學生下載資料、完成任務，鞏固線下課程。

圖1 B/S結構

1.2 前端劃分

網站前端分為四大版面：

（1）中國歡迎您。

作為平臺第一個展示在訪問者面前的版面，“中國歡迎您”通過中國傳統與現代文化方式表現對來華學生們最熱烈真摯的歡迎，該版面分為三個方面：“游在中國”、“吃在中國”、“住在中國”，以圖片與文字的形式多方面展示中國旅游文化、飲食文化、民居文化。

（2）學在中國。

這一部分幫助留學生適應在中國的學習與生活，分為三個層次，每一層次又細分若干主題。在“漢語學堂”中通過“日常口語”、“成語俗語”、“HSK（漢語水平考試）”、“大學生辯論賽”幫助留學生快速學習漢語；在“留學服務”中通過“學術指導”、“學生手冊”、“獎學金”幫助留學生全面了解在中國求學的流程；在“校園生活”中通過“校園介紹”、“新生服務”、“校園風光”幫助留學生熟悉所在大學。這一部分既展示漢語的魅力，又切實幫助留學生解決求學問題。

（3）相親相愛一家人（問答專區）。

作為平臺的核心功能區，“相親相愛一家人”為用戶提供多方面幫助，呈現熱門提問與回復，開設留言功能，無論是中國學生還是留學生均可就感興趣內容發帖，提問或回答問題，甚至留下聯系方式交友，達到雙向溝通。在這個模塊中，學生之間自由交流，互相學習，拓展視野，通過增進友誼、文化交融實現中外學生一家親。

（4）活動天地。

這里會及時呈現學校開設的活動和學生組織的活動，感興趣的用戶可以查看詳細信息并報名參加活動。

前端界面結構如圖2所示。

圖2 高校國際化互動平臺前端結構圖

1.3 后臺耦合

平臺后臺分為站內信息檢索模塊、論壇模塊、用戶模塊、系統模塊。各模塊分工明確，各自具有特點。

圖3 后臺模塊化設計

如圖3所示，后臺采用模塊化集成設計，便于系統功能修改與擴充。前端展示的頁面中“中國歡迎您”、“學在中國”多為靜態頁面，“問答專區”與“活動天地”多為動態頁面。系統模塊主要是系統的管理，包括安全管理和系統屬性管理，包含管理員的設置和對不同用戶的權限進行分配，如教師可以直接上傳文件資料給學生下載，游客不允許下載文件等。用戶模塊記錄用戶注冊、登陸信息，由系統模塊管理用戶賬戶等級和推送通知。平臺的“問答專區”設置了最熱門的問答，并保存所有的問答信息，當用戶想要就某方面提問的時候可以先檢索站內信息，為了保證盡可能出現相關的問答，由系統的管理界面配置所有可能的搜索詞條的同義詞，支持模糊搜索，以提高搜索結果的精準性，節省用戶時間。站內信息檢索的結果源于論壇問答，信息檢索對論壇模塊發出搜索命令，論壇模塊將可能的數據反饋給檢索界面。

2 平臺實現

2.1 MVC框架模式

平臺采用MVC（模型-視圖-控制器）框架模式，實現方式為：控制器接收用戶輸入的需求并傳遞給業務模型，業務模型進行分析判斷，根據需求對數據庫進行存取，由業務邏輯選擇不同的視圖，用戶界面將結果呈現給用戶，用戶獲得反饋并可以進行下一次指令和數據輸入。這樣整個流程形成了一個閉環，如圖4所示。另外，控制器也可以直接控制用戶界面的表單。

MVC框架具有松散耦合、高內聚的優點，通過MVC框架將平臺系統分模型層、控制層、視圖層，提高了代碼的重用性，模塊化結構易于修改和擴展，增強系統可維護性，簡化開發，便于管理。

圖4 MVC框架模式

2.2 前、后臺實現

2.2.1 前臺建立

為了使該互動平臺不僅能在電腦端展現清晰優美的界面，也能在移動端進行自適應調整從而呈現出賞心悅目的效果，實現跨平臺、有美感、方便用戶的理念，平臺前端使用的核心技術為HTML5、CSS3、JavaScript[6]，所用工具為Bootstrap、jQuery和jQuery的部分插件。

為了滿足用戶需要，平臺具有以下基本功能：

（1）切換語言功能。

對于使用不同語言的訪問者，平臺支持兩種語言兩個版本。網站開發前期開發者進行了中外兩種風格的界面設計，訪問者初次訪問的時候會詢問語言選擇，在訪問期間也可以根據需要點擊切換語言呈現不同的界面，為中外學生提供了了解異國習慣、樣式的機會。兩個版本共用一個數據庫，可謂“同株并蒂”，“花開兩朵”。

（2）注冊與登錄功能。

對于未注冊的游客，平臺將限制其操作，游客只能對網站進行瀏覽，不得留言、點贊、報名參賽等。已經注冊的用戶可以修改個人信息，在互動問答區提問、回復、上傳文件，在活動區參與活動等。

（3）留言與發帖功能。

用戶可以針對他人的提問進行回復，同時將自己感興趣的問題發出來以求回答。在留言和發帖中均支持圖片、文件等上傳，學生和教師均可上傳資料，真正實現資源共享。

（4）分頁功能。

當問答區中某一主題的回復數量過多時，頁面底部會呈現頁數，最近的回復出現在最前面的頁數中。瀏覽者可點擊頁數查看某頁回復內容。

2.2.2 后臺搭建

為了保證平臺的實用性、有效性、穩定性，平臺后臺核心技術采用JavaEE[7]，所用工具為SSM、MySQL、JSON。具體實現為：

（1）數據庫采用Java EE技術結合Struts+Spring+Mybaits框架將數據存放在開源免費的MySQL數據庫中，并且劃分為業務數據管理和用戶管理兩個部分。

（2）利用Java的MVC框架模式的實現框架SSM（spring、Spring MVC和Mybatis）接收數據和處理數據，用Java程序將數據寫入數據庫。平臺中的用戶注冊與登陸、回復與發帖等均以這種方式實現。例如創建新帖代碼：

2.3 前后端數據交互

前后臺數據交互用主要用JSON格式，控制代碼冗余，使信息傳遞更方便更高效[8]。交互部分為動態頁面，展示部分為靜態頁面。

圖5為彈出窗口的示例，圖6為注冊界面。

圖5 未登陸點擊發帖或回復彈出窗口

3 后期拓展

3.1 平臺測試

平臺完成后加以測試和試用，初始版本操作簡便，具有較高的響應速度和傳輸效率，系統基本穩定。教師通過平臺發布、共享資料，并指導學生完成線上學習，強化線下學習；留學生通過站內搜索或者發帖詢問解決生活和學習上遇到的難題，中國學生與留學生之間互相交流，彼此文化滲透，相親和睦。至此，平臺已經初步完成。

3.2 后期拓展

初期平臺在江蘇科技大學校內開放，由本校教師和學生注冊使用，并廣泛地收集用戶體驗、反饋，發現問題、總結經驗后加以改善；后期拓展到其他高校，根據不同高校的情況調整平臺內容，達到最大化的用戶群體；具有一定的影響力之后，平臺將與國外的學校建立聯系，幫助學校之間加強交流，分享資源，培養人才，從而促進中國文化傳播與多國文化的交匯，以實際行動積極響應“一帶一路”政策，推動“中國夢”與“世界夢”的實現。

具體添加擴展細節如下：

拓展至其他高校時，在注冊和登錄頁面會讓用戶選擇所在學校。如果輸入學號與學校規范不一致，會提示錯誤。

每增加一個高校，“中國歡迎您”中對應的“游在中國”、“吃在中國”中會增加該校所在城市景點名勝和美食介紹，訪問者可以在這一部分選擇城市查看不同的地方特色。

在“學在中國”中，由于不同的高校對留學生的政策不同，學生規范有所區別，因此除了“漢語學堂”作為公用的部分，每個高校會有屬于自己的頁面介紹“留學服務”和“校園生活”。

在“問答專區”，開發者將會設置兩類討論區，所有的用戶可以使用公共的討論區進行互動，達到跨高校跨城市的交流，更廣泛地交友和傳播區域文化；同一個學校的用戶有專門的互動區來進行更具有針對性的問答和交友。

“活動天地”中不同的高校占據不同的版面發布活動，對應學校的用戶可以查看本校活動，也可查看別的學校的活動。

4 結束語

高校國際化互動平臺為高校師生提供交流互助的平臺，協助高校和教師多層次、全方面地培養留學生，傳播中國文化，促進“一帶一路”的深入實施，為“中國夢”與“世界夢”的實現添磚加瓦。

[1] 紀洪江, 徐紹華, 王穎. “一帶一路”戰略下的教育國際交流與合作研究述評[J]. 昆明理工大學學報(社會科學版), 2017, (1): 10-17.

[2] 史為磊. 當前“中國夢”的研究綜述[J]. 社會主義研究, 2013, (4): 12-22.

[3] 郭樹勇. 中國夢、世界夢與新國際主義——關于中國夢的幾個理論問題的探討[J]. 國際觀察, 2014, (3): 1-16.

[4] 烏東峰. 人民日報專題深思: “一帶一路”的三個共同體建設[N]. 人民網-人民日報, 2015, (7).

[5] 鄧淑華. 國際人才藍皮書《中國留學發展報告(2016)發布[N]. 中國高新技術產業導報, 2016, (7).

[6] 張云苑. JavaScript在動態網頁設計中的應用[J]. 科技信息, 2007, (5): 23-24.

[7] 陸洲. Java EE核心模式研究[J]. 計算機與數字工程, 2014, (1): 81-84.

[8] 高靜, 段會川. JSON數據傳輸效率研究[J]. 計算機工程與設計, 2011, (7): 2267-2270.

Design and Implementation of University International Interactive Platform

GAO Mingyu*, WANG Lijuan, HUANG Mingsheng

(School of Computer Science, Jiangsu University of Science and Technology, Jiangsu Zhenjiang 212003, China)

The university international interactive platform, adopting advanced computer Web technology, is student-oriented. Through bilingual display, communication and resource sharing, it is aimed to effectively assist colleges and universities to cultivateforeign students, promote fraternity and deeper interaction, closer interrelation between Chinese and foreign students, help develop students’ international perspective, and strengthen the spread of Chinese culture and culture interchange all over the world, thus propelling the deepening of “The Belt and Road” policy and the realization of great “Chinese dream” and “world dream”.

Web technology; international interactive platform; education for foreign students;The Belt and Road

10.19551/j.cnki.issn1672-9129.2018.01.082

TP311.52

A

1672-9129(2018)01-0194-03

高明玉, 王麗娟, 黃鳴生. 高校國際化互動平臺的設計與實現[J]. 數碼設計, 2018, 7(1): 194-196.

GAO Mingyu, WANG Lijuan, HUANG Mingsheng. Design and Implementation of University International Interactive Platform[J]. Peak Data Science, 2018, 7(1): 194-196.

2017-11-15；

2017-12-28。

本論文為江蘇省教育科學“十三五”規劃2016年度課題《江蘇地方高校留學研究生培養模式研究》（D/2016/01/88）成果。

高明玉（1995-），女，安徽亳州人，計算機科學與技術專業本科生。王麗娟（1981-），女，江蘇江都人，講師，研究方向為計算機教育；黃鳴生（1997-），男，江蘇泰州人，計算機科學與技術專業本科生。E-mail:E-mail:1374592649@qq.com