基于Android的校園一卡通APP平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

卿舟洋，張引瓊（通訊作者）

（湖南農(nóng)業(yè)大學(xué)信息與智能科學(xué)技術(shù)學(xué)院 湖南 長(zhǎng)沙 410128）

1 引言

由于Android智能操作系統(tǒng)的高度開(kāi)放性，基于移動(dòng)互聯(lián)網(wǎng)的應(yīng)用層出不窮，極大地便利了人們的工作和生活[1]。高校學(xué)生是移動(dòng)互聯(lián)網(wǎng)應(yīng)用的龐大用戶群體，智能手機(jī)與大學(xué)生的學(xué)習(xí)生活已經(jīng)密不可分[2]。然而大部分高校仍然以實(shí)體一卡通磁卡為主流，不符合數(shù)字智能化的市場(chǎng)趨勢(shì)。因此，本文設(shè)計(jì)與實(shí)現(xiàn)了基于Android的校園一卡通應(yīng)用軟件，將傳統(tǒng)校園一卡通的功能轉(zhuǎn)移到手機(jī)終端，并對(duì)其功能進(jìn)行智能化拓展。該軟件針對(duì)高校學(xué)生的衣食住行及學(xué)習(xí)需求進(jìn)行設(shè)計(jì)，為高校一卡通軟件建設(shè)提供了具體的解決方案和參考依據(jù)。

2 校園一卡通APP平臺(tái)架構(gòu)

校園一卡通系統(tǒng)實(shí)施統(tǒng)一管理，分級(jí)運(yùn)用綜合性平臺(tái)架構(gòu)，通過(guò)系統(tǒng)的模塊化結(jié)構(gòu)設(shè)計(jì)，按需配置功能，并預(yù)留接口便于日后擴(kuò)展[3]。本設(shè)計(jì)將一卡通APP分為3個(gè)主要板塊：登錄板塊、主界面板塊以及功能實(shí)現(xiàn)板塊。

2.1 登錄模塊

登錄板塊用來(lái)檢驗(yàn)用戶的信息是否正確，該界面主要由用戶名、密碼兩個(gè)文本框以及登錄按鈕組成，具體流程如下：當(dāng)用戶名密碼輸入正確，顯示“登錄成功”的提示，反之登錄錯(cuò)誤將刪除用戶名密碼文本框內(nèi)的全部?jī)?nèi)容，出現(xiàn)“登錄失敗，用戶名或密碼錯(cuò)誤”的提示。

2.2 主界面模塊

主界面板塊用來(lái)進(jìn)行功能選擇以及首推服務(wù)，首推模塊顯示商家介紹滑動(dòng)圖，主界面模塊包含社區(qū)論壇、生活指南以及積分商城3個(gè)選擇按鈕，用戶點(diǎn)擊首推滑動(dòng)圖片或者功能選擇按鈕，界面就會(huì)跳轉(zhuǎn)到相對(duì)應(yīng)的功能實(shí)現(xiàn)模塊中。用戶點(diǎn)擊生活指南按鈕時(shí)，則會(huì)跳轉(zhuǎn)到生活指南的功能選擇界面，該界面由4個(gè)按鈕組成，分別為舌尖上的校園、校園生活快樂(lè)go、個(gè)人課程表、校園學(xué)習(xí)通。用戶點(diǎn)擊對(duì)應(yīng)的按鈕也會(huì)跳轉(zhuǎn)至對(duì)應(yīng)的功能實(shí)現(xiàn)模塊。

2.3 功能實(shí)現(xiàn)模塊

功能實(shí)現(xiàn)模塊對(duì)于用戶不同功能選擇按鈕的點(diǎn)擊事件提供功能實(shí)現(xiàn)響應(yīng)。舌尖上的校園、校園生活快樂(lè)go均以縮略圖和推薦帖結(jié)合的形式向用戶展現(xiàn)，此模塊由上方的首推滑動(dòng)圖片和下方多個(gè)縮略圖組成，用戶可以下拉進(jìn)行刷新，點(diǎn)擊首推界面以及縮略圖都可以跳轉(zhuǎn)到相應(yīng)商家的推薦帖頁(yè)面，商家推薦帖頁(yè)面主要由商家上傳的圖片以及評(píng)論文本框、點(diǎn)贊按鈕組成，此界面同樣可以下拉刷新。

個(gè)人課程表界面主要是以表格形式呈現(xiàn)，表格第一行文本框內(nèi)填寫(xiě)的是周一到周日的時(shí)間標(biāo)識(shí)。在標(biāo)識(shí)下方的文本框內(nèi)用戶可以利用學(xué)校教務(wù)的接口對(duì)自身的課程進(jìn)行導(dǎo)入，也可以自行點(diǎn)擊課程按鈕進(jìn)行修改。

校園學(xué)習(xí)通是由英語(yǔ)、理工、文史、哲學(xué)4個(gè)板塊組成，用戶點(diǎn)擊不同板塊后出現(xiàn)相關(guān)學(xué)科縮略圖，點(diǎn)擊縮略圖后跳轉(zhuǎn)到相關(guān)學(xué)科資料的鏈接地址。

積分商城實(shí)現(xiàn)積分兌換及積分充值功能，另設(shè)置個(gè)人積分界面方便用戶了解積分實(shí)況。用戶點(diǎn)擊商品兌換按鈕跳轉(zhuǎn)至商品介紹界面，該界面由各種商品縮略圖組成，用戶點(diǎn)擊縮略圖后跳轉(zhuǎn)到商品的兌換連接。充值界面由接收充值金額的文本框和確認(rèn)按鈕組成，用戶輸入充值金額后點(diǎn)擊確認(rèn)按鈕跳轉(zhuǎn)到預(yù)先設(shè)置的支付平臺(tái)，操作成功后所獲積分存入個(gè)人積分?jǐn)?shù)據(jù)中。用戶點(diǎn)擊個(gè)人積分?jǐn)?shù)據(jù)按鈕則會(huì)跳轉(zhuǎn)到積分展示界面，該界面以文本框形式展示用戶當(dāng)前積分。

社區(qū)論壇分為用戶發(fā)帖及讀帖兩個(gè)功能，用戶點(diǎn)擊發(fā)帖按鈕會(huì)跳轉(zhuǎn)到編輯界面，編輯界面由負(fù)責(zé)上傳圖片的加號(hào)按鈕和輸入語(yǔ)言的文本框構(gòu)成，用戶上傳好相關(guān)內(nèi)容后點(diǎn)擊“發(fā)布”按鈕即可發(fā)布帖子，系統(tǒng)提示上傳成功。用戶點(diǎn)擊其他用戶推薦帖的縮略圖跳轉(zhuǎn)至其推薦帖的展示部分，該部分由圖片展示部分以及點(diǎn)贊評(píng)論按鈕組成：用戶點(diǎn)擊圖片可用于圖片縮放，點(diǎn)擊評(píng)論按鈕可進(jìn)行評(píng)論，評(píng)論完成后點(diǎn)擊點(diǎn)贊按鈕則按鈕圖案變色，系統(tǒng)提示點(diǎn)贊成功。

該軟件整體架構(gòu)見(jiàn)圖1。

圖1 平臺(tái)架構(gòu)圖

3 相關(guān)功能實(shí)現(xiàn)

3.1 登錄實(shí)現(xiàn)

登錄模塊的實(shí)現(xiàn)主要由登錄和用戶名密碼檢驗(yàn)兩部分構(gòu)成，在登錄界面布局中設(shè)置兩個(gè)文本框和登錄按鈕，文本框存儲(chǔ)用戶輸入的用戶名以及密碼，按鈕用來(lái)進(jìn)行登錄操作，在Button上設(shè)置監(jiān)聽(tīng)點(diǎn)擊事件判斷用戶是否選擇登錄。當(dāng)用戶點(diǎn)擊按鈕后，設(shè)置跳轉(zhuǎn)操作跳轉(zhuǎn)到用戶名密碼檢驗(yàn)部分，此Activity文件中需要設(shè)置boolean方法判斷用戶名密碼是否輸入正確，當(dāng)用戶登錄成功后程序從用戶名密碼檢驗(yàn)部分再次跳轉(zhuǎn)到我們所設(shè)置的過(guò)渡類Activity1。該類Activity主要的作用就是關(guān)閉登錄界面、彈出對(duì)話框，提示用戶稍做等待，然后跳轉(zhuǎn)到主界面上。若用戶的用戶名密碼輸入錯(cuò)誤，則會(huì)跳入到設(shè)置的過(guò)渡類Activity2中，該Activity的作用是清空文本框內(nèi)的用戶名、密碼，跳出對(duì)話框提醒用戶輸入錯(cuò)誤。

3.2 主界面實(shí)現(xiàn)

主界面由首推部分以及功能選擇部分組成，兩者主要是界面跳轉(zhuǎn)的實(shí)現(xiàn)，首推部分是滑動(dòng)縮略圖的呈現(xiàn)形式，實(shí)現(xiàn)縮略圖自動(dòng)滑動(dòng)。我們這里使用到了ViewPager（視圖滑動(dòng)切換工具），把需要展示的首推商家縮略圖放置到ImageView中設(shè)置布局，然后通過(guò)ViewPager的適配器PagerAdapter將ImageView和ViewPager進(jìn)行綁定，這樣就實(shí)現(xiàn)了指定縮略圖的滑動(dòng)展示。在縮略圖和功能選擇部分的所有Button按鈕中都設(shè)置點(diǎn)擊監(jiān)聽(tīng)事件，當(dāng)用戶點(diǎn)擊相關(guān)事件后調(diào)用過(guò)渡類Activity實(shí)現(xiàn)相關(guān)界面跳轉(zhuǎn)。

3.3 推薦帖實(shí)現(xiàn)

一卡通APP功能大部分是以推薦帖和縮略圖的方式呈現(xiàn)，為了使得圖片能夠在帖子上呈現(xiàn)出來(lái)，本文利用了第三方開(kāi)源平臺(tái)GitHub提供縮略圖和圖片的表現(xiàn)形式。除此之外，用戶還能夠自動(dòng)保存其上傳的圖片地址，對(duì)發(fā)帖進(jìn)行評(píng)論點(diǎn)贊、下拉刷新等操作。評(píng)論功能需要在該模塊文件里設(shè)置專用文本框來(lái)接收保存文字信息，而下拉刷新功能則需要用到刷新控件SwipeRefreshLayout，在使用刷新布局時(shí)還需要將“點(diǎn)贊”“評(píng)論”兩個(gè)固定功能按鈕隔離開(kāi)來(lái)，且兩個(gè)按鈕不能同時(shí)獲得焦點(diǎn)，以免造成程序混亂。

3.4 課程表數(shù)據(jù)導(dǎo)入實(shí)現(xiàn)

實(shí)現(xiàn)課程表功能的關(guān)鍵就是對(duì)學(xué)校教務(wù)平臺(tái)的數(shù)據(jù)獲取，本文使用抓包工具HttpWatch以及Jsoup對(duì)于網(wǎng)頁(yè)HTML進(jìn)行解析并登錄教務(wù)網(wǎng)站找到Cookie參數(shù)進(jìn)行數(shù)據(jù)抓取，然后將該數(shù)據(jù)運(yùn)用在代碼之中，最后將代碼的數(shù)據(jù)傳入課程表的Activity，實(shí)現(xiàn)課程表數(shù)據(jù)的導(dǎo)入導(dǎo)出[4]。

3.5 縮略圖超鏈接跳轉(zhuǎn)實(shí)現(xiàn)

由于用戶在點(diǎn)擊部分縮略圖時(shí)需要進(jìn)行平臺(tái)外部界面跳轉(zhuǎn)，我們通過(guò)設(shè)置超鏈接對(duì)相關(guān)外部界面跳轉(zhuǎn)需求進(jìn)行實(shí)現(xiàn)，在AndroidManifest主文件文件里申請(qǐng)到網(wǎng)絡(luò)權(quán)限，然后在相關(guān)縮略圖上設(shè)置ListView，通過(guò)多個(gè)ListView組合添加用戶點(diǎn)擊事件以及添加autoLink屬性定義超鏈接，然后利用超文本傳輸協(xié)議向服務(wù)器申請(qǐng)?jiān)L問(wèn)相關(guān)地址，該類是imageView的內(nèi)部類，可以直接使用。

4 測(cè)試截圖

主界面見(jiàn)圖2，功能選擇界面見(jiàn)圖3，功能實(shí)現(xiàn)界面見(jiàn)圖4。

圖2 主界面截圖

圖3 功能選擇界面截圖

圖4 功能實(shí)現(xiàn)界面截圖

5 結(jié)語(yǔ)

相較于傳統(tǒng)實(shí)體一卡通，校園一卡通APP的功能更完善，信息量更大，實(shí)時(shí)性更強(qiáng)，信息智能化程度更高。校園一卡通在智慧校園構(gòu)建中發(fā)揮著難以替代的功能和作用，提供全新的信息采集網(wǎng)格，為學(xué)校構(gòu)建信息化、數(shù)字化的校園系統(tǒng)奠定基礎(chǔ)。