基于APICloud的“校園健身達(dá)人”APP設(shè)計(jì)與實(shí)現(xiàn)

陳思+徐晨飛

摘要：隨著移動(dòng)信息技術(shù)的高速發(fā)展和全民健身浪潮的到來(lái)，“互聯(lián)網(wǎng)+健身運(yùn)動(dòng)”的新型生活方式迅速的滲透到我們的生活中，極大地改變了我們傳統(tǒng)的運(yùn)動(dòng)健身方式。該文以高校用戶(hù)為目標(biāo)群體設(shè)計(jì)并實(shí)現(xiàn)了基于APICloud開(kāi)發(fā)技術(shù)的跨平臺(tái)移動(dòng)應(yīng)用程序：“校園健身達(dá)人”APP。其具備了場(chǎng)地預(yù)約、健身活動(dòng)發(fā)起、“達(dá)人”排行榜等功能模塊，該APP對(duì)激發(fā)大學(xué)生的健身熱情，幫助他們養(yǎng)成良好的健身習(xí)慣進(jìn)行了很好的嘗試。

關(guān)鍵詞：APICloud；校園健身；移動(dòng)應(yīng)用

中圖分類(lèi)號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）22-0051-03

Abstract： A new lifestyle called "Internet + Fitness exercises" is permeating our everyday life， which has been greatly changing our traditional ways of fitness exercises， with the rapid development of mobile information technology and the arrival of the tide of the national fitness. This paper designs and implements a cross-platform mobile application on APICloud platform， "School Fitness Talent"， which targets college students. The main functions of the APP are sports site reservation， initiating fitness campaigns， ranking list of talent and so forth. The APP is a good try of stimulating enthusiasm for college students exercise of fitness and developing their habits of fitness.

Key words： APICloud； School Fitness； mobile applications

1 背景

在當(dāng)今的信息時(shí)代，移動(dòng)互聯(lián)網(wǎng)逐漸成為主流應(yīng)用，移動(dòng)網(wǎng)民的數(shù)量遠(yuǎn)遠(yuǎn)大于傳統(tǒng)電腦端網(wǎng)民的數(shù)量，移動(dòng)應(yīng)用程序迅速崛起。目前，各類(lèi)健身運(yùn)動(dòng)類(lèi)APP迅速搶占市場(chǎng)，僅在Apple Store健康健美類(lèi)欄目下就有上百種運(yùn)動(dòng)健身類(lèi)APP。如此龐大數(shù)量的健身類(lèi)APP一方面為全民健身活動(dòng)的發(fā)展提供了幫助，另一方面由于同質(zhì)軟件開(kāi)發(fā)過(guò)多，內(nèi)容重復(fù)，企業(yè)缺乏準(zhǔn)確的客戶(hù)分析與市場(chǎng)定位，導(dǎo)致相關(guān)APP并未取得市場(chǎng)預(yù)期。通過(guò)調(diào)研發(fā)現(xiàn)，大多數(shù)此類(lèi)APP均具備運(yùn)動(dòng)數(shù)據(jù)記錄、運(yùn)動(dòng)目標(biāo)設(shè)置和監(jiān)測(cè)、運(yùn)動(dòng)社交等功能，但目標(biāo)用戶(hù)均未細(xì)分，以校園學(xué)生為目標(biāo)客戶(hù)群體的APP寥寥無(wú)幾。本文實(shí)現(xiàn)的“校園健身達(dá)人”APP，不僅能引導(dǎo)大學(xué)生選擇健康的生活方式，還可促進(jìn)國(guó)家提倡的“全民健身計(jì)劃”在高校中更好地開(kāi)展與實(shí)施。

2 系統(tǒng)開(kāi)發(fā)相關(guān)技術(shù)分析

2.1 跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)

跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)是指開(kāi)發(fā)不依賴(lài)于操作系統(tǒng)與硬件環(huán)境的移動(dòng)應(yīng)用程序，具備開(kāi)發(fā)語(yǔ)言抽象，硬件控制力低等特點(diǎn)。在一個(gè)平臺(tái)上開(kāi)發(fā)的基于某系統(tǒng)的應(yīng)用程序，在其他系統(tǒng)中依然可運(yùn)行。隨著智能手機(jī)的快速發(fā)展，移動(dòng)應(yīng)用占據(jù)了主流市場(chǎng)，移動(dòng)操作系統(tǒng)主要以iOS、Android、WP三大系統(tǒng)為主。由于各系統(tǒng)之間接口互不兼容，每一種應(yīng)用程序在開(kāi)發(fā)過(guò)程中都需進(jìn)行多系統(tǒng)開(kāi)發(fā)，耗費(fèi)一定的工力與時(shí)間?？缙脚_(tái)開(kāi)發(fā)可實(shí)現(xiàn)應(yīng)用程序的系統(tǒng)兼容性，目前市場(chǎng)上較為成熟的跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)框架有PhoneGap、Titanium和Rhodes等。

2.2 APICloud

APICloud是中國(guó)首個(gè)“云端一體”的移動(dòng)應(yīng)用云服務(wù)提供商。API中封裝了大量的函數(shù)和方法，將所有后臺(tái)數(shù)據(jù)的存儲(chǔ)過(guò)程，邏輯結(jié)構(gòu)隱藏，大大簡(jiǎn)化了操作流程，可幫助開(kāi)發(fā)者快速實(shí)現(xiàn)移動(dòng)應(yīng)用的開(kāi)發(fā)、測(cè)試、發(fā)布、管理和運(yùn)營(yíng)等全生命周期管理。

APICloud的“端API”封裝了大量移動(dòng)應(yīng)用程序所需的主要功能，便于開(kāi)發(fā)者之間調(diào)用接口實(shí)現(xiàn)功能，通過(guò)JavaScript語(yǔ)言，一個(gè)模塊的代碼可同時(shí)兼容iOS平臺(tái)和Android平臺(tái)，充分體現(xiàn)了其跨平臺(tái)開(kāi)發(fā)的優(yōu)勢(shì)。APICloud官網(wǎng)還提供多人提交代碼調(diào)試、團(tuán)隊(duì)協(xié)作開(kāi)發(fā)的途徑和方法，代碼公開(kāi)，詳細(xì)記錄代碼更新信息和模塊調(diào)用信息，使開(kāi)發(fā)者能清晰地了解開(kāi)發(fā)進(jìn)程。

APICloud的“云API”提供包括數(shù)據(jù)服務(wù)、推送、云端修復(fù)和大數(shù)據(jù)分析等服務(wù)；極大的簡(jiǎn)化了開(kāi)發(fā)者的開(kāi)發(fā)過(guò)程，可以自動(dòng)生成移動(dòng)應(yīng)用程序所需的各種云服務(wù)接口。其典型的“云”特性和“大數(shù)據(jù)”特性，為App開(kāi)發(fā)者提供云端的API服務(wù)和數(shù)據(jù)存儲(chǔ)服務(wù)，動(dòng)態(tài)生成RESTful API，在線NoSQL數(shù)據(jù)表設(shè)計(jì)、API調(diào)試及用量分析等；同時(shí)還提供推送、云修復(fù)、大數(shù)據(jù)分析等服務(wù)， 極大的簡(jiǎn)化了服務(wù)器端開(kāi)發(fā)工作。

2.3 開(kāi)發(fā)工具

本文采用的開(kāi)發(fā)工具為Sublime Text3與APICloud Studio。在Sublime Text中可安裝APICloud為開(kāi)發(fā)者提供的開(kāi)源擴(kuò)展插件，其具有應(yīng)用管理、應(yīng)用框架、頁(yè)面模板、代碼提示、代碼管理、Widget打包、真機(jī)同步、日志輸出、管理自定義AppLoader等功能。APICloud Studio是基于Eclipse和Aptana Studio3的擴(kuò)展，集成了包括應(yīng)用管理、模版框架、云端同步、代碼管理、代碼提示、本地打包、真機(jī)同步、AppLoader管理，編譯自定義AppLoader等功能。

3 系統(tǒng)平臺(tái)設(shè)計(jì)

3.1 功能模塊設(shè)計(jì)

本文開(kāi)發(fā)的APP功能模塊主要包括健身會(huì)校友、輕松預(yù)約健身場(chǎng)地、健身達(dá)人成長(zhǎng)記錄以及個(gè)人展示等四個(gè)核心模塊。在各模塊的功能支持下，使用者不僅可輕松搜索到校園內(nèi)有相同愛(ài)好及運(yùn)動(dòng)需求的同學(xué)一起參與健身活動(dòng)，還可了解到校園周邊健身場(chǎng)館的信息，提前預(yù)約；此外還可通過(guò)系統(tǒng)收集的運(yùn)動(dòng)健身數(shù)據(jù)實(shí)時(shí)掌握自己的運(yùn)動(dòng)量，探索自己的運(yùn)動(dòng)潛能，并通過(guò)“達(dá)人排行榜”與校園其他同學(xué)進(jìn)行社交互動(dòng)。具體數(shù)據(jù)流程圖如圖1所示。

在“健身會(huì)校友”模塊中，用戶(hù)可發(fā)布校內(nèi)各類(lèi)運(yùn)動(dòng)健身活動(dòng)的信息，注冊(cè)用戶(hù)可自主發(fā)布與報(bào)名參加各項(xiàng)活動(dòng)。通過(guò)活動(dòng)的參與，與志同道合的人一起去健身，健康樂(lè)觀的創(chuàng)建新型校園綠色生活。

在“健身場(chǎng)地預(yù)約”模塊中，用戶(hù)可找到校園附件健身場(chǎng)館詳細(xì)資料信息，包括場(chǎng)館的地理位置分布、場(chǎng)地預(yù)約情況，場(chǎng)地空閑信息等，用戶(hù)可提前預(yù)約自己所需運(yùn)動(dòng)場(chǎng)地。

在“達(dá)人排行榜”模塊中，系統(tǒng)根據(jù)用戶(hù)的綜合健身情況與相關(guān)數(shù)據(jù)分析得出排行榜單，用戶(hù)可了解自己在校園內(nèi)的排行情況，促進(jìn)用戶(hù)健身的積極性。

在“個(gè)人信息展示”模塊中，用戶(hù)可編輯自己的相關(guān)資料信息，也可查看已發(fā)布的活動(dòng)以及好友信息，此外還有一系列用戶(hù)身份認(rèn)證的設(shè)置也在此模塊中完成。

3.2 數(shù)據(jù)庫(kù)設(shè)計(jì)

APICloud的云端服務(wù)器提供了Nosql數(shù)據(jù)庫(kù)。在云服務(wù)器上，APICloud將所有數(shù)據(jù)表的內(nèi)部結(jié)構(gòu)、屬性設(shè)置、表關(guān)聯(lián)等信息都隱藏了，簡(jiǎn)潔的界面簡(jiǎn)化了操作。本文根據(jù)系統(tǒng)功能結(jié)構(gòu)設(shè)計(jì)在云數(shù)據(jù)庫(kù)中創(chuàng)建了7張表格，分別為：用戶(hù)（user）表、活動(dòng)信息表（NamesSchoolActivityList）、預(yù)約場(chǎng)地信息表（OrderFields）、附近場(chǎng)館信息表（SurroundingsInfo）和意見(jiàn)反饋表（Feedback）。

4 系統(tǒng)實(shí)施

4.1 用戶(hù)系統(tǒng)注冊(cè)與登錄

在移動(dòng)端登錄界面，用戶(hù)可進(jìn)行注冊(cè)和登錄，注冊(cè)時(shí)設(shè)定了確認(rèn)密碼，兩次輸入密碼相同時(shí)才能正確登錄，同時(shí)提供了郵箱驗(yàn)證；登錄之后可以設(shè)置性別、常住地等個(gè)人詳細(xì)信息。

APICloud在端API中擁有云服務(wù)對(duì)接功能，分為mam、msm、mcm和push功能。此處主要調(diào)用的是mcm模塊。該模塊擁有四個(gè)對(duì)象：model、uquery以及user對(duì)象。JavaScript代碼調(diào)用云API中的user對(duì)象，該對(duì)象擁有封裝好的register、login、logout等方法，可實(shí)現(xiàn)注冊(cè)和登錄功能。用戶(hù)注冊(cè)成功后自動(dòng)返回至登錄頁(yè)面，并且?guī)腠?yè)面參數(shù)，如用戶(hù)的注冊(cè)昵稱(chēng)等，此時(shí)用戶(hù)可直接輸入密碼登錄。此外，對(duì)用戶(hù)輸入信息行為可進(jìn)行安全控制。注冊(cè)界面如圖2所示。

4.2 “健身會(huì)校友”模塊

該模塊首頁(yè)可以看到健身運(yùn)動(dòng)分類(lèi)，在一級(jí)分類(lèi)下面有相關(guān)的活動(dòng)，在活動(dòng)信息界面可以參與活動(dòng)，同時(shí)活動(dòng)的相關(guān)信息會(huì)進(jìn)行更新；也可發(fā)起活動(dòng)，設(shè)置健身活動(dòng)的名稱(chēng)、活動(dòng)時(shí)間、活動(dòng)類(lèi)型、參與人數(shù)等。所有發(fā)起的活動(dòng)按發(fā)起的時(shí)間順序進(jìn)行排序。具體界面如圖3，4，5所示。

4.3 “達(dá)人成長(zhǎng)”模塊

在本模塊中，從服務(wù)器端獲取用戶(hù)參加活動(dòng)和發(fā)起活動(dòng)的次數(shù)，進(jìn)行運(yùn)算得出實(shí)時(shí)榜單列表，相關(guān)JavaScript代碼如下，具體截圖如圖6所示。

[ function fnDecideTalent（） {

var userInfo = $api.getStorage（'userInfo'）；var userid = userInfo.userId；

var username = userInfo.account； var client = new Resource（appid， appkey）；

var User = client.Factory（"user"）；

User.query（{ "filter" ： {"where" ： {"id" ： userid }， "skip" ： 0，"limit" ： 20，

"include" ： ["talentPointer"] } }， function（ret， err） {

if （ret[0].talent） { fnUpdateCountUserLanch（）； } else { fnCountUserLanch（）；}}）}； ]

4.4 “健身場(chǎng)地預(yù)約”模塊

本模塊第一個(gè)窗口是預(yù)約健身場(chǎng)地，在第一級(jí)分類(lèi)下顯示相關(guān)場(chǎng)地信息，同時(shí)在第一級(jí)分類(lèi)下的frame界面可以預(yù)約場(chǎng)地，同時(shí)更新數(shù)據(jù)。在附近健身場(chǎng)館信息界面，可以發(fā)布場(chǎng)館的名稱(chēng)、價(jià)格、地址、聯(lián)系電話和簡(jiǎn)介等信息。具體界面如圖7、8所示，預(yù)約健身場(chǎng)地重要代碼如下：

[function fnUpdateState1（IdInfo） {

var userInfo = $api.getStorage（'userInfo'）；var userid = userInfo.userId；

var username = userInfo.account； var client = new Resource（appid， appkey）；

var OrderFields = client.Factory（"OrderFields"）；

OrderFields.save（{"_id" ： IdInfo}， {"orderuser1" ： username， "_method" ： "PUT" }， function（ret， err） { window.location.reload（）； }）； }； ]

4.5 “個(gè)人信息展示”模塊

在本模塊中，可從數(shù)據(jù)庫(kù)中讀取用戶(hù)設(shè)置的昵稱(chēng)、個(gè)人照片及其他相關(guān)設(shè)置內(nèi)容。如圖9所示。

5 結(jié)束語(yǔ)

目前，基于大學(xué)校園的健身類(lèi)軟件并不多見(jiàn)，本文設(shè)計(jì)的APP突出“校園健身達(dá)人”概念，具有一定的創(chuàng)新性，可促進(jìn)在校學(xué)生積極參加各類(lèi)健身活動(dòng)，實(shí)現(xiàn)“互聯(lián)網(wǎng)+”背景下健康的校園生活方式。未來(lái)，筆者將繼續(xù)完善細(xì)節(jié)，加強(qiáng)界面交互等功能，給用戶(hù)帶來(lái)更好的體驗(yàn)。

參考文獻(xiàn)：

[1] 張曉軍. 基于HTML5+CSS3.0+jQuery在移動(dòng)電商APP開(kāi)發(fā)中的應(yīng)用[J]. 通訊世界， 2015（265）： 57.

[2] 祁瑾. 基于蘋(píng)果手機(jī)的愛(ài)運(yùn)動(dòng)應(yīng)用程序的設(shè)計(jì)實(shí)現(xiàn)[D]. 長(zhǎng)春： 吉林大學(xué)， 2015.

[3] 沈華英. 基于開(kāi)放云API的移動(dòng)App設(shè)計(jì)研究[J]. 電腦編程技巧與維護(hù)，2015（338）： 45-46.

[4] 余成成， 高凱. 運(yùn)用APICloud進(jìn)行融資價(jià)值評(píng)估系統(tǒng)的開(kāi)發(fā)[J]. 電腦知識(shí)與技術(shù)，2015（11）： 77-79.

[5] 張海潘. 軟件工程導(dǎo)論[M]. 北京： 清華大學(xué)出版社，2005： 47.

[6] 王珊. 數(shù)據(jù)庫(kù)系統(tǒng)概論[M]. 北京： 高等教育出版社，2005： 14-17.