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

?

高校國(guó)際化互動(dòng)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)

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

（江蘇科技大學(xué)計(jì)算機(jī)學(xué)院，江蘇鎮(zhèn)江，212003）

高校國(guó)際化互動(dòng)平臺(tái)應(yīng)用先進(jìn)的計(jì)算機(jī)網(wǎng)頁(yè)技術(shù)，面向中國(guó)學(xué)生與來(lái)華留學(xué)生，通過(guò)雙語(yǔ)展示、交流互動(dòng)、資源共享有效地協(xié)助高校對(duì)來(lái)華留學(xué)生進(jìn)行全方面、高質(zhì)量培養(yǎng)，促進(jìn)中外學(xué)生相親相融，開(kāi)拓雙方學(xué)生的國(guó)際化視野，加強(qiáng)中國(guó)文化傳播與世界文化交匯，推動(dòng)“一帶一路”[1]戰(zhàn)略的實(shí)施與深入，促進(jìn)偉大“中國(guó)夢(mèng)”[2]、“世界夢(mèng)”[3]的實(shí)現(xiàn)。

網(wǎng)頁(yè)技術(shù)；互動(dòng)平臺(tái)；留學(xué)生教育；一帶一路

引言

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

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

盡管?chē)?guó)內(nèi)有些高校嘗試搭建類(lèi)似的交流互助平臺(tái)，但是能投入實(shí)際運(yùn)行的寥寥可數(shù)，構(gòu)建一個(gè)親切友好、成熟有效的國(guó)際化教育互動(dòng)平臺(tái)已是勢(shì)在必行。

1 整體設(shè)計(jì)

1.1 平臺(tái)架構(gòu)

平臺(tái)采用B/S（Brower/Server）結(jié)構(gòu)搭建，如圖1所示。這種瀏覽器/服務(wù)器模式能簡(jiǎn)化系統(tǒng)開(kāi)發(fā)，降低維護(hù)開(kāi)銷(xiāo)，便于系統(tǒng)擴(kuò)展，易于使用，增強(qiáng)交互性，能滿(mǎn)足留學(xué)生教育過(guò)程中不同角色人員的網(wǎng)絡(luò)訪(fǎng)問(wèn)與服務(wù)請(qǐng)求，幫助教師輕松發(fā)布文件、線(xiàn)上答疑，引導(dǎo)學(xué)生下載資料、完成任務(wù)，鞏固線(xiàn)下課程。

圖1 B/S結(jié)構(gòu)

1.2 前端劃分

網(wǎng)站前端分為四大版面：

（1）中國(guó)歡迎您。

作為平臺(tái)第一個(gè)展示在訪(fǎng)問(wèn)者面前的版面，“中國(guó)歡迎您”通過(guò)中國(guó)傳統(tǒng)與現(xiàn)代文化方式表現(xiàn)對(duì)來(lái)華學(xué)生們最熱烈真摯的歡迎，該版面分為三個(gè)方面：“游在中國(guó)”、“吃在中國(guó)”、“住在中國(guó)”，以圖片與文字的形式多方面展示中國(guó)旅游文化、飲食文化、民居文化。

（2）學(xué)在中國(guó)。

這一部分幫助留學(xué)生適應(yīng)在中國(guó)的學(xué)習(xí)與生活，分為三個(gè)層次，每一層次又細(xì)分若干主題。在“漢語(yǔ)學(xué)堂”中通過(guò)“日?？谡Z(yǔ)”、“成語(yǔ)俗語(yǔ)”、“HSK（漢語(yǔ)水平考試）”、“大學(xué)生辯論賽”幫助留學(xué)生快速學(xué)習(xí)漢語(yǔ)；在“留學(xué)服務(wù)”中通過(guò)“學(xué)術(shù)指導(dǎo)”、“學(xué)生手冊(cè)”、“獎(jiǎng)學(xué)金”幫助留學(xué)生全面了解在中國(guó)求學(xué)的流程；在“校園生活”中通過(guò)“校園介紹”、“新生服務(wù)”、“校園風(fēng)光”幫助留學(xué)生熟悉所在大學(xué)。這一部分既展示漢語(yǔ)的魅力，又切實(shí)幫助留學(xué)生解決求學(xué)問(wèn)題。

（3）相親相愛(ài)一家人（問(wèn)答專(zhuān)區(qū)）。

作為平臺(tái)的核心功能區(qū)，“相親相愛(ài)一家人”為用戶(hù)提供多方面幫助，呈現(xiàn)熱門(mén)提問(wèn)與回復(fù)，開(kāi)設(shè)留言功能，無(wú)論是中國(guó)學(xué)生還是留學(xué)生均可就感興趣內(nèi)容發(fā)帖，提問(wèn)或回答問(wèn)題，甚至留下聯(lián)系方式交友，達(dá)到雙向溝通。在這個(gè)模塊中，學(xué)生之間自由交流，互相學(xué)習(xí)，拓展視野，通過(guò)增進(jìn)友誼、文化交融實(shí)現(xiàn)中外學(xué)生一家親。

（4）活動(dòng)天地。

這里會(huì)及時(shí)呈現(xiàn)學(xué)校開(kāi)設(shè)的活動(dòng)和學(xué)生組織的活動(dòng)，感興趣的用戶(hù)可以查看詳細(xì)信息并報(bào)名參加活動(dòng)。

前端界面結(jié)構(gòu)如圖2所示。

圖2 高校國(guó)際化互動(dòng)平臺(tái)前端結(jié)構(gòu)圖

1.3 后臺(tái)耦合

平臺(tái)后臺(tái)分為站內(nèi)信息檢索模塊、論壇模塊、用戶(hù)模塊、系統(tǒng)模塊。各模塊分工明確，各自具有特點(diǎn)。

圖3 后臺(tái)模塊化設(shè)計(jì)

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

2 平臺(tái)實(shí)現(xiàn)

2.1 MVC框架模式

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

MVC框架具有松散耦合、高內(nèi)聚的優(yōu)點(diǎn)，通過(guò)MVC框架將平臺(tái)系統(tǒng)分模型層、控制層、視圖層，提高了代碼的重用性，模塊化結(jié)構(gòu)易于修改和擴(kuò)展，增強(qiáng)系統(tǒng)可維護(hù)性，簡(jiǎn)化開(kāi)發(fā)，便于管理。

圖4 MVC框架模式

2.2 前、后臺(tái)實(shí)現(xiàn)

2.2.1 前臺(tái)建立

為了使該互動(dòng)平臺(tái)不僅能在電腦端展現(xiàn)清晰優(yōu)美的界面，也能在移動(dòng)端進(jìn)行自適應(yīng)調(diào)整從而呈現(xiàn)出賞心悅目的效果，實(shí)現(xiàn)跨平臺(tái)、有美感、方便用戶(hù)的理念，平臺(tái)前端使用的核心技術(shù)為HTML5、CSS3、JavaScript[6]，所用工具為Bootstrap、jQuery和jQuery的部分插件。

為了滿(mǎn)足用戶(hù)需要，平臺(tái)具有以下基本功能：

（1）切換語(yǔ)言功能。

對(duì)于使用不同語(yǔ)言的訪(fǎng)問(wèn)者，平臺(tái)支持兩種語(yǔ)言?xún)蓚€(gè)版本。網(wǎng)站開(kāi)發(fā)前期開(kāi)發(fā)者進(jìn)行了中外兩種風(fēng)格的界面設(shè)計(jì)，訪(fǎng)問(wèn)者初次訪(fǎng)問(wèn)的時(shí)候會(huì)詢(xún)問(wèn)語(yǔ)言選擇，在訪(fǎng)問(wèn)期間也可以根據(jù)需要點(diǎn)擊切換語(yǔ)言呈現(xiàn)不同的界面，為中外學(xué)生提供了了解異國(guó)習(xí)慣、樣式的機(jī)會(huì)。兩個(gè)版本共用一個(gè)數(shù)據(jù)庫(kù)，可謂“同株并蒂”，“花開(kāi)兩朵”。

（2）注冊(cè)與登錄功能。

對(duì)于未注冊(cè)的游客，平臺(tái)將限制其操作，游客只能對(duì)網(wǎng)站進(jìn)行瀏覽，不得留言、點(diǎn)贊、報(bào)名參賽等。已經(jīng)注冊(cè)的用戶(hù)可以修改個(gè)人信息，在互動(dòng)問(wèn)答區(qū)提問(wèn)、回復(fù)、上傳文件，在活動(dòng)區(qū)參與活動(dòng)等。

（3）留言與發(fā)帖功能。

用戶(hù)可以針對(duì)他人的提問(wèn)進(jìn)行回復(fù)，同時(shí)將自己感興趣的問(wèn)題發(fā)出來(lái)以求回答。在留言和發(fā)帖中均支持圖片、文件等上傳，學(xué)生和教師均可上傳資料，真正實(shí)現(xiàn)資源共享。

（4）分頁(yè)功能。

當(dāng)問(wèn)答區(qū)中某一主題的回復(fù)數(shù)量過(guò)多時(shí)，頁(yè)面底部會(huì)呈現(xiàn)頁(yè)數(shù)，最近的回復(fù)出現(xiàn)在最前面的頁(yè)數(shù)中。瀏覽者可點(diǎn)擊頁(yè)數(shù)查看某頁(yè)回復(fù)內(nèi)容。

2.2.2 后臺(tái)搭建

為了保證平臺(tái)的實(shí)用性、有效性、穩(wěn)定性，平臺(tái)后臺(tái)核心技術(shù)采用JavaEE[7]，所用工具為SSM、MySQL、JSON。具體實(shí)現(xiàn)為：

（1）數(shù)據(jù)庫(kù)采用Java EE技術(shù)結(jié)合Struts+Spring+Mybaits框架將數(shù)據(jù)存放在開(kāi)源免費(fèi)的MySQL數(shù)據(jù)庫(kù)中，并且劃分為業(yè)務(wù)數(shù)據(jù)管理和用戶(hù)管理兩個(gè)部分。

（2）利用Java的MVC框架模式的實(shí)現(xiàn)框架SSM（spring、Spring MVC和Mybatis）接收數(shù)據(jù)和處理數(shù)據(jù)，用Java程序?qū)?shù)據(jù)寫(xiě)入數(shù)據(jù)庫(kù)。平臺(tái)中的用戶(hù)注冊(cè)與登陸、回復(fù)與發(fā)帖等均以這種方式實(shí)現(xiàn)。例如創(chuàng)建新帖代碼：

2.3 前后端數(shù)據(jù)交互

前后臺(tái)數(shù)據(jù)交互用主要用JSON格式，控制代碼冗余，使信息傳遞更方便更高效[8]。交互部分為動(dòng)態(tài)頁(yè)面，展示部分為靜態(tài)頁(yè)面。

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

圖5 未登陸點(diǎn)擊發(fā)帖或回復(fù)彈出窗口

3 后期拓展

3.1 平臺(tái)測(cè)試

平臺(tái)完成后加以測(cè)試和試用，初始版本操作簡(jiǎn)便，具有較高的響應(yīng)速度和傳輸效率，系統(tǒng)基本穩(wěn)定。教師通過(guò)平臺(tái)發(fā)布、共享資料，并指導(dǎo)學(xué)生完成線(xiàn)上學(xué)習(xí)，強(qiáng)化線(xiàn)下學(xué)習(xí)；留學(xué)生通過(guò)站內(nèi)搜索或者發(fā)帖詢(xún)問(wèn)解決生活和學(xué)習(xí)上遇到的難題，中國(guó)學(xué)生與留學(xué)生之間互相交流，彼此文化滲透，相親和睦。至此，平臺(tái)已經(jīng)初步完成。

3.2 后期拓展

初期平臺(tái)在江蘇科技大學(xué)校內(nèi)開(kāi)放，由本校教師和學(xué)生注冊(cè)使用，并廣泛地收集用戶(hù)體驗(yàn)、反饋，發(fā)現(xiàn)問(wèn)題、總結(jié)經(jīng)驗(yàn)后加以改善；后期拓展到其他高校，根據(jù)不同高校的情況調(diào)整平臺(tái)內(nèi)容，達(dá)到最大化的用戶(hù)群體；具有一定的影響力之后，平臺(tái)將與國(guó)外的學(xué)校建立聯(lián)系，幫助學(xué)校之間加強(qiáng)交流，分享資源，培養(yǎng)人才，從而促進(jìn)中國(guó)文化傳播與多國(guó)文化的交匯，以實(shí)際行動(dòng)積極響應(yīng)“一帶一路”政策，推動(dòng)“中國(guó)夢(mèng)”與“世界夢(mèng)”的實(shí)現(xiàn)。

具體添加擴(kuò)展細(xì)節(jié)如下：

拓展至其他高校時(shí)，在注冊(cè)和登錄頁(yè)面會(huì)讓用戶(hù)選擇所在學(xué)校。如果輸入學(xué)號(hào)與學(xué)校規(guī)范不一致，會(huì)提示錯(cuò)誤。

每增加一個(gè)高校，“中國(guó)歡迎您”中對(duì)應(yīng)的“游在中國(guó)”、“吃在中國(guó)”中會(huì)增加該校所在城市景點(diǎn)名勝和美食介紹，訪(fǎng)問(wèn)者可以在這一部分選擇城市查看不同的地方特色。

在“學(xué)在中國(guó)”中，由于不同的高校對(duì)留學(xué)生的政策不同，學(xué)生規(guī)范有所區(qū)別，因此除了“漢語(yǔ)學(xué)堂”作為公用的部分，每個(gè)高校會(huì)有屬于自己的頁(yè)面介紹“留學(xué)服務(wù)”和“校園生活”。

在“問(wèn)答專(zhuān)區(qū)”，開(kāi)發(fā)者將會(huì)設(shè)置兩類(lèi)討論區(qū)，所有的用戶(hù)可以使用公共的討論區(qū)進(jìn)行互動(dòng)，達(dá)到跨高?？绯鞘械慕涣鳎鼜V泛地交友和傳播區(qū)域文化；同一個(gè)學(xué)校的用戶(hù)有專(zhuān)門(mén)的互動(dòng)區(qū)來(lái)進(jìn)行更具有針對(duì)性的問(wèn)答和交友。

“活動(dòng)天地”中不同的高校占據(jù)不同的版面發(fā)布活動(dòng)，對(duì)應(yīng)學(xué)校的用戶(hù)可以查看本?；顒?dòng)，也可查看別的學(xué)校的活動(dòng)。

4 結(jié)束語(yǔ)

高校國(guó)際化互動(dòng)平臺(tái)為高校師生提供交流互助的平臺(tái)，協(xié)助高校和教師多層次、全方面地培養(yǎng)留學(xué)生，傳播中國(guó)文化，促進(jìn)“一帶一路”的深入實(shí)施，為“中國(guó)夢(mèng)”與“世界夢(mèng)”的實(shí)現(xiàn)添磚加瓦。

[1] 紀(jì)洪江, 徐紹華, 王穎. “一帶一路”戰(zhàn)略下的教育國(guó)際交流與合作研究述評(píng)[J]. 昆明理工大學(xué)學(xué)報(bào)(社會(huì)科學(xué)版), 2017, (1): 10-17.

[2] 史為磊. 當(dāng)前“中國(guó)夢(mèng)”的研究綜述[J]. 社會(huì)主義研究, 2013, (4): 12-22.

[3] 郭樹(shù)勇. 中國(guó)夢(mèng)、世界夢(mèng)與新國(guó)際主義——關(guān)于中國(guó)夢(mèng)的幾個(gè)理論問(wèn)題的探討[J]. 國(guó)際觀(guān)察, 2014, (3): 1-16.

[4] 烏東峰. 人民日?qǐng)?bào)專(zhuān)題深思: “一帶一路”的三個(gè)共同體建設(shè)[N]. 人民網(wǎng)-人民日?qǐng)?bào), 2015, (7).

[5] 鄧淑華. 國(guó)際人才藍(lán)皮書(shū)《中國(guó)留學(xué)發(fā)展報(bào)告(2016)發(fā)布[N]. 中國(guó)高新技術(shù)產(chǎn)業(yè)導(dǎo)報(bào), 2016, (7).

[6] 張?jiān)圃? JavaScript在動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用[J]. 科技信息, 2007, (5): 23-24.

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

[8] 高靜, 段會(huì)川. JSON數(shù)據(jù)傳輸效率研究[J]. 計(jì)算機(jī)工程與設(shè)計(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

高明玉, 王麗娟, 黃鳴生. 高校國(guó)際化互動(dòng)平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J]. 數(shù)碼設(shè)計(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。

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

高明玉（1995-），女，安徽亳州人，計(jì)算機(jī)科學(xué)與技術(shù)專(zhuān)業(yè)本科生。王麗娟（1981-），女，江蘇江都人，講師，研究方向?yàn)橛?jì)算機(jī)教育；黃鳴生（1997-），男，江蘇泰州人，計(jì)算機(jī)科學(xué)與技術(shù)專(zhuān)業(yè)本科生。E-mail:E-mail:1374592649@qq.com