基于iOS的O2O商務(wù)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

段艷艷，趙啟升

（1.泰州職業(yè)技術(shù)學(xué)院，江蘇 泰州 225300；2.淮海工學(xué)院，江蘇 連云港222005）

基于iOS的O2O商務(wù)平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

段艷艷1，趙啟升2

（1.泰州職業(yè)技術(shù)學(xué)院，江蘇 泰州 225300；2.淮海工學(xué)院，江蘇 連云港222005）

線上線下商業(yè)模式（O2O）帶給用戶更好的線下消費(fèi)體驗(yàn)。隨著移動(dòng)應(yīng)用的普及，界面、功能、用戶體驗(yàn)、服務(wù)內(nèi)容等已經(jīng)成為O2O商業(yè)應(yīng)用（APP）需要考慮的主要因素。文章以婚紗影樓業(yè)務(wù)為例，以流行的移動(dòng)操作系統(tǒng)iOS為平臺(tái)，采用Objective-C語(yǔ)言，基于MVC模式設(shè)計(jì)影樓業(yè)務(wù)APP，分析APP的整體結(jié)構(gòu)、主要功能模塊與相關(guān)技術(shù)。

蘋果移動(dòng)設(shè)備操作系統(tǒng);Objective-C;線上線下商業(yè)模式

移動(dòng)互聯(lián)網(wǎng)正在改變著人們的工作和生活方式，體現(xiàn)了“無(wú)處不在的網(wǎng)絡(luò)、無(wú)所不在的業(yè)務(wù)”，它讓人們可以通過(guò)智能移動(dòng)終端隨時(shí)隨地獲取互聯(lián)網(wǎng)服務(wù)。蘋果移動(dòng)設(shè)備操作系統(tǒng)（iOS）的界面簡(jiǎn)單易用，功能強(qiáng)大，穩(wěn)定性高，擁有直觀的用戶體驗(yàn)[1]。無(wú)論在界面設(shè)計(jì)、交互方式還是應(yīng)用質(zhì)量和穩(wěn)定性能上，iOS總體上都優(yōu)于其他平臺(tái)。

隨著電商的普及，線上線下商業(yè)模式（O20-Online To Offline）逐漸走入人們的生活。O2O將線下的商務(wù)機(jī)會(huì)與互聯(lián)網(wǎng)結(jié)合，讓互聯(lián)網(wǎng)成為線下交易的前臺(tái)，向消費(fèi)者提供業(yè)務(wù)瀏覽與篩選的平臺(tái)，線下服務(wù)可以在線上推廣，支持在線結(jié)算，這種線上結(jié)合線下的服務(wù)模式具有明顯的優(yōu)勢(shì)[2]。O2O模式通過(guò)應(yīng)用APP隨時(shí)隨地為用戶和廣告客戶提供服務(wù)，設(shè)計(jì)APP需要考慮通過(guò)內(nèi)容來(lái)吸引用戶和廣告商、量身打造目標(biāo)受眾的線下活動(dòng)等要素，保證服務(wù)質(zhì)量，形成良好的循環(huán)產(chǎn)業(yè)鏈[3]。本文結(jié)合目前流行的iOS平臺(tái)技術(shù)、O2O模式理念，以影樓業(yè)務(wù)APP的設(shè)計(jì)為例，介紹基于iOS的O2O商務(wù)平臺(tái)設(shè)計(jì)思路。

1 整體架構(gòu)

影樓業(yè)務(wù)APP系統(tǒng)功能由前臺(tái)和后臺(tái)構(gòu)成。前臺(tái)采用經(jīng)典的MVC架構(gòu)，其各層結(jié)構(gòu)具有不同的功能，分別是數(shù)據(jù)層（Model），與用戶進(jìn)行交互的視圖層（View），介于數(shù)據(jù)與視圖之間的、實(shí)現(xiàn)業(yè)務(wù)控制的控制層（Controller）[4]。鑒于移動(dòng)終端設(shè)備的特殊性，在功能和界面設(shè)計(jì)上進(jìn)行了優(yōu)化，將部分?jǐn)?shù)據(jù)和功能整合到移動(dòng)設(shè)備中。后臺(tái)采用Nginx+PHP+MySQL的開(kāi)發(fā)環(huán)境。系統(tǒng)結(jié)構(gòu)如圖1。

圖1 整體架構(gòu)圖

1.1 系統(tǒng)功能設(shè)計(jì)

影樓業(yè)務(wù)APP系統(tǒng)的前臺(tái)功能由今日話題、婚紗攝影、購(gòu)物模塊、應(yīng)用插件等四部分構(gòu)成。

（1）今日話題：向客戶提供信息共享與交流的平臺(tái)。

（2）婚紗攝影：通過(guò)移動(dòng)終端設(shè)備實(shí)現(xiàn)自動(dòng)定位，在地圖中搜索周邊的服務(wù)（婚紗影樓）信息，包括位置、電話、服務(wù)產(chǎn)品展示和用戶評(píng)價(jià)等。

（3）購(gòu)物模塊：整合諸如淘寶等與婚慶、攝影業(yè)務(wù)相關(guān)的在線購(gòu)物功能[5]。

（4）應(yīng)用插件：提供支持DIY模式的各種婚慶工具插件（如祝福短信、業(yè)務(wù)推薦等）。

系統(tǒng)的后臺(tái)功能由每日話題管理、后臺(tái)用戶管理、評(píng)論管理等三部分構(gòu)成，實(shí)現(xiàn)對(duì)前臺(tái)信息的管理。后臺(tái)服務(wù)器采用Nginx，數(shù)據(jù)庫(kù)系統(tǒng)為MySQL。

1.2 系統(tǒng)流程圖

影樓業(yè)務(wù)APP系統(tǒng)的主要操作流程包括婚紗影樓查詢、相關(guān)商品信息查詢、話題與評(píng)論的發(fā)表和查看、功能插件選擇與加載等。當(dāng)用戶通過(guò)界面操作相應(yīng)功能時(shí)，系統(tǒng)執(zhí)行數(shù)據(jù)層的業(yè)務(wù)功能，完成查詢、統(tǒng)計(jì)等操作，并通過(guò)API訪問(wèn)后臺(tái)數(shù)據(jù)庫(kù)，實(shí)現(xiàn)數(shù)據(jù)持久化。系統(tǒng)流程如圖2。

圖2 系統(tǒng)流程圖

1.3 系統(tǒng)架構(gòu)

iOS架構(gòu)和Mac OS的基礎(chǔ)架構(gòu)相似，可以把iOS看作終端設(shè)備底層硬件和應(yīng)用程序之間的接口。同時(shí)，iOS又是一個(gè)多層的結(jié)構(gòu)，其底層為應(yīng)用程序提供基礎(chǔ)服務(wù)，高層提供復(fù)雜的技術(shù)和應(yīng)用服務(wù)[6]。APP系統(tǒng)框架如圖3，整個(gè)應(yīng)用系統(tǒng)以移動(dòng)終端設(shè)備的硬件和iOS操作系統(tǒng)為基礎(chǔ)，通過(guò)后臺(tái)的PHP+MySQL+Nginx實(shí)現(xiàn)功能擴(kuò)展，提供今日話題等4個(gè)主要應(yīng)用，最終通過(guò)用戶接口供用戶使用。

圖3 系統(tǒng)框架圖

2 模塊設(shè)計(jì)

2.1 逛街模塊設(shè)計(jì)

用戶通過(guò)系統(tǒng)前臺(tái)界面中的按鍵操作，實(shí)現(xiàn)對(duì)后臺(tái)數(shù)據(jù)的查詢?cè)L問(wèn)，終端在接收到數(shù)據(jù)后，進(jìn)行數(shù)據(jù)排序等適當(dāng)?shù)奶幚恚ㄟ^(guò)視圖層向用戶展示。

（1）逛街模塊界面設(shè)計(jì)。在用戶界面設(shè)計(jì)中采用了“抽屜”型的效果，更好地發(fā)揮觸屏手機(jī)支持滑動(dòng)操作，減少用戶點(diǎn)操作次數(shù)，提高操作效率。

應(yīng)用軟件的界面是對(duì)軟件功能的直觀展示，通過(guò)簡(jiǎn)單、易理解的圖形符號(hào)，向用戶提供相應(yīng)的功能，實(shí)現(xiàn)人機(jī)交互。

系統(tǒng)與用戶的交互由兩個(gè)視圖組成，左側(cè)導(dǎo)航的視圖在下，內(nèi)容列表視圖在上，內(nèi)容列表視圖覆蓋住了導(dǎo)航視圖，當(dāng)向右拖動(dòng)內(nèi)容列表視圖時(shí)，顯示導(dǎo)航視圖。

（2）逛街模塊功能實(shí)現(xiàn)。創(chuàng)建逛街模塊的視圖；建立逛街模塊的操作手勢(shì)，并使用該手勢(shì)對(duì)視圖進(jìn)行初始化；調(diào)用視圖控制功能實(shí)現(xiàn)不同視圖之間的切換以及相關(guān)操作功能。

2.2 婚紗影樓模塊設(shè)計(jì)

當(dāng)用戶查詢婚紗影樓時(shí)，系統(tǒng)首先通過(guò)地圖定位，查找與用戶當(dāng)前位置相近的影樓信息，通過(guò)視圖層向用戶展示。

系統(tǒng)選用高德地圖實(shí)現(xiàn)定位與搜索功能。主要實(shí)現(xiàn)步驟包括：初始化地圖引擎的Key，在符合MAMapViewDelegate的keyForMap函數(shù)中返回申請(qǐng)的Key；將申請(qǐng)得到的Key作為MASearch的初始化參數(shù)；實(shí)現(xiàn)查詢功能。

查詢關(guān)鍵字所對(duì)應(yīng)的坐標(biāo)點(diǎn)的位置信息，包括省市區(qū)數(shù)據(jù)、周邊的POI和街道等。在執(zhí)行查詢操作前，初始化一個(gè)MAPoiSearchOption對(duì)象，以配置查詢參數(shù)，例如setConfig:@"BESN"，然后調(diào)用masearch對(duì)象的poiSearchWithOption方法執(zhí)行查詢操作。

2.3 插件模塊

用戶在后臺(tái)數(shù)據(jù)庫(kù)中記錄每個(gè)用戶定制的插件情況，以實(shí)現(xiàn)個(gè)性化功能。用戶可能通過(guò)“應(yīng)用匯”查看可用的插件并選擇，當(dāng)用戶改變所選插件時(shí)，APP將終端設(shè)備的唯一編碼UDID和所選用的插件工具編號(hào)傳入后臺(tái)，調(diào)用API寫入數(shù)據(jù)庫(kù)。

當(dāng)用戶需要應(yīng)用插件時(shí)，系統(tǒng)調(diào)用API從后臺(tái)數(shù)據(jù)庫(kù)取得定制插件列表，然后調(diào)用相應(yīng)的插件功能供用戶操作。

3 結(jié)語(yǔ)

影樓業(yè)務(wù)APP后臺(tái)在互聯(lián)網(wǎng)部署后，經(jīng)部分用戶下載并測(cè)試APP應(yīng)用，用戶在界面、操作、業(yè)務(wù)查找等方面評(píng)價(jià)良好。

影樓業(yè)務(wù)APP系統(tǒng)基于iOS平臺(tái)，采用Objec?tive-C語(yǔ)言實(shí)現(xiàn)，以O(shè)2O的服務(wù)模式為用戶提供業(yè)務(wù)，用戶界面操作簡(jiǎn)便，功能結(jié)構(gòu)清晰，同時(shí)采用插件的開(kāi)發(fā)模式，提高了應(yīng)用系統(tǒng)的可擴(kuò)展性和可維護(hù)性，系統(tǒng)的設(shè)計(jì)思路對(duì)其他同類應(yīng)用系統(tǒng)的開(kāi)發(fā)具有一定的示范意義。

[1]李曉珊.蘋果iOS、谷歌Android、微軟Windows phone三大移動(dòng)互聯(lián)網(wǎng)系統(tǒng)開(kāi)發(fā)策略比較研究[J].中國(guó)廣播，2013，（5）：34-39.

[2]盧益清，李忱.O2O商業(yè)模式及發(fā)展前景研究[J].企業(yè)經(jīng)濟(jì)，2013，（11）：98-101.

[3]韋意.線上應(yīng)用到線下服務(wù)—APP與O2O模式結(jié)合研究[J].科技傳播，2013，（22）：240.

[4]栗新雨.MVC設(shè)計(jì)模式中的“視圖模型”與“視圖”[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2013，(20):178-179.

[5]羅瀟.基于iOS的分享導(dǎo)購(gòu)移動(dòng)應(yīng)用分析與開(kāi)發(fā)[J].無(wú)線互聯(lián)科技，2013，（9）：87-88.

[6]劉璞.智能終端操作系統(tǒng)比較分析與應(yīng)用研究[J].移動(dòng)通信，2013，（5）：11-14.

（責(zé)任編輯 楊荔晴）

Design and Implementation of O2O business Platform Based on iOS

DUAN Yan-yan，ZHAO Qi-sheng

(1.Taizhou Polytechnic College，Taizhou Jiangsu，225300，China；

2.Huaihai Institute of Technology，Lianyungang Jiangsu，222005，China)

Online To Offline business model(O2O)gives the user a better offline consumption experience.With the popularity of mobile applications，interface，function，user experience，service content has become the factors to be considered for commercial application of O2O APP.Take the wedding photo studio business as an example，gives analysis of the structure of App，main function modules and related technologies that base on the popular operating system iOS platform，using Objective-C language，MVC schema.

iOS;objective-C;online to offline

TP311.132

：B

：1671-0142（2014）03-0055-03

段艷艷（1979-），女，江蘇泰興人，講師.