潘益婷，肖鵬飛

（1.浙江工貿(mào)職業(yè)技術(shù)學(xué)院，浙江溫州325003；2.溫州職業(yè)技術(shù)學(xué)院，浙江溫州325035）

在后工業(yè)時(shí)代，市場(chǎng)需要個(gè)性化、有創(chuàng)意的商品和服務(wù)，而且創(chuàng)意與生活密不可分，創(chuàng)意能把生活中很簡(jiǎn)單的東西進(jìn)行升華。隨著互聯(lián)網(wǎng)應(yīng)用的不斷創(chuàng)新和深入，以及移動(dòng)終端智能化的普及，越來(lái)越多優(yōu)秀的創(chuàng)意通過(guò)網(wǎng)絡(luò)找到了一條實(shí)現(xiàn)市場(chǎng)價(jià)值的新途徑。陰艷超[1]等設(shè)計(jì)了最優(yōu)客戶創(chuàng)意算法，將該算法應(yīng)用于客戶創(chuàng)意挖掘中，有效指導(dǎo)產(chǎn)品創(chuàng)新的實(shí)施。

鄭楓[2]采用SSH開(kāi)發(fā)框架和MySQL數(shù)據(jù)庫(kù)設(shè)計(jì)實(shí)現(xiàn)了基于網(wǎng)絡(luò)的絲綢圖案創(chuàng)意系統(tǒng)。李曉楠[3]通過(guò)Web界面為用戶提供數(shù)字媒體與文化創(chuàng)意社區(qū)。林靂[4]建立基于Java Web的創(chuàng)意眾籌網(wǎng)站系統(tǒng)。但是以上研究關(guān)于創(chuàng)意系統(tǒng)的移動(dòng)應(yīng)用方面闡述較少，缺乏有實(shí)際應(yīng)用針對(duì)性強(qiáng)的移動(dòng)互聯(lián)網(wǎng)解決方案。因此，如何建立一個(gè)面向移動(dòng)平臺(tái)的創(chuàng)意工坊系統(tǒng)具有現(xiàn)實(shí)意義，將大眾的“夢(mèng)想”、“點(diǎn)子”通過(guò)文字、圖片、視頻等方式融入到移動(dòng)應(yīng)用中，達(dá)到“讓生活遍及創(chuàng)意，讓創(chuàng)意豐富生活”的目的。

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

移動(dòng)創(chuàng)意工坊系統(tǒng)分為Android客戶端和Web服務(wù)端兩部分，系統(tǒng)的功能結(jié)構(gòu)圖如圖1所示?？蛻舳说墓δ苤饕?個(gè)模塊：（1）用戶模塊。包括用戶注冊(cè)、登錄、修改密碼、收藏活動(dòng)視頻、評(píng)論活動(dòng)視頻、查看收藏夾訂單等功能。（2）活動(dòng)模塊。用戶可以查詢活動(dòng)列表，查看活動(dòng)詳情，上傳自己的創(chuàng)意活動(dòng)，對(duì)活動(dòng)進(jìn)行收藏、購(gòu)買、評(píng)價(jià)等。（3）視頻模塊。用戶可以查看視頻詳情、播放視頻、評(píng)論視頻等。（4）收藏模塊。用戶可以收藏自己喜歡的活動(dòng)和視頻。（5）訂單模塊。用戶購(gòu)買創(chuàng)意活動(dòng)后，可查看訂單的狀態(tài)，完成訂單的付款、確認(rèn)收貨等。（6）評(píng)論模塊。用戶對(duì)購(gòu)買的創(chuàng)意活動(dòng)有評(píng)價(jià)功能，也可以對(duì)創(chuàng)意視頻進(jìn)行評(píng)價(jià)。

服務(wù)端的功能主要包含6個(gè)模塊：用戶管理、活動(dòng)管理、視頻管理、收藏夾管理、訂單管理、評(píng)論管理。管理員在服務(wù)端登錄后，可以對(duì)客戶端用戶進(jìn)行查詢等管理，可以進(jìn)行創(chuàng)意活動(dòng)、視頻的上傳、修改、查詢等管理，還可以對(duì)用戶的收藏夾、評(píng)論、訂單進(jìn)行相應(yīng)管理。服務(wù)端所有用戶、活動(dòng)、視頻、評(píng)論等數(shù)據(jù)都存儲(chǔ)在MySQL數(shù)據(jù)庫(kù)中。

圖1 系統(tǒng)功能結(jié)構(gòu)圖

系統(tǒng)分為客戶端和服務(wù)端，采用C/S架構(gòu)[5]，系統(tǒng)的架構(gòu)設(shè)計(jì)圖如圖2所示?？蛻舳耸沁\(yùn)行在Android移動(dòng)平臺(tái)[6]上，利用Fragment、ListView、子線程、Handler等技術(shù)完成系統(tǒng)界面的展示，發(fā)送登錄、查看活動(dòng)、收藏視頻等請(qǐng)求到服務(wù)器，顯示服務(wù)器返回的結(jié)果。

服務(wù)端采用MVC設(shè)計(jì)模式[7]，提高系統(tǒng)的可擴(kuò)展性和可維護(hù)性，利用Struts2、Spring、Hibernate框架和MySQL數(shù)據(jù)庫(kù)[8]實(shí)現(xiàn)對(duì)創(chuàng)意活動(dòng)、視頻、用戶、收藏夾、訂單等所有數(shù)據(jù)的存儲(chǔ)和管理。服務(wù)端接收客戶端的請(qǐng)求，進(jìn)行相關(guān)信息的查詢或新增等操作，并將結(jié)果通過(guò)JSON格式返回給移動(dòng)客戶端。

客戶端與服務(wù)端之間使用HTTP協(xié)議[9]進(jìn)行通信，利用JSON格式[10]進(jìn)行數(shù)據(jù)交互。前臺(tái)客戶端是移動(dòng)應(yīng)用，后續(xù)如果需要可以利用SSH框架[11]輕松實(shí)現(xiàn)Web程序。后臺(tái)服務(wù)器主要用來(lái)提供數(shù)據(jù)的增刪改查管理。

圖2 系統(tǒng)架構(gòu)設(shè)計(jì)圖

2 系統(tǒng)關(guān)鍵技術(shù)

2.1 客戶端獲取解析展示信息

Android客戶端利用Fragment、ListView、子線程、Handler等技術(shù)實(shí)現(xiàn)Android客戶端：1）使用Fragment、ViewPager實(shí)現(xiàn)頁(yè)面點(diǎn)擊切換和手勢(shì)滑動(dòng)，如活動(dòng)和視頻的簡(jiǎn)介頁(yè)面和評(píng)論頁(yè)面，訂單的待付款、待確認(rèn)、待評(píng)論頁(yè)面等。Fragment可以方便地實(shí)現(xiàn)Activity界面之間的切換，創(chuàng)建靈活的UI設(shè)計(jì)適應(yīng)移動(dòng)設(shè)備不同屏幕尺寸，以及動(dòng)態(tài)的添加、替換或移除某個(gè)Fragment。2）使用ListView控件以列表的形式展示具體內(nèi)容，根據(jù)數(shù)據(jù)的長(zhǎng)度自適應(yīng)顯示。這里展示的內(nèi)容需要通過(guò)子線程發(fā)送HTTP請(qǐng)求訪問(wèn)服務(wù)端來(lái)獲取相應(yīng)的JSON數(shù)據(jù)，再通過(guò)Handler去解析JSON數(shù)據(jù)，最后將數(shù)據(jù)通過(guò)適配器展示在ListView控件。

客戶端利用子線程和Handler獲取解析展示數(shù)據(jù)的流程分析如圖3所示，其中主線程不能直接發(fā)送HTTP請(qǐng)求，因?yàn)榫W(wǎng)絡(luò)訪問(wèn)很有可能造成阻塞，這樣主線程會(huì)出現(xiàn)假死現(xiàn)象，導(dǎo)致很不好的用戶體驗(yàn)，所以網(wǎng)絡(luò)請(qǐng)求等耗時(shí)操作必須通過(guò)子線程來(lái)完成。而且子線程不能直接更新UI，常用的處理方法是通過(guò)消息機(jī)制由Handler來(lái)更新界面。

圖3 客戶端獲取解析展示數(shù)據(jù)流程

2.2 服務(wù)端對(duì)內(nèi)容進(jìn)行管理

Web服務(wù)端利用SSH框架（Struts2、Spring、Hibernate）實(shí)現(xiàn)Web服務(wù)端。SSH框架將整個(gè)系統(tǒng)分為：表示層、業(yè)務(wù)層、持久層和實(shí)體層：1）表示層利用Struts框架實(shí)現(xiàn)，通過(guò)JSP頁(yè)面進(jìn)行交互，根據(jù)Struts中的配置文件將請(qǐng)求委派給相應(yīng)的Action處理，并將結(jié)果返回。2）業(yè)務(wù)層由Spring框架實(shí)現(xiàn)具體業(yè)務(wù)邏輯處理，Spring是一個(gè)輕量級(jí)的IOC和AOP容器框架，能很好地與其他框架集成，使Struts與Hibernate更好地工作。3）數(shù)據(jù)持久層由Hibernate框架實(shí)現(xiàn)，處理與數(shù)據(jù)庫(kù)的交互操作，利用對(duì)象關(guān)系映射，把對(duì)數(shù)據(jù)庫(kù)的操作轉(zhuǎn)化為對(duì)象的操作，處理請(qǐng)求數(shù)據(jù)，并返回處理結(jié)果。4）實(shí)體層即模型，它與MySQL數(shù)據(jù)庫(kù)中的表一一對(duì)應(yīng)。

服務(wù)端利用SSH框架實(shí)現(xiàn)對(duì)數(shù)據(jù)的分頁(yè)查詢操作的流程分析如圖4所示，Action接收請(qǐng)求，將請(qǐng)求分發(fā)給相應(yīng)的Service去處理業(yè)務(wù)邏輯，具體的數(shù)據(jù)則需要訪問(wèn)Dao層獲得，Dao層與數(shù)據(jù)庫(kù)交互，獲取的是所有滿足條件的數(shù)據(jù)，如果要獲取一頁(yè)的數(shù)據(jù)，則還需要通過(guò)工具類來(lái)完成。

圖4 服務(wù)端分頁(yè)查詢數(shù)據(jù)流程

2.3 客戶端與服務(wù)端通信

Android客戶端與Web服務(wù)端使用HTTP協(xié)議和JSON數(shù)據(jù)進(jìn)行網(wǎng)絡(luò)通信和數(shù)據(jù)交互。HTTP是超文本傳輸協(xié)議，是客戶端/瀏覽器與服務(wù)器之間信息交互的方式，它分四個(gè)過(guò)程：通過(guò)URL建立連接，發(fā)送請(qǐng)求信息，發(fā)回響應(yīng)信息，關(guān)閉連接。JSON是一種輕量級(jí)的數(shù)據(jù)交互格式，類似XML，但比XML更小、更快、更易解析。Android客戶端與Web服務(wù)端交互的具體過(guò)程為：1）客戶端發(fā)送HTTP請(qǐng)求到服務(wù)端，比如查看“情人節(jié)創(chuàng)意表白”活動(dòng)列表；2）服務(wù)端接收客戶端請(qǐng)求參數(shù)，通過(guò)在MySQL數(shù)據(jù)庫(kù)進(jìn)行模糊查詢得到結(jié)果；3）服務(wù)端將結(jié)果數(shù)據(jù)封裝為JSON格式返回給客戶端；4）客戶端解析服務(wù)端返回的JSON數(shù)據(jù)并展示在界面上。

2.4 移動(dòng)支付

Android客戶端的訂單支付功能調(diào)用的是支付寶來(lái)完成用戶的移動(dòng)支付功能，具體的支付流程如圖5所示。用戶使用APP發(fā)起訂單支付，該訂單由SSH服務(wù)端創(chuàng)建，并調(diào)用支付寶支付接口，支付寶會(huì)將支付結(jié)果通知SSH服務(wù)端。這里移動(dòng)支付安全由支付寶負(fù)責(zé)，支付寶通過(guò)支付密碼、無(wú)線支付、風(fēng)險(xiǎn)監(jiān)控、數(shù)字證書(shū)等保障支付安全。該系統(tǒng)還通過(guò)HTTPS實(shí)現(xiàn)安全性，加密用戶與系統(tǒng)之間的交互訪問(wèn)。HTTPS是一種基于SSK協(xié)議的加密傳輸協(xié)議，安裝SSL證書(shū)后，使用HTTPS加密協(xié)議訪問(wèn)，可激活客戶端和服務(wù)器之間的SSL加密通道，從而實(shí)現(xiàn)高強(qiáng)度雙向加密傳輸，防止傳輸數(shù)據(jù)被泄露或篡改。HTTPS簡(jiǎn)單來(lái)說(shuō)相當(dāng)于HTTP加SSL，是HTTP的安全版。

3 系統(tǒng)運(yùn)行情況

系統(tǒng)的運(yùn)行環(huán)境如下：Win7操作系統(tǒng)、Android4.4 手 機(jī)、 Android Studio、Tomcat7.0、 My-Eclipse、MySQL。

系統(tǒng)目前已經(jīng)在情人節(jié)前進(jìn)行了應(yīng)用，管理員上傳了關(guān)于情人節(jié)告白主題的一些創(chuàng)意活動(dòng)和創(chuàng)意視頻，用戶登錄系統(tǒng)后可以搜索查看這些信息，對(duì)這些創(chuàng)意進(jìn)行收藏和購(gòu)買，還可以上傳自己的創(chuàng)意。系統(tǒng)界面簡(jiǎn)潔，操作方便，在Android手機(jī)上可以快速安裝使用，方便用戶隨時(shí)隨地瀏覽、分享、實(shí)現(xiàn)各種創(chuàng)意，真正讓創(chuàng)意豐富人們的生活。

圖6是客戶端的創(chuàng)意視頻詳情界面，用戶點(diǎn)擊查看某一創(chuàng)意視頻的詳細(xì)介紹，包括視頻標(biāo)題和播放次數(shù)等信息，滑動(dòng)還可以查看該視頻的評(píng)論信息；圖7是服務(wù)端的創(chuàng)意視頻管理界面，管理員登錄后擁有對(duì)視頻的增改權(quán)限，所有視頻分頁(yè)顯示。

圖5 用戶完成移動(dòng)支付流程

圖6 客戶端視頻詳情界面

圖7 服務(wù)端視頻管理頁(yè)面

4 結(jié)束語(yǔ)

本文在分析了當(dāng)前市場(chǎng)對(duì)創(chuàng)意商品和服務(wù)的需求，以及移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的不斷創(chuàng)新深入的基礎(chǔ)上，提出“互聯(lián)網(wǎng)+創(chuàng)意”的思路，研究分析了HTTP協(xié)議、SSL證書(shū)、JSON數(shù)據(jù)、子線程與Handler、SSH框架等技術(shù)，設(shè)計(jì)了基于移動(dòng)平臺(tái)和SSH框架的創(chuàng)意工坊系統(tǒng)，將大眾的“夢(mèng)想”、“點(diǎn)子”通過(guò)文字、圖片、視頻等方式融入到移動(dòng)應(yīng)用中，使得用戶可以隨時(shí)隨地搜索、瀏覽、收藏、購(gòu)買、評(píng)價(jià)、上傳各種創(chuàng)意，達(dá)到“讓生活遍及創(chuàng)意，讓創(chuàng)意豐富生活”的目的。

本系統(tǒng)經(jīng)過(guò)一段時(shí)間的運(yùn)行使用情況良好，后續(xù)隨著新需求的提出和數(shù)據(jù)量的增加仍然需要做進(jìn)一步的完善和拓展。