200935331 九、發明說明： 【發明所屬之技術領域】 本發明係有關一種數位衣櫃的方法與系統，且更進__ 步有關將數位衣櫃與線上購物結合的方法與系統。 【先前技術】200935331 IX. Description of the Invention: [Technical Field] The present invention relates to a method and system for a digital wardrobe, and further to a method and system for combining a digital wardrobe with online shopping. [Prior Art]
在習知技術上’部分的購物網站係將其服飾商品穿在 假人摩特兒身上以固定角度固定距離拍攝照片，然後在網 站上放置一個假人模特兒，消費者透過點選商品可見到假 人模特兒穿上之前拍攝之照片，以作為消費者進行消眚 參考。 ^而習知技術具有部份的缺點，首先是製作成本高昂， 這使的此一服務只有品牌網站負擔的起，卻也因此使搭配 的商品樣本數減少，而消費者也因為商品數量不夠多而降 f使用誘因。另一個缺點則是使用彈性低，由於習知技術 疋由網站統一拍攝照片，因此模特兒有固定的姿勢以及^ 搭規則，但是時尚風格是靈活多變的，已知互動方式只能 反映出過去的時尚風格觀點’卻無法創造新的時尚風潮, 是紐㈣使用者所嘗試狀減，讓每次的網站 劉覽都是分離不連貫的經驗。 【發明内容】 ，發明之目的在於提供—種可提供使用者自由編輯數 宜圖樣並與網路購物結合之數位衣櫃方法與系統，及 八電腦可讀取之紀錄媒體與電腦程式產品。 5In the prior art, part of the shopping website wears its clothing products on the dummy Moté to take photos at a fixed angle and then places a dummy model on the website. The consumer can see through the selected items. The dummy model puts on the previously taken photos to serve as a consumer reference. ^The prior art has some shortcomings. First of all, the production cost is high. This makes the service only burden the brand website, but it also reduces the number of matching products, and the consumers also have insufficient quantity of goods. And drop the use of incentives. Another shortcoming is that the use of low elasticity, due to the conventional technology, the uniform photographs taken by the website, so the model has a fixed posture and rules, but the fashion style is flexible, known interaction can only reflect the past The fashion-style point of view 'can't create a new fashion trend, is the New York (four) users try to reduce, so that each time the website is a disconnected experience. SUMMARY OF THE INVENTION The object of the invention is to provide a digital wardrobe method and system that provides users with the freedom to edit digital patterns and combine with online shopping, and eight computer readable recording media and computer programs. 5
為達到上述目的’本發明復提供一種電腦程式產品， 包含：一第一指令集，用以顯示一視窗、提供一工作區與 一衣櫃區於該視窗内，以及提供包含至少一編輯工具之^ 單；一第二指令集，用以顯示試衣圖樣於該衣櫃區；一第 二指令集’用以疊合至少一試衣圖樣於該工作區；以及— 第四指令集，用以依選定編輯工具的效果編修該工作區内 之試衣圖樣。 200935331 為建到上逑目的，士 & 包η視窗提供提供—種數位衣櫃方法， 顯不試衣圖樣；疊合 一衣櫃區，該衣櫃區用以 含至少〜編輯卫具之撰^θ衣圖樣於該工作區；提供包 修該工作區内之試:衣圖樣。，以及依選定編輯工具的效果編 包含:的用=明復提=-種數位衣櫃系統， -處理器、一記憶體-視窗；以及-主機，包含 處理器讀取該程式以執=5&憶體之程式；其_，該 ，區;提供包含至少=工=了 疋編輯工具的效果編修該工作區内之試衣圖樣。 k 為達到上述目的，本發明進一步提供一種電腦可讀取 之紀錄媒體，紀錄電腦可讀取之程式，該程式包含·· 一第 一指令集，用以顯示一視窗、提供一工作區與一衣櫃區於 該視窗内，以及提供包含至少一編輯工具之選單；一第二 指令集，用以顯示試衣圖樣於該衣櫃區；一第三指令集， 用以疊合至少一試衣圖樣於該工作區；以及一第四指令 200935331 1’。用以依敎編輯卫具的效果編修該工作區内之試衣圖 提供商品的H :的之數位衣櫃方法與系統可 之商品的搭配效杲費者進行編輯，以確認所欲購買 〇 ❹ 櫃與線上購物網站結合購物之參考。士將數位衣 搭配、編輯之後可立即吏消費者可在完成試衣圖樣的 線上購買動作。 行所選擇試衣圖樣的原始商品之 說明，惟需的5特徵’將依據後附圖式加以詳細 明而非在限制朗ί本式及所舉之例，祇是做為說 【實施方式】 予以參閱含有本發明較佳實施例之所附圖示 本0Γ狄H述，但在此描述之前應瞭解熟悉本行技藝之人 β 本文中所描述之發明，同時獲致 因此，需瞭解以下之描述對熟悉本行技藝之人士 廣泛之揭不，且其内容不在於限制本發明。 ‘、、、 本發明在於提供一種可提供使用者自由編輯數位 圖樣並與網路購物結合之數位衣櫃方法與系統，及 2 可讀取之紀錄媒體與電腦程式產品 、 參考第一圖為本發明一實施例之系統架構圖。如圖所 示，本發明之數位衣櫃系統係包含一資料庫20及一伺服器 10，該伺服器10在網際網路上可提供一衣櫃網頁4〇及一 商品網頁30。該伺服器1〇用以從該商品網頁3〇接收賣家 7 200935331 商品之一數/f立日, 有該商品之圖樣。在 二片，並將該數位照片轉換為具 祠服器H)將服飾 施例中，該商品為-服飾，而 存於該資料庫2〇，再、為—試衣圖樣的一試衣檔，並儲 消費者進行試衣雜的=衣槽經由該衣_頁40提供給 以提供消費者作為消見。、組合其他服飾商品’ ΟIn order to achieve the above object, the present invention provides a computer program product comprising: a first instruction set for displaying a window, providing a working area and a wardrobe area in the window, and providing at least one editing tool. a second instruction set for displaying a fitting pattern in the wardrobe area; a second instruction set 'to overlay at least one fitting pattern in the work area; and — a fourth instruction set for selecting The effect of the editing tool is to edit the fitting pattern in the workspace. 200935331 For the purpose of the construction, the 士& package η window provides a digital wardrobe method, which does not show the pattern; folds a wardrobe area, which is used to contain at least ~ editorial aids ^θ clothes The drawing is in the work area; the test is provided to repair the work area: the clothing pattern. And according to the effect of the selected editing tool: the use of = Ming Fu mention = - a variety of wardrobe system, - processor, a memory - window; and - the host, including the processor to read the program to execute = 5 & The program of the body; its _, the area; provides the effect of at least = work = 疋 editing tool to edit the dressing pattern in the work area. In order to achieve the above object, the present invention further provides a computer readable recording medium for recording a computer readable program, the program comprising: a first instruction set for displaying a window, providing a working area and a a wardrobe area in the window, and a menu including at least one editing tool; a second instruction set for displaying the fitting pattern in the wardrobe area; and a third instruction set for superimposing at least one fitting pattern The workspace; and a fourth instruction 200935331 1'. Editing the fittings in the work area according to the effect of editing the guards. The number of the wardrobes for the goods provided by the H: and the system can be edited to confirm the purchase of the cabinets. Combine shopping with online shopping sites. After matching and editing the digital clothing, the consumer can immediately purchase the action on the line where the fitting pattern is completed. The description of the original product of the fitting pattern selected by the bank, but the required 5 features 'will be described in detail in the following figures instead of limiting the example and the examples, just as saying [implementation] Referring to the accompanying drawings of the preferred embodiment of the present invention, it should be understood that the invention described herein will be known to those skilled in the art, and at the same time, it is necessary to understand the following description. It is widely recognized by those skilled in the art and the content thereof is not intended to limit the invention. The invention provides a digital wardrobe method and system that can provide a user with freely editing a digital pattern and combined with online shopping, and 2 readable recording media and computer program products, and reference to the first figure is the present invention. A system architecture diagram of an embodiment. As shown in the figure, the digital wardrobe system of the present invention comprises a database 20 and a server 10, which can provide a wardrobe web page 4 and a product web page 30 on the Internet. The server 1 is configured to receive one of the sellers 7 200935331 products from the product web page 3/f, and has a pattern of the product. In two pieces, and convert the digital photo into a suiting device. H) In the case of clothing, the product is a clothing, and the product is stored in the database 2, and then, a fitting file of the fitting pattern. And storing the consumer's fittings = the trough is provided via the garment_page 40 to provide the consumer as a dissatisfaction. , combined with other apparel products Ο
Q 復參考第一圖，該飼服哭， 購物網頁60予消費者進 贈f物5:並提供一 本發明之系絲線上購物，而在不同實施例中， 2系統可產生不同之商業經營模式。 結合’本發明之系統可與該購物網站 使該衣植網頁40盘該購物_ 、自# 費者可由該購物網π 6n、/: 網頁⑼連結’致使消 後的㈣ί物頁連該衣翻頁4G進行試衣圖 連姓至兮購物：百to合其他服飾商品’或由該衣櫃網頁40 連、、*〇至該購物網頁60以購買所選擇之商品。 在本發明另-實施财，本發日月之㈣可直接由該商 ⑽、，頁30除可提供賣家上傳商品相關資訊外，並可直接提 供消費者線上義服務，致使消費者可直接在商品網頁3〇 上購買所需商品，或由該衣櫃網頁4〇連線至該商品 以購買所選擇之商品。 、 參考第二圖為本發明一實施例之商品網頁3〇的結構示 $圖。該商品網頁30包含複數個試衣檔31，由賣家 消費者進行選擇之商品為了製作該等試衣檔31，誃；; 進-步提供-轉㈣34’用以提供賣家將待^售^品 的數位照片上傳至該伺服器1〇,以由該伺服器1〇將該數位 8 200935331 照片轉換為該試衣檔31 、 20，以使該商品網頁3〇 1並儲存該試衣檔31至該資料庫 予消費者。 #以顯示該試衣檔W之試衣圖樣 在本發明一實施例中，卷 費者線上購物服務時，誃虽〜商〇口網頁30進—步提供消 用以提供消費者所選擇二二網頁3G—併提供—資訊區32Q Referring to the first figure, the feeding service is crying, and the shopping webpage 60 gives the consumer a gift 5: and provides a shopping line of the invention, and in different embodiments, the 2 system can generate different business operations. mode. In combination with the system of the present invention, the shopping website can be used to make the shopping webpage 40 the shopping _, and the self-payer can be linked by the shopping network π 6n, /: webpage (9) to cause the (four) ί Page 4G performs a fitting pattern with a surname to the shopping: a hundred to other apparel items' or from the wardrobe webpage 40, and * to the shopping webpage 60 to purchase the selected merchandise. In the present invention, the fourth day of the present invention can be directly provided by the merchant (10), page 30, in addition to providing information related to the seller to upload the goods, and can directly provide the consumer online online service, so that the consumer can directly The product page 3 is used to purchase the desired item, or the wardrobe page 4 is connected to the item to purchase the selected item. Referring to the second figure, a structure diagram of a product webpage 3〇 according to an embodiment of the present invention is shown. The product webpage 30 includes a plurality of fitting files 31, and the products selected by the seller's consumer are used to make the fittings 31, and the product is provided to the seller. The digital photo is uploaded to the server 1〇, to convert the digital 8 200935331 photo into the fitting file 31, 20 by the server 1 to make the product webpage 3〇1 and store the fitting file 31 to This database is for consumers. In order to display the fitting pattern of the fitting file W, in an embodiment of the present invention, when the online shopping service of the fee-paying person is used, the 〜 〜 〇 〇 〇 网页 网页 网页 30 30 30 30 30 30 30 30 30 30 30 30 30 Web page 3G - and provide - information area 32
=33 _，，對二= 參考第三圖為本發明一實施例之試衣 圖一開始由賣家提供待售商品的數 圖^ 照片藉由該商品網頁Μ的轉播^ 至服4 1G。而軸服器10即利用數位影像處理枯 術，將該數位照片中非屬於該待販售商品之背景影 ΐ除二並ί留該待販售商品之影像資訊，再將該待販售i 品之影像資訊轉換為一網頁可辨認之試衣圖樣影像格式的 試衣檔31，如第四B圖所示，並將該試衣檔31儲存至該資 料庫20中，且於該商品網頁3〇中加入該試衣檔31，^直 接提供至購物伺服器5〇的購物網頁60以供消費者進行選 擇。 而賣家根據所加入之試衣槽31即可在該試衣槽所 對應之資訊區32編輯有關該試衣播31所對應之待販售商 品的相關商品資訊，例如商品介紹、材質、價格資訊等， 或直接於購物網頁6〇中針對所加入之試衣檔31新增相關 商品資訊。消費者即句·透過該商品網頁3〇的訂購區33或 購物網頁60對所選擇之試衣檔31進行相關待販售商品的 9 200935331 線上購物。 消費者於該商品網頁30選擇至少—個試衣槽3 m ig將所選擇之試衣播31提供至該衣樯^頁 广抄J吏消費5可在該衣櫃網頁40編輯、檢視所選擇之試 衣檔31 ’以提供消費者做為線上購物之參考，或當 1 ❹=33 _,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, The shaft server 10 uses the digital image processing technique to remove the background image of the digital product that is not belonging to the item to be sold, and retains the image information of the product to be sold, and then sells the information to be sold. The image information of the product is converted into a fitting file 31 of a webpage identifiable fitting pattern image format, as shown in FIG. 4B, and the fitting file 31 is stored in the database 20, and the product webpage is The fitting file 31 is added to the shopping mall, and is directly provided to the shopping webpage 60 of the shopping server 5 for the consumer to make a selection. The seller can edit the relevant product information about the goods to be sold corresponding to the sample dressing 31 according to the fitting slot 31 added to the fitting slot, such as product introduction, material, price information. Etc., or directly add relevant product information for the joined fittings 31 in the shopping page 6〇. The consumer sentence is provided to the selected fitting file 31 through the order area 33 or the shopping page 60 of the product page 3 for the online shopping of the item to be sold 9 200935331. The consumer selects at least one fitting slot 3 m ig on the product webpage 30 to provide the selected fitting clothes 31 to the placket. The plaque can be edited and viewed on the wardrobe webpage 40. Dressing file 31 'to provide consumers with a reference for online shopping, or when 1 ❹
=物網頁60選擇至少一個試衣樓31時，則該蹲物= 即將所選擇之試衣播31傳送至關服n 1G，以 將所選擇之試衣播31提供至該衣4q，J 肩費者可在該衣櫃網頁40編輯、檢視所選擇之試 以提供消費者做為線上購物之參考。 w ’ 參考第五圖為本發明一實施例之衣櫃網頁4〇的纟士示 意圖，其中該衣櫃網頁40包含一衣櫃區41以及一=作= 42。該衣櫃區41係根據該伺服器1〇所提供之試衣檔3ι二 示對應該等試衣檔31之試衣圖樣411，而該工作區&除‘了 顯示消費者拖拉進入該區的試衣圖樣411之外，更進二步 提供一編輯工具421，用以提供相關影像編輯之工具，以呈 現所選擇試衣圖樣411搭配後的外觀效果。該工作區42係 以分層疊合顯示各試衣圖樣’其中該工作區為最底層，而 每一層僅設置一個試衣圖樣’且編輯工具421提供二換試 衣圖樣在各層的順序。 該衣櫃區41之試衣圖樣411所屬試衣檔31係連結所 對應原始商品所屬賣家的訂單資訊，致使消費者可藉:選 擇該試衣圖樣411，直接提出一下單要求，以進行所對應原 始商品的線上訂購。 、 參考第六圖為本發明一實施例之試衣圖樣411的編輯 200935331 流程圖。當消費者在商品網頁3〇選擇至少一個試衣檔31 之後，該伺服器10即可將消費者所選擇的試衣檔31提供 至該衣櫃網頁40’或產生該試衣檔31與消費者所屬衣櫃網 頁40之間的連結，並由該衣櫃網頁根據試衣檔31顯示 對應的試衣圖樣411於衣櫃區41。 肩費者並可於該衣榧區41中選擇所欲搭配之商品的試 ❹ ❿ 衣圖樣411，並將該等試衣圖樣"I拖拉至該工作區42， 該工作區42建立所選擇試衣圖樣4U的複本，致使消 作區42編輯該等試衣圖樣411的複本時，不會影 fit 衣櫃區41之原始試衣圖樣4U。且消費者在結束 :二兮-411的編輯之後，即可將所編輯的試衣圖樣411 庫2G以提供料者日後的檢視，且可進一步 試衣:播之二:單鍵產生關於該工作區42内各 所連結之訂單資訊，並透 〇 物網頁60進行所選摆蜻尹固# ,达尥商〇〇網頁30或購 訂購動作。 圖樣411所對應原始商品的線上 在該工作區42的編輯中，從 的該等試衣圖樣411的複杨各自^ ^ 41所拖拉過來 使各試衣圖樣411具有上下順序且可=的圖層上’致 圖樣411可遮蓋住部分較下順序的試衣ϋ較上順序的試衣 貼近於真實的模特兒之穿衣表現。矿圖樣411，以達到更 在工作區42中點選該試衣圖樣4 ，拖氧進行該試衣圖樣411編輯，如灸’即可透過滑鼠 處理包括了對該試衣圖樣411的— Α圖所示。編輯 第七B圖所示，或是拖$該試衣圖行旋轉的動作如 的一角落以進行 200935331 該試衣圖樣411的放大或 而讀工作區42的編輯工、的動作如第七C圖所示。 第八A圖所示，用以對位 、421進一步具有一筆刷鍵如 加筆刷；一橡皮擦鍵如第又=作區U内之試衣圖樣411增 區42内之試衣圖樣411 圖所示，用以去除位於工作 ❹ ❹ C圖所示，用以將位於工。知影像資料；一翻轉鍵如第八 轉；以及一組上下移 =42内之試衣圖樣411進行翻 工作區42内之試衣圖 1 篆鍵t第八D圖所示，用以調整位於 用-電腦程口:有:數位衣*的方法與系統，可利 令集用《產生顯示該衣榧網程式產品包含：-第-指 三指令集用以^至少區41中之試衣圖樣4H，一第 及一第四指令隼用二β衣圖樣411於該工作區42，以 工作區42内之試定編輯工具421的效果編修該 括為了達到其他有關本發電腦程式產品更可包 令集’以及用以儲存該電腦例之相關技術特徵的指 綜上所述，達到本發儲存媒體。 提供商品的試衣圖樣供消=之數位衣櫃方法與系統可 櫃與線上購物網：結人作土購物之參考。且將數位衣 搭配、編輯之後可二使消ff可在完成試衣圖樣的 線上購買動作。 仃所選擇試衣圖樣的原始商品之 人士可；楚的^發實施:]之後，熟悉該項技術 解在不脫離下述申請專利範圍與精神下 200935331 進行各種變化與改變，且本發明亦不受限於說明書中所舉 實施例的實施方式。If the object web page 60 selects at least one of the fittings 31, then the stolen goods = the selected trial dressing 31 is transferred to the closing service n 1G to provide the selected fittings 31 to the garment 4q, J shoulder The fee can be edited and viewed on the wardrobe page 40 to provide consumers with a reference for online shopping. Reference is made to the fifth figure, which is a gentleman's webpage of a wardrobe webpage 4, in which the wardrobe webpage 40 includes a wardrobe area 41 and a ===42. The wardrobe area 41 indicates the fitting pattern 411 corresponding to the fitting file 31 according to the fitting file 3 ι provided by the server 1 ,, and the working area & in addition to displaying the consumer dragging into the area In addition to the fitting pattern 411, an editing tool 421 is further provided to provide a related image editing tool to present the appearance of the selected fitting pattern 411. The work area 42 is a stacking display of the respective fitting patterns 'where the working area is the lowest layer, and each layer is provided with only one fitting pattern' and the editing tool 421 provides the order of the two changing patterns in the layers. The fitting clothes pattern 411 of the wardrobe area 41 is linked to the order information of the seller corresponding to the original product, so that the consumer can: select the fitting pattern 411, and directly submit the order request to carry out the corresponding original Online ordering of goods. Reference is made to the sixth figure for the editing of the fitting pattern 411 according to an embodiment of the present invention. After the consumer selects at least one fitting file 31 on the product webpage 3, the server 10 can provide the fitting file 31 selected by the consumer to the wardrobe webpage 40' or generate the fitting file 31 and the consumer. The connection between the wardrobe webpage 40 and the wardrobe webpage displays the corresponding fitting pattern 411 in the wardrobe area 41 according to the fitting file 31. The shoulder-strapper can select the test pattern 411 of the desired item in the cloak area 41, and drag the sample pattern "I to the work area 42, which establishes the selected work area 42 The copy of the fitting pattern 4U causes the elimination area 42 to edit the copy of the fitting pattern 411 without affecting the original fitting pattern 4U of the fit wardrobe area 41. And after the consumer finishes: the editing of the second-411, the edited fitting pattern 411 library 2G can be used to provide the viewer's future inspection, and can be further tested: broadcast two: single key to generate about the work The order information of each link in the area 42 is displayed on the shop page 60 through the shop page 60. In the editing of the work area 42 in the editing of the work area 42 of the drawing 411, each of the copying patterns 411 of the fitting pattern 411 is dragged to make the fitting patterns 411 have the upper and lower order and can be on the layer. The pattern 411 can cover part of the lower order of the fittings. The upper order of the fittings is close to the actual model's dressing performance. The mine pattern 411 is selected to select the fitting pattern 4 in the working area 42, and the fitting pattern 411 is edited by dragging the oxygen, such as moxibustion, which can be processed by the mouse, including the fitting pattern 411. The figure shows. Editing the image shown in Figure 7B, or dragging a corner of the action of the fitting line to perform the 200935331 enlargement of the fitting pattern 411 or the editing of the working area 42, such as the seventh C The figure shows. As shown in FIG. 8A, the alignment, 421 further has a brush key such as a brush; an eraser key, such as the first dressing area, the fitting pattern 411 in the area U, the fitting pattern 411 in the area 42 Shown to remove the work located in the work ❹ ❹ C, used to be located. Knowing the image data; a flip key such as the eighth turn; and a set of up and down shifts = 42 within the fitting pattern 411 to perform the fitting in the working area 42. Figure 1 篆 key t shown in the eighth D figure, used to adjust the location Use - computer program port: there are: digital clothing * method and system, can be used to produce the display of the clothing network product contains: - the first - finger three instruction set for ^ at least 41 in the fitting pattern 4H, a first and a fourth command, using the second beta pattern 411 in the work area 42, and editing the effect of the trial editing tool 421 in the work area 42 to achieve other related products of the computer program. The set of storages and the inventories used to store the relevant technical features of the computer example are implemented in the storage medium of the present invention. Provide the fitting pattern of the product for consumption = digital wardrobe method and system can be used to compare the online shopping network: the reference for people to make soil shopping. And after the digital clothes are matched and edited, the action can be purchased on the line where the fitting pattern is completed.人士People who have chosen the original product of the fitting pattern; Chu's implementation:: After familiarizing with the technical solution, various changes and changes are made without departing from the scope and spirit of the following patent application 200935331, and the present invention does not It is limited to the embodiments of the embodiments set forth in the specification.
13 200935331 【圖式簡單說明】 第一圖為本發明一實施例之系統架構圖； 第二圖為本發明一實施例之商品網頁的結構示意圖； 第三圖為本發明一實施例之試衣檔的製作流程圖； 第四A圖為本發明一實施例之數位照片示意圖； 第四B圖為本發明一實施例之試衣檔示意圖； 第五圖為本發明一實施例之衣櫃網頁的結構示意圖； φ 第六圖為本發明一實施例之試衣圖樣的編輯流程圖； 第七A圖〜第七C圖為本發明一實施例中用以操作試衣 圖樣的不意圖，以及 第八A圖〜第八D圖為本發明二實施例中用以編輯試衣 圖樣的示意圖。 主要元件符號對照說明： 10…伺服器 20…資料庫 ❿ 30—商品網頁 31—試衣樓 32…資訊區 33— 訂講區 34- --轉檔區 40…衣櫃網頁 41 —衣樞區 411—試衣圖樣 42—作區 14 200935331 421…編輯工具 50…購物伺服器 60—講物網頁13 200935331 [Simplified description of the drawings] The first figure is a system architecture diagram of an embodiment of the present invention; the second diagram is a schematic structural diagram of a product webpage according to an embodiment of the present invention; FIG. 4 is a schematic diagram of a digital photo according to an embodiment of the present invention; FIG. 4B is a schematic diagram of a fitting file according to an embodiment of the present invention; FIG. 6 is a flowchart of editing a fitting pattern according to an embodiment of the present invention; and FIGS. 7A to 7C are schematic views showing the operation of the fitting pattern according to an embodiment of the present invention, and 8A to 8D are schematic views for editing a fitting pattern in the second embodiment of the present invention. Main component symbol comparison description: 10...server 20...database ❿ 30—commodity page 31—refining room 32...information area 33—scheduled area 34--transfer area 40...closet page 41-clothing area 411 - fitting pattern 42 - area 14 200935331 421... editing tool 50... shopping server 60 - lecture page