1

第一章 緒論

1.1 研究背景

棒球運動是我國很早期就開始發展的運動項目，如早期的紅

葉少棒、金龍少棒等都是揚名國際；一直發展至今，已有國內職

棒比賽及國家代表隊，屢屢代表國家出賽打亞錦賽、世界盃甚至

奧運等國際級賽事，成績名列前茅，因此包含日本、美國大聯盟

等，皆已視台灣為棒球強國，不少球探紛紛前來挖角，棒球在台

灣可稱之為國球，當之無愧。

台灣的室內棒壘球打擊練習場大約誕生於 1990 年，那時台灣

才剛成立職業棒球聯盟，加上國民所得提升，民眾也越來越重視

休閒活動，因此腦筋動得快的業者，立刻引進機械式投球手臂，

並如預期的受到熱愛棒球的民眾歡迎，令此類的室內打擊場一間

一間成立，前景一片看好；然而，之後卻因為爆出中華職棒簽

賭、打假球事件，使得球迷對職棒的熱情迅速冷卻，導致國內棒

球風氣一度消退，連帶影響了室內打擊場的生意，造成許多打擊

場因此而倒閉；不過，隨著陳金鋒、王建民等球員接連登上美國

大聯盟，使得這股棒球熱再度燃起，同時也燃起了棒壘球打擊練

習場的商機。

室內打擊練習場提供一個完善的場地，供民眾體驗與娛樂休

閒的場所，而對於職業的玩家來說，更是一個可以練習的地方；

隨著棒球打擊場一間一間的設立，互相競爭的情況在所難免，如

何做好宣傳是第一步重要的課題。

2

1.2 研究動機

在這資訊時代，網際網路的成長與商業發展已成為全球企業

追逐的風潮，因為網際網路的普及化與生活化，網際網路快速的

漫延，上網人口日益增加，網際網路不再只是報章雜誌科技版的

新聞，它已走入各行各業，改變了人們的工作、生活與學習方

式。

企業經營以「快速」為追求的目標，為了因應急遽變化的經

營環境，網際網路也為企業創造了一個全新的經營工具和交易管

道，業者與顧客可以透過網站（Web），就可以使資訊傳遞更為

快速，產品訊息容易互相流通，這將會成為未來的生活與商業交

易型態，對現今的企業而言，能幫助企業解決問題與發掘潛在機

會的資訊，這些資訊中當然也包括了網站之建置，且企業建置網

站不僅可為企業簡化流程，還可以降低人力成本與人為疏失機

率，因此網站也是未來產業行銷必須建立的目標，且該如何運用

網際網路讓企業在競爭市場中脫穎而出，是企業主管們關心的課

題。

現今各個企業所熱衷追求的資訊化主題顧客關係管理

（ Customer Relationship Management ； CRM）是電子商務

（Electronic Commerce；EC）領域中的重要議題。企業透過顧

客關係管理，就能掌握顧客喜好，彼此關係因此而成立，同時顧

客所感到的價值也會因此而提高。顧客關係是指藉由顧客觀點整

體的改變，以達到對顧客的了解。電子商務則是希望透過資訊系

3

統達到整個交易過程的整合。因此，企業若能將電子商務與顧客

關係管理合二為一，其競爭優勢之強大，將會不可言喻[1]。

1.3 研究目的

隨著網際網路越來越發達，上網人口數也越來越多，幾乎每

個廠商在進行平面媒體或者電視媒體廣告宣傳之餘，都會建置自

己的網頁以提供客戶服務，而社會大眾也不再將電視廣告做為消

息最大來源，大部分的民眾都會在購物時先去購物網站查閱相關

資訊、比較價錢，要出遊時則去旅遊網站試規劃路線與計畫，當

然也因為網路瀏覽的人口眾多，公司建置一個具有電子商務性質

的服務網站，也成為理所當然的事情，因為相較於電視及報章雜

誌媒體的廣告費用驚人，建置網站的成本反而算是經濟又實惠的

一種選擇。

當得知能與洛磯山棒壘運動主題館合作，本組成員感到非常

高興，因為這個專案給了我們一個很好的學習機會，透過建置一

個電子商務網站，而透過與廠商的討論，本組成員將建置商務網

站的目標歸納出以下幾點：

1. 安全、快速、互動性高、資訊多元化的商務網站。

2. 廠商能藉由網站達到低成本行銷的目的。

3. 廠商能透過網站開發更多客源，增加銷售管道，提升公司收

益。

4. 期盼顧客能經由網站了解更多有關棒壘球的資訊。

4

因為本組的目標是建置一個安全、快速、資訊多元化的網

站，因此本組也將參考同性質網站的內容與以比較，一般同性質

的運動主題館網站通常只有很基本的產品介紹以及服務內容，但

是本組認為這樣子是不夠的，會來參觀網頁的顧客都是棒球運動

的愛好者，因此顧客也許會希望了解更多有關於棒壘球的事情，

所以本組初步預計將會在網站之中加入一些有關於棒壘球運動的

相關資訊，後端則建立資料庫留言版，提供顧客在網站留言的園

地。

5

1.4 研究流程

先確立研究主題，依據研究的動機與目的，界定出所想探討

之問題方向，並針對研究之主題進行資料蒐集與探討，其後再經

由廠商訪談確立網站內容及功能建置之需求，其後擬定評估方式

與步驟並討論評量其商務網站，最後提出結論與建議，全部流程

如圖 1.1。

圖 1.1 研究流程圖

網站設計與規劃

蒐集相關資料

廠商訪談

評估與

分析

確立研究主題

網站建置

測試與修正

結論與建議

6

1.5 合作廠商介紹

表 1.1 洛磯山營業登記資料表

營利事業名稱 洛磯山有限公司

負責人姓名 鄭乃夫

統一編號 28061371

營利事業所在地 臺南市中西區西湖里中華西路 2 段 855 號

1 樓

公司登記現況 核准設立

組織類型 有限公司

資本額(千元) 2,000

營業項目

1. 其他運動場（館）(874299)

2. 兒童樂園綜合遊樂場(900112)

3. 食堂麵店小吃店(511014)

核准設立日期 0950420

現況 核准設立

洛磯山棒球主題館位於台南市中華西路與和緯路口，由金晌餐飲

規劃設計公司整體規劃，發展成最具休閒娛樂性的聚會場所。佔地一

千兩百坪的洛磯山棒壘球運動主題館，以多樣化綜合性娛樂場所的型

態，提供消費者更全方位的休閒服務，顛覆台灣棒壘球休閒場所以往

的單調型態，改以專業、先進的棒壘球打擊設備，結合主題式餐飲

吧，顧客可以在二樓勘景台上享受美食、欣賞夜景，也可以在運動廣

7

場上打羽球、排球，進行活動，或是參與主題館每日的節目活動。

定時、定量的運動，對於現代人的生活而言，跟定時、定量的用

餐一樣的重要，同樣地，跟用餐時會選擇燈光美、氣氛佳的餐廳一

樣，運動時的情境設定和趣味性，也漸漸地愈來愈被重視。不僅如

此，與用餐相同之處，就是運動也可以呼朋引伴，召集志同道合的夥

伴，交流彼此的情誼。

洛磯山提供的各項軟硬體娛樂服務包含了：

（一）寬敞舒適的室內棒壘打擊球道，有 80KM、100KM、

120KM、140KM 球速可供選擇，全部打擊道可以隨時變換

球速。

（二）映像式的打擊練習機，有台南地主隊～中華職棒統一獅球

團的球員動畫可供選擇，在 1：1 的螢幕顯像上為打擊者

投出每一顆球，讓人更有身歷其境的感受。

（三）８台最新型投籃機。

（四）４台最新型飛鏢機。

（五）投準測速９宮格。

（六）專業燈光照明，採用防反射螢幕，可防止周圍有害光（照

明燈光、太陽光的反射），造成視線不良。

（七）專業球道設計，球道角度精算設計，打擊無視差。

（八）戶外美食吧讓客人在運動之餘，也可以坐下來休息一下，

享用美食。

（九）場內還有各式各樣的球類相關商品販售區。

洛磯山擁有舒適安全的打擊環境，寬敞且舒暢適又乾淨的打擊環

境，打擊區不惜成本以完全室內的空間提供優良的打擊環境；親切的

8

服務人員，對服務品質相當重視，該公司要求服務人員要專業且熱忱

以及親切度；時常舉辦多樣的活動，與中華職棒合作，不定期舉辦各

種活動。

第二章 文獻探討

9

2.1 網際網路

網際網路(Internet)實際上並不是真正的網路，簡單來說，

網際網路就是將地球上所有的電腦連接起來的超級大網路，它提

供的是一種新的、開放的資訊交流與溝通模式，但它被發明之

初，並不是提供給一般民眾使用的。

其實網際網路是由美國國防部在 1960 年代所研發的網路連結

技術，研發的目的是為了讓分布在全美各地的大學電腦（因為這

些大學接受了國防部的研究計畫）彼此連接在一起，它主要的想

法就是設計一個沒有控制中心的網路系統，讓每台電腦的功能都

一樣重要，資料可以透過任何一台電腦、任何一條可用路線來傳

輸，如此一來，能令國家防衛系統永不斷線之外，還能避免網路

中斷而導致的資訊遺失，確保網路資訊傳輸上的完整性、相容性

及安全性。網際網路開始只用於美國軍事上，但是隨著科技進

步，使得民間硬體設備普及率提高，同時也由於資訊大量交流的

需求，因此從 1986 年開始，網際網路就轉變成為一般具有傳輸

實用性與商業用途的網路[2]。

根據市場研究機構 eMarketer 調查[3]，至 2006 年底為止，

全球網際網路使用人口數已經達到總人口數的六分之一，也就是

超過十億人會使用網際網路，而在台灣，根據台灣網路資訊中心

的「台灣寬頻網路使用調查」[4]，上網的普及率則達到百分之

六十七，大約一千六百萬的民眾會使用網路。

前面提到，網際網路是將全世界的電腦都連結起來，這種將

10

各種不同網路連接起來並提供一致性的技術，稱為「網路聚合體

(metanetwork)服務」，而在應用程式方面，因為網際網路傳輸

資料的速度很快，快到在數秒內就可繞行地球一周，所以它能夠

提供了包括電子郵件 (Electronic Mail) 、檔案傳輸 (File

Transfer) 以 及 遠 地 登 錄 (Remote Login) 、 電 子 佈 告 欄

（Bulletin Board System）等幾種基本服務。

根據網際網路的特性，它提供了使用者下列幾個功能：

（一）交流資訊：正所謂：「秀才不出門，能知天下事」，使用

者透過網路可以擴大視野，迅速得到所需的資料。例如：

透過網路，使用者只要坐在家哩，就可以查閱國家圖書館

網站中的書籍資訊，快又方便，雖然需要付費，但至少不

用大老遠跑去，然後把一大堆重重的書抱來抱去。

（二）提供通訊的需求：透過網路，使用者可以在幾秒鐘內把一

封電子郵件，傳送給即使在萬里之外的其他電子郵件使用

者，除了不受時間限制之外，過程快速方便，內容也很安

全、保密。

（三）資源共享：電腦網路使得資源可以共享一些昂貴的設備，

如高速且大容量的硬碟，彩色印表機等，或者是應用軟

體、資料檔案等，都可以提供給網路上的使用者共同使

用。例如：眾所皆知 P2P 技術，使用者可以透過網路獲得

或提供檔案、資料給身處世界各地的其他使用者。

（四）提高電腦的可靠性：透過網路，使用者可以集中管理和處

理電腦資訊，這種資訊的負載分擔與均衡等很多好處。

11

2.1.1 網路口碑

隨著越來越多人使用網際網路，所謂的「網路口碑（online

word-of-mouth) 」也就應運而生，「網路口碑」顧名思義就是

指消費者透過網路，例如部落格、論壇、聊天室、BBS、網路社

群等分享、發布有關產品、服務或是品牌的網路討論，當然主要

是自身經驗的分享，那麼其他計畫消費的使用者就可藉此收集到

許多他人所提供的產品資訊，而網路口碑又稱為電子口碑

（electronic word-of-mouth）或鼠碑（word-of-mouse）。

口碑資訊對於消費者購買意願的決策上佔有舉足輕重的影響

力，已經被視為是最重要的資訊來源，而且比起其他資訊來源具

有更強的說服力，根據最新的尼爾森（Nelson）全球消費者線上

調查[5]發現，台灣線上消費者最相信的是「消費者的建議」，

比例高達百分之九十一，「品牌網站」與「網路上的消費者意

見」次之，獲得大約百分之七十五的消費者的信任。

從尼爾森的調查我們可以知道，雖然傳遞資訊的管道越來越

多，但是當消費者決定購買任何產品及服務前，他人的建議仍是

最值得信任的訊息來源，而網際網路的出現與發展，則使得消費

者搜尋產品相關資訊的方法發生重大的改變[6]。

2.1.2 網站環境

所謂的網站就是指建立在網路的虛擬空間中，小至數個，多

至數百個網頁的集合，所以網頁是構成網站最主要的元素，通常

12

共用一個網域名稱（Domain Name）或幾個相關的網域名稱，並

以一個共同的首頁接受客戶端（Client）存取。總之，網站就是

利用超連結的功能，將所有的網頁做連結，並方便瀏覽者使用。

簡單地說，網站是一種通訊工具，就像公布欄一樣，使用者

可以通過網站來發布自己想要公開的資訊，或者利用網站來提供

相關的網路服務，那麼他人也就可以通過網頁瀏覽器來訪問網

站，獲取自己需要的資訊或者享受網路服務；最早期的網站只能

夠提供純文字的訊息，不過隨著網站建置技術的發達，目前的網

站內容可說是五花八門，除了文字之外，還包含了圖像、視訊影

像、3D 動畫、聲音等內容，目前全球的網站數目大約是一億兩

千五百萬個。

2.2 電子商務與應用

資訊科技（IT）與網際網路的興起，使得企業在成本、效率

以及互動模式上產生了巨大的變化，為了實現使用者無時、無限

制的商業活動，全球正逐漸進入全球電子商務競爭時代[7]，而

台灣的網際網路服務市場十分蓬勃，隨著政府開放民營企業經營

固定網路事業，整台灣的寬頻市場持續成長，競爭也逐漸加劇。

截至 2006 年 12 月底止，台灣寬頻網路使用戶數已達到 455 萬

戶，行動上網用戶方面計畫自 2007 年起全面邁入建置高峰期，

將打造全球第一的雙網環境，以提升我國行動上網與無線上網應

用服務的排名及全球競爭力。台灣的電子商務，不論是企業對消

費者（B2C）、顧客對顧客（C2C）或企業對企業（B2B）領域均

持續穩定地成長，政府也正積極培育電子商務的發展，並為網路

13

使用者提供一個安全可靠的交易環境[8]。

2.2.1 電子商務內涵

電子商務（Elsctronic Commerce；EC），指的是商業交易

行為電子化，它的相關定義如下[9]：

（一）電子商務利用網際網路所進行的商業活動，企業可將

商品、服務及廣告消息存放在企業所建置的網站上，

而消費者可以由企業所建置的網站伺服器獲得所需的

資訊，並且可以直接在企業的網站上訂購商品或留置

訊息。

（二）藉由電腦網路將購買與銷售、產品與服務⋯等商業活

動結合在一起，經由此方式可以滿足組織與消費者的

需要，進而改善商品及服務的品質，並且達到降低成

本的要求。

（三）電子商務指透過使用電腦網路去搜尋與取得資料，藉

由公共或私人的數位網路提供電子型錄供顧客參考，

以提升商品交易與服務的品質效率。

根據 Kalakota 所提出的看法，電子商務起源於企業體與政

府部門想利用電腦科技及其計算能力，增進與顧客互動、改善內

部流程，但電子商務應用和研究是始於 70 年代末，至今約可區

分為五個階段，如下列[10]：

第一階段（1970 年代）：

電子商務的演進始於 1970 年代剛興起的電子資金轉換

（Electronic Funds Transfer,EFT）技術，EFT 經由銀行之

14

間私有網路所提供的電子支付體制，大幅改善了金融市場的效

率。

第二階段（1970 年代晚期至 1980 年代初期）：

因電子資料交換（Electronic Data Interchange,EDI）及

電子郵件等交換技術的出現，以自動化和電子化取代了企業原本

繁瑣的文件交換程序，大大提升企業效率。

第三階段（1980 年代中期）：

藉著使用全球性網際網路，使用者可用較少的成本與他人進

行溝通、資料存取和交換，也因此造就了地球村的觀念。

第四階段（1980 年代晚期至 1990 年代初期）：

因網際網路的蓬勃發展，加上網路技術有了突破性發展，利

用網際網路能夠進行快速有效的商業活動，從傳統交易進入到在

網上完成全部流程的電子商務虛擬市場，整個電子商務活動為企

業增加產值、降低成本及創造商機。

第五階段（1980 年代之後）：

全球資訊網（WWW）的發明使電子商務展現了新的面貌，由於

容易學習、使用簡單方便，讓更多人願意成為使用者，進而在網

路上消費，電子商務因此開始普及。

電子商務還有所謂四流，四流指的是「商流」、「物流」、

「金流」及「資訊流」，這四個重要流程在一個產業的企業內各

單位與各企業間不斷的流動，以達到活絡整體產業的目的，一般

來說，電子商務的任何一筆交易，都應包含這四個層面，以下就

稍微介紹一下這四流[11]：

（一）商流：是指資產所有權的移動，它是電子商務的後端

基礎管理，包括了銷售管理、進出貨管理、倉儲庫存

15

管理、通路管理、賣場管理，消費者服務等等，這些

都是屬於商流的範疇。

（二）物流：代表實體物品的移動，是指產品從生產者移轉

到經銷商、消費者的整個流通過程，產品仍可經由傳

統的經銷通路，或直接以網路配送，如諮詢、有價資

訊、書籍、產業報告等。包含的內容有：產品開發、

製造、儲運、保管、供應商管理與物流管理等。

（三）金流：代表資產的表現，就是指企業與企業間、個人

與企業間的資金轉移，或是各種支付方式，而線上資

金的轉移、交易安全認證機制等也是屬於金流的部

分，包含的內容有應收、應付、會計、財務與稅務。

電子商務的「金流」處理應該使產品的價格在網路上

實現與完成轉移的過程，把價格變成了價值。

（四）資訊流：資訊的交換，即為達到上述三項流動而造成

的資訊交換，如包括各項的資訊交換與經營決策、管

理分析或是在促銷執行時能清楚了解客戶消費習慣、

能力或區域等等因素，並將之資料作交叉分析，以提

高銷售的數量，這些都是屬於資訊流的範疇。

2.2.2 電子商務的種類

電子商務基本上可以依商業活動的運作方式、商務活動的內

容、使用網路的類型分類以及交易對象等方式來分類，以下就來

介紹各種不同類型的電子商務。

（一） 依商業活動的運作方式分類：

按照商業活動的運作方式來分類，電子商務可分爲完全電子

16

商務和非完全電子商務。完全電子商務是指完全可以透過電子商

務方式實現和完成完整交易的交易行爲和過程；非完全電子商務

是指不能完全依靠電子商務方式實現和完成完整交易的交易行爲

和過程。

（二） 依商務活動的內容分類：

按照商務活動的內容來分類，電子商務可分爲間接電子商務

和直接電子商務。間接電子商務是指有形貨物的電子訂貨與付款

等活動，它依然需要利用傳統通路送貨；直接電子商務是指無形

貨物或者服務的訂貨與付款等活動。

（三） 依使用網路的類型分類：

按照使用網路的類型來分類，電子商務可分爲 EDI 網路的電

子商務、Internet 的電子商務以及 Intranet（企業網路）的電

子商務。EDI 是指將商業或行政事務按照公認的標準形成結構化

的事務處理或文件資料格式，進而將這些結構化的文件資料經由

網路從一台電腦到另一台電腦的電子傳輸方法。

Internet 的電子商務就是利用 Internet 進行電子交易。

Internet 是一種採用 TCP/IP 協定組織起來的鬆散的、合作的國

際網際網路路；Intranet 的電子商務就是利用企業內部網路進

行電子交易。Intranet 是以 Internet 技術為基礎發展起來的

企業網路，是在原有區域網路上附加一些特定的軟體，將區域網

路與 Internet 連接起來，所形成的企業內部網路。

（四） 依交易對象分類：

按照交易的對象來分類，電子商務可 B2B（Business to

Business，企業與企業）、B2C（Business to Customer，企

業與消費者）、（Business to Government，B2G 企業與政

17

府）以及 C2C（Customer to Customer，消費者與消費者）之

間的電子商務。

（1）企業對企業(B2B)：

可以改善批發商訂貨的程序。批發商可以直接在線上下訂

單、獲取產品最新資訊以及檢查存貨情況。這可讓有關企業減少

訂單處理的經常開支達 30% 之多。先進的 B2B 電子解決方案

可以讓企業把他們的批發管道 “電子化＂，進而擴展企業的市

場範圍。

按照企業參與的方式不同，B2B 的主要模式可分爲大型企業

的 B2B 網站、第三方經營的 B2B 網站和行業生態型的 B2B 網站

等三類。不同類別的 B2B 網站有自己本身的特點和運作方式。

（2）企業對消費者(B2C)：

B2C 意指企業透過網路，提供客戶各種交易與服務。客戶利

用電腦或其他上網工具連上網際網路後可以取得各式各樣的線上

即時服務，包括商品型錄查詢、產品支援、即時財金資訊報導、

線上訂貨等等。

（3）企業對政府(B2G)：

政府與企業之間的各項事務都可以涵蓋在 B2G 電子商務中，

包括政府採購、稅收、商檢、管理條例的發佈等。例如，政府的

採購發包可以透過 Internet 發佈，公司也可以透過 Internet

回應。

（4）消費者對消費者(C2C)：

C2C 是最終消費者之間的網路交易活動，可能沒有商家的參

與。簡單的說，C2C 就是消費者本身提供服務或產品給消費者，

最常見的形態就是個人工作者提供服務給消費者，如保險從業人

18

員、傳銷人員的線上服務及銷售網站或是商品競標網站，如

YAHOO 拍賣網、ebay 等。

2.2.3 線上購物

消費者透過網路，進入網路上之電子商店，瀏覽並購買商

品，稱之為「線上購物」，線上購物簡單來說也就是將早期的郵

購購買商品的方式改以網際網路來替代，廠商在網站中提供了相

關的商品目錄以及線上購物系統，以供消費者可以隨時隨地以網

路下單的方式訂購商品。

根據資策會市場情報中心研究顯示[12]，估計 2007 年台灣

線上購物市場規模已達到新台幣 1855 億元，預估 2008 年可達

2530 億元，成長率 36.4%，同時因虧損而退出網路購物市場的

比例也逐年下降，顯示網購經營模式將逐漸確立成型。

Kalakota & Whinston 則將網路購物定義成一種現代的商業

行為方式，網路購物不僅能夠降低廠商與消費者兩者間的交易成

本，而且又能增進商品及服務的品質，它的目的在因應公司組織

及商業的需求，加強企業的服務與效率。網路購物的特徵主要包

括了互動性、開放性、匿名性、低成本、快速通訊與多媒體傳輸

能力等特性，網際網路提供了一個不受時空限制的溝通平台，透

過超媒體的互動介面，企業與客戶雙方可快速地完成查詢、瀏

覽、傳輸與付款等產品交易工作[13]。

所以綜合來說，沒有實體店面的網路購物與傳統上街購物兩

19

者間最大的不同在於企業可以減少商品的庫存成本，對於已有實

體店面的企業來說，更可以透過網路購物來增加收益，而且消費

者可以透過電子商店虛擬實境的逛街購物方式，在家中透過網路

選購商品，並等著公司送貨到家，由於網際網路便利的特性，使

得線上購物廣為國人歡迎，也促進其普及程度，因此，如何有效

的經營線上購物商店，一直是企業所熱切關注的議題。

2.3 顧客關係管理

顧客關係管理（ Customer Relationship Management ；

CRM），是指企業為了贏取新的客戶、鞏固舊有顧客及增進顧客

貢獻度，而透過不斷地溝通，來了解並影響顧客行為的方法

[14]。在電子化企業（e-Business）時代裡，顧客關係管理有更大的

應用與發展空間，其定義更延伸到運用資訊科技加以整合，即是透過

資訊科技，將企劃、行銷、顧客服務⋯等加以整合，因而增加顧客

滿意度與忠誠度，以提升顧客服務品質，進而達到增加企業經營

效益的目的[15]。

第三章 研究方法

3.1 研究對象

本研究以洛磯山棒壘球運動主題館為研究對象，洛磯山棒壘

球運動主題館是一家以提供消費者進行棒壘球打擊練習的運動休

閒場所，並且該公司不斷地引進國內外最先進的打擊娛樂設施以

及開拓新的休閒服務，來為消費者創造更優良的打擊練習場所、

20

更良好的服務及更高的顧客價值，是一間兼具娛樂與休閒的運動

主題館。

3.2 研究工具

表 3.1 網站開發軟體工具表

軟體開發工具

作業平台 Microsoft Windows 2000 Server

資料庫 Microsoft Access 2003

程式語言 VBScript

ASP.NET

瀏覽器 Internet Explorer 6.0 以上

開發軟體 Visual Web Developer 2005

美工軟體 Adobe PhotoShop CS3

Adobe Illustrator CS3

表 3.2 硬體設備表

硬體設備

中央處理器 Pentium 4 3.06Ghz

主機板 與中央處理器相容之主機板

主記憶體 1G DDR

21

硬碟機 80GB

螢幕 15 吋以上

顯示卡 與主機板相容之 PCI-EXpress 規格

以下介紹本組建置網站時，主要使用的幾個網頁工具，如表

3.1。

3.2.1 Access 2003

Microsoft Office Access 2003 是一套『管理資料庫』的

軟 體 ， 也 就 是 一 般 常 說 的 『 資 料 庫 管 理 系 統 』 (DataBase

Management System，DBMS)，這套軟體是由微軟發佈的關聯式

資料庫管理系統，它結合了 Microsoft Jet Database Engine

和圖形用戶界面兩項特點，是 Microsoft Office 的系統程式

之一。

Access 是一套操作簡易，卻功能完整的資料庫，它可將零

亂無序的資料如公司網頁資料、銷售數字或是客戶姓名加以有效

的組織及管理，Assess 能夠存取 Access/Jet、 Microsoft

SQL Server、Oracle，或者任何 ODBC 相容資料庫內的資料，

同時，為了提昇使用者工作效率，提供許多的輔助工具，達到

「以最少的時間，建立最實用的資料庫」的目標。

即 使 不 熟 悉 資 料 庫 的 生 手 ， 也 可 輕 鬆 使 用 Microsoft

Access，在短時間內快速提供資訊、建立資料庫。Access 的資

料庫精靈，提供超過 20 個以上的範例資料庫，在幾個對話方塊

間即可完成資料庫的基礎建設。資料庫工作效率的關鍵在資料

22

表，Access 的資料表分析精靈，可幫助使用者分析資料表結構

是否正確，並提供最佳化建議。即使您不是資料庫專家或不了解

Access 關聯式資料庫，也可輕易完成分析及最佳化處理[16]。

3.2.2 VBScript

VBScript 是 Visual Basic Script Edition 的 簡 稱

（VBS），它是由 Microsoft 所開發的一種程式語言，可以當作

是 VB 語言的簡化版。VBScript 具有容易學習的特性，目前廣泛

應用於網頁與 ASP 程序製作，它主要的優點除了易學易用之外，

而且可直接處理內嵌於 HTML 網頁中的原始程式碼，使用者可以

使用 VBScript 將智慧功能與互動功能加入 WSH、 ASP 與

HTML 網頁中[17]。

3.2.3 HTML

HTML（HyperText Markup Language）也就是我們所說的

『超文字標示語言』，它是一種直譯式的語言，跟一般的文書處

理器不同的地方在於，它具有超文字（HyperText）、超連結

（ HyperLink ）以及超媒體 （ HyperMedia ）的特性，透過

HTTP（HyperText Transfer Protocol) 網路通訊協定，便能

夠在世界各地透過 WWW（World Wide Web）的架構做跨平台的

交流，簡單的說，就是一個標示出文字、圖形、聲音....等物件

在 網 頁 上 要 如 何 顯 示 的 規 格 而 已 ， 它 必 須 透 過 瀏 覽 器

（Browser ，如 Netscape、Microsoft Explorer....等）才

能看到它的執行結果。

23

WWW 與 HTML 一開始是在 CERN（歐洲粒子物理實驗室）所開

始發展的，主要的目的在於讓各實驗室之間可以在網路上方便地

交換研究成果，但由於 HTML 的簡單易學，馬上就席捲了全世界

[18]。

3.2.4 Visual Web Developer 2005

Visual Web Developer 2005 Express Edition 是

Macromedia 公司開發的網頁開發軟體，使用者能透過簡單的拖

放介面，輕易的製作網頁。使用 Visual Web Developer 2005

建立應用程式後，可以輕鬆地藉由內建的 Copy Web 工具簡化

部署程序，而且它支援在多個瀏覽器中建立並使用 Web 服務及

驗證應用程式，並在不需存取 IIS 情況下，輕鬆使用內建的測

試 Web 伺服器來執行及偵測程式碼[19]。

3.2.5 PhotoShop CS3

PhotoShop CS3 軟體可加速把想像化為影像的過程，最適合

攝影師和設計師，專業級標準可提供例如自動對齊圖層和混合等

新功能，以便進階複合；多樣化的即時濾鏡進一步擴充了詳盡、

非破壞性的編輯工具集，提高了靈活彈性。簡化的介面和全新省

時的工具讓您的工作流程更快速[20]。

3.2.6 Illustrator CS3

Illustrator CS3 軟體可讓建立精美的圖片, 這些圖片幾乎

可用於所有的媒體。具備業界標準繪圖工具、彈性的顏色控制項

和專業類型的控制項,可協助您自由地捕捉創意並進行實驗,其節

24

省時間的功能（如一些更容易選取的選項）可快速且直覺的作

業。效能增強，並與其他 Adobe 應用程式緊密整合，幫助針對列

印、網頁與互動、互動式設計及動畫設計等用途製作出非凡的圖

像[21]。

3.2.7 ASP.NET

ASP.NET 是微軟所提供的網站開發技術，ASP.NET 這個名

稱，雖然是承襲微軟以前的網站/頁開發技術 ASP，但兩者有著

很大的差異。

ASP.NET 可以說是微軟重新改造 ASP 之後的產品，並將其

和所有 Microsoft .NET 的應用程式，建構在 CLR 的基礎上，

使用者可以使用.NET 平臺所支援的程式語言 (VB.NET 或是 C#)

來撰寫 ASP.NET 程式，當然也包括 Open Source 領域的語言，

像是 Perl、Python；若拿 ASP.NET 與先前的 Scripting 技

術比較，前者速度快的原因在於，.NET 平臺會先把整個網站先

編譯成一個 (或數個) dll 檔案，然後讓網站伺服器執行[22]。

3.3 各項可行性分析

3.3.1 經濟可行性分析

洛磯山網站建置所需要的成本，遠低於在電視媒體上打廣告

的費用，而在多方考量之下，本組選擇了一些成本較低的開發方

式；首先是從 ASP.NET 語言開始建置基礎的網頁架構，當然維護

網站所需人力成本也很低，開發留言版軟體則是使用 VB 及

25

Access 2003 是為免費軟體，及 Macromedia Flash 8 製作網頁

所需要的動畫，最後再使用 Visual Web developer 整合開發本

網站，因此在經濟成本方面可行。

3.3.2 技術可行性分析

在技術可行性上，本組對所需之工作軟硬體上皆有相當的認知，

系統上選擇使用 Microsoft Windows 2000 Server，以便能順利將網

站放上伺服器及管理，Microsoft Windows 2000 Server 的功能，包

括檔案和列印、有線及無線連線、Active Directory 身份管理、管

理服務及網頁伺服器上都有相當好的服務。

網頁設計上本組使用 Visual Web 來配置網面，並使用

HTML & XHTML 及 ASP.NET 等語法來建置出功能，再導入所需要

的資料庫系統，完成整個網站的架構，插入動畫使用 Flash 系列

軟體來完成，更添加網頁的活潑性。最後使用 Adobe 系列繪圖，

影像處理軟體利用 PhotoShop，而 Illustrator 強大的處理能

力處理圖像及繪圖方面，使整個網面精緻細膩化，達到視覺上的

舒適美觀。

3.3.3 同性質網站的競爭可行性分析

由於棒球運動在國內的盛行，因此相關性質的運動館一間間的

開，面對相同性質運動館的競爭下，如何讓顧客上門？如何增加客

源？首先，最重要的問題是該怎麼讓顧客得知本館，透過網路行銷是

方法之ㄧ，成本相對的較低，透過網路的行銷連結至本館網站，廣告

宣傳效益性大。

26

就網路這個區域，競爭對手亦可能也會透過此方法來達成宣傳效

果，所以本組秉持著不管在網站中所提供的訊息或是顧客的服務上，

都需超越競爭者之精神，提供更好更便利的服務，及能迅速傳達的資

訊的優質商業網站，在設計上即便要增加功能或是版面上要新增訊息

都能快速的完成；再搭配館內不定期的舉辦活動，優惠措施等等，我

們有信心能吸引更多的客源。

以下本組就台南當地另一家同業網站來與本網站做個比較，

如表 3.3：

表 3.3 洛磯山與大魯閣網站比較表

洛磯山棒壘球運動主題館 大魯閣棒壘球打擊場

基本文字

敘述 有 有

網站連結 有 有

場館圖片 動態 動態

消費方式

介紹 有 有

活動新訊 靜態文字、動態圖片 靜態文字、動態圖片

打擊預約 有 無

線上購物 有 無

討論區 有

網友與網友間可互動交流

有

只有管理者可回答問題

本組為廠商所建置的商務網站中，預計將有一般文字敘述、

圖片、網站連結等基本部分，主要是希望消費者能透過網站對洛

27

磯山有初步的了解，這些部分與同業網站大致雷同，因此就不再

多做介紹，而不同的部分如下：

1.打擊預約：

主要是投球機的部分，打擊練習本身流動率很高，其實並不

是很需要預約的動作，不過為了多方面服務顧客，消費者可至網

站線上預約，條件是預約需使用三十分鐘以上，每次只保留十分

鐘，場內將有一台投球機專為預約顧客使用。

2.線上購物：

由於洛磯山有運動相關商品的販售，因此建置購物專區，希

望藉由銷售管道的增加，能夠提升廠商在販售這部分的營業額。

3.討論區：

同業網站的討論區其實只是個留言板，只有管理者能回答問

題，消費者之間無法進行討論，本組認為這樣是不夠的，因此我

們會使用真正的討論區，不只管理者能回答問題，顧客也能討論

任何關於洛磯山或棒壘球的問題。

3.4 金流與物流

由於洛磯山網站剛剛建置起來，線上購物系統也仍在測試、

修正階段，所以在經過評估之後，廠商預計現階段暫時與台灣郵

政配合，選用台灣郵政除了因為牌子老、信用好之外，郵局寄送

選擇眾多，營業據點遍布全省，現在為了與民間快遞業者相抗

衡，還增加了夜間郵局及假日郵局的服務，是目前最符合經濟效

益的選擇，之後的寄送方式，待購物系統上了軌道再行評估，以

下介紹有關金流與物流的部分：

28

3.4.1 金流

會員訂購商品後，會收到一封由洛磯山購物系統所發出的訂

單通知信（如圖 3.1），會員須按照通知信中的資訊進行轉帳，

帳戶資訊如圖 3.1，會員完成轉帳後，連結至網站填寫客戶確

認，待洛磯山收到通知進行對帳，最後款項無誤則寄出商品。

3.4.2 物流

廠商決定與台灣郵政進行合作，採用國內大宗快捷郵件交寄

方式並簽訂合約，合約樣式如圖 3.2：

圖 3.1 帳戶資訊

29

根據台灣郵政規定，國內大宗快捷郵件簽約客戶享有折扣

（如表 3.4），由於購物系統仍未正式上線，須郵寄商品的客戶

也不穩定，所以廠商決定先選擇級別 1 的合約來簽訂，依照優待

圖 3.2 各類郵件特約用戶申請書

30

辦法，洛磯山每月寄件 25 件以上，即可享有郵資 10％的優惠

（如表 3.4），郵資則依商品大小不定，交寄商品須親至郵局交

寄，但若件數較多，可電話通知郵局派員前往收件；郵資繳納方

式則採記帳月結，特約用戶與郵局簽訂合約後，繳納預存郵資或

依規定免繳預存郵資，爾後交寄，郵資以記帳方式月終一次結

繳，並可指定收件人繳納郵資。

國內大宗快捷郵件郵資折扣優待辦法

級別 客戶別郵資折扣率 一般戶一次

交寄折扣條件

特約戶每月

交寄折扣條件

1 10% 10-40 件 25-100 件

2 15% 41-200 件 101-500 件

3 20% 201-800 件 501-2,000 件

4 25% 801 件以上 2,001 件以上

第四章 網站架構 4.1 網站架構

表 3.4 國內大宗快捷郵件郵資折扣優待辦法

31

「洛磯山棒壘球運動主題館」網站內容包含洛磯山基本介

紹、場館設施及活動圖片、會員購物專區、打擊預約及討論區等

部分（如圖 4.1），建置網站的目標在於令顧客能對洛磯山有初

步的了解，並得到需要的服務。

圖 4.1 網站架構圖

4.2 管理者架構

管理者登入後可對會員、訂單、客戶匯款以及打擊預約部分

洛磯山棒壘球運動主題館

最 新 消 息 場內設施照片動態播放

洛

磯

介

紹

購 物

專

區

打

擊

預

約

收

費

標

準

洛

磯

討

論

區

交

通

位

置

活

動

照

片

設

施

介

紹

加

入

會

員

查

詢

訂

單

線

上

購

物

新

增

留

言

回

覆

留

言

檢

視

購

物

車

登

入

會

員

客戶匯款確認

會

員

專

區

32

進行修改、刪除等功能，商品管理部份則可進行新增、編輯、刪

除等功能（如圖 4.2）。

圖 4.2 管理架構圖

4.3 系統流程

4.3.1 加入會員流程

加入會員的流程為進入洛磯會員，就會看見加入會員的選

管 理 者

會員管理 訂單管理 打擊預約

管理

編

輯

會

員

刪

除 會

員

編

輯

訂

單

刪

除

訂

單

編

輯

預

約

刪

除

預

約

客戶匯款

管理

編

輯

資

料

刪

除

資

料

商品管理

編

輯

商

品

刪

除

商

品

新

增

商

品

33

項，使用者先輸入欲使用之帳號，系統會驗證帳號是否重覆，若

無重複，則再繼續輸入其它會員資料，系統會驗證輸入之資料是

否符合規定，若符合規定則完成會員註冊（如圖 4.3）。

圖 4.3 加入會員流程圖

4.3.2 會員登入流程

會員登入流程為使用者輸入帳號密碼，確認後系統會驗證帳

開始

會員註冊

輸入帳號

判斷帳號是否重覆

輸入會員資料

存入會員資料庫

結束

NO

YES

NO

YES

判斷是否符合驗證

34

號密碼是否正確，若正確則完成會員登入（如圖 4.4）。

4.3.3 購物流程

使用者進入洛磯會員並輸入帳號密碼登入會員，系統驗證帳

號密碼是否有誤，若無誤則會跳至購物專區頁面，開始瀏覽商

開始

會員登入

輸入帳號密碼

判斷帳號

密碼是否正確

結束

YES

NO

圖 4.4 會員登入流程

跳至購物區頁面

35

品，每項商品都可點進去查看詳細資料，會員選中商品後，可點

選將商品加入購物車，接著選擇繼續購物抑或是輸入寄送資料後

結帳，完成結帳後，會顯示購物帳單資訊，其中包括帳單編號，

該筆資料則存入訂單資料庫（如圖 4.5），最後系統會寄發訂單

通知（如圖 3.1）給會員。

開始

會員登入

輸入帳號密碼

判斷帳號

密碼是否正確

存入帳單資料庫

瀏覽商品

選擇商品

加入購物車

結帳與否

輸入寄送資料

YES

NO

YES

NO

跳至購物專區

36

4.3.4 查詢訂單流程

使用者進入後，除購物之外，還可選擇查詢帳單功能，會員

結束

顯示帳單資訊

圖 4.5 購物流程圖

寄發訂單通知信

37

須輸入欲查詢之帳單編號以及個人電子信箱，系統接收指令後，

會根據資訊搜尋訂單資料庫內資料，若有該筆資料，會顯示該筆

訂單資訊，若無該筆資料，則顯示無相關訂單資訊（如圖

4.6）。

4.3.5 管理流程

管理者進入管理登入頁面，輸入帳號密碼，系統驗證帳號密

碼是否有誤，若無誤則顯示管理頁面，管理者可對訂單、會員及

圖 4.6 查詢訂單流程圖

開始

結束

查詢訂單

顯示帳單資訊

輸入訂單編號及電子信箱

判斷輸入資料

是否正確

顯示錯誤訊息

YES

NO

38

預約資料進行編輯修改及刪除訂單功能（如圖 4.7）。

4.4 交易流程

4.4.1 ATM 轉帳

會員購物於結帳時選擇交易方式，交易方式分為 ATM 轉帳及

圖 4.7 管理流程圖

NO

開始

管理者登入

輸入帳號密碼

判斷帳號

密碼是否正確

結束

顯示管理頁面

編

輯

訂

單

刪

除

訂

單

YES

訂單資料 會員資料 預約資料

編

輯

會

員

刪

除

會

員

編

輯

預

約

刪

除

預

約

存入

訂單資料庫 存入

會員資料庫

存入

預約資料庫

編

輯

資

料

刪

除

資

料

客戶匯款資料

存入客戶

匯款資料庫

商品資料

新

增

商

品

刪

除

商

品

存入

商品資料庫

編

輯

商

品

39

貨到付款兩種，若選擇轉帳方式，會員會收到訂單通知信，之後

按照通知信中帳戶資訊進行轉帳，轉帳完成後，連結至洛磯山網

站中之購物專區內的客戶確認，填寫轉帳詳細資訊，等待洛磯山

確認款項，最後收到商品即完成交易（如圖 4.8）。

4.4.2 貨到付款

會員購物於結帳時選擇交易方式，交易方式分為 ATM 轉帳及

貨到付款兩種，若選擇貨到付款方式，會員會收到訂單通知信，

圖 4.8 ATM 轉帳流程圖

會員

購物

收到訂單通知信

進行轉帳

轉帳完成

上網填寫轉帳確認

等待洛磯山確認並寄發商品

收到商品

40

之後等待洛磯山寄發商品，會員收到商品後將款項交付予貨遞人

員即完成交易（如圖 4.9）。

4.4.3 寄發商品

會員購物後，洛磯山會查看訂購資訊並依照會員選擇之付款

方式進行交易，若會員選擇 ATM 轉帳，則洛磯山會等待會員轉帳

圖 4.9 貨到付款流程圖

會員

購物

收到訂單通知信

等待洛磯山寄發商品

收到商品

完成交易

交付款項

41

後並上網填寫轉帳資訊，洛磯山收到後進行對帳，確認無誤則寄

發商品；若會員選擇的是貨到付款，則洛磯山會直接寄發商品，

等貨遞人員收到款項，則完成交易（如圖 4.10）。

4.4.4 退貨

會員收到商品後，若發現商品有誤、毀損或其他任何問題，

可連絡洛磯山進行退貨，退或可選擇直接退款及換或兩種，兩種

會員

洛磯山確認訂單

進行對帳

寄出商品

確認款項

ATM 轉帳 貨到付款

寄出商品 等待會員轉帳並上

網填寫轉帳確認

完成交易

會員收貨並交付款項

完成交易

圖 4.10 寄發商品流程圖

42

方式會員皆必須先寄回原商品，待洛磯山收到後，再行換發新品

或退款(連同郵資)（如圖 4.11）。

4.5 資料庫架構

4.5.1 會員資料表

圖 4.11 退貨流程圖

退貨

選擇退貨方式

洛磯山收貨確認

寄發新品

換貨 退款

會員寄回原商品

完成換貨程序

退回款項

連絡洛磯山

會員寄回原商品

洛磯山收貨確認

完成退款程序

43

會員資料表總共有十二個欄位，其中「 idkey」為主鍵

（Primary Key， PK），形態為自動編號，「UserName」、

「Password」及「Email」三者為必填欄位，資料型態為文字，

其他欄位則非必填，型態同樣為文字（如表 4.1）。

表 4.1 會員資料表

欄位名稱 資料型態 欄位大小 說明 備註

idkey 自動編號 -- 會員編號 PK

UserName 文字 20 會員帳號

Password 文字 10 會員密碼

Email 文字 50 會員電子信箱

Name 文字 20 會員姓名

Birthday 日期/時間 15 會員生日

Sex 文字 10 會員性別

Married 文字 10 會員婚姻狀況

Job 文字 30 會員工作

address 文字 50 會員住址

phone 文字 20 會員電話

cellphone 文字 20 會員行動電話

4.5.2 訂單資料表

訂單資料表總共有十個欄位，其中「OrderID」為主鍵，形

態為自動編號，其他欄位資料型態為文字、貨幣與日期時間。

44

表 4.2 訂單資料表

欄位名稱 資料型態 欄位大小 說明 備註

OrderID 自動編號 -- 訂單編號 PK

idkey 文字 20 會員編號

SubTotal 貨幣 未加運費

購物金額

Shipping 貨幣 運費

GrandTatol 貨幣 加入運費

購物金額

PayType 文字 20 付款方式

OrderTime 日期/時間 訂單時間

4.5.3 訂單明細資料表

訂單資料表總共有四個欄位，其中「OrderDetailid」為主

鍵，形態為自動編號，其他資料型態為文字、貨幣與日期時間。

表 4.3 訂單資料表

欄位名稱 資料型態 欄位大小 說明 備註

OrderDetailID 自動編號 -- 明細編號 PK

OrderID 文字 20 訂單編號

ProductID 文字 20 商品編號

Quantity 數字 20 數量

4.5.4 預約資料表

預約資料表總共有六個欄位，其中「ID」為主鍵，形態為自

45

動 編 號 ， 「 CustomerName 」 、 「 CustomerCellphone 」 及

「CustomerEmail」以及「Time」四項為必填欄位，資料型態為

文字及日期時間，其中「Time」欄位設定為不可重複（如表

4.4）。

表 4.4 預約資料表

欄位名稱 資料型態 欄位大小 說明 備註

ID 自動編號 -- 排隊號碼 PK

CustomerName 文字 20 顧客姓名

CustomerEmail 文字 50 顧客信箱

CustomerPhone 文字 20 連絡電話

CustomerCellphone 文字 20 顧客手機

Time 日期/時間 預約時間 不可

重覆

4.5.5 商品資料表

商品資料表總共有八個欄位，其中「Productid」為主鍵，

46

形態為自動編號，全部為必填欄位，資料型態則分為文字、數字

及備忘等等（如表 4.5）。

表 4.5 商品資料表

欄位名稱 資料型態 欄位大小 說明 備註

Productid 自動編號 -- 商品編號 PK

Productname 文字 255 商品名稱

Productprice 數字 長整數 售價

Productimages 文字 50 商品照片

Description 備忘 商品規格

Promise 備忘 商品保證

Tran 文字 255 商品運送

another 備忘 期他說明

4.6 E-R Model

顧客可以有多張訂單，每張訂單都有一訂單明細，訂單明細中則

可包含多項商品（如圖 4.12）。

47

第五章 網站操作與說明

5.1 瀏覽操作說明

username

idkey

password

birthday sex

name

phone

cellphone

job

married

email

address User

Product

OrderID

SubTotal

Shipping

GrandTotal

PayType

OrderTime

Description

Promise

Tran

another

ProductID

Productname

Productprice

Productimages

idkey m

1

圖 4.12 E-R Model 圖

Order

OrderDetail

orderdetailidOrderID

Quantity m

ProductID

48

5.1.1 洛磯山首頁

首頁除各頁連結外，還有場館圖片動態播放及最新消息可供瀏覽

（如圖 5.1）。

5.1.2 洛磯山交通位置

介紹洛磯山相關資訊，使用者瀏覽此頁可了解場館資料、地圖以

及營業時間（如圖 5.2）。

圖 5.1 洛磯山網站首頁

運動館基本

介紹，包含

文字及圖片

僅提供會員購買的棒壘球相關商品線上

販售區，欲購買者需先加入會員

可預約棒壘

球打擊機，

不需是會員

可與網友討

論問題或留

言給管理者

可瀏覽場館

內各項設施

的收費標準

館內各項活動發

布區，可點擊連

結觀看詳細資訊

館內圖片動態播放

會員登入及

加入，登入

後跳至購物

頁面

49

5.1.3 洛磯山活動照片

使用者可於此瀏覽場館內外及活動照片，滑鼠移到縮圖上，左邊

會出現大圖（如圖 5.3）。

5.1.4 會員登入

洛磯山購物專區只提供給會員訂購，一定要先加入會員，會員登

入後，會直接跳至購物專區頁面（如圖 5.4）。

使用者瀏覽

此頁可了解

場館資料、

地圖以及營

業時間

圖 5.2 洛磯山交通位置

圖 5.3 洛磯山活動照片

50

5.1.5 加入會員

會員註冊一定要填 ID、密碼及 EMAIL 三欄，若無填寫、ID 重覆

或格式錯誤，皆會在下方出現錯誤訊息（如圖 5.5）。

5.1.6 購物專區

於購物專區瀏覽商品，可點擊商品圖進入查看商品詳細規格，並

加入購物車（如圖 5.6）。

此區為必

填欄位 必填欄位

未填或 ID

重覆，錯

誤訊息會

出現

圖 5.5 加入會員頁

圖 5.4 會員登入頁

網站購物專區只開放

給會員瀏覽、訂購，

已加入會員者可直接

登入 欲進入購物專區，

必先加入會員

51

5.1.7 結帳

商品加入購物車後，會跳至此頁，使用者可選擇繼續購物、修改

購物車內容或輸入寄送資料以完成結帳動作（如圖 5.7）。

5.1.8 完成結帳

結帳後頁面會顯示訂單資訊，系統會同時寄發訂購通知信（如圖

3.1）給訂購者，最上方欄位為訂單編號，未來若需查詢訂單，

點擊商品圖片可進入

查看商品規格

選擇後，加入購物車 選擇後，加入購物車

加入購物車後，可選擇

回到購物專區繼續購物

或輸入寄送資料結帳

此處顯示購物車內所有

商品清單

圖 5.6 購物專區頁面

圖 5.7 結帳頁面

52

可憑此編號及 email 來查詢（如圖 5.8）。

5.1.9 查詢訂單

洛磯山購物專區內除了購物，還有查詢歷史訂單的功能，會員可

輸入欲查詢的訂單編號及個人 EMAIL 資料來查詢訂單，若無此訂

單會顯示錯誤訊息（如圖 5.9）。

5.1.10 顯示查詢資訊

若查詢的訂單編號確定存在，且 EMAIL 無誤，下方會出現所查詢

的訂單詳細資訊，包含該次寄送資料及購買商品清單（如圖

結帳後頁面會顯示此次

訂單資訊，其中最上方

欄位為訂單編號

購物專區內除可購物之

外，還可查詢歷史訂單資

訊，會員可輸入需查詢的

訂單編號及個人電子信箱

來查詢訂單

若查詢有誤，會出現錯

誤訊息

圖 5.8 完成結帳

圖 5.9 查詢訂單

53

5.10）。

5.1.11 打擊預約

顧客可透過網站預約場館內的棒壘球打擊機台，須輸入預約時間

及預約者個人資料，以便管理者確認（如圖 5.11）。

5.1.12 預約成功

若預約成功，會跳至預約成功頁面，代表系統已存入此筆資料，

管理者之後會以電話與預約者進行最後確認（如圖 5.12）。

若查詢無誤，會

出現所查詢的訂

單詳細資訊，包

含該次寄送資料

及購買商品清單

圖 5.10 顯示查詢資訊

圖 5.11 打擊預約

顧客可透過網站

內的打擊預約功

能，預約場館內

的棒壘球打擊機

台

每次預約限 30 分

鐘，分鐘下拉式

選單只有

＂00＂及＂30＂

選項

若預約時間重

覆，下方會出現

錯誤訊息，要求

重新輸入預約時

段

54

5.1.13 洛磯山討論區

本站討論區為服務顧客，故無論是否會員皆可進行留言與回覆之

動作（如圖 5.13）。

5.1.14 客戶確認

會員訂購完成轉帳之後，須上網連結至購物專區內填寫客戶確

認，輸入轉帳相關資訊，以通知洛磯山完成轉帳可出貨（如圖

圖 5.13 洛磯山討論區

圖 5.12 預約成功

55

5.14）。

5.1.14 確認成功

填寫客戶確認完成後，出現確認成功頁面，代表此筆資料以存入

資料庫，待洛磯山完成對帳，即會出貨（如圖 5.15）。

5.2 管理操作說明

5.2.1 管理者登入

管理者輸入帳號、密碼登入，系統驗證無誤後，即可登入管理頁

會員須輸入包括

轉帳時間，轉出

帳號，轉帳銀

行，轉帳金額以

及訂單號碼等資

訊。

圖 5.14 客戶確認

圖 5.15 確認成功

56

面進行各項管理動作（如圖 5.16）。

5.2.2 訂單管理

管理者登入後，可對訂單資料進行修改及刪除功能（如圖

5.17）。

5.2.3 會員管理

管理者登入後，可對會員資料進行修改及刪除功能（如圖

5.18）。

圖 5.16 管理者登入

圖 5.17 訂單管理

57

5.2.3 商品管理

管理者登入後，可對商品資料進行新增、修改及刪除功能（如圖

5.19）。

第六章 結論及未來展望

6.1 結論

圖 5.18 會員管理

圖 5.19 商品管理

58

此次本組的畢業專題研究，十分地榮幸能與「洛磯山棒壘球

運動主題館」合作架設該館專屬的電子商務網站，在經過了一年

多的努力之後，本組努力製作的畢業專題終於完成了！

眾所周知，架設商務網站的最主要目的就是希望能替公司開

發更多的商機及客源，以期創造更高的收益，除此之外，還希望

能夠藉由網路的便利性，令顧客能夠以更快速的方式，得到自己

想要的服務，對於忙碌的現代人來說，時間是寶貴的，所以此網

站也可以幫助他們除了休閒娛樂的時間外，不需要浪費一分一秒

在等待遊樂設施上，真正藉由網站的建立，使廠商與顧客達到雙

贏。

本組在整個專題製作中，主要使用 VBScript、ASP.NET 編

寫網頁，並利用 Visual Web Developer 來開發整合，資料庫的

則是使用 Access 建置，基於效率，因此本組沒有使用太過複雜

花俏的網頁特效，所以網站執行起來速度很快，而與同業網站比

較起來，本網站最大的優勢就是多了線上購物系統，相信此系統

會替廠商有效的提高收益。

這一路來，在組員的努力以及指導老師的幫忙之下，本組終

於還是完成了這次的專題；雖然我們所架設的網站並非十分完

善，但的確是經過大家努力出來的成果，同時在架設的過程中也

學習很多新的知識，所以這個二技畢業前最後的「功課」，可說

是讓本組獲益良多。

59

6.2 未來展望

隨著網路科技越來越發達與普及，現在無論是大企業還是小

公司，若想要在營運方面更上一層的話，架設一個專屬的網站是

不可或缺的，同時也是必然的趨勢。

這次本組為「洛磯山棒壘球運動主題館」所架設的電子商務

網站，由於時間及人力不足，且為了其瀏覽速度，所以就採用了

較一般的程式語言如 VBScript、HTML 等及各式圖檔來建置，

它的好處是瀏覽速度快，但缺點就是沒有能夠抓住瀏覽者的視覺

效果，因此本網站在視覺方面仍有改進的空間，未來可加入更多

Flash、3D 動畫等等，來豐富網站視覺效果。

另外，在會員系統及線上購物等電子商務機制的安全性上，

網站還有十分大的改進空間，未來甚至可增加語言的選擇，加強

網站的美觀與專業度，進而吸引更多消費者，真正達到網路行銷

的目的。

參考文獻

[1] 陳惠良（2001）。顧客關係管理於電子商務應用之互動與相關性

60

研究。國立台北科技大學生產系統工程與管理研究所碩士論文， 未出版，台北。

[2] 潘皇玉（2006）。細說網路概論與 Internet 第二版。台北：金禾

資訊。

[3] 大紀元新聞網

http://www.epochtimes.com/b5/6/5/19/n1323413.htm

[4] TWNIC 台灣網路資訊中心

http://www.twnic.net.tw/NEWS/1166.html

[5] 全球華文行銷知識庫

http://marketing.chinatimes.com/ItemDetailPage/MainConten

t/05MediaContent.aspx?MMMediaType=ACNielsen&MMContentNoID

=45644

[6] 林彥宏（2005）。網路口碑對消費者購買決策影響之探討。未出

版碩士論文，國立中央大學，桃園。

[7] 熊明德（2000）。What is e-Commerce？。數位時代特刊，第一

號，第 14-18 頁。 [8] 查修傑、連麗珍、陳雪美（譯）（1999）。Kalalota、Whinston

著。電子商務概論。台北：和碩科技文化。

[9] 樂為良，陳曉開，梁美雅（譯）（2000）。新經濟數位世紀的新

遊戲規則。Don Tapscott 著。第 39-52 頁。台北：麥格羅希爾台

灣分公司。

[10]欒斌、羅凱揚，電子商務第四版，第 14~16 頁，台北，滄海書

局，民國九十五年。

[11]劉文良，電子商務概論特訓教材，第 1-3~1-4 頁，台北，碁峰資

訊，民國九十四年

[12]資策會資訊市場情報中心

http://mic.iii.org.tw/intelligence/pressroom/pop_pressFul

l.asp?sno=374&cred=2007/10/8

[13]查修傑（譯）（1997）。Kalalota、Whinston 著。電子交易觀念

啟蒙篇。台北：翔威國際。

[14]黃以孟、賴士奇（2001）。強化金融服務業的顧客關係管理贏取

顧客終身價值。電子化企業：經理人報告，第 80-87 頁。

[15]林孟彥（2000）。電子商務創新思維與行銷企劃策略。論文發表

於國立台灣科技大學管理研究所、帝友科技股份有限公司聯合主

辦之「電子商務創新思維與行銷企劃策略課程」國際學術研討，

台北。

[16]江高舉、劉緻儀（2004）。Access 2003 私房書。台北：金禾資

61

訊。

[17]鄧文淵、陳惠貞、陳俊榮（2004）。E 世代網頁設計：HTML4.01、

VBScript、ASP 入門。台北：松崗文魁。

[18]莊惠淳（譯）（2005）。Chuck Muscia 著。HTML&XHTML 大全第五

版。台北：歐萊禮(學貫行銷)。

[19]蔡俊平（2007）。ASP.NET2.0 網站開發實務—使用 Visual Web

Developer 2005。台北：知城圖書。

[20]施威銘研究室（2007）。正確學會 Photoshop CS3 的 16 堂課。台

北：旗標。

[21]蔡哲明（2007）。跟我學 Illustrator CS3。台北：碁峰資訊。

[22]鄭文淵（2007）。挑戰 ASP.NET 2.0 FOR VB 互動網站百寶箱。台

北：碁峰資訊。

[23]中華民國棒球聯盟（1993）。棒球規則。台北：中華職棒。

[24]中華民國慢速壘球協會（2001）。中華民國慢速壘球規則。台

北：中華民國慢速壘球協會。

附錄

附錄一：合作廠商介紹

62

覆圖 1.1 洛磯山位置圖

附圖 1.2 洛磯山 LOGO 圖

63

附圖 1.3 洛磯山外觀圖

附圖1.4 洛磯山戶外廣場圖

64

附圖 1.5 洛磯猴子戶外美食吧

附圖 1.6 棒壘球投球機

65

專題時間計畫表

工作進度甘特圖

附表 1.1 工作計畫表

2007 年 2008 年 時間

事件 9 10 11 12 1 2 3 4 5

主題討論

廠商洽詢

系統規劃

資料庫設

計及分析

程式撰寫

成品測試

系統修正

書面製作

工作分配表 附表 1.2 工作分配表

組 員 工作內容

謝宜君 資料蒐集與簡報製作

李川雯 網頁製作與書面報告製作

吳忠諭 資料庫建置與網頁製作

詹盛淵 書面報告製作與網頁製作