何洋　王恩亮

摘要：網(wǎng)上商城系統(tǒng)，是以當(dāng)前商務(wù)的網(wǎng)絡(luò)化、快速化實(shí)際需求為背景，實(shí)現(xiàn)商品購買的方便、快捷、送貨上門等服務(wù)為前提綜合信息服務(wù)系統(tǒng)的設(shè)計(jì)，實(shí)現(xiàn)通過Internet互聯(lián)網(wǎng)對(duì)商品購買的相關(guān)信息進(jìn)行發(fā)布及商品查詢、商品介紹、商品內(nèi)容瀏覽等功能。該文在Android環(huán)境下設(shè)計(jì)實(shí)現(xiàn)了手機(jī)購物平臺(tái)的商品的分類、購物車的設(shè)計(jì)以及“試衣鏡”等創(chuàng)新功能。

關(guān)鍵詞：Android；手機(jī)；購物平臺(tái)；互聯(lián)網(wǎng)

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2017）13-0053-04

隨著智能手機(jī)制造行業(yè)的蓬勃發(fā)展以及GPRS、CDMA、LTE等網(wǎng)絡(luò)技術(shù)的成熟，運(yùn)用手機(jī)購物越來越得到廣大消費(fèi)者群體的傾愛。于是，電子商務(wù)運(yùn)行的載體，則逐步由原先單一的電腦設(shè)備轉(zhuǎn)向智能手機(jī)上的客戶端軟件。因此，開發(fā)一個(gè)實(shí)用、便捷、美化的智能終端購物app是非常有意義的。

國內(nèi)外優(yōu)秀的網(wǎng)絡(luò)購物app可以說如數(shù)家珍，國內(nèi)耳熟能詳?shù)氖謾C(jī)終端網(wǎng)上購物軟件譬如有京東、蘑菇街、聚美等有名的app，國外的優(yōu)秀app有亞馬遜、6pm、ebay等。上述的app均廣受消費(fèi)者喜愛，用戶基群大，數(shù)據(jù)交互龐大。盡管國內(nèi)國外已有了上述眾多優(yōu)秀的app，但是從客戶端的不斷更新，功能上推陳出新，以及軟件用戶不斷提出的使用習(xí)慣、需求、貨品種類更新等來考慮，開發(fā)設(shè)計(jì)一個(gè)更加新穎實(shí)用的app這個(gè)市場(chǎng)永遠(yuǎn)不會(huì)被淘汰。開發(fā)一個(gè)更為新穎實(shí)用的網(wǎng)上購物商城手機(jī)軟件不僅便于商家的發(fā)展，更能繼續(xù)提高人們生活的便捷性。

1Android平臺(tái)簡(jiǎn)介

Android是一種以Linux為基礎(chǔ)的開放源碼操作系統(tǒng)“，主要應(yīng)用于便攜設(shè)備。開源和免費(fèi)供用戶下載使用的特點(diǎn)使得Hnux的開發(fā)人員基群大，同時(shí)越來越多的智能手機(jī)開發(fā)商更傾向于研發(fā)Linux手機(jī)來降低公司的成本。

Android支持使用Java作為編程語言來開發(fā)應(yīng)用程序，而Android的Java開發(fā)方面從接口到功能，都有層出不窮的變化?？紤]到Java虛擬機(jī)的效率和資源占用，谷歌重新設(shè)計(jì)了Android的Java，以便能提高效率和減少資源占用，因而與J2ME等不同。

2功能介紹

2.1自主設(shè)計(jì)功能模塊

近年來，電子商務(wù)市場(chǎng)不斷發(fā)展，運(yùn)營較為成熟的幾大電商公司所推崇的020模式與以往單一的實(shí)體模式相比無疑給整個(gè)消費(fèi)市場(chǎng)帶來了耳目一新的便捷購物體驗(yàn)，但是在此程度上仍然不足以彌補(bǔ)近年來商品創(chuàng)新匱乏的現(xiàn)象。

本設(shè)計(jì)針對(duì)目前市場(chǎng)上的購物軟件進(jìn)行了功能上的改進(jìn)，在保留傳統(tǒng)購物軟件線上商品購買功能的基礎(chǔ)上，加入了自主設(shè)計(jì)功能，意在為軟件用戶提供一個(gè)可以對(duì)商品自行設(shè)計(jì)模塊。在模塊內(nèi)，用戶可以根據(jù)所提供的商品模板和相關(guān)工具對(duì)商品進(jìn)行裁剪、拼接、添加紋飾等設(shè)計(jì)，并且所有的商品模板均為標(biāo)準(zhǔn)尺寸，便于線下廠家制作生產(chǎn)。此功能的加入將使整個(gè)消費(fèi)成本下降，跳過了許多的中間環(huán)節(jié)，增加了市場(chǎng)商品類別的種類與商品創(chuàng)新活力。

2.2試衣鏡功能

傳統(tǒng)的線上購物平臺(tái)，如淘寶、天貓、聚美等購物平臺(tái)客戶端，在選購衣帽等可穿戴的商品時(shí)，具有相同的網(wǎng)購弊端，即只允許消費(fèi)者看到商品的圖片，不具有傳統(tǒng)實(shí)體線下銷售的可試穿的優(yōu)勢(shì)，這一主要因素也導(dǎo)致了消費(fèi)者收到商品后，因穿戴效果不理想導(dǎo)致了大面積的退貨現(xiàn)象。

針對(duì)此網(wǎng)購弊端，本設(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)知的過程基本一致。人類在進(jìn)行圖像識(shí)別時(shí)并非僅僅利用該圖像在腦海中的印象，而是對(duì)該圖像的顯著特點(diǎn)進(jìn)行記憶分類，再從該記憶分類中根據(jù)各個(gè)類別擁有的特征使圖片被意識(shí)感知識(shí)別出來。當(dāng)我們看到圖片時(shí)，大腦便會(huì)快速感知出以前見過這張或與之相類似的圖片與否。在識(shí)別過程中，大腦將會(huì)根據(jù)存儲(chǔ)的記憶分類好的部分對(duì)圖像進(jìn)行識(shí)別，檢查其是否和這一圖像存在相同或者是類似特征記憶存儲(chǔ)，從而識(shí)別出以往時(shí)候是否看見過這一圖片。手機(jī)進(jìn)行圖像識(shí)別原理也是如此，根據(jù)分類和提取出圖像的重要特征，并對(duì)多余的特征信息進(jìn)行排除，如此以來實(shí)現(xiàn)對(duì)圖像的甄別。

設(shè)備通過特定的程序算法而選取處理此類訊息有時(shí)比較顯著，有時(shí)也會(huì)很普通，這種情況在很大程度上影響了設(shè)備對(duì)圖像的識(shí)別率。因此，利用智能設(shè)備對(duì)圖像進(jìn)行視覺識(shí)別時(shí)，一般是通過該圖像特有的特征對(duì)其內(nèi)容加以描述。

3功能模塊設(shè)計(jì)與實(shí)現(xiàn)

3.1登陸與注冊(cè)界面設(shè)計(jì)

基于現(xiàn)有的購物軟件以及用戶的使用習(xí)慣等特征，本文設(shè)計(jì)同樣也具有基本的用戶登陸與新用戶注冊(cè)個(gè)人信息的功能。軟件用戶通過點(diǎn)擊軟件圖標(biāo)后，即可以進(jìn)入軟件的主界面，如果是已經(jīng)注冊(cè)過的用戶，可以直接輸入賬戶與密碼登陸進(jìn)入軟件首頁。如果是新用戶，則可以點(diǎn)擊首頁上的注冊(cè)按鈕進(jìn)行用戶個(gè)人信息的注冊(cè)，之后跳轉(zhuǎn)回登錄界面，再填寫用戶名與注冊(cè)密碼即可進(jìn)入商城首頁。登陸與注冊(cè)界面設(shè)計(jì)流程圖如圖1所示。

在執(zhí)行此段代碼之前，先對(duì)此定義sqlLiteDB=new SqlLit-eDB（this）用于創(chuàng)建一個(gè)數(shù)據(jù)庫的鏈接，并且設(shè)定一個(gè)btnReg-se-tonClickListner作為鼠標(biāo)監(jiān)聽事件，當(dāng)獲得鼠標(biāo)點(diǎn)擊動(dòng)作時(shí)候，根據(jù)用戶之前錄入數(shù)據(jù)庫的密碼用戶名等，判斷輸入登陸框的密碼與用戶名是否相符合，可以出現(xiàn)上述代碼中的三種提示詞。

3.2工作室模塊設(shè)計(jì)

工作實(shí)模塊設(shè)計(jì)流程圖如圖2所示。該功能為本設(shè)計(jì)的亮點(diǎn)功能之一，軟件用戶點(diǎn)擊功能按鈕進(jìn)入工作室設(shè)計(jì)界面后，可以看到預(yù)先錄入數(shù)據(jù)庫中的商品模板信息，通過右側(cè)邊欄展示給用戶。據(jù)此，用戶可以通過已錄入的標(biāo)準(zhǔn)商品模板對(duì)想設(shè)計(jì)的商品進(jìn)行設(shè)計(jì)。同時(shí)，界面的左側(cè)邊欄也向用戶提供了各類剪裁設(shè)計(jì)等工具。

當(dāng)用戶設(shè)計(jì)好自己的商品后，可以選擇保存至個(gè)人信息的個(gè)人設(shè)計(jì)作品中去，也可以選擇相關(guān)廠家，設(shè)計(jì)作品即通過網(wǎng)絡(luò)發(fā)送至廠家服務(wù)終端，可以交由廠家定制生產(chǎn)并運(yùn)送成品。

相關(guān)程序：

public void onltemCliek（AdapterView<？>parent，View view，int position，long id），即使用onItemClick方法監(jiān)聽鼠標(biāo)點(diǎn)擊的位置，由此來判斷用戶點(diǎn)擊了哪個(gè)商品模板，再通過listview展示在功能頁的中間區(qū)域，使用view.findViewByld方法獲得一個(gè)img_id[i]的圖片，至此完成工作室模塊的有關(guān)功能設(shè)計(jì)。

4.3試衣鏡模塊設(shè)計(jì)

本設(shè)計(jì)中試衣鏡功能的實(shí)現(xiàn)為該軟件的第+亮點(diǎn)功能，試衣鏡模塊設(shè)計(jì)流程圖如圖3所示。此功能的實(shí)現(xiàn)是通過An—droid內(nèi)部協(xié)議調(diào)用設(shè)備攝像頭功能，采用圖像識(shí)別技術(shù)，將商品樣板錄入服務(wù)器的數(shù)據(jù)中，通過用戶在客戶端的模板下載，點(diǎn)擊確認(rèn)后，即可在攝影界面中浮現(xiàn)該商品，從而實(shí)現(xiàn)試衣鏡功能。

5系統(tǒng)測(cè)試

5.1登陸界與注冊(cè)面測(cè)試

登錄界面與注冊(cè)界面的測(cè)試主要目的是在點(diǎn)擊開始后，正確顯示登陸界面，并且可以輸入用戶名與登錄密碼。點(diǎn)擊登陸界面的右下角注冊(cè)界面，可以正確顯示注冊(cè)界面，供用戶進(jìn)行個(gè)人信息的注冊(cè)。

登陸模塊使用Android中imageview、textview、edittextview、button等來實(shí)現(xiàn)界面的設(shè)計(jì)，在用戶輸入賬號(hào)完成后，輸入框失去焦點(diǎn)作為特征觸發(fā)響應(yīng)事件，即要獲取輸入框的內(nèi)容請(qǐng)求服務(wù)器，通過查詢數(shù)據(jù)庫保存的用戶信息來判斷賬戶是否可用。登陸與注冊(cè)界面測(cè)試效果如圖4所示。

5.2主界面測(cè)試

主界面測(cè)試效果如圖5所示。本界面主要驗(yàn)證在點(diǎn)擊登陸按鈕進(jìn)入軟件后，其主頁是否可以正常打開，是否能夠正常顯示商品展示界面，其界面底部有無首頁、工作室、設(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ì)模板，并且可以通過鼠標(biāo)點(diǎn)擊事件，能夠正確在中間部分進(jìn)行模板部件的拼接。工作室界面測(cè)試效果如圖6所示。

通過listview將商品模板排列在界面的右側(cè)，中間位置作為展示用戶自行設(shè)計(jì)的區(qū)域，通過listview的Item點(diǎn)擊事件將用戶選中的商品模板顯示在中間設(shè)計(jì)區(qū)域。

5.4設(shè)計(jì)圈界面測(cè)試

設(shè)計(jì)圈界面測(cè)試效果如圖7所示。本頁面同樣通過list-view控件實(shí)現(xiàn)用戶動(dòng)態(tài)的發(fā)布，在item的設(shè)計(jì)上主要使用了imageview、textview展示了用戶的頭像、名稱、發(fā)布日期和動(dòng)態(tài)圖片。通過adapter適配器將item交給listview實(shí)現(xiàn)頁面的排版。

5.5側(cè)滑欄模塊測(cè)試

本界面測(cè)試的主要目的主要是在主界面點(diǎn)擊左上角能夠正確顯示此側(cè)滑欄，在主界面上添加一個(gè)dramwerlayout組件，通過設(shè)置高度寬度來達(dá)到側(cè)滑顯示效果，在dramwerlayout中使用了textview、imageview來顯示用戶的個(gè)人信息資料，并提供相應(yīng)控件的點(diǎn)擊事件來達(dá)到更新資料的需求。側(cè)滑欄模塊測(cè)試效果如圖8所示。

6結(jié)束語

本文實(shí)現(xiàn)了基于Java的網(wǎng)上自主設(shè)計(jì)購物平臺(tái)，并提供了一個(gè)完整的商品查詢、選購、設(shè)計(jì)、“試用”等功能效果，在整個(gè)設(shè)計(jì)過程中保留了以往購物平臺(tái)軟件的有點(diǎn)，并加入了自身的創(chuàng)新部分，為購物市場(chǎng)提供一種新的設(shè)計(jì)思路。