火車(chē)上的O2O商品銷(xiāo)售APP設(shè)計(jì)

李培林 錢(qián)宗敏 王亞琴 姚存靜 李 妍

一、引言

火車(chē)商品銷(xiāo)售APP以線上訂單、線下配送的方式滿足部分顧客的需求。這樣的售賣(mài)方式不僅提高了售賣(mài)效率，同時(shí)減少熟食產(chǎn)品的浪費(fèi)，保證購(gòu)買(mǎi)率。

火車(chē)商品售賣(mài)APP提供一個(gè)售賣(mài)平臺(tái)，緩解火車(chē)內(nèi)售賣(mài)東西不便的壓力，豐富火車(chē)線上交易。經(jīng)過(guò)原型設(shè)計(jì)——UI界面設(shè)計(jì)——最終開(kāi)發(fā)——運(yùn)行，火車(chē)商品銷(xiāo)售APP旨在提供一個(gè)售賣(mài)平臺(tái)，將線上、線下交易結(jié)合，用戶可以在火車(chē)上通過(guò)手機(jī)隨時(shí)點(diǎn)餐。

二、系統(tǒng)設(shè)計(jì)

火車(chē)商品銷(xiāo)售APP主要包括兩大功能——內(nèi)容功能和體驗(yàn)功能。其中體驗(yàn)功能主要包括客戶端的交互設(shè)計(jì)，內(nèi)容功能主要包括UI設(shè)計(jì)。APP的功能設(shè)計(jì)包含以下幾個(gè)部分。

（1）啟動(dòng)界面：友好的啟動(dòng)界面可以給顧客帶來(lái)不一樣的視覺(jué)體驗(yàn)，讓用戶耳目一新，增加購(gòu)買(mǎi)的欲望。

（2）功能模塊分組：為了使用戶的操作更加的簡(jiǎn)單、便捷、實(shí)用，開(kāi)發(fā)團(tuán)隊(duì)將不同的功能分為不同的模塊，使內(nèi)容更加清晰表現(xiàn)出來(lái)。

（3）后臺(tái)管理數(shù)據(jù)：主要功能為管理操作傳送到后臺(tái)的用戶有關(guān)數(shù)據(jù)。

（4）權(quán)限功能劃分：包含用戶和后臺(tái)管理員兩類權(quán)限。普通用戶通過(guò)登錄賬號(hào)進(jìn)入用戶界面，進(jìn)行購(gòu)買(mǎi)、評(píng)價(jià)等操作。管理員通過(guò)登錄賬號(hào)進(jìn)入后臺(tái)管理界面，對(duì)用戶的相關(guān)的數(shù)據(jù)進(jìn)行管理。

（一）總體設(shè)計(jì)

火車(chē)商品銷(xiāo)售APP系統(tǒng)框架圖，如圖1所示：

圖1 系統(tǒng)總體框架圖

（二）數(shù)據(jù)庫(kù)設(shè)計(jì)：

用戶登錄成功后，可進(jìn)入系統(tǒng)購(gòu)買(mǎi)商品、展開(kāi)評(píng)價(jià)等。數(shù)據(jù)庫(kù)用戶信息和購(gòu)買(mǎi)信息關(guān)系如圖2所示：

圖2 用戶信息和購(gòu)買(mǎi)信息關(guān)系

三、系統(tǒng)實(shí)現(xiàn)

（一）啟動(dòng)界面

用戶啟動(dòng)APP后，跳轉(zhuǎn)到主框架界面，利用處理器機(jī)制打開(kāi)啟動(dòng)界面，延遲跳轉(zhuǎn)，并利用Internet跳轉(zhuǎn)到應(yīng)用程序的主體部分。

（二）主界面框架

商品銷(xiāo)售APP主要包含 “推薦”、“購(gòu)買(mǎi)點(diǎn)餐”和“評(píng)價(jià)”三個(gè)功能模塊。用戶可以點(diǎn)擊不同模塊的功能鍵來(lái)選擇需要的功能，選中的模塊功能鍵按鈕將呈高亮狀態(tài)。為了讓界面有更好的效果，可以用fragment包含布局，并且根據(jù)實(shí)際情況進(jìn)行相關(guān)的操作，例如：替換和添加。

（三）子模塊設(shè)計(jì)

火車(chē)商品銷(xiāo)售APP的功能模塊設(shè)計(jì)是整個(gè) APP 基礎(chǔ)，管理員和用戶的所有操作的實(shí)現(xiàn)都將以功能設(shè)計(jì)為基礎(chǔ)，以下為用戶功能主要模塊的具體設(shè)計(jì)實(shí)現(xiàn)過(guò)程。

1、“推薦”模塊

“推薦”模塊根據(jù)用戶的興趣愛(ài)好以及用戶的歷史搜索記錄，向用戶推薦相關(guān)的商品，使用戶可以更便捷地查找到喜愛(ài)的商品，方便購(gòu)買(mǎi)。此APP增加了附近動(dòng)態(tài)功能。對(duì)于喜歡的商品，用戶可以分享商品信息，后臺(tái)系統(tǒng)經(jīng)過(guò)對(duì)用戶車(chē)次信息的篩選處理，使得相同車(chē)次的用戶可以瀏覽到該信息。

設(shè)計(jì)過(guò)程中，從網(wǎng)絡(luò)中接受的圖片信息和文字信息將被保存在主存儲(chǔ)器中，其中圖片信息將被保存在Android系統(tǒng)的應(yīng)用文件夾中。每組圖片信息的的數(shù)據(jù)緩存和隊(duì)列將使用PriorityQueue，PriorityQueue將隊(duì)列中的字符串進(jìn)行自動(dòng)排序。使用 Android系統(tǒng)中自帶的定時(shí)器，系統(tǒng)將會(huì)每隔一段固定時(shí)間重新推送一組新的圖片信息，把一個(gè)圖片名稱信息從隊(duì)列中取出，并打開(kāi)相應(yīng)的文件使其呈現(xiàn)在對(duì)應(yīng)的UI接口上。當(dāng)隊(duì)列為空時(shí)，給該隊(duì)列重新分配一個(gè)隊(duì)列并繼續(xù)執(zhí)行上述操作。整個(gè)APP主界面可以不斷地滾動(dòng)播出相關(guān)的圖片或文字；鏈接信息。鏈接包含的相關(guān)信息將通過(guò)WebView 來(lái)實(shí)現(xiàn)。點(diǎn)擊“推薦”按鈕進(jìn)入推薦功能模塊，用戶可以通過(guò)滑動(dòng)圖片，了解到不同的商品信息。如果找到自己心儀的產(chǎn)品可以直接點(diǎn)擊圖片或者鏈接進(jìn)行詳細(xì)了解。

2、“購(gòu)買(mǎi)點(diǎn)餐”模塊設(shè)計(jì)：

“購(gòu)買(mǎi)點(diǎn)餐”模塊幫助用戶購(gòu)買(mǎi)自己喜歡的商品和食物。此模塊中，為菜單添加“刪除”和“修改”兩個(gè)功能鍵。銷(xiāo)售完的商品將會(huì)被后臺(tái)的管理人員下架，用戶的主界面中將不會(huì)出現(xiàn)該商品的選擇項(xiàng)。用戶在選購(gòu)?fù)戤吅簏c(diǎn)擊“結(jié)算”功能鍵按鈕系統(tǒng)將自動(dòng)的完成數(shù)據(jù)封裝的相關(guān)操作。系統(tǒng)將會(huì)采用SeNeDebug方法完成向服務(wù)器發(fā)送請(qǐng)求指令的功能，同時(shí)服務(wù)器可以接受返回指令。若指令正確（非空指令），將自動(dòng)生成訂單信息，并展示到用戶的界面。用戶進(jìn)行核對(duì)，確認(rèn)無(wú)誤后點(diǎn)擊“確認(rèn)支付”功能鍵按鈕，隨后進(jìn)入第三方支付界面進(jìn)行支付。

用戶進(jìn)入點(diǎn)餐模塊界面，可通過(guò)點(diǎn)擊主界面展示的商品圖片詳細(xì)的了解商品信息。點(diǎn)擊“選購(gòu)”功能鍵按鈕將物品加入到購(gòu)物車(chē)或直接進(jìn)行購(gòu)買(mǎi)。點(diǎn)擊“撤銷(xiāo)”按鈕可以撤銷(xiāo)剛才的操作。點(diǎn)擊“確認(rèn)購(gòu)買(mǎi)”功能鍵按鈕后，直接跳轉(zhuǎn)到訂單界面。

3、“評(píng)價(jià)”模塊設(shè)計(jì)

“評(píng)價(jià)”模塊包含了對(duì)商品的評(píng)價(jià)和對(duì)送貨員的評(píng)價(jià)兩個(gè)子模塊。用戶評(píng)價(jià)模塊是用戶查看已有的評(píng)價(jià)或者在購(gòu)物后自己參與對(duì)商品的評(píng)價(jià)。系統(tǒng)運(yùn)行后，實(shí)現(xiàn)用戶登錄，并啟動(dòng)商品質(zhì)量評(píng)價(jià)和價(jià)格評(píng)價(jià)功能。由用戶端提供的評(píng)論信息數(shù)據(jù)以及以及用戶終端的相關(guān)信息（設(shè)備號(hào)、IP地址等），將會(huì)被合并成完整的評(píng)論，其中終端信息將會(huì)被隱藏。經(jīng)過(guò)相關(guān)操作展示到評(píng)論區(qū)。在設(shè)計(jì)時(shí)，將會(huì)采用web作為中間層以減少系統(tǒng)的交互和連接數(shù)量。瀏覽評(píng)論信息和瀏覽圖片等服務(wù)將由web提供，同時(shí)評(píng)論的數(shù)據(jù)也還會(huì)被存儲(chǔ)在數(shù)據(jù)庫(kù)中。

四、結(jié)論

文章對(duì)火車(chē)商品銷(xiāo)售APP進(jìn)行設(shè)計(jì)，重點(diǎn)設(shè)計(jì)并實(shí)現(xiàn)用戶角色的“推薦”“評(píng)價(jià)”“購(gòu)買(mǎi)點(diǎn)餐”等三大功能。通過(guò)本次APP開(kāi)發(fā)設(shè)計(jì)積累了相關(guān)的經(jīng)驗(yàn)，為后續(xù)APP開(kāi)發(fā)打下了基礎(chǔ)。