高屏有限公司為例-線上藥物銷售與諮詢系統

逢 甲 大 學

資 訊 工 程 系 專 題 報 告

高屏有限公司-線上藥物銷售

與諮詢系統

學

（25點）

生： 魏 士 勛 (四丙)

指

導

教

授 ： 謝 信 芳

中華民國九十一年十二月

目錄

圖表目錄……….4 第一章 序論………16 1.1 動機……….16 1.2 目的……….17 第二章 系統概述……….18 2.1 沿革………..18 2.2 組織………..18 2.3 人員編制………..19 2.4 職責………..19 2.5 軟硬體需求………20 第三章 系統分析與設計……….22 3.1 系統分析的方法………22 3.2 採用瀑布分析法的原因………..24 3.3 線上藥品銷售諮詢系統………..26 3.4 介紹營業子系統的功能………..27 3.4.1 營業子系統入口……….28 3.4.2 會員申請功能……….30 3.4.3 討論區子系統……….44

3.4.4 產品子系統……….56 3.4.5 購物車子系統……….62 3.4.6 最新消息子系統……….71 3.4.7 站務管理子系統……….74 第四章 系統製作……….112 4.1 營業子系統入口……….112 4.2 會員子系統……….115 4.3 最新消息子系統……….124 4.4 討論區子系統……….126 4.5 產品子系統……….135 4.6 購物車子系統……….141 4.7 站務管理子系統……….147 第五章 系統評估……….175 5.1 完成部分……….175 5.2 營業子系統入口評估……….175 5.3 會員申請功能評估……….175 5.4 討論區子系統功能評估……….176 5.5 產品子系統功能評估……….176 5.6 購物車子系統功能評估……….177

5.7 最新消息系統功能評估……….177 5.8 站務管理系統功能評估……….177 5.9 未完成部分……….178 第六章 心得與未來展望………..179 6.1 心得………179 6.2 未來展望………180 參考資料……….181

圖表目錄

圖2.1 高屏藥品公司組圖………..18 圖3.1 線上藥物銷售諮詢系統圖………26 圖3.2 營業子系統功能圖………27 圖3.3 營業子入口流程圖………..28 圖3.4 會員註冊流程圖………..31 圖3.5 會員登入流程圖………..37 圖3.6 會員修改流程圖………..40 圖3.7 討論區登入流程圖………..44 圖3.8 刊登文章流程圖………..47 圖3.9 回應主題流程圖………..50 圖3.10 搜尋討論區流程圖……….54 圖 3.11 產品導覽流程圖………..56 圖 3.12 購買產品流程圖………..62 圖 3.13 清空購物車流程圖………..65 圖 3.14 結帳流程圖………67 圖 3.15 最新消息導覽流程圖………..71 圖 3.16 站務管理子系統架構圖 ………..74 圖 3.17 站務管理者登入流程圖………..74

圖 3.18 產品管理區架構圖 ……….76 圖 3.19 產品單品管理區流程圖………..77 圖 3.20 產品單品管理區功能 ………..82 圖 3.21 產品資料管理區流程圖………..83 圖 3.22 產品詳細資料管理區功能圖………..88 圖 3.23 產品系列管理區流程圖………89 圖 3.24 產品系列管理區功能圖 ………95 圖 3.25 最新消息管理區流程圖………96 圖 3.26 最新消息管理區功能圖………101 圖 3.27 討論區主題管理區流程圖………102 圖 3.28 討論區主題管理功能圖 ………107 圖 3.29 回應主題管理流程圖………108 圖 3.30 回覆主題管理功能圖………111 圖 4-1-1 動畫製作環境……….112 圖 4-1-2 網站 Index………113 圖 4-1-3 網站動畫(I)……….113 圖 4-1-4 網站動畫(II)………..114 圖 4-1-5 網站首頁………..114 圖 4-2-1 網路會員同意書(I)……….116

圖 4-2-2 網路會員同意書(II)………..116 圖 4-2-3 會員註冊表單(I)……….117 圖 4-2-4 會員註冊表單(b)……….117 圖 4-2-5 會員註冊成功………118 圖 4-2-6 會員註冊錯誤訊息………118 圖 4-2-7 會員登入(I)……….119 圖 4-2-8 會員登入(II)………119 圖 4-2-9 會員登入成功………120 圖 4-2-10 會員登入失敗………..121 圖 4-2-11 會員登入錯誤訊息……….121 圖 4-2-12 會員專區………122 圖 4-2-13 會員修改表單………122 圖 4-2-14 會員修改成功訊息………123 圖 4-3-1 最新消息導覽(I)……….124 圖 4-3-2 最新消息導覽(II)………..125 圖 4-3-3 最新消息顯示成功……….125 圖 4-4-1 會員登入討論區………..126 圖 4-4-2 討論區主版面………127 圖 4-4-3 主題內容版面………128

圖 4-4-4 登入討論區失敗………128 圖 4-4-5 刊登文章表單(I)………..129 圖 4-4-6 刊登文章表單(II)……….129 圖 4-4-7 會員刊登錯誤訊息……….130 圖 4-4-8 刊登成功………..130 圖 4-4-9 回覆表單(I)……….131 圖 4-4-10 回覆表單(II)……….131 圖 4-4-11 回覆主題成功……….132 圖 4-4-12 搜尋討論區……….133 圖 4-4-13 搜尋討論區成功……….133 圖 4-4-14 討論區搜尋失敗……….134 圖 4-5-1 網站主版………135 圖 4-5-2 產品導覽(I)……….136 圖 4-5-3 產品導覽(II)………137 圖 4-5-4 系列導覽(I)………138 圖 4-5-5 系列導覽(II)………138 圖 4-5-6 產品明細(I)………139 圖 4-5-7 產品明細(II)……….140 圖 4-6-1 產品專區……….141

圖 4-6-2 系列專區………..142 圖 4-6-3 產品訂購成功(I)……….143 圖 4-6-4 購物失敗畫面……….143 圖 4-6-5 購物車……….144 圖 4-6-6 清空購物車成功……….145 圖 4-6-7 填寫收件人資料……….145 圖 4-6-8 購物成功訊息……….146 圖 4-7-1 站長登入……….148 圖 4-7-2 站長管理主版……….149 圖 4-7-3 產品管理區(I)………149 圖 4-7-4 產品管理區(II)……….150 圖 4-7-5 新增產品表單……….150 圖 4-7-6 新增產品成功……….151 圖 4-7-7 修改產品表單………..151 圖 4-7-8 修改產品成功………152 圖 4-7-9 刪除產品………152 圖 4-7-10 刪除產品成功……….153 圖 4-7-11 產品系列管理區(I)………154 圖 4-7-12 產品系列管理區(II)……….154

圖 4-7-13 產品系列表單………..155 圖 4-7-14 新增系列成功………156 圖 4-7-15 修改系列資料………156 圖 4-7-16 修改系列成功……….157 圖 4-7-17 刪除系列資料……….157 圖 4-7-18 刪除系列成功……….158 圖 4-7-19 新增系列單品……….159 圖 4-7-20 新增系列單品成功……….159 圖 4-7-21 產品詳細資料管理(I)………160 圖 4-7-22 產品詳細資料管理(II)……….160 圖 4-7-23 產品詳細資料表單………161 圖 4-7-24 產品詳細資料加入成功………161 圖 4-7-25 修改產品明細表單………162 圖 4-7-26 修改產品明細成功……….163 圖 4-7-27 刪除產品明細……….163 圖 4-7-28 刪除產品明細成功……….164 圖 4-7-29 News 管理版面(I)………165 圖 4-7-30 News 管理版面(II)……….165 圖 4-7-31 新增 News 表單………..166

圖 4-7-32 新增 News 成功………166 圖 4-7-33 修改 News 表單………167 圖 4-7-34 修改 News 成功………167 圖 4-7-35 刪除 News 表單……….168 圖 4-7-36 刪除 News 成功………168 圖 4-7-37 討稐主題管理(I)……….169 圖 4-7-38 討稐區主題管理(II)……….170 圖 4-7-39 討稐區回覆主題管理……….170 圖 4-7-40 版主刊登文章……….171 圖 4-7-41 版主刊登成功……….171 圖 4-7-42 版主回覆文章表單……….172 圖 4-7-43 版主回覆主題成功……….173 圖 4-7-44 管理回覆主題……….173 圖 4-7-45 版主刪除文章成功……….174 表3.1 網站Index………29 表3.2 網站動畫……….29 表3.3 網站首頁……….30 表3.4 註冊同意書……….32 表3.5 會員註冊表格……….34

表3.6 會員加入成功………..34 表3.7 帳號密碼重複訊息………34 表3.8 會員資料庫………35 表3.9 會員登入………38 表3.10 會員專區……….38 表3.11 帳號或密碼錯誤……….38 表3.12 會員修改表格……….42 表3.13 會員修改成功……….43 表3.14 會員登入討論區……….45 表3.15 討論區主版面……….46 表3.16 刊登文章……….48 表3.17 刊登文章成功……….48 表 3.18 討論區主題表單………..49 表 3.19 查看主題內容………51 表 3.20 回覆主題………52 表 3.21 回覆成功………52 表 3.22 討論區回覆主題表單………53 表 3.23 搜尋討論區………55 表 3.24 產品導覽主頁面………57

表 3.25 系列導覽主頁面………..58 表 3.26 產品詳細內容………58 表 3.27 系列所屬單品………59 表 3.28 產品資料表………59 表 3.29 系列資料表………60 表 3.30 產品詳細資料表………60 表 3.31 產品購物車………64 表 3.32 登入購物………64 表 3.33 購物車為空………66 表 3.34 確認產品訂單………68 表 3.35 購物成功………68 表 3.36 訂購資料表單………69 表 3.37 訂購明細表單………70 表 3.38 交易編號表單………70 表 3.39 最新消息主版面………72 表 3.40 最新消息內容………72 表 3.41 最新消息表單………73 表 3.42 管理者登入………75 表 3.43 管理區主版面………75

表 3.44 管理者表單………76 表 3.45 產品單品管理主版面………78 表 3.46 單品上架………79 表 3.47 產品管理版面………79 表 3.48 單品修改………80 表 3.49 單品刪除………81 表 3.50 新增產品成功………81 表 3.51 修改產品成功………81 表 3.52 刪除產品成功………81 表 3.53 產品資料管理主版面………84 表 3.54 產品資料內容管理………84 表3.55 新增產品資料……….85 表3.56 修改產品資料………86 表3.57 刪除產品資料……….86 表 3.58 新增產品資料成功………86 表 3.59 修改產品資料成功………87 表 3.60 刪除產品資料成功………87 表 3.61 產品系列管理主版面………..90 表 3.62 系列單品管理………91

表 3.63 新增產品系列……….91 表 3.64 修改產品系列………..92 表 3.65 刪除產品系列………93 表 3.66 新增產品系列成功………93 表 3.67 修改產品系列成功………93 表 3.68 刪除產品系列成功………94 表 3.69 新增產品所屬單品………94 表 3.70 最新消息管理主版面……….97 表 3.71 最新消息內容管理………97 表 3.72 新增最新消息………98 表 3.73 修改最新消息………98 表 3.74 刪除最新消息……….99 表 3.75 新增消息成功……….99 表 3.76 修改消息成功……….99 表 3.77 刪除消息成功……….100 表 3.78 管理討論區主版面………104 表 3.79 刪除主題內容……….105 表 3.80 刊登主題成功……….105 表 3.81 回覆主題成功……….105

表 3.82 刪除主題成功………106

表 3.83 回應主題管理主版面……….109

表 3.84 刪除主題內容………110

第一章 緒論

1. 1 動機

近年來，隨著網路的快速的蓬勃發展，網路速度越來越快，傳輸 的資料也越來越多，相對的，更也豐富我們的視野，如網路上的 多媒體 影音 效果，現在不但要有影像 更要有影音 才能刺激消 費者的內心。 當前的社會型態和經營方式的快速變遷下，許多的商業行為，都 希望透過網路的便利性和互動性，增加顧客購買的意願，同時藉 由網路的即時性，消費者不在侷限於時間與地域的限制，只要連 上網就可以方便的購買想要的東西，更進一步說 網路無國界 ，隨者網路時代的來臨，使得全球的商業型態都面臨改變，藉由 網路 把整個地球村的商業活動都聯繫起來，如亞馬遜的網路書店 就是一個成功的例子，他們把書籍拿到網路，成功的推銷出去， 建立了網路書店的典範，說明了電子商務的趨勢與前瞻性。 要瞭解電子商務的便利和優勢，我們就不得不瞭解一項技 術——EDI（電子資料交換）。電子資料交換是 80 年代發展起來的 一種新式的電子化商業貿易工具，是現代電腦

技術與遠端通信

技術相結合的産物。國際標準化組織（ISO）將 EDI 描述

爲：“將商業或行政事務處理按照一個公認的標準，形成

結構化的事務處理

報文資料的格式，從電腦到電腦的電子傳輸 方法。”電子商務源於 20 年前的專用增值網路和 EDI 的應用，在 Internet 的商用推動下電子商務得到迅速發展。由於和網路密不 可分，電子商務表現出了資訊化、虛擬性、全球性和社會性等和 Internet 相關的特徵，網路勢必成為行銷通路的最佳管道，這就 是激發我想製作這系統的動機。

1.2 目的

1.降低產品交易成本

和傳統貿易相比，電子商務有利於降低交易成本，借助 Internet 企 業可以在全球市場尋求最優惠價格的供應商，而且通過與供應商資訊 共用，降低資訊不準確帶來的損失。有資料表明，使用 EDI 通常可以 爲企業節省 5%－10%的採購成本。

2.擴展市場營銷的範圍

Internet 的開放和非限制性，使商家獲得了更多的商機，擁有廣闊 的市場營銷範圍，把業務延伸到傳統銷售模式所不能達到的區域。

3.提供醫療 美容的服務

藉由網路的便利性，可即時的提供使用者產品、醫療、美容的相關諮 詢服務，我們有專人於線上提供解答。

第二章 系統概述

2.1

沿革

高屏藥品有限公司的宗旨，主要是以專業的知識，幫您找回

健康、美麗，本公司的經營理念以提供安全的信賴、品質的

保證，健康美麗的守護神，代理研發與人類，健康既美麗相

關的天然動、植、礦物產品，健康美麗的諮詢與服務。 本

公司的背景是由 中、美、英、日等國教授，博、碩士級醫

療、生化、化妝品、精神專業人員所組成。總部設於美國，

除美國外，在台灣、泰國等地均有研究機構與委託家工廠。

2. 2 組織圖

董事長 總經理 會計部門 人事部門 營業部門 倉儲部門 圖 2.1 高屏藥品有限公司組織圖

2.3 人員編制

總共員工 20人 上有董事長 下有經理 1.會計部門 2 名 2.人事部門 2 名 3.營業部門 10 名 4.倉儲部門 2 名

2.4 各部門職責

1.人事部

員工管理、獎懲 升遷。 及員工、請假、加班、出差等管理與紀錄。 部門、 職等資料管理。

2.會計部

現金收支的明細 公司採購支出明細 產品交易明細 應收帳管明細 薪資的發放

銀行存款、資料的處理 月報表與年報表的提供

3.倉儲部門

現有產品的明細 供應商的產品明細

4.營業部門

會員申請的功能 最新消息的功能 產品的上架、修改、刪除 討論區的功能 網站的管理管理與維護

2.5 系統開發的軟硬體作業平台

1.軟體設備需求

(1)適用的作業系統

(a) Windows 2000 Server(含 Advanaced Server ) (2)資料庫製作軟體

(a) Microsoft Access 2000 (3)文書編輯軟體

(a) Microsoft Word 2000 (3)網頁製作軟體

(a)ASP 3.0

(b)Micromedia Dreamweaver Ultra (c)Flash MX 、Photoshop

(4)ASP 平台

(a)Internet Information Serviess 5.0 (I I S 5.0) (5)網頁測試及瀏覽器

(a) Internet Explorer 5.0

2.硬體設備需求

(1)CPU:Pentium : 700以上

(2)硬碟 : 3.0GB 以上 (3)Monitor :17 吋以上

第三章系統分析與設計

3.1 分析的方法

系統分析的方法主要是針對使用者的需求，確定需求、分析事實、並 做出決策，並詳述需求的內容，定義新系統的功能，系統分析是一個 新系統開發的最重要階段，一個系統的成敗，完全取決於系統分析的 好壞。

1.瀑布分析法

它是1970 年Royce 所提出，它定義了一個系統由產生階段至淘汰， 整個存活期間所必須經歷的活動，其目的在進行以下的工作： (1)了解使用者所遭遇的問題及發生的原因。 (2)定義系統任務及目標。 (3)確認新系統的功能及資料需求。 (4)確認系統限制及風險。 (5)決定專案範圍。 (6)找出所有可行方案，並進行可行性研究，找出最佳方案，並最佳 方案做成本效益分析。 (7)撰寫可行性報告及專案計劃。

瀑 布分析法是簡單，也是最容易懂的系統分析方法，但由於把系統 測試與除錯置於最後，所以，往往未能及時發現系統瑕疵，而增加開 發的成本甚至造成計劃的廢止。本系統是採用瀑布分析法來規劃 的，因為對於本系統的實踐，我認為所有活動都該按照順序做，即先 完成一件事後，才可以開始做下一件，這樣對於系統的設計才能一個 步驟接著一個步驟來完成，這也是我採用瀑布分析法的理由。 分析：調查且分析使用者需求。 設計：進行系統設計和細部設計。 編碼：程式碼的撰寫。 測試：依據使用者的需求、系統設計、和程式碼等進行一連串的驗證 來證實是否符合期望的結果。

2.雛型分析法

雛型法是一種相互交替的系統開發方法。在雛型法系統分析稱為需求 分析，此一步驟是設計需求的邏輯敘述，一但得知邏輯設計需求，系 統設計便隨之展開。系統設計得產物為技術性規格設計，可用技術規 格書來建立系統雛型，以得到可執行的軟體；但雛型法不能就此打 住，還需加入一個步驟：評估。評估步驟是由管理者和使用者一起來 評估軟體，找出其優缺點，再跟據缺點導出下一版系統雛型法的設計

需求，然後在由系統分析重建系統雛型。 採用雛型法有以下幾個優點 （１）雛型法鼓勵使用者參與系統開發的過程，由於使用者的加入， 可以在設計過程中，隨時指出不當之處，以達成滿意的境界。 （２）雛型法制作的成本較瀑布法低，所須要的時間也不用那麼長。 （３）雛型法使使用者得以驗證其邏輯，技術系統規格書可以藉由驗 證工作，建立下一版的藍圖。 （４）通常雛型法會配合較省時省力的開發工具來使用，例如：自動 程式產生器可加軟體完成。

3.2 採用瀑布分析法的原因

1. 較有效率性 採用此有系統的方法，可以讓開發者，充分發揮的實作 ，因為在開 始系統設計之前 已經充分了解客戶的需要 2. 降低風險性 在實際開始設計系統之前 就已經依照客戶或使用者的需要 除了訂 定規格書外，可對這專案作可行性的評估 若不可行 就可降低風險性 節省成本節省資源跟人力。 3. 可滿足充分客戶的需求

利用此方法除了，事前的分析使用的需求外，在實際設計完成後，可 以作系統的測試，讓使用者來親自使用，發覺錯誤或是找不滿意的地 方，進而設計者就可做修正或改版來充分滿足使用的需求。

3.3 線上藥物銷售諮詢系統

營業子系統 圖 3.1 線上藥物銷售諮詢系統圖 討論區 功能 會員申 請功能 購物車 功能 最新消 息功能 產品專區 功能 站務管理 功能 人事子系統 倉儲子系統 線上藥物銷售 諮詢系統 會計子系統

3.4 介紹營業子系統的功能

營業子系統 會員申請 功能 最新消息 功能 購物車功 能 產品專區 功能 討論區功 能 站務管理 功能 主系統 圖 3.2　 營業子系統功能圖　

3.4.1 營業子系統入口

Start Index.html Procedure 1.1 Flash.html Procedure 1.2 Index02.html 圖 3.3 營業子系統入口流程圖 檔案名稱:index.html 記錄格式:

序號 欄名 格式 長度 附註

1 Enter the web 文字 8 連結

表 3.1 網站 index 檔案名稱:flash.html 記錄格式: 序號 欄名 格式 長度 附註 1 skip 文字 8 連結 表 3.2 網站動畫 檔案名稱:index02.html 記錄格式: 序號 欄名 格式 長度 附註 1 公司簡介 按鈕 20x4 連結 2 最新消息 按鈕 20x4 連結 3 產品專區 按鈕 20x4 連結 4 美康常識 按鈕 20x4 連結 5 合作夥伴 按鈕 20x4 連結 6 討論區 按鈕 20x4 連結 7 會員專區 按鈕 20x4 連結 8 線上註冊 文字 8 連結

9 與我聯絡 文字 8 連結 10 帳號 文字 8 4~8 個字 11 密碼 文字 8 4~8 個字 12 Go 按鈕 20x4 連結 13 錯誤訊息 1 文字 18 帳號密碼沒輸入 表 3.3 網站首頁 處理需求: Procedure 1.1 Index.html

選取 index.html 的 Enter the web 連結，開啟 Flash.html Procedure 1.2 flash.html

開始播放動畫 15 秒，或選擇 skip 連結，開啟 index02.html

3.4.2 會員申請功能

Start Index02.html Procedure 2.1 Procedure 2.3 Procedure 2.2 message.html man_book.html add_mem.asp add_success.html member.mdb 圖 3.4 會員註冊流程圖 檔案名稱:index02.html

記錄格式:參考表 3.3 檔案名稱:man_book.html 記錄格式: 序號 欄名 格式 長度 附註 1 同意 按鈕 20x8 連結 2 不同意 按鈕 20x8 連結 表 3.4 會員註冊同意書 檔案名稱:add_mem.asp 記錄格式: 序號 欄名 格式 長度 附註 1 帳號 文字 8 資料庫連結 2 密碼 文字 8 資料庫連結 3 確認密碼 文字 8 4 中文姓名 文字 8 資料庫連結 5 性別 文字 8 資料庫連結 6 婚姻 文字 8 資料庫連結 7 生日 文字 8 資料庫連結

8 職業 下拉式選單 8 資料庫連結 9 教育程度 下拉式選單 8 資料庫連結 10 月收入 下拉式選單 8 資料庫連結 11 推薦人 文字 8 資料庫連結 12 資料來源 下拉式選單 8 資料庫連結 13 地址 文字 8 資料庫連結 14 E-mail 文字 8 資料庫連結 15 聯絡電話 文字 8 資料庫連結 16 行動電話 文字 8 資料庫連結 17 錯誤訊息 文字 8 帳號沒輸入 18 錯誤訊息 文字 8 密碼沒輸入 19 錯誤訊息 文字 8 姓名沒輸入 20 錯誤訊息 文字 8 地址沒輸入 21 錯誤訊息 文字 8 聯絡電話沒輸入 22 錯誤訊息 文字 8 E-mail 沒輸入 23 錯誤訊息 文字 8 性別沒輸入 24 錯誤訊息 文字 8 生日沒輸入 25 錯誤訊息 文字 8 職業沒輸入 26 錯誤訊息 文字 8 電話區碼沒輸入

27 確定送出 按鈕 20x8 28 重新輸入 按鈕 20x8 表 3.5 會員註冊表格 檔案名稱:add_success.asp 記錄格式: 序號 欄名 格式 長度 附註 1 討論區 文字 8 連結 2 產品專區 文字 8 連結 3 會員區 文字 8 連結 表 3.6 會員加入成功 檔案名稱:message.html 記錄格式: 序號 欄名 格式 長度 附註 1 錯誤訊息 文字 8 帳號或密碼重複喔 表 3.7 帳號密碼重複訊息 檔案名稱:member.mdb

記錄格式: 序號 欄名 格式 長度 附註 1 會員編號 自動編號 長整數 主索引 1 帳號 文字 8 2 密碼 文字 8 4 ~8 個字 3 中文姓名 文字 20 4 性別 文字 5 6 婚姻 文字 5 7 生日 文字 8 8 職業 文字 20 9 教育程度 文字 20 10 月收入 文字 15 11 推薦人 文字 10 12 資料來源 文字 10 13 地址 文字 40 14 E-mail 文字 15 15 聯絡電話 文字 8 表 3.8 會員資料庫

處理需求: Procedure 2.1 index02.html 點選線上註冊 ，開啟 man_book.html Procedure 2.2 man_book.html 會員註冊同意書，按下確定，開啟 add_mem.asp Procedure 2.3 add_mem.asp 填寫完註冊的表單，若註冊的帳號或密碼重複則開啟 message.html，否則開啟 add_success.asp，註冊成功 把表單的 資料加入到 7dw.mdb 資料庫中

2 會員登入

Start Login_mem.asp Procedure 2.4 Procedure 2.5 Procedure 2.6 man_space.asp index02.html login_error.html member.mdb 登出 圖 3.5 會員登入流程圖 檔案名稱:member.mdb 記錄格式:參表 3.8 檔案名稱:index02.html 記錄格式:參表 3.3 檔案名稱:Login_mem.asp 記錄格式: 序號 欄名 格式 長度 附註

1 帳號 文字 8 2 密碼 文字 8 3 登入 按鈕 20x8 表 3.9 會員登入 檔案名稱:man_space.asp 記錄格式: 序號 欄名 格式 長度 附註 1 “ “您好 文字 15 資料庫連結 2 修改基本資料 文字 8 連結 3 會員討論區 文字 8 連結 4 登出 文字 8 資料庫連結 表 3.10 會員專區 檔案名稱:Login_error.html 記錄格式: 序號 欄名 格式 長度 附註 1 帳號或密碼錯誤 文字 10 表 3.11 帳號或密碼錯誤 處理需求:

Procedure 2.4 Login_mem.asp 依據帳號和密碼，與 member.mdb 確認做檢查，成功則 開啟 mem_space.asp Procedure 2.5 Login_error.asp 帳號和密碼，與 member.mdb 確認做檢查，輸入錯誤開啟 login_error.html Procedure 2.6 mem_space.asp 點選登出，則開啟 index02.html，回首頁

3.會員修改

Start mem_space.asp Procedure 2.7 Procedure 2.9 Procedure 2.8 men_modify.asp modify_success.asp member.mdb 圖 3.6 會員修改流程圖 檔案名稱:member.mdb 記錄格式:參表 3.8 檔案名稱:mem_space.asp 記錄格式:參表 3.10

檔案名稱:mem_modify.asp 記錄格式: 序號 欄名 格式 長度 附註 1 帳號 文字 8 資料庫連結 2 密碼 文字 8 資料庫連結 3 確認密碼 文字 8 4 中文姓名 文字 8 資料庫連結 5 性別 文字 8 資料庫連結 6 婚姻 文字 8 資料庫連結 7 生日 文字 8 資料庫連結 8 職業 下拉式選單 8 資料庫連結 9 教育程度 下拉式選單 8 資料庫連結 10 月收入 下拉式選單 8 資料庫連結 11 推薦人 文字 8 資料庫連結 12 資料來源 下拉式選單 8 資料庫連結 13 地址 文字 8 資料庫連結 14 E-mail 文字 8 資料庫連結 15 聯絡電話 文字 8 資料庫連結

16 行動電話 文字 8 資料庫連結 17 錯誤訊息 文字 8 帳號沒輸入 18 錯誤訊息 文字 8 密碼沒輸入 19 錯誤訊息 文字 8 姓名沒輸入 20 錯誤訊息 文字 8 地址沒輸入 21 錯誤訊息 文字 8 聯絡電話沒輸入 22 錯誤訊息 文字 8 E-mail 沒輸入 23 錯誤訊息 文字 8 性別沒輸入 24 錯誤訊息 文字 8 生日沒輸入 25 錯誤訊息 文字 8 職業沒輸入 26 錯誤訊息 文字 8 電話區碼沒輸入 27 確定修改 按鈕 20x8 28 重新輸入 按鈕 20x8 29 回上一頁 按鈕 20x8 表 3.12 會員修改表格 檔案名稱:modify_success.asp 記錄格式: 序號 欄名 格式 長度 附註

1 修改資料成功 文字 8 2 網路會員區 文字 8 連結 表 3.13 會員修改成功 處理需求: Procedure 2.7 member_space.asp 點選修改會員資料，開啟 mem_modify.asp Procedure 2.8 mem_modify.asp 填寫完修改表格，按確定，更新 member.mdb 資料庫，開啟 mem_success.asp Procedure 2.9 mem_success.asp 點選回網路會員區 回到 mem_space.asp

3.4.3 討論區子系統

1.討論區登入

Start Login_talk.asp Procedure 3.1 bord.asp 圖 3.7 討論區登入流程圖 member.mdb Login_mem.asp Procedure 3.2 mem_space.asp Procedure 3.3 檔案名稱:Login_mem.asp 記錄格式:參表 3.9 檔案名稱:mem_space.asp 記錄格式:參表 3.10

檔案名稱:member.mdb 記錄格式:參表 3.8 檔案名稱:Login_talk.asp 記錄格式: 序號 欄名 格式 長度 附註 1 帳號 文字 8 2 密碼 文字 8 3 Go 按鈕連結 20x8 4 錯誤訊息 文字 18 帳號不可為空 5 錯誤訊息 文字 18 密碼不可為空 表 3.14 會員登入討論區 檔案名稱:bord.asp 記錄格式: 序號 欄名 格式 長度 附註 1 發表主題 文字 8 資料庫連結 2 發言人 文字 8 3 點選 文字 8 4 回應 文字 8

5 回應時間 文字 8 6 發表主題 文字 8 文字連結 7 回會員區 文字 8 文字連結 8 空白 文字 8 查詢字串 9 查詢 按鈕連結 8 表 3.15 討論區主版面 處理需求 Procedure 3.1 Login_talk.asp 輸入會員的帳號和密碼按確定，系統讀取資料庫 7dw.mdb 的資料， 確認是否為會員，成功則開啟 bord.asp Procedure 3.2 Login_mem.asp 輸入會員的帳號和密碼按確定，系統讀取資料庫 7dw.mdb 的資料， 確認是否為會員，是會員就可開啟 mem_space.asp 進入會員專區 Procedure 3.3 mem_space.asp 選擇討論區的文字連結，就可開啟 bord.asp 進入會員討論區

2. 刊登文章

Start Post.asp Procedure 3.4 bord.asp Post_success.html Procedure 3.5 talk.mdb 圖 3.8 刊登文章流程圖 檔案名稱:Post.asp 記錄格式: 序號 欄名 格式 長度 附註 1 新話題 文字 15 資料庫連結

2 e-mail 文字 35 資料庫連結 3 發言人 文字 15 資料庫連結 4 內容 文字 255 資料庫連結 5 性別 文字 3 資料庫連結 6 送出發言 文字 8 文字連結 7 重新填寫 文字 8 文字連結 8 回上一頁 文字 8 文字連結 表 3.16 刊登文章 檔案名稱 : Post_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 回討論區 文字 8 文字連結 2 刊登文章成功 文字 8 表 3.17 刊登文章成功 檔案名稱:bord.asp 記錄格式:參表 3.15 檔案名稱:talk.mdb 表單名稱:topic

記錄格式: 序號 欄名 格式 長度 附註 1 主題 文字 15 2 e-mail 文字 35 3 發言人 文字 15 4 內容 文字 255 5 性別 文字 3 6 點擊數 數字 3 7 回應 數字 3 8 張貼日期 日期 時間 預設 now() 9 主題代碼 自動編號 長整數 主索引 表 3.18 討論區主題表單 處理需求: Procedure 3.4 Post.asp 欄 位 連 寫 完 後 ， 資 料 會 加 入 到 talk.mdb 資 料 庫 ， 並 開 啟 Post_success.html Procedure 3.5 Post_success.html 顯示刊登文章成功，點選連結開啟 bord.asp，回到討論區

3. 回應主題

Start bord.asp Procedure 3.7 reply.asp view_topic.asp Procedure 3.9 talk.mdb 圖 3.9 回應主題流程圖 Procedure 3.8 reply_success.asp Procedure 3.6 post.asp 檔案名稱:bord.asp 記錄格式:參表 3.15 檔案名稱:Post.asp 記錄格式:參表 3.16

檔案名稱:View_topic.asp 記錄格式: 序號 欄名 格式 長度 附註 1 作者 文字 15 資料庫連結 2 性別 文字 5 資料庫連結 3 e-mail 文字 15 資料庫連結 4 內容 文字 255 資料庫連結 5 回應 文字 8 文字連結 6 新話題 文字 8 文字連結 7 回討論區 文字 8 文字連結 表 3.19 查看主題內容 檔案名稱:reply.asp 記錄格式: 序號 欄名 格式 長度 附註 1 新話題 文字 15 資料庫連結 2 e-mail 文字 35 資料庫連結 3 發言人 文字 15 資料庫連結 4 內容 文字 255 資料庫連結 5 性別 文字 3 資料庫連結

6 送出發言 文字 8 文字連結 7 重新填寫 文字 8 文字連結 8 回上一頁 文字 8 文字連結 表 3.20 回覆主題 檔案名稱 : Reply_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 回討論區 文字 8 文字連結 2 回覆成功 文字 8 表 3.21 回覆成功 處理需求檔案名稱:talk.mdb 表單名稱:reply 記錄格式: 序號 欄名 格式 長度 附註 1 回覆主題 文字 15 2 回覆者 e-mail 文字 35 3 回覆人 文字 15 4 回覆內容 文字 255

5 回覆者性別 文字 3 6 回覆代碼 自動編號 長整數 主索引 7 主題代碼 數字 長整數 表 3.22 討論區回覆主題表單 處理需求 Procedure 3.6 bord.asp 點選發表主題，資料庫連結到 talk.mdb 資料庫，並開啟 View_topic.asp 顯示主題內容及回應文章 Procedure 3.7 View_topic.asp 顯示討論區文章內容及回應文章，會讀取 talk.mdb 顯示出資料庫中討 論區的資料，點選”回應”文字連結開啟 Reply.asp 回應主題，點選” 新話題 ”文字連結開啟 Post.asp 刊登主題，點選”回討論區 ”文字連 結開啟 bord.asp 回討論區 Procedure 3.8 Reply.asp 依據 Reply.asp 填寫的欄位，把資料寫入到資料庫 talk.mdb 中，並開 啟 reply_success.asp Procedure 3.9 Reply_success.asp 顯示主題回應成功，並開啟 bord.asp 回到討論區

3. 搜尋討論區

Start bord.asp Procedure 3.10 Search.asp Procedure 3.11 talk.mdb 圖 3.10 搜尋討論區流程圖 檔案名稱:bord.asp 記錄格式:參表 3.15 檔案名稱:Search.asp 記錄格式: 序號 欄名 格式 長度 附註

1 空白 文字 15 查詢的字串 2 查詢 按鈕 8 按鈕連結 3 發表主題 文字 10 資料庫連結 4 點選 文字 5 資料庫連結 5 回應 文字 10 資料庫連結 6 最新回應時間 時間 預設 Now() 7 上一頁 文字 8 連結 表 3.23 搜尋討論區 處理需求 Procedure 3.10 bord.asp 討論區主版面中，於空白的欄位輸入查詢的字串，及按查詢的按鈕， 開啟 Search.asp Procedure 3.11 Search.asp 根據查詢的字串，來搜尋 talk.mdb 資料庫，找出符合的項目，並開啟 search_success.asp，顯示查詢成功

3.4.4 產品子系統

1.產品導覽

Start index02.html Procedure 4.1 main.asp Procedure 4.3 7DW.mdb 圖 3.11 產品導覽流程圖 Procedure 4.4 series_go_product.asp Procedure 4.2 Product_detail.asp series.asp Procedure 4.5 檔案名稱：index02.html 記錄格式：參表 3.3 檔案名稱：man.asp 記錄格式:

序號 欄名 格式 長度 附註 1 產品名稱 文字 15 資料庫連結 2 產品編號 文字 50 資料庫連結 3 功用 文字 30 資料庫連結 4 訂價 圖片按鈕 20x3 資料庫連結 5 詳細介紹 文字 8 資料庫連結 6 已訂購商品 文字 8 資料庫連結 7 合計 文字 8 資料庫連結 8 最新消息 文字 8 資料庫連結 表 3.24 產品導覽主頁面 檔案名稱：series.asp 記錄格式: 序號 欄名 格式 長度 附註 1 產品名稱 文字 15 資料庫連結 2 產品編號 文字 50 資料庫連結 3 功用 文字 30 資料庫連結 4 訂價 圖片按鈕 20x3 資料庫連結 5 詳細介紹 文字 8 資料庫連結 6 已訂購商品 文字 8 資料庫連結

7 合計 文字 8 資料庫連結 8 最新消息 文字 8 資料庫連結 9 產品特色 文字 255 資料庫連結 10 使用方法 文字 255 資料庫連結 表 3.25 系列導覽主頁面 檔案名稱：Product_detail.asp 記錄格式: 序號 欄名 格式 長度 附註 1 產品名稱 文字 15 資料庫連結 2 產品特色 文字 255 資料庫連結 3 使用方法 文字 255 資料庫連結 表 3.26 產品詳細內容 檔案名稱：series_go_Product.asp 記錄格式: 序號 欄名 格式 長度 附註 1 產品名稱 文字 15 資料庫連結 2 產品編號 文字 50 資料庫連結 3 功用 文字 30 資料庫連結 4 詳細介紹 文字 8 資料庫連結

表 3.27 系列所屬單品 檔案名稱：7dw.mdb 表單名稱:Produuct 記錄格式: 序號 欄名 格式 長度 附註 1 產品索引 自動編號 長整數 主索引 2 產品名稱 文字 20 3 功用 文字 50 4 定價 數字 長整數 5 優惠價 數字 長整數 6 圖示 文字 50 圖存放地方 7 產品編號 文字 20 8 產品明細代碼 數字 長整數 9 折扣 數字 長整數 表 3.28 產品資料表 表單名稱:Series 記錄格式: 序號 欄名 格式 長度 附註 1 系列索引 自動編號 主索引

2 系列名稱 文字 20 3 功用 文字 50 4 定價 數字 長整數 5 優惠價 數字 長整數 6 系列圖示 文字 50 圖存放地方 7 系列編號 文字 20 8 產品特色 文字 255 9 使用方法 文字 255 10 折扣 數字 5 表 3.29 系列資料表 表單名稱:Product_detail 記錄格式: 序號 欄名 格式 長度 附註 1 詳細內容索引 自動編號 主索引 2 產品特色 文字 255 3 使用方法 文字 255 4 詳細圖示 文字 50 圖存放位址 5 產品詳細名稱 文字 10 表 3.30 產品詳細資料表

處理需求: Procedure 4.1 index02.html 選 擇 產 品 專 區 ， 開 啟 main.asp ， 選 擇 產 品 系 列 連 結 ， 則 開 啟 series.asp Procedure 4.2 series.asp 讀取 7dw.mdb 資料庫，把產品系列的資料顯示出來，點選系列所屬單 品，開啟 series_go_Product.asp Procedure 4.3 main.asp 讀取 7dw.mdb 資料庫，把產品單品的資料顯示出來，點選詳細資料， 開啟 Product_detail.asp Procedure 4.4 series_go_Product.asp 從 7dw.mdb 資料庫，讀取資料，將所屬系列及單品資料顯示出來 Procedure 4.5 Product_detail.asp 從 7dw.mdb 資料庫，讀取資料，將產品詳細資料顯示出來

3.4.5 購物車子系統

1.

購買產品

Start main.asp 7DW.mdb 圖 3.12 購買產品流程圖 Procedure 5.2 Login_shopping.asp Procedure 5.1 shopping_cart.asp series.asp Procedure 5.3 Login_error.html 檔案名稱:7dw.mdb 記錄格式: 參表 3.27 表 3.28 表 3.29 檔案名稱：main.asp 記錄格式：參表 3.23

檔案名稱：series.asp 記錄格式：參表 3.24 檔案名稱：Login_error.html 記錄格式:參表 3.11 檔案名稱：shopping_cart.asp 記錄格式: 序號 欄名 格式 長度 附註 1 商品編號 文字 5 資料庫連結 2 商品名稱 文字 20 資料庫連結 3 定價 數字 5 資料庫連結 4 優惠價 數字 5 資料庫連結 5 數量 數字 3 資料庫連結 6 小計 數字 5 資料庫連結 7 刪除 單選格 5 資料庫連結 8 重新計算 按鈕 8 9 繼續購物 文字 8 連結 10 結帳 文字 8 連結

11 清空購物車 文字 8 連結 表 3.31 產品購物車 檔案名稱：Login_shopping.asp 記錄格式: 序號 欄名 格式 長度 附註 1 帳號 文字 8 2 密碼 文字 8 3 錯誤訊息 文字 8 帳號沒輸入 4 錯誤訊息 文字 8 密碼沒輸入 表 3.32 登入購物 處理需求: Procedure 5.1 series.asp/main.asp 點選訂購，會自動計算金額，按下確定購物 會判斷是否為會員 若 會 員 則 開 啟 shopping_cart.asp 購 物 車 計 算 金 額 ， 否 則 開 啟 Login_shopping.asp Procedure 5.2 Login_shopping.asp 登入帳號及密碼，判斷是否為會員 Procedure 5.3 shopping_cart.asp 產品購物車，可重新計算金額或加 訂購物品的數量 ，可點選結帳或 清空購物車或繼續購物

2.清空購物車

Start shopping_cart.asp Procedure 5.4 Empty.html 7DW.mdb 圖 3.13 清空購物車流程圖 檔案名稱:7dw.mdb 記錄格式: 參表 3.27 表 3.28 表 3.29 檔案名稱：shopping_cart.asp 記錄格式:參表 3.30 檔案名稱：empty.html 記錄格式: 序號 欄名 格式 長度 附註 1 購物車沒物品 文字 8

2 回產品專區 文字 8 連結 表 3.33 購物車為空 處理需求 Procedure 5.4 shopping_cart.asp 當購物車沒物品時，刪除完後，會開啟 empty.html，確認購物車為空 的訊息

3.結帳

Start Shopping_cart.asp Procedure 5.5 Final.asp Check_shopping.asp Procedure 5.6 7DW.mdb 圖 3.14 結帳流程圖 Procedure 5.7 Index03.html 檔案名稱：shopping_cart.asp 記錄格式:參表 3.30 檔案名稱:index03.html 記錄格式:參表 3.3 檔案名稱:check_shopping.asp

記錄格式: 序號 欄名 格式 長度 附註 1 收件人姓名 文字 15 資料庫連結 2 性別 下拉式選單 8 資料庫連結 3 收件人地址 文字 40 資料庫連結 4 聯絡電話 數字 10 資料庫連結 5 手機 數字 30 資料庫連結 6 確定送出 按鈕 20x8 7 重新輸入 按鈕 20x8 表 3.34 確認產品訂單 檔案名稱:final.asp 記錄格式: 序號 欄名 格式 長度 附註 1 購物成功 文字 10 2 回產品專區 文字 8 連結 表 3.35 購物成功 檔案名稱:7dw.mdb 表單名稱:TorderData 記錄格式:

序號 欄名 格式 長度 附註 1 帳號 文字 10 2 性別 文字 10 3 收件人姓名 文字 10 4 訂貨日期 日期 Now() 3 收件人地址 文字 40 4 聯絡電話 數字 10 5 手機 數字 30 表 3.36 訂購資料表單 表單名稱:TorderList 記錄格式: 序號 欄名 格式 長度 附註 1 交易編號 數字 10 2 產品名稱 文字 10 3 購買數量 數字 10 4 產品編號 文字 10 5 單品原價 數字 10 6 單品優惠價 數字 10 7 總優惠價 數字 10

表 3.37 訂購明細表單 表單名稱:GetorderID 記錄格式: 序號 欄名 格式 長度 附註 1 OrderID 數字 自動編號 交易編號 2 ID 主索引 表 3.38 交易編號表單 處理需求 Procedure 5.5 shopping_cart.asp 於購物車中，點選確定結帳，開啟 check_shopping.asp 確認訂購單 Procedure 5.6 check_shopping.asp 從資料庫中，讀取會員的資料，並填入基本表格，確認無誤後，會將 訂單存回 7dw.mdb 資料庫中 Procedure 5.7 final.asp 訂購成功，，回到主網頁

3.4.6 最新消息子系統

Start Series.asp News_show.asp Procedure 6.2 7DW.mdb 圖 3.15 最新消息導覽流程圖 Procedure 6.1 News_detail.asp Main.asp Procedure 6.3 檔案名稱：main.asp 記錄格式:參表 3.23 檔案名稱:series.asp 記錄格式:參表 3.24

檔案名稱:News_show.asp 記錄格式: 序號 欄名 格式 長度 附註 1 加入註冊會員 文字 15 連結 2 會員享有的優惠 文字 20 資料庫連結 表 3.39 最新消息主版面 檔案名稱:News_detail.asp 記錄格式: 序號 欄名 格式 長度 附註 1 標題 文字 30 資料庫連結 2 時間 文字 20 資料庫連結 3 內容 文字 20 資料庫連結 表 3.40 最新消息內容 檔案名稱:7dw.mdb 表單名稱:news 記錄格式: 序號 欄名 格式 長度 附註 1 ID 自動編號 長整數 主索引

2 標題 文字 30 3 內容 文字 255 4 建立時間 日期/時間 預設 now() 表 3.41 最新消息表單 處理需求: Procedure 6.1 main.asp/series.asp 點選旁邊的最新消息表標題，就可開啟 new_detail.asp，直接瀏覽 最新消息的內容 Procedure 6.2 news_show.asp 最 新 消 息 主 版 面 ， 點 選 會 員 享 有 的 優 惠 ， 資 料 庫 連 結 就 會 開 啟 new_detail.asp 瀏覽最新消息的內容 Procedure 6.3 news_detail.asp 最新消息內容

3.4.7 站務管理子系統

架構圖如下 站務管理子系統 產品管理區 _{最新消息管理區} 管理者登入 圖 3.16 站務管理子系統架構圖　 討論區管理區

1.管理者登入

Start 圖 3.17 站務管理者登入流程圖 7DW.mdb Login_addmin.asp Procedure 7.1 go_addmin.asp

檔案名稱:Login_addmin.asp 記錄格式: 序號 欄名 格式 長度 附註 1 帳號 文字 8 2 密碼 文字 8 3 登入 按鈕 20x8 表 3.42 管理者登入 檔案名稱:go_addmin.asp 記錄格式: 序號 欄名 格式 長度 附註 1 News 管理區 文字 10 連結 2` 產品管理區 文字 10 連結 3 討論區管理區 文字 10 連結 表 3.43 管理區主版面 檔案名稱:7dw.mdb 表單名稱:manage 記錄格式: 序號 欄名 格式 長度 附註

1 帳號 文字 10 2 密碼 文字 10 3 名稱 文字 10 4 存取等級 文字 10 5 索引 自動編號 長整數 表 3.44 管理者表單 處理需求： Procedure 7.1 Login_addmin.asp 管理者輸入帳號及密碼，則可開啟 go_addmin.asp 登入到管理區

2.產品管理區

架構圖如下 產品管理區 產品單品管理區 產品資料管理區 圖 3.18 產品管理區架構圖　 產品系列管理區

(a)

產品單品管理區

Start g o _ ad d m in .asp Pro ced u re 7 .2 Pro ced u re 7 .4 Pro ced u re 7 .3 m an _ p ro d u ct.asp m an _ p ro d u ct2 .asp ad d _ p ro d u ct.asp ad d _ su ccess.h tm l 7 d w .m d b 圖 3 .1 9 產 品 單 品 管 理 區 流 程 圖 Pro ced u re 7 .5 d elete_ p ro d u ct.asp m o d ify _ p ro d u ct.asp Pro ced u re 7 .6 m o d ify _ su ccess.h tm l Pro ced u re 7 .8 Pro ced u re 7 .7 d elete_ su ccess_ .h tm l 檔案名稱:go_addmin.asp 記錄格式:參表 3.41 檔案名稱:7dw.mdb. 記錄格式:參表 3.28

檔案名稱:man_product2.asp 記錄格式: 序號 欄名 格式 長度 附註 1 回管理區 文字 8 連結 2 新增產品 文字 8 連結 3 產品名稱 文字 8 資料庫連結 表 3.45 產品單品管理主版面 檔案名稱:add_product.asp 記錄格式: 序號 欄名 格式 長度 附註 1 中文產品名稱 文字 17 資料庫連結 2 英文產品名稱 文字 50 資料庫連結 3 功用 文字 30 資料庫連結 4 定價 數字 10 資料庫連結 5 圖示 文字 20 資料庫連結 6 產品編號 文字 10 資料庫連結 7 產品詳細資料名稱 下拉式選單 20 資料庫連結 8 折扣 數字 5 資料庫連結 9 確定新增 按鈕 20x8

10 回上一頁 按鈕 20x8 表 3.46 單品上架 檔案名稱：man_product.asp 記錄格式: 序號 欄名 格式 長度 附註 1 產品名稱 文字 15 資料庫連結 2 產品編號 文字 50 資料庫連結 3 功用 文字 30 資料庫連結 4 訂價 圖片按鈕 20x3 資料庫連結 5 詳細介紹 文字 8 資料庫連結 6 修改這產品 文字 8 資料庫連結 7 刪除這產品 文字 8 資料庫連結 表 3.47 產品管理版面 檔案名稱:modify_product.asp 記錄格式: 序號 欄名 格式 長度 附註 1 中文產品名稱 文字 17 資料庫連結 2 英文產品名稱 文字 50 資料庫連結 3 功用 文字 30 資料庫連結

4 定價 數字 10 資料庫連結 5 圖示 文字 20 資料庫連結 6 產品編號 文字 10 資料庫連結 7 產品詳細資料名稱 下拉式選單 20 資料庫連結 8 折扣 數字 5 資料庫連結 9 確定修改 按鈕 20x8 表 3.48 單品修改 檔案名稱:delete_product.asp 記錄格式: 序號 欄名 格式 長度 附註 1 中文產品名稱 文字 17 資料庫連結 2 英文產品名稱 文字 50 資料庫連結 3 功用 文字 30 資料庫連結 4 定價 數字 10 資料庫連結 5 圖示 文字 20 資料庫連結 6 產品編號 文字 10 資料庫連結 7 產品詳細資料名稱 下拉式選單 20 資料庫連結 8 折扣 數字 5 資料庫連結 9 確定刪除 按鈕 20x8

表 3.49 單品刪除 檔案名稱:add_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 新增產品成功 文字 10 2 回管理區 文字 10 連結 表 3.50 新增產品成功 檔案名稱:modify_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 修改產品成功 文字 10 2 回管理區 文字 10 連結 表 3.51 修改產品成功 檔案名稱:delete_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 刪除產品成功 文字 10 2 回管理區 文字 10 連結 表 3.52 刪除產品成功

處理需求 Procedure 7.2 go_addmin.asp 登入管理者主版，點選產品管理區，開啟 man_product2.asp 可瀏覽 產品 Procedure 7.3 man_product2.asp 點選新增產品，開啟 add_product.asp，點選產品名稱，可 man_product.asp ，查看產品內容。 Procedure 7.4 add_product.asp 填寫完加入產品的相關欄位，可開啟 add_success.html Procedure 7.5 man_product.asp 瀏覽產品詳細內容，點選修改產品開啟 modify_product.asp，點選 刪除產品開啟 delete_product.asp Procedure 7.6 modify_product.asp 修改產品 修改完後開啟 modify_success.html Procedure 7.7 delete_product.asp 刪除產品 刪除完後開啟 modify_success.html Procedure 7.8 回到管理區 其功能圖如下 產 品 單 品 管 理 區 單 品 修 改 單 品 刪 除 單 品 上 架 圖 3 .2 0 產 品 單 品 管 理 區 功 能 　

(b)產品資料管理區

Start g o _ ad d m in .asp Pro ced u re 7 .9 Pro ced u re 7 .1 1 Pro ced u re 7 .1 0 m an _ d etail2 .asp m an _ d etail.asp ad d _ d etail.asp ad d _ d _ su ccess.h tm l 7 d w .m d b 圖 3 .2 1 產 品 資 料 管 理 區 流 程 圖 Pro ced u re 7 .1 2 d elete_ d etail.asp m o d ify _ d etail.asp Pro ced u re 7 .1 3 m o d ify _ d _ su ccess.h tm l Pro ced u re 7 .1 5 Pro ced u re 7 .1 4 d elete_ d _ su ccess_ .h tm l 檔案名稱:go_addmin.asp 記錄格式:參表 3.40 檔案名稱:7dw.mdb. 記錄格式:參表 3.29

檔案名稱:man_detail.asp 記錄格式: 序號 欄名 格式 長度 附註 1 回管理區 文字 8 連結 2 新增產品資料 文字 8 連結 3 產品名稱 文字 8 資料庫連結 表 3.53 產品資料管理主版面 檔案名稱:man_detail2.asp 記錄格式: 序號 欄名 格式 長度 附註 1 產品名稱 文字 17 資料庫連結 2 功效與特色 文字 255 資料庫連結 3 功效與特色 2 文字 255 資料庫連結 4 使用方法 文字 255 資料庫連結 5 圖示 文字 資料庫連結 6 修改這資料 文字 8 資料庫連結 7 刪除這資料 文字 8 資料庫連結 表 3.54 產品資料內容管理 檔案名稱:add_detail.asp

記錄格式: 序號 欄名 格式 長度 附註 1 產品名稱 文字 17 資料庫連結 2 功效與特色 文字 255 資料庫連結 3 功效與特色 2 文字 255 資料庫連結 4 使用方法 文字 255 資料庫連結 5 圖示存放位址 文字 資料庫連結 6 修改這資料 文字 8 資料庫連結 7 確定加入 按鈕 20x8 表 3.55 新增產品資料 檔案名稱:modify_detail.asp 記錄格式: 序號 欄名 格式 長度 附註 1 產品名稱 文字 17 資料庫連結 2 功效與特色 文字 255 資料庫連結 3 功效與特色 2 文字 255 資料庫連結 4 使用方法 文字 255 資料庫連結 5 圖示存放位址 文字 資料庫連結 6 確定修改 按鈕 20x8

表 3.56 修改產品資料 檔案名稱:delete_detail.asp 記錄格式: 序號 欄名 格式 長度 附註 1 產品名稱 文字 17 資料庫連結 2 功效與特色 文字 255 資料庫連結 3 功效與特色 2 文字 255 資料庫連結 4 使用方法 文字 255 資料庫連結 5 圖示存放位址 文字 資料庫連結 6 確定刪除 按鈕 20x8 7 回上一頁 按鈕 20x8 表 3.57 刪除產品資料 檔案名稱:add_d_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 新增產品資料成功 文字 10 2 回管理區 文字 10 連結 表 3.58 新增產品資料成功 檔案名稱:modify_d_success.html

記錄格式: 序號 欄名 格式 長度 附註 1 修改產品資料成功 文字 10 2 回管理區 文字 10 連結 表 3.59 修改產品資料成功 檔案名稱:delete_d_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 修改產品資料成功 文字 10 2 回管理區 文字 10 連結 表 3.60 刪除產品資料成功 處理需求 Procedure 7.9 go_addmin.asp 登入管理者主版，點選產品資料管理區，開啟 man_detail.asp 可瀏 覽產品 Procedure 7.10 man_detail.asp 點選新增產品，開啟 add_detail.asp，點選產品名稱，可 man_detail2.asp ，查看產品資料內容。 Procedure 7.11 add_detail.asp 填寫完加入產品的相關欄位，可開啟 add_d_success.html Procedure 7.12 man_detail2.asp

瀏覽產品詳細資料內容，點選修改這資料開啟 modify_detail.asp， 點選刪除這資料開啟 delete_detail.asp Procedure 7.13 modify_detail.asp 修改產品 修改完後開啟 modify_d_success.html Procedure 7.14 delete_detail.asp 刪除產品 刪除完後開啟 delete_d__success.html Procedure 7.15 回到管理區 其功能圖如下 產品詳細資料管理區 修改產品 資料 刪除產品 資料 新增產品 資料 圖 3.22 產品詳細資料管理區功能圖　

(c)產品系列管理區

Start go_addmin.asp Procedure 7.16 Procedure 7.19 Procedure 7.17 man_series2.asp man_series.asp add_series.asp add_s_success.html 7dw.mdb 圖 3.23 產品系列管理區流程圖 Procedure 7.18 delete_series.asp modify_series.asp modify_s_success.html Procedure 7.21 Procedure 7.20 delete_s_success_.html add_series_product.asp 檔案名稱:go_addmin.asp 記錄格式:參表 3.40

檔案名稱:7dw.mdb. 記錄格式:參表 3.28 檔案名稱:man_series.asp 記錄格式: 序號 欄名 格式 長度 附註 1 回管理區 文字 8 連結 2 新增產品系列 文字 8 連結 3 系列名稱 文字 8 資料庫連結 表 3.61 產品系列管理主版面 檔案名稱：man_series1.asp 記錄格式: 序號 欄名 格式 長度 附註 1 產品名稱 文字 15 資料庫連結 2 產品編號 文字 50 資料庫連結 3 功用 文字 30 資料庫連結 4 訂價 圖片按鈕 20x3 資料庫連結 5 詳細介紹 文字 8 資料庫連結 6 產品特色 文字 255 資料庫連結

7 使用方法 文字 255 資料庫連結 8 修改這系列 文字 10 資料庫連結 9 刪除這系列 文字 10 資料庫連結 10 新增這系列單品 文字 10 資料庫連結 11 系列所屬單品 文字 10 資料庫連結 表 3.62 系列單品管理 檔案名稱:add_series.asp 記錄格式: 序號 欄名 格式 長度 附註 1 系列名稱 文字 17 資料庫連結 2 功效與特色 文字 255 資料庫連結 3 功效與特色 2 文字 255 資料庫連結 4 使用方法 文字 255 資料庫連結 5 圖示存放位址 文字 資料庫連結 6 回上一頁 按鈕 20x8 7 確定加入 按鈕 20x8 8 系列編號 文字 10 資料庫連結 9 定價 數字 10 資料庫連結 表 3.63 新增產品系列

檔案名稱:modify_series.asp 記錄格式: 序號 欄名 格式 長度 附註 1 系列名稱 文字 17 資料庫連結 2 功效與特色 文字 255 資料庫連結 3 功效與特色 2 文字 255 資料庫連結 4 使用方法 文字 255 資料庫連結 5 圖示存放位址 文字 資料庫連結 6 回上一頁 按鈕 20x8 7 確定修改 按鈕 20x8 8 系列編號 文字 10 資料庫連結 9 定價 數字 10 資料庫連結 表 3.64 修改產品系列 檔案名稱:delete_series.asp 記錄格式: 序號 欄名 格式 長度 附註 1 系列名稱 文字 17 資料庫連結 2 功效與特色 文字 255 資料庫連結 3 功效與特色 2 文字 255 資料庫連結

4 使用方法 文字 255 資料庫連結 5 圖示存放位址 文字 資料庫連結 6 回上一頁 按鈕 20x8 7 確定刪除 按鈕 20x8 8 系列編號 文字 10 資料庫連結 9 定價 數字 10 資料庫連結 表 3.65 刪除產品系列 檔案名稱:add_s_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 新增產品系列成功 文字 10 2 回管理區 文字 10 連結 表 3.66 新增產品系列成功 檔案名稱:modify_s_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 修改產品系列成功 文字 10 2 回管理區 文字 10 連結 表 3.67 修改產品系列成功

檔案名稱:delete_s_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 刪除產品系列成功 文字 10 2 回管理區 文字 10 連結 表 3.68 刪除產品系列成功 檔案名稱:add_series_Product.asp 記錄格式: 序號 欄名 格式 長度 附註 1 系列名稱 文字 10 資料庫連結 2 單品 下拉式選單 10 資料庫連結 3 新增 按鈕 20x8 表 3.69 新增產品所屬單品 處理需求 Procedure 7.16 go_addmin.asp 登入管理者主版，點選產品資料管理區，開啟 man_series.asp 可瀏 覽產品系列 Procedure 7.17 man_series.asp 點選新增產品系列，開啟 add_series.asp，點選系列名稱，可 man_series2.asp ，查看產品系列內容。

Procedure 7.18 delete_series.asp 刪除產品系列 刪除完後開啟 delete_d_success.html Procedure 7.19 add_series.asp 新增產品系列 新增完後開啟 add_d_success.html Procedure 7.20 add_series_Product.asp/modify_series.asp/delete_series.asp 瀏覽產品系列資料內容，點選修改這資料開啟 modify_series.asp， 點選刪除這資料開啟 delete_series.asp，新增這系列單品開啟 add_series_Product.asp， Procedure 7.21 回到管理區 其功能圖如下 產品系列管理區 系列修改 系列刪除 系列上架 圖 3.24 產品系列管理區功能圖　 系列所屬單品上架

3.最新消息管理區

Start g o _ ad d m in .asp Pro ced u re 7 .2 2 Pro ced u re 7 .2 5 Pro ced u re 7 .2 3 m an _ n ew s2 .asp m an _ n ew s.asp ad d _ n ew s.asp ad d _ n _ su ccess.h tm l 7 d w .m d b 圖 3 .2 5 最 新 消 息 管 理 區 流 程 圖 Pro ced u re 7 .2 4 d elete_ n ew s.asp m o d ify _ n ew s.asp Pro ced u re 7 .2 6 m o d ify _ d _ su ccess.h tm l Pro ced u re 7 .2 8 Pro ced u re 7 .2 7 d elete_ d _ su ccess_ .h tm l 檔案名稱:go_addmin.asp 記錄格式:參表 3.40 檔案名稱:7dw.mdb. 記錄格式:參表 3.38

檔案名稱:man_news.asp 記錄格式: 序號 欄名 格式 長度 附註 1 回管理區 文字 8 連結 2 新增最新消息 文字 8 連結 3 消息名稱 文字 8 資料庫連結 表 3.70 最新消息管理主版面 檔案名稱：man_series1.asp 記錄格式: 序號 欄名 格式 長度 附註 1 主題 文字 15 資料庫連結 2 內容 文字 255 資料庫連結 3 時間 文字 10 資料庫連結 4 修改這消息 文字 10 資料庫連結 11 刪除這消息 文字 10 資料庫連結 表 3.71 最新消息內容管理 檔案名稱:add_news.asp 記錄格式: 序號 欄名 格式 長度 附註

1 標題 文字 8 資料庫連結 2 內容 文字 8 資料庫連結 3 確定送出 按鈕 20x8 4 重新填寫 按鈕 20x8 5 回上一頁 按鈕 20x8 表 3.72 新增最新消息 檔案名稱:modify_news.asp 記錄格式: 序號 欄名 格式 長度 附註 1 標題 文字 8 資料庫連結 2 內容 文字 8 資料庫連結 3 確定修改 按鈕 20x8 4 重新填寫 按鈕 20x8 5 回上一頁 按鈕 20x8 表 3.73 修改最新消息 檔案名稱:delete_news.asp 記錄格式: 序號 欄名 格式 長度 附註 1 標題 文字 8 資料庫連結

2 內容 文字 8 資料庫連結 3 確定刪除 按鈕 20x8 4 重新填寫 按鈕 20x8 5 回上一頁 按鈕 20x8 表 3.74 刪除最新消息 檔案名稱:add_n_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 新增消息成功 文字 10 2 回管理區 文字 10 連結 表 3.75 新增消息成功 檔案名稱:modify_n_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 修改消息成功 文字 10 2 回管理區 文字 10 連結 表 3.76 修改消息成功 檔案名稱:delete_n_success.html 記錄格式:

序號 欄名 格式 長度 附註 1 刪除消息成功 文字 10 2 回管理區 文字 10 連結 表 3.77 刪除消息成功 處理需求 Procedure 7.22 go_addmin.asp 登入管理者主版，點選產品資料管理區，開啟 man_news.asp 可瀏 覽最新消息主版 Procedure 7.23 man_news.asp 點選新增最新消息主題，開啟 add_news1.asp，觀看消息內容。 Procedure 7.24 man_news1.asp 觀看消息內容主版，點選修改這消息，開啟 modify_news.asp，點 選刪除這消息開啟 delete_news.asp Procedure 7.25 add_news.asp 新增最新消息 新增完後開啟 add_d_success.html Procedure 7.26 modify_news.asp 修改最新消息 修改完後開啟 modify_d_success.html Procedure 7.27 delete_news.asp 刪除最新消息 刪除完後開啟 delete_d_success.html Procedure 7.28 回到管理區 其功能圖如下

最 新 消 息 管 理 區

修 改 消 息 刪 除 消 息

新 增 消 息

4.討論區管理區

(a)討論區主題管理

Start g o _ ad d m in .asp Pro ced u re 7 .2 9 Pro ced u re 7 .3 2 Pro ced u re 7 .3 0 g o _ b o rd .asp p o st_ to p ic.asp p o st_ su ccess.h tm l talk .m d b 圖 3 .2 7 討 論 區 主 題 管 理 區 流 程 圖 Pro ced u re 7 .3 1 rep ly _ to p ic.asp d elete_ to p ic.asp d elete_ su ccess.h tm l Pro ced u re 7 .3 4 Pro ced u re 7 .3 3 rep ly _ su ccess.h tm l m an ag e.m d b 檔案名稱:go_addmin.asp 記錄格式:參表 3.40

檔案名稱:7dw.mdb. 記錄格式:參表 3.18 檔案名稱:post_topic.asp. 記錄格式:參表 3.16 檔案名稱:reply_topic.asp 記錄格式:參表 3.16 檔案名稱:go_bord.asp 記錄格式: 序號 欄名 格式 長度 附註 1 發表主題 文字 8 資料庫連結 2 發言人 文字 8 資料庫連結 3 點選 文字 8 資料庫連結 4 回應 文字 8 資料庫連結 5 回應時間 文字 8 資料庫連結 6 發表主題 文字 8 連結

7 回會員區 文字 8 連結 8 修改回應主題 文字 8 連結 9 筆數 文字 8 資料庫連結 表 3.78 管理討論區主版面 檔案名稱:delete_topic.asp 記錄格式: 序號 欄名 格式 長度 附註 1 作者 文字 8 資料庫連結 2 性別 文字 8 資料庫連結 3 e-mail 文字 8 資料庫連結 4 時間 文字 8 資料庫連結 5 內容 文字 8 資料庫連結 6 發表新主題 文字 8 連結 7 回覆主題 文字 8 連結 8 回覆者 文字 8 資料庫連結 9 回覆者性別 文字 8 資料庫連結 10 回覆者 e-mail 文字 8 資料庫連結 11 回覆者時間 文字 8 資料庫連結 12 回覆者內容 文字 8 資料庫連結

13 回覆者篇數 數字 8 資料庫連結 14 刪除 按鈕 20x8 15 回上一頁 按鈕 20x8 表 3.79 刪除主題內容 檔案名稱:post_m_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 刊登主題成功 文字 10 2 回討論區 文字 10 連結 表 3.80 刊登主題成功 檔案名稱:reply_m_success.html 記錄格式: 序號 欄名 格式 長度 附註 1 回覆主題成功 文字 10 2 回討論區 文字 10 連結 表 3.81 回覆主題成功 檔案名稱:delete_m_success.html 記錄格式: 序號 欄名 格式 長度 附註

1 刊登主題成功 文字 10 2 回討論區 文字 10 連結 表 3.82 刪除主題成功 處理需求 Procedure 7.29 go_addmin.asp 登入管理者主版，點選討論管理區，開啟 go_bord.asp 可瀏覽討論 區主版。 Procedure 7.30 go_bord.asp 首先會去資料庫檢查管理者的表單是否正確，才可進入此網頁 點選新增發表主題，開啟 delete_topic.asp，觀看消息內容。 Procedure 7.31 delete_topic.asp 觀看消息內容主版，點選修改這消息，開啟 modify_news.asp，點 選刪除這消息開啟 delete_news.asp Procedure 7.32 post_topic.asp 管理者新增主題，新增資料到資料庫中，加入完後開啟 post_m_success.html Procedure 7.33 reply_topic.asp 管理者回覆主題，回覆完後開啟 reply_m_success.html Procedure 7.34 回討論區 其功能圖如下

討論區主題管理

回覆主題 刪除主題 發表主題

圖 3.28 討論區主題管理功能圖　

(b) 回覆主題管理

S ta r t P r o c e d u r e 7 . 3 6 P r o c e d u r e 7 . 3 5 g o _ b o r d . a sp g o _ r e p ly b o r d . a sp d e le te _ r e p ly T o p ic . a sp ta lk . m d b 圖 3 . 2 9 回 應 主 題 管 理 流 程 圖 P r o c e d u r e 7 . 3 7 d e le te _ r e p ly su c c e s s. h tm l P r o c e d u r e 7 . 3 8 檔案名稱:go_bord.asp 記錄格式:參表 3.74 檔案名稱:7dw.mdb. 記錄格式:參表 3.221 檔案名稱:go_replybord.asp

記錄格式: 序號 欄名 格式 長度 附註 1 發表主題 文字 8 資料庫連結 2 發言人 文字 8 資料庫連結 3 點選 文字 8 資料庫連結 4 回應 文字 8 資料庫連結 5 回應時間 文字 8 資料庫連結 6 發表主題 文字 8 連結 7 回會員區 文字 8 連結 8 筆數 文字 8 資料庫連結 表 3.83 回應主題管理主版面 檔案名稱:delete_replyTopic.asp 記錄格式: 1 回覆主題 文字 8 連結 2 回覆者 文字 8 資料庫連結 3 回覆者性別 文字 8 資料庫連結 4 回覆者 e-mail 文字 8 資料庫連結 5 回覆者時間 文字 8 資料庫連結 6 回覆者內容 文字 8 資料庫連結

7 刪除 按鈕 20x8 8 回上一頁 按鈕 20x8 表 3.84 刪除主題內容 檔案名稱:delete_replysuccess.html 記錄格式: 序號 欄名 格式 長度 附註 1 版主刪除成功 文字 10 2 回討論區 文字 10 連結 表 3.85 版主刪除回應主題成功 處理需求 Procedure 7.35 go_bord.asp 管 理 者 進 入 修 改 主 題 的 版 面 ， 點 選 修 改 回 應 主 題 ， 會 開 啟 go_replybord.asp。 Procedure 7.36 go_replybord.asp 此版面為修改回應主題主版面，可查看各個主題相關的回覆資料，會 區資料庫中，點選各回覆主題，可開啟 delete_replytopic.asp。 Procedure 7.37 delete_replytopic.asp 可查看各個回應主題，會去資料庫中，抓取 reply 表單的資料，及其 所屬的主題，若按刪除，則可以刪除此篇回覆文章，開啟

delete_replysuccess.html。 Procedure 7.38 delete_replysuccess.html 刪除成功，點選回討論區文字連結，可回到討論區主版面。 其功能圖 回覆主題管理 刪除回覆主題 圖 3.30 回覆主題管理功能圖　 瀏覽回覆主題

第四章 系統製作

系統製作也是一個資訊系統開發過程中，頗為重要的一環，所需 的工作時間、人力和費用在整個資訊系統的開發成本佔有一個很大的 比例。系統製作就是把一個概念轉為一個實體的過程，一般而言，每 一個系統的製作包括三個部分： 1.Input ：系統的輸入畫面。 2.Process ：執行處理的過程。 3.Output ：系統的輸出畫面。 以下將就營業子系統各個功能一一做詳細的介紹：

4.1 營業子系統入口

1. input : 系統動畫製作環境 圖 4-1-1 動畫製作環境

2. Process 首先由網站的inde，點選enter ，開始撥放15秒的動畫， 此動畫是藉由Flash、結合了音效、聲光、圖片，來製作網站片頭 動畫。 Output: 網站Index 圖4-1-2 網站Index 網站動畫(I) 圖4-1-3 網站動畫(I)

網站動畫(II)

圖4-1-4 網站動畫(II) 網站首頁

4.2 會員申請功能

本網站採用會員登入制，所以使用者必需先成為網站會員才能使 用會員登入、瀏覽相關書籍資料及使用網站的其他功能，本子系統其 主要的功能是讓使用者註冊成為網站的合法會員，因為成為會員後才 能登入網站且有資格購買書籍、建立帳單及使用網站的其他功能。 此功能分成了三個子功能： 1.會員註冊 2.會員登入 3.會員修改 1.會員註冊 （a） Input ： 首先 看完網路會員同意書按確定後，開始填寫會員表單及其個人相 關資料後，選取確定鈕即可將資料回傳給系統，如果選擇重填鍵，則 會清除所有資料欄位，讓使用者可以重新輸入。 網路會員同意書

圖 4-2-1 網路會員同意書(I) 網路會員註冊書 按同意

圖 4-2-2 網路會員同意書(II) key in 網路會員表單

圖 4-2-3 會員註冊表單(I) Key in 會員基本資料