屈成式電子商務網路購物系統

全文

(1)逢甲大學. 資訊工程學系專題報告. 屈成式電子商務網路購物系統. 學. 生：莊衍饒 (四丁). 指導教授：謝信芳. 中華民國九十三年四月. 1.

(2) 屈成式電子商務網路購物系統. 目錄圖表目錄第一章. ．．．．．．．．．．．．．．．．．．．．．．．Ｉ緒論. ．．．．．．．．．．．．．．．．．．．．１. 1.1 背景．．．．．．．．．．．．．．．．．．．1 1.2 動機．．．．．．．．．．．．．．．．．．．1 1.3 目的第二章. ．．．．．．．．．．．．．．．．．．．2. 系統概論．．．．．．．．．．．．．．．．．．．4 2.1 公司簡介. ．．．．．．．．．．．．．．．．．4. 2.2 組織. ．．．．．．．．．．．．．．．．．．．4. 2.3 職責. ．．．．．．．．．．．．．．．．．．．5. 2.4 舊系統作業方式 2.5 新系統功能 2.6 開發環境第三章. ．．．．．．．．．．．．．．6. ．．．．．．．．．．．．．．．．6. ．．．．．．．．．．．．．．．．．7. 系統分析與設計. ．．．．．．．．．．．．．9. 3.1 簡述系統分析的方法. ．．．．．．．．．．．．.9. 3.2 選用的方法．．．．．．．．．．．．．．．．10 3.3 繪製 Context diagram ．．．．．．．．．．．．11 3.4 繪製 Diagram 0 ．．．．．．．．．．．．．．．12 -I2 逢甲大學 e-Paper (92學年度).

(3) 屈成式電子商務網路購物系統. 3.5 業務系統資料流程圖(DFD) ．．．．．．．．．13 3.6 倉儲系統資料流程圖(DFD) ．．．．．．．．．24 3.7 倉儲系統資料流程圖(DFD) ．．．．．．．．．29 第四章. 系統實作. ．．．．．．．．．．．．．．．．．33. 4.1 業務子系統實作．．．．．．．．．．．．．．33 4.2 倉儲子系統實作．．．．．．．．．．．．．．55 第五章. 系統評估．．．．．．．．．．．．．．．．．．73 5.1 業務子系統．．．．．．．．．．．．．．．．73 5.2 倉儲子系統．．．．．．．．．．．．．．．．75. 第六章. 結論 6.1 心得. ．．．．．．．．．．．．．．．．．．．．76 ．．．．．．．．．．．．．．．．．．．76. 6.2 未來展望參考書目. ．．．．．．．．．．．．．．．．．77. ．．．．．．．．．．．．．．．．．．．．．．．78. - II 3 逢甲大學 e-Paper (92學年度).

(4) 屈成式電子商務網路購物系統. 圖表目錄圖 2.1. 屈成氏加盟店組織圖. ．．．．．．．．．．．．．．5. 圖 3.1. context diagram ．．．．．．．．．．．．．．．．．11. 圖 3.2. diagram0. 圖 3.3. 資料流程圖．．．．．．．．．．．．．．．．．．．13. 圖 3.4. 加入會員流程圖．．．．．．．．．．．．．．．．．14. 圖 3.5. 會員登入功能流程圖．．．．．．．．．．．．．．．16. 圖 3.6. 業務系統資料流程圖．．．．．．．．．．．．．．．18. 圖 3.7. 滿足訂貨功能流程圖．．．．．．．．．．．．．．．20. 圖 3.8. 倉儲系統資料流程圖．．．．．．．．．．．．．．．24. 圖 3.9. 進/訂資料流程圖．．．．．．．．．．．．．．．．．25. 圖 3.10. 出貨流程圖．．．．．．．．．．．．．．．．．．．29. 圖 4.1. 屈成氏網路購物系統首頁．．．．．．．．．．．．．32. 圖 4.2. 加入會員輸入畫面．．．．．．．．．．．．．．．．33. 圖 4.3. 加入會員成功畫面．．．．．．．．．．．．．．．．35. 圖 4.4. 輸入欄位有空值時的錯誤訊息畫面．．．．．．．．．35. 圖 4.5. 輸入 E-mail 格式不符時的錯誤訊息畫面．．．．．．．36. 圖 4.6. 輸入帳號已存在的訊息畫面．．．．．．．．．．．．36. ．．．．．．．．．．．．．．．．．．．12. - III 4 逢甲大學 e-Paper (92學年度).

(5) 屈成式電子商務網路購物系統. 圖 4.7. 重新輸入畫面．．．．．．．．．．．．．．．．．．37. 圖 4.8. 會員登入畫面．．．．．．．．．．．．．．．．．．37. 圖 4.9. 輸入不完整資料時訊息畫面．．．．．．．．．．．．39. 圖 4.10. 輸入密碼錯誤訊息畫面．．．．．．．．．．．．．．39. 圖 4.11. 成功登入畫面．．．．．．．．．．．．．．．．．．40. 圖 4.12. 修改個人資料畫面．．．．．．．．．．．．．．．．40. 圖 4.13. 欄位有空值的錯誤畫面．．．．．．．．．．．．．．42. 圖 4.14. E-mail 格式錯誤訊息．．．．．．．．．．．．．．．42. 圖 4.15. 重新設定畫面．．．．．．．．．．．．．．．．．．43. 圖 4.16. 成功修改畫面．．．．．．．．．．．．．．．．．．43. 圖 4.17. 會員進入購物訂單輸入畫面．．．．．．．．．．．．44. 圖 4.18. 購物畫面．．．．．．．．．．．．．．．．．．．．45. 圖 4.19. 放入購物車畫面．．．．．．．．．．．．．．．．．45. 圖 4.20. 已選購物品清單畫面．．．．．．．．．．．．．．．47. 圖 4.21. 修改購物內容畫面．．．．．．．．．．．．．．．．47. 圖 4.22. 清空購物車畫面．．．．．．．．．．．．．．．．．48. 圖 4.23. 要求輸入會員帳號畫面．．．．．．．．．．．．．．48. 圖 4.24. 購物訂單輸入畫面．．．．．．．．．．．．．．．．49. 圖 4.25. 欄位有空值錯誤訊息畫面．．．．．．．．．．．．．50 - IV 5 逢甲大學 e-Paper (92學年度).

(6) 屈成式電子商務網路購物系統. 圖 4.26. 取消訂單回會員登入首頁畫面．．．．．．．．．．．51. 圖 4.27. 確認訂單畫面．．．．．．．．．．．．．．．．．．51. 圖 4.28. 網頁首頁客服畫面．．．．．．．．．．．．．．．．52. 圖 4.29. 留言版留言畫面．．．．．．．．．．．．．．．．．53. 圖 4.30. 觀看留言輸出畫面．．．．．．．．．．．．．．．．54. 圖 4.31. 管理者登入首頁畫面．．．．．．．．．．．．．．．55. 圖 4.32. 輸入不完整資料時錯誤畫面．．．．．．．．．．．．56. 圖 4.33. 輸入帳號或密碼錯誤畫面．．．．．．．．．．．．．57. 圖 4.34. 管理者登入畫面．．．．．．．．．．．．．．．．．57. 圖 4.35. 訂貨首頁畫面．．．．．．．．．．．．．．．．．．58. 圖 4.36. 尚未選擇類別錯誤畫面．．．．．．．．．．．．．．59. 圖 4.37. 訂貨選擇畫面．．．．．．．．．．．．．．．．．．60. 圖 4.38. 當日訂購清單畫面．．．．．．．．．．．．．．．．60. 圖 4.39. 結束訂購畫面．．．．．．．．．．．．．．．．．．61. 圖 4.40. 訂貨資料管理畫面．．．．．．．．．．．．．．．．61. 圖 4.41. 檢閱當天訂貨資料畫面．．．．．．．．．．．．．．61. 圖 4.42. 檢閱所有訂貨資料畫面．．．．．．．．．．．．．．62. 圖 4.43. 進貨首頁畫面．．．．．．．．．．．．．．．．．．63. 圖 4.44. 欄位未填錯誤訊息．．．．．．．．．．．．．．．．64 -V6 逢甲大學 e-Paper (92學年度).

(7) 屈成式電子商務網路購物系統. 圖 4.45. 進貨成功輸出畫面．．．．．．．．．．．．．．．．65. 圖 4.46. 進貨資料管理首頁畫面．．．．．．．．．．．．．．65. 圖 4.47. 檢閱當天進貨資料畫面．．．．．．．．．．．．．．66. 圖 4.48. 檢閱所有進貨資料畫面．．．．．．．．．．．．．．66. 圖 4.49. 會員資料管理首頁畫面．．．．．．．．．．．．．．67. 圖 4.50. 新增會員資料畫面．．．．．．．．．．．．．．．．68. 圖 4.51. 修改會員資料畫面．．．．．．．．．．．．．．．．68. 圖 4.52. 刪除會員資料畫面．．．．．．．．．．．．．．．．69. 圖 4.53. 查詢資料畫面．．．．．．．．．．．．．．．．．．69. 圖 4.54. 貨物資料管理首頁畫面．．．．．．．．．．．．．．70. 圖 4.55. 新增貨物資料畫面．．．．．．．．．．．．．．．．71. 圖 4.56. 修改貨物資料畫面．．．．．．．．．．．．．．．．71. 圖 4.57. 刪除貨物資料畫面．．．．．．．．．．．．．．．．72. 圖 4.58. 查詢貨物畫面．．．．．．．．．．．．．．．．．．72. - VI 7 逢甲大學 e-Paper (92學年度).

(8) 屈成式電子商務網路購物系統. 表 3-1. 會員紀錄格式. 表 3-2. 會員加入申請記錄格式 . ．．．．．．．．．．．．．15. 表 3-3. 會員審核紀錄格式 . ．．．．．．．．．．．．．．．15. 表 3-4. .．．．．．．．．．．．．．．．．．14. 加入會員服務作業記錄格式. ．．．．．．．．．．．16. 表 3-5. 會員記錄格式..．．．．．．．．．．．．．．．．．．17. 表 3-6. 修改個人資料記錄格式．．．．．．．．．．．．．．17. 表 3-7. 客服申請作業記錄格式．．．．．．．．．．．．．．18. 表 3-8. GuestBook 記錄格式. 表 3-9. 填寫留言記錄格式．．．．．．．．．．．．．．．．19. 表 3-10. 觀看留言記錄格式．．．．．．．．．．．．．．．．19. 表 3-11. 訂單首頁記錄格式．．．．．．．．．．．．．．．．20. 表 3-12. 購物清單記錄格式．．．．．．．．．．．．．．．．21. 表 3-13. 訂單記錄格式．．．．．．．．．．．．．．．．．．21. 表 3-14. 產品資料記錄格式．．．．．．．．．．．．．．．．21. 表 3-15. 加入購物車記錄格式．．．．．．．．．．．．．．．22. 表 3-16. 填寫訂單記錄格式．．．．．．．．．．．．．．．．22. 表 3-17. 客戶訂單記錄格式．．．．．．．．．．．．．．．．22. ．．．．．．．．．．．．．．．18. - VII 8 逢甲大學 e-Paper (92學年度).

(9) 屈成式電子商務網路購物系統. 表 3-18. 會員記錄格式．．．．．．．．．．．．．．．．．．23. 表 3-19. 加入購物車記錄格式．．．．．．．．．．．．．．．23. 表 3-20. 訂貨作業記錄格式．．．．．．．．．．．．．．．．25. 表 3-21. 進貨作業記錄格式．．．．．．．．．．．．．．．．26. 表 3-22. 產品資料記錄格式．．．．．．．．．．．．．．．．26. 表 3-23. 訂貨記錄格式．．．．．．．．．．．．．．．．．．26. 表 3-24. 進貨報表格式．．．．．．．．．．．．．．．．．．27. 表 3-25. 訂貨報表記錄格式．．．．．．．．．．．．．．．．27. 表 3-26. 訂貨清單格式．．．．．．．．．．．．．．．．．．27. 表 3-27. 進貨清單格式．．．．．．．．．．．．．．．．．．27. 表 3-28. 訂貨資料管理格式．．．．．．．．．．．．．．．．28. 表 3-29. 進貨資料管理格式．．．．．．．．．．．．．．．．28. 表 3-30. 訂貨資料顯示格式．．．．．．．．．．．．．．．．28. 表 3-31. 進貨資料顯示格式．．．．．．．．．．．．．．．．28. 表 3-32. 管理者登入記錄格式．．．．．．．．．．．．．．．29. 表 3-33. 產品資料記錄格式．．．．．．．．．．．．．．．．30. 表 3-34. 會員記錄格式．．．．．．．．．．．．．．．．．．31. 表 3-35. 管理者記錄格式．．．．．．．．．．．．．．．．．31. 表 3-36. 出貨報表記錄格式．．．．．．．．．．．．．．．．31 - VIII 9 逢甲大學 e-Paper (92學年度).

(10) 屈成式電子商務網路購物系統. 第一章導論 1.1 背景在台灣各個都市裡，不難發現總會有屈成氏(Watsons)的存在，他在台灣儼然已經成為最大的民生用品賣場了，它所販賣的商品有衛生商品、食品、清潔工具等等，數量之多也難怪民眾會選擇到屈成氏購物，因為在屈成氏裡有機會可以把所需的商品一次買到，不用東奔西跑，這是屈成氏會在台灣成長如此茁壯的一個原因。屈成氏在近年來更打出一個讓同行倍受壓力的廣告商語，那就是”我敢發誓，屈成氏一定最便宜”，如果在其他商家找到比屈成氏特價商品價格還低的同件物品，那麼屈成氏保證退三倍差價給消費者，這也代表屈成氏在商品價格上確實很低，這也是吸引消費者的另外一個原因。. 1.2 動機由於大學三年多以來，修過許多相關的資訊科學課程，對資料庫系統設計及電子商務製作這方面感興趣，也了解電子商務跟資料庫系統之間有著密不可分 -110 逢甲大學 e-Paper (92學年度).

(11) 屈成式電子商務網路購物系統. 的關係。因此想嘗試著去實作一個電子商務方面的專題，在與老師洽談過後，決定縮小範圍，挑一家店家來作為實作對象。我之所以想建構一個屈成氏(Watsons)網路訂購的網頁是因為屈成氏雖然在台灣擁有很大的市場，也有許多固定的消費群，但是在假日或者對某些上班族而言，下班時段、假日時段屈成氏裡面卻是人擠人，在這些時段中想要迅速的挑到消費者自己想要的商品並不容易，更無法在短時間內完成。相對地，如果在網路上架設一個網站讓民眾可以先在網路上選購商品，然後在到現場取貨，如此一來對消費者而言，只要在家(公司)輕鬆瀏覽網頁，把所需商品加入購物車內，然後在出門(下班)去取貨，這是多方便的事。. 1.3 目的以下為此網頁的基本功能： 1. 產品目錄：提供消費者所有屈成氏的產品和產品編號以便購物。 2. 產品分類：因為屈成氏販賣物品很雜，所以把物品分類讓消費者更有頭緒的找到自己所需商品。 3. 購物車. ：讓消費者可以選購商品。. 4. 購物紀錄：讓消費者知道目前以選購哪些商品。 -211 逢甲大學 e-Paper (92學年度).

(12) 屈成式電子商務網路購物系統. 5. 收銀台. ：結算購物車的產品金額，提供顧客輸入信用卡號等等。. 6. 管理介面：提供給網頁管理員一個方面的操作介面，方便於進貨出貨等功能的運作。 7. 公告欄. ：讓管理員可以公告一些消息給消費者知道。. 8.. 訂貨功能：讓管理員隨時知道存貨量，並能準確的掌握是否該訂貨來避免商品數量不足等問題。 9. 進貨功能：隨時紀錄廠商進貨的資料，已確切掌握存貨量。. 10. 會員功能：一些會員基本的操作功能，包含修改資料等等。 11. 留言板. ：讓消費者提供建議或哪些地方需要改進，借此來改正公司缺失。. 12. E - m a i l. ：消費者也可以直接 mail 給管理員或公司直接反應問題。. -3-. 12 逢甲大學 e-Paper (92學年度).

(13) 屈成式電子商務網路購物系統. 第二章系統概述 2.1 公司簡介. 一百多年前，屈臣氏在華南地區的廣東省成立，早年的屈臣氏稱為屈臣氏大藥房，以為貧苦大眾施著稱。一八四一年香港成為英國殖民地，屈臣氏大藥房南遷，從此與香港同步成長，南遷後屈成氏迅速做多元化發展，開始生產汔水和藥品並拓展零售業務。踏入七十年代，和記黃埔與屈臣氏的關係日趨密切，最後和記黃埔在一九八一年完成收購屈臣氏下業務。屈臣氏集團係和記黃埔集團之分支，旗下擁有屈臣氏個商店、百佳超級市場、豐澤電器、冰淇淋、蒸餾水、飲料等製造業及衛星資訊服務，係頗具歷史且以品質著名的集團。屈臣氏集團一慣重視品質，致力為亞洲區各地提供優質店鋪和購物設施，以及種類豐富的產品，以滿足消費者日新月異的需求，從而改變了香港及亞洲區零售及用品製造業的面貌。. 2.2 組織屈成氏分為總公司跟加盟店兩種機制，總公司並不從事銷售等職務，而是負責各加盟店的配貨等職務。在此針對加盟店來探討，其中加盟店的組織圖分別如下。 -413 逢甲大學 e-Paper (92學年度).

(14) 屈成式電子商務網路購物系統. 加盟店的組織圖如下：. 店長. 副店長. 副店長. 主任. 主任. 副店長. 主任. 主任. 銷售班長. 銷售班長. 銷售班長. 銷售班長. 銷售班長. 銷售班長. 銷售班長. 銷售班長. 圖 2.1 屈成氏加盟店組織圖. 2.3 職責加盟店部分： 1. 店長：負責整個加盟店的人事分配和其他重大決定。 2. 副店長：負責傳達店長的指示給下層，店長不在時副店長有最高的指揮權。 3. 主任：負責管理店內的工讀生和銷售班長。 4. 銷售班長：店內職位最低的正職人員，負責一些基本事務，同時也負責教導新進工讀生一些基本職務。其中主任跟銷售班長必須 2 天內排班共 11 個小時，工讀生則是 2 天內排班 8.5 小時，而休假方面一年至少 7 天年假，並照舊式國定假日休假。 -514 逢甲大學 e-Paper (92學年度).

(15) 屈成式電子商務網路購物系統. 2.4 舊系統作業方式目前屈成氏加盟店內的作業方式大概分為這兩種： 1. 人為操作：補貨,拉排面,訂貨,收銀,換陳列圖,商品移落地，統計貨品銷售量。 2. 電腦操作：訂貨資料回傳,業績分析,收銀員資料,進貨資料,。其中電腦操作部分，是由總公司所給予一套以 VB 撰寫的系統來作業，這套系統並沒有支援任何網路訂購方面的功能。. 2.5 新系統功能由於這樣的舊系統運作方式並不能支援網路購物這部份，於是我嘗試去實作一個電子商務網頁的系統來支援網路購物這方面的事務。首先，在此系統除了提供 1.3 的功能外大致上還提供下列幾項有關於商店事務的功能： 1.『統計貨品銷售量功能』：此功能能幫助店員了解每天或每個禮拜各貨品的銷售狀況，以藉此來作為鋪貨的依據。 2.『陳列圖排版功能』：如同現實生活一樣，貨品的編排不是一成不變的，所以便提供這功能來改變或增加新的商品，甚至可以依據銷售量高低來排陳列圖。 -6 15 逢甲大學 e-Paper (92學年度).

(16) 屈成式電子商務網路購物系統. 3.『訂貨功能』：依據銷售量提供貨品的訂貨量給分盟店的店員鋪貨。 4.『進貨資料』：隨時提供最新的進貨資料，避免網頁上的貨品存貨數量不正確。 5.『收銀功能』：把所以的銷售金額都予以記錄。『業績分析功能』：每天小結一次，每隔一周總結算一次。. 2.6 開發環境 1. 軟體需求作業系統：Windows XP 網頁製作： PHP 資料庫： MYSQL 網頁伺服器： Apache 文書編輯： Microsoft Word. 2. 硬體需求 CPU ： AMD -K7 1G Hz 記憶體： 256M SDRAM 硬碟： Qiantuam 40Gb -716 逢甲大學 e-Paper (92學年度).

(17) 屈成式電子商務網路購物系統. I/O 設備：螢幕、鍵盤、滑鼠. -817 逢甲大學 e-Paper (92學年度).

(18) 屈成式電子商務網路購物系統. 第3章系統分析與設計 3.1 簡述系統分析的方法一般而言有下列四種不同的分析方法： 1.系統發展生命週期法：系統發展生命週期(System Development Life Cycle， SDLC)是一個普遍被用來發展資訊系統的步驟，他把系統開發工作分成下列五大階段，分別為： a.系統分析 b.系統設計 c.系統發展 d.系統建置 e.系統維護 2.結構化系統分析與設計法：結構化的方法是從結構化程式(Structure Programming)設計的觀念而來的。此方法提出有關分析的結果-結構化規格書 (Structure Specification)，內容包括： a.資料流程圖 b.資料字典 c.資料結構圖 d 迷你規格書 -918 逢甲大學 e-Paper (92學年度).

(19) 屈成式電子商務網路購物系統. 目前而言結構化分析方法是企業界最普遍用來進行系統分析發展的工具之一。 3.雛型系統發展法：此方法是一種快速分析、設計、建置系統的方法，一開始根據使用者的需求定義一個使用者的雛形，接著不斷演進、不斷重複系統開發階段動作，對於不清楚使用者需求高科技、高成本、高風險的系統最為適用，常用的雛型系統發展方法有五大類型： a 用後即丟的雛型演進法(Throwaway Prototype) b 快速而草率的雛型演進法(Quick-andDirty Prototype) c 仔細設計的雛型演進法(Detail Design Driven Prototype) d 介面雛型演進法(Mock up Prototype) e 演化型雛型演進法(Evolutionary Prototype) 4.物件導向發展方法：此發展方法是以物件為基礎，把資料和處理程序組合成為一個物件的實體，根據物件及其互動建立系統模型，而非根據過程和資料的流動。使用這種方法對物件的強調開始於系統規劃，而持續到系統分析和系統設計期間。最後在系統建置期間，物件導向的程式編寫技術產生許多能重複使用的模組，這是一個很大的優點。. 3.2 選用的方法在此我選擇使用「結構化系統分析」的方法來設計此系統，其理由是因為， - 10 19 逢甲大學 e-Paper (92學年度).

(20) 屈成式電子商務網路購物系統. 結構化分析方法使用圖示法-資料流程圖，將系統的 Process 及資料流向、收集表現出來，這樣對我而言可以有個明確的設計藍圖，對發展此系統有很大的幫助。再來是因為使用此方法可以在最後成品完成時能保證其品質與當初所規劃的誤差很小，能很忠實的呈現構想。. 3.3 繪製 Context diagram 下圖為 Context diagram：. 訂貨單. 發票. 總公司訂購部. 消費者. 0. 送貨單選取單. 倉庫. 屈成氏網路購物系統. 訂單銷售成績. 會計部. 庫存變更. 圖 3.1 context diagram - 11 20 逢甲大學 e-Paper (92學年度).

(21) 屈成式電子商務網路購物系統. 3.4 繪製 Diagram 0 下圖為 Diagram 0 ：. 消費者. 發票. 總公司會計部. 訂單銷售報告. 1 業務系統. 總公司訂貨部. 2 選取單. 倉儲系統. 採購單收取帳單. 庫存變更. 庫存數量. 付款. 倉庫 3 會計系統. 圖 3.2 diagram0 - 12 21 逢甲大學 e-Paper (92學年度).

(22) 屈成式電子商務網路購物系統. 3.5 業務系統資料流程圖簡單介紹業務系統，各實體間的互相關聯。消費者在購買商品時，必須要滿足購物的實體，才會產生選取單到倉庫提取貨物。. 消費者. 1.4 滿足購物. 訂貨單. 會員登入. 會員. 客戶留言. 1.3 留言板. 申請加入. 功. 核. 能. 可. 選取單. 加入. 1.1 加入會員. 1.2 會員登入. 倉庫. 圖 3.3 業務系統資料流程圖. - 13 22 逢甲大學 e-Paper (92學年度).

(23) 屈成式電子商務網路購物系統. 3.5.1 業務系統資料流程圖 1.1-加入會員 a. 加入會員功能流程圖. 會員申請表.php. 會員審查.php. Procedure 1.1. 會員.db. 圖 3.4 加入會員流程圖. b.加入會員檔案格式 (a)檔案名稱：會員.db 紀錄格式：序號. 欄位名稱. 資料型態. 長度. 備註. 1. Id. Int. 2. Account. Char. 10. 帳號. 3. Password. Char. 5. 密碼. 4. E-mail. Char. 50. 5. Name. Char. 50. Email 姓名. 6. Sex. Char. 4. 性別. 7. Tel. Char. 50. 電話. 8.. Address. 50. 住址. Char 表 3-1 會員紀錄格式 - 14 -. 23 逢甲大學 e-Paper (92學年度).

(24) 屈成式電子商務網路購物系統. (b)檔案名稱：會員申請加入表.php 記錄格式：序號. 欄位名稱. 資料型態. 長度. 1. 帳號. Char. 10. 2. 密碼. Char. 5. 3. 確認密碼. Char. 5. 4. 真實姓名. Char. 50. 5. 性別. Char. 2. 6. Char. 50. 7. E-mail 聯絡電話. Char. 50. 8. 連絡地址. Char 50 表 3-2 會員加入申請記錄格式. (c)檔案名稱：會員審核.php 紀錄格式：序號. 欄位名稱. 資料型態. 長度. 1. 會員姓名. Char. 50. 2. 會員帳號. Char. 50. 3. 密碼. 備註. Char 5 表 3-3 會員審核紀錄格式. - 15 24 逢甲大學 e-Paper (92學年度).

(25) 屈成式電子商務網路購物系統. 3.5.2 業務系統資料流程圖 1.2-會員登入 a.會員登入功能流程圖. 會員登入.php. Procedure 1.2. 會員.db. 會員修改.php. 修改個人資料.php. 圖 3.5 會員登入功能流程圖. b 客服功能檔案格式 (a) 檔案名稱：會員登入作業.php 紀錄挌式：序號. ( 列 , 行 ). 名稱. 備註. 1. 第 1 列第 1 欄. 會員登入. 2. 第 2 列第 1 欄. 會員帳號. 輸入. 3. 第 3 列第 1 欄. 密碼. 輸入. 4. 第 4 列第 1 欄. 登入. 5. 第 5 列第 1 欄. 重新輸入. 表 3-4 加入會員服務作業記錄格式. - 16 25 逢甲大學 e-Paper (92學年度).

(26) 屈成式電子商務網路購物系統. (b)’檔案名稱：會員.db 紀錄格式：序號. 欄位名稱. 資料型態. 長度. 備註. 1. Id. Int. 2. Account. Char. 10. 帳號. 3. Password. Char. 5. 密碼. 4. E-mail. Char. 50. 5. Name. Char. 50. Email 姓名. 6. Sex. Char. 2. 性別. 7. Tel. Char. 50. 電話. 8. Address. Char 50 表 3-5 會員記錄格式. 住址. (c)檔案名稱：修改個人資料.php 紀錄格式：序號. 欄位名稱. 資料型態. 長度. 備註. 1. 帳號. Char. 10. 2. 密碼. Char. 5. 3. Char. 50. 4. E-mail 真實姓名. Char. 50. 5. 性別. Char. 2. 6. 出生日期. Char. 50. 7. 聯絡電話. Char. 50. 8. 連絡地址. Char. 50. 9. 儲存修改. Mem_out.asp. 10. 還原. Mem_edit.asp. 11. 回上一頁. Mem_login.asp. 表 3-6 修改個人資料記錄格式. - 17 26 逢甲大學 e-Paper (92學年度).

(27) 屈成式電子商務網路購物系統. 3.5.3 業務系統資料流程圖 1.3-留言板. 客服申請.php. 填寫留言.php. Procedure 1.2. GuestBook.db. 觀看留言.php. 圖 3.6 業務系統資料流程圖 b.客服申請功能檔案格式 (a)檔案名稱：客服申請作業.php 記錄格式：序號. ( 列 , 行 ). 名稱. 2. 第 1 列第 1 欄. 3. 第 2 列第 1 欄. E-mail 留言板. 備註. 表 3-7 客服申請作業記錄格式. (b)檔案名稱：GuestBook.db 記錄格式：序號. 欄位名稱. 資料型態. 長度. 1. 姓名. Char. 255. 2. Char. 255. 3. E-mail 主題. Char. 30. 4. 留言. Text. 5.. 時間. Date/Time 表 3-8 GuestBook 記錄格式 - 18 27 逢甲大學 e-Paper (92學年度).

(28) 屈成式電子商務網路購物系統. (c)檔案名稱：填寫留言.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 屈成氏留言板. 2. 第 2 列第 1 欄. 觀看留言. 3. 第 3 列第 1 欄. 姓名. 4. 第 2 列第 1 欄. 5. 第 5 列第 1 欄. E-mail 主題. 6. 第 6 列第 1 欄. 留言. 7. 第 7 列第 1 欄. 送出. 8. 第 8 列第 1 欄. 重新輸入. 表 3-9 填寫留言記錄格式. (d)檔案名稱：觀看留言.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 寫寫留言. 2. 第 2 列第 1 欄. 作者. 3. 第 3 列第 1 欄. 4. 第 4 列第 1 欄. E-mail 主題. 5. 第 5 列第 1 欄. 留言. 6. 第 6 列第 1 欄. 留言時間. 表 3-10 觀看留言記錄格式. - 19 28 逢甲大學 e-Paper (92學年度).

(29) 屈成式電子商務網路購物系統. 3.5.4 業務系統資料流程圖 1.4-滿足訂貨 .a.滿足訂貨功能流程圖. 訂貨首頁.php. Send.php. 購物清單.php. 產品資料.db 會員.db. Procedure 1.2. 訂單.db. 客戶訂單.db. 會員登入.php. 填寫訂單.php. 圖 3.7 滿足訂貨功能流程圖 b.滿足購物功能檔案格式. (a)檔案名稱：訂貨首頁.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 屈成氏網路購物-購物首頁. 2. 第 2 列第 1 欄. 商品名稱. 3. 第 3 列第 1 欄. 售價. 4. 第 4 列第 1 欄. 加入購物車. 表 3-11 訂單首頁記錄格式. - 20 29 逢甲大學 e-Paper (92學年度).

(30) 屈成式電子商務網路購物系統. (b)檔案名稱：購物清單.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 繼續選購. 2. 第 2 列第 1 欄. 產品名稱. 3. 第 3 列第 1 欄. 售價. 4. 第 4 列第 1 欄. 訂購數量. 5. 第 5 列第 1 欄. 取消商品. 6. 第 6 列第 1 欄. 結帳去. 表 3-12 購物清單記錄格式. (c)檔案名稱：訂單.db 記錄格式：序號. 欄位名稱. 資料型態. 1. Date 訂單編號. Date/Time Char. 50. Char. 50. 4. Sid 產品名稱. Money. 5. 產品單價. Int. 6. 數量. 2 3. 長度. 長整數. Money 表 3-13 訂單記錄格式. (d)檔案名稱：產品資料.db 記錄格式：序號. 欄位名稱. 資料型態. 長度. Int. 長整數. 2. ID 產品名稱. Char. 50. 3. 出售單價. Money. 4. 庫存量. Int. 5. 類別. 1. Char 表 3-14 產品資料記錄格式. 長整數 50. - 21 30 逢甲大學 e-Paper (92學年度).

(31) 屈成式電子商務網路購物系統. (e)檔案名稱：會員登入.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 屈成氏網路購物訂單. 2. 第 2 列第 1 欄. 會員帳號. 3. 第 3 列第 1 欄. 密碼. 4. 第 4 列第 1 欄. 登入. 5. 第 4 列第 2 欄. 重新輸入. 6. 第 5 列第 1 欄. 加入會員. 表 3-15 加入購物車記錄格式. (f)檔案名稱：填寫訂單.php 記錄格式：序號. ( 列 , 行 ). 名稱. 備註. 1. 第 1 列第 1 欄. 出貨清單. 2. 第 2 列第 1 欄. 姓名. 填入值. 3. 第 3 列第 1 欄. 送貨地點. 填入值. 4. 第 4 列第 1 欄. 聯絡電話. 填入值. 5. 第 5 列第 1 欄. 付款方式. 按鈕. 6. 第 5 列第 2 欄. ATM 轉帳. 按鈕. 7. 第 5 列第 3 欄. 貨到付款. 按鈕. 8. 第 6 列第 1 欄. 確認無誤，結帳. 表 3-16 填寫訂單記錄格式. (g)檔案名稱：客戶訂單.db 記錄格式：序號. 欄位名稱. 資料型態. 長度. 1. 訂單編號. 自動編號. Long. 2. Account. Char. 10. 3. Name. Char. 20. 4. Tel. Char. 50. 5. Address 付款方式. Char. 50. 6. Char 表 3-17 客戶訂單記錄格式. 30. - 22 31 逢甲大學 e-Paper (92學年度).

(32) 屈成式電子商務網路購物系統. (h)檔案名稱：會員.db 記錄格式：序號. 欄位名稱. 資料型態. 長度. 備註. 1. Id. Int. Long. 會員編號. 2. Account. Char. 10. 帳號. 3. Password. Char. 5. 密碼. 4. E-mail. Char. 50. 5. Name. Char. 50. Email 姓名. 6. Sex. Char. 2. 性別. 7. Tel. Char. 50. 電話. 8. Address. 50. 地址. Char 表 3-18 會員記錄格式. (i)檔案名稱：Send.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 繼續購物. 2. 第 2 列第 1 欄. 回屈成氏購物首頁. 表 3-19 加入購物車記錄格式. - 23 32 逢甲大學 e-Paper (92學年度).

(33) 屈成式電子商務網路購物系統. 3.6 倉儲系統資料流程圖此系統主要是對內使用，用來管理控制公司的倉庫存貨數量，並且管理進出貨作業。. 庫存量變更. 倉庫進貨. 取貨. 2.1 進/訂貨. 2.2 出貨. 下訂. 進. 單. 貨. 出貨. 供應商. 客戶. 圖 3.8 倉儲系統資料流程圖. - 24 33 逢甲大學 e-Paper (92學年度).

(34) 屈成式電子商務網路購物系統. 3.6 倉儲系統資料流程圖 - 進/訂貨 a.進訂貨流程圖. 進貨作業.php. 訂貨作業.php. 訂貨.db. 產品資料.db. Procedure 1.2 進貨.db. 應付帳款.db 進貨報表.php. 訂貨報表.php. 圖 3.9 進/訂資料流程圖. b.進貨檔案格式 (a)檔案名稱：訂貨作業.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 訂貨系統. 2. 第 2 列第 1 欄. 訂貨日期. 3. 第 3 列第 1 欄. 產品類別. 4. 第 4 列第 1 欄. 確. 5. 第 4 列第 2 欄. 重新輸入. 6. 第 5 列第 1 欄. 訂貨資料管理. 7. 第 6 列第 1 欄. 回上一頁. 定. 表 3-20 訂貨作業記錄格式 - 25 34 逢甲大學 e-Paper (92學年度).

(35) 屈成式電子商務網路購物系統. (b)檔案名稱：進貨作業.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 今日進貨資料表. 2. 第 2 列第 1 欄. 請輸入產品名稱. 3. 第 3 列第 1 欄. 進貨數量. 4. 第 4 列第 1 欄. 確定. 5. 第 4 列第 2 欄. 重新輸入. 6. 第 5 列第 1 欄. 新增產品資料. 7. 第 6 列第 1 欄. 進貨資料管理. 8. 第 7 列第 1 欄. 回上一頁. 表 3-21 進貨作業記錄格式. (c)檔案名稱：產品資料.db 記錄格式：序號. 欄位名稱. 資料型態. 長度. 1. 產品編號. Int. 5. 2. 產品名稱. Char. 50. 3. 產品價格. Int. 5. 4. 庫存量. Int. 4. 5. 類. 別. Char 表 3-22 產品資料記錄格式. 50. (d)檔案名稱：訂貨.db 記錄格式：序號. 欄位名稱. 資料型態. 長度. 1. 訂貨編號. Int. 50. 2. 訂貨日期. Date. 3. 產品名稱. Char. 5. 4. 數量. Int 表 3-23 訂貨記錄格式. 4. . – 26 35 逢甲大學 e-Paper (92學年度).

(36) 屈成式電子商務網路購物系統. (e)檔案名稱：Class.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 商品名稱. 2. 第 1 列第 2 欄. 庫存量. 3. 第 1 列第 3 欄. 訂貨. 4. 第 2 列第 1 欄. 繼續訂貨. 表 3-24 進貨報表格式. (f)檔案名稱：訂貨報表.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 繼續訂貨. 2. 第 1 列第 2 欄. 產品名稱. 3. 第 1 列第 3 欄. 訂購數量. 4. 第 1 列第 4 欄. 取消. 5. 第 2 列第 1 欄. 結束訂購. 表 3-25 訂貨報表記錄格式. (g)檔案名稱：Or_end.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 訂貨資料管理. 2. 第 1 列第 2 欄. 回訂貨首頁. 表 3-26 訂貨清單格式. . - 27 36 逢甲大學 e-Paper (92學年度).

(37) 屈成式電子商務網路購物系統. (h)檔案名稱：進貨清單.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 產品名稱. 2. 第 1 列第 2 欄. 目前庫存量. 表 3-27 進貨清單格式 (i)檔案名稱：訂貨資料管理.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 檢閱當天訂貨資料. 2. 第 1 列第 2 欄. 檢閱所有訂貨資料. 3. 第 2 列第 1 欄. 回管理系統首頁. 表 3-28 訂貨資料管理格式. (j)檔案名稱：進貨資料管理.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 檢閱當天進貨資料. 2. 第 1 列第 2 欄. 檢閱所有進貨資料. 3. 第 2 列第 1 欄. 回管理系統首頁. 表 3-29 進貨資料管理格式. (k)檔案名稱：訂貨資料顯示.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 商品編號. 2. 第 1 列第 2 欄. 商品名稱. 3. 第 1 列第 4 欄. 訂貨量. 4. 第 1 列第 5 欄. 當天日期. 5. 第 2 列第 1 欄. 回上一頁. 表 3-30 訂貨資料顯示格式. - 28 37 逢甲大學 e-Paper (92學年度).

(38) 屈成式電子商務網路購物系統. (l)檔案名稱：進貨資料顯示.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 商品編號. 2. 第 1 列第 2 欄. 商品名稱. 3. 第 1 列第 3 欄. 目前存貨量. 4. 第 1 列第 4 欄. 訂貨量. 5. 第 1 列第 5 欄. 當天日期. 6. 第 2 列第 1 欄. 回上一頁. 表 3-31 進貨資料顯示格式. 3.7 倉儲系統資料流程圖 – 管理者登入 a.出貨流程圖管理者登入.php 會員.db. Procedure 1.2. 管理者.db. 產品資料.db. 管理者首頁.php. 圖 3.10 出貨流程圖 - 29 38 逢甲大學 e-Paper (92學年度).

(39) 屈成式電子商務網路購物系統. b 出貨檔案格式 (a)檔案名稱：管理者登入.php 記錄格式：序號. ( 列 , 行 ). 名稱. 1. 第 1 列第 1 欄. 管理者帳號. 2. 第 2 列第 1 欄. 登入密碼. 3. 第 3 列第 1 欄. 登. 4. 第 3 列第 2 欄. 重新輸入. 入. 表 3-32 管理者登入記錄格式. (b)檔案名稱：產品資料.db 記錄格式：序號. 欄位名稱. 資料型態. 長度. 1. 產品編號. Int. 5. 2. 產品名稱. Char. 50. 3. 訂購單價. Money. 8. 4. 庫存量. Int. 4. 5. 產品類別. Int 4 表 3-33 產品資料記錄格式. (c)檔案名稱：管理者.db 記錄格式：序號. 欄位名稱. 資料型態. 長度. 1. 管理者帳號. Char. 15. 2. 管理者密碼. Date. 3. 加盟店名稱. Int. 4. 4. 加盟店地址. Char. 50. 5. 加盟店電話. Int 表 3-34 管理者記錄格式. 4. - 30 39 逢甲大學 e-Paper (92學年度).

(40) 屈成式電子商務網路購物系統. (d)檔案名稱：管理者首頁.php 記錄格式序號. ( 列 , 行 ). 名稱. 長度. 1. 第 1 列第 1 欄. 訂貨系統. 2. 第 1 列第 2 欄. 進貨系統. 3. 第 2 列第 1 欄. 貨物資料管理. 5. 4. 第 2 列第 2 欄. 會員資料管理. 15. 表 3-35 出貨報表記錄格式. (e)檔案名稱：會員.db 記錄格式：序號. 欄位名稱. 資料型態. 長度. 備註. 1. Id. Int. Long. 會員編號. 2. Account. Char. 10. 帳號. 3. Password. Char. 50. 密碼. 4. E-mail. Char. 50. 5. Name. Char. 50. Email 姓名. 6. Sex. Char. 2. 性別. 7. Tel. Char. 50. 電話. 8. Address. Char. 50. 地址. 表 3-36 會員記錄格式. - 31 40 逢甲大學 e-Paper (92學年度).

(41) 屈成式電子商務網路購物系統. 第四章系統實作經過系統分析後接下來就是系統的實作，而大致上又可分為兩部分，一是屈成氏的會員系統部份，另一大部分就是管理員系統部份。圖 4.1 即是屈成氏網路購物系統的入口網頁，經由首頁來登入各系統。. 圖 4.1 屈成氏網路購物系統首頁. - 32 41 逢甲大學 e-Paper (92學年度).

(42) 屈成式電子商務網路購物系統. 4.1 業務子系統實作業務子系統主要是以網站為主，包括網站的建置、會員功能、會員管理、線上購物、及線上客服處理等等。. 1. 會員功能 (1) 加入會員功能處理 a. 加入會員畫面：. 圖 4.2 加入會員輸入畫面. - 33 42 逢甲大學 e-Paper (92學年度).

(43) 屈成式電子商務網路購物系統. b. 演算法 input 會員資料 if click 新增 { if(欄位有空值或 email 格式錯誤) output 欄位或 email 錯誤訊息 else if(帳號已有人申請) output 帳號已存在訊息 else(資料正確) output 加入會員成功畫面 } if click 重新輸入清除所有以填入的值. - 34 43 逢甲大學 e-Paper (92學年度).

(44) 屈成式電子商務網路購物系統. c. 加入會員輸出畫面 case 1. 加入會員成功畫面：. 圖 4.3 加入會員成功畫面 case 2. 輸入欄位有空值時的錯誤訊息：. 圖 4.4 輸入欄位有空值時的錯誤訊息畫面 - 35 44 逢甲大學 e-Paper (92學年度).

(45) 屈成式電子商務網路購物系統. case 3.輸入 E-mail 格式不符時的錯誤訊息：. 圖 4.5 輸入 E-mail 格式不符時的錯誤訊息畫面 case 4. 輸入帳號已存在的訊息畫面：. 圖 4.6 輸入帳號已存在的訊息畫面 - 36 45 逢甲大學 e-Paper (92學年度).

(46) 屈成式電子商務網路購物系統. case5. 重新輸入畫面：. 圖 4.7 重新輸入畫面. (2) 會員登入處理 a. 會員登入畫面：. 圖 4.8 會員登入畫面 - 37 46 逢甲大學 e-Paper (92學年度).

(47) 屈成式電子商務網路購物系統. b 演算法 input 會員帳號 & 會員密碼 if click 登入 { if(欄位有空值) output 欄位錯誤訊息 else if(帳號或密碼有誤) output 帳號或密碼有誤訊息 else(資料正確) output 登入會員成功畫面 } if click 重新輸入清除所有以填入的值. - 38 47 逢甲大學 e-Paper (92學年度).

(48) 屈成式電子商務網路購物系統. b. 登入會員輸出畫面 case 1. 輸入不完整資料時訊息畫面：. 圖 4.9 輸入不完整資料時訊息畫面 case 2. 輸入密碼錯誤訊息畫面：. 圖 4.10 輸入密碼錯誤訊息畫面 - 39 48 逢甲大學 e-Paper (92學年度).

(49) 屈成式電子商務網路購物系統. case 3. 成功登入畫面：. 圖 4.11 成功登入畫面 (3) 會員使用處理 a. 修改個人資料畫面：. 圖 4.12 修改個人資料畫面. - 40 49 逢甲大學 e-Paper (92學年度).

(50) 屈成式電子商務網路購物系統. b. 演算法 modify 會員資料 if click 修改 { if(欄位有空值或 email 格式錯誤) output 欄位或 email 錯誤訊息 else(資料正確) output 資料修改成功畫面 } if click 重新設定還原所有以填入的值 if click 回會員登入首頁 output 會員登入畫面. 50 逢甲大學 e-Paper (92學年度).

(51) 屈成式電子商務網路購物系統. c. 修改個人資料輸出畫面 case 1.欄位有空值的錯誤畫面：. 圖 4.13 欄位有空值的錯誤畫面. case 2. E-mail 格式錯誤訊息：. 圖 4.14 E-mail 格式錯誤訊息 - 42 51 逢甲大學 e-Paper (92學年度).

(52) 屈成式電子商務網路購物系統. case 3. 重新設定畫面：. 圖 4.15 重新設定畫面 case4 成功修改畫面：. 圖 4.16 成功修改畫面. - 43 52 逢甲大學 e-Paper (92學年度).

(53) 屈成式電子商務網路購物系統. 2. 線上購物功能. (1) 進入會員購物處理 a. 會員進入購物訂單輸入畫面. 圖 4.17 會員進入購物訂單輸入畫面. b. 演算法 if click 我要買東西 output 購物畫面. - 44 53 逢甲大學 e-Paper (92學年度).

(54) 屈成式電子商務網路購物系統. c. 進入購物畫面. 圖 4.18 購物畫面. (2) 加入購物車功能處理 a. 放入購物車畫面. 圖 4.19 放入購物車畫面 - 45 54 逢甲大學 e-Paper (92學年度).

(55) 屈成式電子商務網路購物系統. b. 演算法 click 繼續選購 output 購物畫面 click 修改 if 欄位空白 output 請輸入數量 click 取消 output 去除該商品後的更新畫面 click 清空購物車 output 您的購物車是空的 click 結帳去 output 結帳清單. c. 加入購物車功能輸出畫面 case 1. 已選購物品清單畫面： - 46 55 逢甲大學 e-Paper (92學年度).

(56) 屈成式電子商務網路購物系統. 圖 4.20 已選購物品清單畫面 case 2.修改購物內容畫面：. 圖 4.21 修改購物內容畫面 - 47 56 逢甲大學 e-Paper (92學年度).

(57) 屈成式電子商務網路購物系統. case 3. 清空購物車畫面：. 圖 4.22 清空購物車畫面. case 4. 要求輸入會員帳號畫面：. 圖 4.23 要求輸入會員帳號畫面. - 48 57 逢甲大學 e-Paper (92學年度).

(58) 屈成式電子商務網路購物系統. (3) 送出購物訂單功能 a. 購物訂單輸入畫面：. 圖 4.24 購物訂單輸入畫面. b 演算法 input 訂單資料 modify 會員資料 if click 確認無誤，結帳 { if(欄位有空值) output 欄位錯誤訊息 else(資料正確) - 49 58 逢甲大學 e-Paper (92學年度).

(59) 屈成式電子商務網路購物系統. output 資料修改成功畫面 } if click 取消訂單 output 會員登入畫面. c 購物訂單輸出畫面 case 1. 欄位有空值錯誤訊息：. 圖 4.25 欄位有空值錯誤訊息畫面. - 50 59 逢甲大學 e-Paper (92學年度).

(60) 屈成式電子商務網路購物系統. case 2 .取消訂單回會員登入首頁畫面：. 圖 4.26 取消訂單回會員登入首頁畫面. case 3 確認訂單畫面：. 圖 4.27 確認訂單畫面. - 51 60 逢甲大學 e-Paper (92學年度).

(61) 屈成式電子商務網路購物系統. 3. 線上客服功能當客戶對於公司網站、產品的一切事務，有任何問題及意見，都可透過客服的功能來提出問題或建議，而方法有兩種：一是直接在留言版留下寶貴意見，二是經由 Email 來與公司連絡。而公司的客服人員也會透過這些方法得到客戶寶貴意見，進而與客戶溝通，並給予滿意答覆。. 圖 4.28 網頁首頁客服畫面. - 52 61 逢甲大學 e-Paper (92學年度).

(62) 屈成式電子商務網路購物系統. (1) 線上留言版功能 a. 留言版留言畫面. 圖 4.29 留言版留言畫面 b 演算法 click 觀看留言 output 留言版畫面輸入資料與留言內容 if click 送出 output 留言版畫面 if click 重新填寫 output 清除所有填寫內容 - 53 62 逢甲大學 e-Paper (92學年度).

(63) 屈成式電子商務網路購物系統. c.留言版輸出畫面 case 1 觀看留言輸出畫面：. 圖 4.30 觀看留言輸出畫面. - 54 63 逢甲大學 e-Paper (92學年度).

(64) 屈成式電子商務網路購物系統. 4.2 倉儲子系統實作倉儲子系統主要是以公司內部人員倉儲管理為主，包括對總公司的進貨訂貨、客戶資料管理及產品資料的新增刪除修改等等功能。. 1.管理者作業 (1) 管理者登入處理 a. 管理者登入首頁畫面：. 圖 4.31 管理者登入首頁畫面. b. 演算法 click 登入 if (欄位有空值時) - 55 64 逢甲大學 e-Paper (92學年度).

(65) 屈成式電子商務網路購物系統. output 輸入不完整訊息 else if(帳號或密碼有誤) output 帳號或密碼錯誤 click 重新輸入 output 清空所有已填資料. c. 登入管理者畫面 case 1. 輸入不完整資料時錯誤畫面：. 圖 4.32 輸入不完整資料時錯誤畫面. - 56 65 逢甲大學 e-Paper (92學年度).

(66) 屈成式電子商務網路購物系統. case 2. 輸入帳號或密碼錯誤畫面：. 圖 4.33 輸入帳號或密碼錯誤畫面. case 3. 管理者登入畫面：. 圖 4.34 管理者登入畫面. - 57 66 逢甲大學 e-Paper (92學年度).

(67) 屈成式電子商務網路購物系統. 2. 訂/進貨作業 (1) 訂貨作業 a. 訂貨首頁畫面：. 圖 4.35 訂貨首頁畫面. b 演算法 input 訂貨日期 & 產品類別 if click 確定 { if(沒選擇類別) output 請選擇類別 else - 58 67 逢甲大學 e-Paper (92學年度).

(68) 屈成式電子商務網路購物系統. output 訂貨產品畫面 } if click 重新輸入 output 清空所有已填資料 if click 訂貨資料管理 output 訂貨資料管理頁面 if click 回上一頁 output 管理者首頁. c. 訂貨資料輸出畫面 case 1. 尚未選擇類別錯誤畫面：. 圖 4.36 尚未選擇類別錯誤畫面 - 59 68 逢甲大學 e-Paper (92學年度).

(69) 屈成式電子商務網路購物系統. case 2. 訂貨選擇畫面：. 圖 4.37 訂貨選擇畫面. case 3. 當日訂購清單畫面：. 圖 4.38 當日訂購清單畫面 - 60 69 逢甲大學 e-Paper (92學年度).

(70) 屈成式電子商務網路購物系統. case 4. 結束訂購畫面：. 圖 4.39 結束訂購畫面. case 5. 訂貨資料管理畫面：. 圖 4.40 訂貨資料管理畫面. - 61 70 逢甲大學 e-Paper (92學年度).

(71) 屈成式電子商務網路購物系統. case 6 檢閱當天訂貨資料畫面：. 圖 4.41 檢閱當天訂貨資料畫面. case 7. 檢閱所有訂貨資料畫面：. 圖 4.42 檢閱所有訂貨資料畫面 - 62 71 逢甲大學 e-Paper (92學年度).

(72) 屈成式電子商務網路購物系統. (2) 進貨作業 a. 進貨首頁畫面：. 圖 4.43 進貨首頁畫面. b. 演算法 input 貨品名稱 & 進貨數量 if click 確定 { if(欄位有空值) output 欄位有空值錯誤訊息 else output 進貨產品畫面 } - 63 72 逢甲大學 e-Paper (92學年度).

(73) 屈成式電子商務網路購物系統. if click 重新輸入 output 清空所有已填資料 if click 新增產品資料 output 新增產品資料頁面 if click 進貨資料管理 output 進貨資料管理頁面 if click 回上一頁 output 管理者首頁. c. 進貨資料輸出畫面 case 1. 欄位未填錯誤訊息：. 圖 4.44 欄位未填錯誤訊息 - 64 73 逢甲大學 e-Paper (92學年度).

(74) 屈成式電子商務網路購物系統. case 2. 進貨成功輸出畫面：. 圖 4.45 進貨成功輸出畫面. case 3. 進貨資料管理首頁畫面：. 圖 4.46 進貨資料管理首頁畫面. - 65 74 逢甲大學 e-Paper (92學年度).

(75) 屈成式電子商務網路購物系統. case 4. 檢閱當天進貨資料畫面：. 圖 4.47 檢閱當天進貨資料畫面. case 5. 檢閱所有進貨資料畫面：. 圖 4.48 檢閱所有進貨資料畫面 - 66 75 逢甲大學 e-Paper (92學年度).

(76) 屈成式電子商務網路購物系統. 3. 會員資料管理 a. 會員資料管理首頁畫面：. 圖 4.49 會員資料管理首頁畫面. b. 演算法 if click 新增 output 新增會員頁面 if click 修改 output 修改會員頁面 if click 刪除 output 刪除會員頁面 if click 查詢 output 查詢會員頁面 - 67 76 逢甲大學 e-Paper (92學年度).

(77) 屈成式電子商務網路購物系統. c. 會員資料管理畫面 case 1. 新增會員資料畫面：. 圖 4.50 新增會員資料畫面 case 2. 修改會員資料畫面：. 圖 4.51 修改會員資料畫面 - 68 77 逢甲大學 e-Paper (92學年度).

(78) 屈成式電子商務網路購物系統. case3. 刪除會員資料畫面：. 圖 4.52 刪除會員資料畫面. case4. 查詢會員資料畫面：. 圖 4.53 查詢資料畫面. - 69 78 逢甲大學 e-Paper (92學年度).

(79) 屈成式電子商務網路購物系統. 3. 貨物資料管理 a. 貨物資料管理首頁畫面：. 圖 4.54 貨物資料管理首頁畫面. b. 演算法 if click 新增 output 新增貨物資料頁面 if click 修改 output 修改貨物資料頁面 if click 刪除 output 刪除貨物資料頁面 if click 查詢 output 查詢貨物資料頁面 - 70 79 逢甲大學 e-Paper (92學年度).

(80) 屈成式電子商務網路購物系統. c. 貨物資料管理畫面 case 1. 新增貨物資料畫面：. 圖 4.55 新增貨物資料畫面. case 2. 修改貨物資料畫面：. 圖 4.56 修改貨物資料畫面 - 71 80 逢甲大學 e-Paper (92學年度).

(81) 屈成式電子商務網路購物系統. case3. 刪除貨物資料畫面：. 圖 4.57 刪除貨物資料畫面. case4. 查詢貨物資料畫面：. 圖 4.58 查詢貨物畫面. - 72 81 逢甲大學 e-Paper (92學年度).

(82) 屈成式電子商務網路購物系統. 第五章系統評估 5.1 業務子系統. 1. 優點： (1) 會員功能：線上加入會員的功能，能夠做到驗證 Email 是否正確，以及是否重複加入，如圖 4.4、圖 4.5、圖 4.6。. (2) 線上購物功能：線上購物在現在扮演著越來越重要的趨勢許許多多的購物網站皆是發展的有聲有色，因此，在系統分析時，便加入線上購物的功能，讓比較少出門的客戶可以利用網路來購物，藉此增加公司的銷售，並利用會員功能來使得會員購物時能享受更多方便。此外提供購物車的功能，讓會員們購物時享受更多方便性，在購物時不只可以同時選購多樣產品，更可方便的修改數量，於訂單方便也可以更改住址，使得客戶不用侷限於某些時段必須在家等候送貨員到來，此外在購物時，購物車會顯示出總購買金額、數量、物品單價等等訊息，讓客戶更清楚自己所訂購的物品。. - 73 82 逢甲大學 e-Paper (92學年度).

(83) 屈成式電子商務網路購物系統. 2. 缺點： (1) 客服功能與廣告不足：除了一些基本的物品簡介之外，並無我所預期的能夠掌握更多資料，更由於是第一次製作電子商務網頁，在客服方面只能使用傳統方式，而無法發展出更貼切、更親近客戶的客服功能，此外網站也許可以刊登更多廣告，在商務網站中，這也是重要收入來源之一，但是這方面也不知從何著手，實在非常遺憾。. (2) 會員管理功能不足：例如會員並不能修改自己的密碼、與帳號，不給客戶修改密碼的原因有二，一是因為怕客戶修改密碼後反而有更多麻煩產生，如忘記密碼諸如此類，二是因為資料庫在修改密碼這方便學生曾嘗試去實作，卻一直發生錯誤，導致學生不得不放棄此項功能。再者就是帳號方面，雖然在資料庫方面會員帳號仍有各自的 id 編碼，但是學生考慮到一旦讓客戶隨意修改帳號如此一來將會造成管理人員的麻煩，所以也不提供此功能。+. - 74 83 逢甲大學 e-Paper (92學年度).

(84) 屈成式電子商務網路購物系統. 5.2 倉儲子系統 1. 優點： (1) 管理者系統：對於此網頁一切細節都提供一個方便的管理者系統給網頁管理者來使用，舉凡公告系統、貨品資料管理、會員資料管理、進貨出貨系統等等，都可特過簡單的操作介面來完成動作，此外每筆交易、進貨、出貨等資料都完整的紀錄在資料庫中，相對應的產品庫存量也會跟著新增或減少，亦可以直接查詢貨品的庫存量，進而立即做補貨動作。. (2) 查詢功能：員工可以查詢所以進貨訂貨、會員購物以及貨品庫存量等紀錄。. 2. 缺點： (1) 進/訂貨功能：在倉儲系統中，大部分開發目標都完成了，但是由於學生並沒有實際在此種公司工作過，深深覺得為他們所設計的訂貨功能太過粗淺，並無法體會到真正重要的觀點，所以此進/訂貨系統或許存在著很大的缺失也不一定。 (2) 操作介面的美觀：由於學生本人美術方面實在有待加強，加上第一次嘗試去完成一個功能齊全的電子商務網頁，在種種經驗不足的情況下完成這個網站，但與其他電子購物網站相比不論外觀，貼心小功能等等，均差人一截，實感慚愧，所以此系統整體上是可以在美化一點的。 - 75 84 逢甲大學 e-Paper (92學年度).

(85) 屈成式電子商務網路購物系統. 第六章結論 6.1 心得在一年的準備之後，終於完成這個專題，其實在一開始只是抱著完成他的心態去實作他，結果在後半段時間，尤其動手開始實作之後，發現其實自己對這方面感覺還不錯，本來心思都在準備研究所上，沒想到後來卻漸漸的增加在專題實作方面的時間，越作也越感興趣，從一開始訂題目、規劃系統、程式撰寫與介面修改，這中間其實挫折感很重，尤其在規劃系統方面，自己從沒碰過資料庫方面的東西，一時之間要我規劃一個對我來說不算小的系統規格，真是讓我無從下手，不過也總算熬過了，但卻沒想到在程式撰寫方面，又一在受到挫折，不論是語法的不熟悉、安裝系統的問題及自己美術觀點實在差勁(怎樣美化都是不好看)，到最後終於摸出一個頭緒，雖然在老師們的眼裡這個程式可能很粗糙簡陋，但是我花了很多時間去完成了，可是自己卻有信心，下次在著手完成此性質網頁時一定更有效率、更快速的完成他，畢竟在這次的專題中，看著自己完成的網頁數量和資料庫名稱，都不禁發出會心的一笑，不但沒有條理還有很多餘的動作，但是到最後自己也發現一些訣竅，寫起程式來也更順暢。也深深覺得這專題實驗，或許提供我將來一個走向，讓自己更明白在資訊這條路上，我該往哪走吧!!. - 76 85 逢甲大學 e-Paper (92學年度).

(86) 屈成式電子商務網路購物系統. 6.2 未來的展望在科技越來越發達的今天，數位化是未來發展的趨勢，資料庫的使用是為了把許多資料整合起來而創造的，一個有規模的公司是要藉此來整合公司的資料，而後去做妥善的運用。基本上，資料庫是一個彼此之間具有某種活集相關的檔案的集合。也因此，系統分析對於每個資料庫系統都是非常重要的，分析的不夠完善，就會造成將來建立資料庫的種種問題。透過層層分析，一步步了解『屈成氏加盟店』的內部作業情形，針對各種可能發生的情況，各部門的情形來設計、評估，進而建立起屈成氏電子商務系統，此系統除了用在線上購物與貨品管理之外，也可以改變成個人購物網站等等。未來，我希望能更美化此系統，提供更多功能，讓此系統更加完善，並讓它功能更趨近一些已上市的購物網頁。更進一步能妥善運用資源採礦的技術，來分析屈成氏哪樣商品具有前瞻性等等，藉此來降低營運成本，提高收入，這些都是學生往後的目標，更希望能早日達成此目標。. - 77 86 逢甲大學 e-Paper (92學年度).

(87) 屈成式電子商務網路購物系統. 參考書目 1. 吳逸民，php&mysql 架站，上奇科技公司，2001，pp. 4-17、pp. 42-108、pp. 34-39 2. 施威銘，Microsoft SQL Server 2000 設計研究，旗標出版有限公司，2000 ， pp. 2-10、pp.23-50、pp. 66-83、pp 85-88 3. 陳宗興，SQL Server 2000 入門與實務應用，松崗電腦圖書，2000，pp 39-80， pp 90-95 4. 吳權威，PHP 與 MySQL 網頁實務設計，網奕資訊，2004，pp 10-48、pp 80-101 pp 150-167、pp 183-192、pp 205-223 5. 湯佳佳，我想學 PHP 程式，電腦人文化有限公司，2003，pp 35-48、pp 135-144 6. 劉月詩、吳目誠，精采 HTML，網奕資訊，2002，pp 80-129、pp 130-135 7. 吳奕賢、吳目誠，精采 JavaScript，網奕資訊，2003，pp 10-45，pp78-123，pp 150-174. - 78 87 逢甲大學 e-Paper (92學年度).

(88)