姜立平 孫德剛 楊善金

摘? 要：移動(dòng)校園系統(tǒng)是現(xiàn)代技術(shù)飛速發(fā)展的產(chǎn)物，也是應(yīng)對(duì)當(dāng)前校內(nèi)師生實(shí)際生活需求和生活習(xí)慣的必然發(fā)展趨勢(shì)。移動(dòng)校園系統(tǒng)開(kāi)發(fā)存在的一個(gè)待解決問(wèn)題就是一次開(kāi)發(fā)、多平臺(tái)利用。因此，本文主要分析基于混合模式的跨平臺(tái)移動(dòng)校園系統(tǒng)的研究與實(shí)現(xiàn)，旨在提高移動(dòng)校園系統(tǒng)的適用范圍，避免出現(xiàn)重復(fù)開(kāi)發(fā)、資源浪費(fèi)的情況。

關(guān)鍵詞：混合模式;跨平臺(tái);移動(dòng)校園系統(tǒng)

中圖分類(lèi)號(hào)：TP311.52? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：2096-4706（2019）15-0140-03

Research and Implementation of Cross-platform Mobile Campus System

Based on Mixed Mode

JIANG Liping，SUN Degang，YANG Shanjin

（Shandong Huayu University of Technology，Dezhou? 253034，China）

Abstract：The mobile campus system is the product of the rapid development of modern technology，and it is also the inevitable development trend to cope with the actual living needs and living habits of teachers and students in the school. One problem to be solved in the development of mobile campus system is one-time development and multi-platform utilization. Therefore，this paper mainly analyzes the research and implementation of the cross-platform mobile campus system based on the hybrid mode，aiming to improve the application scope of the mobile campus system and avoid the situation of repeated development and waste of resources.

Keywords：mixed mode;cross-platform;mobile campus system

0? 引? 言

網(wǎng)絡(luò)技術(shù)及信息技術(shù)的飛速發(fā)展極大改變了人們的工作、生活方式，移動(dòng)電子終端成為人們獲取信息、辦理業(yè)務(wù)、開(kāi)展工作的重要工具。大學(xué)生作為現(xiàn)代信息技術(shù)的主要受益者，對(duì)移動(dòng)校園系統(tǒng)的需求較大?？缙脚_(tái)移動(dòng)校園系統(tǒng)的開(kāi)發(fā)能夠?yàn)樾@內(nèi)使用不同平臺(tái)的師生提供同等的校園APP服務(wù)，通過(guò)校園APP獲取各類(lèi)校園資訊，并進(jìn)行基本的業(yè)務(wù)操作。本文對(duì)其實(shí)現(xiàn)進(jìn)行了具體研究。

1? 基于混合模式的跨平臺(tái)移動(dòng)校園系統(tǒng)的需求

1.1? 跨平臺(tái)移動(dòng)校園系統(tǒng)的模式需求

移動(dòng)校園系統(tǒng)的優(yōu)勢(shì)就在于一切服務(wù)功能都在移動(dòng)客戶(hù)端中得以實(shí)現(xiàn)，因此對(duì)系統(tǒng)模式的需求從瀏覽器-服務(wù)器模式轉(zhuǎn)變?yōu)榭蛻?hù)端-服務(wù)器模式。但是，考慮到跨平臺(tái)移動(dòng)校園系統(tǒng)用戶(hù)APP的后臺(tái)維護(hù)工作需要在電腦端進(jìn)行，因此該系統(tǒng)需采用瀏覽器-服務(wù)器和客戶(hù)端-服務(wù)器相結(jié)合的模式。其中，跨平臺(tái)移動(dòng)校園系統(tǒng)的核心部分用客戶(hù)端-服務(wù)器模式進(jìn)行設(shè)計(jì)，能夠滿(mǎn)足安卓、iOS、WP等不同平臺(tái)用戶(hù)的使用需求[1]。而瀏覽器-服務(wù)器模式主要供移動(dòng)校園系統(tǒng)后臺(tái)管理人員使用，進(jìn)行系統(tǒng)維護(hù)與管理。

1.2? 跨平臺(tái)移動(dòng)校園系統(tǒng)的功能需求

跨平臺(tái)移動(dòng)校園系統(tǒng)的主要服務(wù)對(duì)象主要為校內(nèi)師生，考慮到系統(tǒng)功能的全面性，可將目標(biāo)用戶(hù)劃分為四類(lèi)，即教師、學(xué)生、游客和系統(tǒng)管理員。根據(jù)不同類(lèi)別用戶(hù)對(duì)移動(dòng)校園系統(tǒng)的訴求不同，進(jìn)行服務(wù)功能的設(shè)計(jì)。

教師功能：包括工資查詢(xún)、排課管理、學(xué)術(shù)互動(dòng)信息公示、教學(xué)評(píng)價(jià)等常用教學(xué)功能，以及一卡通、圖書(shū)館等生活功能。

學(xué)生功能：包括成績(jī)查詢(xún)、課程查詢(xún)、選課系統(tǒng)、社團(tuán)及兼職信息公示、校內(nèi)辦公部門(mén)及教師聯(lián)系方式、一卡通、圖書(shū)館等。

游客功能：僅含有對(duì)外信息瀏覽權(quán)限，例如學(xué)校的公共網(wǎng)站、概況簡(jiǎn)介、學(xué)校地理信息查詢(xún)、校園宣傳片觀(guān)看等。

管理員功能：系統(tǒng)維護(hù)及管理功能，進(jìn)行系統(tǒng)訪(fǎng)問(wèn)權(quán)限設(shè)置，管理系統(tǒng)服務(wù)程序、服務(wù)流程、數(shù)據(jù)備份等內(nèi)容。

1.3? 跨平臺(tái)移動(dòng)校園系統(tǒng)的技術(shù)需求

系統(tǒng)技術(shù)需求可分成兩部分。一是客戶(hù)端的技術(shù)需求：實(shí)現(xiàn)系統(tǒng)的跨平臺(tái)特點(diǎn)，通過(guò)一次開(kāi)發(fā)活動(dòng)，滿(mǎn)足多種平臺(tái)的使用需求。同時(shí)系統(tǒng)有權(quán)訪(fǎng)問(wèn)電子終端的相機(jī)、定位等原生功能。二是服務(wù)器的技術(shù)需求：服務(wù)器應(yīng)能同時(shí)處理大量請(qǐng)求，承載更龐大學(xué)生及教師群體的使用負(fù)荷。根據(jù)用戶(hù)需求提供服務(wù)接口，并確保接口的標(biāo)準(zhǔn)化，為后期擴(kuò)展提供足夠空間。

2? 基于混合模式的跨平臺(tái)移動(dòng)校園系統(tǒng)的實(shí)現(xiàn)

2.1? 跨平臺(tái)性質(zhì)的實(shí)現(xiàn)

基于混合模式的移動(dòng)校園系統(tǒng)的跨平臺(tái)特點(diǎn)需要依靠PhoneGap框架來(lái)實(shí)現(xiàn)，這一過(guò)程需要從Apache Cordova功能的安裝開(kāi)始。首先，輸入>npm instsll cordova -g命令，完成安裝。以Cordova為基礎(chǔ)，設(shè)置具體項(xiàng)目應(yīng)用。其次，使用cmd控制臺(tái)，在系統(tǒng)目錄中添加名為campus的項(xiàng)目，輸入的代碼為>cordova create campus com.xs.campus Campus。完成以上操作后，將UI、中間層等Web應(yīng)用代碼置入到新設(shè)置項(xiàng)目中的子文件夾——www中，代碼就能被系統(tǒng)自動(dòng)執(zhí)行，移動(dòng)校園系統(tǒng)的架設(shè)完成。PhoneGap框架中帶有本地API，能夠?qū)崿F(xiàn)移動(dòng)終端原生功能的使用，例如：相機(jī)、地理位置、錄音等功能。此外，還可采用以下方式，在系統(tǒng)中加入一些插件：>cd campus/>cordova plugin add org.apache.cordova.device。若要順利使用移動(dòng)終端的原生功能，需對(duì)項(xiàng)目中的代碼進(jìn)行一定調(diào)整。代碼調(diào)整完畢后，開(kāi)始進(jìn)行跨平臺(tái)實(shí)現(xiàn)操作：>cordova platform add android iOS BlackBerry/>cordova build。該命令被執(zhí)行后，適用于不同平臺(tái)的應(yīng)用就能被自動(dòng)生成。

2.2? 核心技術(shù)的實(shí)現(xiàn)

考慮到跨平臺(tái)移動(dòng)校園系統(tǒng)使用對(duì)象的應(yīng)用習(xí)慣和系統(tǒng)的實(shí)際功能，系統(tǒng)核心技術(shù)主要是原生相機(jī)的使用和二維碼插件的應(yīng)用。

2.2.1? 原生相機(jī)功能

PhoneGap框架中給原生相機(jī)的應(yīng)用提出了一定的方法，但出于移動(dòng)校園系統(tǒng)跨平臺(tái)性質(zhì)的要求，原生相機(jī)功能的使用依然是一個(gè)技術(shù)難點(diǎn)。經(jīng)過(guò)反復(fù)設(shè)計(jì)、實(shí)驗(yàn)得出的功能實(shí)現(xiàn)方案如圖1所示。

2.2.2? 二維碼插件

二維碼在現(xiàn)代生活中的應(yīng)用非常普遍，可以說(shuō)是人的第二張身份證。在消費(fèi)支付、好友添加、信息獲取、網(wǎng)站訪(fǎng)問(wèn)等方面都會(huì)用到二維碼。在跨平臺(tái)移動(dòng)校園系統(tǒng)中，二維碼也將作為重要的身份信息呈現(xiàn)方式而存在。但在PhoneGap框架中，并沒(méi)有預(yù)先設(shè)定好的二維碼插件，因此需要通過(guò)API進(jìn)行二維碼插件的添加，該插件的主要功能包括二維碼的掃描、編輯與分享。二維碼功能的實(shí)現(xiàn)，其實(shí)質(zhì)是利用函數(shù)進(jìn)行事件處理。一是scan（）掃描函數(shù)。使用該函數(shù)啟動(dòng)電子設(shè)備的相機(jī)功能，對(duì)二維碼進(jìn)行掃描和識(shí)別。二是encode（）編碼函數(shù)。該函數(shù)將用戶(hù)的信息、資料等不同格式的內(nèi)容編輯成統(tǒng)一格式的二維碼圖形。三是share（）分享函數(shù)。該函數(shù)將二維碼圖像經(jīng)短信、電子郵件以及其他社交軟件的渠道進(jìn)行分享。

2.3? 系統(tǒng)功能的實(shí)現(xiàn)

2.3.1? 系統(tǒng)登錄

跨平臺(tái)移動(dòng)校園系統(tǒng)的登錄界面主要是實(shí)現(xiàn)校園APP的賬號(hào)申請(qǐng)與登錄。實(shí)現(xiàn)過(guò)程解析如下：在接收到來(lái)自checkConnection函數(shù)的網(wǎng)絡(luò)連接申請(qǐng)后，使用if語(yǔ)句進(jìn)行判斷，選擇登錄界面或退出應(yīng)用程序。用代碼表示為：if（network State==”No network connection”）/{navigator.app.exit APP（）}else/window.location.href=”login.html”。進(jìn)入到移動(dòng)校園APP之后，界面中會(huì)出現(xiàn)兩種登錄選項(xiàng)，即進(jìn)行用戶(hù)名和密碼的輸入以及不需要賬號(hào)和密碼的游客入口。若選擇前者，用戶(hù)可輸入自己的用戶(hù)名和密碼，經(jīng)后臺(tái)處理通過(guò)后，即可進(jìn)入個(gè)人APP界面。

2.3.2? 校園門(mén)戶(hù)功能

校園門(mén)戶(hù)指的是跨平臺(tái)移動(dòng)校園系統(tǒng)與用戶(hù)間產(chǎn)生的第一個(gè)交互界面，之所以被形象地稱(chēng)為“門(mén)戶(hù)”是因?yàn)樵摻缑娴膬?yōu)劣直接決定了用戶(hù)對(duì)于APP的好感度，決定了用戶(hù)是否有興趣繼續(xù)進(jìn)行APP體驗(yàn)。設(shè)置系統(tǒng)屬性，將頁(yè)面呈現(xiàn)的內(nèi)容與電子終端的屏幕寬度相適應(yīng)。例如：輸入代碼：<meat name=”viewport”conten=”width=device-width，initial-scale=1”/>此時(shí)，系統(tǒng)中就會(huì)加入校內(nèi)新聞，以便用戶(hù)進(jìn)行信息瀏覽[2]。

2.3.3? 教師及學(xué)生服務(wù)功能

該功能的實(shí)現(xiàn)能讓在校師生通過(guò)跨平臺(tái)移動(dòng)校園系統(tǒng)進(jìn)行多種操作，提高校園生活的方便性和快捷性。觀(guān)察現(xiàn)有的跨平臺(tái)移動(dòng)校園系統(tǒng)APP的主界面能夠發(fā)現(xiàn)，大部分界面都采用九宮格的功能模塊分布方式。該方式的界面能夠最直觀(guān)的呈現(xiàn)出校園APP的各項(xiàng)功能，界面清晰、規(guī)整，容易被更多用戶(hù)所接受。師生通過(guò)直接點(diǎn)擊模塊名稱(chēng)或圖標(biāo)，就能進(jìn)入到具體的界面當(dāng)中，實(shí)現(xiàn)相應(yīng)服務(wù)功能。例如訪(fǎng)客預(yù)約功能，點(diǎn)擊進(jìn)入后，界面會(huì)出現(xiàn)相關(guān)信息的填寫(xiě)表格。將來(lái)訪(fǎng)時(shí)間、訪(fǎng)客姓名、手機(jī)號(hào)、車(chē)牌、相關(guān)事由等按要求填寫(xiě)完畢進(jìn)行提交，預(yù)留號(hào)碼的手機(jī)就會(huì)收到系統(tǒng)發(fā)送的驗(yàn)證通知。訪(fǎng)客便可持該信息在規(guī)定時(shí)間內(nèi)到校園門(mén)衛(wèi)處進(jìn)行驗(yàn)證，在各項(xiàng)信息均與提交申請(qǐng)相符的情況下，允許訪(fǎng)客進(jìn)入校園。此外，成績(jī)查詢(xún)、選課查詢(xún)、排課信息等功能也能通過(guò)上述過(guò)程被實(shí)現(xiàn)。

3? 結(jié)? 論

基于混合模式的跨平臺(tái)移動(dòng)校園系統(tǒng)的實(shí)現(xiàn)已經(jīng)成為可能，在未來(lái)的一段時(shí)間內(nèi)，高校校內(nèi)APP平臺(tái)的設(shè)計(jì)與構(gòu)建都將圍繞這一技術(shù)難點(diǎn)而展開(kāi)。在實(shí)現(xiàn)移動(dòng)校園系統(tǒng)跨平臺(tái)特點(diǎn)的基礎(chǔ)之上，對(duì)系統(tǒng)功能模塊進(jìn)行詳細(xì)和完善、增加用戶(hù)數(shù)據(jù)挖掘分析功能，也應(yīng)作為相關(guān)單位的重點(diǎn)研究?jī)?nèi)容，不斷優(yōu)化跨平臺(tái)移動(dòng)校園內(nèi)系統(tǒng)服務(wù)水平。

參考文獻(xiàn)：

[1] 邱軍輝.山東傳媒職業(yè)學(xué)院移動(dòng)校園服務(wù)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn) [D].濟(jì)南：山東大學(xué)，2018.

[2] 薛頌.基于混合模式的跨平臺(tái)移動(dòng)校園系統(tǒng)的研究與實(shí)現(xiàn) [D].沈陽(yáng)：遼寧大學(xué)，2017.

作者簡(jiǎn)介：姜立平（1997.05-），男，漢族，山東煙臺(tái)人，本科，研究方向：網(wǎng)絡(luò)工程;孫德剛（1978.04-），男，漢族，山東德州人，高級(jí)工程師，學(xué)士學(xué)位，研究方向：教育信息化、軟件開(kāi)發(fā);楊善金（1992.08-），男，漢族，山東聊城人，學(xué)士學(xué)位，助教，學(xué)管干事，研究方向：學(xué)生信息管理。