嶺東科技大學資訊網路系 專題研究報告

松青旅行社網站建置

指導老師：李琛瑜 教授

組 員：林煒宸、顏巧婷、

陳宛廷、賴皞維

中華民國一百零六年五月

105

學年度

嶺東科技大學資訊網路系

專題研究報告

松青旅行社網站建置

中華民國一百零六年五月

I

摘 要

隨著日新月異的科技進步，網路也跟著越來越發達、越來越重

要，網路與我們的生活息息相關，我們能透過網路來查詢當地美食；

為了買一件衣服不一定要出門而是透過網路來選購下單；出遊玩或是

出差時，也能透過網路來找尋住宿及訂房；在交通方面也能透過網路

訂高鐵、鐵路、統聯的車票或是某個航空公司的飛機票也能線上訂購，

有此可見從人們的食、衣、住、行這四方位都能和網路有所關連，在

各個行業幾乎都不可缺少網路來進行工作，可能是透過網路達成行銷、

銷售、推廣……等等，網路的存在使我們現代人在訊息上能夠更便利

的搜尋與收集，因此網際網路的興起也會影響到旅遊業者。

為了讓我們合作的旅行社跟上這資訊爆炸的 E 時代，並達到最大

的行銷效益，我們要製作一個旅行社網站來達到最佳的行銷效果，增

加松青旅行社的行銷，故以松青旅行社為例來架網站，藉此研究網路

平台吸引更多潛在消費者來使松青旅行社更加蓬勃發展。

關鍵字：網頁設計、旅遊網、網路行銷

II

目 錄

摘 要 ....................................................................................... I

表目錄 .......................................................................................... V

第一章 緒論 ............................................................................... 1

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

1.1.1 研究背景 .............................................................................. 1

1.1.2 研究動機 .............................................................................. 1

1.2 研究目的 ................................................................................. 2

第二章 文獻探討 ......................................................................... 4

2.1 旅遊電子商務概念的界定 ..................................................... 4

2.2 旅遊網站功能及旅遊網站的性質 ........................................ 4

第三章系統規劃與設計 ............................................................... 9

3.1 研究對象 ................................................................................. 9

3.2 網站建置工具 ....................................................................... 10

3.3 系統架構與功能規劃 ........................................................... 13

3.3.1 旅行社網站服務項目 ........................................................ 13

III

3.3.2 旅行社網站後台 ................................................................ 14

第四章 結論 ............................................................................... 28

參考文獻 ..................................................................................... 29

IV

圖目錄

圖 1 研究流程圖 .......................................................................... 3

圖 2 前台架構圖 ........................................................................ 13

圖 3 後台架構圖 ........................................................................ 14

圖 4 國內行程 ............................................................................ 21

圖 5 首頁 .................................................................................... 22

圖 6 網站基本操作介面圖 ........................................................ 23

圖 7 留言板 ................................................................................ 23

圖 8 連線國內旅遊行程資料庫 ............................................... 24

圖 9 連線國外旅遊行程資料庫 ............................................... 24

圖 10 管理員登入 ..................................................................... 25

圖 11 後台管理者介面 ............................................................. 26

圖 12 查詢介面 ......................................................................... 26

圖 13 管理者國內旅遊明細介面 ............................................. 27

V

表目錄

表 1 旅遊網站的性質 ................................................................. 5

表 2 松青旅行社網站與廣禾旅行社網站的服務項目比較 ...... 6

表 3 國內旅遊行程資料表 ........................................................ 15

表 4 國內旅遊行程明細資料表 ................................................ 16

表 5 國外旅遊行程資料表 ........................................................ 17

表 6 國外旅遊行程明細資料表 ................................................ 18

表 7 國外旅遊行程航班資料表 ................................................ 19

表 8 會員系統資料表 ................................................................ 19

表 9 查詢國內旅遊行程明細資料表 ....................................... 20

表 10 查詢國外旅遊行程明細資料表 ..................................... 20

1

第一章 緒論

1.1 研究背景與動機

1.1.1 研究背景

Google 台灣總經理陳俊廷表示，2013 年光是旅展的人次就高達

22 萬人次，然而在網路盛行後，使用者透過網路搜尋旅遊資訊的比

例越來越高，一天光是在 Google 搜尋旅遊相關資訊的人次比起旅展

高出 8 倍，平均每 0.04 秒就有一個使用者搜尋旅遊相關資訊[1]，

這也表示網路潛藏著比起實體旅展更大的商機。

1.1.2 研究動機

松青旅行社缺少行銷性質旅行社網站，現今網際網路如此發達，

在這資訊爆炸的時代更加不可或缺網站來推銷自己來達成行銷效果，

而松青旅行社除了有臉書的粉絲專業以外，並沒有任何行銷性質的網

站，根據觀光局行政資訊系統顯示旅行業相關統計總數有三千以上，

也就是說松青旅行社扣除自己公司必須要面對三千多個競爭對手，行

銷因此格外重要，能夠藉由行銷推廣業務也能讓更多人看到自己的企

業，然而松青旅行社除了上述的臉書粉絲專業以外並沒有任何行銷手

法，讓我們決定為松青旅行社建置網站。現今現代人無論男、女、老、

少都會用到網路，網路的使用在各個領域都會用到相當普遍，因此網

際網路的興起也會影響到旅遊業者，世界旅遊網際網路大會於 2015

年 10 月 17 日在杭州開幕，吸引了來自世界各地許多旅遊業者參加，

出席大會的浙江省旅遊局信息中心主任汪成設在會上表示，網際網路

正在改變旅遊消費習慣，也正在倒逼旅遊業管理者深入思考與實踐。

2

汪成設認為,在線購物改變了用戶交易習慣,即時聊天改變了社交習慣,

旅行者的行為習慣也正在深刻改變[2]，由此可見旅行業管理者也必

須真正藉助網際網路思維來提升自己。

1.2 研究目的

我們的研究目的是增加松青旅行社的行銷，故以松青旅行社為例

來建置網路，藉此研究網站是否能有效吸引更多潛在消費者來使松青

旅行社更加蓬勃發展。我們以合作的松青旅行社來做旅行社的網站，

想藉以網站來達到網路行銷的效果。再現今依賴網站的世代不能單單

在以已往的傳統方式繼續下去，必須要做出改變才能永續發展。

3

1.3 研究流程

我們先擬定研究主題，再想我們的研究動機及目的是什麼來確定

研究的方向，有了方向就能想想設計和做法了，收集相關的資料並整

理，最後實際建置網站，研究流程如圖 1 所示：

圖 1研究流程圖

擬定研究主題

研究動機及目的

研究設計與方法

收集資料

整理資料

網站實作

專題結論

4

第二章 文獻探討

2.1 旅遊電子商務概念的界定

旅遊電子商務是指通過先進的網路信息技術手段實現旅遊商

務活動各環節的電子化,包括通過網路發佈、交流旅遊基本信息和商

務信息,以電子手段進行旅遊宣傳營銷、開展旅遊售前售後服務;通過

網路查詢、預訂旅遊產品併進行支付;也包括旅遊企業內部流程的電

子化及管理信息系統的應用等。數位時代來臨，消費者旅遊習慣的改

變以及物聯網蓬勃發展的趨勢，台灣應利用在高科技產業方面的優勢，

發展出高附加價值且吸引消費者的智慧旅遊方案。[3]

2.2 旅遊網站功能及旅遊網站的性質

客製化的個人服務根據你所填的基本資料及瀏覽習慣來幫助使

用者更快速找到資訊，並通知使用者有興趣的最新資訊及事項，也可

按照使用者的喜好來排列組合他的使用環境。[4]

5

旅遊網站主要有分為營利性質與非營利性質，無論是營利性質

或是非營利性質其目的都是推廣觀光、招攬顧客。

表 1 旅遊網站的性質

性質 內容

營利性質 1.旅行社網站:招攬顧客

2.飯店民宿業者自行架設網站 :提升住房率

3.遊樂區之網站 :提升入園人數

4.交通航空業者網站:提高客源

非營利性質 1.中華民國觀光局網站或是國家級風景區專有網站:韓國觀光

局

2.國內各縣市政府觀光網站:台中市政府全球資訊網

3.生態旅遊協會,推廣生態保育賞鳥協會

6

2.3 其他相關旅遊(網站)功能比較

會以廣禾旅行社網站和我們所製作的松青旅行社網站來作比較的

原因是他們的旅行社性質與松青旅行社接近，兩家旅行社規模相

似，其功能與我們的網站也有相似的地方，一樣有國內和國外旅遊

行程、FB粉絲專業及留言版等等，以下是我們做的比較圖表。

表 2 松青旅行社網站與廣禾旅行社網站的服務項目比較

廣禾旅行社 松青旅行社

會員登入 ○ ○

國內旅遊 ○ ○

國外旅遊 ○ ○

FB粉絲專業連結 ○ ○

國際機票 ○ ╳

辦理護照 ○ ╳

留言板 ○ ○

7

2.4 網頁設計

一、網頁必需要有良好的「動線」

也就是網站中每個頁面間的連結必需讓瀏覽者十分清楚，隨時讓

瀏覽者知道目前是處在網站的那個單元，此外，也建議最好為您的網

站加上「網站導覽(SiteMap)」或「全文檢索」，以提供瀏覽者更佳的

導覽資訊。

二、避免過多不必要的元素

過多的圖片、動畫，事實上是會影響網站及網友瀏覽的品質的，

所以我們建議網站中，除非必要，否則應該盡量少使用一些「無意義」

的元素，例如：視覺性沒有義意的 Flash 動畫及圖片、背景音樂、沒

有必要的 JavaScript 特效或程式…等。所以如何兼具網站視覺的美感

精緻度及網站的下載速度與動線，將是設計人員一個十分重要的課題。

三、網站風格符合企業形象

為了加深瀏覽者的印象及消費者對企業或商品的形象，網站製作

的風格必需要與企業的 CIS(Corporate Identity，企業識別）一致，才

能突顯網站或企業的特色。

8

四、文字或標題必需明確且一目瞭然

網頁中明顯且吸引人的文字標題就十分重要，尤其是網站的「首

頁」，一般而言，首頁是整個網站中，最多人瀏覽的地方，所以網站

首頁的文字必需花些心思來編寫。

五、豐富的資訊及內容

網站內容越豐富，資訊越完整，將會讓網友願意停留更多的時間，

甚至會推薦給親朋好友來瀏覽，如此一來將會造成網站有更多的人氣，

也勢必為我們的網站創造更多的商機。一般網站所提供給網友的資訊

有「商品資訊、教學資訊、常見問題、參考文件、相關報導、技術支

援、相關討論…等」。

六、系統功能人性化

大多數的網站為了加強資訊發佈的即時性及增加與網友互動的

機會，通常會於自已的網站加上系統功能。系統功能好處在於可以自

已由後端管理系統即時的發佈或變更最新的資訊，並且能取得客戶的

資訊，例如：「訊息管理系統、商品管理系統、會員管理系統、訂單管

理系統、討論區或留言版系統…等」。在製作這些有利於網站的系統

前，一定要做好系統分析及流程規劃，盡量讓網友使用操作上更為人

性化，才能提高網友使用的意願、同時也能讓使用後端系統的管理人

員使用上更加便利。[5]

9

第三章系統規劃與設計

3.1 研究對象

松青旅行社介紹，成立於民國 97 年，資本總額 6,000,000 元，公

司代表人為紀玉卿經理人，經中央主管機關核准，為旅客設計安排旅

程、食宿、領隊人員、導遊人員、代購代售交通客票、代辦出國簽證

手續等有關服務，經營理念秉持著讓客人玩得盡興、開心的原則，以

此理念穩定住回頭客，客源大部分都是舊有的顧客，可見此理念相當

成功的增加顧客的忠誠度，拉進新主顧除了以口碑以外，行銷部分則

變得相當重要。

10

3.2 網站建置工具

俗話說；「工欲善其事，必先利其器。」所以在做一個網站前，需

要一些建置工具來建我們的網站。

我們所使用的建置工具有:

1. HTML5 網頁程式語言

2. CSS 樣式表

3. WordPress 套裝介面

4. PHP 網頁程式語言

5. FTP 檔案傳輸協定

6. phpMyAdmin 資料庫管理系統

7. 000webhost 免費空間

11

一、HTML5 網頁程式語言

HTML5 是 HTML 最新的修訂版本，2014 年 10 月由全球資訊網

協會（W3C）完成標準制定。目標是取代 1999 年所制定的 HTML4.01

和 XHTML1.0 標準，以期能在網際網路應用迅速發展的時候，使網

路標準達到符合當代的網路需求。[6]

二、CSS 樣式表

CSS 是擴充了 HTML 的功能，增加許多文字及版面的變化，滿

足使用者對文字控制及版面編輯的需求。

三、WordPress 套裝介面

WordPress 是現在熱門的架站軟體，支援上千萬種外掛和版型，

而且操作簡單，不需要有網頁設計的基礎也能透過 Wordpress 做出各

式各樣的網站。

四、PHP 網頁程式語言

PHP 是極少數單純為了網站開發而設計出來的程式語言，可用

範圍也不再只限於網站，事實上，PHP 可以用來開發命令列或者 GUI

程式等。而從 JAVA 借鑑過來的錯誤處理與各種語言特性也讓 PHP

適合用來編寫大型的網頁應用程式。

12

五、FTP 檔案傳輸協定

檔案傳輸協定（英文：File Transfer Protocol，縮寫：FTP）是用

於在網路上進行檔案傳輸的一套標準協議。它屬於網路傳輸協定的應

用層。FTP 是一個 8 位元的用戶端-伺服器協定，能操作任何類型的

檔案而不需要進一步處理。[7]

六 MYSQL 與 phpMyAdmin 資料庫管理系統:

phpMyAdmin 是一個以 PHP 為基礎，以 Web-Base 方式架構在網

站主機上的 MySQL 的資料庫管理工具，讓管理者可用 Web 介面管理

MySQL 資料庫。藉由此 Web 介面可以成為一個簡易方式輸入繁雜

SQL 語法的較佳途徑，尤其要處理大量資料的匯入及匯出更為方便。

其中一個更大的優勢在於由於 phpMyAdmin 跟其他 PHP 程式一樣在

網頁伺服器上執行，但是您可以在任何地方使用這些程式產生的

HTML 頁面，也就是於遠端管理 MySQL 資料庫，方便的建立、修改、

刪除資料庫及資料表。也可藉由 phpMyAdmin 建立常用的 php 語法，

方便編寫網頁時所需要的 sql 語法正確性。[8]

七、000webhost

000webhost 有免費與付費提供給使用者選擇，付費的容量無限制，

而免費的空間則有限制容量空間，功能也有受限，但免費空間對於我

們已足夠用了，免費申請步驟必須要先加入會員，申請成功後會寄出

一封 E-Mail 到你的電子郵件中。接下來設定 Domain Name 與 IP 對

應設定完成後可以直接到瀏覽器中輸入你的 Domain Name 就可以看

到所架設的網站。

13

3.3 系統架構與功能規劃

3.3.1 旅行社網站服務項目

旅行社網站服務項目主要包含，國內旅遊、國外旅遊、航班查詢、

訂票查詢，網站中也包含了松情旅行社粉絲專頁、留言板、旅遊照片

觀賞、公司簡介等等。

圖 2前台架構圖

14

3.3.2 旅行社網站後台

我們的後台架構如下圖:

圖 3後台架構圖

15

如下表 3 國內旅遊行程資料表 local_tour，用於儲存所有國內旅

遊行程。

表 3 國內旅遊行程資料表

欄位 型態 鍵別 允許 Null 註解

tour_id INT(4) PK N 行程編號

tour_title CHAR(30) N 行程標題

tour_beginadte DATE N 出發日期

tour_endday DATE N 結束日期

tour_days TINYINT(2) N 行程天數

tour_area CHAR(20) N 地區

tour_note CHAR(20) Y 備註

tour_bus INT(6) N 車資

tour_insurance INT(4) N 保險

tour_busholiday INT(6) N 假日車資

tour_cost INT(6) N 費用

16

如下表 4 國內旅遊行程明細資料表 local_dtl，用於儲存所有國內

行程明細項目內容。

表 4 國內旅遊行程明細資料表

欄位 型態 鍵別 允許 Null 註解

tour_id INT(4) PK/FK N 編號

day_n TINYINT(2) PK N 第幾天

content TEXT N 內容

breakfast CHAR(30) N 早餐

lunch CHAR(30) N 午餐

dinner CHAR(30) N 晚餐

hotel CHAR(30) N 住宿旅館

room_2 INT(6) N 2人房費

room_3 INT(6) N 3人房費

room_4 INT(6) N 4人房費

breakfast_price INT(6) Y 早餐費用

lunch_price INT(6) Y 午餐費用

dinner_price INT(6) Y 晚餐費用

ticket_title CHAR(30) Y 第一天

門票名稱

ticket_price INT(4) Y 第一天

門票費用

ticket_title02 CHAR(30) Y 第二天

門票名稱

ticket_price02 INT(4) Y 第二天

門票費用

ticket_title03 CHAR(30) Y 第三天

門票名稱

ticket_price03 INT(4) Y 第三天

門票費用

17

如下表 5 國外旅遊行程資料表 foreign_tour，用於儲存所有國外

旅遊行程。

表 5 國外旅遊行程資料表

欄位 型態 主鍵 允許

Null

註解

tour_id INT(4) PK N 編號

tour_title CHAR(30) N 標題

tour_beginadte DATE N 出發日期

tour_endday DATE N 結束日期

tour_days TINYINT(2) N 行程天數

tour_area CHAR(20) N 旅遊地區

tour_note CHAR(30) Y 備註

tour_insurance INT(4) N 保險費用

tour_ Departure_flight CHAR(30) FK N 去程航班代號

tour_

Return_flight

CHAR(30) FK N 回程航班代號

18

如下表 6 國外旅遊行程明細資料表 foreign_dtl，用於儲存所有

國外行程明細項目內容。

表 6 國外旅遊行程明細資料表

欄位 型態 鍵別 允許 Null 註解

tour_id INT(4) PK/FK N 編號

day_n TINYINT(2) PK N 第幾天

content TEXT N 內容

breakfast CHAR(30) N 早餐

lunch CHAR(30) N 午餐

dinner CHAR(30) N 晚餐

hotel CHAR(30) N 住宿旅館

room_2 INT(6) N 2人房費

room_3 INT(6) N 3人房費

room_4 INT(6) N 4人房費

breakfast_price INT(6) Y 早餐費用

lunch_price INT(6) Y 午餐費用

dinner_price INT(6) Y 晚餐費用

ticket_title CHAR(30) Y 第一天

門票名稱

ticket_price INT(4) Y 第一天

門票費用

ticket_title02 CHAR(30) Y 第二天

門票名稱

ticket_price02 INT(4) Y 第二天

門票費用

ticket_title03 CHAR(30) Y 第三天

門票名稱

ticket_price03 INT(4) Y 第三天

門票費用

19

表 7國外旅遊行程航空資料表 foreign_flight，用於儲存所有

航空資訊。

表 7 國外旅遊行程航班資料表

欄位 型態 鍵別 允許 Null 註解

flight_airline char(10) PK N 航班代號

flight_airliner char(10) N 航班

flight_starigpoint char(10) N 起點

flight_arrival char(10) N 終點

flight_turnedoff char(10) Y 轉機

表 8 會員系統資料表，用於儲存所有會員資料。

表 8 會員系統資料表

欄位 型態 鍵別 允許 Null 註解

NO int(6) PK N 編號

username char(20) N 會員帳號

password char(20) N 密碼

telephone char(12) Y 電話號碼

address text Y 住址

other text Y 電子信箱

User_Authority char(30) N 權限

20

表 9查詢國內旅遊行程明細資料表 local_listdownload，用於

儲存該行程內所有詳細資訊。

表 9 查詢國內旅遊行程明細資料表

欄位 型態 鍵別 允許 Null 註解

local_id int(5) PK N 編號

local_title char(50) N 標題

local_URL char(100) Y 下載網址

表 10查詢國外旅遊行程明細資料表 foreign_listdownload，用

於儲存該行程內所有詳細資訊。

表 10 查詢國外旅遊行程明細資料表

欄位 型態 鍵別 允許 Null 註解

foreign_id int(5) PK N 編號

foreign_title char(50) N 標題

foreign_URL char(100) Y 下載網址

21

3.4 網頁的介面

在網頁設計中，原則上以能看清楚與整個頁面和搭配和諧為

主。例如，在淺色的背景上，一般使用深色字體，讓使用者能夠看

清楚網頁中的資訊，能使瀏覽者願意花較長的時間瀏覽網頁。所以

我們在做網頁時，以淺色為我們網頁的背景、字體則選擇深色，如

下圖背景為淺綠，大標題則選擇深一點的青綠色，無論是用 Google

還是 IE瀏覽器都能夠呈現良好的視覺效果。

圖 4國內行程

22

3.5 網站基本操作介面

一、網站基本操作介面

網站基本操作介面如下面兩張圖所示，可顯示國內、國外旅

遊行程來報名參加，以及能夠訂購機票、飯店、門票等功能，還可觀

賞相片及 Facebook 粉絲專業。

圖 5首頁

23

圖 6 網站基本操作介面圖

二、留言板

留言板如圖六所示，能夠讓使用者回饋意見給公司做反應。

圖 7 留言板

24

三、國內外旅遊行程資料庫

國內外旅遊行程資料庫如圖 8、圖 9 所示，進入國內外旅遊功能

按鈕後連線至資料庫顯示所有旅遊行程。

圖 8 連線國內旅遊行程資料庫

圖 9 連線國外旅遊行程資料庫

25

四、管理員登入

以下是管理員登入畫面，使用者可透過此頁面登入。

圖 10 管理員登入

26

五、後台管理者介面

後台國內旅遊管理者介面如圖 10 所示，可讓公司內部人員便

於新增、修改、刪除國內旅遊行程。

圖 11 後台管理者介面

六、行程查詢

可透過此功能查詢行程詳細資訊。

圖 12 查詢介面

27

七、編輯明細

下圖為國內編輯明細系統，然而無論是國內還是國外都有編輯行

程明細的功能。

圖 13 管理者國內旅遊明細介面

28

第四章 結論

經過一段時間努力之後，我們依照松青旅行社的需求製作出

一個資訊網站，我們的首頁有松青旅行社的臉書超連結，當使用者點

擊按鈕即可連結到松青旅行社的臉書粉絲專業，除此之外選單還有國

內及國外旅遊行程，使用者即可在此查詢國內及國外的旅遊行程。

而在松青旅行社的內部員工或管理階層才能透過登入管理員系

統來修改、新增、刪除旅遊行程，畫面人性化方便松青旅行社內部管

理。

在網站上我們也有放上松青旅行社的資料及電話，能夠使潛在顧

客來聯繫松青旅行社以此增加松青旅行社的業績，留言板部分也能讓

使用者留言，送出成功後則式送到松青呂信社內部的電子信箱,而網

站相片分享功能則放上出遊拍攝的照片來吸引消費者，建置此網站我

們希望可以讓使用者透過瀏覽器查詢與旅遊相關的資訊，與我們合作

的松青旅行社內部的工作人員也可以透過資料庫維護主要的設備資

料，方便管理者與使用者進行互動，來達到更好的效能。

29

參考文獻

網站:

[1]旅遊研究所網站，https://www.cool3c.com/article/68834，

瀏覽日期:2016 年 10 月 28 日。

[2]壹讀網，https://read01.com/Onz0Gm.html，

瀏覽日期 2016 年 10 月 7 日。

[3]旅遊商務，http://wiki.mbalib.com/MBA 智庫百科，

瀏覽日期:2016 年 10 月 28 日。

[4] 旅遊商務，http://wiki.mbalib.com/MBA 智庫百科，

瀏覽日期:2016 年 10 月 28 日。

[5] 東南旅行社網站，https://www.settour.com.tw

瀏覽日期:2016 年 10 月 28 日。

[6]eztrus， http://www.eztrust.com.tw/html/faq/qa_show.aspx?id=42

瀏覽日期:2016 年 10 月 5 日。

[7] 維基百科，https://zh.wikipedia.org/wiki/HTML5，

瀏覽日期: 2016 年 12 月 11 日 。

30

[8] 維基百科 https://zh.wikipedia.org/wiki/PhpMyAdmin，

瀏覽日期:2016 年 10 月 5 日。