基于Android的創(chuàng)意者互動交易平臺設(shè)計

邱雷 周宇航 謝凡殊

摘要：近年來，普通用戶對個性化的需要日益強烈，但市場上并未有專門針對用戶個性化創(chuàng)作的互動交易平臺。該文在基于用戶個性化創(chuàng)作的需求下，設(shè)計并實現(xiàn)了一種基于Android的創(chuàng)意者互動C2C交易平臺。此平臺基于開源移動平臺Android開發(fā)，服務(wù)器采用Spring WebMvc框架，解決了傳統(tǒng)通信應(yīng)用在交易上的不便，滿足了普通用戶的個性化創(chuàng)作需求。

關(guān)鍵詞：Andorid;Spring;C2C;創(chuàng)意者;互動平臺

中圖分類號：TP311.52? ? ?文獻標(biāo)識碼：A? ? ?文章編號：1009-3044（2018）35-0095-03

Abstract： In recent years， the needs of common users for personalization have apperered increasingly， but there is no interactive trading platform for personalized creation on the market. In this paper， an interactive C2C trading platform Based on android is designed and implemented under the needs of personalized creation by users. This platform is developed Based on the open source mobile platform Android， and the server adopts Spring WebMvc framework， which solves the inconvenience of traditional communication applications in trading， and meets the personalized creative needs of common users.

Key words：Andorid; Spring Framework; C2C; Creativers; Interactive Platform

1 背景

隨著網(wǎng)絡(luò)技術(shù)的快速發(fā)展，工業(yè)化大規(guī)模生產(chǎn)帶來的負面影響日益明顯，即消費者不再滿足于做傳統(tǒng)交易中被動選擇的角色，而更愿意在供大于需的市場狀態(tài)下追求個性化商品。基于這樣的市場需求，此文實現(xiàn)了一個基于Android平臺的創(chuàng)意者互動C2C交易平臺。該平臺用戶分為兩種角色：設(shè)計師和商家。用戶可以作為設(shè)計師，售賣自己設(shè)計稿或者購買商家發(fā)布的實體商品，同時也可以作為商家，購買設(shè)計稿，制作成實體商品放在平臺上售賣。在這個平臺上，每個人都可以實現(xiàn)自己的設(shè)計師夢，用戶不但可以將自己的DIY作品變得更為精致美觀，而且可以輕松挑選到自己喜歡的定制商品，達到平臺與用戶個人自身價值提升的共贏局面。

2 系統(tǒng)總體設(shè)計

該平臺設(shè)計了六大功能模塊，分別是登錄注冊模塊、首頁信息模塊、知世（板塊推薦）模塊、商品發(fā)布模塊、消息查看模塊、個人信息模塊。系統(tǒng)功能結(jié)構(gòu)圖如圖1所示。

在UI設(shè)計上，主色調(diào)選擇了藍色，通過調(diào)節(jié)主色調(diào)的飽和度，再配以粉色系板塊按鈕，實現(xiàn)了美學(xué)設(shè)計中被廣泛運用的粉藍調(diào)色彩搭配。

在圖標(biāo)設(shè)計上，該平臺選擇了扁平化風(fēng)格，摒棄了擬物化設(shè)計，使用了簡約的符號元素以加強人機交互的舒適感。

1.1 登錄注冊模塊

此模塊包含了登錄和注冊兩個模塊。在登錄模塊內(nèi)，根據(jù)用戶輸入的用戶名和密碼，與服務(wù)器中的數(shù)據(jù)進行匹配，驗證賬號和密碼的正確性。若匹配成功，則用戶可以順利登入平臺，若匹配失敗，向用戶提示錯誤信息。在注冊模塊內(nèi)，尚未注冊的用戶可以輸入用戶名、郵箱及密碼完成注冊。

1.2 首頁信息模塊

此模塊包含了大賽活動和設(shè)計分類（小世界）兩個模塊。大賽活動模塊中會展現(xiàn)平臺組織的活動推送;小世界模塊則是用于展示不同設(shè)計稿的分類，如服裝設(shè)計稿、膠帶設(shè)計稿、飾品設(shè)計稿等。一個設(shè)計稿分類即為一個“小世界”。

1.3 知世模塊

此模塊顯示用戶已關(guān)注的設(shè)計稿文章類別（即用戶感興趣并且已關(guān)注的“小世界”）。在關(guān)注后，用戶能在該模塊下看到已關(guān)注的小世界發(fā)布了的設(shè)計稿文章，在文章中的商品列表可點擊詳情直接進入該商品的詳情頁。

1.4 商品發(fā)布模塊

此模塊是用戶的個性化設(shè)計或?qū)嶓w商品的發(fā)布窗口。每個用戶具有兩種角色：設(shè)計師和商家。當(dāng)用戶作為設(shè)計師發(fā)布設(shè)計稿或者作為商家發(fā)布實體商品時，需要進入此模塊發(fā)布相應(yīng)的設(shè)計或?qū)嶓w商品，同時為其擬定名字、添加文字或圖片描述以及確定價格。

1.5 消息查看模塊

此模塊用于顯示用戶的互動消息列表。當(dāng)用戶對某個設(shè)計稿或者實體商品感興趣時，可以聯(lián)系設(shè)計師或商家進一步了解相關(guān)商品信息;設(shè)計師或商家也可以主動聯(lián)系用戶，推薦新款設(shè)計稿或者實體商品，保證了用戶與設(shè)計師或商家良好的互動交流。

1.6 個人信息模塊

此模塊包括我的訂單、我是個人設(shè)計師以及我是商家三個模塊。在個人信息模塊中，用戶可查看或修改自己的個人信息;在我的訂單這個模塊中，用戶可以查看已下單的商品列表;在我是個人設(shè)計師模塊中，用戶可以查看或修改已發(fā)布的設(shè)計稿列表;在我是商家模塊中，用戶可以查看或修改已發(fā)布的實體商品列表。

2 系統(tǒng)具體實現(xiàn)

2.1 開發(fā)環(huán)境介紹

在當(dāng)前移動設(shè)備不斷普及和發(fā)展的潮流下，移動設(shè)備操作系統(tǒng)也在不斷地迭代更新。智能手機上的操作系統(tǒng)由以前的Android、IOS、Windows Phone、Symbian、BlackBerry幾大主流操作系統(tǒng)漸漸轉(zhuǎn)變?yōu)锳ndroid、IOS兩大操作系統(tǒng)。近年來，Android的發(fā)展也越發(fā)迅猛，擁有穩(wěn)定增長的用戶群和良好的市場發(fā)展前景。因此該平臺選擇了Android作為App開發(fā)的系統(tǒng)架構(gòu)。

2.2 客戶端設(shè)計

2.2.1 登錄注冊界面實現(xiàn)

當(dāng)用戶第一次使用App時，需要跳轉(zhuǎn)到登錄界面，已注冊的用戶可以直接登錄，然后跳轉(zhuǎn)到首頁界面;尚未注冊的用戶可以點擊注冊跳轉(zhuǎn)到注冊界面完成注冊，注冊完成后返回登錄界面進行登錄。

在點擊登錄按鈕之后，采用JSON格式與服務(wù)器進行數(shù)據(jù)交換，驗證用戶名密碼是否正確。注冊同登錄類似，在接收用戶的賬號密碼后，通過JSON與服務(wù)器進行信息交互以完成用戶注冊。登錄注冊模塊流程圖如圖2所示。

登錄注冊界面的具體實現(xiàn)效果如圖3所示。

2.2.2 底部導(dǎo)航欄實現(xiàn)

底部菜單欄存在四個主要界面選項：首頁界面、知世界面、消息界面及個人界面。在選中一個菜單選項時，需要圖片及文字都表現(xiàn)對應(yīng)的狀態(tài)。為保證較大的事件響應(yīng)范圍，點擊事件賦予了包含圖片和文字的父控件。這里利用背景選擇器selector實現(xiàn)選中背景和未選中背景的切換，這種方式響應(yīng)速度更快，對用戶的反饋更加直接，能達到更好的用戶體驗。

這里以主頁按鈕的背景選擇器selector_home.xml文件為例。當(dāng)處于state_selected狀態(tài)時，背景顯示選中時的按鈕圖片，否則顯示未選中時的按鈕圖片。相關(guān)源碼如下：

<？xml version="1.0" encoding="utf-8"？>

<selectorxmlns：android="http：//schemas.android.com/ apk/res/android">

<itemandroid：state_selected="false" android：drawable

="@drawable/comui_tab_home"/>

<item android：state_selected="true" android：drawable

="@drawable/comui_tab_home_selected" />

</selector>

底部菜單欄的具體實現(xiàn)效果如圖4所示。

2.2.3 Activity間數(shù)據(jù)通信實現(xiàn)

這里以HomeActivity與ItemHomeDesignActivity之間的通信為例。點擊首頁分類列表中的一項時，利用Intent跳轉(zhuǎn)到該分類所屬的Activity，同時通過Intent中的putExtra函數(shù)將點擊到的分類列表信息從HomeActivity傳遞至ItemHomeDesignActivity。這里傳遞的信息類型是自定義類HomeItem，在類中實現(xiàn)了Serializable序列化接口用于適配信息傳遞。相關(guān)源碼如下：

1） 數(shù)據(jù)發(fā)送

Intent intent = new Intent（HomeActivity.this，ItemHomeDesign

Activity.class）;

intent.putExtra（"HomeDesignItem"，homeItemList.get（arg2））;

2） 數(shù)據(jù)接收

getIntent（）.getSerializableExtra（"HomeDesignItem"）;

首頁及其二級界面具體實現(xiàn)效果如圖5所示。

2.2.4 客戶端服務(wù)器間通信實現(xiàn)

服務(wù)器使用MVC設(shè)計模式，客戶端與服務(wù)器之間通過JSON進行數(shù)據(jù)交換，在Controller層應(yīng)答客戶端請求。這里以個人發(fā)布商品列表界面為例，客戶端首先向服務(wù)器發(fā)送獲取設(shè)計稿列表的Http請求，服務(wù)器端配置了JSON消息解析器，Controller層返回一個Java對象，并非直接返回一個設(shè)計稿分類列表，由JSON解析器對返回的Java對象解析成需要的數(shù)據(jù)類型，再顯示在列表控件中?？蛻舳恕⒎?wù)器、數(shù)據(jù)庫間通信架構(gòu)圖如圖6所示。

3 結(jié)束語

此平臺在基于設(shè)計師與商家的實際需求之下，實現(xiàn)了一個基于Android平臺的創(chuàng)意者互動交易移動應(yīng)用，為設(shè)計師和商家之間搭建了一個直接的橋梁。目前尚未存在專門為設(shè)計師提供的交易互動平臺，相較于在通信應(yīng)用上的交易，此平臺解決了一般通信應(yīng)用在交易上的不便，保證了設(shè)計師與商家的權(quán)益。

展望將來，人們會有更多的個性化需求，也會有更多的個性化設(shè)計發(fā)布，C2C交易平臺將會迎來蓬勃的發(fā)展。此平臺在進一步提高簡便性和可靠性的同時，也會開發(fā)新的功能以滿足人們的需要。

參考文獻：

[1] 于思江. 基于LBS的Android校園服務(wù)APP客戶端的設(shè)計[J]. 國外電子測量技術(shù)， 2015， 34（4）：73-77.

[2] 李肖. 基于Android的電子詞典系統(tǒng)設(shè)計與實現(xiàn)[D]. 長春：吉林大學(xué)， 2013.

[3] BenForta. MySQL必知必會[M]. 北京： 人民郵電出版社， 2009.

[通聯(lián)編輯：謝媛媛]