姜立平 孫德剛 楊善金

摘? 要：移動(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)開發(fā)存在的一個(gè)待解決問題就是一次開發(fā)、多平臺(tái)利用。因此，本文主要分析基于混合模式的跨平臺(tái)移動(dòng)校園系統(tǒng)的研究與實(shí)現(xiàn)，旨在提高移動(dòng)校園系統(tǒng)的適用范圍，避免出現(xiàn)重復(fù)開發(fā)、資源浪費(fèi)的情況。

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

中圖分類號(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ù)、開展工作的重要工具。大學(xué)生作為現(xiàn)代信息技術(shù)的主要受益者，對(duì)移動(dòng)校園系統(tǒng)的需求較大?？缙脚_(tái)移動(dòng)校園系統(tǒng)的開發(fā)能夠?yàn)樾@內(nèi)使用不同平臺(tái)的師生提供同等的校園APP服務(wù)，通過校園APP獲取各類校園資訊，并進(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)客戶端中得以實(shí)現(xiàn)，因此對(duì)系統(tǒng)模式的需求從瀏覽器-服務(wù)器模式轉(zhuǎn)變?yōu)榭蛻舳?服務(wù)器模式。但是，考慮到跨平臺(tái)移動(dòng)校園系統(tǒng)用戶APP的后臺(tái)維護(hù)工作需要在電腦端進(jìn)行，因此該系統(tǒng)需采用瀏覽器-服務(wù)器和客戶端-服務(wù)器相結(jié)合的模式。其中，跨平臺(tái)移動(dòng)校園系統(tǒng)的核心部分用客戶端-服務(wù)器模式進(jìn)行設(shè)計(jì)，能夠滿足安卓、iOS、WP等不同平臺(tái)用戶的使用需求[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)用戶劃分為四類，即教師、學(xué)生、游客和系統(tǒng)管理員。根據(jù)不同類別用戶對(duì)移動(dòng)校園系統(tǒng)的訴求不同，進(jìn)行服務(wù)功能的設(shè)計(jì)。

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

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

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

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

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

系統(tǒng)技術(shù)需求可分成兩部分。一是客戶端的技術(shù)需求：實(shí)現(xiàn)系統(tǒng)的跨平臺(tái)特點(diǎn)，通過一次開發(fā)活動(dòng)，滿足多種平臺(tái)的使用需求。同時(shí)系統(tǒng)有權(quán)訪問電子終端的相機(jī)、定位等原生功能。二是服務(wù)器的技術(shù)需求：服務(wù)器應(yīng)能同時(shí)處理大量請(qǐng)求，承載更龐大學(xué)生及教師群體的使用負(fù)荷。根據(jù)用戶需求提供服務(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框架來實(shí)現(xiàn)，這一過程需要從Apache Cordova功能的安裝開始。首先，輸入>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)整完畢后，開始進(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)過反復(fù)設(shè)計(jì)、實(shí)驗(yàn)得出的功能實(shí)現(xiàn)方案如圖1所示。

2.2.2? 二維碼插件

二維碼在現(xiàn)代生活中的應(yīng)用非常普遍，可以說是人的第二張身份證。在消費(fèi)支付、好友添加、信息獲取、網(wǎng)站訪問等方面都會(huì)用到二維碼。在跨平臺(tái)移動(dòng)校園系統(tǒng)中，二維碼也將作為重要的身份信息呈現(xiàn)方式而存在。但在PhoneGap框架中，并沒有預(yù)先設(shè)定好的二維碼插件，因此需要通過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ù)將用戶的信息、資料等不同格式的內(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)過程解析如下：在接收到來自checkConnection函數(shù)的網(wǎng)絡(luò)連接申請(qǐng)后，使用if語句進(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ào)和密碼的游客入口。若選擇前者，用戶可輸入自己的用戶名和密碼，經(jīng)后臺(tái)處理通過后，即可進(jìn)入個(gè)人APP界面。

2.3.2? 校園門戶功能

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

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

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

3? 結(jié)? 論

基于混合模式的跨平臺(tái)移動(dòng)校園系統(tǒng)的實(shí)現(xiàn)已經(jīng)成為可能，在未來的一段時(shí)間內(nèi)，高校校內(nèi)APP平臺(tái)的設(shè)計(jì)與構(gòu)建都將圍繞這一技術(shù)難點(diǎn)而展開。在實(shí)現(xiàn)移動(dòng)校園系統(tǒng)跨平臺(tái)特點(diǎn)的基礎(chǔ)之上，對(duì)系統(tǒng)功能模塊進(jìn)行詳細(xì)和完善、增加用戶數(shù)據(jù)挖掘分析功能，也應(yīng)作為相關(guān)單位的重點(diǎn)研究內(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].沈陽：遼寧大學(xué)，2017.

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