韓立峰

(中國石油大學(xué)(華東)網(wǎng)絡(luò)及教育技術(shù)中心，山東 青島 266555)

0 引言

當今移動網(wǎng)絡(luò)技術(shù)飛速發(fā)展，智能手機迅速普及，手機成為必備工具。隨時隨地上網(wǎng)，充分利用碎片化時間獲取信息、處理事務(wù)，符合用戶的習(xí)慣。手機客戶端是接入移動互聯(lián)網(wǎng)的最佳方式［1］，如果開發(fā)與“校園一卡通”深度融合的手機應(yīng)用，將體系龐雜的“校園一卡通”應(yīng)用轉(zhuǎn)化為手機上個性化、情景化的應(yīng)用，將給校園卡師生用戶帶來極大的方便。

隨著2009年3G的啟動，我國移動互聯(lián)網(wǎng)進入高速發(fā)展階段，并迅速成為新的媒體傳播平臺、電子商務(wù)平臺和公眾娛樂平臺。移動互聯(lián)網(wǎng)既具有互聯(lián)網(wǎng)特征，又具備智能化和移動化特征，具有極強的生命力［2］。據(jù)易觀國際統(tǒng)計，截止2013年12月，中國移動互聯(lián)網(wǎng)網(wǎng)民達到6.52億［3］;中國銀行業(yè)協(xié)會發(fā)布的報告，2013年移動支付金額達到9.64萬億［4］。智能手機的2大主流平臺是 iOS(iPhone)和 Android［5-6］，手機客戶端大都基于這2個平臺開發(fā)。蘋果Apple Store目前有100萬余款iOS設(shè)備上的應(yīng)用;Android作為開放平臺，其應(yīng)用也接近這個數(shù)量。大眾非常熟悉的手機應(yīng)用微信［7］，用戶數(shù)已突破6億。

我校一卡通目前已廣泛應(yīng)用于學(xué)校教學(xué)、管理、生活的方方面面，除了餐廳就餐、浴室洗浴、超市購物、宿舍門禁等傳統(tǒng)應(yīng)用，還對各類校園應(yīng)用進行了面向一卡通的集成［8］，通過調(diào)用一卡通系統(tǒng)第三方接口，實現(xiàn)基于一卡通的身份認證和電子支付。目前與一卡通對接的應(yīng)用系統(tǒng)有圖書管理、醫(yī)院管理、機房管理、大學(xué)生體測、刷卡采集照片、刷卡自助打印等，真正實現(xiàn)了“一卡在手，走遍校園”。同時也建設(shè)了一卡通網(wǎng)上服務(wù)平臺［9］，除了傳統(tǒng)的通知公告、流水查詢、掛失解掛等功能，還提供了一卡通網(wǎng)上充值轉(zhuǎn)賬以及網(wǎng)上支付的功能，網(wǎng)絡(luò)計費、宿舍電費、四六級考試報名等系統(tǒng)通過調(diào)用服務(wù)平臺提供的Web-Servcie接口，就可實現(xiàn)基于一卡通的網(wǎng)上支付。如果利用移動互聯(lián)網(wǎng)技術(shù)，開發(fā)一卡通手機客戶端，將一卡通有關(guān)的個人業(yè)務(wù)移植到移動終端(如智能手機)上，將極大方便用戶的辦理，改善用戶的服務(wù)體驗。

1 校園一卡通手機客戶端的總體設(shè)計

1.1 建設(shè)目標

一卡通手機客戶端首先要實現(xiàn)與一卡通系統(tǒng)的交互，提供校園卡有關(guān)的各項服務(wù)功能，如流水查詢、掛失解掛、轉(zhuǎn)賬充值等;其次要與一卡通網(wǎng)上服務(wù)平臺通信，獲取服務(wù)平臺的通知公告、個人消息等;還要與網(wǎng)費、電費等繳費業(yè)務(wù)系統(tǒng)對接，實現(xiàn)手機移動支付的功能;最后要實現(xiàn)多終端的覆蓋，支持iOS、Android、其他手機系統(tǒng)使用WebApp訪問。

1.2 應(yīng)用架構(gòu)及部署方案

圖1 手機客戶端的應(yīng)用架構(gòu)

如圖1所示，手機客戶端系統(tǒng)包含手機服務(wù)端和手機端2部分。手機端安裝運行于用戶的智能手機，是用戶操作的界面;服務(wù)端負責(zé)業(yè)務(wù)處理，并將結(jié)果返回手機端。手機服務(wù)端處理一卡通有關(guān)的業(yè)務(wù)，需通過一卡通接口網(wǎng)關(guān)，調(diào)用一卡通有關(guān)接口實現(xiàn)相應(yīng)功能，包括校園卡賬戶查詢、流水查詢、掛失解掛、銀行轉(zhuǎn)賬等。手機服務(wù)端還需要調(diào)用一卡通網(wǎng)上服務(wù)平臺提供的Web Service接口，獲取通知公告、個人消息等，展示在手機端。同時手機服務(wù)端還需要和網(wǎng)費、電費等收費系統(tǒng)進行對接，實現(xiàn)手機繳費的功能。

手機服務(wù)端作為手機客戶端的接口提供方，充當網(wǎng)關(guān)適配器的角色。手機服務(wù)端對客戶端提供規(guī)范的接口，同時與各個系統(tǒng)對接，集成各系統(tǒng)的數(shù)據(jù)和功能，在手機端上統(tǒng)一展現(xiàn)。一個客戶端App就可集成學(xué)校各系統(tǒng)應(yīng)用，成為校園移動互聯(lián)網(wǎng)掌上門戶。

手機端采用Native開發(fā)模式，開發(fā)了Android系統(tǒng)手機客戶端和iOS系統(tǒng)手機客戶端，為主流手機提供優(yōu)質(zhì)的用戶體驗，同時開發(fā)WebApp［10］為其它系統(tǒng)手機提供對應(yīng)的服務(wù)，覆蓋所有手機人群。

圖2是手機客戶端系統(tǒng)部署的拓撲圖，服務(wù)器部署在校園網(wǎng)上，包含一臺應(yīng)用服務(wù)器、一臺數(shù)據(jù)庫服務(wù)器和一臺網(wǎng)關(guān)服務(wù)器，系統(tǒng)通過網(wǎng)關(guān)服務(wù)器與一卡通專網(wǎng)連接，完成與一卡通系統(tǒng)和一卡通網(wǎng)上服務(wù)平臺的通信。

圖2 手機客戶端系統(tǒng)拓撲圖

1.3 功能設(shè)計

手機客戶端在功能上分為基礎(chǔ)模塊、信息服務(wù)模塊、管理端、繳費模塊、一卡通模塊等幾大模塊。基礎(chǔ)模塊的功能包括認證登錄、應(yīng)用更新、系統(tǒng)設(shè)置等。信息服務(wù)模塊的功能包括平臺通知、個人信息、留言板、重要信息推送等。管理端可以使系統(tǒng)管理員能夠?qū)δ懿藛?、?quán)限、用戶進行統(tǒng)一的管理。一卡通模塊的功能包括賬戶信息、流水的查詢，校園卡掛失、解掛、修改密碼、關(guān)聯(lián)銀行卡向校園卡的轉(zhuǎn)賬等。繳費模塊功能包括電費繳納、網(wǎng)費繳納、考試報名費繳納等，也支持繳費記錄的查詢。圖3是手機客戶端的功能模塊圖。

圖3 手機客戶端功能模塊圖

2 校園一卡通手機客戶端的軟件實現(xiàn)

2.1 手機服務(wù)端實現(xiàn)

手機服務(wù)端程序基于.NET框架開發(fā)，采用了ASP.NET Web API［11-12］的模式，它是一種 REST［13-14］風(fēng)格Web服務(wù)程序的新框架，用于創(chuàng)建連接瀏覽器、移動設(shè)備等多種客戶端的HTTP服務(wù)。在REST架構(gòu)中，對于資源的操作通過 HTTP的 GET、POST、PUT、DELETE四種方法實現(xiàn)，簡單靈活，已經(jīng)成為目前最主要的 Web服務(wù)設(shè)計模式。ASP.NET MVC 4［15-16］中包含了 Web API的模板，在 MVC 設(shè)計模式中，應(yīng)用程序被分成3個核心組件即模型(Model)、視圖(View)、控制器(Controller)，它們各自處理自己的任務(wù)。視圖是展現(xiàn)頁面，在MVC設(shè)計模式中，界面展示與業(yè)務(wù)邏輯分離;業(yè)務(wù)流程和數(shù)據(jù)的處理由模型部分完成;控制器負責(zé)用戶的交互，將視圖接收的請求交給模型處理，并將處理結(jié)果返回視圖。在Web API的框架中，應(yīng)用程序包含模型和控制器部分，但沒有視圖，返回客戶端的是數(shù)據(jù)。

根據(jù)應(yīng)用架構(gòu)中所述，手機服務(wù)端需要完成2部分功能:1)調(diào)用一卡通系統(tǒng)及一卡通網(wǎng)上服務(wù)平臺的Web Service接口，實現(xiàn)校園卡有關(guān)的功能;2)封裝Web API接口，接受手機端的請求并將處理結(jié)果返回手機端。

2.1.1 手機服務(wù)端定義的模型

在手機服務(wù)端程序中，模型就是為需要操作的一卡通數(shù)據(jù)定義的類。ASP.NET Web API能夠自動序列化模型為JSON或者XML格式，然后將序列化的數(shù)據(jù)寫入HTTP響應(yīng)信息體里，由客戶端解析得到相應(yīng)數(shù)據(jù)。根據(jù)需要，筆者定義了卡信息模型CardInfo、流水信息模型TrjnInfo、卡消息模型CardNotice等，舉例說明如下:

2.1.2 手機服務(wù)端對一卡通WebService的調(diào)用

一卡通系統(tǒng)提供了一整套實現(xiàn)校園卡管理的Web Service接口，手機服務(wù)端程序?qū)λ鼈冞M行了引用，對應(yīng)的代碼文件為SynCardService.cs。代碼文件中定義了若干方法，包括銀行卡向校園卡轉(zhuǎn)賬、修改查詢密碼、獲取校園卡信息等。手機服務(wù)端將在響應(yīng)客戶端請求時，調(diào)用這些方法實現(xiàn)校園卡有關(guān)功能。

2.1.3 手機服務(wù)端定義的控制器及方法

控制器是程序中負責(zé)處理HTTP請求的部分，控制器中定義的方法用來匹配HTTP請求的方法。Web API中控制器繼承自ApiController類，對于每一個HTTP請求，ASP.NET Web API框架通過路由表決定由哪個控制器處理請求。路由表中的路由形如/api/{controller}/{action}，{controller}對應(yīng)控制器，{action}對應(yīng)控制器方法。在手機服端程序里，定義了CardController和NoticeController兩個控制器，前者定義了與card信息查詢、流水查詢、轉(zhuǎn)賬等有關(guān)的方法，后者定義了與通知消息有關(guān)的方法。下面列舉CardController及其方法定義的代碼。

2.2 手機端實現(xiàn)

手機端向服務(wù)端發(fā)送HTTP請求，服務(wù)端返回JSON［17］格式的數(shù)據(jù)。JSON(JavaScript Object Notation)是一種輕量級的數(shù)據(jù)交換格式，它基于JavaS-cript的一個子集，采用完全獨立的文本格式，是一種理想的數(shù)據(jù)交換語言。以Android客戶端為例，程序使用系統(tǒng)自帶工具類org.Json對JSON數(shù)據(jù)進行解析處理。按照ASP.NET Web API框架的約定，HTTP請求的 URL樣式為/api/{controller}/{action}，{controller}用來匹配控制器名稱，{action}用來匹配方法名稱。以獲取“校園卡基本信息”為例，代碼如下:

3 應(yīng)用

手機客戶端的統(tǒng)計分析功能可以對用戶數(shù)、業(yè)務(wù)量以及各功能的訪問量進行統(tǒng)計。如圖4所示，手機客戶端上線2個月以來，累計有690個用戶下載使用，成功轉(zhuǎn)賬筆數(shù)1260;各功能模塊的訪問量中，登錄總量6012次，當日流水查詢1668次，賬戶查詢3518次，校園卡掛失60次，修改密碼73次，通知公告592次。

圖4 使用情況統(tǒng)計

4 結(jié)束語

校園一卡通手機客戶端的應(yīng)用，使校園卡應(yīng)用從PC端擴展到了移動端。它與校園卡網(wǎng)上服務(wù)平臺一起構(gòu)建了從網(wǎng)上充值、網(wǎng)上支付到移動充值、移動支付的完備的校園卡自助服務(wù)體系，極大地方便了用戶的業(yè)務(wù)辦理，提升了校園卡的應(yīng)用水平。

［1］易觀國際.中國移動 SNS用戶調(diào)研報告2009［DB/OL］. http://www.doc88.com/p-18360796488.html，2014-06-27.

［2］趙慧玲.移動互聯(lián)網(wǎng)的現(xiàn)狀與發(fā)展方向探索［J］.移動通信，2009(1):58-61.

［3］易觀智庫.2013年中國移動互聯(lián)網(wǎng)統(tǒng)計報告［DB/OL］.http://www.eguan.cn/download/zt.php?tid=1979＆rid=1988，2013-12-24.

［4］楊再平.2013年度中國銀行業(yè)服務(wù)改進情況報告［R］.中國銀行業(yè)協(xié)會，2014-03-15.

［5］Developers A.What is Android［DB/OL］.http://developer.android.com/guide/basics/what-is-android.html，2014-06-27.

［6］佘建偉，趙凱.Android 4高級編程［M］.第3版.北京:清華大學(xué)出版社，2013.

［7］黃金萍，莊明浩，和菜頭.《微信》是如何飛起來的［J］.計算機應(yīng)用文摘，2012(7):48-49.

［8］韓立峰.基于校園一卡通的校園應(yīng)用集成［J］.信息技術(shù)，2011(12):104-106.

［9］韓立峰.校園一卡通網(wǎng)上自助服務(wù)平臺［J］.科技信息，2012(29):130-131.

［10］陳勇.Web App現(xiàn)狀分析及展望［J］.通信與信息技術(shù)，2012(4):77-78.

［11］MSDN Library.ASP.NET Web API參考［DB/OL］.http://msdn.microsoft.com/zh-cn/library/hh833994(v=vs.108).aspx，2014-06-27.

［12］Jon Galloway，Phil Haack，Brad Wilson，et al.ASP.NET MVC 4高級編程［M］.第4版.北京:清華大學(xué)出版社，2013.

［13］潘冰.面向資源的RESTfulWeb應(yīng)用研究［J］.微計算機應(yīng)用，2010，31(7):38-43.

［14］楊濤，丁一鈞，劉峰，等.基于REST的C/S軟件體系結(jié)構(gòu)研究［J］.電腦編程技巧與維護，2012(22):4-5，19.

［15］林慶，朱翠苗，鄭廣成，等.基于ASP.NET的MVC設(shè)計模式的研究［J］.計算機工程與設(shè)計，2008，29(1):167-169.

［16］周文紅.基于 ASP.NET MVC框架的 Web應(yīng)用開發(fā)［J］.計算機與現(xiàn)代化，2013(10):197-198.

［17］屈展，李嬋.JSON在Ajax數(shù)據(jù)交換中的應(yīng)用研究［J］.西安石油大學(xué)學(xué)報(自然科學(xué)版)，2011，26(1):95-98.