基于iOS的來華留學(xué)生社交平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

曹宇，張琳琳，曹敏姿，蔣夢(mèng)婷，史金明

（新疆大學(xué)信息科學(xué)與工程學(xué)院，烏魯木齊830046）

基于iOS的來華留學(xué)生社交平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

曹宇，張琳琳，曹敏姿，蔣夢(mèng)婷，史金明

（新疆大學(xué)信息科學(xué)與工程學(xué)院，烏魯木齊830046）

移動(dòng)互聯(lián)網(wǎng)的穩(wěn)速發(fā)展以及智能終端的廣泛普及，為人們的生活和工作帶來極大的便捷?；趇OS的來華留學(xué)生社交平臺(tái)可為廣泛來華留學(xué)生的租房、二手物品交易、旅行、美食等方面提供方便，也為留學(xué)生更好地了解中國文化提供另一種途徑。使用Xcode開發(fā)工具，綜合運(yùn)用Swift語言、MyEclipse和MySQL技術(shù)，基于C/S架構(gòu)和MVC模式，設(shè)計(jì)并實(shí)現(xiàn)來華留學(xué)生社交平臺(tái)。

來華留學(xué)生；iOS平臺(tái)；C/S架構(gòu)

0 引言

近年來，隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的穩(wěn)速發(fā)展，接入網(wǎng)絡(luò)的方式不在僅局限于PC端、平板、手機(jī)、手表等越來越豐富的智能終端設(shè)備，使得接入方式更加多樣化。移動(dòng)智能終端設(shè)備已發(fā)展成為人們獲取日常信息、個(gè)性化服務(wù)的主流工具。隨著4G技術(shù)的日益成熟以及即將進(jìn)入市場的5G技術(shù)，日趨于智能化、定制化、網(wǎng)絡(luò)化的各類移動(dòng)終端設(shè)備[1]，以其獨(dú)有的輕攜、便捷特性成為更加受人矚目的焦點(diǎn)[2]。

迄今，中國“互聯(lián)網(wǎng)+”的理念已滲透到了社會(huì)的各個(gè)領(lǐng)域，并深刻影響著每個(gè)人的生活。以管理信息化理念為核心的高校留學(xué)生管理工作受到了居多方面的挑戰(zhàn)，并且隨著移動(dòng)互聯(lián)、大數(shù)據(jù)以及社交網(wǎng)絡(luò)等技術(shù)與應(yīng)用的廣泛普及，來華留學(xué)生信息化的工作已經(jīng)進(jìn)入一個(gè)新的階段[3]。

針對(duì)目前來華留學(xué)生人數(shù)的日益增多，初來異國他鄉(xiāng)，大部分留學(xué)生對(duì)所在城市的了解大多還停留在朦朧階段，不論在衣食住行、社交，還是在更深一步的人文交流方面均存在著較大問題?；谏鲜銮闆r，考慮到移動(dòng)互聯(lián)網(wǎng)的發(fā)展與廣大學(xué)生群體生活的愈發(fā)貼合性，以及目前主流市場上移動(dòng)終端系統(tǒng)的開發(fā)趨勢(shì)，設(shè)計(jì)一款基于iOS的來華留學(xué)生社交平臺(tái)的應(yīng)用程序具有較大必要性。

本課題通過對(duì)相關(guān)文獻(xiàn)的大量研讀以及對(duì)已有軟件的功能進(jìn)行分析與總結(jié)，結(jié)合現(xiàn)今來華留學(xué)生的社交訴求，借助iOS程序開發(fā)平臺(tái)，設(shè)計(jì)并開發(fā)一款為來華留學(xué)生提供生活便利、提高生存質(zhì)量、增強(qiáng)文化交流的，適用于移動(dòng)智能終端設(shè)備的社交軟件，將傳統(tǒng)面對(duì)面的交流方式轉(zhuǎn)移到移動(dòng)客戶端。

1 技術(shù)簡介

1.1 iOS操作系統(tǒng)

iOS操作系統(tǒng)為蘋果公司開發(fā)并在2007年1月9日Macworld大會(huì)上所公布移動(dòng)操作系統(tǒng)，適用于各類蘋果移動(dòng)終端設(shè)備，如 iPhone、iPad、iPod touch、Watch等。歷經(jīng)多年研究與發(fā)展，iOS自身已形成了完善的系統(tǒng)架構(gòu)[4]。如圖1所示，iOS系統(tǒng)架構(gòu)共分為四個(gè)層次，從下往上依次為核心操作系統(tǒng)層(Core OS layer)、核心服務(wù)層(Core Services layer)、媒體層(Media layer)和可觸摸層（Cocoa Touch layer）。高層框架為底層構(gòu)造提供了面向?qū)ο蟮某橄螅詼p少開發(fā)者所需編寫的代碼量，提高代碼復(fù)用率。

圖1 iOS系統(tǒng)結(jié)構(gòu)圖

1.2 GCD

GCD(Grand Central Dispatch)為蘋果公司為實(shí)現(xiàn)iOS操作系統(tǒng)多核并行運(yùn)算所提出的解決方案。在iOS中居多實(shí)現(xiàn)多線程的方案中，GCD具有更好的利用系統(tǒng)CPU內(nèi)核、管理線程生命周期（創(chuàng)建線程、調(diào)度任務(wù)、銷毀線程）的特點(diǎn)，并以此具備高效的系統(tǒng)執(zhí)行效率。

在實(shí)現(xiàn)系統(tǒng)多線程時(shí)，開發(fā)者只需給出一個(gè)block(任務(wù))以及dispatch_queue（隊(duì)列），實(shí)現(xiàn)將任務(wù)添加到隊(duì)列中，GCD即可自動(dòng)將隊(duì)列中的任務(wù)取出，并放到對(duì)應(yīng)的線程中執(zhí)行，如同步的方式執(zhí)行任務(wù)即在當(dāng)前線程中依次執(zhí)行任務(wù)dispatch_sync(dispatch_queue_t queue,dispatch_block_t block)；異步的方式執(zhí)行任務(wù)即新開線程,在新線程中執(zhí)行任務(wù)dispatch_async(dis?patch_queue_t queue,dispatch_block_t block)；同時(shí)任務(wù)的取出遵循隊(duì)列的FIFO原則：先進(jìn)先出，后進(jìn)后出。

2 系統(tǒng)需求

在傳統(tǒng)留學(xué)生社交平臺(tái)與現(xiàn)有主流相關(guān)移動(dòng)軟件基礎(chǔ)上，研究與分析現(xiàn)有平臺(tái)優(yōu)缺點(diǎn)，結(jié)合迅猛發(fā)展的移動(dòng)互聯(lián)網(wǎng)技術(shù)，充分利用社交網(wǎng)絡(luò)的信息優(yōu)勢(shì)，實(shí)現(xiàn)對(duì)來華留學(xué)生社交平臺(tái)的研發(fā)。來華留學(xué)生社交平臺(tái)主要包括兩個(gè)系統(tǒng)角色：來華留學(xué)生用戶和平臺(tái)管理員。來華留學(xué)生社交平臺(tái)的系統(tǒng)用例圖如圖2所示。

2.1 用戶用例分析

用戶通過注冊(cè)/登錄系統(tǒng)可以選擇板塊進(jìn)行功能選擇。通過住房信息、物品交易、學(xué)習(xí)板塊、精選功能、旅游、交友、兼職、實(shí)習(xí)等子功能的選擇，對(duì)相關(guān)信息進(jìn)行查看。學(xué)生可以根據(jù)實(shí)時(shí)首頁更新，對(duì)某一具體發(fā)帖內(nèi)容進(jìn)行數(shù)據(jù)查看；通過點(diǎn)擊某用戶頭像，可以訪問該用戶主頁，瀏覽用戶個(gè)人信息以及在線聊天功能；在個(gè)人信息設(shè)置模塊中，用戶可以實(shí)現(xiàn)對(duì)個(gè)人基本信息的修改與保存。用戶用例圖如圖3所示。

圖2 來華留學(xué)生社交平臺(tái)用例圖

圖3 用戶用例圖

2.2 管理員用例分析

管理員主要有兩大功能：用戶信息管理、內(nèi)容審核管理。用戶信息包括用戶昵稱、郵箱、國籍、就讀學(xué)校及學(xué)號(hào)等。用戶信息管理則實(shí)現(xiàn)對(duì)用戶基本信息的刪除、修改和查詢。內(nèi)容審核管理主要包括對(duì)用戶發(fā)布數(shù)據(jù)內(nèi)容的審核與刪除、用戶權(quán)限設(shè)置等功能。通過后臺(tái)維護(hù)，管理員實(shí)現(xiàn)對(duì)系統(tǒng)數(shù)據(jù)的備份與恢復(fù)操作。信息發(fā)布負(fù)責(zé)推送系統(tǒng)消息，提醒廣大留學(xué)生最新社交活動(dòng)動(dòng)態(tài)。管理員用例圖如圖4所示。

圖4 管理員用例圖

3 系統(tǒng)設(shè)計(jì)

3.1 總體設(shè)計(jì)

在大數(shù)據(jù)環(huán)境下，移動(dòng)產(chǎn)業(yè)的蓬勃發(fā)展為個(gè)人生活提供了高效便捷的服務(wù)?；趇OS的來華留學(xué)生社交平臺(tái)對(duì)來華留學(xué)生的生活需求，如住房信息，物品交易，中文教程等方面提供了較大幫助。以滿足來華留學(xué)生能夠以提高自身在國外的生存，社交能力為主，增強(qiáng)其對(duì)中國各方面的認(rèn)知力為目標(biāo)。

根據(jù)系統(tǒng)需求，來華留學(xué)生社交平臺(tái)為運(yùn)行于移動(dòng)應(yīng)用終端的應(yīng)用程序。根據(jù)無線通信網(wǎng)以及Inter?net網(wǎng)絡(luò)的運(yùn)行規(guī)則，本平臺(tái)構(gòu)建的主要物理環(huán)境由web服務(wù)器、無線通信網(wǎng)、Internet網(wǎng)絡(luò)、移動(dòng)設(shè)備、無線網(wǎng)關(guān)、路由器或交換機(jī)、數(shù)據(jù)庫所組成。系統(tǒng)物理架構(gòu)設(shè)計(jì)如圖5所示。

圖5 系統(tǒng)物理架構(gòu)

本系統(tǒng)主要采用C/S架構(gòu)，分為服務(wù)器和客戶端進(jìn)行設(shè)計(jì)開發(fā)。服務(wù)器端采用MyEclipse+Tomcat+MySQL技術(shù)實(shí)現(xiàn)，負(fù)責(zé)系統(tǒng)基礎(chǔ)信息的接收以及用戶和系統(tǒng)數(shù)據(jù)的存儲(chǔ)[5]。通過JSON協(xié)議，實(shí)現(xiàn)服務(wù)器與客戶端的數(shù)據(jù)交互?？傮w架構(gòu)模型如圖所示6所示。

圖6 系統(tǒng)總體架構(gòu)模型

客戶端使用Xcode進(jìn)行界面和功能設(shè)計(jì)。來華留學(xué)生社交平臺(tái)主要包括首頁、周邊、消息、我四個(gè)模塊。系統(tǒng)功能結(jié)構(gòu)如圖7所示。

圖7 系統(tǒng)功能結(jié)構(gòu)圖

3.2 系統(tǒng)功能設(shè)計(jì)

客戶端主要包含四大功能模塊，分述如下：

首頁：具有四個(gè)子功能模塊。1.住房信息：注冊(cè)用戶發(fā)布租房信息。如房源、合租、短租等信息。2.物品交易：二手物品交易信息，包括家具、電器、圖書等。3.學(xué)習(xí)板塊：基礎(chǔ)中文教程，傳播中國文化。4.精選功能：文章推薦、攝影、音樂、心情等。

周邊：具有四個(gè)子功能模塊。1.趣味板塊：旅游、交友、兼職、實(shí)習(xí)等。2.發(fā)帖：用戶發(fā)表自己所感興趣的帖子。

消息：具有兩個(gè)子功能模塊。1.用戶可以查詢到自己所發(fā)出的帖子，以及所有的最新回復(fù)。2.私信功能，類似微信，可以直接點(diǎn)擊用戶頭像進(jìn)行聊天，交流所需信息。

我：具有三個(gè)子功能模塊。1.用戶登錄、用戶注冊(cè)、用戶頭像，以及基本信息的設(shè)置。2.學(xué)生信息認(rèn)證。3.收藏。用戶所感興趣的話題收藏在本模塊。

3.3 數(shù)據(jù)庫設(shè)計(jì)

來華留學(xué)生社交平臺(tái)所使用的數(shù)據(jù)庫為關(guān)系數(shù)據(jù)庫，使用E-R圖能夠很好地分析各個(gè)數(shù)據(jù)之間的結(jié)構(gòu)關(guān)系[6]。本節(jié)主要通過系統(tǒng)中各功能模塊相互間的數(shù)據(jù)關(guān)系對(duì)數(shù)據(jù)庫表進(jìn)行設(shè)計(jì)，根據(jù)相應(yīng)的數(shù)據(jù)庫存儲(chǔ)表，表明數(shù)據(jù)的存儲(chǔ)格式。由于數(shù)據(jù)表較多，著重選擇了幾個(gè)較為重要的數(shù)據(jù)表進(jìn)行描述。以用戶數(shù)據(jù)、發(fā)帖數(shù)據(jù)為例，給出了E-R圖、數(shù)據(jù)詞典以及相關(guān)的數(shù)據(jù)庫表進(jìn)行描述。

用戶信息，包含用戶id號(hào)、用戶昵稱、城市、學(xué)校、學(xué)號(hào)、護(hù)照號(hào)、性別、生日、郵箱、手機(jī)號(hào)。

發(fā)帖信息，包含文章id號(hào)、文章內(nèi)容、文章發(fā)帖人、發(fā)帖時(shí)間、點(diǎn)贊數(shù)、評(píng)論數(shù)、發(fā)帖類型、熱度。

圖8 用戶信息E-R圖

圖9 發(fā)帖信息E-R圖

相關(guān)數(shù)據(jù)詞典描述如下所示：

表1 用戶數(shù)據(jù)字典

表2 發(fā)帖數(shù)據(jù)字典

相關(guān)數(shù)據(jù)庫表設(shè)計(jì)如下所示：

表3屬性依次表示用戶id號(hào)、用戶昵稱、城市、學(xué)校、學(xué)號(hào)、護(hù)照號(hào)、性別、生日、郵箱、手機(jī)號(hào)。

表4屬性依次表示文章id號(hào)、文章內(nèi)容、文章發(fā)帖人、發(fā)帖時(shí)間、點(diǎn)贊數(shù)、評(píng)論數(shù)、發(fā)帖類型、熱度。

4 系統(tǒng)實(shí)現(xiàn)

4.1 用戶登錄模塊的設(shè)計(jì)與實(shí)現(xiàn)

用戶登錄功能流程：用戶通過移動(dòng)客戶端App點(diǎn)擊，進(jìn)入主程序，通過模塊我，進(jìn)入用戶登錄界面。若未注冊(cè)，則需要進(jìn)入用戶注冊(cè)頁面進(jìn)行用戶注冊(cè)，通過iOS自帶虛擬鍵盤輸入自定義用戶名及密碼。通過后臺(tái)判斷輸入字符是否合法。若非法，則自動(dòng)清空文本框并提示用戶重新輸入。注冊(cè)成功后。通過Login類發(fā)送信息至服務(wù)器，并校正用戶登錄信息是否準(zhǔn)確?？蛻舳烁鶕?jù)服務(wù)器返回的JSON數(shù)據(jù)判斷是否成功登錄。正確則正常登錄系統(tǒng)，錯(cuò)誤則系統(tǒng)提示錯(cuò)誤信息并重新登錄[7]。新注冊(cè)用戶需由管理員后臺(tái)進(jìn)行數(shù)據(jù)審核后，方可成功登陸。用戶登錄模塊時(shí)序圖如圖10所示，用戶注冊(cè)功能界面實(shí)現(xiàn)如圖11所示，用戶登錄后主界面如圖12所示。

表3 用戶信息

表4 發(fā)帖信息

注冊(cè)模塊的主要代碼如下所示。

let size:CGFloat=16;

let margin:CGFloat=5

let topV=UIImageView(image:UIImage(named:"h1.jpg"))

let nicheng=UILabel(title:"昵稱",fontSize:size,col?or:UIColor.blackColor())

let mima=UILabel(title:"密碼",fontSize:size,color:UIColor.blackColor())

let qurenmima=UILabel(title:"確認(rèn)密碼",fontSize:size,color:UIColor.blackColor())

let youxiang=UILabel(title:"郵箱",fontSize:size,col?or:UIColor.blackColor())

let guoji=UILabel(title:"國籍",fontSize:size,color:UIColor.blackColor())

let chushengnianyue=UILabel(title:"出生年月",font?Size:size,color:UIColor.blackColor())

let jiuduxuexiao=UILabel(title:"就讀學(xué)校",fontSize:size,color:UIColor.blackColor())

let xuehao=UILabel(title:"學(xué)號(hào)",fontSize:size,color:UIColor.blackColor())

圖10 登錄模塊功能界面圖

5 結(jié)語

互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，移動(dòng)智能終端的快速普及，改變了現(xiàn)今社會(huì)的生產(chǎn)和生活方式。移動(dòng)社交也將成為客戶數(shù)字化生存的平臺(tái)，以此延伸出不同的用戶體驗(yàn)，提高了用戶對(duì)軟件的黏性?；趇OS的來華留學(xué)生社交平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)，克服了傳統(tǒng)方式下PC端應(yīng)用受硬件條件的制約，充分利用移動(dòng)平臺(tái)的優(yōu)越性，在改善來華留學(xué)生的生活情況，方便廣大學(xué)生的日常學(xué)習(xí)生活。

圖11 注冊(cè)功能界面圖

圖12 登錄后界面圖

[1]李宗恒,李儉偉.主要智能手機(jī)操作系統(tǒng)發(fā)展現(xiàn)狀及前景展望[J].移動(dòng)通信,2010(3):115-118.

[2]張?jiān)乒?基于iOS平臺(tái)銷售系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].北京交通大學(xué),2014.

[3]蔣東興.“云端一體化”高校智慧校園暢想[J].中國教育網(wǎng)絡(luò),2014(1):49-52.

[4]Qt A I,Lettner M,Tschernuth M,et al.Mobile Platform Architecture Review:[J].2013.

[5]閆龍.基于XMPP協(xié)議的移動(dòng)環(huán)境下推送系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].電子科技大學(xué),2014.

[6]楊睿娜.數(shù)據(jù)庫設(shè)計(jì)過程中E-R圖向關(guān)系模型的轉(zhuǎn)換[J].硅谷,2009(11):32+48.

[7]劉杰.基于B/S結(jié)構(gòu)的稅務(wù)日?？己讼到y(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)[D].西安電子科技大學(xué),2011.

Abstract：

The steady development of mobile Internet and the popularization of intelligent terminals have brought great convenience to people's life and work.The social platform for foreign students in China based on iOS can provide a convenient way for foreign students to rent,secondhand items,travel and food.It also provides an alternative way for foreign students to better understand Chinese culture.Uses Xcode devel?opment tools,the Swift language,MyEclipse and MySQL technology,combines the C/S architecture and MVC model,designs and imple?ments a social networking platform for foreign students in China.

Keywords:

Foreign Students in China;iOS Platform;C/S Architecture

Design and Implementation of Social Platform for Foreign Students in China Based on iOS

CAO Yu,ZHANG Lin-lin,CAO Min-zi,JIANG Meng-ting，SHI Jin-ming
(Institute of Information Science and Engineering，Xinjiang University，Urumqi 830046)

2017-03-23

2017-06-20

1007-1423（2017）18-0070-06

10.3969/j.issn.1007-1423.2017.18.017

新疆維吾爾自治區(qū)戰(zhàn)略新興專業(yè)建設(shè)項(xiàng)目(新教高辦〔2016〕26號(hào))、新疆大學(xué)博士啟動(dòng)基金（No.BS120126）、新疆大學(xué)大學(xué)生創(chuàng)新訓(xùn)練計(jì)劃項(xiàng)目（XJU-SRT-16048）

曹宇(1991-)，男，江蘇靖江人，碩士研究生，研究方向?yàn)橐苿?dòng)應(yīng)用開發(fā)

張琳琳(1974-)，女，新疆烏魯木齊人，博士，副教授，研究方向?yàn)槊嫦蚍矫婕夹g(shù)和軟件體系結(jié)構(gòu)

曹敏姿(1992-)，女，湖北武漢人，碩士研究生，研究方向?yàn)榫W(wǎng)絡(luò)計(jì)算與信息安全

蔣夢(mèng)婷(1996-)，女，浙江金華人，本科，研究方向?yàn)樾畔踩?/p>

史金明(1993-)，男，新疆伊犁人，本科，研究方向?yàn)樾畔踩?/p>