崑山科技大學

資訊工程系

四年制大學部專題製作報告

休閒旅遊規劃

組員：黃緯翔 4960E019

林信璋 4960E035

朱皇瑋 4960E068

王信閔 4960E108

指導老師：李宗儒 老師

100 年 6 月

摘要 因為網路發達、應用頻繁，人們的生活已經脫離不了

網路；由於網路常常只提供單一資訊查詢與訂票，例如台鐵

訂票系統只有單一火車訂票系統，但如果可以加個旅途規劃

和飯店住宿上的訂房系統，讓消費者直接在一個網站得到想

要資訊也可以直接在一個網站上做出一整個旅途安排，不用

在茫茫的資料海裡找資料，因此我們利用了 Dreamweaver 做

為前端網頁加 MySQL 做為後台資料庫，程式上在用 PHP 語

法和 MySQL 語法去編輯出我們的網頁，在網頁功能上我們

基本分成住宿車票查詢與住宿車票訂購頁面，還有一個頁面

提供了選單讓消費者選擇要用甚麼交通，選擇出發的地點和

終點，大概的旅途預算和預計旅途的天數，然後再把消費者

所給予的條件幫消費者做一個旅途規劃，讓消費者可以在本

網站不但可以查詢到想要的旅途資訊自己規劃旅途或者讓

我們為消費者規劃出適合的的旅途。

I

致謝 專題能夠順利完成，首先要感謝的就是指導老師李宗儒

老師。由專題題目的發想，到之後的實地執行與分析撰寫，

每次的 meeting 老師都不厭其煩的教導與提點，也讓我們有

持續的動力能夠完成這次的專題展。而在與老師的互動過程

中，儘管我們的想法有時表達的不夠完整，老師仍清楚地指

出我們該走的方向；儘管我們的進度緩慢時常因遇困難而拖

延，老師仍耐心的給予鼓勵，因此，這份專題的完成要感謝

李宗儒老師的付出與包容，讓我們這些學生能夠在專題研究

階段如此順利。

此外，也要感謝導師黃志賢老師對這份專題研究的建

言。感謝黃志賢老師在百忙之中不辭辛勞，仍願意提供一些

意見給我們，同時以豐富的學術涵養與嚴謹的研究態度，給

予這份專題研究精闢的見解與寶貴的建議，使得這份專題能

夠更為完整。

II

目錄 摘要……………………………………………………I

致謝…………………………………………………...II

一、簡介

1. 研究動機…………………………………….P.1

2. 研究目的…………………………………….P.2

3. 研究方法…………………………………….P.3

二、相關研究

1. 製作程序…………………………………….P.4

2. 軟體探討…………………………………….P.4

三、系統架構…………………………………………P.5

四、執行畫面……………………………….………..P.6

五、問題與困難討論………………………………..P.29

六、參考文獻……………………………….………..P.33

七、結論……………………………………………..P.34

一、簡介 1.研究動機

由於網路發達、應用頻繁，人們的生活已經脫離不了

網路；回歸傳統單純的現場售票與電話訂票的種種形式，帶

來許多人的不便，例如無法抽空至現場購票，這時若能參入

運用廣泛的網路元素的話，似乎不單單只是功能上的便捷更

能提供更好的服務品質與消費者的關係，像可以提前預購到

票根及知道一些相關的資訊，這樣就可以不需要花時間等待

也可以預先安排好旅途的行程，例如旅途的時間能夠安排的

更準確、地點能夠更具規劃性的排程，也多了網路這塊消費

的市場，而且現在網路訂票系統大多都只是單一性的，沒有

想像中的那麼便捷跟多元，這套系統是以”交通”及”民宿”所

結合成的系統，與其它單一功能的網頁相較起來也較具特

色，也可以為自己的公司多一份客戶消費的機會，也可以藉

由無遠弗屆的網路來打響公司的名氣。

1

2.研究目的

因科技發達國民生活品質需求變大，因此國民在工作職

場競爭越來越激烈，伴隨而來的是工作壓力的提升，「休假

旅遊」已成為國人越來越重視的休閒活動，又根據經濟部統

計網路的使用者人數成長超過 100%，消費者常常在做一些

事情時會去查詢相關資訊或者預先規劃，都會用到網際網

路，而使用者在旅遊行程規劃上也會去查詢旅遊資訊及住宿

飯店，因此消費者就會藉由網站上的資訊來安排行程及住宿

地點，但因大部分的旅遊休閒網都是獨立的住宿飯店資訊，

或者是單一的行程規劃、特色景點，因此我們規劃出一套不

只有單一住宿資訊或行程規劃，還可以將住宿及行程組合起

來的系統網頁，可以讓消費者只要在一個網頁就能查詢到想

要的旅遊行程，包含了車票、路線及飯店訊息等。

2

3.研究方法步驟

3

設定研究方向

收集相關資料與文獻

分析語言程式

PHP MySQL

網頁功能設計

資料庫建立

意見討論資料

網頁與資料庫連結

調整資料庫與網頁程式碼

驗證結果是否符合題目方向

交通訂票資料

住宿飯店資料

行程規劃資料

二、相關研究 1.製作程序

在創建網頁所需的資料庫前，必須先將整體網頁的架構先

分析過，要先清楚了解網頁所需的功能之後，再進一步評估

完整性；有了初步的網頁架構虛擬後，便開始開創網頁中有

必要存入資料庫的頁面專屬資料庫，在資料庫中包含主頁面

的資料庫、分支頁面的資料表以及細項所需的欄位。

當資料庫以及網頁本體這兩方面都已有了基本的架構，

便可開始分工進行頁面該有的功能及美化，然網頁頁面與對

應的資料庫都已達到預計的程度之後，便開始利用 FTP 將這

兩方面做連結，連結成功後就算完成單一頁面!!

2.軟體探討

在網頁頁面的製作上，我們選擇了 PHP 語法且較有圖形

介面的”Dreamweaver”撰寫，搭配的資料庫為 Apache 平台的

MySQL 語法製作；選擇 Dreamweaver 的原因為圖形介面較

易操作，可免去些不必要重複性的攏長程式碼，在製作上也

便利許多。

4

三、系統架構

5

四、執行畫面

本頁面為我們網頁開啟的第一個頁面，旁邊為使用者所

要查詢資訊的項目選單，中間的子視窗是使用者去選擇

吃喝玩樂後圖片會變化跟選單對應的圖片。

6

使用者選擇旅遊規劃後，會進入這一個頁面，這一頁面

主要以表單式顯示，而這個表單設有幾個條件，起點、

終點、交通工具、天數還有預算，讓使用者打入自己所

需的條件。

7

此頁面為輸出結果，我們先把預先幫使用者規劃好的旅

遊規劃先建立在後台資料庫上，藉由使用者所打入的需

求條件後，自動和資料庫做查詢，為使用者顯示出適合

的旅遊資訊。

8

本頁面為第二個選單住宿飯店，我們將台灣的住宿分成

三個區塊為北部、中部、南部，在依使用者想要查詢的

區塊做選擇其一。

9

此頁面為北部住宿，當使用者選擇北部之後，我們就會

顯示在北部得一些知名飯店，讓使用者可以查到自己想

要的住宿飯店資訊。

10

此頁面為飯店資訊，我們先把查詢到北部每一家的飯店

資訊建立在後台資料庫，當使用者選擇其中一個飯店

時，就會以表單方式顯示，上面會有名稱、內容、電話

和地址的資訊顯示出來為使用者做介紹。

11

此頁面為中部住宿，當使用者選擇中部之後，我們就會

顯示在中部得一些知名飯店，讓使用者可以查到自己想

要的住宿飯店資訊。

12

此頁面為飯店資訊，我們先把查詢到中部每一家的飯店

資訊建立在後台資料庫，當使用者選擇其中一個飯店

時，就會以表單方式顯示，上面會有名稱、內容、電話

和地址的資訊顯示出來為使用者做介紹。

13

此頁面為南部住宿，當使用者選擇南部之後，我們就會

顯示在南部得一些知名飯店，讓使用者可以查到自己想

要的住宿飯店資訊。

14

此頁面為飯店資訊，我們先把查詢到南部每一家的飯店

資訊建立在後台資料庫，當使用者選擇其中一個飯店

時，就會以表單方式顯示，上面會有名稱、內容、電話

和地址的資訊顯示出來為使用者做介紹。

15

此頁面為第三選單的交通訂票，我們先以台灣高速鐵路

與台灣鐵路給使用者做選擇，不只有訂票系統，還有票

價的查詢。

16

此頁面為高鐵訂票系統，在上面我們以表格方式讓使用

者填入資料，分別是姓名、身分證、電話、起點還有終

點，在底下我們也提供票價的查詢。

17

此頁面為結果輸出，當存入資料庫成功後，會顯示訂票

成功，提醒使用者攜帶證件至櫃檯辦理取票與繳費，會

再一次顯示訂票者的資料姓名、身分證、電話、起點站、

終點站和票價，讓使用者再一次確認資料。

18

此頁面為儲存至資料庫，將使用者的資料建立在後台資

料庫，像剛剛建立的資料為紅色框框裡；使我們可以與

使用者當作一個依據，也就可以讓我們清楚看到使用者

的需求條件起點、終點來為使用者做訂票的動作。

19

此頁面為台鐵訂票系統，在上面我們以表格方式讓使用

者填入資料，分別是姓名、身分證、電話、起點還有終

點，在底下我們也提供票價的查詢。

20

此頁面為結果輸出，當存入資料庫成功後，會顯示訂票

成功，提醒使用者攜帶證件至櫃檯辦理取票與繳費，會

再一次顯示訂票者的資料姓名、身分證、電話、起點站、

終點站和票價，讓使用者再一次確認資料。

21

此頁面為儲存至資料庫，將使用者的資料建立在後台資

料庫，像剛剛建立的資料為紅色框框裡；使我們可以與

使用者當作一個依據，也就可以讓我們清楚看到使用者

的需求條件起點、終點來為使用者做訂票的動作。

22

此頁面為團隊介紹，我們這一次的組員有四個，分別是

王信閔、朱皇瑋、林信璋、黃緯翔，以下拉換頁的方式

一一介紹個人簡介，當滑鼠去點擊姓名學號時，就會下

拉換頁來顯示與姓名學號對應的組員圖片與簡介。

王信閔

23

朱皇瑋

林信璋

24

黃緯翔

25

此頁面為意見欄的部分，這地方是讓使用者可以留下我

們可以改進與指導或問題討論的地方，我們的設計以幾

個欄位讓使用者去做填答，分別是姓名、電話、信箱還

有內容，讓使用可以留下一些意見，也留下聯絡方式以

便做日後可以跟使用者的問題討論。

26

此畫面是輸入完成的畫面，每當使用者給予意見後按下

送出後，我們畫面就會跳出這個畫面，來提示使用者的

意見已經存在資料庫，也回應使用者給我們的指導與關

心，表達我們團隊最誠心的感謝。

27

此畫面為存入資料庫，將剛剛的使用者所打的意見、指

導與問題存入我們的資料庫，讓我們後台管理者可以去

了解，去改進也可以去跟使用者做一個討論，像剛剛使

用者留下的資料我們就用紅色框框起來，來代表已經存

入資料庫。

28

五、問題與困難討論

這一次我們所用的軟體 Dreamweaver 雖然功能很齊全也

強大，可是在網頁與資料庫的連結吃了很大的苦頭，也

有一段時間因為這樣，專題的進度無法繼續進行，因為

要非常了解哪一個網頁要與哪一個資料表作連結，常常

我們一連再連都連不上，到最後跟老師的討論與跟著書

上一步一步做終於才明白。原來路徑的設定需要很小

心，以下是我們在設定上該注意的地方。

29

第一個為連線名稱，第二個為 MySQL 伺服器，第三第四

為使用者帳號密碼，第五個為資料庫，這些一定要打好

由其是資料庫那一欄要連對你所建立的資料庫名稱。

這裡更細了，因為在建立資料庫時，是以欄位的方式建

立，而每一欄都會有名稱，中間就是你連到的資料裡所

對應的每一欄位名稱，這裡的欄位要設定清楚，才不會

影響接下來要在網頁顯示的資料。

30

當一切連結都設定完成後，在右下角就會出現你在資料

庫所建立的欄位名稱，這時再把網頁開啟，在將右下欄

位名稱，一一拉到你想要讓資料顯示的地方，這樣就可

以顯示在資料庫裡面的資料。

31

在這一次專題的另一個最困難點是 MYSQL 的語法部

分，因為在資料庫上資料的建制與移動甚至複製都需要

用到 MYSQL 語法，網頁所要的資料顯示方式，想要怎

樣的顯示方式都必須用到特殊的 MYSQL 語法，上網找

了很多語法，試了很多次還不一定能成功，也問了老師

有些問題才迎刃而解，光測試那一些語法就浪費了很多

時間，所以平常要多看一些語法，因為有些語法功用很

相近長得很像，但只有一點不一樣顯示出來的方式就有

可能有很大的不一樣了，所以是需要注意一下的。

32

六、參考文獻

無名相簿吃喝玩樂等相關圖片：

(http://www.wretch.cc/album/)

Google 地圖查詢，起迄點之路線及總里程：

(http://maps.google.com.tw/maps?hl=zh-TW&tab=wl)

台鐵網頁，提供台鐵票價及站點等資訊：

(http://railtw.appspot.com/)

高鐵網頁，提供高鐵票價及站點等資訊：

(http://www.thsrc.com.tw/tc/ticket/tic_time_search.asp)

全台部分較有名的飯店資訊：

(http://www.ezhotel.com.tw/area.php?loc=0)

MySQL 語法：

(http://www.slideshare.net/appleboy/php-mysql-2255172)

Dreamweaver CS5：

(http://www.books.com.tw/exep/prod/booksfile.php?item=0010474283)

33

七、結論

此次製作專題的過程當中，我們這一組真的學習到很多關

於資料庫相關知識及部分軟體的使用方法，由於我們的專題

名稱定為『休閒旅遊規劃網 』，顧名思義我們是要將網頁

製作成為規劃網頁，在過程當中我們必須要學會 MySQL 的

語法，以及學習網頁的編輯語言 PHP 來完成，當然不可缺少

Dreamweaver 來編輯網頁。剛開始進行專題時發生了一些製

作上的問題，就是在規劃網頁架構時，當時是使用 Apache

的資料庫來製作,當架構好時就發現我們對於資料表、欄位的

邏輯還不夠完熟，部份欄位建置完成時發現，與實際對應的

目標資料庫並不對等，導致與網頁作連結時出現錯誤。在網

頁平面設計上也遇上了些麻煩，我們使用的是 Dreamweaver

來編輯網頁，而我們團隊 4 個成員並沒學過這套軟體，所以

再一開始製作上也停擺了些許時間來閱讀 CS5 的相關書籍，

而在這個過程當中我們也請教了李宗儒老師，老師也教了我

們 MySQL 的架構及語法意義，也在研究室裡幫我們解決了

Dreamweaver 操作上的部分困難。

34

經由這次專題製作的經驗，相信對於本組的同學都會有

著不同的收穫，也相信這樣的經驗對於日後本組的每一位同

學都會有所幫，最後我們要向指導我們這次專題的指導老師

李宗儒老師至上我們十二萬分的感謝，如果沒有老師的細心

指導，我們也不會如其完成，感謝李宗儒老師在我們製作感

到困惑時，給予我們一個明確的方向，也感謝評審老師們給

予的建議與指導。

35