內灣鐵道之旅

元培醫事科技大學

資訊管理系畢業專題

內

灣

鐵

道

之

旅

指導老師: 廖國雄老師

組 別: A13

組 員: 陳嘉敏 (1001408010)

洪佳瑜 (1001408046)

呂美萱 (1001408057)

林瑋琳 (1001408062)

中 華 民 國 一 零 三 年 十 二 月

i

摘

要

隨著網路的發達,生活步調的增加部分民眾都會藉由假日出門放鬆一個星期 以來的工作與生活上的壓力,由於內灣鐵道停駛讓許多人遺忘了當時繁榮熱鬧的 景象，現在內灣鐵道又再度地開始通車，勾引起許多人從前的回憶,所以我們想 把台灣現存眾多古老鐵路支線之一的〈內灣支線〉透過目前現有的技術轉換成數 位化的內容，藉此了解台灣古老鐵路支線風情的美麗面貌，並且更進一步的挖掘 較被忽略的台灣文化，如歷史事件敘述、沿線各站的旅遊業觀光發展等以帶動經 濟繁榮，故提出本研究計劃。 關鍵字：內灣火車、內灣觀光、內灣歷史

ii

目

錄

摘 要... i 目 錄... ii 表目錄... vi 第一章 緒論... 1 1.1 背景與動機... 1 1.2 目的... 1 1.3 限制... 1 1.4 關鍵名詞定義... 2 第二章 文獻探討... 3 2.1 認識內灣... 3 2.2 熱門景點... 4 2.3 美食介紹... 8 2.4 季節限定... 10 2.5 相關網站比較... 11 第三章 專題規劃... 14 3.1 專題規劃目標... 14 3.2 系統開發方法... 14 3.3 系統藍圖描述... 15 3.4 專題設備... 16 3.5 專題分工... 17 3.6 專題時程規劃-甘特圖 ... 18 第四章 專題成果... 19 4.1 需求分析 _{... 19} 4.1.1 問題描述 ... 19 4.1.2 需求描述 ... 19 4.2 系統分析... 20 4.2.1 使用案例圖 ... 20 4.2.2 使用案例規格書 ... 21 4.2.3 循序圖 ... 33 4.3 系統介紹... 38 第五章 結論... 54 5.1 結論與建議... 54 5.2 未來展望... 54 參考文獻... 55

iii

iv

圖目錄

圖 2-1 內灣老街 ... 4 圖 2-2 內灣車站 ... 4 圖 2-3 內灣吊橋 ... 5 圖 2-4 內灣戲院 ... 5 圖 2-5 劉興欽漫畫館 ... 6 圖 2-6 野溪烤肉 ... 6 圖 2-7 漫畫內灣村 ... 7 圖 2-8 合興車站 ... 7 圖 2-9 野薑花粽 ... 8 圖 2-10 大嬸婆紫玉菜包 ... 8 圖 2-11 蔥燒包 ... 9 圖 2-12 阿婆滷味 ... 9 圖 2-13 老街粉圓豆花 ... 10 圖 2-14 油桐花 ... 10 圖 2-15 螢火蟲 ... 11 圖 2-16 櫻花 ... 11 圖 2-17 交通部觀光局 ... 12 圖 2-18 旅遊資訊網 ... 12 圖 2-19 玩台灣旅遊網 ... 13 圖 3-1 系統藍圖 ... 15 圖 4-1 使用案例圖 ... 20 圖 4-2 循序圖-瀏覽認識內灣 ... 33 圖 4-3 循序圖-瀏覽熱門景點 ... 33 圖 4-4 循序圖-瀏覽美食介紹 ... 34 圖 4-5 循序圖-瀏覽推薦民宿 ... 34 圖 4-6 循序圖-瀏覽季節限定 ... 35 圖 4-7 循序圖-瀏覽交通資訊 ... 35 圖 4-8 循序圖-瀏覽行程規劃 ... 36 圖 4-9 循序圖-瀏覽留言板 ... 36 圖 4-10 循序圖-瀏覽最新消息 ... 37 圖 4-11 系統介紹-首頁 ... 38 圖 4-12 系統介紹-簡介 ... 38 圖 4-13 系統介紹-人文歷史 ... 39 圖 4-14 系統介紹-地方特色 ... 39 圖 4-15 系統介紹-內灣老街 ... 40 圖 4-16 系統介紹-內灣車站 ... 40

v 圖 4-17 系統介紹-內灣吊橋 ... 41 圖 4-18 系統介紹-內灣戲院 ... 41 圖 4-19 系統介紹-劉興欽漫畫館 ... 42 圖 4-20 系統介紹-野溪烤肉 ... 42 圖 4-21 系統介紹-漫畫內灣村 ... 43 圖 4-22 系統介紹-合興車站 ... 43 圖 4-23 系統介紹-野薑花粽 ... 44 圖 4-24 系統介紹-大嬸婆紫玉菜包 ... 44 圖 4-25 系統介紹-蔥燒包 ... 45 圖 4-26 系統介紹-阿婆滷味 ... 45 圖 4-27 系統介紹-老街粉圓豆花 ... 46 圖 4-28 系統介紹-灣月民宿 ... 46 圖 4-29 系統介紹-賞螢民宿 ... 47 圖 4-30 系統介紹-星光流域民宿 ... 47 圖 4-31 系統介紹-油桐花 ... 48 圖 4-32 系統介紹-螢火蟲 ... 48 圖 4-33 系統介紹-櫻花 ... 49 圖 4-34 系統介紹-交通資訊 ... 49 圖 4-35 系統介紹-一日遊 ... 50 圖 4-36 系統介紹-二日遊 ... 50 圖 4-37 系統介紹-留言板 ... 51 圖 4-38 系統介紹-使用者留言 ... 51 圖 4-39 系統介紹-管理者輸入帳密 ... 52 圖 4-40 系統介紹-管理者刪除留言 ... 52 圖 4-41 系統介紹-最新消息 ... 53 圖 4-42 系統介紹-刪除最新消息 ... 53

vi

表目錄

表 3-1 生命週期表 ... 14 表 3-2 專題設備 ... 16 表 3-3 專題分工表 ... 17 表 3-4 時程規劃-甘特圖 ... 18

1

第一章

緒論

1.1 背景與動機

內灣位於頭前溪上游支流的油羅溪畔，行政上屬於新竹縣橫山鄉內灣村。內 灣在還屬於南河轄下小部落，也是最靠近「番地」的平地聚落，清朝時內灣的墾 民經營採製苧麻、搭建焗腦寮等產業活動。昔日內灣老街是往返尖石山區的主要 道路，50 年代曾為內灣帶來許多觀光人潮，後來隨著林業及礦業的沒落，內灣 旅遊也由繁華歸於平靜。經濟部自民國 84(1995)年起陸續推動『形象商圈』及『商 店街』計畫，內灣於 89 至 91 年間，籌組『內灣形象商圈管理推動委員會』，以 內灣老街為主搭配內灣線鐵路帶動當地觀光。 內灣是眾所皆知的觀光聖地，但也許有些人不知道有內灣這個地方的存在， 我們之所以會研究內灣，是因為想讓所有人都知道其實在新竹縣內灣是有名的觀 光景點，也希望內灣能有所繁華，讓眾多人觀光此地。

1.2 目的

此專題研究是:『內灣鐵道之旅』，目的在於讓看到這個網站的所有人可以了 解內灣的特有文化與歷史,讓更多不知道內灣這個擁有美麗風景的人知道原來新 竹縣橫山鄉也有這麼美的地方，好讓這些人能夠看到內灣的歷史，在讓內灣隨者 時間繁榮，使內灣成為眾所皆知的觀光聖地。 本專題系統可協助旅客透過網站的相關資訊來了解當地的景點特色。本專題 欲達到的目的包含： 1. 架設「內灣鐵道之旅」介紹網頁。 2. 讓遊客瞭解「內灣鐵道之旅」的特色景點。 3. 讓遊客瞭解「內灣鐵道之旅」的當地的美味小吃。 4. 提供遊客多樣的遊玩方式。 5. 透過網站幫助「內灣」促進觀光。

1.3 限制

由於製作的時間不夠多,加上附近景點與美食帶多了，所以目前只針對部分 以及周邊景點美食作業紹，還有內灣的文獻歷史以供旅遊民眾做為參考。

2

1.4 關鍵名詞定義

 苧(ㄓㄨˋ)麻: 苧麻自古即栽培為纖維植物。台灣外銷纖維類植物以黃麻和 苧麻佔的份量最多，但是苧麻的纖維比黃麻長，不易蟲害，韌度強是黃麻的 三倍以上，且顏色白容易染色，所以是最優質的染織物。清朝時，台灣的苧 麻織品「全部」輸出到中國大陸。以前產婆接生新生兒，用來綁臍帶傷口的 就是苧麻線，再用麻油（原住民用酢漿草的汁液）塗在剪斷的傷口上，有助 傷口癒合。  焗腦寮:製作樟腦的場所。

3

第二章

文獻探討

2.1 認識內灣

(1) 簡介 「內灣」的由來可追溯到日據時代，當時日軍的空軍基地位於現 今的新竹空軍基地，由於官兵擔心家屬居住在機場附近，在戰時易成 轟炸的目標，因此將家屬遷住郊區，即現今的內灣。家屬遷住之後便 種植櫻花，每到花季，四處開滿了櫻花，所以當時叫「櫻花部落」。 二次大戰結束後，日軍撤離，官兵家屬們亦離開「櫻花部落」，使得 「櫻花部落」隨之走入歷史。隨著內灣人口數的增加，才開始有了定 名的計畫。從攀龍吊橋往內灣吊橋望去，內灣部落在地形上從河道方 向往左方山腳凹去，成一新月形，「內灣」地名之來由。 (2) 人文歷史 內灣最早開拓於清嘉慶晚期（1820 年左右），當時的人在這山區 砍樟製腦。日據時代，日本人來此「理蕃」，進而開發山地。明治四 十四年（1911 年）內灣鋪設輕便鐵軌。昭和年間，日本 政府在此地 發現煤礦，於是大力採礦。日本人既開礦，也砍伐山林，運往日本銷 售。昭和十九年（1944 年），日本人開始興築內灣線鐵路。台灣光復 後， 國民政府接手，民國三十六年（1947 年），內灣線的新竹、竹 東段通車，民國三十九年（1950 年），終於全線通車。 內灣的發展 進入另一個繁榮的歲月。民國六十年代（1970 年）以後，森林資源 漸稀少，政府禁止伐木，而林業落沒，人口又大量外移，內灣就此沒 落。民國九十年（2001 年），內灣重新出發，透過商圈規劃及形象重 塑，以觀光為號召。 (3) 地方特色 內灣的風景是吸引人注目的地方，除了風景優美、山木林立加上 溪流與吊橋成了內灣的觀光景點，老街的形象商圈和車站的復駛，讓 不少民眾利用假日閒暇之時攜家帶眷或與三五好友憶起在溪流下的 樹陰處烤肉、談天戲水增加感情。老街上的美食、特色店家，還有附 近著名的吊橋以及鄰近內灣村的周圍觀光景點，都是讓人值得一去的 地方。

4

2.2 熱門景點

(1) 內灣老街 內灣老街位於台灣新竹縣橫山鄉，當地居民以客家族群為主，近 年來以懷舊的老街情懷包含了內灣車站、內灣戲院以及內灣吊橋等等 成為新竹的觀光旅遊景點。 圖 2-1 內灣老街 圖片來源:google 搜尋 (2) 內灣車站 「內灣火車站」，是內灣支線的最終站，原本規劃並未連接到「內 灣火車站」，直到民過四十年為了配合林木及煤炭的運送，才開始興 建設置車站。至今還保留了當初 50~60 年代的獨特建築風格，車站旁 設置了一塊為了紀念鐵路開拓艱辛歷程的「通車紀念碑」。早期載運 內灣山區生產的農產品、礦產、與原木而興盛，後來因為公路貨運的 取代而衰退，如今「內灣火車站」又因為觀光人潮湧現，每到假日車 水馬龍川流不息，內灣老街又再恢復往昔人聲鼎沸的狀態。 圖 2-2 內灣車站 圖片來源:實地拍攝

5 (3) 內灣吊橋 內灣吊橋位於內灣村的東方，橫跨油羅溪，全長約 147 公尺，寬 2.6 公尺，設有 2 座吊索橋架的基墩，可供人車通行，穿越吊橋後， 向西通往永豐大橋，向東可通往尖石鄉之北角吊橋，沿途皆是林蔭是 許多登山健行者最愛的路線。內灣吊橋是遊內灣不可錯過的地方，清 澈的油羅溪從尖石山區沿著曲折的山谷順流而下，溪水淙淙，無論是 戲水或釣魚皆適合也受到當地人與外來客歡迎，而著名的內灣吊橋就 懸於兩岸之間，每逢假日橋下釣魚烤肉的人潮源源不絕。 圖 2-3 內灣吊橋 圖片來源:實地拍攝 (4) 內灣戲院 目前為台灣保存最好的古老木造戲院。整體外觀以二樓木造閣樓 式建築最具迷人，屋身以當時極具奢侈的建材「板材」構成，屋頂再 覆蓋日式風格的黑瓦，因戲院內部規劃為多功能的設備，當年在此演 出的歌舞劇及秀場表演曾聲名大噪。戲院曾荒廢二十多年，屋主在民 國九十一年重新整理，並附予新的生命將舊戲院改造成一間具復古且 很有戲院味道的客家菜餐廳，餐廳內全天播放老國片及展覽台灣早期 生活文物，其中還包含早期的電影海報如許不了的喜劇、成龍的蛇形 刁手、醉拳、唐山師兄，還有很多頗有懷舊氣味電影。在內灣戲院用 餐，一邊品嚐道地的客家風味，一邊回味著經典電影。 圖 2-4 內灣戲院 圖片來源:實地拍攝

6 (5) 劉興欽漫畫館 漫畫家劉興欽筆下膾炙人口的大嬸婆、阿三哥等漫畫人物為號召， 矗立在內灣火車站的後側。「劉興欽漫畫暨發明展覽館」館內設有劉 興欽漫畫區。劉興欽是漫畫家也是發明家，如丁字型冷熱水龍頭、語 言自學機等，都是他的發明，館內都有展示。漫畫館以前是台鐵員工 宿舍，閒置後經地方商圈、九讚頭文化協會及劉興欽支持下，終於成 立。畫作秉持一貫詼諧的筆觸，題材貼近客家生活，幅幅生動有趣。 館外庭院以客家花布裝飾，坐在這裡啜飲花茶，看內灣小火車呼嘯來 去，感覺山居歲月裡的悠閒魅力。 圖 2-5 劉興欽漫畫館 圖片來源:實地拍攝 (6) 野溪烤肉 每到夏天內灣吊橋下的野溪邊，常常聚集很多民眾在溪邊戲水烤 肉，是個消暑的好地方。 圖 2-6 野溪烤肉 圖片來源:google 搜尋

7 (7) 內灣漫畫村 內灣有一家知名店面---漫畫內灣村，有藝術家為遊客畫畫。這邊 有好多劉興欽老師的作品呢！劉興欽老師漫畫人物特色鮮明，而且漫 畫的內容其實還蠻幽默的哦！ 圖 2-7 漫畫內灣村 圖片來源:實地拍攝 (8) 合興車站 合興車站是內灣線的一個小車站，原名為十分寮站，後因平溪線 有同名車站而改名，原為「折返式車站」，不過目前已停用拆除。合 興車站目前為招呼站，台鐵一度原要廢站，但因一對夫妻出面認養車 站，後來這對夫妻的故事被台鐵懸掛於站內，而讓合興車站有個「愛 情火車站」的浪漫別名，目前合興車站舊月台，現已改建為小公園， 且由於腹地大，是個親子出遊、拍婚紗的好地方。 圖 2-8 合興車站 圖片來源:實地拍攝

8

2.3 美食介紹

(1) 野薑花粽 新竹縣橫山鄉山地聚落內灣的野薑花粽，起源據說昔時進入內灣 交通運輸不便，客家居民即以當地油羅溪盛產的野薑作香料促進食慾， 後來野薑花取根、莖曬乾研磨成粉末，加上當地山胡椒、山地香菇、 黑豬豬肉、糯米同蒸成香噴噴油飯，再以野薑花葉包粽再蒸，就是野 薑花粽。 圖 2-9 野薑花粽 圖片來源:實地拍攝 (2) 大嬸婆紫玉菜包 大嬸婆紫玉菜包在內灣老街相當有名氣，每到假日時常常大排長 龍，共分 4 種口味，分別為白色－皮：原味；餡：白蘿蔔絲、綠色－ 皮：艾草；餡：蘿蔔乾、紫色－皮：山藥；餡：芋頭絲、黑色－皮： 竹炭；餡：芋頭絲，內餡相當多，且很入味，味道很不錯，有機會到 內灣時一定要嚐嚐看! 圖 2-10 大嬸婆紫玉菜包 圖片來源:實地拍攝

9 (3) 蔥燒包 內灣也有小名氣的蔥燒包，常常是大排長龍，而且每個 30 元， 有點像水煎包的作法，用水取代油煎的方式，每顆蔥燒包起鍋都要側 面站立，避免水氣壓在底部濕掉才能保持底部脆皮口感，蔥燒包比一 般的包子還要大，皮也滿厚的，內餡也很扎實，蔥花很豪邁的大又多 豬肉餡有特殊的香氣，不知道是不是加了茴香。 圖 2-11 蔥燒包 圖片來源:實地拍攝 (4) 阿婆滷味 阿婆滷味的食材們都是直接就放在鍋子旁邊的，種類不算多， 就是一些基本的都有這樣，把想吃的用夾子夾到另外一邊，沾板前的 小鍋子裡，滷好之後，就是依序放上酌料，還有香菜，不吃香菜的可 能要先跟阿婆說一下 。 圖 2-12 阿婆滷味 圖片來源:實地拍攝 (5) 老街粉圓豆花 在這種物價高漲的時候，可以在老街上吃到這麼便宜又大碗的粉

10 圓和豆花，真的是一種小確幸。在這古色古香的用餐環境下吃著傳統 的豆花，和朋友坐在那邊聊天沉靜在這優閒的時光。 圖 2-13 老街粉圓豆花 圖片來源:實地拍攝

2.4 季節限定

(1) 油桐花 苗栗以北山區每年初夏到處都可以欣賞到油桐花開。於日據時期引進時 廣泛栽植，形成許多油桐樹群集的聚落，在新竹、苗栗一帶的客家庄尤其茂 盛，早年許多客家人以油桐樹為經濟作物，所以油桐樹與客家人的淵源深厚。 油桐樹型修長，可高達十公尺，樹冠呈水平展開，樹皮平滑，灰褐色，幼時 光滑，老時粗糙。油桐花，圓錐花序頂生，花形書筒狀，綠色，花冠白色， 基部略帶紅色，花五瓣呈五角星形，雌雄同株異花。樹皮可製膠，果殼製活 性炭，根、葉、花、果均可入藥，油桐子雖不能食用，通常在產地加工製成 桐油，桐油屬於乾性油，乾燥快，桐油比重輕，有光澤，不傳電，具多方面 的用途，為油漆、印刷油墨的優良原料，另外桐樹本身可供建築之用、防腐 材、樂器用材等。 圖 2-14 油桐花 圖片來源:實地拍攝

11 (2) 螢火蟲 每年四月份至五月份，是螢火蟲出沒的時間讓寧靜的內灣成為繁 星點點的夜晚。 圖 2-15 螢火蟲 圖片來源:google 搜尋 (3) 櫻花 每年的一月份至三月份是櫻花開的季節，若想要在春暖花開的季 節來一趟浪漫的賞花之旅，千萬不可錯過這美好的時機。 圖 2-16 櫻花 圖片來源:google 搜尋

2.5 相關網站比較

現在的網路資訊相當發達，相對的旅遊網站一定也不少，下面有幾個 相似的旅遊網站做比較，它們的樣式，還有優點與缺點。

12 2.5.1 交通部觀光局 (1) 網站: http://taiwan.net.tw/m1.aspx?sNo=0001090&id=10387 圖 2-17 交通部觀光局 (2) 優點: 1. 標題清楚。 2. 擁有分類快速導覽功能。 3. 提供週邊住宿及週邊美食資訊。 (3) 缺點: 1. 沒有定期更新網站資訊。 2. 民俗節慶沒有標示活動期間。 2.5.2 旅遊資訊王 (1) 網站: http://travel.network.com.tw/tourguide/point/showpage/103119.html 圖 2-18 旅遊資訊網

13 (2) 優點: 1. 擁有關鍵字尋找方便搜尋。 2. 有提供線上訂房服務。 3. 提供全台各地的熱門旅遊網。 (3) 缺點: 1. 建議開放討論區讓使用者留言討論。 2. 網站的配色單調。 2.5.3 玩台灣旅遊網 (1) 網站: http://okgo.tw/butyview.html?id=00131 圖 2-19 玩台灣旅遊網 (2) 優點: 1. 擁有關鍵字尋找方便搜尋。 2. 有提供線上訂房服務。 3. 提供全台各地的熱門旅遊網。 (3) 缺點: 1. 網站的配色單調。 2. 景點提供的太少。 2.5.4 網站探討 以上是我們找的幾個網站來做比較，當然以現代的網站來說裡面的功能變成 大眾化，它不單單只有內灣還有很多觀光景點的資訊，像是全台灣可以玩的地方 或是提供住宿的資訊和地方風景，利用網站與官網做連結可增加使用者對對地方 的了解，也可以提升網站的瀏覽率，當然我們也發現了些許的缺失，像是網站的 字太多，現在的大眾大多喜歡看圖片，尤其是地方風景和美食的圖片，只要一張 圖片跟小小的註解會比整篇都是純文字來的好。

14

第三章

專題規劃

3.1 專題規劃目標

本專題希望可以達到 1. 促進組員技能與實作能力精進 2. 培養團隊合作默契與經驗 3. 讓所有人更能了解內灣歷史與文化 4. 能帶動更多的經濟發展 5. 使大家對於此旅遊景點有更大的認同

3.2 系統開發方法

本專題的開發將使用生命週期模式(SDLC)，各步驟敘述如下： 表 3-1 生命週期表 階段 工作 產出 預定完成日期 規劃 a.資料蒐集 b.撰寫企畫書 專題企畫書 103.10.20 分析 a.需求分析 b.系統分析 系統分析書 103.12.01 設計 a.專案架構設計 b.專案程式設計 系統設計報告書 103.12.01 製作 專案軟體製作 功能完善的軟體 103.11.19 運作及維護 a.網頁測試 b.網頁維修 c.撰寫結案報告 d.撰寫使用手冊 結案報告書及使 用手冊 103.12.09

15

3.3 系統藍圖描述

本專題所開發的系統，整體架構圖如下所示，其包含下列幾個子系統 圖 3-1 系統藍圖 內灣鐵道 之旅首頁 認識內灣 簡介 人文歷史 地方特色 熱門景點 內灣老街 內灣火車站 內灣吊橋 內灣戲院 劉興欽漫畫館 野溪烤肉 漫畫內灣村 合興車站 美食介紹 野薑花粽 大嬸婆紫玉菜包 蔥燒包 阿婆滷味 老街 粉圓豆花 推薦民宿 彎月民宿 星光流域 季節限定 油桐花 螢火蟲 櫻花 交通資訊 行程規劃 一日遊 二日遊 留言板 最新消息

16

3.4 專題設備

表 3-2 專題設備 軟體設備

作業系統 Microsoft Windows 7

網頁設計軟體 Adobe Dreamweaver CS6、Adobe Flash CS6、Adobe Photoshop CS6 文件製作軟體 Microsoft Word 2010 其他製作軟體 StarUML、SoftwareIdeasModeler 硬體設備 中央處理器 Inter(R) Core i5 2.4G 主記憶體 2GB 硬碟 500GB 光碟機 16X DVD ROM

17

3.5 專題分工

表 3-3 專題分工表 組員 分工 洪佳瑜 陳嘉敏 呂美萱 林瑋琳 會議記錄 ● ● 訂立主題 ● ● ● ● 資料蒐集 ● ● ● ● 撰寫企畫 ● ● ● ● 需求分析 ● ● 系統分析 ● 網頁設計 ● ● ● 網頁測試 ● ● 網頁維修 ● 程式撰寫 ● 程式測試 ● 撰寫使用手冊 ● ● 撰寫結案報告 ● ● ● ●

18

3.6 專題時程規劃-甘特圖

表 3-4 時程規劃-甘特圖 年份 103 月份 名稱 03 04 05 06 07 08 09 10 11 12 專題計畫階段 訂定主題 工作分配 收集資料 資料整合 系統分析 文件撰寫 使用者需求分析 系統規劃建置 網頁設計&建置 動畫設計&建置 系統測試 操作維護 文件整合 撰寫使用手冊 結案

19

第四章

專題成果

4.1 需求分析

4.1.1 問題描述 內灣位於新竹縣橫山鄉，雖然曾經沒落過但經由政府的重新規劃，又回歸到 昔日的風光，希望透過網路宣傳能讓大眾更了解這個地方，透過專題小組的規畫 與策略，將收集的資料整理成資訊，利用整合的方式，將相關文化歷史和地方景 點特色做為大家可以更進一步認識這個地方。 4.1.2 需求描述 1. 功能性需求 (1) 一般使用者可以利用此系統瀏覽網頁 (2) 管理者可修改或刪除留言 2. 非功能性需求 (1) 使用者 a. 此系統對於初學者和對系統有經驗的使用者容易操作 b. 使用者必須對此望站感到滿意 (2) 效能 a. 能簡單完整瀏覽此網站給使用者使用

20

4.2 系統分析

4.2.1

使用案例圖

21 4.2.2 使用案例規格書 1.名稱（Name）： 內灣鐵道之旅首頁 1.1 簡述（Brief Description）： 這個使用案例描述是瀏覽內灣鐵道之旅首頁的過程 2.活動者(Actor): 使用者 3.前提（Pre-Conditions）： 使用者已經連結網路並開啟內灣鐵道之旅網站 4.成功條件（Successful Post-Conditions）： 成功顯示網頁 5.失敗條件（Unsuccessful Post-Conditions）： 網頁連結沒有成功 6.事件路徑（Flow of Events）：

6.1 正常路徑（Typical Course of Events）：

Actor 動作 系統回應 1.TUCBW：瀏覽者進入網站 2.TUCEW：顯示首頁所有功能頁面 6.2 例外路徑(alternative/exceptional course) 6.2.1 使用者中斷連線 步驟 6 網頁無法開啟 6.2.2 使用者關閉視窗 步驟 5 使用者點選關閉視窗 步驟 6 系統關閉

22 1.名稱（Name）： 認識內灣 1.1 簡述（Brief Description）： 這個使用案例描述是瀏覽認識內灣的過程 2.活動者(Actor): 使用者 3.前提（Pre-Conditions）： 使用者已經連結網路並開啟內灣鐵道之旅網站 4.成功條件（Successful Post-Conditions）： 成功顯示網頁 5.失敗條件（Unsuccessful Post-Conditions）： 網頁連結沒有成功 6.事件路徑（Flow of Events）：

6.1 正常路徑（Typical Course of Events）：

Actor 動作 系統回應 1.TUCBW: 使用者開啟網站介面 2. 系統顯示主版畫面 3. 系統顯示「認識內灣」……等選項 4. 使用者點選「認識內灣」 5. 系統顯示「認識內灣」詳細內容頁面 6.2 例外路徑(alternative/exceptional course) 6.2.1 使用者中斷連線 步驟 6 網頁無法開啟 6.2.2 使用者關閉視窗 步驟 5 使用者點選關閉視窗 步驟 6 系統關閉

23 1.名稱（Name）： 熱門景點 1.1 簡述（Brief Description）： 這個使用案例描述是瀏覽熱門景的過程 2.活動者(Actor): 使用者 3.前提（Pre-Conditions）： 使用者已經連結網路並開啟內灣鐵道之旅網站 4.成功條件（Successful Post-Conditions）： 成功顯示網頁 5.失敗條件（Unsuccessful Post-Conditions）： 網頁連結沒有成功 6.事件路徑（Flow of Events）：

6.1 正常路徑（Typical Course of Events）：

Actor 動作 系統回應 1.TUCBW: 使用者開啟網站介面 2. 系統顯示主版畫面 3. 系統顯示「熱門景點」……等選項 4. 使用者點選「熱門景點」 5. 系統顯示「熱門景點」詳細內容頁面 6.2 例外路徑(alternative/exceptional course) 6.2.1 使用者中斷連線 步驟 6 網頁無法開啟 6.2.2 使用者關閉視窗 步驟 5 使用者點選關閉視窗 步驟 6 系統關閉

24 1.名稱（Name）： 美食介紹 1.1 簡述（Brief Description）： 這個使用案例描述是瀏覽美食介紹的過程 2.活動者(Actor): 使用者 3.前提（Pre-Conditions）： 使用者已經連結網路並開啟內灣鐵道之旅網站 4.成功條件（Successful Post-Conditions）： 成功顯示網頁 5.失敗條件（Unsuccessful Post-Conditions）： 網頁連結沒有成功 6.事件路徑（Flow of Events）：

6.1 正常路徑（Typical Course of Events）：

Actor 動作 系統回應 1.TUCBW: 使用者開啟網站介面 2. 系統顯示主版畫面 3. 系統顯示「美食介紹」……等選項 4. 使用者點選「美食介紹」 5.TUCEW：系統顯示「美食介紹」詳細 內容頁面 6.2 例外路徑(alternative/exceptional course) 6.2.1 使用者中斷連線 步驟 6 網頁無法開啟 6.2.2 使用者關閉視窗 步驟 5 使用者點選關閉視窗 步驟 6 系統關閉

25 1.名稱（Name）： 推薦民宿 1.1 簡述（Brief Description）： 這個使用案例描述是瀏覽推薦民宿的過程 2.活動者(Actor): 使用者 3.前提（Pre-Conditions）： 使用者已經連結網路並開啟內灣鐵道之旅網站 4.成功條件（Successful Post-Conditions）： 成功顯示網頁 5.失敗條件（Unsuccessful Post-Conditions）： 網頁連結沒有成功 6.事件路徑（Flow of Events）：

6.1 正常路徑（Typical Course of Events）：

Actor 動作 系統回應 1.TUCBW: 使用者開啟網站介面 2. 系統顯示主版畫面 3. 系統顯示「推薦住宿」……等選項 4. 使用者點選「推薦住宿」 5.TUCEW：系統顯示「推薦住宿」詳細 內容頁面 6.2 例外路徑(alternative/exceptional course) 6.2.1 使用者中斷連線 步驟 6 網頁無法開啟 6.2.2 使用者關閉視窗 步驟 5 使用者點選關閉視窗 步驟 6 系統關閉

26 1.名稱（Name）： 季節限定 1.1 簡述（Brief Description）： 這個使用案例描述是瀏覽季節限定的過程 2.活動者(Actor): 使用者 3.前提（Pre-Conditions）： 使用者已經連結網路並開啟內灣鐵道之旅網站 4.成功條件（Successful Post-Conditions）： 成功顯示網頁 5.失敗條件（Unsuccessful Post-Conditions）： 網頁連結沒有成功 6.事件路徑（Flow of Events）：

6.1 正常路徑（Typical Course of Events）：

Actor 動作 系統回應 1.TUCBW: 使用者開啟網站介面 2. 系統顯示主版畫面 3. 系統顯示「季節限定」……等選項 4. 使用者點選「季節限定」 5.TUCEW：系統顯示「季節限定」詳細 內容頁面 6.2 例外路徑(alternative/exceptional course) 6.2.1 使用者中斷連線 步驟 6 網頁無法開啟 6.2.2 使用者關閉視窗 步驟 5 使用者點選關閉視窗 步驟 6 系統關閉

27 1.名稱（Name）： 交通資訊 1.1 簡述（Brief Description）： 這個使用案例描述是瀏覽交通資訊的過程 2.活動者(Actor): 使用者 3.前提（Pre-Conditions）： 使用者已經連結網路並開啟內灣鐵道之旅網站 4.成功條件（Successful Post-Conditions）： 成功顯示網頁 5.失敗條件（Unsuccessful Post-Conditions）： 網頁連結沒有成功 6.事件路徑（Flow of Events）：

6.1 正常路徑（Typical Course of Events）：

Actor 動作 系統回應 1.TUCBW: 使用者開啟網站介面 2. 系統顯示主版畫面 3. 系統顯示「交通資訊」……等選項 4. 使用者點選「交通資訊」 5. TUCEW：系統顯示「交通資訊」詳細 內容頁面 6.2 例外路徑(alternative/exceptional course) 6.2.1 使用者中斷連線 步驟 6 網頁無法開啟 6.2.2 使用者關閉視窗 步驟 5 使用者點選關閉視窗 步驟 6 系統關閉

28 1.名稱（Name）： 行程規劃 1.1 簡述（Brief Description）： 這個使用案例描述是瀏覽行程規劃的過程 2.活動者(Actor): 使用者 3.前提（Pre-Conditions）： 使用者已經連結網路並開啟內灣鐵道之旅網站 4.成功條件（Successful Post-Conditions）： 成功顯示網頁 5.失敗條件（Unsuccessful Post-Conditions）： 網頁連結沒有成功 6.事件路徑（Flow of Events）：

6.1 正常路徑（Typical Course of Events）：

Actor 動作 系統回應 1.TUCBW: 使用者開啟網站介面 2. 系統顯示主版畫面 3. 系統顯示「行程規劃」……等選項 4. 使用者點選「行程規劃」 5.TUCEW：系統顯示「行程規劃」詳細 內容頁面 6.2 例外路徑(alternative/exceptional course) 6.2.1 使用者中斷連線 步驟 6 網頁無法開啟 6.2.2 使用者關閉視窗 步驟 5 使用者點選關閉視窗 步驟 6 系統關閉

29 1.名稱（Name）： 留言板 1.1 簡述（Brief Description）： 這個使用案例描述是瀏覽留言板的過程 2.活動者(Actor): 使用者 3.前提（Pre-Conditions）： 使用者已經連結網路並開啟內灣鐵道之旅網站 4.成功條件（Successful Post-Conditions）： 成功顯示網頁 5.失敗條件（Unsuccessful Post-Conditions）： 網頁連結沒有成功 6.事件路徑（Flow of Events）：

6.1 正常路徑（Typical Course of Events）：

Actor 動作 系統回應 1.TUCBW：使用者開啟網站介面 2.系統顯示「留言板」詳細內容頁面 3.使用者點選我要留言 4. 系統顯示留言頁面 5.使用者填寫留言內容 6.使用者點選送出 7.TUCEW：系統顯示「留言板」詳細內 容頁面 6.2 例外路徑(alternative/exceptional course) 6.2.1 使用者連線中斷 步驟6 網頁頁面無法開啟 6.2.2 使用者關閉視窗 步驟5 使用者點選關閉視窗 步驟6 系統關閉

30 1.名稱（Name）： 管理留言板 1.1 簡述（Brief Description）： 這個使用案例描述是瀏覽管理留言板的過程 2.活動者(Actor): 使用者、管理者 3.前提（Pre-Conditions）： 使用者已經連結網路並開啟內灣鐵道之旅網站 4.成功條件（Successful Post-Conditions）： 成功顯示網頁 5.失敗條件（Unsuccessful Post-Conditions）： 網頁連結沒有成功 6.事件路徑（Flow of Events）：

6.1 正常路徑（Typical Course of Events）：

Actor 動作 系統回應 1.TUCBW：管理者點選留言管理 2.系統顯示管理者登入頁面 3.管理者填寫帳密 4.管理者點選送出 5.系統驗證帳號密碼是否正確 6.TUCEW：系統顯示管理留言頁面 6.2 例外路徑(alternative/exceptional course) 6.2.1 管理者連線中斷 步驟6 網頁頁面無法開啟 6.2.2 管理者關閉視窗 步驟5 管理者點選關閉視窗 步驟6 系統關閉 6.2.3 管理者登入失敗 步驟5 系統驗證失敗 步驟6 系統顯示管理者登入頁面

31 1.名稱（Name）： 最新消息 1.1 簡述（Brief Description）： 這個使用案例描述是瀏覽最新消息的過程 2.活動者(Actor): 使用者 3.前提（Pre-Conditions）： 使用者已經連結網路並開啟內灣鐵道之旅網站 4.成功條件（Successful Post-Conditions）： 成功顯示網頁 5.失敗條件（Unsuccessful Post-Conditions）： 網頁連結沒有成功 6.事件路徑（Flow of Events）：

6.1 正常路徑（Typical Course of Events）：

Actor 動作 系統回應 1.TUCBW：使用者開啟網站介面 2.系統顯示「最新消息」詳細內容頁面 3.使用者填寫留言內容 4. 系統顯示最新消息 5.使用者點選送出 6.TUCEW：系統顯示「最新消息」詳細 內容頁面 6.2 例外路徑(alternative/exceptional course) 6.2.1 使用者連線中斷 步驟6 網頁頁面無法開啟 6.2.2 使用者關閉視窗 步驟5 使用者點選關閉視窗 步驟6 系統關閉

32 1.名稱（Name）： 管理最新消息 1.1 簡述（Brief Description）： 這個使用案例描述是瀏覽管理最新消息的過程 2.活動者(Actor): 使用者 3.前提（Pre-Conditions）： 使用者已經連結網路並開啟內灣鐵道之旅網站 4.成功條件（Successful Post-Conditions）： 成功顯示網頁 5.失敗條件（Unsuccessful Post-Conditions）： 網頁連結沒有成功 6.事件路徑（Flow of Events）：

6.1 正常路徑（Typical Course of Events）：

Actor 動作 系統回應 1.TUCBW：管理者點選最新消息管理 2.系統顯示管理者登入頁面 3.管理者填寫帳密 4.管理者點選送出 5.系統驗證帳號密碼是否正確 6.TUCEW：系統顯示管理留言頁面 6.2 例外路徑(alternative/exceptional course) 6.2.1 管理者連線中斷 步驟6 網頁頁面無法開啟 6.2.2 管理者關閉視窗 步驟5 管理者點選關閉視窗 步驟6 系統關閉 6.2.3 管理者登入失敗 步驟5 系統驗證失敗 步驟6 系統顯示管理者登入頁面

33

4.2.3 循序圖

圖 4-2 循序圖-瀏覽認識內灣

34

圖 4-4 循序圖-瀏覽美食介紹

35

圖 4-6 循序圖-瀏覽季節限定

36

圖 4-8 循序圖-瀏覽行程規劃

37

38

4.3 系統介紹

(1) 進入首頁 圖 4-11 系統介紹-首頁 (2)點選“認識內灣”顯示“簡介”介紹內灣 圖 4-12 系統介紹-簡介

39

(3) 點選“認識內灣”在點選“人文歷史”介紹歷史

圖 4-13 系統介紹-人文歷史 (4) 點選“認識內灣”在點選“地方特色”介紹特色

40

(5) 點選“熱門景點”顯示“內灣老街”介紹老街

圖 4-15 系統介紹-內灣老街 (6) 點選“熱門景點”在點選“內灣車站”介紹車站

41

(7) 點選“熱門景點”在點選“內灣吊橋”介紹吊橋

圖 4-17 系統介紹-內灣吊橋 (8) 點選“熱門景點”在點選“內灣戲院”介紹戲院

42

(9) 點選“熱門景點”在點選“劉興欽漫畫館”介紹漫畫館

圖 4-19 系統介紹-劉興欽漫畫館 (10) 點選“熱門景點”在點選“野溪烤肉”介紹野溪

43

(11) 點選“熱門景點”在點選“漫畫內灣村”介紹漫畫內灣村

圖 4-21 系統介紹-漫畫內灣村 (12) 點選“熱門景點”在點選“合興車站”介紹合興車站

44

(13) 點選“美食介紹”顯示“野薑花粽”介紹野薑花粽

圖 4-23 系統介紹-野薑花粽

(14) 點選“美食介紹”在點選“大嬸婆紫玉菜包”介紹菜包

45

(15) 點選“美食介紹”在點選“蔥燒包”介紹蔥燒包

圖 4-25 系統介紹-蔥燒包 (16) 點選“美食介紹”在點選“阿婆滷味”介紹滷味

46

(17) 點選“美食介紹”在點選“老街粉圓豆花”介紹粉圓豆花

圖 4-27 系統介紹-老街粉圓豆花 (18) 點選“推薦住宿”顯示“灣月民宿”介紹灣月民宿

47

(19) 點選“推薦住宿”在點選“賞螢民宿”介紹賞螢民宿

圖 4-29 系統介紹-賞螢民宿

(20) 點選“推薦住宿”在點選“星光流域民宿”介紹星光流域民宿

48

(21) 點選“季節限定”顯示“油桐花”介紹油桐花

圖 4-31 系統介紹-油桐花 (22) 點選“季節限定”在點選“螢火蟲”介紹螢火蟲

49

(23) 點選“季節限定”在點選“櫻花”介紹櫻花

圖 4-33 系統介紹-櫻花 (24) 點選“交通資訊”顯示“交通資訊”介紹交通的資訊

50

(25) 點選“行程規劃”顯示“一日遊”介紹一日遊資訊

圖 4-35 系統介紹-一日遊 (26) 點選“行程規劃”在點選“二日遊”介紹二日遊資訊

51

(27) 點選“留言板”就會顯示出留言板首頁

圖 4-37 系統介紹-留言板 (28) 點選“我要留言”就可輸入留言內容

52

(29) 點選“管理者登入”輸入管理者帳密

圖 4-39 系統介紹-管理者輸入帳密 (30) 可點選留言內容並刪除

53

(31) 點選“最新消息”就會顯示出最新消息首頁

圖 4-41 系統介紹-最新消息 (32) 可點選刪除最新消息公告

54

第五章

結論

5.1 結論與建議

經過這次的專題研究讓我們看見內灣的美，不論是螢火蟲或者是油桐花都讓 我們大唯驚嘆，讓我們知道環境生態保育的重要性，如果做到了未來可以讓更多 人看到、知道這片土地的美好。在老街上也可以享受美味的客家美食。從新竹車 站坐火車到內灣車站這段旅程中沿路可以看到了許多的美景。到合興車站也可以 看到此車站歷史與由來，真的很感謝那對夫妻將合興車站打造得這麼美，車站內 有一的空家裡掛滿了時鐘，站在裡面時多麼希望時光可以倒流甚至停在某個美好 的時間當中。 本網站以簡單易懂的分類讓使用者能夠簡單的上手。網站畫面以清晰柔和的 色調來呈現，讓使用者能夠以輕鬆方式瀏覽本網站，景點資訊更以游標移過就能 看到想看到的景點照片。

5.2 未來展望

1.陸續將相關資訊補足在網頁內。 2.定期更新網站。

55

參考文獻

1. http://zh.wikipedia.org/wiki/%E5%85%A7%E7%81%A3%E6%9D%91_(%E 6%A9%AB%E5%B1%B1%E9%84%89) 內灣村 維基百科 2. http://web.hsinchu.gov.tw/community/report_view.jsp?fd_df_no=DF1007713 947150 內灣由來 3. http://ccnt1.cute.edu.tw/gec-project/fruit/7/7-7/week-17.pdf 內灣人文歷史 4. http://guide.easytravel.com.tw/scenic/2534 內灣車站 5. http://travel.network.com.tw/tourguide/point/showpage/103121.html 內灣吊橋 6. http://travel.network.com.tw/tourguide/point/showpage/103120.html 內灣戲院 7. http://travel.hsinchu.gov.tw/page.aspx?wtp=1&wnd=57&id=211 劉興欽漫畫發明展覽館 8. http://hohty.okgo.tw/ 彎月民宿 9. http://035966647.emmm.tw/ 賞螢民宿 10. http://www.starlightvalley.com.tw/ 星光流域民宿 11. http://210.60.63.26/92_pdlib/7/nrdm.htm 內灣鐵道文物數位博物館

56

附錄

表 1 會議記錄表 會議記錄表 專題名稱 內灣鐵道之旅 時間 2014/02/20 地點 A102 主席 洪佳瑜 紀錄 陳嘉敏 出席者 洪佳瑜、陳嘉敏、呂美萱、林瑋琳 內容 1. 討論專題名稱 2. 討論專題方向 決議 1.決定專題名稱為內灣鐵道之旅 老師建議 表 2 會議記錄表 會議記錄表 專題名稱 內灣鐵道之旅 時間 2014/07/14 地點 A102 主席 洪佳瑜 紀錄 陳嘉敏 出席者 洪佳瑜、陳嘉敏、呂美萱、林瑋琳 內容 1. 討論網站設計、架構圖 2. 搜尋文獻 決議 1. 決定以下分類：認識內灣、景點介紹、美食介紹、推薦住 宿、季節限定、交通資訊、行程規劃、留言板 老師建議

57 表 3 會議記錄表 表 4 會議記錄表 會議記錄表 專題名稱 內灣鐵道之旅 時間 2014/10/22 地點 A102 主席 洪佳瑜 紀錄 陳嘉敏 出席者 洪佳瑜、陳嘉敏、呂美萱、林瑋琳 內容 1. 網頁製作成果 2. 留言板製作 決議 1. 網頁製作成果完成 50% 2. 留言板製作遇到問題詢問老師 老師建議 表 5 會議記錄表 會議記錄表 專題名稱 內灣鐵道之旅 時間 2014/11/19 地點 A102 主席 洪佳瑜 紀錄 陳嘉敏 出席者 洪佳瑜、陳嘉敏、呂美萱、林瑋琳 內容 1. 結案報告書製作 決議 1. 結案報告書分工蒐集資料 老師建議 會議記錄表 專題名稱 內灣鐵道之旅 時間 2014/08/20 地點 A102 主席 洪佳瑜 紀錄 陳嘉敏 出席者 洪佳瑜、陳嘉敏、呂美萱、林瑋琳 內容 1. 製作動畫 2. 搜尋文獻

決議 1. 決定歡迎畫面已 flash 製作，按鈕以 Flash Professional CS6 製作