以影像視覺虛擬實境應用於糕餅電子型錄之網頁設計
91
0
0
全文
(2) 以影像視覺虛擬實境應用於糕餅電子型錄之網頁設計 The Web Design of Bakery Electronic Catalogs by using Virtual Reality. 研究生：洪文琛. Student：Wen-Chen Hung. 指導教授：蔡銘箴 博士. Advisor：Dr. Min-Jen Tsai. 國立交通大學 資訊管理研究所 碩士專班論文. A Thesis Submitted to Institute of Information Management College of Management National Chiao Tung University in Partial Fulfillment of the Requirements for the Degree of Master of Business Administration in Information Management June 2004 Hsinchu, Taiwan, the Republic of China. 中華民國九十三年六月.
(3) 以影像視覺虛擬實境應用於糕餅電子型錄之網頁設計. 研究生：洪文琛. 指導教授：蔡銘箴 博士. 國立交通大學資訊管理研究所. 中文摘要. 隨著企業競爭日益激烈，中小企業面臨的不僅是企業之間的競爭，也面臨通路商崛 起而將市場寡占。中小企業面對如此激烈的競爭環境下，如何尋求企業的永續經營將是 企業主最大的課題。隨著網際網路的發展為產業帶來嶄新的動力，不僅是升級與進步的 過程，更是一場新的商業革命。電子商務的興起，對中小企業不僅燃起一線希望，更是 企業 e 化的動力。本研究的目的便是要探討網路多媒體運用技術，以不同的技術與展現 的手法來展現電子型錄，並且結合資料庫系統提昇網站運作的效能。此外網站引進具有 多媒體的線上型錄以更真實的方式吸引消費者的目光。這一個多媒體電子商務系統，是 以實體結合虛擬的方式來進行網路的行銷活動，進而替中小企業開闢一個新的通路市 場。. 關鍵字：電子商務、電子型錄、虛擬實境、網頁設計. -I-.
(4) The Web Design of Bakery Electronic Catalogs by using Virtual Reality Student：Wen-Chen Hung. Advisor：Min-Jen Tsai. Institute of Information Management National Chiao-Tung University. ASTRACT With the soaring industrial competition, small/medium enterprises face not only the competition between rivals but the monopoly of the rising channel agents. Under such keenly competitive circumstances, it is a prior issue for the entrepreneurs to pursue the everlasting operation of their enterprises.. Providing industries with incentive momentum, the. development of the World Wide Web implies upgrade, progress, and definitely a new era of commercial revolution. The rise of E-commerce has sparked off prospects for the small/medium enterprises; it is also the driving force of the recently prosperous E-enterprises.. The specific aim of this thesis is to study the application of web multimedia technology, displaying electronic catalogues through various methods and techniques, as well as boosting up the efficiency of the website by connection to a database management system. Besides, the website uses multimedia online catalogues to attract the customers in a more realistic way. This multimedia E-commerce system, which launches web-marketing actions by presenting physical items into virtual reality, can establish a new channel market for the small/medium enterprises.. - II -.
(5) Keyword：eCommerce、Electronic Catalogs、VRML、Web Design. - III -.
(6) 致謝 在求學的過程中，有幸得到眾多師長、朋友的幫助下，順利完成學業。雖然，求學 過程有些艱辛，但是「不經一番寒徹骨，焉得梅花撲鼻香」。感謝恩師 蔡銘箴教授平 日細心指導，讓我在交大求學期間，有幸習得多媒體的各項技術，並讓我個人在技術上 獲得重大的突破。 在口試期間，感謝陳安斌所長、張智星教授與李秀珠教授在百忙之中撥冗給予學生 論文指導與校正，使本論文得以更加完備，再此致上最深的敬意。 此外，本論文試驗與資料處理上，多賴商務多媒體研究室立信、曉盈、博宇、承龍、 冠輝、瓊茹的幫忙指導。授業期間感謝諸多學長姐、同學、學弟妹在課業與生活上的提 攜與協助，在此一併感謝。 最後，學業的完成還有賴家人與親友們的支持與鼓勵，因為有您們，成就的今日的 我。願將此論文獻給我的母親、以及關心我的好友們，並一同分享這份喜悅。. - IV -.
(7) 目. 錄. 中文提要 --------------------------------------------------------------------------------------- I 英文提要 -------------------------------------------------------------------------------------- II 誌謝 ------------------------------------------------------------------------------------------- IV 目錄 -------------------------------------------------------------------------------------------- V 表目錄 -------------------------------------------------------------------------------------- VIII 圖目錄 ---------------------------------------------------------------------------------------- IX 一、緒論 ---------------------------------------------------------------------------------------1 1‧1. 研究背景 ------------------------------------------------------------------------1. 1‧1‧1 電子商務隨著網際網路而崛起----------------------------------------------1 1‧1‧2 基礎建設陸續完成-------------------------------------------------------------1 1‧1‧3 企業競爭隨著網際網路發展而加劇----------------------------------------2 1‧1‧4 上網人數持續增加，寬頻上網漸漸形成趨勢----------------------------2 1‧1‧5 網路交易的需求----------------------------------------------------------------3 1‧1‧6 多媒體技術的成熟-------------------------------------------------------------7 1‧2. 研究目的 ------------------------------------------------------------------------7. 二、文獻探討 ---------------------------------------------------------------------------------9 2‧1. 網路多媒體技術----------------------------------------------------------------9. 2‧1‧1 JPEG圖片影像 ----------------------------------------------------------------9 2‧1‧2 GIF影像 ------------------------------------------------------------------------9 2‧1‧3. 串流媒體 --------------------------------------------------------------------- 10. 2‧1‧4. 豐富媒體（Rich Media） ------------------------------------------------- 12. -V-.
(8) 2‧1‧5. 虛擬實境 --------------------------------------------------------------------- 12. 2‧2. Web資料庫技術 ------------------------------------------------------------ 15. 2‧2‧1 CGI（Common Gateway Interface） ------------------------------------ 15 2‧2‧2 ASP（Active Server Page） ---------------------------------------------- 16 2‧2‧3. PHP --------------------------------------------------------------------------- 16. 2‧2‧4 JSP（Java Server Page） -------------------------------------------------- 17 2‧3. 電子商務與網路行銷----------------------------------------------------- 18. 2‧3‧1 網路行銷 ------------------------------------------------------------------- 18 2．3．2 消費者行為----------------------------------------------------------------- 20 2．3．3 廠商成本結構-------------------------------------------------------------- 22 三、. 糕餅店電子商務網站建置情況----------------------------------------- 26. 3‧1. 調查範圍界定-------------------------------------------------------------- 26. 3‧2. 國內糕餅店網站設置調查----------------------------------------------- 26. 3‧3. 網站功能比較-------------------------------------------------------------- 42. 四、. 多媒體電子型錄實作研究----------------------------------------------- 44. 4‧1. 多媒體電子商務的類型-------------------------------------------------- 44. 4‧2. 商品展示之技術探討----------------------------------------------------- 47. 4．3. 成果圖檔效果比較分析-------------------------------------------------- 60. 五、. 電子商務系統實作-------------------------------------------------------- 64. 5‧1. 網站規劃 ------------------------------------------------------------------- 64. 5‧2. 系統架構 ------------------------------------------------------------------- 64. - VI -.
(9) 5‧3. 商品多媒體展示規劃----------------------------------------------------- 65. 5‧4. 物流系統 ------------------------------------------------------------------- 69. 5‧5. 金流系統 ------------------------------------------------------------------ 70. 六、 參考文獻. 結論與未來展望----------------------------------------------------------- 74 ------------------------------------------------------------------------------- 75. - VII -.
(10) 表目錄 表1-1 美國零售業電子商務交易成長情形 ----------------------------------------------4 表2-1 兩種虛擬實境系統優缺點比較 -------------------------------------------------- 15 表2-2 各種技術比較 ----------------------------------------------------------------------- 18 表2-3 行銷各階段及趨勢 ----------------------------------------------------------------- 19 表2-4 價格與產品對照一覽表 ----------------------------------------------------------- 21 表3-1 各家知名餅店網站功能調查比較表 -------------------------------------------- 46 表4-1 檔案大小比較分析 ----------------------------------------------------------------- 60 表4-2 檔案大小比較分析 ----------------------------------------------------------------- 60 表4-3 執行效能比較分析 ----------------------------------------------------------------- 61. - VIII -.
(11) 圖目錄 圖1-1 2001年沒有網路消費的主因 --------------------------------------------------------5 圖1-2 2003年沒有網路消費的主因 --------------------------------------------------------6 圖1-3 2003年未來半年是否考慮透過網路消費 -----------------------------------------6 圖2-1 寬頻網路串流媒體技術 ----------------------------------------------------------- 12 圖2-2 國立歷史博物館3D文物展示 ---------------------------------------------------- 13 圖2-3 故宮虛擬藝境-宮殿虛擬 ---------------------------------------------------------- 14 圖2-4 透過ASP連結資料庫--------------------------------------------------------------- 16 圖2-5 請求JSP網頁的過程---------------------------------------------------------------- 17 圖2-6 網路產品價格與產品特性互動影響的關係 ----------------------------------- 21 圖2-7 消費者商業模式活動 -------------------------------------------------------------- 22 圖2-8 傳統銷售方式付費圖 -------------------------------------------------------------- 23 圖2-9 網路互動性讓傳統行銷動起來 -------------------------------------------------- 25 圖3-1 玉珍齋首頁 -------------------------------------------------------------------------- 27 圖3-2 玉珍齋商品導覽頁 ----------------------------------------------------------------- 27 圖3-3 玉珍齋食品首頁 -------------------------------------------------------------------- 28 圖3-4 玉珍齋食品商品導覽頁 ----------------------------------------------------------- 29 圖3-5 先麥食品網站首頁 ----------------------------------------------------------------- 30 圖3-6 先麥食品網站商品導覽列 -------------------------------------------------------- 31 圖3-7 裕珍馨網站首頁 -------------------------------------------------------------------- 32 圖3-8 裕珍馨網站商品導覽 -------------------------------------------------------------- 32 圖3-9 犁記餅店網站首頁 ----------------------------------------------------------------- 34. - IX -.
(12) 圖3-10 犁記餅店商品導覽---------------------------------------------------------------- 34 圖3-11 雪花齋餅店網站首頁------------------------------------------------------------- 36 圖3-12 雪花齋餅店網站商品導覽------------------------------------------------------- 36 圖3-13 老雪花齋網站首頁---------------------------------------------------------------- 38 圖3-14 老雪花齋網站商品導覽---------------------------------------------------------- 38 圖3-15 阿明師太陽堂老店網站首頁---------------------------------------------------- 40 圖3-16 阿明師太陽堂老店網站商品導覽---------------------------------------------- 40 圖3-17 李鵠餅店網站 --------------------------------------------------------------------- 41 圖3-18 香港奇華餅家網站---------------------------------------------------------------- 43 圖3-19 香港奇華餅家網站商品導覽---------------------------------------------------- 43 圖3-20 香港榮華餅家網站---------------------------------------------------------------- 45 圖3-21 香港榮華餅家網站商品導覽---------------------------------------------------- 45 圖4-1 HotMedia 軟體操作介面 ---------------------------------------------------------- 50 圖4-2 柯達飯店虛擬實境範例 ----------------------------------------------------------- 50 圖4-3 汽車VRML範例 -------------------------------------------------------------------- 51 圖4-4 自製旋轉盤 -------------------------------------------------------------------------- 52 圖4-5 數位相機COOLPIX5000 ---------------------------------------------------------- 52 圖4-6 HotMedia 操作畫面 ---------------------------------------------------------------- 55 圖4-7 Pixmaker 操作畫面1 --------------------------------------------------------------- 56 圖4-8 Pixmaker 操作畫面2 --------------------------------------------------------------- 56 圖4-9 VR Work 操作畫面1 --------------------------------------------------------------- 57. -X-.
(13) 圖4-10 VR Work 操作畫面2 -------------------------------------------------------------- 57 圖4-11 VR Work 操作畫面3 -------------------------------------------------------------- 58 圖4-12 Macromedia Flash 操作畫面1 --------------------------------------------------- 59 圖4-13 Macromedia Flash 操作畫面2 --------------------------------------------------- 59 圖4-14 VRML 畫面 ------------------------------------------------------------------------ 62 圖5-1. 網站架構圖 ------------------------------------------------------------------------ 64. 圖5-2. 網站首頁 --------------------------------------------------------------------------- 66. 圖5-3. 熱門推薦 --------------------------------------------------------------------------- 66. 圖5-4. 商品目錄 --------------------------------------------------------------------------- 67. 圖5-5. 商品內容選項 --------------------------------------------------------------------- 67. 圖5-6. 留言版 ------------------------------------------------------------------------------ 68. 圖5-7. 訂購方式 --------------------------------------------------------------------------- 68. 圖5-8. 本店位置 --------------------------------------------------------------------------- 69. 圖5-9. 統一宅急便所提供太陽堂餅店的資訊---------------------------------------- 70. 圖5-10 目前購物車資訊 ------------------------------------------------------------------ 71 圖5-11 填寫購物者的寄送資料---------------------------------------------------------- 71 圖5-12 確認訂單數量與金額------------------------------------------------------------- 72 圖5-13 交易成功訊息 --------------------------------------------------------------------- 73 圖5-14 交易成功信件 --------------------------------------------------------------------- 73. - XI -.
(14) 一、 緒論. 研究背景. 1‧1. 1‧1‧1. 電子商務隨著網際網路而崛起. 隨著企業競爭日益激烈，中小企業面臨的不僅是企業之間的競爭，也面臨通路商崛 起而將市場寡占。因此企業面對如此激烈的競爭環境下，如何尋求企業的永續經營將是 企業主最大的課題。由於網際網路快速崛起，雖然網路公司慘澹，但是全球電子商務市 場仍在持續成長。經濟部商業司於 11 月 10 日舉辦 92 年度「電子商務環境整備及企業 對個人電子商務推動計畫」成果發表會。根據該計畫調查結果分析，2003 年我國 B2C 電子商務市場規模達新台幣 220.9 億元，較去年 157.5 億成長近 40.3%，與 SARS 後之 市場預估相較表現亮眼。在電子商店經營方面，今年有 28.3%的電子商店獲利；市場規 模則以線上旅遊一枝獨秀，佔整體 B2C 市場 48.5%。由此數據可看出，我國的 B2C 電 子商務市場在近兩年來有相當顯著的成長（林世懿，2003），而這些指標性的數據，將 可做為企業經營電子商務或相關產業訂定策略時的參考。. 1‧1‧2. 基礎建設陸續完成. 隨著電子商務的基礎建設陸續完成，消費者對於電子商務的需求與日俱增。電子郵 件信箱（E-mail）、電子資料交換（Electronic Data Interchange；EDI）、電子資金交換 （Electronic Funds Transfer ） 、全球資訊網站（WWW） 、視訊會議（Video Conferencing） 、 電子論壇與佈告欄（Electronic Forums and Bulletin Boards）和分散式資料庫（Distributed Databases）等技術普遍應用在商業活動上，顯示電子商務的發展已漸趨成熟。這些新科 技對傳統的商業型態、交易流程及企業組織帶來了不少的衝擊與改變，亦開啟了新的商 機。這對中小企業來說，電子商務的推展有助於提昇企業的競爭力。每個企業都要建立 顧客管理與供應鏈管理。做生意的規則幾千年來不變，網際網路只是改變了成本與結構 方式（李仁芳，2000）。所以，具有多媒體的線上型錄不僅可以更真實的方式吸引消費 者的目光，這樣也有助於產品的行銷與推廣。這一個多媒體電子商務系統，是以實體結 合虛擬的方式來進行網路的行銷活動，進而替中小企業開闢一個新的通路市場。最後， 以一個中小企業運作的實際案例作為系統的評估。 -1-.
(15) 1‧1‧3. 企業競爭隨著網際網路發展而加劇. 隨著企業競爭日益激烈，中小企業面臨的不僅是企業之間的競爭，也面臨通路商崛 起而將市場寡占。因此企業面對如此激烈的競爭環境下，如何尋求企業的永續經營將是 企業主最大的課題。 在全球化的浪潮下，台灣也正式加入加入 WTO 的會員國。然而從「十元商品」 、每 種通通「五十元」開始，甚至連東榮電信（現在已經被和信電訊合併）推出的一元手機， 陸續還有「一元家電競標」 。雖然說「賠錢的生意沒人做」 ，但是各種層出不窮的價格破 壞，卻幾乎顛覆這項商業世界最古老的運行原則。 低價固然掀起熱賣風潮，業績在帳面上表現亮麗，但是實際背後的毛利卻是低的可 憐。從農業到服務業，企業獲利急遽壓縮成為普遍的現象。根據「天下雜誌」的一千大 企業調查發現，去年上榜企業平均獲利只有 1.3%，創下近十七年來的新低。對企業經 營來說在這微利時代要學習與低價微利和平共處，因為即使在微利時代同樣有獲利的企 業，只有企業學會與微利和平共處才有生存的機會。（天下雜誌 2002 五月號） 正因電子商務的普及與自動化觀念的大力推廣，帶給中小企業許多發展的機會。國 內的中小企業一向是以彈性、變形蟲的方式在國際競爭下獲得一片天地，因此在這全新 的商業環境下如何創造競爭力、拓展商機，以積極的角度面對不景氣與微利的時代將是 國內中小企業的生存法門（葉曉萍，民 89）。 虛擬空間基本上，扮演三個價值的提供角色：（1）創造新的價值（2）提升附加價 值（3）延伸既有價值，才不致於產生價值的迷思，導致網路嚴重泡沫化。 「創造新的價 值」是指表現出實體不能或不容易傳達的資訊，例如虛擬實境模擬與創造人類構思的境 界，透過資訊的應用，可對客戶量身設計等；「提升附加價值」是指增進原有實體商品 與服務的價值，例如將行銷與服務顧客的資訊透過網路的傳輸，增加商品的銷售與利 用；「延伸既有價值」是指將資訊工具已經建立之大量儲存與處理的資料，建置至數位 化的交易環境中。（劉尚志，2001）. 1‧1‧4. 上網人數持續增加，寬頻上網漸漸形成趨勢. 從資策會 FIND 網站所發布（2004/06/09）的消息指出，截至 2004 年 3 月底為止， 我國電話撥接用戶數為 362 萬戶，xDSL 用戶數為 270 萬戶，Cable Modem 用戶數為 38 萬戶，固接專線用戶數為 1.3 萬戶，ISDN 用戶數為 1.2 萬戶，學術網路(TANet)用戶數 為 367 萬人。將上述各個連線方式用戶數經過加權運算，並扣除低用度用戶、一人多帳 -2-.
(16) 號與多人一帳號等重複值後，估算 2004 年 3 月底止，我國經常上網人口達 888 萬人， 網際網路連網應用普及率為 39%。 此外，我國寬頻用戶數已達 308 萬戶，代表寬頻上 網漸漸形成趨勢，而我國的寬頻水準再向上提升，將帶動我國網路內容服務之應用與發 展。. 1‧1‧5. 網路交易的需求. NetValue 亞洲區行政總裁呂其福博士表示。「線上購物節省你許多逛街的時間，而 且你可以在家中舒舒服服的等貨品直接寄到你家。」從資策會 FIND 網站（2002/06/11） 公布美國商業部統計局的統計資料，報告（表 1-1）指出美國零售業的電子商務交易額 在 2002 年第一季約達 9 兆 8,490 億美元，與去年同期相較成長 19.3%；此數據雖然較去 年第四季的 11.2 兆美元低，但美國每年第四季有聖誕節等節日引發的購物熱潮，交易狀 況較其他季節活絡。而從交易占比來看，美國零售產業第一季的總營收約為 743.8 兆美 元，與去年同期相較成長 2.7%；依此估計美國該季透過電子商務進行的零售交易額佔 總體零售交易額比率約為 1.3%，與 2001 年第四季比率相同，但較 2001 年同期的 1.1% 小幅成長，而 1999 年第四季比率約為 0.7%。顯見透過電子商務進行的零售交易額雖然 佔總體零售交易額比例不高，但仍持續穩定成長中。（潘明君，2002）另外，根據經濟 部技術處委託資策會電子商務研究所 FIND 研究群進行「2003 年我國家庭資訊通信技術 應用概況」調查，以網際網路作為主軸，針對家庭上網進行調查發現曾在家上網購買過 商品或服務的比率達 22%，較 2002 年的 20%，增加 2 個百分比，我國家庭 B2C 電子商 務交易市場依舊呈現小幅度成長。上網購物的種類仍以「書籍或雜誌」為主，佔 6.7%， 如表 4；其次為「3C 資訊產品」 （4.3%）與「時尚精品與服飾」 （4.0%），加上「電腦軟 ，為我國線上購物主要的五大商品。 體與網路使用時數」 （3.0%）與「美容保養」 （2.7%） 被找過或看過比率越高的產品，被購買的比率亦越高，但是「旅遊休閒資訊」 、 「金融資 訊服務」與「電子報」，則是其中的例外，屬於「看的多，買的少」的產品。上網購物 的主要原因為「方便（72％）」 ，其次為「價格優惠（33％）」 ，而「新鮮、嘗試看看」也 佔了 11％。此外，這些有上網購物經驗的受訪者平均半年內在網路購物上花費的費用為 3,562 元。 而沒有在家上網購物經驗的受訪者，僅有 15％考慮未來半年內上網消費。而他們目 前不在家上網購物的主要原因除三成一的受訪者表示「不需要或沒興趣」 （31%）之外， 還包括「沒看到實體不放心」 （24％） 、 「擔心詐欺事件」 （16％） 、 「不習慣利用網路消費」 -3-.
(17) （15％） 、 「付款方式不安全」 （10％） 、 「擔心商品與廣告不符」 （10％）等等。因此，在 線上消費的部分，消費者最大顧慮依然是「商品品質」與「網路安全」的問題。（李雅 萍，2003） 零售業. 零售業電子商. 電子商務. 總交易額. 務交易額. 交易佔比. 1999 第四季. 784. 5.5. 0.7%. 2000 第一季. 711. 5.8. 0.8%. 2000 第二季. 771. 6.3. 0.8%. 2000 第三季. 765. 7.3. 0.9%. 2000 第四季. 810. 9.5. 1.2%. 2001 第一季. 724. 8.3. 1.1%. 2001 第二季. 805. 8.2. 1.0%. 2001 第三季. 782. 8.2. 1.1%. 2001 第四季. 856. 11.2. 1.3%. 2002 第一季. 744. 9.8. 1.3%. 表 1-1 美 國 零 售 業 電 子 商 務 交 易 成 長 情 形 (單 位 ： 十 億 美 元 ) 資料來源：美國商業部統計局 從我國電子商務消費行為研究發現，1999 年七月工商時報公佈調查指出消費者不願 意上網購物原因在網路購物安全性不足者占 33.2%、沒有購物的感覺 27.6%、商品品質 不確定 20.9%。2000 年 11 月蕃薯藤所做調查發現未使用網路購物原因主要是交易安全 考量 46.7%。從蕃薯藤在 2001 年對網友的調查發現有 38.4%的受訪者認為沒有網路交易 的最主要原因是交易安全性考量（見圖 1-1）。即使到了 2003 年沒有網路消費的最主要 原因還是交易安全考量（見圖 1-2） 。但是從另一個角度來看又可發現有將近 70%的網友 在未來半年內考慮網路消費，這也就是說消費者對於交易的安全性依舊保持存疑的態 度，但是消費的習慣卻慢慢在轉變中。從蕃薯藤的另一項調查發現，受訪者中有 69.8% 在未來半年考慮考慮透過網站消費的意願（見圖 1-3）。甘哈曼（Herman Kahn）在一九 八二年八月於美國新聞與世界報導（U.S. News & World Report）五十週年特刊中所發表 名為「購物可足不出門」的文章，已經預言未來的世界電子商務將可扮演多數交易的任 -4-.
(18) 務。 沒有網路消費的主因(單選) 同一項商品完整性不足 從來沒有上過網路購物的站台 商品多樣性低 沒有信用卡 一般店家購買較方便 商品品牌信用度不明 購物過程太複雜 產品資訊不足 價格不夠吸引人 其他 網路商店的信用度不明. 1.7% 1.9% 2.2% 2.7% 3.2% 3.6% 4.2% 6.0% 11.1% 12.4% 12.6% 38.4%. 交易安全性考量. 圖 1-1 2001 年 沒 有 網 路 消 費 的 主 因 （資料來源：蕃薯藤網站）. -5-.
(19) 沒有在網上購物的主要原因. 其他. 7% 8%. 較喜歡實體商店的交易方式 配送取貨不方便. 2%. 不能先鑑賞試用. 9%. 網路商店的信用度不明. 10%. 沒有信用卡. 3%. 商品資訊不足. 5%. 交易安全性考量 . 37%. 商品的品牌信用度不明. 5% 7%. 價格不夠吸引人 同一類完整性商品不足 1% 商品多樣性低 1% 購物過程太複雜. 6% 0%. 5%. 圖 1-2. 10%. 15%. 20%. 25%. 30%. 35%. 40%. 2003 年 沒 有 網 路 消 費 的 主 因. （資料來源：蕃薯藤網站） 未來半年是否考慮透過網路消費. 否 31.0% 是 69.0%. 圖 1-3 2003 年 未 來 半 年 是 否 考 慮 透 過 網 路 消 費 （資料來源：蕃薯藤網站） 所以，商店要設計得更吸引人，才能招徠顧客（甘哈曼，民 71）。所以，大部分網 -6-.
(20) 站行銷均脫離不了實體交易，顧客會利用休閒時刻購物，因此各商店將會把購物變成一 種娛樂的型態。尤其是 B2B 型的網站更需考慮行銷 4P 的所談的「Product, Price, Promotion, Place」 。網路所以迷人在於它不受地域與時間的限制，所以若將這 4P 分開考慮，除了沒 效率且不符合需求，更無法將實體與虛體作最好的結合。結果若不是偏重實體而虛體配 合不上，就是空有很好的虛體技術但實體卻無法作最有效的支援。所以電 子 商 務 網 站 建 置 應 分 成 下 列 四 個 階 段 。 第一階段將產品與售價放在網路上；第二階段著 眼於如何完成大量交易；第三階段將焦點轉回消費者身上提供一對一行銷平台以滿足每 位消費者的需求；最後階段則重在挽住顧客流失程度，並進一步減低廢棄率的發生。 （江 亙 松 ， 2000）. 1‧1‧6. 多媒體技術的成熟. 不過，就日本產經新聞社認為許多多媒體的先驅者，希望能夠建造出一艘宇宙船可 以自由地翱翔於充滿大量資訊的宇宙中，並且希望這艘宇宙船，不僅有視覺與聽覺，還 有觸覺及嗅覺，甚至還有味覺，這樣一來宇宙船就能夠繪畫、譜曲，甚至製造出迷人的 香味。要達成此一目標，除了靠先進的多媒體技術之外，現在的虛擬現實的技術、大容 量的通訊電纜、辨聲裝置，以及了解口語表達的人工智慧的技術也不可或缺。雖然目前 各種多媒體的技術陸續提出，然而許多技術會受制於硬體與網路頻寬而受到扭曲。（吳 明志，民國 84 年） 所以，從網路多媒體的角度來看，產品的展現方式可以透過圖片、影片介紹、動畫 介紹乃至於 3D 模型或是 360 度環場等虛體技術，但是需要以最有效率的虛體技術搭配 實體的產品作最好的整合。. 研究目的. 1‧2. 由於 Web 的產生原本只是為了文字、圖形傳輸和超連結等基本功能的使用，為了 新的需求及相容性問題，許多技術疊床架屋，造成目前 Web 應用程式發展的眾多瓶頸。 所以本研究的目的便是要探討電子商務網站的多媒體運用技術，以不同的技術與展現的 手法來展現電子型錄，並且配合資料庫系統提昇網站運作的效能。最後以一個國內傳統 糕餅店的實際案例，採用方便且完整的多媒體電子商務系統，運用虛擬實境的技術，進 行商品的展示。這是以實體結合虛擬的方式來進行網路的行銷活動，進而替中小企業開 闢一個新的通路市場。 -7-.
(21) 本研究主要之研究目的，是瞭解多媒體電子商務網站的建構技術，並且嘗試探討下 列問題： 1. 各種電子商務網站系統之技術？ 2. 現行糕餅店網站的建置情況？ 3. 網站多媒體內容資訊之產製？ 4. 網站之行銷管理？ 5. 糕餅店電子商務網站專案建置規劃與執行。. -8-.
(22) 二、 文獻探討. 網路多媒體技術. 2‧1. 網際網路所承載的媒體要素，包含了文字、圖案插畫、照片、圖表、視訊動畫、音 效等，而各有其特性。 （1）文字（text）：可表達抽象概念，但較為單調。 （2）圖案插畫（graphic & illustration）：用以解說，表示意向、暗示與聯想。 （3）照片（photograph）：可傳遞影像資訊，增加視覺效果與注意力。 （4）圖表（charts）：可組合主題與概念元素，使資料易於研讀。 （5）視訊動畫（video & animation）：具有高度真實感與描述性，同時具有高度娛 樂性。可傳達以時間為基礎的資訊，同時動態對視覺有吸引作用。動畫最大的價值在於 表現程序性的知識，對於解釋複雜的情況有良好的傳播效果。 （6） 音效(sound effect)：可藉由聲音的提示而強調重點，增加畫面的深度與豐富 性。（陳姿伶，1998） 網路多媒體技術可分成圖片影像、串流媒體（Streaming Media）、動畫、豐富媒體 （Rich Media）、虛擬實境這五種。 2‧1‧1 JPEG 圖片影像 傳統電子商務網站就是單純將產品拍成圖片，然後放置到網站上。然而，消費者往 往不能夠直接從眼睛觀看後，就可以判斷該產品是否值得購買。所以，往往需要利用一 些文字、聲音或是動畫來加強產品展示的效果。 目 前 網 路 上 常 見 的 圖 片 影 像 主 要 是 以 JPEG 格 式 的 檔 案 為 主 。 JPEG (Joint Photographic Experts Group) 是一種略失真壓縮 (Lossy Compress) 的圖形檔格式。何謂 Lossy Compress 呢？Lossy Compress 會失去某些不重要資料的資料壓縮 (compression) 技術，通常用在 圖形或影像壓縮，壓縮結果會造成肉眼幾乎感覺不到的失真。但由於 JPEG 係採用將同一幅圖壓縮多次的壓縮技術，一些比較大 的圖，失真會更加嚴重。不 過，JPEG 是由 Joint Photographic Experts Group 所開發的。JPEG 所利用的顏色深度 (color depth) 壓縮技術略比 GIF 的為好，而且又能夠保持高度的顏色傳真性，所以 JPEG 格式圖畫的檔案能夠保持細小，因此費時下載的速度亦減少。 2‧1‧2 GIF 影像 -9-.
(23) GIF (圖形交換格式) 格 式 是 由 CompuServe 所 開 發 ， 近 幾 年 已 經 成 為 世 界 性 共 同 使 用 的 標 準 。 GIF 以兩種方式來壓縮影像檔案： 首先，它使用一種叫做 Lempel-Ziv 的編碼方式， 將同一個行列間顏色相近的像素當成是一個單位。其次，它 限制檔案本身的索 引 色 (indexed color)。也就是說一個 GIF 檔必須不得超過 256 色，所以你必須減少影像所使用的顏色後方能使用。而這也就是為什麼 GIF 格式不適 合用在相片或高彩度影像的原因。所以 GIF 顏色雖少，但卻得以進行較大的壓縮： 128 色或低於 128 以內的顏色是以 7-bit data 為代表； 64 色以內的則是以 6-bit data 為代 表，以此類推，一直到到 1-bit 雙色的 GIF。這樣一來，GIF 變成了簡單線條圖形 (line art) 的最佳選擇， 這也是 GIF 的表示在其增加或移除顏色上各有其優缺點。另外，GIF 有 一 些 很 獨 特 的 特 色 。 一 個 GIF 檔 可 以 同 時 含 有 多 張 的 影 像 ， 並 且 分 配 給 每 一 張 影 像 一 段 時 間 來 製 作 成 動 畫。此 外 它 還 具 備 透 明 的 功 能： 只 要 指 定 色 盤 中 的 某 色 為 透 明 色 即 可 。 這 是 一 個 「 非 ... 則 ...」 的 絕 對 邏 輯 ； 若 有 像素的顏色很接近指定的顏色時，它將仍然會保留原本的顏色，並不會變 成半透明或部分透明的狀態。 GIF 之所以流行絕對不是受到 GIF 的色彩上限雖然只有 256 Colors 的影響，反而是 GIF 可以做到較大的壓縮，並且可以做成透明圖片，此外還可以做到動畫的功能，更重 要的是所有的瀏覽器一開始就對 GIF 支援。 2‧1‧3. 串流媒體. 串流媒體 (Streaming Media) 是針對在網路上收看影音的解決方案，其最大特色在 於它不需要將龐大的影音檔案完全下載，就可以做即時的觀賞。這對於即將到來的寬頻 時代來說，是一個相當有利的技術，透過寬頻網路讓使用者可以即時收看更為流暢與高 畫質的影音。所以，數位影像和聲音傳輸所涉及到的一個重要概念是所謂的〝串流〞概 念。而所謂串流媒體是指影像、聲音和資料從頭端同時向目的地傳輸，它可以作為連續 即時流向目的地被接收。所以串流式通道，其實就是在使用者端的電腦上創造一個緩衝 區，於播放前預先下載一段資料作為緩衝，於網路實際連線速度小於播放所耗用資料的 速度時，播放程式就會取用這一小段緩衝區內的資料，避免播放的中斷，也使得播放品 質得以維持。這裏的頭端指的是伺服器端的應用，而目的地或稱接收端是指用戶端應 用。串流媒體的一個重要特徵是對時間的敏感性，這正是即時性要求高的應用所必需 的，所以這類應用與串流媒體密不可分的。串流媒體的實現主要取決於網路頻寬和壓縮 演算法的提高。今天，隨著網路協定的改善、網路基礎設施和壓縮技術的發展，串流媒 - 10 -.
(24) 體的實現已經變得越來越容易了。 目前串流媒體的三大平台分別為 RealNetworks, Microsoft, Apple 這三種。Microsoft Windows Media 幾乎所有的管理工具都可至微軟官方網站免費下載，而它獨家的 “Intelligent Streaming＂技術，可以自動偵測用戶的連線頻寬並傳遞最適合的的串流視 訊檔案格式，目前微軟新的作業系統均內建了 Windows Media 的相關應用工具，較舊 的作業系統也可經由網路下載來取得更新。Real Networks 可說是網路多媒體傳播的開路 先鋒，他們早期的產品如 Real Audio 到目前的 Media Creation Pro Boundle，在網路影 音播放的整合技術方面已相當成熟，但 Real Networks 公司所出品的各項產品均是須要 使用者付費的。跨平台影音格式：Quick Time Movie 具有強大的功能，但美中不足之處 為 Server 端不支援 PC 平台的作業環境。. - 11 -.
(25) 圖 2-1 寬 頻 網 路 串 流 媒 體 技 術 資料來源：北成國際 2‧1‧4. 豐富媒體（Rich Media）. 由於串流媒體本身僅提供影音的播放，無法整合其他各式各樣的網路資源，於是豐 富媒體 (Rich Media) 應運而生。豐富媒體是指除了串流影音的即時播放之外，內容本 身還包括了網頁、圖檔、超連結等其他資源，與影音作同步的播出。如此一來，大大豐 富了媒體播放的內容與呈現效果，因此稱為豐富媒體 (Rich Media)。 2‧1‧5. 虛擬實境. 虛擬實境 (Virtual Reality，簡稱 VR ) 是利用電腦模擬的方式來產生的一個三度空 - 12 -.
(26) 間虛擬環境，並在場景中提供如真實世界般的視覺、聽覺甚至觸覺等感官的模擬，使得 人們可以恍如 "身歷其境" 般，於這虛擬環境中 "活動"，就好比是真實世界一樣。 依據虛擬實境系統的建構方式，而分為下列兩種： （1）物件式 VR (Geometry-based VR 或稱 Graphic-based VR) 利用 3D 模型以軟體建構出我們所需的虛擬場景。利用 3D 軟體的編輯與設計，給 予不同的物件不同的材質與燈光效果，甚至結合特定的裝置達到不同層次的互動效果， 如 VirTools 或是 EON。以國立歷史博物館的虛擬實境就是利用 VirTools 來完成的。. 圖 2-2 國 立 歷 史 博 物 館 3D 文 物 展 示 所以，關於網際網路在 3D 的呈現上以目前的技術大致上可以分由傳統 VR（Virtual Reality）所延伸出來的技術規範，意即所謂的 VRML。虛擬實境模組語言（Virtual Reality Modeling Language，簡稱 VRML）是一套與全球資訊網結合，用來描述 3D 互動世界的 一種程式語言。目的是為了彌補當今 WWW 只能處理文字、影像、聲訊、視訊等媒體， 卻無法應付三維的幾何塑形的遺憾而設計出來的一種描述語言。它是根據繪圖標準 Open Inventor 而訂製的，是屬於一種物件導向的場景描述語言（Object Oriented Scene Description Language） ，並增加網路的功能。所以 VRML 可應用於建立虛擬實境的物件、 影像、展示模型等，並且在三個 VRML 設計原則（與平台無關、有擴充性、可在一般 - 13 -.
(27) 頻寬的網路下傳送）下，可以透過瀏覽器，讓 WWW 的使用者就可以欣賞到由 VRML 所 建立的 3D 虛擬世界，而不再只是 2D 的平面影像。 （陳道欣與林建仁，2002） 目前最新 VRML 標準為 VRML97 的國際標準，而該標準是由 ISO、IEC 和 VRML Consortium 的 JTC 1（Joint Technical Committee 1）所發展，又名 VRML 2.0。 （2）影像式 VR (Image-based VR) 分為兩大部份，一個為虛擬環境的遊走，此稱為環場虛擬實境。另一則是從各種角 度觀看特定物件，此稱為環物虛擬實境。影像式 VR 利用拍攝不同角度的照片，然後利 用影像處理方式，如縫合、扭曲等技術，使觀看照片如同在觀看該場景或是該物體本身。 （王泓斌，民 91）. 圖 2-3 故 宮 虛 擬 藝 境 -宮 殿 虛 擬. - 14 -.
(28) 物件式. 優點. 缺點. 1. 互動性佳. 1. 製作過程難度高. 2. 可自由的四處遊走. 2. 硬體配備需求高. 3. 可產生虛擬場景. 3. 影像檔案較大. 4. 提供立體視覺效果 影像式. 1. 製作簡單迅速. 1. 互動性差. 2. 場景逼真自然. 2. 只能定點觀看. 3. 不需昂貴配備. 3. 無法處理不存在的場景. 4.影像檔案較小. 4. 無法提供具備景深的立體效果. 表 2-1 兩 種 虛 擬 實 境 系 統 優 缺 點 比 較 （ 資 料 來 源 ： 黃 成 永 ， 2001）. 2‧2. Web 資料庫技術. 2‧2‧1 CGI（Common Gateway Interface） CGI 在 Web 伺服器發展中佔有很重要的地位。在 WWW 興起之前企業已經開始 運用主從式資料庫系統協助管理組織資料，而這類系統的資料庫伺服器與客戶端之間的 溝通方式可以透過 ODBC 或是遵循資料庫廠商所定義的通訊協定。在 Web 開始盛行 後，由於 Web 具備工作平台獨立的性質，便產生與資料庫連接的需求。使用者可以透 過 Post 或是 Get 等指定方式將資料庫存取的需求傳遞給 Web 伺服器。Web 伺服器在 收到此訊息後，即以參數的方式將訊息傳給指定之 CGI 程式執行。 CGI 程式透過資 料庫 gateway 程式將參數轉變為標準之結構化查詢語言，然後將資料庫中所查詢的結 果傳回 CGI 程式，CGI 程式經過處理後即以 HTML 文件形式透過 Web 伺服器回傳 給提出要求的 Web 瀏覽器，並顯示其結果。 所以 CGI 的運作過程，包含了下列四個步驟（Hayes，1999）： （1）使用者在網頁表單上輸入資料。 （2）輸入的資料傳回至網站伺服器，並且呼叫 CGI 程式去處理使用者資料。 （3）CGI 程式開始處理資料，其中可能會去呼叫別的程式或連結資料庫。 （4）CGI 程式動態產生新的輸出網頁，並將結果傳回至使用者端的瀏覽器。 然而 CGI 在運作技術上卻產生 Web 伺服器負擔太重與資料庫系統的 Transaction 管理困難。所以，CGI 這項技術慢慢被其他技術給取代。 - 15 -.
(29) 2‧2‧2 ASP（Active Server Page） ASP 為於 IIS 或 PWS 網站伺服器執行的 script 語言，使用 VBScript 或是 Jscript 來撰寫程式。 ASP 的運作方式為當使用者向 Web 伺服器要求 ASP 文件時，Web 伺服器會先解讀 ASP 中的 Script 語言，並且依照語言中所描述的程式邏輯要求去呼叫相關的伺服器元 件。然後會利用這些元件透過 ODBC 或是 OLE DB 來連結資料庫。當完成所要求的動 作後，將結果轉換成標準的 HTML 文件提供給瀏覽器閱讀。. 圖 2-4 透 過 ASP 連 結 資 料 庫 （ 梁 定 澎 ， 民 89）. 2‧2‧3 PHP （Personal Homepage Program，官方定為 Hypertext Preprocessor） PHP 是一種 server-side HTML-embedded 的 script 語言。PHP 的功能與能力與一 般使用 Perl 或 C 寫成的 CGI 是大同小異的，但重要不同的是：一般 CGI 程式必須 自行輸出或處理 HTML，而 PHP 是穿插在 HTML 裡的程式。PHP 支援多種作業平 台，無論是個人使用的作業系統都可順利運作。 PHP 主要用來設計 Web Applications。二個最主要的功能為： （1）連接後端資料庫 （2）處理 FORM 最常見的應用是 PHP + MySQL，PHP 利用 MySQL API 配合 MySQL 資料庫管理 系統可以設計出常見的網頁應用程式： （1）會員系統 （2）線上論壇 （3）電子報系統 （4）投票程式 （5）計數器 - 16 -.
(30) 也有人利用 PHP 發展較大型的應用程式，例如 PHP 的 CRM (客戶關係管理) 軟 體，其它較有名的像是 MySQL 管理系統 - phpMyAdmin 等。 除此之外，PHP 也可以寫 script (命令稿程式)，藉著 PHP 與 MySQL 良好的 API 界面，也有人利用 PHP 設計 script 來管理、維護資料庫。. 2‧2‧4 JSP（Java Server Page） JSP 可以結合靜態的 HTML 及 Servlet 產生動態的內容。 JSP 執行時需要透過 JSP Container，但是因為 JSP 是 Script 語言，所以當第一次被執行時，JSP Container 會 先將其編譯為 Java Servlet class 檔案，並儲存於 JSP Container 的相關目錄下，最後再 加以執行。但是如果 JSP 沒有在修改的話，在下一次執行時此一步驟將會省略。 對於 JSP 技術可以歸納出有幾個優點， （1）寫一次可到處執行。 （2）元件可重複使 用。 （3）可將靜態及動態內含隔開。 （4）支援文稿語言及動作。 （5）可透過資訊網站存 取一層次企業應用程式資訊。（林邦傑，2002） JSP 的 運 作 過 程（ 1）用 戶 端 瀏 覽 器 向 伺 服 器 提 出 請 求 執 行 JSP 網 頁。 （ 2） 伺 服 器 將 JSP 網 頁 轉 換 成 相 對 應 的 Java Servlet。 （3）伺服器將相對應的 Java Servlet 程式編譯成.class 檔於記憶體中。 （4）執行存於記憶體中的 .class 檔並將結果回應至用 戶端瀏覽器。 JSP 網頁. 1.reques. Web. 轉換成 Java Servlet. Browser. 編譯 Java Servlet. 用戶端瀏. 執行 Java Servlet. 2.respon. 覽器. 圖 2-5. 請 求 JSP 網 頁 的 過 程. 所以，Java 語言有下列幾種特徵， （1）簡單（2）物件導向（3）分散式程式語言（4） 跨平台的程式語言（5）多執行緒的語言（6）網路語言（7）一種 Web 的程式語言。 （林 邦傑，2002）. - 17 -.
(31) 各種技術的比較 CGI. ASP. PHP. 作業系統. 均可. Win32. 均可. 均可. Web 伺服器. 均可. IIS/PWS. 數種. 數種. 執行效率. 慢. 快. 快. 快. 穩定性. 最高. 中等. 佳. 佳. 開發時間. 中等. 短. 短. 短. 修改時間. 中等. 短. 短. 短. 程式語言. 不限. VB Script /. PHP. JSP. J Script. JSP. EJB J2EE. 網頁結合. 差. 佳. 佳. 佳. 學習門檻. 高. 低. 低. 低. 函式支援. 不定. 少. 多. 多. 系統安全. 最佳. 極差. 佳. 佳. 使用站台. 多. 超多. 超多. 漸漸增多. 改版速度. 無. 慢. 快. 快. 表 2-2 各 種 技 術 比 較 資 料 來 源 ：（ 邱 俊 程 ， 90） 與 本 研 究 整 理. 電子商務與網路行銷. 2‧3. 2‧3‧1. 網路行銷. 二十世紀以來，行銷的觀念及實務為了因應當時的環境，歷經了生產導向的大量生 產、銷售導向、品牌管理及至現今的顧客關係管理。我們可以從產品、市場規模、競爭 工具、主要科技及衡量標準，來比較以上四個階段（表 2-3） 。從品牌管理演變到顧客管 理可以歸因於環境的改變、行銷者的遠見。不論如何，以顧客為導向的公司顯然是掌握 了科技發展（如電子郵件、網際網路等）的契機。顯然經濟情況也是推波助瀾的重要因 素。所以網路行銷之實現乃至於普及，是因為公司的行銷觀念、科技及經濟這三個因素 共同影響而成。 - 18 -.
(32) 階段. 生產. 銷售. 品牌管理. 顧客管理. 產品. 單一產品. 單一到若干類. 若干類到許多. 非常多類潛力無窮. 市場規模. 盡可能大. 全國到全球. 全球. 全球. 目標市場區隔. 個人化. 項度. 競爭工具. 主要科技. 衡量標準. 價格 製造. 價格. 定位. 通路. 品牌. 廣告. 產品特徵. 品牌 量身定做（客製化） 易用性 速度對話（雙向溝通）. 電視. 電視. 大量生產運 廣播. 大型電腦. 資料庫. 輸. 資料庫. 電子郵件. 後勤補給. 網際網路. 電話. 生產成本. 利潤. 市場佔有率. 品牌認知. 總量. 市場佔有率. 品牌權益. 顧客終身價值. 表 2-3 行 銷 各 階 段 及 趨 勢 資 料 來 源 ： Ward Hanson（ 2000）， Internet Marking 網路行銷（Internet Marketing），又稱為虛擬行銷（cybermarketing），它是針對網際 網路的特定顧客，或商業線上服務的特定顧客，來銷售產品和服務的一系列行銷策略及 活動。Peter Druck 說：「企業的目的，就是要創造顧客並且留住顧客。」，「了解您的顧 客！」是商業戰場中至高無上的原則透過網際網路用最便宜、最有效的方法掌握顧客的 胃，使得消費者可以運用線上工具和服務來取得資訊及購買產品。網路行銷隨著發表 （ publishing ）、 資 料 庫 檢 索 （ database retrieval ） 以 及 個 人 化 互 動 （ personalized interaction） 、即時行銷（real time marketing）的發展，使二十一世紀的行銷重心應是創 造品牌認知，實現顧客終身價值為主要訴求。 根據 AT&T Interchange Online Network 評估企業掌握網際網路行銷成功的關鍵要 素包括：（1）認識網際網路行銷和廣告的新規則；（2）網際網路行銷可支援整體行銷 計畫；（3）大型市場逐漸式微，邁向顧客化的市場導向；（4）一對一的行銷模式；（5） 瞭解顧客的長期價值（Lifetime value）；（6）提供交談式的廣告；（7）提供充分資訊， - 19 -.
(33) 避免不實際的廣告詞；（8）建立交談式對話；（9）參與各種網路討論團體；（10）縮 短時間掌握時機；（11）綜合廣告、公關、促銷、目錄及銷售；（12）線上銷售是競爭 利器；（13）線上銷售，與公司規模大小並無關係。 Patricia B. Seybold 就認為消費者才是電子商務發展的最重要關鍵因素，而能夠有效 地建立顧客的忠誠度，更是電子商務之所以獲利的關鍵！Patricia B. Seybold 所提出的電 子商務的五大經營法則與步驟，分別為：1.讓顧客更容易與你往來；2.以最終顧客為焦 點；3.由最終顧客的角度重新設計作業流程；4.建立循序漸進的電子商務架構；5.建立顧 客忠誠度，也完全都是圍繞著消費者觀點在打轉。 以目前全世界最知名的電子商務網站 Amazon.com，它是目前最多人拜訪網路商 店，創辦人貝佐斯（Jeff Bezos）為他的員工定下三個基本信條（1）關心你的客戶（2） 要記住網際網路還在嬰兒期（3）滿足每個客戶。的確，亞馬遜不僅成為一個成功的電 子商務網站，許多愛書人成為它的忠實顧客，雖然該網站在財務報表上並不是十分亮 眼，但是令人興奮的是經過連續二十三季的虧損之後，在 2001 年第四季亞馬遜開始轉 虧為盈，儘管營運獲利並不代表實質獲利，但是不可諱言的亞馬遜已經出現獲利的曙 光，轉虧為盈將是指日可待。. 2‧3‧2. 消費者行為. Kalakota & Winston 提到消費者行為現在是越來越難預測，消費者已不像以前那麼 容易受到名牌的影響，他們反而比較注意產品的品質和其價值。根據國際愛迪西（IDC） 研究經理金文衡用消費者行為的角度，分析適合在網路銷售的產品： （1）標準化的產品： 金文衡認為，消費者在購買標準化產品時不需要考慮規格大小，而且產品品質不會隨著 購買地點的不同而改變。 （2）不高不低的價格： 一般來說，在考慮物流成本之下，太便宜的商品不會透過網路來銷售。如果消費者需要 購買昂貴的商品，大多希望到商店去了解商品後才會下決定。因此，網路適合銷售價格 上不高不低的商品。. - 20 -.
(34) 價格. 高. 低. 訂製化. A 區（例如房屋）. C區. 標準化. B 區（例如機票、股票）. D 區（例如日常用品）. 產品. 表 2-4 價 格 與 產 品 對 照 一 覽 表. 圖 2-6 網 路 產 品 價 格 與 產 品 特 性 互 動 影 響 的 關 係 （ 張 光 華 ， 1999） Kalakota & Winston 提出顧客眼中的商業模式應該包含最初的客戶互動、下訂單、 處理、完成訂單和客戶售後服務。他們並將消費者商業活動區分為三個階段：購買前的 預備期、購買完成期和購買後的互動期。. - 21 -.
(35) 產品/服務搜尋 即在資訊空間的發現 購買前的預備期. 比較式購物及各種特徵為主的產品選擇. 條件交涉，譬如價錢與送貨條件. 訂單完成. 付款的允許. 購買完成期. 收到產品. 客戶服務及支援. 購買後的互動期 圖 2-7 消 費 者 商 業 模 式 活 動. 所以 Kalakota & Winston 認為線上零售必須學習為線上產品/服務訂價，並且要做出 令人滿意的購物經驗，在網站設計方面必須考量消費者的使用介面，最後透過品牌的管 理創造出正確的誘因。（Kalakota & Winston，1994）. 2‧3‧3. 廠商成本結構. 傳統的產品銷售方式可分成廠商、批發商、經銷商、零售商與消費者這五個階段。 每個階段都有其成本和費用的支出。依照 Robert Wilson (1997) 的研究指出，購買成本 是原始成本的數倍加上 135%，見下圖。所以，面對電子商務衝擊所帶來的改變，配合 金流、物流、商流等問題依序克服，將進一步影響中小企業在研發、製造與行銷方面的 實際作為。. - 22 -.
(36) 原始成本. 製造商 $40. 代理人費用 全國性廣告費. 批發商 運輸費 $43. 地區性廣告費. 經銷商 運輸費、倉管費、服務費 $47. 商店廣告費. 零售商 工資、店租 $94 消費者 購買成本是原始成本之數倍 + 135 %. 圖 2-8 傳 統 銷 售 方 式 付 費 圖 （ Robert Wilson， 1997） Poon 和 Swatman 在 1999 年發表的研究指出中小企業在應用電子商務上，最常遇到 的問題是系統無法整合的問題，也就是說中小企業內部的系統無法與網際網路的應用作 一個整合(例如：網路收到的訂單資訊無法直接傳遞到企業內部的訂單系統)。更具體的 說，以下三點是系統無法整合的主要原因： （1）所需處理的結構化訊息量太少 網路訂單不足使得推動自動化變得不敷成本，因此許多中小企業選擇使用成本低的 手動方式處理這些訊息。 （2）缺乏專業技術人員 許多中小企業沒有系統開發的專業技術人才，也無法負荷購買整套解決方案軟體的 成本。 （3）沒有足夠的的動力來促成 許多中小企業的交易伙伴，迄今仍使用電子資料交換(EDI)的技術。 Poon 和 Swatman 就建議中小企業在推動電子商務系統整合方面，可以使用 Venkatraman 提出的「外部網路—內部應用程式」系統整合三階段模式。它的意思是： - 23 -.
(37) 第一階段：少量網際應用程式的整合，純粹組織內部應用程式開發。這階段強調企業本 身業務效率的支援，估評指標大致為投入的成本及取代人工的成效，這是基本的 e 化工 作。第二階段：有限制的網際應用程式的整合，選擇性的區域應用程式整合。這階段強 調向我們重要的客戶或供應商，提供系統與系統的連結，讓我們的服務與產品能和客戶 或供應商結合，這個結合係初步的結合，可能從某些業務功能，例如採購、售後服務、 技術維修或品質確認等重要的業務來推動；一則學習經驗，再則畢竟投入的成本將很 高，只能一步一步達成預定目標。第三階段：全部網際應用程式的整合，全部的區域應 用程式整合。這階段係屬於全面的結合，企業與企業之間要能善用系統結合的優勢，這 時中小企業要參與業務，要成為市場的一員，資訊技術的能力與投資必定要達到一定程 度，否則在這一階段肯定沒有任何的機會。（王心玫,2001） 中小企業在人力與財力的限制之下，應用電子商務是受到相當大的阻力，多數只能 使用網路來做與客戶間的溝通和文件的傳送，但是對於電子商務的線上購物和付款機制 等等的應用還相當少，這顯示中小企業對電子商務的應用普遍存有觀望的心態而消費者 對於交易的安全性仍保持存疑的態度。 從資策會研究發現，線上交易的安全問題有（1）網路商店：出貨無法收到款項(偽 卡)與線上付款機制交易費%(信用卡%)。（2）消費者：擔心付款資料在網路上被盜與濫 用與擔心付款後無法取得約定商品。所以，為了因應這個問題。資策會提出了 B2C 網 路信賴付款機制(Trust Payment)，藉以減少經手人(網路商店)經手付款資料與降低付款資 料被盜與濫用風險。另外推出 B2C 交易履約保障機制(Escrow)，讓第三者確保取得約定 商品與收到款項，並且轉嫁偽卡風險，改善無法取得約定商品問題。 因此，擁有實體經驗及資產的廠商，這些廠商不像純網路業者，他們享有品牌知名 度，穩固的顧客與供應商關係，以及確實行得通的配送作業。只要運用其品牌知名度、 既有的顧客群，及行銷與銷售基礎設施，將可使網上交易達到關鍵數量。. - 24 -.
(38) 顧客. 網路使用者. 活動管理 詢問 選擇. 網站. 分析 活動與使用者資訊 行銷工具. 個人化行銷. 即時資料. 即時網路行銷資訊. 庫工具. 客服中. 郵. 件. 心. Email. 報告分. 直銷人. 析. 員. 圖 2-9 網 路 互 動 性 讓 傳 統 行 銷 動 起 來 （ 王 心 玫 ,2001）. - 25 -.
(39) 三、 糕餅店電子商務網站建置情況. 調查範圍界定：. 3‧1. 本研究將針對個案研究廠商的競爭對手進行網站的調查與分析，並希望從中獲得一 些功能建議的參考，並進一步了解目前各家對於電子型錄的設計。所以，本研究將針對 國內糕餅店之電子商務網站進行現況調查研究。. 3‧2. 3‧2‧1. 國內糕餅店網站設置調查. 玉珍齋 http://www.lukang.org/. 玉珍齋是鹿港知名的糕餅店，以各項糕點聞名全省，並且邀藝人陶晶瑩為其產品代 言，即小桃餅。另外，中華汽車商用車廣告亦以該店負責人為背景故事。 1‧首頁多媒體 本網站首頁是以圖片設計的樣式呈現。 2‧網站所使用的語法 網站資料庫連結系統採取 PHP 的語法 3‧商品展示的方式 商品導覽系統是以 PHP 程式結合 JPG 圖片呈現。此外，商品介紹的部分又加上原 料、保存期限與商品規格的詳細資料。 4‧線上購物系統 本網站以 PHP 語法設計網站購物系統，架構完整。 5‧網站其他功能 網站的其他功能有商店介紹與商店歷史、介紹鹿港風俗民情、電子報系統與會員管 理系統。 6‧評論 基本上網站美工設計十分講究，購物系統完整，交易方式清楚，算是資訊化程度較 高的商家。. - 26 -.
(40) 圖 3-1 玉 珍 齋 首 頁. 圖 3-2 玉 珍 齋 商 品 導 覽 頁 - 27 -.
(41) 3‧2‧2. 玉珍齋食品股份有限公司 http://www.yzz.com.tw/index.htm. 同屬玉珍齋餅店系統，但該店為其家族的另一體系，雙方為「玉珍齋」商標權進行 法律訴訟。但是經過這幾年雙方競爭下，目前該店的規模已經不如大房的玉珍齋。 1‧首頁多媒體 本網站首頁是以動畫設計的樣式呈現。 2‧網站所使用的語法 網站資料庫連結系統採取 CGI 的語法作為其網站人數的統計 3‧商品展示的方式 商品導覽系統是以 JPG 圖片呈現，並且加上簡單的商品介紹。 4‧線上購物系統 本網站並沒有網站購物系統。 5‧網站其他功能 網站的其他功能有商店介紹與商店歷史、介紹鹿港風俗民情 6‧評論 基本上網站美工設計堪稱講究，但是空有一個網站其實內容呈現有限，也看得出來 目前玉珍齋食品已經在知名度與未來發展性上遠遠落後玉珍齋。所以，嚴格說本網站是 因為趨勢與潮流而設立的網站，可以明顯看出商家的資訊化程度並不高。. 圖 3-3 玉 珍 齋 食 品 首 頁 - 28 -.
(42) 圖 3-4 玉 珍 齋 食 品 商 品 導 覽 頁. 3‧2‧3. 先麥食品 http://www.smai.com.tw/. 聞名全省的大甲先麥芋頭酥，係由”先麥食品”創始開發而成，大甲先麥芋頭酥上世 後，廣受市場好評，贏得”紫色玫瑰”之美譽，令許多愛好精致美食的饕客為之傾倒。大 甲芋頭酥發明人“阿聰師”，他以專業技術回饋地方的作品，成功帶動大甲芋頭相關產業 的發達，讓芋頭產品大流行。先麥食品因芋頭酥產品而轟動全省，目前設立多家專賣店。 除造成紫色炫風外，也為大甲地方農產－芋頭帶來濃厚商機。 1‧首頁多媒體 本網站首頁是以動畫設計的樣式呈現。 2‧網站所使用的語法 網站資料庫連結系統採取 ASP 的語法 3‧商品展示的方式 商品導覽系統是以 ASP 程式結合 JPG 圖片呈現。此外，商品介紹的部分又加上簡 單商品介紹。 4‧線上購物系統 - 29 -.
(43) 本網站以 ASP 語法設計網站購物系統，架構完整。 5‧網站其他功能 網站的其他功能有交易 Q&A 、最新消息、留言版、會員管理系統。 6‧評論 基本上網站美工設計十分講究，購物系統完整，交易方式清楚，算是資訊化程度較 高的商家。. 圖 3-5 先 麥 食 品 網 站 首 頁. - 30 -.
(44) 圖 3-6 先 麥 食 品 網 站 商 品 導 覽 列. 3‧2‧4. 裕珍馨 http://www.yjs.com.tw/. 說起奶油酥餅，就不能不提到它的前身「酥餅」 ； 「酥餅」原來是海線地區的訂婚喜 餅，由於做工、原料與盒裝喜餅相比，較不精緻，因此又稱為「俗餅」，而原位於鎮瀾 宮旁的裕珍馨，有感於大甲媽祖、大甲帽席聞名全省，以及香客頻頻詢問，於是將酥餅 精緻化，現在成為遊客到大甲必購買的特產。 1‧首頁多媒體 本網站首頁是以動畫設計的樣式呈現。 2‧網站所使用的語法 網站資料庫連結系統採取 ASP 的語法 3‧商品展示的方式 商品導覽系統是以 JPG 圖片呈現。此外，商品介紹的部分僅加上商品規格與價格 等簡單資料。不過，商品導覽系統可以連結 ASP 表單再進行後續訂購作業。 4‧線上購物系統 本網站以 ASP 語法設計網站購物系統，架構完整，但商品導覽系統本身過於單調。 - 31 -.
(45) 5‧網站其他功能 網站的其他功能有商店介紹與商店歷史、介紹大甲風俗民情與會員管理系統。 6‧評論 基本上網站美工設計十分講究，購物系統算是完整，交易方式還算是清楚。所以， 以網站的設計與店家的狀況，應該可以算是資訊化程度較高的商家。此外，本網站也加 入資策會所倡議的信賴電子商店。. 圖 3-7 裕珍馨網站首頁. 圖 3-8 裕 珍 馨 網 站 商 品 導 覽 - 32 -.
(46) 3‧2‧5. 犁記餅店 http://www.lj-cakes.com.tw/. 創建於光緒二十年，位於神岡鄉中山路旁，是中部地區歷史最久的一家餅店，已有 超過一百年歷史。犁記餅店由張林犁創設，他十二歲時就被送到雜貨店當店員，用心學 習製餅技術，同時下工夫研究改良，以手工細膩、貨真價實在台中縣闖出名號。犁記餅 行每逢中秋節總是大排長龍，膾炙人口的雙面煎月餅甜而不膩，名聞全國，成為犁記的 正字招牌。犁記製作的台式月餅與一般的製餅差不多，都是以綠豆為主要原料，但是其 中綠豆、鹽與糖攪拌有一定比例，只有該店的老師傅才知道，所以至今仍維持獨家專賣 的優勢。 1‧首頁多媒體 本網站首頁是以圖片設計的樣式呈現。 2‧網站所使用的語法 網站資料庫連結系統採取 PHP 的語法 3‧商品展示的方式 商品導覽系統是以 PHP 程式結合 JPG 圖片呈現。此外，商品介紹的部分又加上原 料、保存期限與商品規格的詳細資料。但是商品介紹是以總表的方式呈現，並非單一商 品介紹 4‧線上購物系統 本網站預留網站購物的功能，但明顯設計出現問題，目前尚未提供線上購物的功能。 5‧網站其他功能 網站的其他功能有商店介紹與商店歷史、介紹神岡風俗民情、會員系統。 6‧評論 基本上網站美工設計還算講究，不過本網站僅具有商店介紹與商品介紹的功能，其 他的部分尚未提供。所以，嚴格說商家的資訊化程度有限。. - 33 -.
(47) 圖 3-9 犁 記 餅 店 網 站 首 頁. 圖 3-10 犁 記 餅 店 商 品 導 覽 - 34 -.
(48) 3‧2‧6. 雪花齋餅店 http://www.snowflake.com.tw/. 成立於清光緒 26 年，庚子年 (1900 年) 到現在，由呂水先生創立「雪花齋」 ，已有 103 年。當時由頗有名氣的六位秀才為該店詠詩「花香天下中秋桂，雪映莊前臘月梅」， 本欲取店名為「桂梅齋」，但因台灣氣候未見下雪之景象，當時的書法名家劉曉屯先生 就取上聯首字「花」與下聯首字「雪」 ，再將二字移位排列，命名為「雪花齋」 ，轟動鄉 里。雪花齋在日據時代以雪花餅聞名，曾 以 雪 花 餅 及 冰 沙 餅 ， 勇 奪 大正十四年台 灣 區糕餅展銅牌大獎。 1‧首頁多媒體 本網站首頁是以動畫結合圖片設計的樣式呈現。 2‧網站所使用的語法 網站系統採取 HTML 的語法，並沒有聯結資料庫。 3‧商品展示的方式 商品導覽系統並沒有一個清楚架構方便消費者點選。 4‧線上購物系統 本網站僅提供電話傳真訂購。 5‧網站其他功能 網站的其他功能有商店介紹與商店歷史。 6‧評論 基本上網站美工設計還算十分講究，其他的部分內容相當貧乏。所以，嚴格說網站 僅具有商家介紹的功能，其他就尚待努力。. - 35 -.
(49) 圖 3-11 雪 花 齋 餅 店 網 站 首 頁. 圖 3-12 雪 花 齋 餅 店 網 站 商 品 導 覽. - 36 -.
(50) 3‧2‧7. 老雪花齋 http://www.lshj.com.tw/. 至民國 48 年， 『雪花齋』一分為二，一家由呂水先生長子呂賢明及次子呂坤培共同 經營， 延用『雪花齋』之店名，另一家由呂水先生協同五子呂松吉及老么呂吉雄所經 營之『老雪花齋』 。 民國 58 年呂水先生逝世後，由呂松吉接掌經營。公元 2000 年老雪 花齋餅行進行改組及擴大營運，成立『桂梅莊老雪花齋興業有限公司』，藉以區分「雪 花齋」的名號。 1‧首頁多媒體 本網站首頁是以動畫設計的樣式呈現。 2‧網站所使用的語法 網站資料庫連結系統採取 ASP 的語法 3‧商品展示的方式 商品導覽系統是以 ASP 程式結合 JPG 圖片呈現。此外，商品介紹的部分又加上原 料、保存期限與商品規格的詳細資料。 4‧線上購物系統 本網站以 ASP 語法設計網站購物系統，架構完整。 5‧網站其他功能 網站的其他功能有商店介紹與商店歷史、討論區、留言版與電子報系統。 6‧評論 基本上網站美工設計十分講究，購物系統完整，交易方式清楚，算是資訊化程度較 高的商家。. - 37 -.
(51) 圖 3-13 老 雪 花 齋 網 站 首 頁. 圖 3-14 老 雪 花 齋 網 站 商 品 導 覽 - 38 -.
(52) 3‧2‧8. 太陽堂餅店. 社口「大夫第林家」的子孫林紹嵌於民國四十二年在台中創立了太陽堂，太陽堂內 的老師傅魏清海，日據時代時正是在「崑派」商店內學藝，改良「麥芽餅」而成太陽餅。 所以，目前台中太陽餅的爭議由此而來。林紹嵌所創立的太陽堂目前位於台中市自由路 二段 23 號，而魏清海唯一製餅技術的繼承人就是義子林祺海先生，這正是太陽餅發明 人承傳店 - 「阿明師老店太陽堂」。 但是，就客觀角度來看。23 號的太陽餅確實獨樹風格，不論在業績與消費者的口碑， 甚至還有媒體評鑑都獲得較多的青睞。 但是，就網站來說本商家尚未建立網站。嚴格說，其資訊化程度不高。. 3‧2‧9. 阿明師太陽堂老店 http://www.suncake.com.tw/. 阿明師太陽堂老店以太陽餅發明人嫡傳弟子自居，經過這幾年的努力，已經獲得政 府單位與歷史考證。 1‧首頁多媒體 本網站首頁是以動態圖片設計的樣式呈現。 2‧網站所使用的語法 網站系統採取 HTML 的語法，搭配 ASP 語法連結資料庫。 3‧商品展示的方式 商品導覽系統是以文件檔案下載的方式提供給消費者。以目前網站的設計概念下， 本網站是相當奇怪的一種做法。 4‧線上購物系統 本網站並沒有提供網站線上購物系統。 5‧網站其他功能 網站的其他功能有商店介紹與商店歷史、討論區與留言版。 6‧評論 基本上網站美工設計差強人意，但是網站的規劃不是十分流暢。. - 39 -.
(53) 圖 3-15 阿 明 師 太 陽 堂 老 店 網 站 首 頁. 圖 3-16 阿 明 師 太 陽 堂 老 店 網 站 商 品 導 覽 - 40 -.
(54) 3‧2‧10. 李鵠餅店 http://hipage.hinet.net/lee-hu. 創立於清光緒(西元 1882 年) 的百年老店僅此一家，別無分店，以鳳梨酥聞名全省， 在基隆地區是一家知名的商家。 1‧首頁多媒體 本網站首頁是以圖片設計的樣式呈現。 2‧網站所使用的語法 網站系統採取 HTML 的語法 3‧商品展示的方式 商品導覽系統是 JPG 圖片呈現，內容十分簡陋。 4‧線上購物系統 本網站尚未提供網站線上購物的功能。 5‧網站其他功能 網站的其他功能有商店介紹。 6‧評論 基本上網站設計相當簡單，並且網站是以中華電信的免費網頁空間寄放在中華電信 的機房上。所以，就目前網頁設計來看，內容簡單、設計簡單，除了可以清楚看出店家 位置外，其他的部分就還需要繼續努力。. 圖 3-17 李 鵠 餅 店 網 站 - 41 -.
(55) 3‧2‧11. 香港奇華餅家 http://www.kee-wah.com.hk/. 奇華餅家於西元 1938 年 由黃業榮先生創立，第一間分店位於油麻地上海街，歷經 半世紀目前全球擁有四十三家分店，員工人數超過五百人，除香港外，在日本、台灣、 美國也設有分店。產品種類多達五百款，產品主要分成中秋月餅、嫁喜禮餅、家鄉餅食 與麵包西餅這四大類。 1‧首頁多媒體 本網站首頁是以圖片設計的樣式，以 Flash 動態呈現。 2‧網站所使用的語法 網站系統採取 HTML 的語法搭配 ASP 語法。 3‧商品展示的方式 商品導覽系統是 JPG 圖片呈現，並加上產品內容說明。 4‧線上購物系統 本網站提供網站線上購物的功能，採用的方式是以購物車的技術進行資料處理。 5‧網站其他功能 網站的其他功能有商店介紹、分店介紹，另外還有英文版的內容提供給消費者點選。 6‧評論 基本上網站設計簡單、清爽，網站內容僅有數種產品簡單介紹，購物功能雖有提供， 但是對其最知名的產品如月餅等並不提供購物的功能。這一部分可能因為分店數多應可 分擔這分面的需求，所以在網站上關於這分面的選擇改以限量選購。. - 42 -.
(56) 圖 3-18 香 港 奇 華 餅 家. 圖 3-19 香 港 奇 華 餅 家 - 43 -.
(57) 3‧2‧12. 香港榮華餅家 http://www.wingwah.com/. 榮華餅家於西元 1950 年創立，在元朗開業經營酒樓茶市及中式禮餅月餅業務至 1962 年改組為有限公司及引進管理階層發展臘腸月餅業務。西元 2000 年榮華分店擴展 至九龍塘、觀塘及美孚地鐵站；公司更全力進軍國內市場，並致力發展網上購 物服務， 與時並進。 1‧首頁多媒體 本網站首頁是以圖片設計的樣式，並將網站分成兩個，一為購物網站一為一般網站。 2‧網站所使用的語法 購物網站系統採取 PHP 語法，一般網站則採取 HTML 的語法搭配 Flash 選單功能。 3‧商品展示的方式 商品導覽系統是 JPG 圖片呈現，並加上產品重量與價格說明。 4‧線上購物系統 本網站提供網站線上購物的功能，採用的方式是以購物車的技術進行資料處理。 5‧網站其他功能 網站針對購物流程與退換貨都作了詳盡的介紹，並且強調隱私權。 6‧評論 基本上網站設計簡單，將網站分成兩大系統，並且針對購物流程、隱私權保護與退 貨須知加以說明。網站內容有數種產品簡單介紹，購物功能有提供，但是僅限於香港地 區，其他地區雖已列名但是毫無選擇的狀態會對於非香港地區的消費者產生失望。所 以，與其尚未開放，那就先取消這些地區的選擇。此外，三種語言的選擇對於消費者來 說可免除語言上的困擾。. - 44 -.
(58) 圖 3-20 香 港 榮 華 餅 家. 圖 3-21 香 港 榮 華 餅 家. 3‧3. 網站功能比較 - 45 -.
(59) 所以，本研究針對一般網站的功能去衡量每個網站的實際建置狀況所列的功能如 （1）首頁多媒體、 （2）網站所使用的程式語法、 （3）商品展示的方式、 （4）線上購物、 （5）留言版、（6）電子報（7）會員管理分別進行上述網站的分析與歸納。 首 頁 多 媒 網站所使用 商品展示 體 玉珍齋. 的程式語法 的方式. JPG 圖片. HTML 搭配. 線上購物. 留言版 電子報. 會員 管理. JPG 圖片 PHP 購物系統 無. 有. 有. 玉珍齋食品 Flash 動畫 HTML. JPG 圖片 無. 無. 無. 無. 先麥食品. Flash 動畫 ASP. JPG 圖片 ASP 購物系統 有. 無. 有. 裕珍馨. Flash 動畫 ASP. JPG 圖片 ASP 購物系統 無. 無. 有. 犁記餅店. JPG 圖片. JPG 圖片 無. 無. 無. 有. JPG 圖片 無. 無. 無. 無. ASP 購物系統 ASP. 有. 無. 無. 無. 無. 無. 傳真訂購單. ASP. 無. 無. 無. 無. 無. 搭配產品 ASP 購物系統 無. 無. 無. PHP. HTML 搭配 PHP. 雪花齋餅店 Flash 動畫 HTML 老雪花齋. Flash 動畫. 太陽堂餅店 無. HTML 搭配 JPG 圖片 ASP. 展示. 無. 無. HTML. 為. 阿明師太陽 動 態 GIF+ 主，另有討 商品型錄 堂老店. 跑馬燈. 論區與留言 下載 版. 李鵠餅店 香港奇華餅 店. 香港榮華餅 店. 無. HTML. Flash 動畫. HTML 搭配 ASP. JPG 圖片. HTML 搭配 PHP. JPG 圖片 電話訂購 JPG 圖片. 說明 JPG 圖片. 有， PHP. 搭配產品 PHP 購物系統 網 頁 表 無 說明. 單. 表 3-1 各 家 知 名 餅 店 網 站 功 能 調 查 比 較 表 - 46 -. 但是 無從 加入.
數據
+7
相關文件
最適合製作鮮奶油蛋糕及冰淇淋蛋糕是（A）麵糊類蛋糕（B） 乳沫類蛋糕（C）
以 2011 年經濟部統計處針對各製造業所做的調查，糕餅業所屬 的其他烘焙麵食品之生產值占食品製造業中 3.68%，在 33 項品向中排
從視覺藝術學習發展出來的相關 技能與能力，可以應用於日常生 活與工作上 (藝術為表現世界的知
Whatsapp、Youtube、虛擬實境等）。社交媒體（social media）是可
將建議行車路線、車輛狀態等 資訊投影於擋風玻璃 ，創造猶如科 幻電影一般的虛擬檔風玻璃系統所整合。在以液晶螢幕彌補視覺死角
了解電腦網路的原理，學習使用 個人網誌及簡易的網頁設計，具 備電子商務的觀念、網路安全以 及網路犯罪與相關法規.
print –dtiff my_image.tif: 將目前指定的圖形，產生 TIFF 格式的影像檔，並以my_image.tif 的檔名儲存。.
雜貨店進貨 5 包的餅乾，每包餅乾重 1800
