基于混合模式的跨平臺移動校園系統的研究與實現

姜立平 孫德剛 楊善金

摘? 要：移動校園系統是現代技術飛速發展的產物，也是應對當前校內師生實際生活需求和生活習慣的必然發展趨勢。移動校園系統開發存在的一個待解決問題就是一次開發、多平臺利用。因此，本文主要分析基于混合模式的跨平臺移動校園系統的研究與實現，旨在提高移動校園系統的適用范圍，避免出現重復開發、資源浪費的情況。

關鍵詞：混合模式;跨平臺;移動校園系統

中圖分類號：TP311.52? ? ? 文獻標識碼：A 文章編號：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? 引? 言

網絡技術及信息技術的飛速發展極大改變了人們的工作、生活方式，移動電子終端成為人們獲取信息、辦理業務、開展工作的重要工具。大學生作為現代信息技術的主要受益者，對移動校園系統的需求較大。跨平臺移動校園系統的開發能夠為校園內使用不同平臺的師生提供同等的校園APP服務，通過校園APP獲取各類校園資訊，并進行基本的業務操作。本文對其實現進行了具體研究。

1? 基于混合模式的跨平臺移動校園系統的需求

1.1? 跨平臺移動校園系統的模式需求

移動校園系統的優勢就在于一切服務功能都在移動客戶端中得以實現，因此對系統模式的需求從瀏覽器-服務器模式轉變為客戶端-服務器模式。但是，考慮到跨平臺移動校園系統用戶APP的后臺維護工作需要在電腦端進行，因此該系統需采用瀏覽器-服務器和客戶端-服務器相結合的模式。其中，跨平臺移動校園系統的核心部分用客戶端-服務器模式進行設計，能夠滿足安卓、iOS、WP等不同平臺用戶的使用需求[1]。而瀏覽器-服務器模式主要供移動校園系統后臺管理人員使用，進行系統維護與管理。

1.2? 跨平臺移動校園系統的功能需求

跨平臺移動校園系統的主要服務對象主要為校內師生，考慮到系統功能的全面性，可將目標用戶劃分為四類，即教師、學生、游客和系統管理員。根據不同類別用戶對移動校園系統的訴求不同，進行服務功能的設計。

教師功能：包括工資查詢、排課管理、學術互動信息公示、教學評價等常用教學功能，以及一卡通、圖書館等生活功能。

學生功能：包括成績查詢、課程查詢、選課系統、社團及兼職信息公示、校內辦公部門及教師聯系方式、一卡通、圖書館等。

游客功能：僅含有對外信息瀏覽權限，例如學校的公共網站、概況簡介、學校地理信息查詢、校園宣傳片觀看等。

管理員功能：系統維護及管理功能，進行系統訪問權限設置，管理系統服務程序、服務流程、數據備份等內容。

1.3? 跨平臺移動校園系統的技術需求

系統技術需求可分成兩部分。一是客戶端的技術需求：實現系統的跨平臺特點，通過一次開發活動，滿足多種平臺的使用需求。同時系統有權訪問電子終端的相機、定位等原生功能。二是服務器的技術需求：服務器應能同時處理大量請求，承載更龐大學生及教師群體的使用負荷。根據用戶需求提供服務接口，并確保接口的標準化，為后期擴展提供足夠空間。

2? 基于混合模式的跨平臺移動校園系統的實現

2.1? 跨平臺性質的實現

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

2.2? 核心技術的實現

考慮到跨平臺移動校園系統使用對象的應用習慣和系統的實際功能，系統核心技術主要是原生相機的使用和二維碼插件的應用。

2.2.1? 原生相機功能

PhoneGap框架中給原生相機的應用提出了一定的方法，但出于移動校園系統跨平臺性質的要求，原生相機功能的使用依然是一個技術難點。經過反復設計、實驗得出的功能實現方案如圖1所示。

2.2.2? 二維碼插件

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

2.3? 系統功能的實現

2.3.1? 系統登錄

跨平臺移動校園系統的登錄界面主要是實現校園APP的賬號申請與登錄。實現過程解析如下：在接收到來自checkConnection函數的網絡連接申請后，使用if語句進行判斷，選擇登錄界面或退出應用程序。用代碼表示為：if（network State==”No network connection”）/{navigator.app.exit APP（）}else/window.location.href=”login.html”。進入到移動校園APP之后，界面中會出現兩種登錄選項，即進行用戶名和密碼的輸入以及不需要賬號和密碼的游客入口。若選擇前者，用戶可輸入自己的用戶名和密碼，經后臺處理通過后，即可進入個人APP界面。

2.3.2? 校園門戶功能

校園門戶指的是跨平臺移動校園系統與用戶間產生的第一個交互界面，之所以被形象地稱為“門戶”是因為該界面的優劣直接決定了用戶對于APP的好感度，決定了用戶是否有興趣繼續進行APP體驗。設置系統屬性，將頁面呈現的內容與電子終端的屏幕寬度相適應。例如：輸入代碼：<meat name=”viewport”conten=”width=device-width，initial-scale=1”/>此時，系統中就會加入校內新聞，以便用戶進行信息瀏覽[2]。

2.3.3? 教師及學生服務功能

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

3? 結? 論

基于混合模式的跨平臺移動校園系統的實現已經成為可能，在未來的一段時間內，高校校內APP平臺的設計與構建都將圍繞這一技術難點而展開。在實現移動校園系統跨平臺特點的基礎之上，對系統功能模塊進行詳細和完善、增加用戶數據挖掘分析功能，也應作為相關單位的重點研究內容，不斷優化跨平臺移動校園內系統服務水平。

參考文獻：

[1] 邱軍輝.山東傳媒職業學院移動校園服務系統的設計與實現 [D].濟南：山東大學，2018.

[2] 薛頌.基于混合模式的跨平臺移動校園系統的研究與實現 [D].沈陽：遼寧大學，2017.

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