吳影 梅增鑫 徐俊華

摘 要：文章針對(duì)當(dāng)前移動(dòng)端軟件環(huán)境技術(shù)、互聯(lián)網(wǎng)的技術(shù)發(fā)展以及最新的移動(dòng)互聯(lián)網(wǎng)開發(fā)技術(shù)進(jìn)行研究，闡述開發(fā)一款專屬校園APP的經(jīng)歷。該APP基于Android Studio平臺(tái)開發(fā)，展現(xiàn)最終成品的演示，并對(duì)未來移動(dòng)開發(fā)技術(shù)的展望。

關(guān)鍵詞：APP;開發(fā)技術(shù);校園;互聯(lián)網(wǎng)

1? ? APP設(shè)計(jì)需求

大學(xué)生對(duì)于各種信息平臺(tái)的接受度和依賴度非常強(qiáng)，但是市面上的生活服務(wù)類應(yīng)用軟件魚龍混雜。針對(duì)大學(xué)生的需求、以大學(xué)生的利益為基本出發(fā)點(diǎn)來提供信息、方便大學(xué)生學(xué)習(xí)生活的應(yīng)用軟件還少之又少，大學(xué)生日常學(xué)習(xí)、查詢課表、吃喝玩樂、交友互動(dòng)等都逐漸互聯(lián)網(wǎng)化，于是，針對(duì)大學(xué)生群體的校園APP孕育而生。本項(xiàng)目開設(shè)江蘇大學(xué)校園、個(gè)人信息查詢、課堂學(xué)習(xí)、交友、生活服務(wù)等功能，既能輔助教師課堂教學(xué)，又能幫助學(xué)生課后學(xué)習(xí)，還能給校園生活增添樂趣，便捷校園生活，同時(shí)還豐富了安卓軟件生態(tài)環(huán)境。

2? ? 項(xiàng)目及其功能介紹

此APP的基本功能是將原本使用Web端的服務(wù)如“江蘇大學(xué)的教務(wù)系統(tǒng)網(wǎng)站”以及“綜合門戶網(wǎng)站”的訪問請(qǐng)求進(jìn)行分析，獲取轉(zhuǎn)換相應(yīng)的接口，實(shí)現(xiàn)模擬登錄后通過對(duì)于功能的get/post請(qǐng)求來實(shí)現(xiàn)數(shù)據(jù)的來源。該功能最重要的是數(shù)據(jù)來源，基礎(chǔ)功能如查課表、成績(jī)、學(xué)校公告等，是通過http請(qǐng)求學(xué)校網(wǎng)站，將數(shù)據(jù)轉(zhuǎn)換成移動(dòng)APP中view上具體元素的內(nèi)容來實(shí)現(xiàn)。

2.1? 登錄界面

用戶可以實(shí)現(xiàn)學(xué)校學(xué)號(hào)和密碼登錄，也接入了微信開放平臺(tái)、QQ開放平臺(tái)和新浪微博開放平臺(tái)，可以支持移動(dòng)應(yīng)用支持QQ帳號(hào)、微信、微博登錄、分享到QQ、微信等功能。用戶首次通過第三方應(yīng)用登錄之后，綁定學(xué)號(hào)，后續(xù)即可使用第三方賬號(hào)登錄，來獲得更好的用戶體驗(yàn)。登錄界面如圖1所示。

2.2? 菜單界面

菜單界面是個(gè)靜態(tài)資源，使用簡(jiǎn)單的Listview完成界面的布局編寫，每一個(gè)Listview元素采用線性布局，加載菜單的步驟在setContainView事件中完成。其中，圖標(biāo)資源使用的是阿里矢量圖標(biāo)庫(kù)的資源，菜單界面如圖2所示。

2.3 個(gè)人信息

個(gè)人信息界面查詢的是用戶的基本信息，信息通過http請(qǐng)求提取自學(xué)校相應(yīng)的網(wǎng)站，用戶可以操作的內(nèi)容是頭像更改，頭像保存在APP服務(wù)器上，界面實(shí)現(xiàn)了沉浸式狀態(tài)欄，是目前絕大多數(shù)APP都實(shí)現(xiàn)的規(guī)范。個(gè)人信息界面如圖3所示。

2.4? 課程表查詢界面

信息查詢界面主要通過使用Jsoup解析工具模擬登錄，并自動(dòng)獲取用戶的課程信息，Jsoup解析模擬請(qǐng)求得到的html頁(yè)面的表格信息，實(shí)現(xiàn)封裝成Course對(duì)象，得到課程的集合，傳遞給對(duì)應(yīng)的布局去適配加載。整體布局采用的是相對(duì)布局界面，方便各個(gè)元素位置的變動(dòng)，實(shí)現(xiàn)課程表一鍵查詢功能，并支持往年課表查詢，自動(dòng)高亮當(dāng)前信息，點(diǎn)擊對(duì)應(yīng)的課程可以查詢課程詳情，長(zhǎng)按課程表格處可以實(shí)現(xiàn)添加課程和刪除課程的功能。個(gè)人課表界面展示如圖4所示。

使用的jsoup gradle依賴導(dǎo)入implemen-tation group：‘org.jsoup， name：jsoup，version： ‘1.11.2課程表的單個(gè)課程使用Material庫(kù)的cardview布局implementationcom.android.s- upport：cardview-v7：28.0.0

用戶初次查詢課表后將自動(dòng)將課程信息存放到SQllite數(shù)據(jù)庫(kù)中，實(shí)現(xiàn)數(shù)據(jù)的持久性，提高下次查詢速度。

2.5? 成績(jī)查詢界面

成績(jī)查詢界面采用了CollapsingToolbar-Layous設(shè)計(jì)，來自于DesignSupprot庫(kù)：gr-adle依賴：implementationcom.android.supp- ort：design：24.2.1使用該布局實(shí)現(xiàn)了可折疊式標(biāo)題欄，向下滑動(dòng)時(shí)上面的布局實(shí)現(xiàn)錯(cuò)位折疊效果，用戶的滑動(dòng)操作體驗(yàn)得到提高，同時(shí)，使用安卓的Paint和View類實(shí)現(xiàn)了自定義餅狀圖，可以很直觀地看到當(dāng)前學(xué)期的課程成績(jī)分布。在recyclelayout的最下方，統(tǒng)計(jì)了學(xué)生的學(xué)分總和和平均績(jī)點(diǎn)。成績(jī)查詢功能展示如圖5所示。

2.6? 論壇功能

由于論壇功能需要處理的問題很多，于是使用了Discuz論壇框架去搭建完成，在框架的基礎(chǔ)上增加分區(qū)，優(yōu)化UI布局，實(shí)現(xiàn)論壇發(fā)布功能。使用該框架要使用PHP+MySQL環(huán)境，項(xiàng)目地址https：//www.discuz.net/。

2.7 表白墻功能

表白墻的服務(wù)器端采用PHP+MySQL完成，可以實(shí)現(xiàn)內(nèi)容的發(fā)布和管理員對(duì)內(nèi)容的管理，采取混合開發(fā)模式完成，使用安卓WebView套殼Web界面，實(shí)現(xiàn)開發(fā)的高效和未來實(shí)現(xiàn)跨平臺(tái)做好準(zhǔn)備。表白墻展示如圖6所示。

3? ?前景預(yù)測(cè)

一款A(yù)PP的開發(fā)經(jīng)歷使得理論知識(shí)得到了更好的強(qiáng)化，但是成為一個(gè)合格的移動(dòng)端開發(fā)者還遠(yuǎn)遠(yuǎn)不夠，未來這款A(yù)PP的功能增加和完善將使用更加豐富的技術(shù)，從而不斷提升自己的能力。

4? ?結(jié)語

以現(xiàn)在的移動(dòng)端開發(fā)技術(shù)來說，由于移動(dòng)端現(xiàn)在具有兩大平臺(tái)，實(shí)現(xiàn)兩個(gè)平臺(tái)的開發(fā)需要大量的人力，目前使用Flutter前端框架可以實(shí)現(xiàn)一份代碼自動(dòng)生成多平臺(tái)的應(yīng)用，使用Flutter框架不僅可以實(shí)現(xiàn)高效開發(fā)，并且使用體驗(yàn)接近原生效果，用戶幾乎感覺不到差別，這也許是未來該APP的轉(zhuǎn)型方向，隨著版本的迭代更新，其功能會(huì)越來越完善。

[參考文獻(xiàn)]

[1]郭霖霖.第一行代碼Android[M].北京：人民郵電出版社，2014.

[2]何瑞君.Flutter從0到1構(gòu)建大前端應(yīng)用[M].北京：電子工業(yè)出版社，2019.

[3]李剛.瘋狂Java講義[M].北京：電子工業(yè)出版社，2008.