基于Android的網(wǎng)上自主設(shè)計(jì)購(gòu)物平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)

1、龍?jiān)雌诳W(wǎng) 基于Android的網(wǎng)上自主設(shè)計(jì)購(gòu)物平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)作者：何洋王恩亮來(lái)源：電腦知識(shí)與技術(shù)2017年第13期摘要：網(wǎng)上商城系統(tǒng)，是以當(dāng)前商務(wù)的網(wǎng)絡(luò)化、快速化實(shí)際需求為背景，實(shí)現(xiàn)商品購(gòu)買的方便、快捷、送貨上門等服務(wù)為前提綜合信息服務(wù)系統(tǒng)的設(shè)計(jì)，實(shí)現(xiàn)通過(guò)Internet互聯(lián)網(wǎng)對(duì)商品購(gòu)買的相關(guān)信息進(jìn)行發(fā)布及商品查詢、商品介紹、商品內(nèi)容瀏覽等功能。該文在Android環(huán)境下設(shè)計(jì)實(shí)現(xiàn)了手機(jī)購(gòu)物平臺(tái)的商品的分類、購(gòu)物車的設(shè)計(jì)以及“試衣鏡”等創(chuàng)新功能。關(guān)鍵詞：Android；手機(jī)；購(gòu)物平臺(tái)；互聯(lián)網(wǎng)中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2017）13-0053-04隨

2、著智能手機(jī)制造行業(yè)的蓬勃發(fā)展以及GPRS、CDMA、LTE等網(wǎng)絡(luò)技術(shù)的成熟，運(yùn)用手機(jī)購(gòu)物越來(lái)越得到廣大消費(fèi)者群體的傾愛(ài)。于是，電子商務(wù)運(yùn)行的載體，則逐步由原先單一的電腦設(shè)備轉(zhuǎn)向智能手機(jī)上的客戶端軟件。因此，開(kāi)發(fā)一個(gè)實(shí)用、便捷、美化的智能終端購(gòu)物app是非常有意義的。國(guó)內(nèi)外優(yōu)秀的網(wǎng)絡(luò)購(gòu)物app可以說(shuō)如數(shù)家珍，國(guó)內(nèi)耳熟能詳?shù)氖謾C(jī)終端網(wǎng)上購(gòu)物軟件譬如有京東、蘑菇街、聚美等有名的app，國(guó)外的優(yōu)秀app有亞馬遜、6pm、ebay等。上述的app均廣受消費(fèi)者喜愛(ài)，用戶基群大，數(shù)據(jù)交互龐大。盡管國(guó)內(nèi)國(guó)外已有了上述眾多優(yōu)秀的app，但是從客戶端的不斷更新，功能上推陳出新，以及軟件用戶不斷提出的使用習(xí)慣、需求

3、、貨品種類更新等來(lái)考慮，開(kāi)發(fā)設(shè)計(jì)一個(gè)更加新穎實(shí)用的app這個(gè)市場(chǎng)永遠(yuǎn)不會(huì)被淘汰。開(kāi)發(fā)一個(gè)更為新穎實(shí)用的網(wǎng)上購(gòu)物商城手機(jī)軟件不僅便于商家的發(fā)展，更能繼續(xù)提高人們生活的便捷性。1Android平臺(tái)簡(jiǎn)介Android是一種以Linux為基礎(chǔ)的開(kāi)放源碼操作系統(tǒng)“，主要應(yīng)用于便攜設(shè)備。開(kāi)源和免費(fèi)供用戶下載使用的特點(diǎn)使得Hnux的開(kāi)發(fā)人員基群大，同時(shí)越來(lái)越多的智能手機(jī)開(kāi)發(fā)商更傾向于研發(fā)Linux手機(jī)來(lái)降低公司的成本。Android支持使用Java作為編程語(yǔ)言來(lái)開(kāi)發(fā)應(yīng)用程序，而Android的Java開(kāi)發(fā)方面從接口到功能，都有層出不窮的變化。考慮到Java虛擬機(jī)的效率和資源占用，谷歌重新設(shè)計(jì)了Android

4、的Java，以便能提高效率和減少資源占用，因而與J2ME等不同。2功能介紹2.1自主設(shè)計(jì)功能模塊近年來(lái)，電子商務(wù)市場(chǎng)不斷發(fā)展，運(yùn)營(yíng)較為成熟的幾大電商公司所推崇的020模式與以往單一的實(shí)體模式相比無(wú)疑給整個(gè)消費(fèi)市場(chǎng)帶來(lái)了耳目一新的便捷購(gòu)物體驗(yàn)，但是在此程度上仍然不足以彌補(bǔ)近年來(lái)商品創(chuàng)新匱乏的現(xiàn)象。本設(shè)計(jì)針對(duì)目前市場(chǎng)上的購(gòu)物軟件進(jìn)行了功能上的改進(jìn)，在保留傳統(tǒng)購(gòu)物軟件線上商品購(gòu)買功能的基礎(chǔ)上，加入了自主設(shè)計(jì)功能，意在為軟件用戶提供一個(gè)可以對(duì)商品自行設(shè)計(jì)模塊。在模塊內(nèi)，用戶可以根據(jù)所提供的商品模板和相關(guān)工具對(duì)商品進(jìn)行裁剪、拼接、添加紋飾等設(shè)計(jì)，并且所有的商品模板均為標(biāo)準(zhǔn)尺寸，便于線下廠家制作生產(chǎn)。此功

5、能的加入將使整個(gè)消費(fèi)成本下降，跳過(guò)了許多的中間環(huán)節(jié)，增加了市場(chǎng)商品類別的種類與商品創(chuàng)新活力。2.2試衣鏡功能傳統(tǒng)的線上購(gòu)物平臺(tái)，如淘寶、天貓、聚美等購(gòu)物平臺(tái)客戶端，在選購(gòu)衣帽等可穿戴的商品時(shí)，具有相同的網(wǎng)購(gòu)弊端，即只允許消費(fèi)者看到商品的圖片，不具有傳統(tǒng)實(shí)體線下銷售的可試穿的優(yōu)勢(shì)，這一主要因素也導(dǎo)致了消費(fèi)者收到商品后，因穿戴效果不理想導(dǎo)致了大面積的退貨現(xiàn)象。針對(duì)此網(wǎng)購(gòu)弊端，本設(shè)計(jì)提出了試衣鏡功能，即設(shè)計(jì)程序調(diào)用設(shè)備的前置攝像頭，采用智能識(shí)別技術(shù)使得商品在拍攝環(huán)境中模擬浮現(xiàn)，以此實(shí)現(xiàn)試衣鏡功能。2.3圖像識(shí)別技術(shù)原理計(jì)算機(jī)進(jìn)行圖像識(shí)別的原理與人類對(duì)圖像認(rèn)知的過(guò)程基本一致。人類在進(jìn)行圖像識(shí)別時(shí)并非僅

6、僅利用該圖像在腦海中的印象，而是對(duì)該圖像的顯著特點(diǎn)進(jìn)行記憶分類，再?gòu)脑撚洃浄诸愔懈鶕?jù)各個(gè)類別擁有的特征使圖片被意識(shí)感知識(shí)別出來(lái)。當(dāng)我們看到圖片時(shí)，大腦便會(huì)快速感知出以前見(jiàn)過(guò)這張或與之相類似的圖片與否。在識(shí)別過(guò)程中，大腦將會(huì)根據(jù)存儲(chǔ)的記憶分類好的部分對(duì)圖像進(jìn)行識(shí)別，檢查其是否和這一圖像存在相同或者是類似特征記憶存儲(chǔ)，從而識(shí)別出以往時(shí)候是否看見(jiàn)過(guò)這一圖片。手機(jī)進(jìn)行圖像識(shí)別原理也是如此，根據(jù)分類和提取出圖像的重要特征，并對(duì)多余的特征信息進(jìn)行排除，如此以來(lái)實(shí)現(xiàn)對(duì)圖像的甄別。設(shè)備通過(guò)特定的程序算法而選取處理此類訊息有時(shí)比較顯著，有時(shí)也會(huì)很普通，這種情況在很大程度上影響了設(shè)備對(duì)圖像的識(shí)別率。因此，利用智能

7、設(shè)備對(duì)圖像進(jìn)行視覺(jué)識(shí)別時(shí)，一般是通過(guò)該圖像特有的特征對(duì)其內(nèi)容加以描述。3功能模塊設(shè)計(jì)與實(shí)現(xiàn)3.1登陸與注冊(cè)界面設(shè)計(jì)基于現(xiàn)有的購(gòu)物軟件以及用戶的使用習(xí)慣等特征，本文設(shè)計(jì)同樣也具有基本的用戶登陸與新用戶注冊(cè)個(gè)人信息的功能。軟件用戶通過(guò)點(diǎn)擊軟件圖標(biāo)后，即可以進(jìn)入軟件的主界面，如果是已經(jīng)注冊(cè)過(guò)的用戶，可以直接輸入賬戶與密碼登陸進(jìn)入軟件首頁(yè)。如果是新用戶，則可以點(diǎn)擊首頁(yè)上的注冊(cè)按鈕進(jìn)行用戶個(gè)人信息的注冊(cè)，之后跳轉(zhuǎn)回登錄界面，再填寫用戶名與注冊(cè)密碼即可進(jìn)入商城首頁(yè)。登陸與注冊(cè)界面設(shè)計(jì)流程圖如圖1所示。在執(zhí)行此段代碼之前，先對(duì)此定義sqlLiteDB=new SqlLit-eDB（this）用于創(chuàng)建一個(gè)數(shù)據(jù)

8、庫(kù)的鏈接，并且設(shè)定一個(gè)btnReg-se-tonClickListner作為鼠標(biāo)監(jiān)聽(tīng)事件，當(dāng)獲得鼠標(biāo)點(diǎn)擊動(dòng)作時(shí)候，根據(jù)用戶之前錄入數(shù)據(jù)庫(kù)的密碼用戶名等，判斷輸入登陸框的密碼與用戶名是否相符合，可以出現(xiàn)上述代碼中的三種提示詞。3.2工作室模塊設(shè)計(jì)工作實(shí)模塊設(shè)計(jì)流程圖如圖2所示。該功能為本設(shè)計(jì)的亮點(diǎn)功能之一，軟件用戶點(diǎn)擊功能按鈕進(jìn)入工作室設(shè)計(jì)界面后，可以看到預(yù)先錄入數(shù)據(jù)庫(kù)中的商品模板信息，通過(guò)右側(cè)邊欄展示給用戶。據(jù)此，用戶可以通過(guò)已錄入的標(biāo)準(zhǔn)商品模板對(duì)想設(shè)計(jì)的商品進(jìn)行設(shè)計(jì)。同時(shí)，界面的左側(cè)邊欄也向用戶提供了各類剪裁設(shè)計(jì)等工具。當(dāng)用戶設(shè)計(jì)好自己的商品后，可以選擇保存至個(gè)人信息的個(gè)人設(shè)計(jì)作品中去，也可

9、以選擇相關(guān)廠家，設(shè)計(jì)作品即通過(guò)網(wǎng)絡(luò)發(fā)送至廠家服務(wù)終端，可以交由廠家定制生產(chǎn)并運(yùn)送成品。相關(guān)程序：public void onltemCliek（AdapterViewparent，View view，int position，long id），即使用onItemClick方法監(jiān)聽(tīng)鼠標(biāo)點(diǎn)擊的位置，由此來(lái)判斷用戶點(diǎn)擊了哪個(gè)商品模板，再通過(guò)listview展示在功能頁(yè)的中間區(qū)域，使用view.findViewByld方法獲得一個(gè)img_idi的圖片，至此完成工作室模塊的有關(guān)功能設(shè)計(jì)。4.3試衣鏡模塊設(shè)計(jì)本設(shè)計(jì)中試衣鏡功能的實(shí)現(xiàn)為該軟件的第+亮點(diǎn)功能，試衣鏡模塊設(shè)計(jì)流程圖如圖3所示。此功能的實(shí)現(xiàn)是通過(guò)

10、Android內(nèi)部協(xié)議調(diào)用設(shè)備攝像頭功能，采用圖像識(shí)別技術(shù)，將商品樣板錄入服務(wù)器的數(shù)據(jù)中，通過(guò)用戶在客戶端的模板下載，點(diǎn)擊確認(rèn)后，即可在攝影界面中浮現(xiàn)該商品，從而實(shí)現(xiàn)試衣鏡功能。5系統(tǒng)測(cè)試5.1登陸界與注冊(cè)面測(cè)試登錄界面與注冊(cè)界面的測(cè)試主要目的是在點(diǎn)擊開(kāi)始后，正確顯示登陸界面，并且可以輸入用戶名與登錄密碼。點(diǎn)擊登陸界面的右下角注冊(cè)界面，可以正確顯示注冊(cè)界面，供用戶進(jìn)行個(gè)人信息的注冊(cè)。登陸模塊使用Android中imageview、textview、edittextview、button等來(lái)實(shí)現(xiàn)界面的設(shè)計(jì)，在用戶輸入賬號(hào)完成后，輸入框失去焦點(diǎn)作為特征觸發(fā)響應(yīng)事件，即要獲取輸入框的內(nèi)容請(qǐng)求服務(wù)器，

11、通過(guò)查詢數(shù)據(jù)庫(kù)保存的用戶信息來(lái)判斷賬戶是否可用。登陸與注冊(cè)界面測(cè)試效果如圖4所示。5.2主界面測(cè)試主界面測(cè)試效果如圖5所示。本界面主要驗(yàn)證在點(diǎn)擊登陸按鈕進(jìn)入軟件后，其主頁(yè)是否可以正常打開(kāi)，是否能夠正常顯示商品展示界面，其界面底部有無(wú)首頁(yè)、工作室、設(shè)計(jì)圈三個(gè)按鈕。使用volley網(wǎng)絡(luò)框架請(qǐng)求對(duì)應(yīng)圖片的ur1將圖片下載到本地，并使用listview模塊將圖片顯示到每個(gè)Item上。Item即list-view中模塊樣式，在Item中添加imageview和textview分別保存圖片內(nèi)容和圖片名稱。5.3工作室界面測(cè)試在工作室界面中，主要測(cè)試在界面右側(cè)可以顯示商品的模板，可以供用戶選擇作為設(shè)計(jì)模板，

12、并且可以通過(guò)鼠標(biāo)點(diǎn)擊事件，能夠正確在中間部分進(jìn)行模板部件的拼接。工作室界面測(cè)試效果如圖6所示。通過(guò)listview將商品模板排列在界面的右側(cè)，中間位置作為展示用戶自行設(shè)計(jì)的區(qū)域，通過(guò)listview的Item點(diǎn)擊事件將用戶選中的商品模板顯示在中間設(shè)計(jì)區(qū)域。5.4設(shè)計(jì)圈界面測(cè)試設(shè)計(jì)圈界面測(cè)試效果如圖7所示。本頁(yè)面同樣通過(guò)list-view控件實(shí)現(xiàn)用戶動(dòng)態(tài)的發(fā)布，在item的設(shè)計(jì)上主要使用了imageview、textview展示了用戶的頭像、名稱、發(fā)布日期和動(dòng)態(tài)圖片。通過(guò)adapter適配器將item交給listview實(shí)現(xiàn)頁(yè)面的排版。5.5側(cè)滑欄模塊測(cè)試本界面測(cè)試的主要目的主要是在主界面點(diǎn)擊左上角能夠正確顯示此側(cè)滑欄，在主界面上添加一個(gè)dramwerlayout組件，通過(guò)設(shè)置高度寬度來(lái)達(dá)到側(cè)滑顯示效果，在dr