中 台 科 技 大 學  

中 台 科 技 大 學  

資 訊 管 理 系

畢 業 專 題

網 路 電 腦 販 售

指導老師：林耀仁老師 學生：班級 GM4A

郭誌偉 鄧竣文 趙育德 丁秋萍 巫岱穎

中 華 民 國 九 十 九 年 十 二 月

感謝函

感謝在各自都有忙碌的工作以及其他課業之餘的各組員辛勞的奉獻與合 作，讓我們歷經了從無到有的專題，雖然不像孕育十月的胎兒出生那樣那麼偉 大，但我想我們就像終於憋著氣一口氣把它生出來了一樣的努力。

以及謝謝導師 林耀仁老師平時在專題課的關照及提醒，才讓我們有警覺心 去積極的面對對我們來說是畢業的關鍵也是出社會後可運用到的專業知識。

摘要

以現代的社會型態與生活形式，「網路直銷」在現今的台灣快速的發展，以 現代的網路普遍和直銷的傳播都達到成熟階段，我們何不順應世界的潮流把網 路與電子化直銷的合作，進而達到民眾的需求與最大的服務，使資訊化社會進 入更完善的境界，讓我們擁有更便利的資訊科技生活及更有效率的生活品質。

目錄

第一章 緒論

1.1 研究背景與動機………1

1.2 研究目的………2

1.3 系統軟硬體設備………3

第二章 系統簡介與製作 2.1 系統概述………4

2.1.1 管理者………4

2.1.2 會員………4

2.1.3 產品………5

2.1.4 交易………5

2.2 討論階段………6

2.2.1 研究階段………6

2.2.2 製作過程………6

2.2.3 實作階段………7

2.3 系統流程………8

2.3.1 會員流程圖………8

2.3.2 管理者流程圖………9

第三章 系統架構

3.1 系統樹狀圖………10

3.1.1 基本作業樹狀圖………11

3.1.2 交易作業樹狀圖………12

3.1.3 報表作業樹狀圖………13

3.2 系統架構說明………14

3.2.1 首頁………14

3.2.2 電腦介紹頁面………15

3.2.3 螢幕介紹頁面………16

3.2.4 會員………17

3.2.4.1 會員註冊………17

3.2.4.2 會員登入………18

3.2.4.3 選購產品………20

3.2.4.4 顯示訂單………21

3.2.4.5 取消訂單………23

3.2.4.6 修改資料………24

3.2.4.7 訂單查詢………26

3.2.5 管理者………27

3.2.5.1 管理者註冊………27

3.2.5.2 管理者登入………28

3.2.5.3 管理區………28

3.2.5.4 訂單查詢………29

3.2.5.5 會員資料查詢………30

第四章 系統分析圖 4.1 資料流程圖(DFD)………31

4.1.1DFD 圖………32

4.1.2 會員 DFD 圖 ………33

4.1.3 交易 DFD 圖 ………34

4.1.4 報表 DFD 圖 ………35

4.2 實體關係圖(E-R Model)………36

第五章 結論與未來發展 ………37

參考文獻 ………39

附錄 ………40

圖目錄

圖 2-1 會員流程圖 ………8

圖 2-2 管理者流程圖 ………9

圖 3-1 系統樹狀圖………10

圖 3-2 基本作業樹狀圖………11

圖 3-3 交易作業樹狀圖………12

圖 3-4 報表作業樹狀圖………13

圖 3-5 首頁………14

圖 3-6 電腦介紹頁面………15

圖 3-7 螢幕介紹頁面………16

圖 3-8 會員註冊………17

圖 3-9 註冊成功………18

圖 3-10 會員登入 ………18

圖 3-11 會員中心 ………19

圖 3-12 會員登出 ………19

圖 3-13 選購商品 ………20

圖 3-14 商品數量 ………20

圖 3-15 顯示清單 ………21

圖 3-16 確認購買 ………22

圖 3-17 完成訂單 ………22

圖 3-18 取消訂單 ………23

圖 3-19 確認取消 ………24

圖 3-20 會員資料修改 ………24

圖 3-21 會員資料修改動作 ………25

圖 3-22 修改完成 ………25

圖 3-23 訂單查詢 ………26

圖 3-24 管理者註冊 ………27

圖 3-25 管理者註冊成功 ………27

圖 3-26 管理者登入 ………28

圖 3-27 管理區 ………28

圖 3-28 訂單查詢 ………29

圖 3-29 會員資料查詢 ………30

圖 4-1 資料流程圖………31

圖 4-2 DFD 圖………32

圖 4-3 會員 DFD 圖………33

圖 4-4 交易 DFD 圖………34

圖 4-5 報表 DFD 圖………35

圖 4-6 實體關係圖………36

表目錄

表 1-1 硬體配備表………3 表 1-2 軟體設備………3

第一章 緒論

1.1 研究背景與動機

現今資訊爆發的時代，網路科技越來越發達，許多業者也紛紛利用網路來 達到廣告及買賣的效果，讓消費者可直接透過網路，了解所欲購買產品之內容，

使其能輕鬆上網購物付款，滿足消費者日新月異的購物需求，更為消費者省去 了許多時間及金錢。然而，現代人上網機率普遍提升許多，所以賣方不需要浪 費太多的廣告宣傳活動，省去大量的資金，進把這項福利轉入消費者身上，這 才是供應者與消費者的最大福音。

「網路行銷」在過去的幾年來，為世界各地開創了一個嶄新的商業機會。

由於傳統的商業社會經過千百年來的發展，逐漸形成一個精密而牢不可破的網 路社會，然而，每一個行業都可以找到稱霸一方的佼佼者，但對初初起步的小 型企業而言，想要超越或脫穎而出其實並不容易，唯一的機會就是抓住一個新 世紀、新趨勢的來臨。

在現今科技不斷突飛猛進，網路技術不斷更新，電腦、網路已成為大家生 活必需品，而拍賣網站的成立，對於一般消費者來說，可說是打破了既有的消 費習慣，朝著另一種特定形式的交易規則來買賣物品，提供給賣方一種新的行 銷通路及買方的另一種消費模式，讓即時購物系統為消費者帶來更便利、更效

率的方法，也是未來的重要趨勢。本組針對網路商店所需具備之功能做一深入 之研究與探討，進而了解其網頁內部之運作。

1.2 研究目的

網際網路上的電子商務發展已經成為全球注目的焦點，其中影響人們生活最直 接的莫過於打破地理隔閡的網路虛擬商店。許多企業、商家紛紛在網路上建置 各式各樣的網路虛擬商店，欲在這個新興產業中得到商機。

由於電腦與資訊科技的快速發展，提升了工作效能與生活品質，尤其是網 路技術的應用普及，讓世界成為地球村，散落在世界各地的使用者，都可以透 過網路來取得或傳送資訊。

如何在訊息萬變的競爭環境中建立自己的競爭優勢，運用策略以突破困 境，以創造新情勢，維持企業持續發展，是企業經營必須深入探討的課題。本 組專題主要是針對「電腦直銷」其內部之相關作業，進行基本之電腦化。

1.3 系統軟硬體設備

硬體設備

硬體配備(以 Web Server 為主)

配備 規格

CPU Intel

RAM DDR3 1333 1GB

Motherboard G41MT-S2/D3 主 機板 HDD 500GB SATAII HDD

CD-ROM DVD 光雕機

NetCard 10/100/1000Mbps Screen 20 吋

表 1-1 硬體配備表 軟體設備

軟體設備

作業系統 Windows XP 資料庫系統 Mysql

網頁製作軟體 Dreamweaver CS3、PhotoImpact X3 軟體 Microsoft Office2003、

瀏覽器 Internet Explorer 7.0 表 1-2 軟體設備

第二章 系統簡介與製作

2.1 系統概述

系統對象針對欲發展網路行銷以及有意願在網路上消費的消費者。而我們 的系統特色為「網路行銷」，最大的優點就是使用者不管在何處，只要使用能連 上網路的多媒體設備，即可輕鬆的使用該網站的服務。

「網路行銷」要成功，重要的是能夠改善人們的生活品質，因此網路經營，

要站在消費者的立場來思考，才能真正創造出最符合客戶需求的網站。

2.1.1 管理者

管理者可經由輸入帳號及密碼進入管理者的管理區域進行管理的工作，管 理者可由訂單查詢的功能進入並輸入日期即可獲得當日的訂單狀況並進行採購 動作，此功能可知道該客戶所買的物品編號，而也可利用會員的身分證字號做 查詢，得知會員的資料。

2.1.2 會員

為了讓使用者能夠以簡單且易懂的方式操作本網站，我們免費提供了會員 資料註冊的服務，這項功能能讓使用者及時的線上註冊，並且能夠讓使用者如 對自己的個人有任何的問題或是想修改的時候，使用者可透過會員資料修改的 功能做更正的動作。

此外，會員資料的建立也是為了讓管理者方便的管理，或是當管理者在訂 單上有任何問題時，需要與使用者聯絡或是查詢該會員的資料時，可透過會員 資料的建立與使用者做溝通的動作。會員資料的建立也同時可了解該會員的消 費型態，這項系統的優勢是讓管理者可了解所有會員的消費型態，並對本網站 的產品作及時的更新。

2.1.3 產品

本網站也在首頁上提供了所有產品的圖像與型號，這樣是為了讓使用者第 一步就能夠知道自己所購買產品的樣式。一般使用者往往都會不明白自己所購 買的產品是否是好還是壞，所以本網站也提供了產品資料的說明，例如:產品的 規格、樣式與型號，等…

2.1.4 交易

加入會員的客戶們，可輕鬆在首頁頁面選擇欲購買的產品，也可進入介紹 頁面看詳細的電腦或螢幕規格，然後登入已註冊過之會員帳號前往購買及填寫 數量，若想取消訂單，可直接在確認購買頁面上按取消訂單即可，若確定下單，

按下確認購買，便可完成購物流程，選單最後會以需匯款帳號通知，頁面也會 有詳細購物後的等待期間及注意事項。

2.2 討論階段

對於專題的方向，一開始其實摸不著頭緒，最後我們討論到「網路買賣」，

其實這名詞很熟悉，而我們現代也常在生活中碰觸它，進而習慣它，甚至不能 沒有它，但我們可以在網路上賣什麼呢？怎麼賣？

2.2.1 研究階段

這期間我們不斷參考歷屆學長所作的專題和老師的意見，以及上網尋找網 路上相關資訊，進而能讓專題發揮我們的所學知識及專長，也因為其中組員對 於電腦方面的零件買賣有經驗故想由這方面開始著手進行，而我們在資訊管理 系這三年來的學習，對電腦也比較熟悉及瞭解，於是我們都舉手讚成往電腦買 賣方向邁進。

2.2.2 製作過程

經由網路搜尋我們理想中的網站架構，但實作上遇到技術性的困難，就我 們目前學習到的及能力範圍內，無法達到我們的需求，在經小組的一再討論，

即便遇到重重困難，我們還是要學以致用，努力把專題完成至極致。

2.2.3 實作階段

一開始我們先從資料庫著手進行，Mysql 是最簡單也是我們最熟悉的資料庫 語言，雖然一開始大家為了這個系統平台專題曾經一度停擺，即便如此，我們 努力不懈，研究相關書籍，也建立了我們所需要的資料表，我們相信，有好的 開始就是成功的一半。

在組員們寫查詢、刪除及修改方面的功能時候，一直沒有辦法突破在表單 上下程式的窘境，後來經由老師的指導及組員的再三研究終於還是將這些困難 依依克服了。

經過一番波折好不容易完成的資料庫建立完畢，負責網頁美工部分的我們 開始找尋其它相關網站的架設及排版，雖然我們一度因為想要的網站模式不 一，但有同樣的想法，就是簡單大方不添加多餘色彩的樣式最為能讓我們接受，

故“黑灰＂這兩種顏色是最為能襯托出我們要的風格，那就著手動作吧！

網站首頁部分完成後，後續的頁面都很順利，而雖然資料庫一度被老師提 出我們少了一個重點部分，因而流成要重新改造，造成組員信心一度減弱，還好 士氣未減，更讓我們有衝勁去完成改造任務了！組員的不懈可擊終於在關鍵時刻完完整整的 把我們所缺少的呈現了出來，我們才大鬆了一口氣，努力還是會有相對代價的，我們相信！

2.3 系統流程 2.3.1 會員流程

2.3.2 管理者流程圖

第三章 系統架構

3.1 系統樹狀圖

3.1.1 基本作業樹狀圖

3.1.2 交易作業樹狀圖

3.1.3 報表作業樹狀圖

3.2 系統架構說明 3.2.1 首頁

3.2.2 電腦介紹頁面

3.2.3 螢幕介紹頁面

3.2.4 會員

3.2.4.1 會員註冊

可由此頁面填寫個人資料來註冊會員

告之使用者並可前往至購買網頁

3.2.4.2 會員登入

為確保註冊人員與使用人員為相同，至此需再填入你所登記的帳號與密碼

確定會員帳號後，即可前往購買頁面

若使用者不想登入該帳號，可選取登出的動作

3.2.4.3 選購產品

在此選購你所需要的產品

填入你所需要的產品數量

3.2.4.4 顯示訂單

若此動作為最後的購買項目，可點選清單查看所有購買的產品及明細

此頁面會顯示所有您購買的產品型號、總數量及總價錢讓您確認

完成訂單告示與須注意事項

3.2.4.5 取消訂單

若想取消某項產品可由訂單狀態欄位來取消

顯示與確認該產品是否取消

3.2.4.6 修改資料

使用者也可點選會員資料修改來做更改的動作

表示已完成修改的動作

3.2.4.7 訂單查詢

使用者可由此輸入帳號做歷史資料的查詢

3.2.5 管理者

3.2.5.1 管理者註冊

管理者須由此頁面先進行註冊動作才可進入管理區進行管理動作

3.2.5.2 管理者登入

管理者可輸入公司配給的帳號密碼登入來做管理

3.2.5.3 管理區

3.2.5.4 訂單查詢

管理者可查詢期間內所有的訂單來做採購的動作

3.2.5.5 會員資料查詢

輸入會員帳號管理者即可查詢到會員的註冊資料

第四章 系統分析圖

4.1 資料流程圖(DFD)

4.1.1DFD 圖

4.1.2 會員 DFD 圖

4.1.3 交易 DFD 圖

4.1.4 報表 DFD 圖

4.2 實體關係圖(E-R Model)

第五章 結論與未來發展

一個好的「網路行銷」模式，其實並不侷限在指有特定的幾種方法而已。

以往我們普遍認為要讓消費者能夠認識我最好的方式就是打廣告，但對於做一 個成功「網站行銷」，我們的想法是不管是銷售的門面或是網站內部管理，都是 很重要的要一門課程。本組組員透過不斷的研究與討論，盡量的將此系統做的 更完善，並依據實際需求去開發便利的使用功能。

雖然在學校已經學習到資訊方面之相關理論與知識。但是待自己親身接觸 網路開發時，才會發現理論與實務之間仍是有差距的，從組員與老師協調發問 中，至進行溝通和對網路系統進行了解等，每一項都是一門學問。其中以開發 資料庫為最重要及費時。因為唯有從組員不斷地測試中得到正確之資訊，才能 正確地進行系統分析與設計，也才能確保完成之系統能符合使用者之需求。

由於每個人表達能力不同，領會能力也不同，因而在進行網路系統作業流 程了解及使用者需求時，必須一而再的將所獲資訊重新整理，再將結果與組員 們作相關的確認，才能確保系統之分析設計無誤，進而完成系統預期之目標。

此外，對於以往所學各門知識之間的連貫、整合與應用，及將理論知識與業界 實務作連結，也是在此專題進行中所感受到的，理論與實務雖有不同之做法，

但實務仍舊需要理論基礎去支持。

由於資訊科技的不斷進步，使得行銷的做法得以從早期的大量行銷，轉為 目標行銷，再演進到目前的個人化行銷。實體賣場很難蒐集的個人瀏覽及購買 記錄、消費者個人的購買偏好，都因著網際網路的技術與購物機制的配合而能 快速取得、線上即時推論，再針對個別顧客給予回應。本專題基於這個趨勢，

提供了經營者有效管理其產品、會員以及銷售活動，掌握與記錄每個消費者的 瀏覽習性，為「網路行銷」帶來更大的生存優勢。

藉由老師與組員們之間的合作，製作網路直銷系統，使我們深切體會如何 進行一個專案的開發，從問題之了解、系統之設計、製作以至於後期之連結上 線，各個階段都是系統成功之關鍵。

在此專題製作過程中我們學習到如何將我們四年所學的知識融會貫通運用 到實際的應用，在此過程雖然辛苦，但是組員們都努力不懈的奮鬥，又讓我們 學習到團結的力量，很高興能有製作專題的機會，並且能將我們的專題發表出 來，讓我們學習到很多很寶貴的經驗。

參考文獻

1. Dreamweaver CS3 資料庫網站設計 for PHP 實戰演練、蔡國強編著 出版者:加樺國際有限公司、出版年月：2008.06

2. http://sample.ctust.edu.tw/ 林耀仁/public/書面範例 3. 中台科技大學 九十年五月資訊管理系畢業專題：網路商店

班級：二資二甲、指導老師：詹肇雄 老師

4. 中台科技大學 九十年五月資訊管理系畢業專題：中台電腦直銷網 班級：BM2D、指導老師：詹博洲 老師

附錄一 資料字典

資料表一、會員 user 主鍵值 uid

中文名稱 欄位名稱 型態

會員身分證 uid varchar(10) 會員密碼 pass varchar(20) 會員等級 level varchar(10) 會員姓名 user_name varchar(10) 會員電話 user_tel varchar(20) 會員郵政區號 user_postcode varchar(10) 會員地址 user_address varchar(50) 會員信箱 user_mail varchar(20) 會員銀行 user_bank varchar(20) 會員銀行號碼 user_account varchar(20)

資料表二、產品 product

主鍵值 pid

中文名稱 欄位名稱 型態

產品編號 pid int

產品名稱 name varchar

產品價格 price int

資料表三、訂單 order

主鍵值 oid

中文名稱 欄位名稱 型態

訂單編號 oid int

會員身分證 uid varchar

訂單時間 time date

資料表四、訂單細節 detail

主鍵值 did

中文名稱 欄位名稱 型態

細節編號 did int

訂單編號 oid int

產品編號 pid int

訂單產品數量 quantity varchar 訂單產品狀態 altv int

資料表五、管理者 superintendent

主鍵值 manager_number

中文名稱 欄位名稱 型態

管理者編號 manager_number int 管理者身分證 manager_id varchar 管理者姓名 manager_name varchar 管理者密碼 password varchar

附錄二 組員貢獻

資料表六、組員貢獻

學號 姓名 工作

G09503042 巫岱穎 網頁美工、書面統整 G09608014 郭誌偉 資料庫建立、製作 G09608027 鄧竣文 書面製作、網站統整 G09608045 趙育德 資料庫建立、製作 G09608048 丁秋萍 網頁美工、書面製作