行動裝置潮流服裝搭配管理衣 COOl

行動裝置潮流服裝搭配管理衣 COOl 指導老師葉乙璇老師學生林哲緯連永煜蔡承林謝忠憲 *在此只做學術報告使用，不做商業用途*

目錄 • 前言 • 研究探討 • 目的 • 開發環境 • 系統架構 • 系統介面與功能 • 參考資料

前言 • 背景科技越來越發達，人人一臺智慧型行動裝置已是非常普遍的事情，利用手持裝置的方便性，我們把日常生活的問題與科技做結合。動機正所謂古人云：『人要衣裝，佛要金裝』，好的衣服會再印象上加很多分，如何變潮男潮女就要看你服裝如何做搭配。目的 1.可以隨時隨地的模擬搭配衣服 2.利用APP記錄各項自己的服裝資訊 3.為你喜愛的衣服加入追蹤清單

服裝的重要性!? • 1. 讓自己舒適 • 2. 讓別人看的舒適 • 3. 吸引異性 • 4. 展現個人特質 • 5. 在職場上給人的感覺

服裝與APP

現有的關於服裝的APP

可以看出..... • 1.需求:許多相關的應用程式和許多使用者 • 2.平台:iOS-近半數都是在蘋果智慧型手機使用 • 3.性質的多樣性:整理衣櫥、洗衣方式、衣褲搭配......

服裝色彩學_文獻探討 • 1.黑色->神秘、高貴 • 2.藍色->喜歡寧靜、善控制情感 • 3.白色->追求完美卻實際 • 4.黃色->具創意、好奇心、外向 • 5.綠色->謙虛平實，和善 http://www.360doc.com/content/10/1001/15/0_57758645.shtml

目的案例 • 案例A:在網路上逛商店時，看到喜歡的衣服，在電腦上就是加到我的最愛，而在手機上，加一堆我的書籤卻有點煩，希望有個幫忙追蹤的東西。 • 案例B: 出門前總是會想今天要穿什麼，但衣服太多，不知該如何搭配，或是搭配起來不好看，但沒有那麼多時間讓你一件件試，不然一定會遲到。 • 這時會很希望會有一套APP能幫忙做衣服的追蹤清單和試衣間的功能。

FluidUI Illustrator Photoshop 介面開發環境 JAVA Eclipse SQLite 開發語言 Android 平台

系統架構

系統架構 衣Cool 追蹤清單衣褲櫃衣褲搭配瀏覽店家智慧搭配展示窗手搖換衣線上瀏覽線上瀏覽

衣Cool • 衣Cool首頁設計風格: 以使用者容易上手為主，按鈕位置明顯且以圖示的方式做為呈現，整體畫面及logo希望簡單卻又不失年輕化為導向。功能: 透過主頁連結到各介面追蹤清單、衣褲櫃、衣褲搭配、瀏覽店家

衣褲櫃 • 展示窗頁面介紹: 以 GridView為主去作呈現，用表格的方式讓使用者ㄧ眼看出衣褲櫃上有哪些服裝。功能: 以下拉式選單的方式呈現，讓使用者能清楚看到所有分類，進而快速選擇到自己想要的資料。(a)增加:讓使用者增加自己有興趣的服裝(b)分類:讓使用者可以依類別來觀看服裝

增加衣褲 • 增加衣褲頁面介紹: 點選衣褲櫃裡的增加，到此頁面增加有興趣的衣褲。功能: 提供圖片、名稱、顏色、類型，讓使用者對自己想增加服飾資料做分類，透過系統把上述資料放到資料庫裡，去做其他應用。

衣褲搭配 • 衣褲搭配頁面介紹: 此頁面提供試衣間，下面的圖示會去抓取使用者加入到展示窗的衣服圖示，讓使用者可以自由搭配自己想穿的衣服。功能:透過點選下面的衣服圖示，上面會有比較大的圖片，讓使用者模擬穿著上的搭配，藉此減少在服裝上搭配所需花費的時間。

線上店家 • 線上店家頁面介紹: 以條列方式呈現應用程式所提供的建議店家，使用者可以透過底下的建議功能，讓我們藉此得知使用者有興趣的店家，並做改善。功能: 提供建議清單，讓使用者有更多選擇衣服的店家，並即時掌握該店家的相關資訊，如沒使用者想觀看的清單，可透過建議功能讓我們得知並改善。

線上店家_瀏覽、分類 • 線上店家_瀏覽、分類頁面介紹: 透過應用程式提供的推薦店家，點入清單去瀏覽網路店家的服裝資訊功能: 除了瀏覽衣服的相關資訊外，也提供分類功能，讓使用者能把自己喜歡的衣服加入追蹤清單內，也可透過清單選項，直接查看追蹤清單頁面

線上店家_服裝加入追蹤清單 • 線上店家_服裝加入追蹤清單頁面介紹: 把網頁上所選的服裝加入追蹤清單功能: 點選加入後，可直接抓取商品名稱，並且可以選擇短袖、長袖、短褲等，作為服裝分類。

線上瀏覽資料 • 線上瀏覽資料頁面介紹: 透過展示窗(未購買)點入細項去抓取網路店家的資訊呈現給使用者看。功能除了瀏覽衣服的相關資訊外，也提供取消功能，讓使用者能取消自己之前所加入的衣服，也可透過追蹤清單選項，直接回到追蹤清單頁面。

追蹤清單 • 追蹤清單頁面介紹: 以分類為主去作呈現，用列類別的方式讓使用者ㄧ眼看出追蹤清單上有哪些細項，方便操作。功能透過各種分類讓使用者容易觀看自己有興趣但尚未購買的衣服，點GO就會連到當時加的衣服。

參考資料 • 相關應用程式 • 我的衣櫥 https://itunes.apple.com/cn/app/wo-de-yi-chu/id492915339?mt=8 • Stylebook http://www.appshot.net/op/i_comments?id=335709058 • Clothing Organized http://www.newmobilelife.com/2013/05/30/iphone-ipad-free-appscloset-clothing-organized/ • LabelRemover Lite http://funiphone.pixnet.net/blog/post/34505097-%E3%80%90%E5%AF%A6%E7%94%A8%E5%B7%A5%E5%85%B7%E3%80%91%E8%BC%95%E9%AC%86%E7%AE%A1%E7%90%86%E4%BD%A0%E6%89%80%E6%9C%89%E8%A1%A3%E6%9C%8D%E7%9A%84%E6%B4%97%E8%A1%A3%E6%96%B9%E5%BC%8F • Stylish Girl 行動衣櫃 http://www.wretch.cc/blog/shania2/3051991 • 明星衣橱 http://3.zol.com.cn/376/3764644.html

參考資料 • 相關文獻 • http://anntw.com/awakening/news_center/show.php?itemid=32260 • http://hk.prnasia.com/story/78528-2.shtml • 穿衣搭配技巧 • http://www.360doc.com/content/12/0319/11/0_195589380.shtml • 顏色搭配 • http://www.360doc.com/content/10/1106/20/3523997_67187464.shtml • http://big5.ifeng.com/gate/big5/fashion.ifeng.com/health/psychology/analysis/detail_2012_01/16/12002783_0.shtml • http://www.360doc.com/content/10/1001/15/0_57758645.shtml

行動裝置潮流服裝搭配管理衣 COOl