臺灣博碩士論文加值系統

在現代人忙碌的生活步調中，網路購物成為一種普及之現象，以強調個人化、客製化的商品而言，測試商品是否適合自身使用，是一個考量的關鍵，但消費者從網路上的圖片中，往往只能得到有限的資訊，且無法與商品作互動，雖然在購物成交後，有所謂的鑑賞期，可作進一步的商品評估，但如果遇到不適合的情況，也需進行退換貨之手續，此間會增加消費者的時間和精力負擔，對銷售通路也會增加其處理的成本，如運費及包裝等等問題。本研究試圖運用互動網頁介面，實作即時臉部追蹤技術，並以個人化面膜之選購為例，提出一創新性之虛擬面膜試戴設計，輔助使用者作個人化的面膜商品互動瀏覽及測試。研究中採取以膚色偵測為基之臉部追蹤手法，以Adobe Flash 平台作為運行環境，開發一追蹤使用者臉部之Actionscript互動網頁程式，並以完整購物網站設計為例，提供實際應用之情境，研究成果可運用在其他與臉部相關之商品選購瀏覽，如眼鏡、髮型等，幫助消費者更便利的從事網路購買活動。

Shopping on the internet has become a ubiquitous phenomenon in this digital era. More and more products, including those considered to be relatively more personalized, can be purchased on the internet. In the case of these products promoting personalized or customizable features, to be able to try them out is a key requirement for the users. However, the consumers are often offered limited information about the products with static pictures or other non-interactive materials. The buyers are by all means allowed to have a further check of the purchased products in the so-called “evaluation period”. If the products are not satisfactory, the buyers then need to go through the returning or exchanging process, which is time-consuming and results in the transporting and packaging costs to the sellers, sometimes the buyers themselves. This study attempts to integrate interactive technologies to the online shopping process for personalized products. Using customized cosmetic facial masks as the target product, we develop a interactive face tracking application to facilitate the users. We implement a skin hue-based face detection method using Adobe’s Actionscript language. The application thus runs natively in Flash runtime environment, which is cross-platform and Web-based. An example website selling female cosmetic products is designed to demonstrate the use of the application. The result from this study can be further applied to other face-related products such as glasses frames or hair styles.

第一章 緒論 1
第一節 研究背景 1
第二節 研究動機 1
第三節 研究目的 4
第四節 研究問題 4

第二章 文獻探討 5
第一節 互動設計 5
第二節 網頁設計 13
第三節 ActionScript語言 17
第四節 人臉偵測 21

第三章 研究方法與架構 26
第一節 研究方法 26
第二節 研究流程 27
第三節 研究範圍及限制 28
第四節 研究工具 29
第五節 方法探討與驗證 30

第四章 研究結果 47
第五章 結論與未來發展 40
第一節 結論 40
第二節 未來發展與貢獻 41

參考文獻 65

附錄 68
附錄 ActionScript 3.0程式撰寫 68

一、 中文部分
Adobe Creative Team (2009)。跟Adobe徹底研究ActionScript 3.0。台北：上奇。
呂曉鵬(2008)。精通Flex-基於ActionScript實現。台北：文魁。
吳仁和(2010)。物件導向系統分析與設計－結合MDA與UML。台北：智勝文化。
陳建雄譯(2009)。互動設計 跨越人-電腦互動。台北：全華。
廖仁國(2009)。系統分析與設計。台北：文魁。

二、 英文部分
Grose, E., Forsythe, C., & Ratner, J.(1995). Using web and traditional style guides to design web interfaces, Human Factors and Web Development, pp.121-131.
H. A. Rowley, S.Baluja, & T.Kanade. (1995).Human face detection in visual scenes.Tech. Rep. CMU-CS-95-158R, Carnegie Mellon University,
Kim, S . (1990) . Interdisciplinary cooperation. In The Art of Human-Computer Interface Design. B. Laurel (ed.) Reading,MA: Addison-Wesley.
Kristof, R. & Satran, A. (1995). Interactivity by design: Creating and communicating with new media. Mountain View, CA: Adobe Press.
Nielsen, J.(2000). Designing Web Usability: The Practise of Simplicity, Indianapolis:New Riders.
Norman, D. A. (1999). Affordances, conventions and design. ACM Interactions Magazine, May/June 1999, pp.38-42.
Pentland & M. Turk. (1991). Eigenfaces for recognition. Journal of Cognitive Neuro-science, vol.3, no1,pp.71-86.
Powell, T., Jones, D., & Cutts,D.(1998).Web Site Engineering, NJ: Prentice Hall PTR.
Preece, J. Rogers, Y., & Sharp, H. (1994). Interaction Design: Beyond Human-Computer Interaction, Hoboken, NJ: John Wiley & Sons.
Rein-Lien Hsu, (2002) Mohamed Abdel-Mottaleb, Anil k. Jain,Face Detection in Color Images, IEEE Trans VOL.24. NO.5. MAY 2002
Veen, J.(1997).Hot Wired Style: Principle for Building Smart Web Sites. Wired Book Inc, San Francisco, California.
Winograd, T., & Wilson, C. (1997). The usability engineering framework for product design and evaluation. In M. G. Helander, T. K. Landauer, and P. V. Prabju (eds.) Handbook of Human-Computer Interaction.Amsterdam, Holland: Elsevier, pp.653-688.

三、論文資料
李俊宏、李賢輝(1996)，網頁設計原則的研究。國立雲林科技大學工業設計研究所論文，雲林縣。
蕭銘宏、李傳房(1997)，全球資訊網操作介面之研究。國立雲林科技大學工業設計研究所，雲林縣。

四、網路資料
Adobe中文官方網站(2011.3.6)。取自：
http://help.adobe.com/zh_TW/Flash/10.0_Welcome/
Canon(2011.3.7)。取自：
http://www.rainbowphoto.com.tw/function/facedetec.htm
Face Detection on the OLPC XO .(2008 March 20) from the World Wide Web:
http://eclecti.cc/olpc/face-detection-on-the-olpc-xo
My Virtual Mode(2011.6.6)。取自：
http://www.mvm.com/cs/shopForLooks/Default.aspx?endpoint=personalize&track=29
Nielsen, J. (2001). Ten Usability Heuristics.2011,from the World Wide Web:
http://www.useit.com/papers/heuristic
上海新建威整形機構(2011)。取自：
http://www.jw-sh.com/index/3-3-3.html
耐吉Nike(2011.3.8)。取自：
http://www.nike.com/nikeos/p/nike/zh_TW/?ref=
雅虎奇摩(2011.3.8)。取自：
http://tw.yahoo.com/