黃 浩 寧建紅 劉 輝 于金鳳/上海電機(jī)學(xué)院電子信息學(xué)院

基于Web的服裝圖像屬性與風(fēng)格標(biāo)注系統(tǒng)

黃 浩 寧建紅 劉 輝 于金鳳/上海電機(jī)學(xué)院電子信息學(xué)院

隨著經(jīng)濟(jì)的飛速發(fā)展，各種服裝越來越多，如何設(shè)計(jì)出符合新時(shí)代的服裝已成為設(shè)計(jì)師們需要思考的事情?，F(xiàn)代服裝款式新穎，不同的屬性與風(fēng)格表現(xiàn)了不同情感的表達(dá)。這就要求設(shè)計(jì)師們能夠?qū)︶槍?duì)不同情感設(shè)計(jì)出相應(yīng)的帶有情感感知的服裝。為此作者設(shè)計(jì)了基于Web的服裝圖像屬性與風(fēng)格標(biāo)注系統(tǒng)。本系統(tǒng)的主要模塊包括：用戶注冊(cè)模塊、評(píng)分模塊、統(tǒng)計(jì)模塊。為設(shè)計(jì)師更好的采集人們對(duì)不同風(fēng)格服裝的情感認(rèn)知，設(shè)計(jì)符合人們要求的服裝提供了幫助。

Web；圖像屬性；模塊；數(shù)據(jù)庫

1.引言

隨著生活水平的不斷提升，人們?cè)絹碓街匾暦b的設(shè)計(jì)，力求在時(shí)尚的同時(shí)，能夠擁有屬于服裝的情感感知，以便于在不同場合搭配不同情感感知的服裝。為了滿足消費(fèi)者的消費(fèi)需求，在信息技術(shù)的告訴發(fā)展的基礎(chǔ)下，越來越多的設(shè)計(jì)師選擇通過一些設(shè)計(jì)軟件來幫助自己完成服裝設(shè)計(jì)工作。

服裝的情感特征將在最大程度上加強(qiáng)服裝的設(shè)計(jì)效果。在通過問卷調(diào)查的方式獲取大量的不同人群對(duì)服裝圖像的情感詞匯的采集，在此基礎(chǔ)上對(duì)這些信息進(jìn)行了分類整理以及歸納總結(jié)，最終得出了幾對(duì)類似反義詞的詞組作為系統(tǒng)測試的測試標(biāo)準(zhǔn)。在確定了情感詞匯的基礎(chǔ)上，還需要做的就是對(duì)這些詞匯對(duì)之間完成一個(gè)量化。本文采取了打分的方式對(duì)每一對(duì)情感詞組進(jìn)行測試，通過設(shè)定值的方式完成對(duì)情感程度的分割，以實(shí)現(xiàn)幫助用戶選擇情感程度的目的。本文研究開發(fā)的基于Web的服裝圖像屬性與風(fēng)格標(biāo)注系統(tǒng)，通過采集不同人群的情感數(shù)據(jù)，對(duì)不同情感感知的服裝圖像進(jìn)行標(biāo)注，為將來服裝圖像的情感識(shí)別奠定基礎(chǔ)。

2.系統(tǒng)的總體設(shè)計(jì)

該系統(tǒng)從模塊上可劃分為用戶注冊(cè)模塊、評(píng)分模塊和統(tǒng)計(jì)模塊。用戶注冊(cè)模塊的功能主要是提供獲取用戶的一些基本信息以及給予用戶不同的情感選項(xiàng)，通過打分的方式幫助用戶完成對(duì)服裝圖像的情感測試；評(píng)分模塊是用戶注冊(cè)后選擇想要評(píng)分的描述詞再根據(jù)這些描述詞為圖片評(píng)分；統(tǒng)計(jì)模塊是根據(jù)用戶的不同類型來統(tǒng)計(jì)評(píng)分結(jié)果為采購設(shè)計(jì)方案提供依據(jù)。

2.1系統(tǒng)的功能層次結(jié)構(gòu)圖

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

2.2系統(tǒng)數(shù)據(jù)流圖

圖2 系統(tǒng)數(shù)據(jù)流圖

2.3系統(tǒng)體系結(jié)構(gòu)設(shè)計(jì)和用戶

系統(tǒng)采用目前最流行的B/S 模式，構(gòu)建的B/S 網(wǎng)絡(luò)系統(tǒng)可看作是三層結(jié)構(gòu)：用戶層、邏輯層和數(shù)據(jù)層。以瀏覽器作為前端向用戶展示數(shù)據(jù)效果，以服務(wù)器作為后端處理數(shù)據(jù)。用戶在客戶端通過瀏覽器發(fā)起web服務(wù)器請(qǐng)求，web服務(wù)器接受請(qǐng)求后向數(shù)據(jù)庫服務(wù)器發(fā)起數(shù)據(jù)操作請(qǐng)求，并將從數(shù)據(jù)庫服務(wù)器接受的數(shù)據(jù)結(jié)果返還給瀏覽器展示。三個(gè)模塊各自分工又相互合作，業(yè)務(wù)邏輯清晰，處理效率高，安全性有保障，B/S模式是當(dāng)下基于web設(shè)計(jì)的系統(tǒng)極好的選擇。

3.數(shù)據(jù)庫設(shè)計(jì)

數(shù)據(jù)庫是基于Web的服裝圖像屬性與風(fēng)格標(biāo)注系統(tǒng)的一個(gè)重要部分，它是整個(gè)系統(tǒng)的信息倉庫，負(fù)責(zé)存儲(chǔ)、組織和管理整個(gè)系統(tǒng)的數(shù)據(jù)信息。數(shù)據(jù)庫設(shè)計(jì)的好壞將直接對(duì)系統(tǒng)的效率以及系統(tǒng)實(shí)現(xiàn)產(chǎn)生一定影響，較好的數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì)會(huì)減少數(shù)據(jù)庫的存儲(chǔ)量，提高數(shù)據(jù)完整性和一致性，使系統(tǒng)具有較快的響應(yīng)速度，并能簡化應(yīng)用程序訪問數(shù)據(jù)庫的過程。

3.1數(shù)據(jù)庫概念模型設(shè)計(jì)

概念數(shù)據(jù)庫模型設(shè)計(jì)得到的是系統(tǒng)的實(shí)體聯(lián)系模型（E-R 模型）。根據(jù)系統(tǒng)的功能設(shè)計(jì)分析本系統(tǒng)的實(shí)體主要有3個(gè)：用戶、圖片、描述詞。用戶實(shí)體的屬性有：用戶名、密碼、文化程度、職業(yè)和性別。圖片實(shí)體的屬性有：圖片名、圖片路徑和分?jǐn)?shù)。描述詞實(shí)體的屬性有詞編號(hào)和詞名。

在每個(gè)實(shí)體之間又存在著諸多的聯(lián)系，這樣又構(gòu)成E-R圖。圖4 展示了各個(gè)實(shí)體之間的聯(lián)系，E-R圖如下所示。

圖3 系統(tǒng)E-R圖

3.2 數(shù)據(jù)庫表設(shè)計(jì)

將概念模型里的實(shí)體及屬性圖轉(zhuǎn)化為關(guān)系模型，于是得到了系統(tǒng)數(shù)據(jù)庫的表。

（1）用戶表（user）

表1 用戶表

（2）圖片表（pic）

表2 圖片表

（3）描述詞表（word）

表3 描述詞表

4.系統(tǒng)詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)

據(jù)前面介紹，除了用戶注冊(cè)模塊以外，基于Web的服裝圖像屬性與風(fēng)格標(biāo)注系統(tǒng)主要包括評(píng)分和統(tǒng)計(jì)兩個(gè)部分。評(píng)分的實(shí)現(xiàn)主要包括用戶注冊(cè)信息后根據(jù)所選情感描述詞對(duì)界面展現(xiàn)圖片進(jìn)行評(píng)分。統(tǒng)計(jì)的設(shè)計(jì)與實(shí)現(xiàn)主要包括按不同條件如年齡、性別、職業(yè)、文化程度來對(duì)評(píng)分結(jié)果進(jìn)行查詢處理顯示。下面是該系統(tǒng)的詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)。

4.1評(píng)分模塊實(shí)現(xiàn)

注冊(cè)功能旨在收集被調(diào)查者的信息，以便做分類統(tǒng)計(jì)。系統(tǒng)會(huì)自動(dòng)對(duì)輸入的用戶名做檢測，與數(shù)據(jù)庫中已有的用戶名作比對(duì)，防止重復(fù)。同時(shí)，系統(tǒng)會(huì)自動(dòng)檢測兩次密碼是否輸入一致。在成功注冊(cè)后，將會(huì)出現(xiàn)情感描述詞的選擇界面，用戶在最常用的20個(gè)描述詞中選出自己認(rèn)為較常用來描述的8個(gè)情感詞。選擇完情感描述詞后，將會(huì)出現(xiàn)一張服裝圖片，用戶根據(jù)剛才選擇的8個(gè)情感詞給服裝圖像打分，并將打分結(jié)果存入數(shù)據(jù)庫。

4.2統(tǒng)計(jì)模塊實(shí)現(xiàn)

經(jīng)過多個(gè)用戶的打分后，數(shù)據(jù)庫中已經(jīng)收集到一定數(shù)據(jù)，服裝設(shè)計(jì)師可以從年齡、性別、職業(yè)、文化程度等方面去做統(tǒng)計(jì)，也可以統(tǒng)計(jì)總體平均分，并以此來作為服裝設(shè)計(jì)的依據(jù)。

整個(gè)系統(tǒng)使用nui框架進(jìn)行界面開發(fā)，使用SpringMVC+ MyBatis進(jìn)行后臺(tái)操作，SQLServer2012存儲(chǔ)相關(guān)數(shù)據(jù)，操作簡單，簡潔高效。

5.結(jié)束語

本系統(tǒng)從用戶注冊(cè)信息的收集，到用戶自主選擇情感描述詞，再到根據(jù)所選描述詞對(duì)服裝圖像進(jìn)行評(píng)分，最后根據(jù)不同的用戶條件對(duì)評(píng)分結(jié)果進(jìn)行歸納查詢，為服裝圖像的識(shí)別提供了依據(jù)。

但本系統(tǒng)其實(shí)還有更大的完善空間。比如：

(1)由于是面向大眾用戶收集數(shù)據(jù)，并未提供直觀的用戶信息管理功能，但是在大數(shù)據(jù)管理中必要的用戶管理還是需要的；

(2)我們提供的可選的情感描述詞還不夠豐富，這些情感描述詞也需要通過普遍調(diào)查總結(jié)出來；

(3)對(duì)用戶信息的收集可以更多，可以從更多方面總結(jié)大眾的服裝情感偏向，但過多私人信息的輸入與收集可能會(huì)引起用戶反感，這還需要更加合理的操作。

圖4 統(tǒng)計(jì)流程圖

∶

[1]Eric Freeman.Head FirstHTML與CSS（第2版）[M].北京：中國電力出版社,2013,244-283.

[2]David Flanagan.OReilly精品圖書系列：JavaScript權(quán)威指南（第6版）.北京：機(jī)械工業(yè)出版社, 2012-04-01,307-338.

[3]Bruce Eckel.計(jì)算機(jī)科學(xué)叢書：Java編程思想(第4版).北京：機(jī)械工業(yè)出版社,007-06-01,216-245.

[4]Ben Frain.響應(yīng)式Web設(shè)計(jì)：HTML5和CSS3實(shí)戰(zhàn).北京：人民郵電出版社,2013-01-01,73-134.

[5]Brooks.人月神話（32周年中文紀(jì)念版）（第2版.)北京：清華大學(xué)出版社,2007-09-01,171-175.

課題項(xiàng)目：

A1-5701-15-012-01-064上海市大學(xué)生創(chuàng)新活動(dòng)計(jì)劃項(xiàng)目。