第二章 探討文獻
2.2 老街的傳統美食
2.2.6 北埔老街美食
2.2.6.3 客家伴手禮
然後來到客家庄的老街，當然也會有在地的特色伴手禮必買囉,因為這是算是 客家風格的老街，所以阿伴手禮是不可或缺的東西，筆柿，各式醃製醬菜，還有 各種傳統粿類美食。(Via，2011)
圖 2-42 客家伴手禮 (圖片來源：Via，2011) 2.2.7 內灣老街美食
2.2.7.1
野薑花粽野薑花粽是來內灣老街必吃的美食指標之一，所以阿有來的話別忘記品嚐，
而且它一顆才１５元雖然小小的但是你猜開線的時候，野薑花的香味會慢慢飄出 來，而且它不大所以不怕會吃得很撐，內灣里有很多家至於哪一家好吃看就要看 個人了。(198team，2010)
圖 2-43 野薑花粽
(圖片來源：198team，2010)
2.2.7.2
高粱香腸在內灣高粱黑豬肉香腸算是很常見的，有一家的高粱香腸吃起來真的有高粱 的香味每次排隊都要排好久，烤好的香腸再搭配上生的蒜頭一口香腸配上一口蒜 頭超級搭配又好吃一定要去嘗看看。(198team，2010)
圖 2-44 粱黑豬肉香腸 (圖片來源：198team，2010)
2.2.7.3
冰火波蘿麵包它的攤位小小間的在內灣門口那邊，它有原味跟冰火一開始看到原味的會覺 得很普通就但是冰火就很新鮮了，它吃起來的感覺，外面的皮很脆在家上它裡面 是包冰淇淋喔吃起來一點都不奇怪還很順口，喜歡的顧客可以去嘗看看。
2.3 相關網站比較
現在的網路資訊很發達，相對的老街旅遊的網站一定也不少，下面有幾個相 似的旅遊網站做比較，它們的樣式，還有優點與缺點。
2.3.1 台灣旅遊通 (1)網站
http://365net.tw/
圖 2-45 台灣旅遊通 (2)優點
1. 標題清楚。
2. 擁有分類快速導覽功能。
3. 提供最新住宿訊息。
(3)缺點
1. 網頁部分文字過多造成瀏覽不易。
2. 沒有提供即時客服系統。
3. 上方文字與背景顏色過於相近無法清楚瀏覽。
2.3.2 大台灣旅遊資訊網 (1)網站
http://travel.tw.tranews.com/
圖 2-46 大台灣旅遊資訊網 (2)優點
1. 擁有關鍵字尋找方便搜尋。
2. 有旅遊動線功能方便使用者清楚了解路線。
3. 提供線上訂房服務。
(3)缺點
1. 上方跑馬燈速度過快無法看清楚文字內容。
2. 部分瀏覽器不相容造成有些功能無法使用。
3. 部分網頁內容配色不佳造成感官不清晰。
2.3.3 旅遊資訊王 (1)網站
http://travel.network.com.tw/
圖 2-47 旅遊資訊王
述真的比較多也不會讓人覺得不舒服的觀感，収尋關鍵字這功能讓光網站的人們 可以很快的尋找到自己要的資訊，不用一篇一篇的找，以上我們會把好的優點加 入我們的網站中，必且去避免剛剛所講的那些缺失。
第三章 專題規劃
3.1 專題規劃目標
在選做這專題時我們考慮到因現在的人工作繁忙，也許放假了會想出去散散 心，但是又礙於還要查路線，還有該去哪裡玩這方面的問題，所以在此專題中我 們希望可以達成的目標與貢獻。
1. 親身體驗後，我們介紹北台灣老街文化特色及部分商品，令顧客能夠深 刻了解老街的歷史、美食、人文和背景故事。
2. 提供北台灣老街名產、商品線上購物功能，令消費者在家就可輕鬆購買 到老街相關商品。
3. 網站提供北台灣老街路線圖，方便到使用者清楚了解路線後，藉由路線 圖上面的規劃路線，到該老街遊玩。
4. 藉由幽默且清楚的影片拍攝方式，將上述老街特色一一告知使用者，讓 使用者能夠更清楚了解老街當地特色，增加使用者對網站的特殊印象，
讓使用者回來使用網站的機率增加。
3.2 系統開發方法
本系統所採用的是瀑布式法，執行的程式如下圖所示：
圖 3-1 系統開發方法
1. 作業規劃：這部分在於專題內部的標題，目錄，文章的規劃。
2. 作業規格描述：對於專題裡得標題，目錄，文章和資料來源進行進一步 的敘述。
3. 程式規格描述：在程式這部分，討論用怎樣的程式來設計和規畫網站。
4. 程式編碼：進行程式的撰寫，和分工的部分。
5. 參數測試：用撰寫好的程式來進行線上測試，測試是否哪裡有問題錯誤
。
6. 整合測試：每個人分到的程式部分不同，所以必須進行結合再來就是測 試是否可以線上進行。
7. 上線系統測試：網站的程式已經結合好，測試方面也沒有問題已經可以 在網路上進行。
3.3 系統藍圖描述
本專題所欲開發的系統，整體架構圖如下所示，其共包含下列幾個子系統
圖 3-2 系統藍圖描述
3.4 專題設備
製作這專題我們會需要用到的軟體有應用軟體－Photoshop、Dreamweaver
，至於硬體方面是一台Linux系統的主機有２０Ｍ／５Ｍ的網路，還要有付費的 網域，至於選擇架設的環境是以PHP語法開發並結合MySQL資料庫，為什麼軟 體的部分要用Photoshop、Dreamweaver，因為這軟體是屬於免費的部分所以比較 不會有侵權或是要付費的問題，硬體Linux系統也是和軟體一樣是屬於免費的，
為什麼要用付費的網域，因為在有付費的網域讓人比較收尋不會說要找很久，至 於設計網站的程式ＰＨＰ因為這程式比較好上手，適合剛學的新手使用，資料庫 的部分MySQL也是很好上手的語言所以選擇來使用它。
3.5 專題時程規劃與分工
第四章 專題成果
4.1 需求分析
在過去網路沒那麼盛行的時候我們需要吃到哪裡的名產或是食物，我們都得 搭車或是開車去才能購買到，但是現在網路的很發達現代的人，需要甚麼東西或 是要購買甚麼地方名產只要上網就可以購買的到，但是有些網站卻不能擁有全部 的資訊，這時候就是需要類似遊街趣這類的網站，提供老街食品的線上購物，還 有地圖資訊等等找尋相關的知識跟最新訊息。
4.2 系統分析
4.2.1 使用案例圖
圖 4-1 使用案例圖 4.2.2 活動圖
4.2.2.1
活動圖4.2.2.2
活動圖-購物車圖 4-3 活動圖-購物車
4.2.3 循序圖
4.2.3.1
循序圖-老街特色圖 4-4 循序圖-老街特色
4.2.3.2
循序圖-地圖資訊圖 4-5 循序圖-地圖資訊
4.2.3.3
循序圖-瀏覽商品圖 4-6 循序圖-瀏覽商品
4.2.3.4
循序圖-友站連結圖 4-7 循序圖-友站連結
4.2.3.5
循序圖-關於我們圖4-8循序圖-關於我們
4.3 系統介紹
4.3.1 系統簡介
圖 4-9 系統架構圖
1. 首頁：內容包含老街最新消息、活動、商品、資訊消息。
詢功能。
4. 瀏覽商品：各老街的商品資訊、價位。
5. 友站連結：相關網站連結。
6. 各老街商品類別：可搜尋老街商品、價位。
7. 購物車：可將喜好的商品放置購物車購買。
8. 訂單查詢：查詢訂單狀況。
9. 關於我們：提供本站的聯絡方式和建站、更新日期。
4.3.2 系統特色
1. 清楚列出系統功能並且能夠立即查詢。
2. 結合部分老街美食與當地介紹及線上購物功能。
3. 結合Facebook分享與Facebook評論功能。
4. 提供聯絡方式方便使用者與我們做聯繫。
5. 貼心提供地圖資訊讓使用者更方便了解老街資訊。
6. 提供相關網站連結。
4.4 使用手冊
4.4.1 首頁
圖 4-10 首頁 1. 點選進入首頁。
2. 老街風景圖，點選可直接進入該老街介紹。
3. 點選可以觀看本站的最新資訊。
4. 點選可以進入老街現有的最新活動。
5. 點選可以看目前最新上市的名產品。
1
2
3 4 5
4.4.2 老街特色
圖 4-11 老街特色 1. 點選可以進入老街特色區。
2. 任選一個紅色框框就會進入該老街介紹，如下圖。
1
2
圖 4-12 老街特色-淡水老街 1. 如果覺得內容不錯可以使用FB點讚功能。
2. 想知道該老街如何去 可以點擊按鈕快速連結到地圖區。
3. 點選此按鈕可以快速連結到該老街名產品。
4. 可以使用FB留言發表感想。
1 2 3
4
4.4.3 地圖資訊
圖 4-13 地圖資訊 1. 點選進入地圖資訊區。
2. 任選一個老街進入該老街地圖資訊，如下圖。
1
2
圖 4-14 地圖資訊-迪化街 1. 大眾運輸班次介紹。
2. 自行開車路線。
3. Google地圖功能。
4. 可快速連結到老街特色區。
5. 可快速連結到老街商品區。
1
2 3
4 5
4.4.4 瀏覽商品
圖 4-15 瀏覽商品 1. 點選瀏覽商品，進入商品區。
2. 各老街商品分類，可以從此選擇所需的老街。
3. 點選喜愛的商品圖示可進入商品介紹。
4. 可以先將喜歡的商品加入購物車。
1
2
3
4
圖 4-16 瀏覽商品-高粱香腸
1. 點選圖片就會進入商品介紹，如果有喜歡可點選加入購物車。
圖 4-17 瀏覽商品-購物車 進入購物車會看到您加進購物車的商品。
1. 可以選產品的數量。
2. 將此購物車記錄下來，下次要使用紀錄依然存在。
3. 點選可以回到商品區繼續購買。
4. 結帳。
1
2 3 4
圖 4-18 瀏覽商品-訂單 1. 填寫基本資料。
2. 同意條款。
3. 發送訂單。
1
2
3
圖 4-19 瀏覽商品-訂單詳細資料 1. 訂單明細和網址。
1
4.4.5 友站連結
圖 4-20 友站連結 1. 進入友站連結。
1
4.4.6 關於我們
圖 4-21 關於我們 1. 關於我們的聯絡方式、信箱。
第五章 結論與建議
3. 與 facebook、yahoo、aol、Microsoft 做連結，可以分享自己的感想和點 讚功能。
4. 方便使用者操作的超連結按鈕。
5.2 研究限制
1. 無法完整取得相關軟體，相關技術還不成熟，不列入本專題之考慮。
2. 原預定 11 月中到 12 月底要將計畫中所要實地探訪的老街，因天氣惡劣 取消該行程。
3. 因大部分組員研究金錢不足 便無法到外縣市的老街做實地探訪 只能 藉由網站資訊來取得相關訊息。
5.3 未來研究方向與建議
由於相關技術還尚未成熟，缺乏時間研究，時間不足的部分，導致部分功能 無法在有限時間內完成，所以我們列出未來預期加入之功能，給之後對於本專題 有興趣的同學參考方向。
1. 將周邊的有名的民宿也歸類在網站中，讓來不及或是想要多留在幾天的 旅客們可以找到自己想要住的地方。
2. 將地方的風景跟有名的餐廳或古蹟列入網站中，讓旅客們不僅只是逛老 街還可以遊玩觀光聖地。
3. 將附近有名的名產列入購買的網站中，不單單只是販賣老街的產品。
4. 與當地停車場合作，提供即時停車場資訊。
5. 提供即時氣象資訊放便使用者觀看與查詢。
參考文獻
1. 林財，“九份老街-美食之旅part1”，痞客邦部落格，2008年06月30日 (http://bababi.pixnet.net/blog/post/19303603-%E4%B9%9D%E4%BB%BD%E8
%80%81%E8%A1%97-%E7%BE%8E%E9%A3%9F%E4%B9%8B%E6%97%8 5part1)
2. 黃兆璽，“北縣》九份老街小吃 吃個夠”，聯合報，2007年03月04日 (http://travel.udn.com/mag/travel/storypage.jsp?f_ART_ID=14557)
3. 范綱武，“【美食】來淡水老街必吃的五種小吃”，新浪休閒，2008年 (http://easy.sina.com.tw/scenic/article_contentid-3340.html)
4. 璃雨，“新北市三峽…三峽老街美食大搜索”，PCHOME個人新聞台，2011 年03月17日(http://mypaper.pchome.com.tw/2rain1208/post/1321997161)
5. 輝坤，“桃園縣大溪鎮(大溪老街)一遊＂，奇摩部落格，2009年10月22日 (http://tw.myblog.yahoo.com/a410403/article?mid=7200)
6. 劉雨禎，“淡水老街＂，四方通行旅遊，2011年11月7日
(http://guide.easytravel.com.tw/scenic.aspx?CityID=3&AreaID=46&PlaceID=113 )
7. 黃育智，“三峽老街＂，朱雀文化，2004年9月21日
7. 黃育智，“三峽老街＂，朱雀文化，2004年9月21日