元培科技大學資訊管理系畢業專題
南寮觀光導覽網站建置
組 別： B16
指導老師： 劉淑範 老師
組 員： 楊錚仁 0952408049
彭紹欽 0952408042
廖元祺 0952408016
葉玉喜 0952408051
摘要
在現今這個忙碌的社會中，隨著人們工作時間越來越長，工作壓力越來越大 ，陪家人的時間越來越少情形下，許多人秉持著，就算是小小的假期，也要讓自 己感受到那種無拘無束的自在生活，把在工作上所累積的壓力，全部釋放出去。 隨著E 化時代的來臨，網際網路成為成千上萬的人民不可獲缺的溝通橋樑之一 ，透過觀光導覽網站的宣傳、發揚，可以讓南寮地區的遊客增加不少，一方面可 帶動南寮地區的商圈，另一方面可使南寮地區在未來更有發展性、建設。在現在 的社會，生態休閒旅遊在台灣開始興盛，隨著國人休閒旅遊風以及環保單車運動 的發展，現代人都喜歡在週休假日全家人出來騎單車踏青，尋找親近大自然的體 驗，再加上自助旅行價格便宜又沒什麼限制，騎單車可以節能減碳還可以省錢兼 運動。南寮有十七公里海岸單車步道，提供給許多遊客在週休二日的假日，騎單 車看海運動健身。南寮有著豐富的生態與文化，具有好的觀光的優勢條件機會， 如何以南寮為主體，讓南寮帶動整個觀光休閒文化，是南寮正在努力中的事，在 這裡，我們以快樂的心情，希望在大家的關心協助下，讓南寮這個小地方有更大 的生機，到南寮去，絕不僅只是一趟尋常的觀光活動，而是體驗更深一層新竹風 及南寮之美。我們將藉此做專題的機會來建立南寮觀光導覽網站，讓大家可以更 深入的了解到南寮的美。介紹南寮的歷史文化，讓大家更加認識以及了解南寮的 歷史，介紹南寮的美食文化，讓大家知道了解南寮有哪些好吃的美食，介紹南寮 的觀光，將南寮的著名觀光景點介紹在網路上，讓大家知道南寮有哪些好玩的地 方，節省更多找景點的時間，讓遊客玩的更盡興。讓大家可以利用我們的網站， 就可以查詢到南寮有哪些好玩好吃的。 關鍵字：南寮、漁港、網站經營目錄
摘要...i 目錄...ii 表目錄...iv 圖目錄...v 第一章 緒論...1 1.1 背景與動機...1 1.1.1 背景...1 1.1.2 動機...1 1.2 目的...1 1.3 限制...2 第二章 文獻探討...3 2.1 歷史沿革...3 2.1.1 南寮歷史...3 2.1.2 南寮國小...7 2.1.3 南華國中...8 2.2 宗教信仰...9 2.2.1 富美宮...9 2.2.2 代天府...10 2.2.3 慈聖宮...10 2.2.4 土地公...11 2.3 新竹漁港...11 2.3.1 南寮漁港...11 2.3.2 新竹區漁會...12 2.3.3 新竹漁會直銷中心...14 2.4 休閒活動...15 2.5 十七公里海岸線觀光景點介紹...18 2.6 美食介紹...22 2.6.1 地中海景觀餐廳...22 2.6.2 海岸風情...23 2.6.3 新南興海鮮總匯餐廳...24 2.6.4 漁人碼頭餐廳...25 2.6.5 九龍塘...263.2 系統開發方法...30 3.3 網站架構圖...31 3.4 甘特圖...32 3.5 工作分配表...33 3.6 專題設備...33 第四章 專題成果...34 4.1 需求分析...34 4.1.1 問題描述...34 4.2 系統分析...34 4.2.1 功能需求與非功能需求...34 4.2.2 活動圖...36 4.2.3 使用案例圖...37 4.2.4 使用案例描述...38 4.2.5 循序圖...47 4.3 系統介紹...75 4.4 使用手冊...83 第五章 結論與建議...112 5.1 結論...112 5.2 建議與未來展望...113 參考文獻...114
表目錄
表3- 1 系統開發方法 ...30 表3- 2 工作分配表 ...33 表4- 1 使用案例描表-網站首頁...38 表4- 2 使用案例描表-最新消息...38 表4- 3 使用案例描表-歷史沿革...39 表4- 4 使用案例描表-宗教信仰...39 表4- 5 使用案例描表-新竹漁港...40 表4- 6 使用案例描表-休閒活動...40 表4- 7 使用案例描表-17 公里...41 表4- 8 使用案例描表-美食介紹...42 表4- 9 使用案例描表-交通指南...42 表4- 10 使用案例描表-討論區...43 表4- 11 使用案例描表-後台管理登入 ...44 表4- 12 使用案例描表-維護最新消息...45 表4- 13 使用案例描表-維護討論區...46圖目錄
圖2- 1 竹塹港 ...3 圖2- 2 頭前溪 ...4 圖2- 3（左）編織魚網（右）昔日舊港 ...6 圖2- 4（左）竹筏（右）整治中的南竂漁港 ...6 圖2- 5（左）昔日的製冰廠（右）冷飲店 ...7 圖2- 6 南寮國小 ...8 圖2- 7 南華國中 ...9 圖2- 8 富美宮 ...10 圖2- 9 代天府 ...10 圖2- 10 慈聖宮 ...11 圖2- 11 土地公 ...11 圖2- 12 南寮漁港 ...12 圖2- 13 漁會組織圖 ...13 圖2- 14 直銷中心 ...15 圖2- 15 風箏 ...15 圖2- 16 咖啡車 ...16 圖2- 17 天鵝船 ...16 圖2- 18 腳踏車 ...17 圖2- 19 烤肉 ...17 圖2- 20 南寮休閒漁港 ...18 圖2- 21 看海公園 ...18 圖2- 22 海天一線看海區 ...18 圖2- 23 港南濱海風景區 ...19 圖2- 24 港南運河 ...19 圖2- 25 金城湖 ...19 圖2- 26 紅樹林公園 ...20 圖2- 27 風情海岸 ...20 圖2- 28 海山漁港觀海平台 ...20圖2- 35 地圖 ...27 圖3- 1 網站架構圖 ...31 圖3- 2 甘特圖 ...32 圖4- 1 活動圖 ...36 圖4- 2 使用案例圖 ...37 圖4- 3 系統循序圖 ...47 圖4- 4 網站首頁正常路徑 ...48 圖4- 5 網站首頁例外路徑(最新消息) ...49 圖4- 6 網站首頁例外路徑(潮汐表)...50 圖4- 7 歷史沿革 ...50 圖4- 8 宗教信仰 ...51 圖4- 9 新竹漁港 ...51 圖4- 10 休閒活動 ...52 圖4- 11 17 公里正常路徑(南寮休閒漁港)...53 圖4- 12 17 公里例外路徑(南港賞鳥區) ...54 圖4- 13 17 公里例外路徑(紅樹林公園) ...55 圖4- 14 17 公里例外路徑(風情海岸) ...56 圖4- 15 17 公里例外路徑(海山漁港觀海平台) ...57 圖4- 16 17 公里例外路徑(海天一線看海區) ...58 圖4- 17 17 公里例外路徑(港南運河) ...59 圖4- 18 17 公里例外路徑(港南濱海風景區) ...60 圖4- 19 17 公里例外路徑(看海公園) ...61 圖4- 20 17 公里例外路徑(金城湖) ...62 圖4- 21 美食介紹 ...63 圖4- 22 交通指南 ...63 圖4- 23 討論區正常路徑(發表留言) ...64 圖4- 24 討論區例外路徑(清除內容) ...65 圖4- 25 後台管理登入正 ...66 圖4- 26 後台管理登入例外路徑(登入失敗) ...67 圖4- 27 維護最新消息正常路徑(新增) ...68 圖4- 28 維護最新消息例外路徑(修改) ...69 圖4- 29 維護最新消息例外路徑(刪除) ...70 圖4- 30 維護討論區正常路徑(回覆留言) ...71
圖4- 34 導覽頁頁面 ...75 圖4- 35 網站首頁頁面 ...76 圖4- 36 最新消息 ...76 圖4- 37 潮汐表頁面 ...77 圖4- 38 歷史沿革頁面 ...77 圖4- 39 宗教信仰頁面 ...78 圖4- 40 新竹漁港頁面 ...78 圖4- 41 休閒活動頁面 ...79 圖4- 42 十七公里頁面 ...79 圖4- 43 美食介紹頁面 ...80 圖4- 44 交通指南頁面 ...80 圖4- 45 討論區頁面 ...81 圖4- 46 後台管理頁面 ...81 圖4- 47 管理最新消息 ...82 圖4- 48 管理討論區留言 ...82 圖4- 49 導覽頁 1 ...83 圖4- 50 導覽頁 2 ...83 圖4- 51 主頁面 1 ...84 圖4- 52 天氣狀況 ...84 圖4- 53 主頁面 2 ...85 圖4- 54 最新消息 ...85 圖4- 55 主頁面 3 ...86 圖4- 56 潮汐表 ...86 圖4- 57 相關網站連結 ...87 圖4- 58 新竹旅遊網 ...87 圖4- 59 新竹市觀光路線導覽小冊 ...88 圖4- 60 南寮漁港、觀光漁市 ...88 圖4- 61 新竹新八景 ...89 圖4- 62 新竹夜八景 ...89 圖4- 63 海天一線觀景區 ...90 圖4- 64 南寮歷史 ...90 圖4- 65 南寮國小 ...91
圖4- 72 漁會 ...94 圖4- 73 新竹漁會直銷中心 ...95 圖4- 74 風箏 ...95 圖4- 75 喝咖啡 ...96 圖4- 76 天鵝船 ...96 圖4- 77 腳踏車 ...97 圖4- 78 烤肉 ...97 圖4- 79 南寮休閒漁港 ...98 圖4- 80 南港賞鳥區 ...98 圖4- 81 紅樹林公園 ...99 圖4- 82 風情海岸 ...99 圖4- 83 海山漁港觀光平台 ...100 圖4- 84 海天一線看海區 ...100 圖4- 85 港南河運 ...101 圖4- 86 港南濱海風景區 ...101 圖4- 87 看海公園 ...102 圖4- 88 金城湖 ...102 圖4- 89 九龍溏 ...103 圖4- 90 地中海 ...103 圖4- 91 海岸風情 ...104 圖4- 92 新南興海鮮總匯餐廳 ...104 圖4- 93 漁人碼頭餐廳 ...105 圖4- 94 交通指南 ...105 圖4- 95 討論區 ...106 圖4- 96 發表新留言 ...106 圖4- 97 後台管理 1 ...107 圖4- 98 輸入帳號密碼 ...107 圖4- 99 新增最新消息 ...108 圖4- 100 最新消息填寫發佈 ...108 圖4- 101 日期選單 ...109 圖4- 102 最新消息發佈成功 ...109 圖4- 103 確認刪除消息 ...109 圖4- 104 留言管理 ...110 圖4- 105 回覆留言 ...110 圖4- 106 刪除回覆確認選項 ... 111
第一章 緒論
1.1 背景與動機
1.1.1 背景 家鄉，一個親切的名詞，給人們一股有根與希望的感覺，「南寮」，這個屬於 我的家鄉，擁有竹塹早期開發的痕跡，擁有純樸原始的人情味，也擁有開發潮流 的衝擊，顯示出多元卻又矛盾的文化，正如繭蛹蛻變成美麗的蝴蝶，必經的掙扎 ，一路走來歷史軌跡，將喚起你我對南寮這片土地的新情感。 台灣屬島嶼型生態環境，面積狹小、人口眾多，許多觀光景點於假日期間多 成飽和狀態；然而部分觀光景點之性質相似、稍欠特色、過度矯飾、規劃管理不 適當，皆導致觀光品質的劣化，因而使得更多消費者渴望尋求不同於一般地旅遊 行程，希望得以接觸更原始的自然野地，或在行程中加一些知識性的內容，因而 類似生態旅遊型態的遊程產品，開始販售。生態觀光講求更進一步探究人文風情 與自然山川環境，使得遊客在擁有愉悅旅遊的同時，能夠保有對周遭環境及居民 的尊重與關懷，為台灣生態環境永久保存的重要方法之一。發展生態旅遊不單只 是以當地自然與人文資源的多寡來決定，而應考慮其他更多的因素，事前全盤評 估與規劃，耐心溝通協調，永續經營管理的概念，讓台灣永遠青山常在、綠水常 流，人與自然、傳統與現在共遊同生。 近年來運動遊憩形態的休閒方式逐漸在歐美盛行，而台灣的運動遊憩市場隨 著人們工作的忙碌，使得休閒光觀的需求也逐漸增加了。以需求面的角度來看， 運動、休閒、旅遊與所得息息相關，因為工作久了，總會想要休息，運動、旅遊 是休閒的選擇之一，近年來，社會的趨勢強調了運動結合旅遊，亦可帶動觀光的 產業。籍由所得效果之理論，我們可以得知需求會隨著所得增加而增加，因此將 可預期當薪資上漲時，人們也更重視休閒品質，優質的休閒的場所是人們所期待 的。 1.1.2 動機 我們動機其實很簡單，本身我們這一組有兩個組員本身就是南寮人，在南寮 住了20 幾年，從小看到大，南寮從以前到現在的改變，腦海裡清晰可見，也希 望可以把這一段回憶呈現出來，看過這麼多的網站介紹，沒有一個是專門介紹南 寮這個地方，所以我們的組員想要藉這次做專題的機會做這一個專屬介紹南寮的產，以網頁的方式，記載南寮的歷史文化，繼續傳承下去。 架設觀光導覽網站，功能如下： 最近消息：有南寮的最近活動消息。 歷史沿革：讓遊客了解南寮的地名的由來，日據時代的種種事蹟，南寮從開始到 現在的發展演變，還有國小國中建校原因，等等相關歷史資訊。 宗教信仰：介紹南寮的廟及每座廟的典故事蹟。 新竹漁港：介紹漁港內的漁會及直銷中心。 休閒活動：介紹漁港內的休閒事項，讓遊客們能常來南寮走走。 十七公里：讓遊客知道南寮的十七公里的各景點的資訊。 美食介紹：讓遊客了解南寮有哪些好吃的美食資訊。 交通指南：提供明確的路線指引、交通地圖，讓遊客更加了解南寮的地理位置。 討論區：讓遊客可以在此討論有關南寮的資訊。 後台管理：登入回復使用者留言、更新最新消息。
1.3 限制
由於天氣的關係，並不能把南寮的風景完全呈獻。所以將針對南寮一些重要 的歷史發展、文化藝術、美食佳餚做較精細的呈獻，並將它們一一呈現在網站上 。第二章 文獻探討
2.1 歷史沿革
2.1.1 南寮歷史 南寮地名有二意。其一指里名，其二指聚落，指在南寮里西北角，為王世傑 拓墾集團於康熙末年建立的南莊二十四莊之一。據聞，在清代，曾有漁民在頭前 溪口的南北兩岸，各建有一個煮晒漁獲、修補漁網用的草寮；其中位在北岸者， 稱為魚寮，在南岸者，則稱為南魚寮，簡稱南寮[1]。 圖2- 1 竹塹港 不久以後，在頭前溪口的一個沙洲中，亦建有一個魚寮，該魚寮就以南寮為 基點而稱為北寮。嘉慶十八年，位於舊港里船頭溪州的竹塹港因洪水淤塞，商民 乃在南寮另闢新港，但旋於嘉慶二十年淤塞；昭和十一年，新竹市役所在聚落西 側海濱，建成南寮海水浴場；民國四十一年，新竹縣政府在聚落北側頭前溪口南 岸，闢建南寮漁港，自此以後，南寮聚落及以漁業與遊憩機能著稱於新竹地區[1] 。 南寮庄的發展史 清朝康熙年間，王世傑帶著鄉親至竹塹開發，之後的南寮庄屬於「南莊」之 一。隨著竹塹港的發展及竹塹港的反覆浚深、淤積，貿易的船隻只好在頭前溪及 鳳山溪的河口處找尋上岸及休憩的地方。從位於舊漁港口附近「周伯公」的祭祀 牌位上的文字推測，在乾隆年間就有船隻從南寮上岸，清政府還派專人導引船隻 進出[1]。 南寮一帶早期，北有頭前溪，南有未完全陸化的潮間帶或潟湖，完全沒有腹六六」，可知雖然有船隻上岸，但仍以竹塹舊港為主，所以南寮庄在當時還是一 個小聚落[1]。 日據時期 日治時代前三十幾年，仍然以舊港為發展重心，設舊港庄〈相當於鄉、鎮〉 ，甚至有從新疏濬舊港的計畫，當時南寮是舊港庄的一個小聚落，甚至將南寮、 蟹仔埔及十塊寮合併成大字的十塊寮。南寮位於頭前溪河口南岸，僅管曾經一度 因為舊港〈竹塹港〉的淤積，而闢建一新港於南寮庄，然而，該新港同樣避免不 了泥沙淤積，所以地理環境並不會比當時的竹塹港優越，甚至依當地的漁民說詞 ，在東北季風來時，老一輩的經驗告訴他們，船要停泊在現今的竹北「崁仔腳」 、「拔子林」等地，以避強風。由此可知南寮沒有形成港口的天然優勢。然而， 隨著舊港的不斷淤積以及南寮庄陸路交通的逐漸發達，舊港終究在日治後期，民 國二十一年廢港，由後來的南寮漁港所取代[1]。 在頭前溪口的兩岸、舊港島的南、北岸等地的競爭下，南寮漁港竟然脫穎而 出。原因其一，日劇時的新竹街位於頭前溪南方，除了南寮以外，所有的地點都 要越過溪流，才能進入新竹街內作貿易，對生意人而言，交通運輸的不便和風險 ，都會使成本增加。其二，日本人開發海水浴場的影響，投資鉅資建設海水浴場 ，在當時設備是全省最先進的。甚至在木麻黃林中設立「臨海學校」，作為新竹 州政府訓練人員之處。其三，後來更有自動車行駛至南寮，相對於竹塹舊港的沒 落及橫跨頭前溪的輕便車的消失，更突顯南寮的重要性和未來的發展。其四，由 於新竹城的貿易，造就一些有錢、有勢的商行，日本戰敗之後，由﹝東岡﹞、﹝ 合發﹞兩木材行和﹝謙成﹞等貿易商行組成「東合成」，先在舊漁港口處，挖一 水漥，購買最新進的機動船，載運貨物至大陸、日本等地買賣[1]。 圖2- 2 頭前溪 光復前後，南寮聚落的分佈，大概涵蓋了「周伯公」到造船廠〈今為漁人碼 頭西餐廳〉一帶的頭前溪，就是漁船經常停泊的地方，然後往陸地延伸約二、三 百公尺的範圍內。這也就是當時的南寮聚落，除了東邊為頭前溪外，其他都被木
其中有數條小徑錯縱在漁村中（參考資料：塹城南寮鄉土寶典）。 光復之後，兩岸生意開始往來，及日本戰後物資的需求，「戎克船」又再度 現身南寮，造就了當地人合資經營貿易商行生意，其中由南寮庄人合資的「明生 行」為最大，還有數間較小的不知名商行，他們提供大陸船隻來新竹臨時性的貨 物堆棧及人員休息。因兩岸交流的需要，曾有建商港之意，後因國共之爭，大陸 失據，兩岸再度隔絕，又回復漁業的型態，建港事誼也因此耽擱下來，直到民國 三十七年〈1948 年〉十月二十一日南寮築港促進會成立。民國四十一年，在新 竹人的要求下，於頭前溪南岸開挖南寮漁港，為此還開闢聯絡道路及南寮街，使 南寮庄的範圍急速擴張，由傳統的聚落往漁港、南寮街和東大路發展，吸引大量 的外地人到南寮討生活和定居，也造成很多外地男人入贅給當地女人的現象。南 寮漁港的興建帶動南寮另一個發展高峰期，成為北台灣重要的漁港之一，甚至還 一度成為全省重要鯊魚的捕獲地，使南寮的發展凌駕附近其他的庄落[1]。 光復之後，南寮庄不僅從隸屬於十塊寮庄獨立出來，甚至將原本屬於十塊寮 的萬興庄及原屬於糠榔庄的下牛埔庄納入，成立南寮里。民國五、六十年，漁船 隨著潮汐，進港卸魚、出港捕魚或是補充船上物資。晚上裝卸漁獲時，整個港區 是燈火通明，忙碌的漁工及圍觀的民眾。人聲雜沓，使得漁港呈現一幅蓬勃的氣 氛，漁民出海生活所需的日用品， 皆就近向港區旁的雜貨店賒購，附近的海產 店、雜貨店生意興隆，南寮海水浴場的增建，更有歌手在台上高歌助興，提供新 竹市民炎炎夏日避暑的去處，新竹客運南寮線，隨著季節調整終點站，夏天時配 合海水浴場的開放，終點站就在海水浴場旁，平時則進入南寮庄內。南寮庄快速 的發展，使的「南寮」成為本地區的代名詞。如「南寮派出所」、「南寮國小」、「 南寮聯里辦公處」等等[1]。 南寮漁港時代 竹塹港的形成源自於兩岸貿易需求的自然演進而興建，南寮漁港的興建或多 或少也仍留有對貿易需求的幻想，然而，實際上，南寮漁港的興建與啟用已處於 大陸失據之時，也就沒有所謂貿易通商之需求，因此，純粹為一漁港，居民也順 應環境，靠海吃海。僅管只是一個漁港，從民國八十四年啟用的南寮漁港，也的 確造就了南寮庄的風光一時，進出漁港的船隻在數十艘間，為因應漁獲量及航程 的增加而不斷的提升頓數，一艘造得比一艘大，三不五時就有張燈結綵的新船舉 行下水典禮，吸引一票孩子在岸邊等著撿從漁船上撒下的落成糖果。小小的漁港 邊，每隔數公尺就有一家雜貨商店，供出港的船員來採買。每每傍晚時分，漁船
潮差進港，加上海洋資源減少，等待一條魚一條魚的壓力更讓人看不見當漁夫的 前景，進而迫使生性憨實的南寮人挺而走險，開啟前所未有的瘋狂行逕，換得聲 噪全台的『走私天堂』。每每夜裡，港邊的街燈不被亮起，就代表著又一波民與 警的鬥智行動。南寮人一向是合作的，會互相掩護，甚至全家出動，孩子會在南 寮街口以搖晃的手電筒提醒阿爸警車來了，這是南寮庄一頁多麼令人心酸的歷史 啊！漁民們為了解決當初動輒上百萬、千萬的造船費用及現實的經濟壓力，卻必 須背負另一個更龐大的壓力，為了家人，這樣的苦不易被看到，但身為南寮人的 都懂。這樣的情況維持並不久，在郝柏村當行政院長，改採用忠貞的憲兵進駐港 區取代被懷疑收賄的警察，港區的路燈就再也沒熄過了，此時也正值新竹漁港啟 用，曾經風光一時的南寮漁港竟在如此暗淡的情況吹下熄燈號，讓日後的十幾年 ，成為漁民不堪回首的記憶，儼然像個被打入冷宮的母親[1]。 圖2- 3（左）編織魚網（右）昔日舊港 圖2- 4（左）竹筏（右）整治中的南竂漁港
圖2- 5（左）昔日的製冰廠（右）冷飲店 新竹漁港時代 民國七十年，為了解決南寮漁港淤積及漁船壅塞的問題，廢掉曾風光一時的 海水浴場，在頭前溪出海口南岸，興建現在的「新竹漁港」。但頭前溪仍攜入大 量的泥沙，淤積問題並沒有因此而解決，長長的海堤深入海裡，造成「突堤效應 」。雖然如此，但填海造陸所生成的新生地，提供另一個休閒的去處，假日時， 人潮湧入港區、滿天的風箏、寬闊的視野及海產消費，造就了東大路兩旁，大型 海產店林立。整個聚落重點，由港區往東大路一帶發展。 今日的南寮里，不再單純是一個小漁村。新竹漁港的啟用、十七公里海岸光 觀帶的開發及廢港十幾年的南寮漁港再生，預計將南寮的漁村文化及觀光資源納 入，成為全國知名的觀光景點[1]。 2.1.2 南寮國小 在這一所擁有八十餘年歷史的學校，不僅是南寮的精神地標之ㄧ，在此也孕 育了無數的莘莘學子，有熱心專業的教師，也有著專業領導的校長，更有著活活 潑潑、健健康康的孩子們，上下課鐘聲，晝夜寒暑，漁帆舟火，豐富了南寮地區 …溯憶既往，南寮在海之湄，飽受「天風海濤」的洗禮，自民國七年，篳路襤褸 至今，倏忽而過，已屆八十八之寒暑，由於地方耆老，資深老師之訪談、撰寫及 前人記錄保存中，本校沿革之記載十分完整，憶及當初創校之艱辛，對於當時教 育學者與地方人士之同心協力，不禁令人肅然起敬[1]。 這所學校原屬「樹林頭分學校」之學區，通學路程上諸多不便，尤其是舊港 里之學生，須搭竹筏至南寮，在走路至學校，因此，當時舊港區長及南寮地區之 保正、巡查等幾經商量欲爭取設立分校，乃與「樹林頭公學校」校長小山六郎〈 日人〉研究可行之途徑，承他全力協助，與當時新竹廳長高山仰氏及庶務課長岩
生全部回校上課。此後十幾年間，無論借地、購地、建校舍，逐一完成，直至民 國三十年以「南寮」命名，期間或有些許更動，但「南寮」之名，始終不變[1] 。 圖2- 6 南寮國小 校名之更動，僅紀錄於下： 台灣光復前〈日據時代〉民國七年三月三十一日以「樹林頭公學校慷榔分校」名 義創立。 民國十年四月二十四日獨立，校名為「舊港公學校」。 民國三十年四月一日改名為「南寮國民學校」。 台灣光復後〈民國三十四年十一月十五日由中華民國政府正式接收〉民國三十五 年三月一日改名為「新竹市立第七國民學校」。 民國三十六年三月一日改名為「新竹市南寮國民學校」。 民國三十九年十月二十五日改稱為「新竹縣新竹市南寮國民學校」。 民國五十七年九月一日改稱為「新竹縣南寮國民小學」。 民國七十一年七月一日升格省轄市，改稱為「新竹市立南寮國民小學」。 民國九十一年七月一日，改稱為「新竹市北區南寮國民小學」。 2.1.3 南華國中 這所學校應南寮地區學生家長及地方紳士之要求，經奉台灣省政府六十八年 八月二十日府教四字第六五零二零號令，核定准自民國六十八年八月一日成立新 竹縣立光華國民中學南寮分佈，由校長陳秋炎兼籌備主任委員並聘請原校光華國 中教務主任羅吉彥先生任分部主任，負責分部校務之推行。本校位於南寮漁港斜 對面，佔地3.1206 頃，濱臨海峽，景色秀麗，環境極為幽徑，並於民國七十二 年八月一日分部奉七十二年七月二十二日府教四字第一五一四零號令，奉准正式 獨立新竹市南華國民中學[1]。 首任校長黃綠秀先生，任內篳路藍褸，為學校奠定良好基礎。第二任校長莊
積極推動環境教育與加強生活教育，改進教學方法，提高教學效果。目前全校十 二班學生四百多名，並附設補校二班，教職員十四人，全體教職員生在校長領導 下群策群力，共同為教育目標邁進切盼地方各界充分支持，本校輝煌瑰麗之遠景 ，當可預見[1]。 圖2- 7 南華國中
2.2 宗教信仰
2.2.1 富美宮 富美宮在當地人稱為王爺宮，神明來自福建泉州，當地富美宮主祀蕭王爺， 據稱蕭王爺曾為太子之師，因此又有蕭太傅之稱。泉州居民常以神舫，內置各種 王爺出巡應有的規格，稱之為王船，以此送王船出海。王船漂流出海，不是沉海 ，就是飄至陸地[1]。 在兩百多年前，泉州富美宮以蕭王爺為主，配以潘、郭二位王爺，神舫歷經 風浪，經過台灣海峽的黑水溝，來到竹塹的北寮。庄民為蕭、潘、郭三尊神像安 裝金身，於前清嘉慶初年（西元一七九六年）建廟祭祀[1]。 由顧王爺聲威遠播，成為塹沿海一帶的信仰中心。道光二十五年間（西元一 八四五年），小廟為颱風沖毀。據聞三尊神像分別飄回至漁寮、槺榔溝等地。經 地方善士倡議集資，不在北寮 ，改至南岸現址重建，於咸豊十年（西元一八六 ○年）隆重完工。至民國六十九年，已歷一百二十年，廟宇維修不易，因此由當 時的管理委員會主委張福來等有識之士商議在現址重建，於民國八十一年（農曆 十一月三日至十一月五日）建醮落成[1]。圖2- 8 富美宮 2.2.2 代天府 代天府興建於民國五十八年，廟宇中供奉的主祀神祇為五府千歲，分別是大 王李府千歲、二王池府千歲、三王吳府千歲、四王朱府千歲及五王范府千歲。其 中二王池府千歲為黑面王爺，傳說池府千歲曾遇見一位神明表示要將瘟疫放入井 水裡，讓瘟疫侵略民間百姓，池府千歲得知後相當震驚，向神明借瘟疫毒藥觀看 究竟，當池府千歲拿到毒藥後竟全服下，導致毒性大發皮膚呈現黑色，玉皇大帝 得知後，便將池府千歲敕封為代天巡狩，鎮守民間除暴安良[1]。 代天府廟宇的建築構造分為前殿、中殿與後殿，五府千歲供奉於中殿，而後 殿則是奉祀如來佛祖。代天府中有著精湛雅致的雕刻工藝，外觀也相當古色古香 ，最特別的就是在前殿與中殿之間的廟宇屋頂有一尊池府王爺騎著白馬奔馳的神 像，散發出豪壯萬千的磅礡氣勢[1]。 圖2- 9 代天府 2.2.3 慈聖宮 早年媽祖是供奉在今南寮街一七九號內，為一木板造的簡陋網寮。村民誠心 膜拜，祈求平安豊收，媽祖神聖保佑漁民數十載。至民國五十四年春，在林三合 、許金鑽、彭木輝、彭明清及彭金獅等仕紳的提議下，籌畫改建，五十五年動工 ，至民國五十八年初冬完工，名為慈聖宮，六十二年十月建醮酬神二天，民國七 十一年重修，至七十二年六月完成。為了講究神殿的型式構造，還遠赴桃園大園
台之泉州人帶入南寮地區，本祀奉於舊港庄，後來一度寄奉在內媽祖，待南寮慈 聖宮興建完成，才移奉此處。殿內遇佩祀許府真人、蕭王爺、福德正神等諸神[1] 。 圖2- 10 慈聖宮 2.2.4 土地公 先民墾荒闢地時，為了祈求平安、殼物豊收，因此常會在有顯靈之處，設一 土地公廟作為大家的心靈守護者。在鄰近村落中幾乎是一聚落，就祭祀一座土地 公廟[1]。 南寮土地廟的肇始不同於一般土地廟。一般是在某處有神蹟顯靈，村落之人 傳聞之後，相繼前往祭拜。當時可能是以石塊等為膜拜的對象，以簡單紅布覆蓋 在上，簡陋搭蓋，以避風雨，再置香爐供大家插香。時日一久，大家的經濟環境 改善或信眾日多，才會在附近覓地蓋起土地廟。但南寮土地廟是南寮庄民主動祈 求來的，此為特殊之處。再來蓋廟之時，由石像轉為土地公金身時，常會將石像 做法去神性，讓它歸於大自，成為一般的礦物質，但本廟仍保留著當初尋來的石 像和土地公一起享受南寮庄居民的香火[1]。 圖2- 11 土地公
合政府的輔導及新竹沿海濱海遊息區整體計畫，以符遊客旅遊生態實際需求而努 力，使新竹漁港及直銷中心開發朝向具有漁人碼頭新鮮魚貨及海鮮美食供應的功 能，並結合本地觀光遊息資源，讓漁業展現第二春。 新竹市漁港沿海漁場遼闊，漁產資源豊富，尤以墨魚（花枝）產量頗豊，為 此地漁港特色。又本區位居本省西北部漁業中心區，亦為南北漁船往返航路之中 點。因此新竹漁港不僅是各地漁船魚貨的集散地，並為颱風期各地漁船避風避難 之重要漁港。 近年來由於漁業環境變遷、休閒漁業的發展及港區內土地利用因漁港功能與 利用漸趨多元化發展，本港已成為台灣西北部地區的休閒漁業重鎮，假日人潮洶 湧，品鮮、購魚或乘船出海從事海上活動，未來中積極開發港區土地利用，以促 進新竹漁港整體之開發利用，發揮本港之整體功能。 隨著整體漁業環境之變遷，新竹漁港已成為新竹地區重要之沿近海之漁業基 地與觀光休閒功能兼具的漁港，在都市計畫通盤檢討港區土地規劃用途後，同時 配合對港區環境之改善，將可促進本港進一步之開發利用，有效促進新竹市漁業 及漁港鄰近社區之繁榮，促使地方漁業發展。 圖2- 12 南寮漁港 2.3.2 新竹區漁會 民國十六年三月，新竹郡舊港庄地區漁民一百七十六人，組成舊港庄漁業組 合，辦理組合員漁業獎勵漁業公用設施事項，會址設在新竹郡舊港庄舊港庄役場 內。民國二十五年七，原舊港庄漁業組合區及紅毛庄、香山庄一帶，共同成立保 證責位「新竹郡漁業組合」，組合員四百八十二人，出資總額二千六百八十日圓 ，會址設在新竹市東門町三之六二。民國三十三年依據「水產業團體法」改組， 成立新竹市漁業會。民國二十二年十月，新竹市、新竹邵六家庄、竹東郡竹東街 、及藝庄、橫山庄魚族殖、共同販賣為主，會址設在竹東[5]。 民國三十五年政府接收新竹市漁業會，依照「漁會法」及「合作社法」成立 新竹市漁會，並將經濟部門畫出為新竹漁業生產合作社（現新竹魚市場前身）民 國四十年三月配合全省行政區域調整，漁會與漁業生產合作社合併，將新竹市區
竹區漁會，隸屬新竹縣。民國七十一年新竹市升格為省轄市，由於會址在新竹市 ，故新竹區漁會改隸屬新竹市主管[5]。
新竹區漁會會址原設於新竹市南寮漁港拍賣場二樓，民國八十年新竹漁港興 建完成，漁會乃遷至新漁港拍賣場二樓，同時在香山、新豊及竹北設辦事處，負 責該區的漁業業務及服務[5]。
2.3.3 新竹漁會直銷中心 直銷中心簡介 土地建物產權： 土地：漁業署持有比例69%、新竹市政府 31% 建物： 一樓：新竹市政府100% 二樓：新竹市政府及漁業署各50% 中心地理位置及面積： 位置：直銷中心位於新竹漁港東岸碼頭。 基地面積：5754.76m2。（約 1745 坪）。 建物面積：二層樓建築面積共5311.3m2，每層樓約 800 坪。 興建經過及規劃： 直銷中心一樓部門：（現有漁產品攤位82 攤、台灣漁產品展銷中心ㄧ間。） 83 年 6 月由新竹市政府，分二年二期規劃、施工興建。 85 年 4 月完工。興建經費中央、省、市約 4700 萬。 85 年 6 月 30 日啟用。規劃漁產品區 60 個攤位、美食區 32 個攤位，共計 92 個 攤。 88 年 7 月ㄧ樓全部規劃為漁產品區（二樓完工，美食區移往二樓）。 90 年 8 月攤位規劃調整為 82 攤，增設台灣漁產品展售中心ㄧ間。 直銷中心二樓部分：（美食區-42 攤〉 87 年 6 月由新竹區漁會委託建築師規劃興建。 88 年 5 月完工。經費來源由中央、省、市各補助 1000 萬，不足之經費及內部裝 潢營業設備約2000 萬，由本會出資配合興建，共約耗資 5000 萬 88 年 7 月啟用。規劃有餐廳 2 間、攤位 40 個，共計 42 個攤位，全區冷氣空調 設施，有1500 個座位。 經營管理方式： 新竹漁港漁產品直銷中心由新竹市政府委託新竹區漁會管理，由本會擬訂管理要 點執行、新竹市政府督導。 使用資格：需為甲類會員並依漁業類別抽籤分配。 攤位租金：是攤位大小、位置訂定。 使用期限：原則依照市長任期訂立契約。
圖2- 14 直銷中心 漁業資源日漸枯竭，政府為輔導漁民轉型創造就業機會，成立新竹漁港漁產 品直銷中心，匯集齊全的漁港現撈、各地漁產、加工品及結合餐飲的觀光魚市， 讓漁業為主體延伸至商業、觀光，活絡漁村經濟，創造了漁業的第二春。漁會直 銷中心一樓是漁產區：各類活體海產、漁港現撈、各地生鮮漁產、水產加工品， 新鮮齊全，可以讓你一次購足。二樓是熟食區：海鮮美食、冷熱飲、合菜、代客 料理，價錢經濟實惠，讓你在這用餐可以美景盡收。 直銷中時開幕至今，在不負眾人的期待下，不但贏得了一樓鮮魚區漁獲物最 新鮮，二樓熟食區熟食最美味的美譽外，也獲得一般民眾的信任，要吃魚就到新 竹漁港漁產品直銷中心。
2.4 休閒活動
放風箏 新竹素以風大聞名，最適合施放風箏的地方是新竹南寮漁港旁的大草坪，每 逢例假日吸引許多親子前往放風箏，也有不少特技風箏的專家來這裡操練，熟稔 的動作，以及各種炫麗奪目的超大風箏冉冉升空時，都會引起陣陣驚呼聲，那時 漁港的天空宛如一片美麗的旗海。喝咖啡 新竹市政府於溜冰場附近的塔型時鐘邊劃定行動咖啡車專區，一到了下午五 點左右，在太陽西斜之後，便開始市集進行營業，雖然有四家，但是各家服務的 內容、咖啡車的造型也各不相同，成為夜間一處戶外休閒據點，在炎夏的夜裏， 還真是一處很棒的消暑勝地，在此讓遊客可以坐在海邊吹著海風欣賞到海邊的夕 陽與海景同時品嘗香濃的咖啡，與大自然為伍、與星星作伴，開放自己的心胸， 任其奔放。 圖2- 16 咖啡車 天鵝船 在南寮漁港的遊客服務中心一旁有一個池子可以供遊客踩踩天鵝船、划划大 龍船，感受出海般的樂趣。一艘半個小時是100 元，二人一艘，另外還有四人一 艘的龍舟（僅有一艘），在這晴朗的天氣，坐在天鵝船裡環繞著南寮地中海悠遊 還滿舒服的，尤其遮雨棚外有微風吹來十分地涼爽，有一種愜意的感覺。 圖2- 17 天鵝船 腳踏車 近年來腳踏車逐漸取代環保議題，環境的變遷使人們注意，全球各個角落無 不提倡節約能源，以減少二氧化碳的排放。自行車步道能讓民眾透過騎車運動、 休閒、旅遊或通勤，達到健身的目的，同時也希望民眾以自行車作為短程交通代 步或通勤工具，以無污染的運具達成環保、省能源、經濟實惠的功能。騎腳踏車
圖2- 18 腳踏車 烤肉 新竹港南濱海風景區內設施計有烤肉區、兒童遊息區及野餐區等每當假日都 會吸引大批遊客前來烤肉，裡面的硬體設施相當齊全又很方便，由於區內建物風 格特殊、植栽茂盛，又可遠眺新建焚化爐建築及海岸，例假日吸引大批遊客流連 忘返。市府近年來亦利用風景區內防汛道路，規劃為自行車道，並由民間企業贊 助七十輛自行車，供出租遊客使用，使風景區朝多功能、多目標休憩方向發展， 受到海岸線侵蝕影響，新竹港南青年育樂中心，近年已由原來的海水浴場型態， 轉型為濱海公園，是多元化的綜合遊樂區，是新竹市沿海重要遊息點。 圖2- 19 烤肉
2.5 十七公里海岸線觀光景點介紹
南寮休閒漁港 南寮漁港於民國三十八年完工啟用， 面積3.4公頃，為台灣早期頗具規模之港口 ，加上近海漁場遼闊，漁產資源豐富，近 年來，休閒漁業及海上觀光活動之盛行， 新竹漁港經市政府積極爭取，進行了娛樂 漁船碼頭及運動公園工程，為漁港新添了 一處兼具發展休閒漁業及多元使用的設施 。 圖2- 20南寮休閒漁港 看海公園 看海公園，為保有欣賞海景的良好視 野及與海景相互融合的景觀，故以大片的 草皮為該公園最主要的地貌。在公園內， 不管站在任何地點，都可輕鬆眺望海景及 漁港，往北遙望是新竹漁港、運動公園全 景，最無空間壓力之看海據點，尤其每逢 夕陽西下之際，晚霞遍佈眼前，景象美不 勝收。 圖2- 21 看海公園 海天一線看海區 海天一線看海區地處高出海平面約20公尺，擁有良好之眺望海景條件，旁邊 有自行車道可以銜接。這裡的海風相當的大，而且帶有淡淡的鹹味，吹久一定會 有黏黏的感覺，高出海平面20公尺的看景區，下邊有廣闊的沙灘可以嬉戲，上邊 也有超大的看海公園可以放風箏。 看海區有著不同坡度及高度之草坪， 並規劃了許多不同主題的廣場，使其休息 功能與看海公園區隔。該處讓人想安躺欣 賞海景的草坪及饒負趣味之廣場，傍晚時 分，吸引大批遊客在此欣賞海景而流連忘 返。港南濱海風景區 在堤防內規劃了一個佔地廣闊、景觀 優美、遊樂設施豐富的風景區，並將該區 規劃為西部濱海休息區景點之一，依照規 劃構想加強河道整治，步道、涼亭、兒童 遊樂場等公共設施增設建立，成為假日吸 引民眾前往休息的一個景點，目前是西部 濱海公路休息系統的重要休息站之一，也 是新竹西濱海岸線上一個新興的遊樂點。 圖2- 23 港南濱海風景區 港南運河 港南運河位於港南濱海風景區內，該 風景區原為海水浴場，但隨著海水浴場的 關閉，蛻變而成多功能休息的場所。港南 運河自北向南穿越港南濱海風景區，東側 緊鄰風景區內各設施；西側與觀光帶自行 車道相鄰，可遠眺沿岸海景。 圖2- 24 港南運河 金城湖 曾被喻為「魔鬼湖」的金城湖，經開 發後，現在是北台灣一處重要的野鳥棲息 地，在附近出現的鳥種至少有二百五十種 ，成為此地的最大特色。客雅溪口整片海 埔新生地，因有整齊的水田、溼地，加上 路旁有高大防風的木麻黃林，還有出海口 外的泥質海灘，魚蟹螺貝非常豐富，成為 各種遷徒候鳥的棲息重鎮。
位於虎山里西濱快速道路下，客雅溪 沿岸旁，有一片面積0.26公頃的水筆仔純 林，是許多生物聚集點，生物的密度非常 高。有紅樹林公園內設置了賞鳥棧道、中 央軸線步道，結合生態與休閒，適合全家 大小親子共遊。徒候鳥的棲息重鎮。每年 九月到次年五月有大量過境鳥返到此是賞 鳥最佳時機。 圖2- 26 紅樹林公園 風情海岸 風情海岸緊鄰北部最大朝間帶溼地香 山溼地，其香山夕照列入清朝文獻記載之 「竹塹八景」之一。為了保護濕地生態， 目前溼地已劃為野生動物保護區，不能隨 意進入。但仍可從堤岸邊遠觀到溼地的景 色，特別是夕陽西下時分。 圖2- 27 風情海岸 海山漁港觀海平台 受限於潮汐影響，海山漁港漁業作業 不及新竹漁港繁榮。新增了該港內各項休 息設施，並在該漁港航道北堤末端興建完 成了觀海平台，為帶動當地漁業觀光發展 啟動了新的契機。 圖2- 28 海山漁港觀海平台
鹽水港溪出海口南側的南港賞鳥區， 是一處小而美的生態區，一年四季都有不 同候鳥進駐，寧靜的湖面經常可見小水鴨 悠遊其中。堤防內側的數個水塘，已成為 野鳥覓食後休息的場所。這裡除了有大量 的鷺科、燕科和文鳥科等鳥種出沒外，秋 冬交際時，還有數量可觀的雁鴨科鳥種， 包括小水鴨、尖嘴鴨和綠頭鴨等，而魚鷹 、遊隼、澤鵟、紅隼等猛禽也偶而可見。 圖2- 29 南港賞鳥區
18B
2.6 美食介紹
44B 2.6.1 地中海景觀餐廳 圖2- 30 地中海景觀餐廳 地中海一號於2008 年座落於，如同眾人所期盼的，她將會是一艘既現代化 又豪華的遊輪餐廳。踏上地中海一號，享受一場美食盛宴。從華麗的希臘風格， 到專業大廚所烹調的精緻餐點，這艘典雅的船將讓您夢想成真。 地中海景觀餐廳可享受到大自然的海風洗禮、享受日初與日落的交會，一場 美食與視覺的享受，你將會愛上如同在郵輪國際化餐廳內品嚐，不論呈上的是冷 盤、湯、主菜或甜點，我們將懷著榮耀與驕傲，以絕對的專業為您服務。 TEL:03-5368688 FAX:03-5367363 地址:新竹市南寮街 241 號45B 2.6.2 海岸風情 圖2- 31 海岸風情 田媽媽海岸風情風味餐，位於漁港旁。田媽媽菜色蠻家常的，這樣以海鮮為 主菜做套餐，倒是不常見，也料理得不錯吃。但重點是這裡的環境和佈置，有種 吸引人的魅力存在，這樣子的氣氛，很適合情侶來這吃燭光晚餐，飯後還可點杯 咖啡品嚐。裡面全部都是田媽媽的子女創意設計的，得過很多獎，包括全國的獎 喔！ TEL：03-5364805 地址：新竹市南寮街195號
46B 2.6.3 新南興海鮮總匯餐廳 圖2- 32 新南興海鮮總匯餐廳 這家海產店位於南寮東大路旁，已經有三十幾年的歷史了，原本是小小的一 間店面，經過了多年的努力與認同，慢慢的由小店面到大店面，變成如今的地位 與名聲，他們料理的海鮮都非常的道地，食材都非常新鮮，這裡有許多的老顧客 ，像市長、立委都非常喜歡來這裡吃。想吃嗎？心動了嗎？快點來吧！位置就在 南寮加油站的隔壁！ TEL：037-5363582 地址：新竹市東大路四段294 號
47B 2.6.4 漁人碼頭餐廳 圖2- 33 漁人碼頭餐廳 這家餐廳不太好找，因為是在巷子裡，就是從236 這個小巷子進入，裡面別 有洞天，豁然開朗，海就在你的眼前！經營十餘年的台式料理餐廳，全新改裝， 創新獨具，營造成地中海風格式建築，在地中海裡喝啤酒，吹海風，憑著跑船人 家的悠久歷史，將海洋的輕鬆壯闊放在餐廳裡，給所有來客絕無僅有體驗。 TEL：03-5368022 地址：新竹市東大路四段236巷30號
48B 2.6.5 九龍塘 圖2- 34 九龍塘 一場美食與味蕾的邂遘，是美食誘惑還是個人的堅持呢？其實是取於老闆對 於海鮮料理的一種堅持，自從民國87 年 5 月份投入南寮總店經營後，從原本 11 人共同努力的宵夜場，至今近50 人的努力成果，這樣的成功就是取於背後的那 份堅持再堅持，不管是遇到任何挫折，因為老闆在乎每一位饕客對於食物的享受 ，特地把多年來料理經驗投入每一項料理，也就是始終秉持一句「堅持再堅持」 。 TEL：03-5366828 地址：南寮店─新竹市東大路四段 36 號
19B
2.7 交通指南
自行開車 圖2- 35 地圖 國道一號 由新竹交流道下，接光復路轉東大路即可到達新竹漁港。 國道三號 竹林交流道（往芎林方向）台68線東西向快速道路→西濱快速道路→於東大路右 轉→新竹漁港 茄冬交流道（往新竹方向）搭乘大眾運輸 火車 搭乘火車至新竹火車站，轉搭新竹客運15路公車至舊漁港轉搭觀光公車到終站即 可到達。 大眾運輸工具 於臺鐵新竹站下車後，搭新竹客運15路公車至舊漁港轉搭觀光公車到終站即達， 公車票價15元。
6B
第三章 專題規劃
在這章節將以六個小節來介紹本專題的規劃目標、系統開發方法、網站架構 圖、甘特圖、工作分配表，以及專題設備。 20B3.1 專題規畫目標
本專題的目的概述如下： 1、蒐集南寮相關資料。 2、架設觀光導覽網站，功能如下： 最近消息：有南寮的最近活動消息。 歷史沿革：讓遊客了解南寮的地名的由來，日據時代的種種事蹟，南寮從開始到 現在的發展演變，還有國小國中建校原因，等等相關歷史資訊。 宗教信仰：介紹南寮的廟及每座廟的典故事蹟。 新竹漁港：介紹漁港內的漁會及直銷中心。 休閒活動：介紹漁港內的休閒事項，讓遊客們能常來南寮走走。 十七公里：讓遊客知道南寮的十七公里的各景點的資訊。 美食介紹：讓遊客了解南寮有哪些好吃的美食資訊。 交通指南：提供明確的路線指引、交通地圖，讓遊客更加了解南寮的地理位置。 討論區：讓遊客可以在此討論有關南寮的資訊。 後台管理：登入回復使用者留言、更新最新消息。21B
3.2 系統開發方法
本專題步驟敘述如下： 表3- 1 系統開發方法 階段 文件 系統 規劃 1.訂定專題主題 2.設定談訪目標 3.發展談訪的問題 4.實地訪談 5.資料蒐集 6.整理資料 7.撰寫計劃書 分析 1.需求分析 2.需求文件 1.需求分析 設計建構 1.撰寫程式、網頁設計 2.製作網頁 系統測試 1.除錯 2.修改 3.增加 4.刪除 1.除錯 2.修改 3.增加 4.刪除 上線 1.結案報告 2.專題文宣 3.使用者手冊 1.可運作的導覽網站22B
23B
24B
3.5 工作分配表
表3- 2 工作分配表 組員 分工項目 錚仁 紹欽 元祺 玉喜 收集資料 9 9 9 進行訪談 9 9 文獻探討 9 9 9 撰寫計劃書 9 9 9 網頁設計 9 9 9 製作網頁 9 9 資料整合 9 9 9 製作操作手冊 9 9 9 25B3.6 專題設備
本專題需要的設備有 硬體設備 桌上PC CPU：Pentium 4-631 3.0GHz 記憶體：Kingston 金士頓 DDRII 400 512MB 主機板：華碩 P5GD1 PRO 硬體：WS SATA 200GB/7200轉 顯示卡：技嘉 GV-NX66T256D 顯示 顯示器：ViewSonic VA1912W-2 19 數位相機：CANON-450D SONY-Ｔ50 軟體設備Microsoft Windows XP Microsoft Server. Adobe CS3 Design Premium
7B
第四章 專題成果
26B4.1 需求分析
本專題的主要需求，是要讓使用者了解南寮的歷史文化和休閒活動，藉以網頁方 式記錄南寮的最新的相關訊息，讓傳統的歷史文化結合網際網路，利用網際網路 的介紹，吸引更多人對南寮感到有興趣，而使專題顯得更生動活潑。 49B 4.1.1 問題描述 位於新竹市南寮的「南寮漁港」， 擁有豐富的歷史文化，和許多可以遊玩的觀 光景點，許多初次到南寮的遊客一定對這些歷史和可以遊玩的觀光景點感到陌生 不熟悉不了解，因此我們將在此系統中簡單介紹歷史文化與觀光景點。 27B4.2 系統分析
此小節將描述本專題南寮觀光導覽系統的藍圖。包括：功能需求與非功能需求、 活動圖、使用案例圖、使用案例描述、循序圖。 50B 4.2.1 功能需求與非功能需求 本專題功能需求，如下所述： 4.2.1.1 功能需求 1.最近消息：有南寮的最近活動消息。 2.歷史沿革：讓遊客了解南寮的地名的由來，日據時代的種種事蹟，南寮從開始 到現在的發展演變，還有國小國中建校原因，等等相關歷史資訊。 3.宗教信仰：介紹南寮的廟及每座廟的典故事蹟。 4.新竹漁港：介紹漁港內的漁會及直銷中心。 5.休閒活動：介紹漁港內的休閒事項，讓遊客們能常來南寮走走。 6.十七公里：讓遊客知道南寮的十七公里的各景點的資訊。 7.美食介紹：讓遊客了解南寮有哪些好吃的美食資訊。 8.交通指南：提供明確的路線指引、交通地圖，讓遊客更加了解南寮的地理位置 。 9.討論區：讓遊客可以在此討論有關南寮的資訊。 10.後台管理：登入回復使用者留言、更新最新消息。本專題非功能需求，如下所述： 4.2.1.2 非功能需求 1、操作性需求 介面簡單化，讓非資訊背景的人，使用起來變的容易操作。 2、安全需求 不需要特別設定安全機制。 3、文化與政治需求 不需要特別的文化及政治需求。 4、效能需求 沒有特別的效能需求。
51B
4.2.2 活動圖
52B
53B 4.2.4 使用案例描述 表4- 1 使用案例描表-網站首頁 系統名稱:南寮觀光導覽網站 組別：B16 使用案例名稱：網站首頁 組員姓名：楊錚仁、彭紹欽、廖元祺、葉玉喜 使用案例編號：UC002 版本： 名稱：網站首頁 活動者（Actor）：使用者、管理者 前提條件：進入導覽頁 成功狀態：顯示網站首頁的網頁 失敗狀態：顯示error message 執行路徑 正常路徑 使用者動作 系統回應 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 使用者點選進入網站 TUCEW：則顯示網站首頁 表4- 2 使用案例描表-最新消息 系統名稱:南寮觀光導覽網站 組別：B16 使用案例名稱：最新消息 組員姓名：楊錚仁、彭紹欽、廖元祺、葉玉喜 使用案例編號：UC00 版本： 名稱：觀看最新消息 活動者（Actor）：使用者、管理者 前提條件：進入網站首頁 成功狀態：顯示最新消息的網頁 失敗狀態：顯示error message 執行路徑 正常路徑 使用者動作 系統回應 1.TUCBW：使用者輸入網址 2.系統顯示導覽頁面 3.使用者點選進入網站 4.顯示網站首頁 5.使用者點選最新消息 6.TUCEW：顯示最新消息頁面 例外路徑一
表4- 3 使用案例描表-歷史沿革 系統名稱:南寮觀光導覽網站 組別：B16 使用案例名稱：歷史沿革 組員姓名：楊錚仁、彭紹欽、廖元祺、葉玉喜 使用案例編號：UC003 版本： 名稱：歷史沿革 活動者（Actor）：使用者、管理者 前提條件：進入網站首頁 成功狀態：顯示歷史沿革的網頁 失敗狀態：顯示error message 執行路徑： 正常路徑 使用者動作 系統回應 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.使用者點選進入網站 4.顯示網站首頁 5.使用者點選歷史沿革 6.TUCEW：顯示歷史沿革頁面 表4- 4 使用案例描表-宗教信仰 系統名稱:南寮觀光導覽網站 組別：B16 使用案例名稱：宗教信仰 組員姓名：楊錚仁、彭紹欽、廖元祺、葉玉喜 使用案例編號：UC003 版本： 名稱：宗教信仰 活動者（Actor）：使用者、管理者 前提條件：進入網站首頁 成功狀態：顯示宗教信仰的網頁 失敗狀態：顯示error message 執行路徑： 正常路徑 使用者動作 系統回應 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.使用者點選進入網站 4.顯示網站首頁
表4- 5 使用案例描表-新竹漁港 系統名稱:南寮觀光導覽網站 組別：B16 使用案例名稱：新竹漁港 組員姓名：楊錚仁、彭紹欽、廖元祺、葉玉喜 使用案例編號：UC003 版本： 名稱：新竹漁港 活動者（Actor）：使用者、管理者 前提條件：進入網站首頁 成功狀態：顯示新竹漁港的網頁 失敗狀態：顯示error message 執行路徑： 正常路徑 使用者動作 系統回應 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.使用者點選進入網站 4.顯示網站首頁 5.使用者點選新竹漁港 6.TUCEW：顯示新竹漁港頁面 表4- 6 使用案例描表-休閒活動 系統名稱:南寮觀光導覽網站 組別：B16 使用案例名稱：休閒活動 組員姓名：楊錚仁、彭紹欽、廖元祺、葉玉喜 使用案例編號：UC003 版本： 名稱：休閒活動 活動者（Actor）：使用者、管理者 前提條件：進入網站首頁 成功狀態：顯示休閒活動的網頁 失敗狀態：顯示error message 執行路徑： 正常路徑 使用者動作 系統回應 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.使用者點選進入網站 4.顯示網站首頁 5.使用者點選休閒活動 6.TUCEW：顯示休閒活動頁面
表4- 7 使用案例描表-17 公里 系統名稱:南寮觀光導覽網站 組別：B16 使用案例名稱：南寮休閒漁港 組員姓名：楊錚仁、彭紹欽、廖元祺、葉玉喜 使用案例編號：UC00 版本： 名稱：南寮休閒漁港 活動者（Actor）：使用者、管理者 前提條件：進入17 公里 成功狀態：顯示南寮休閒漁港的頁面 失敗狀態：顯示error message 執行路徑 正常路徑 使用者動作 系統回應 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.使用者點選進入網站 4.顯示網站首頁 5.使用者點選 17 公里 6.顯示 17 公里頁面 7.使用者點選南寮休閒漁港 TUCEW：8.顯示南寮休閒漁港畫面 例外路徑一 7.使用者點選南港賞鳥區 TUCEW：8.顯示南港賞鳥區畫面 例外路徑二 7.使用者點選紅樹林公園 TUCEW：8.顯示紅樹林公園畫面 例外路徑三 7.使用者點選風情海岸 TUCEW：8.顯示風情海岸畫面 例外路徑四 7.使用者點選海山漁港觀海平台 TUCEW：8.顯示海山漁港觀海平台畫 面 例外路徑五 7.使用者點選海天一線天看海區 TUCEW：8.顯示海天一線天看海區畫 面 例外路徑六 7.使用者點選港南運河 TUCEW：8.顯示港南運河畫面 例外路徑七 7.使用者點選港南濱海風景區 TUCEW：8.顯示港南濱海風景區畫面
表4- 8 使用案例描表-美食介紹 系統名稱:南寮觀光導覽網站 組別：B16 使用案例名稱：美食介紹 組員姓名：楊錚仁、彭紹欽、廖元祺、葉玉喜 使用案例編號：UC003 版本： 名稱：美食介紹 活動者（Actor）：使用者、管理者 前提條件：進入網站首頁 成功狀態：顯示美食介紹的網頁 失敗狀態：顯示error message 執行路徑： 正常路徑 使用者動作 系統回應 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.使用者點選進入網站 4.顯示網站首頁 5.使用者點選美食介紹 6.TUCEW：顯示美食介紹頁面 表4- 9 使用案例描表-交通指南 系統名稱:南寮觀光導覽網站 組別：B16 使用案例名稱：交通指南 組員姓名：楊錚仁、彭紹欽、廖元祺、葉玉喜 使用案例編號：UC003 版本： 名稱：交通指南 活動者（Actor）：使用者、管理者 前提條件：進入網站首頁 成功狀態：顯示交通指南的網頁 失敗狀態：顯示error message 執行路徑： 正常路徑 使用者動作 系統回應 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.使用者點選進入網站 4.顯示網站首頁 5.使用者點選交通指南 6.TUCEW：顯示交通指南頁面
表4- 10 使用案例描表-討論區 系統名稱:南寮觀光導覽網站 組別：B16 使用案例名稱：討論區 組員姓名：楊錚仁、彭紹欽、廖元祺、葉玉喜 使用案例編號：UC003 版本： 名稱：討論區 活動者（Actor）：使用者、管理者 前提條件：進入網站首頁 成功狀態：顯示討論區的網頁 失敗狀態：顯示error message 執行路徑： 正常路徑： 使用者動作 系統回應 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.使用者點選進入網站 4.顯示網站首頁 5.使用者點選討論區 6.TUCEW：顯示討論區頁面 例外路徑|一(發表留言)： 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.使用者點選進入網站 4.顯示網站首頁 5.使用者點選討論區 6.顯示討論區頁面 7.使用者點選發表新留言 8.顯示新增留言畫面 9.使用者點選送出留言 10.TUCEW：顯示新增後的畫面 例外路徑二(清除重寫)： 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.使用者點選進入網站 4.顯示網站首頁 5.使用者點選討論區 6.顯示討論區頁面 7.使用者點選發表新留言 8.顯示新增留言畫面 9.使用者點選清除重寫 10.TUCEW：顯示空白留言畫面 例外路徑三(返回留言版)： 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.使用者點選進入網站 4.顯示網站首頁 5.使用者點選討論區 6.顯示討論區頁面 7.使用者點選發表新留言 8.顯示新增留言畫面
表4- 11 使用案例描表-後台管理登入 系統名稱:南寮觀光導覽網站 組別：B16 使用案例名稱：後台管理登入 組員姓名：楊錚仁、彭紹欽、廖元祺、葉玉喜 使用案例編號：UC003 版本： 名稱：後台管理 活動者（Actor）：管理者 前提條件：進入網站首頁 成功狀態：顯示後台管理的網頁 失敗狀態：顯示error message 執行路徑： 正常路徑 使用者動作 系統回應 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.管理者點選進入網站 4.顯示網站首頁 5.管理者點選後台管理 6.顯示帳密輸入畫面 6.管理者輸入帳密按下確定 7. TUCEW：顯示後台管理頁面
表4- 12 使用案例描表-維護最新消息 系統名稱:南寮觀光導覽網站 組別：B16 使用案例名稱：維護最新消息 組員姓名：楊錚仁、彭紹欽、廖元祺、葉玉喜 使用案例編號：UC003 版本： 名稱：最新消息新增 活動者（Actor）：管理者 前提條件：進入後台管理 成功狀態：顯示最新消息的網頁 失敗狀態：顯示error message 執行路徑： 正常路徑 使用者動作 系統回應 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.管理者點選進入網站 4.顯示網站首頁 5.管理者點選後台管理 6.顯示後台管理頁面 7.管理者點選新增最新消息 8.顯示新增畫面 9.管理者點選發佈 10.跳出發佈完成視窗 11.管理者點選確認 12.TUCEW：顯示原始畫面 例外路徑一(修改) 使用者動作 系統回應 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.管理者點選進入網站 4.顯示網站首頁 5.管理者點選後台管理 6.顯示後台管理頁面 7.管理者點選要修改消息 8.顯示舊消息畫面 9.管理者點選更改 10.跳出更改完成視窗 11.管理者點選確認 12.TUCEW：顯示原始畫面 例外路徑二(刪除) 1.TUCBW：使用者輸入網址 2.系統顯導覽頁面 3.管理者點選進入網站 4.顯示網站首頁 5.管理者點選後台管理 6.顯示後台管理頁面 7.管理者點選要刪除消息 8.顯示刪除消息視窗 9.管理者點選確認 10.TUCEW：顯示原始畫面
表4- 13 使用案例描表-維護討論區 系統名稱:南寮觀光導覽網站 組別：B16 使用案例名稱：維護討論區 組員姓名：楊錚仁、彭紹欽、廖元祺、葉玉喜 使用案例編號：UC003 版本： 名稱：回復留言 活動者（Actor）：管理者 前提條件：進入討論區首頁 成功狀態：顯示回復留言畫面的網頁 失敗狀態：顯示error message 執行路徑： 正常路徑 使用者動作 系統回應 1.TUCBW：管理者輸入網址 2.系統顯導覽頁面 3.管理者點選進入網站 4.顯示網站首頁 5.管理者點選後台管理 6.顯示帳密輸入畫面 6.管理者輸入帳密按下確定 7.顯示後台管理頁面 8.管理者點選討論區 9.顯示討論區畫面 10.管理者點選回覆 11.顯示回覆格子 12.管理者點選送出 13. TUCEW：顯示成功視窗 例外路徑一(修改回覆) 10.管理者點選修改回復 11.顯示修改回覆格子 12.管理者點選送出 13. TUCEW：顯示成功視窗 例外路徑二(刪除回覆) 10.管理者點選刪除回復 11.顯示刪除回復視窗 12.管理者點選確定 13. TUCEW：顯示原始畫面 例外路徑三(刪除留言) 10.管理者點選刪除留言 11.顯示刪除留言視窗 12.管理者點選確定 13.TUCEW：顯示原始畫面
54B
28B
4.3 系統介紹
〈一〉導覽頁 內容：片頭文字動畫。 設計理念：先一段敘述南寮的文字製成片頭動畫，導引遊客進入首頁。 首頁使用簡單的選項按鈕，讓遊客能夠容易使用。 圖4- 34 導覽頁頁面〈二〉網站首頁 內容：最新消息、潮汐表、歷史沿革、宗教信仰、新竹漁港、休閒活動、十七公 里、美食介紹、交通指南、討論區、後台管理等覽導。 設計理念：進入首頁可先了解南寮有哪些最新消息最新活動，對釣魚有興趣的遊 客，可以利用利用潮汐表了解海水漲退時間，我們還提供一些跟南寮相關的網站 給大家瀏覽，以及天氣預報讓大家方便知道現在氣溫。 圖4- 35 網站首頁頁面
圖4- 37 潮汐表頁面
〈三〉歷史沿革
內容：南寮歷史、南寮國小、南華國中。
〈四〉宗教信仰 內容：土地公、代天府、富美宮、慈聖宮。 設計理念：利用文字敘述以及照片讓遊客了解南寮廟宇的由來和歷史背景。 圖4- 39 宗教信仰頁面 〈五〉新竹漁港 內容：新竹漁港、漁會、新竹漁會直銷中心。 設計理念：利用文字敘述以及照片讓遊客了解南寮漁港、漁會、直銷中心的由來 。
〈六〉休閒活動 內容：風箏、喝咖啡、天鵝船、腳踏車、烤肉。 設計理念：利用文字敘述以及照片讓遊客了解到南寮有哪些休閒活動可以玩。 圖4- 41 休閒活動頁面 〈七〉十七公里 內容：南寮休閒漁港、南港賞鳥區、紅樹林公園、風情海岸、海山漁港觀海平台 、海天一線看海區、港南河運、港南濱海風景區、看海公園、金城湖。 設計理念：利用文字敘述以及照片介紹十七公里可以看到的景象，讓沒有來過南 寮的遊客一虧南寮的美景。
〈八〉美食介紹 內容：九龍溏、地中海景觀餐廳、海岸風情、新南興海鮮總匯餐廳、漁人碼頭餐 廳。 設計理念：利用文字敘述以及照片跟遊客介紹南寮有哪些好吃的美食餐廳。 圖4- 43 美食介紹頁面 〈九〉交通指南 內容：Flash 動態圖示路線，自行開車及搭車路線資訊。 設計理念：利用Flash 動態圖示顯示兩條自行開車路線，也提供大眾運輸撘車資 訊給大家知道另一個到南寮的方法。
〈十〉討論區 內容：留言版。 設計理念：簽個名留個言，讓所到的旅客可以有個談天說地的好地方， 遊客可 以在此彼此認識，還沒到過南寮的遊客也可以在此先了解大家的旅遊經驗，有何 問題或建議也可直接留言。 圖4- 45 討論區頁面 〈十一〉後台管理 內容：管理最新消息、管理討論區留言。 設計理念：讓管理者可以即時發布南寮最新消息最新活動資訊，回覆討論區遊客 的所有留言以及疑問。
圖4- 47 管理最新消息
29B
4.4 使用手冊
本系統有兩種使用者：遊客、管理者 遊客觀看頁面 ¾ 開啟南寮觀光導覽網站導覽頁，請在網址列輸入 圖4- 49 導覽頁 1 ¾ 按下進入網站即可進入南寮觀光導覽網站¾ 進入南寮觀光導覽網站主畫面
圖4- 51 主頁面 1
¾ 點選最新消息
圖4- 53 主頁面 2
¾ 最新消息─所有南寮的最新消息以及最新活動，隨便點選一則訊息就可看到 詳細內容
¾ 點選南寮潮汐表
圖4- 55 主頁面 3
¾ 相關網站連結
圖4- 57 相關網站連結
¾ 相關網站連結─新竹市觀光路線導覽小冊
圖4- 59 新竹市觀光路線導覽小冊
¾ 相關網站連結─南寮漁港、觀光漁市
¾ 相關網站連結─新竹新八景
圖4- 61 新竹新八景
¾ 相關網站連結─海天一線觀景區
圖4- 63 海天一線觀景區
¾ 歷史沿革─「南寮歷史」，介紹南寮的歷史由來
¾ 歷史沿革─「南寮國小」，介紹南寮國小的歷史由來
圖4- 65 南寮國小
¾ 宗教信仰─「土地公」，介紹土地公的歷史由來
圖4- 67 土地公
¾ 宗教信仰─「富美宮」，介紹富美宮的歷史由來
圖4- 69 富美宮
¾ 新竹漁港─「新竹漁港」，介紹新竹漁港的歷史由來
圖4- 71 新竹漁港
¾ 新竹漁港─「新竹漁會直銷中心」，介紹新竹漁會直銷中心的歷史由來
圖4- 73 新竹漁會直銷中心
¾ 休閒活動─「喝咖啡」，介紹遊玩資訊
圖4- 75 喝咖啡
¾ 休閒活動─「天鵝船」，介紹遊玩資訊
¾ 休閒活動─「腳踏車」，介紹遊玩資訊，提供出租腳踏車店家資訊
圖4- 77 腳踏車
¾ 十七公里─「南寮休閒漁港」，介紹南寮休閒漁港由來
圖4- 79 南寮休閒漁港
¾ 十七公里─「紅樹林公園」，介紹紅樹林公園由來
圖4- 81 紅樹林公園
¾ 十七公里─「海山漁港觀光平台」，介紹海山漁港觀光平台由來
圖4- 83 海山漁港觀光平台
¾ 十七公里─「港南河運」，介紹港南河運由來
圖4- 85 港南河運
¾ 十七公里─「看海公園」，介紹看海公園由來
圖4- 87 看海公園
¾ 美食介紹─「九龍溏」，介紹九龍溏店家資訊
圖4- 89 九龍溏
¾ 美食介紹─「海岸風情」，介紹海岸風情店家資訊
圖4- 91 海岸風情
¾ 美食介紹─「漁人碼頭餐廳」，介紹漁人碼頭餐廳店家資訊
圖4- 93 漁人碼頭餐廳
¾ 討論區─觀看所有留言
圖4- 95 討論區
¾ 後台管理─管理者才可進入
圖4- 97 後台管理 1
管理者觀看頁面
