智慧校園APP設(shè)計與實現(xiàn)

沈 旭， 胡煒健, 孟 巍

(1 嶺南師范學(xué)院 信息工程學(xué)院， 廣東 湛江 524048; 2 山東電力集團公司 電力科學(xué)研究院， 濟南 250001)

0 引 言

隨著科技的不斷創(chuàng)新發(fā)展，移動互聯(lián)網(wǎng)的迅猛崛起，為智慧化信息校園的建設(shè)發(fā)展帶來了機遇。Android手機應(yīng)用廣泛，人們可以很方便地利用手機和互聯(lián)網(wǎng)進行信息共享、信息交互，實現(xiàn)資源的有效配置和充分利用。校園的信息化建設(shè)在傳統(tǒng)的建設(shè)模式下，不夠與時俱進，伴隨著智慧城市等一系列智慧模式新形態(tài)建設(shè)，智慧校園的建設(shè)也應(yīng)該跟上社會發(fā)展的腳步[1]。利用Android技術(shù)開發(fā)校園類APP，對校園信息進行采集、傳輸以及處理，在Android手機上與學(xué)生進行交互，是當(dāng)下建設(shè)智慧型信息化校園的發(fā)展趨勢[2]。

1 系統(tǒng)分析

智慧校園APP包括7大模塊：啟動模塊、校園資訊、校園服務(wù)、團隊建設(shè)、校園圈子、聊天交友、用戶信息。智慧校園APP功能模塊如圖1所示。各模塊的主要功能描述：

(1)啟動模塊。包含智慧校園客戶端啟動頁、引導(dǎo)頁。啟動頁需要預(yù)加載聊天和群組消息，引導(dǎo)頁對用戶進行使用引導(dǎo)和介紹。

(2)校園資訊模塊。包括資訊輪播、校園快訊、校園要聞、綜合新聞、其它新聞。資訊輪播是校園比較重要且最新的重點資訊。校園快訊是學(xué)校的最新資訊，為廣大師生呈現(xiàn)最快的新聞報道。校園要聞是校園重點的新聞，使同學(xué)們了解到學(xué)校的活動概況[3]。綜合新聞反映校園各類新聞的一個集合。其它新聞是學(xué)校相關(guān)的新聞被其它機構(gòu)平臺所報道的新聞。校園資訊可以被用戶收藏和分享到第三方平臺，包括微信、QQ、微博。

(3)校園服務(wù)模塊。包括招生信息、就業(yè)信息、失物招領(lǐng)和公寓管理。招生信息是學(xué)校招生相關(guān)信息的展示，可被用戶收藏和第三方平臺分享。就業(yè)信息包含校園招聘相關(guān)信息，以文章展示。失物招領(lǐng)分為丟失方和拾獲方，根據(jù)發(fā)布的失物信息進行歸類展示，用戶可以聯(lián)系發(fā)布者，發(fā)布者可以刪除和更改失物狀態(tài)。公寓管理可查詢違反學(xué)校宿舍管理條例的信息。

(4)團隊建設(shè)模塊。團隊建設(shè)面向多種類別的人群，可以是班級、社團、宿舍等等，提供我的團隊、創(chuàng)建團隊、團隊通知、發(fā)現(xiàn)團隊4大功能。用戶可在加入團隊中選擇團隊進行聊天。

(5)校園圈子模塊。團體創(chuàng)建者及其管理員可在校園圈子以團體的名義發(fā)布圈子，用戶亦可在校園圈子中發(fā)布圈子進行交流，發(fā)布者可刪除、回復(fù)評論，用戶可對校園圈里的圈子進行評論、點贊、刪除自己的評論和取消點贊[4]。

(6)聊天交友模塊。用戶可查看以往的會話列表，進入聊天界面，亦可從通訊錄中進入，聊天的消息類型包括文字、語音、表情、照片、文件、位置信息、視頻等。

(7)用戶信息模塊。包含注冊智慧校園賬號、登錄智慧校園、退出登錄智慧校園、用戶基本信息管理和用戶收藏。

2 系統(tǒng)總體設(shè)計

2.1 子系統(tǒng)設(shè)計

2.1.1 服務(wù)端設(shè)計

智慧校園系統(tǒng)使用Bmob后端云作為主要后端服務(wù)器，使用環(huán)信即時通訊云作為用戶基本信息以及即時通訊服務(wù)器。在Android端集成Bmob后端云SDK和環(huán)信即時通迅云SDK以及相關(guān)配置，即可調(diào)用其封裝的接口API進行與服務(wù)器端的交互。用戶在Android端進行注冊、登錄等操作，需要同時調(diào)用Bmob后端云的接口和環(huán)信IM的接口，以保障基本信息交互，其余請求后端服務(wù)器操作均使用Bmob后端云的接口。

2.1.2 用戶行為分析設(shè)計

通過集成友盟統(tǒng)計、友盟推送和友盟社會化分享SDK，可對用戶行為進行分析統(tǒng)計、推送服務(wù)以及更有效地將校園信息分享給人們。

2.2 系統(tǒng)流程設(shè)計

通過對系統(tǒng)需求、架構(gòu)等方面的分析，對智慧校園客戶端系統(tǒng)流程進行設(shè)計開發(fā)，系統(tǒng)總體流程如圖2所示。

從系統(tǒng)總體流程圖可以看出，用戶打開客戶端，客戶端判斷是否首次進入應(yīng)用，是則進入引導(dǎo)頁，介紹客戶端，否則判斷是否已登陸，登錄即進入智慧校園首頁，否則前往登錄頁面進行登錄，若用戶未注冊則前往注冊頁面，登錄成功進入首頁后，根據(jù)用戶行為操作進入其它特定的頁面，客戶端全局檢測用戶賬號是否異常，如賬號在其它設(shè)備登錄、賬號被凍結(jié)等，若賬號異常，強制用戶下線并跳轉(zhuǎn)到登錄頁，用戶可在首頁退出應(yīng)用。

2.3 數(shù)據(jù)庫設(shè)計

智慧校園系統(tǒng)數(shù)據(jù)庫用來存放用戶行為數(shù)據(jù)，是構(gòu)成系統(tǒng)的重要組成部分。系統(tǒng)數(shù)據(jù)庫使用Bmob后端云提供的可視化云端NoSQL來設(shè)計開發(fā)，操作簡便高效。

2.3.1 E-R圖

智慧校園E-R圖設(shè)計如圖3所示。

2.3.2 數(shù)據(jù)庫表設(shè)計

系統(tǒng)數(shù)據(jù)庫主要由9張表組成，分別為用戶表、失物表、資訊輪播表、團隊表、團隊通知表、朋友表、圈子表、評論表和收藏表，下面介紹資訊輪播表、團隊通知表的具體設(shè)計。

圖3 智慧校園E-R圖

(1)資訊輪播(Banner)表存放資訊輪播模塊信息，見表1。

表1 資訊輪播表

(2)團隊通知(TeamNotification)表存放團隊通知相關(guān)信息，見表2。

表2 團隊通知表

3 系統(tǒng)實現(xiàn)

在需求分析、可行性分析、系統(tǒng)架構(gòu)設(shè)計、數(shù)據(jù)庫設(shè)計的基礎(chǔ)上，使用Android Studio編寫Android客戶端代碼，以下是系統(tǒng)各模塊的具體開發(fā)實現(xiàn)。

3.1 啟動模塊

啟動模塊涉及啟動頁、引導(dǎo)頁，在應(yīng)用啟動時，啟動頁設(shè)置停留2秒，用于第三方框架、第三方SDK的異步加載以及在用戶有登錄信息的條件下預(yù)加載所有會話和群組信息到本地內(nèi)存中。

具體實現(xiàn)的部分核心代碼如下：

if (isFirstCome) {

SharedPreferencesUtils.saveData(getContext(), Constant.FirstCome, false);

nextActivity(GuideActivity.class);

} else {

if (EaseHelper.getInstance().isLoggedIn() &&

BmobUser.getCurrentUser(SmartUser.class) != null) {

// 加載所有群組和會話

EaseHelper.getInstance().loadAllGroupsAnd Conversations();

nextActivity(MainActivity.class);

}else {

nextActivity(LoginActivity.class);

}

}

用戶信息模塊涉及用戶注冊、登錄操作。用戶在注冊時，先向Bmob后端進行注冊請求，注冊成功后，再注冊到環(huán)信IM，兩者都注冊成功才為成功注冊賬號[5]。登錄成功后用戶信息保存在本地。系統(tǒng)部分截圖如圖4所示。登錄操作的核心代碼如下所示：

public void login(String phone, String password) { // 登錄環(huán)信

EMClient.getInstance().login(phone, password, new EMCallBack() {

@Override

public void onSuccess() {

EaseHelper.getInstance().loadAllGroupsAnd Conversations();

loginToBmob(phone, password);

}

@Override

public void onError(final int i, final String s) {

if (mView != null){

mView.loginError(i, s);

}

}

@Override

public void onProgress(int i, String s) {}

});

}

3.2 校園資訊模塊

校園資訊模塊主要是對學(xué)校官網(wǎng)上圖文新聞進行數(shù)據(jù)抓取，利用Jsoup解析HTML，對數(shù)據(jù)進行美化展示，部分實現(xiàn)截圖如圖5所示。

圖4 注冊頁 圖5 首頁校園資訊

3.3 校園服務(wù)模塊

校園服務(wù)模塊的招生、就業(yè)信息主要是對學(xué)校官網(wǎng)的招生信息網(wǎng)和就業(yè)信息網(wǎng)進行數(shù)據(jù)抓取，使用Jsoup解析HTML，對數(shù)據(jù)進行美化展示。失物招領(lǐng)是利用Bmob SDK封裝的API將Bmob后端進行數(shù)據(jù)交互，對失物表進行操作，在Android端顯示。公寓管理是使用WebView結(jié)合HTML5網(wǎng)頁的顯示。實現(xiàn)頁面如圖6所示。

3.4 團隊建設(shè)模塊

團隊建設(shè)模塊使用Bmob SDK封裝的API進行Bmob后端數(shù)據(jù)庫團隊表的操作。選擇團隊聊天使用環(huán)信即時通訊SDK提供的群聊功能以及使用環(huán)信easeui進行界面編寫，用戶信息向Bmob后端數(shù)據(jù)庫用戶表進行操作[6-7]。部分核心代碼如下：

String teamIds = BmobUser.getCurrentUser(SmartUser.class).getTeams();

String[] ids = teamIds.split(",");

BmobQuery query = new BmobQuery();

query.addWhereContainsAll("objectId ", Arrays.asList(ids));

Subscription subscription = query.findObjects(new FindListener() {

@Override

public void done(List list, BmobException e) {

if (mView != null) {

if (e == null) {

// 請求成功

mView.showTeamList(list);

mView.hideLoading(false);

} else {

mView.showMessage(HttpError.getErrorMessage(e));

mView.hideLoading(true);

}

}

}

});

3.5 校園圈子模塊

校園圈子模塊使用Bmob SDK封裝的API進行Bmob后端數(shù)據(jù)庫圈子表的操作。部分核心代碼如下：

BmobQuery query = new BmobQuery();

// 按照時間降序

query.order("-createdAt");

Subscription subscription = query.findObjects(new FindListener()

{

@Override

public void done(List list, BmobException e) {

if (mView != null) {

if (e == null) {

// 請求成功

mView.showCircleList(list);

mView.hideLoading(false);

} else {

mView.showMessage(HttpError.getErrorMessage(e));

mView.hideLoading(true);

}

}

}

});

3.6 聊天交友模塊

聊天交友模塊使用環(huán)信即時通訊SDK對好友信息和會話信息進行獲取，用戶信息發(fā)送到Bmob后端數(shù)據(jù)庫用戶表。實現(xiàn)頁面如圖7所示。

圖6 招生信息頁面 圖7 聊天界面

Fig.6AdmissionsinformationpageFig.7Chartinterface

4 結(jié)束語

智能手機的普及，極大改變了人們的生活方式。人們希望利用科技使生活、工作、學(xué)習(xí)等變得更加便捷，由此催生了大量移動應(yīng)用APP。人們的日常生活和移動互聯(lián)網(wǎng)息息相關(guān)，以往的校園信息服務(wù)平臺，需要在PC端才能訪問[8]。本文開發(fā)的一款基于Android系統(tǒng)的智慧型信息化校園APP，既可以定向也能多元化的通過實時發(fā)布，展示校園資訊傳遞校園信息，又可以利用即時通訊，建立一個校內(nèi)圈子，拓展了校內(nèi)社交圈和生活圈，又方便師生的生活、工作和學(xué)習(xí)。