Flash電子書-北埔旅遊

元培科技大學

資訊管理系畢業專題

Flash 電子書-北埔旅遊

指導老師：林侑賢老師

組員：林禹廷 (0991408026)

陳映潔 (0991408054)

彭雨婷 (0991408011)

余興洹 (0991408111)

中 華 民 國 一 百 零 二 年 十 二 月

I

摘要

本專題之目的旨在提供旅遊者來新竹縣北埔鄉遊玩景點相關資訊，減少旅遊 者蒐集資料所花費的時間以及方便性。在現今的數位時代中，大多數民眾皆具有 結合網路的行動工具以及對多媒體的強烈興趣，此現象激發各政府想將傳統的紙 本介紹模式轉換成大家所熟悉的 E 化環境－電子書及網站，進而也鼓勵全民利 用電腦資訊科技來參觀任何景點特色介紹或規劃行程。電子書改變了傳統紙本書 的本質，主因在於多媒體特色，像是動畫、音樂音效及互動式按鈕，也由於網際 網路快速發展，致使傳統知識電子化加快，現在基本上除了比較專業的古代典籍， 大部分傳統書籍都搬上了網際網路，這使電子書讀者有近乎無限的知識來源，而 這些特色是傳統的紙本書籍所不可能擁有的。特別是一直以來強調及提倡聽覺與 閱讀結合，因為聽覺與視覺的結合，不僅可以提供民眾一些行程上的景點規劃， 更加可以引起民眾對景點有不同種類知識的興趣。本專題成果將提供來新竹縣北 埔鄉的旅遊者在旅遊上能獲得詳細的資訊及攜帶的便利性，未來會盡可能增加旅 遊住宿與套裝行程的資訊完整性。 關鍵詞:電子書、多媒體互動、互動式動畫、傳統文宣

II

目錄

目錄 ... 1 表目錄 ... 1 圖目錄 ... 1 摘要 ... 1 第一章緒論 1.1 背景與動機 ... 2 1.2 目的 ... 2 1.3 限制 ... 3 1.4 關鍵名詞定義 ... 3 第二章文獻探討 2.1 北埔歷史介紹. ... 4 2.1.1 隘墾時代的開啟與發展 ... 4 2.1.2 日據統治期 ... 4 2.1.3 光復後五十年 ... 4 2.1.4 從鄉民社會邁向市民社會的民主時代 ... 5 2.2 北埔鄉古蹟景點美食探討. ... 5 2.2.1 古蹟介紹 ... 5 2.2.2 景點介紹 ... 6 2.2.3 人氣美食 ... 8 2.3 電子書介紹 ... 8 2.4 技術介紹 ... 10 2.4.1Photoscape ... 9 2.4.2 美圖秀秀 ... 10 2.4.3 小畫家 ... 10 2.4.4 Adobe InDesign CS6 ... 10

2.4.5 Adobe Flash Professional CS6 ... 11

第三章專題規劃 3.1 專題規劃與目標. ... 12

3.2 系統開發方法. ... 12

3.2.1 SDLC 流程圖 ... 12

III 3.2.3 系統分析 ... 12 3.2.4 系統設計 ... 13 3.2.5 系統建置 ... 13 3.2.6 系統維護 ... 13 3.3 系統藍圖描述. ... 13 3.4 專題所需設備. ... 13 3.5 專題時程規劃. ... 14 3.6 專題分工. ... 15 3.7 貢獻. ... 15 第四章專題成果 4.1 需求分析. ... 16 4.2 系統分析. ... 16 4.2.1 使用案例圖 ... 16 4.2.2 循序圖 ... 17 4.3 使用手冊. ... 18 第五章結論與建議 5.1 結論. ... 28 5.2 未來發展. ... 28 參考文獻. ... 29 附錄. ... 30

IV

表目錄

V

圖目錄

圖 3-1 SDLC 流程圖. ... 12 圖 3-2 架構圖...13 圖 3-3 甘特圖.. ... 14 圖 4 電子書使用案例圖. ... 16 圖 4-0導覽循序圖. ... 17 圖 4-1 電子書首頁. ... 18 圖 4-2 電子書目錄. ... 18 圖 4-3 北埔簡介. ... 19 圖 4-4 北埔歷史 1. ... 19 圖 4-5 北埔歷史 2. ... 20 圖 4-6 擂茶. ... 20 圖 4-7 天水堂、東方美人茶. ... 21 圖 4-8 慈天宮、瑞源餅行. ... 21 圖 4-9 姜阿新宅、一口菜包. ... 22 圖 4-10 叮咚橋、金廣福. ... 22 圖 4-11 秀巒公園、北埔冷泉. ... 23 圖 4-12 綠世界生態農場. ... 23 圖 4-13 麥克田園. ... 24 圖 4-14 老頭擺農庄. ... 24 圖 4-15 彩虹部落玫瑰園農場. ... 25 圖 4-16 趴趴照，帶走回憶. ... 25 圖 4-17 前往北埔、北埔一日樂悠悠. ... 26 圖 4-18 頁尾 1. ... 26 圖 4-19 頁尾 2. ... 27

1

第一章、緒論

1.1 背景與動機

在歷史文化資源方面尤其豐富，桃竹苗唯一的一級古蹟金廣福公館、天水 堂；三級古蹟慈天宮，還有姜阿新宅等，都是各具特色及悠久歷史人文的古蹟古 厝。 在自然資源方面，亦具有其獨特性。位於大坪溪的北埔冷泉為世界三大冷 泉之一；綠意盎然的秀鑾山與兼具自然景觀和農村風貌的南埔生態村等，皆是 北埔珍貴且重要的自然資產。 本組希望透過這次製作電子書機會，來帶動北埔的整體觀光發展，讓來北埔 鄉的遊客們可以迅速找到自己想去的景點或在地美食，節省各位遊客寶貴的時間， 將北埔導往另一個發展的黃金時期。

1.2 目的

現在人幾乎都會使用電腦，所以我們希望大家可以藉由這次製作電子書，認 識北埔鄉旅遊景點及美食的地方，讓使用者能夠快速找到自己想要去的景點或是 美食，也可以減少紙張的浪費，響應環保。  詳細了解北埔的旅遊景點 以本電子書為例，使用者不用花費太多的時間在旅行的事前規劃，便可透過 此電子書來了解北埔鄉旅遊景點的歷史、交通、特色等相關資訊。  書本變的有趣 有較於傳統書籍只能以圖片和文字的方式呈現，而電子書卻可以融合其其它 不同的元素，包括聲音，影像，動畫等並與使用者做互動，大大提升閱讀電子書 的有趣性。  節省紙張的浪費 一般的旅遊導覽手冊在使用者不需用到時，就會將其丟棄，需要時再重新拿 取，而電子書在使用者不需用到時，只需將它刪除，需要時再重新下載，這樣可 以有效節省紙張的浪費。 本系統主要想達成的目標，就是「人性化」，雖然旅遊資訊是固定的，但終 究各有其特色以及限制，本系統試圖考量不同型態的使用者，並提供其適當的資 訊，以期使這套系統的價值能擴及到更多的使用者，以增加其實用性。

2

1.3 限制

本專題的操作對象是在北埔鄉旅遊導覽所需的使用者。  需有電腦 需在電腦上才可執行操作與導覽。  區域限制 旅遊景點、美食範圍限制於北埔鄉範圍內。

1.4 關鍵名詞定義

旅遊： 旅遊就是旅行遊覽活動，與旅行的概念不同。它是一種複雜的社會現象， 旅遊要涉及到社會的政治、經濟、文化、歷史、地理、法律等各個社會領域。 旅遊也是一種娛樂活動。世界旅遊組織指旅客的定義是某人出外最少離家 55 哩。 為了消閒或公幹，到其居住地及工作外的地方進行遊覽活動。(至少逗留 24 小時) 北埔鄉： 北埔鄉為臺灣新竹縣的一個鄉，位於全縣之西南方。清代原為賽夏族原 住民及平埔族混居居住地。現北埔鄉境以客家人為大多數居住。為主要西鄰 峨眉鄉，北鄰寶山鄉，東接竹東鎮，南至五指山與五峰鄉毗鄰，西南與苗栗 縣南庄鄉相連，東西寬約 8 公里，南北長約 12.8 公里，總面積約 50.667 平 方公里。 導覽： 有人工引領或利用電腦、影片的電子導覽。 景點： 風景區中最值得觀賞的據點。 古蹟: 古蹟（或稱不可移動文物、史跡、文化古迹、歷史遺迹），是先民在歷 史、文化、建築、藝術上的具體遺產或遺址。包含古建築物、傳統聚落、古 市街，考古遺址及其他歷史文化遺跡，涵蓋政治、軍事、宗教、祭祀、居住、 生活、娛樂、勞動、社會、經濟、教育等多方面領域，彌補文字和歷史等紀 錄不足之處。 一旦一個建築物或遺址被列為古蹟、或暫訂古蹟時，通常就受到主管機 關保護，未經許可，包括所有者在內的任何人，都不可以任意變動、修改。 如果是因為建築工程開挖而發現的古蹟或考古遺址，為了保護歷史文物，工 程通常要立即暫停。

3

第二章、文獻探討

2.1 北埔歷史介紹

2.1.1 隘墾時代的開啟與發展

道光 14 年（1834）由官方出資授權開辦墾務，粵籍農人姜秀鑾與商人 周邦正合組「金廣福」墾號（「金」是指官方資金、「廣」以示粵籍、「福」 以示閩籍出資，總稱「金廣福」），首先在今天的北埔老街區設立據點， 以「隘設墾隨」的方式，節節向山間開墾。其後雖仍產生多次漢、原衝突， 但卻並未對漢民節節進墾的情勢產生關鍵性的衝擊。進駐北埔盆地之後， 一方面要迅速建立起此墾隘總部，設置防禦工事；一方面要勘查地形險要， 在有利地點建築隘寮，配置隘丁，作為防禦之前哨站，使眾隘連線以內地 區，墾民可以安心從事墾拓。 金廣福成立之初，雖說乃集閩粵各半之資金，為閩粵兩籍合作開發之 墾號，但閩籍在城殷紳只是在尋求投資出路，並無意在此山區奠立家業。 粵籍墾戶因來台時間較閩人慢一些，西部平原可耕之地已被閩人墾盡，勢 必要往近山地區開拓，以締造安身立命之家園。因此，閩粵籍墾戶首的職 權劃分，乃閩籍在城辦理衙門公事，並掌管金廣福總戳記；而粵籍墾戶首 姜秀鑾則在庄親自率領隘丁、墾民進行「設隘防番」、開山拓土的艱險事 業。所以當金廣福墾區墾成之後，放眼所及，全是一片客家農莊的景象。 到五十二年間大隘地區的治安、經濟、社會及實質建設都以金廣福為 最主要的領導中心，北埔作為竹塹東南地區首要集散市場的角色。隨著各 庄山林資源的開發與農業穩定發展產生交易需求，更促使北埔是接發展成 地域性的政經中心，使得本鄉逐漸從農業過度到工商社會，產生了複雜的 社會分工。

2.1.2 日據統治期

日據時代，日本人暫台灣各地進行資源調查、學術研究、以及包括都 市計劃、產業道路等各項基層建設，而北埔當時在竹塹東南山區的重要性， 亦成為日本人進駐的目的地之一。 而這段期間也發生了「蔡清琳抗日事件」，北埔一度陷入血海中，後 因姜氏家族耗費巨資挽救，才使得事件獲得舒緩。之後這段期間，日本在 北埔進行了多項大規模的計劃，例如礦產的開採、開闢產業道路、畫設出 整齊的方格狀市區，其餘例如設立學校、架設電纜、成立郵局、提供公共 醫療，謂北埔架構了現代化的環境。

2.1.3 光復後五十年

因北埔是個丘陵地，耕地有限，光復後逐漸有人口外移，這時適逢台 灣步入社會與經濟的轉型期，鄉內的仕紳設立了需多大型的公司，包括煤 礦及玻璃砂礦的開採、大規模的農產品加工和茶葉製造等。但隨著礦源的

4 枯竭，風光的日子也漸漸沒落，導致青壯人口大量外流，出現「老齡化」， 良田紛紛變成荒埔，人口向市街區集中，又由此向外流。後來因新竹科學 園區設置後才改善。

2.1.4 從鄉民社會邁向市民社會的民主時代

民國七十年代中期以降，新竹科學園區設置使得外流人口逐漸回流， 又因台灣的居住環境逐漸惡化，北埔吸引不少外來人來此定居，為北埔帶 來了一股新的活力與氣氛，打破了過去由地方派系把持鄉政的局面，使得 北埔開始跨入真正落實民主政治的新紀元。

2.2 北埔鄉古蹟景點美食探討

北埔鄉為臺灣新竹縣的一個鄉，位於全縣之西南方。清代原為賽夏族原住民 及平埔族混居居住地。現北埔鄉境以客家人為大多數居住。為主要西鄰峨眉鄉， 北鄰寶山鄉，東接竹東鎮，南至五指山與五峰鄉毗鄰，西南與苗栗縣南庄鄉相連， 東西寬約 8 公里，南北長約 12.8 公里，總面積約 50.667 平方公里。 北埔鄉地形以山地及丘陵為主，地勢南高北低，因受樹狀分佈溪流之切割而 形成位置偏北的北埔、南埔為中心之二大盆地。但由於山地與盆地之間落差大、 水流急，溪流集水區也不夠大，無法形成較寬廣之沖積平原。北埔盆地標高約介 於 90 至 150 公尺之間，地勢平坦且土質肥沃，加上灌溉水源豐沛，故早期即已 被開發成梯田，為全鄉之穀倉。盆地周圍之丘陵地形標高大抵介於 90 至 200 公 尺之間，當地居民多開闢成為茶園、果園或梯田。。 北埔鄉因四周有山地及丘陵地形屏障，並未受到鄰近新竹都會區空氣 污染所形成之溫室效應影響，全年氣候適中宜人，年平均氣溫約為攝氏 22 度，降雨量 1,700 厘米以上。夏秋颱風季節時，雖然極少遭受嚴重風害， 但所帶之大量雨水常使溪流水位暴漲，形成嚴重的水土沖刷，往往危及當 地居民的生命財產安全，為主要的天然災害。

2.2.1 古蹟介紹

 金廣福公館 清道光 15 年（西元 1835 年），粵籍人士姜秀鑾及閩籍人士林德修、周邦正 在清朝官方支持之下共同設立閩粵合股之武裝拓墾組織（俗稱金廣福大隘或金廣 福墾號），金廣福公館現址即為當時之拓墾組織營運總部及隘防指揮中心。金廣 福之拓墾範圍包括今日之北埔鄉、寶山鄉、峨眉鄉等地，至清代後期已擴展至苗 栗南庄、三灣鄉一帶。 金廣福之字義，其中「金」為臺商取名俗例，以金字起頭，取其發財多金之 意，「廣」代表廣東，「福」代表福建，這在台灣早期閩、粵兩籍人士互鬥嚴重情 況下，堪稱少見，為台灣閩粵族群之合作立下典範。不過金廣福的武裝拓墾，也

5 與世居當地的台灣原住民（賽夏族為主）正面衝突，隘勇死傷無數。《樹杞林志》 就提過「山內面橫截，建設銃櫃，與番血戰數十陣，隘丁戰歿無數，股內傾囊」 的戰爭實況。  天水堂 北埔人慣稱為姜屋，是開拓新竹大隘地區的開山祖姜秀鑾所建的宅第，亦是 抗日烈士姜紹祖的故居，位於新竹縣北埔鄉中正路 1 號，也就是在金廣福公館的 左前方，因姜氏的郡望堂號為天水郡(今甘肅省天水市)，故名天水堂。 天水堂確實之創建年代無詳細紀錄，應為清道光 15 年(西元 1835 年)姜秀鑾入墾 北埔後所建立。天水堂以秀鑾山為樂山，形勢穩定優美，為一堂六橫之三合院格 局。 天水堂之門樓( 或稱門屋 )為燕尾造型，且台階有特大檯面，號稱全台最優 美的門樓之一。天水堂一百多年來皆由姜氏家族自力修繕及維護，從未接受政府 的補助，能完整保存其原有風貌實屬不易，內部仍有姜家後代居住，屬私人宅院， 並未開放參觀。 依內政部七十四台內民字第 238095 號公告將天水堂列入金廣福古蹟區範圍 內，為國家一級古蹟，2005 年文資法修正後改稱國定古蹟。  慈天宮 北埔慈天宮，是台灣的佛道廟宇，位於新竹縣北埔鄉。建於清道光二十六年 （1846 年），目前是屬於台灣三級古蹟文化資產。主祀觀世音菩薩、副祀三官大 帝奉於左側，三山國王奉於右側  姜阿新宅 北埔姜阿新故宅位於第一級古蹟北埔金廣福公館、天水堂、第三級古蹟北埔 慈天宮等古蹟之間，在北埔街區佔有重要的地位，其除在大隘的開發史上具有歷 史意義之外，其建築物更代表北埔地區日治時期發展之特色，目前指定為縣定古 蹟。 姜阿新生於明治三十四年(1901)，曾任竹東茶葉株式會社董事長，台灣光復 後其成立永光股份有限公司，經營紅茶外銷，是以茶葉起家的北埔富商，後來亦 曾擔任台灣省臨時省議會議員。姜阿新宅於民國三十五年興建，三十八年完工， 當時正值姜氏事業如日中天之際，而興建此一可接待外賓及居住的豪宅。姜阿新 宅的興築由竹東本地建築師彭玉理所設計，採洋式風格，其用材與作工均極為考 究，由於其形式特殊，而被稱為「姜阿新洋樓」。

2.2.2 景點介紹

 綠世界 綠世界生態農場，位竹新竹北埔鄉，佔地七十多公頃，為一國際級之 生態農場有六大主題公園：

6  天鵝湖  大探奇區  水生植物公園  鳥類生態公園  蝴蝶生態公園  生物多樣性探索區 以動植物的自然生態，結合休閒育樂的大規模生態農場。除了六大主題公園， 還規畫出金剛鸚鵡區、可愛動物區、景觀廁所、美食天地、動物劇場、綠野廣場、 亞馬遜森林區、客家古厝等共 47 個觀賞區。  老頭擺農莊 老頭擺生態休閒農庄腹地平坦寬闊，坐落於北埔冷泉的下游大坪溪之上，其 溪谷水質清澈，終年流水涔涔、水聲潺潺，魚兒悠游穿梭於其中，山風徐徐更加 令人迷戀。老頭擺生態休閒農庄佔地面積達二甲，可讓遊客吃得精緻、玩得盡興， 比鄰的大坪溪水淺而清涼，亦是全家親子休閒的快樂泉源，闔家享受鄉間野外的 悠遊感受。在這座廣大的面積裡，也能享受山林中的自然芬多精，還有許多自在 的蜻蜓與蝴蝶，為老頭擺生態休閒農場更添上一層美麗的色彩及生命的活力。 隨著國內經濟的快速起飛，綠油油的自然生態田野大都被開發成為工業區或 商業大廈，祖父母的時代與大自然共同生活的情景，已是現代的小朋友都沒無法 體會其過往與大自然生活的和諧。不過隨著復古風潮的再起，老頭擺生態休閒農 庄努力提供一個結合娛樂、親近大自然的渡假天堂，再現過往的生活型態。不僅 提供民眾一個舒適的休閒環境與設施，同時亦結合了親子遊戲、DIY 體驗、溯溪 山訓、烤肉區、民宿、露營、生態等活動，讓民眾重新體驗一下早期阿公阿嬤的 生活，過一個很不一樣的週休假期。  麥克田園 本農場位於北埔鄉南埔村鄉村文化生態區內，佔地 20000 平方公尺，是體 驗客米食與傳統文化的最佳鄉土旅遊景點。園區內設有：客家小吃區、客家擂茶 區、客家米食 DIY 區、焢窯區、烤肉區、大型水車乙座、洗手/洗腳區(老式汲 水機)、生態池、混水摸魚區、古農具展示區、快樂牛車行、可愛動物區、冬天 可親自體驗採果樂 -美人橘。在此不僅可回味古早味時代傳統農村生活、更可親 身動手製作客家季節米食點心，是大人小孩都適宜的最佳休閒去處！  彩紅部落 玫瑰花為主題的農場，可以騎著兩匹迷你馬再玫瑰園裡賞花，也可以動動手 彩繪可愛的獨角仙瓷器，工作壓力大也可以體驗舒壓的空氣槍射擊！優閒的再彩 紅部落度過一個下午。

7  北埔冷泉 北埔冷泉位於臺灣新竹縣北埔鄉，分布於大坪溪上游，依地質分類屬於臺灣 西部麓山帶的沉積岩溫泉。北埔冷泉的水色清澈至淺黃色，可飲用，帶鹹味，冷 泉池旁的告示牌標註夏季水溫約 15℃，冬季約 10℃。酸鹼值約 pH7.1，含碳酸 氫根離子約 3337ppm，鈉離子約 3134ppm，屬於中性碳酸氫鈉泉，泉水中同時含 有硫磺成分，是碳酸-硫磺共生泉。不過因為地球溫度不斷上升，導致冷泉變成 了溫泉。  秀巒公園 位於秀巒山，境內擁有許多珍貴老樹，可循著完善的環山步道，一邊呼吸芬 多精，一邊健行，抵達頂點時，還可以在「秀巒亭」內俯望市街全景，稱得上是 北埔人的社區森林。另外，在公園入口附近的大隘紀念廣場，設立了一座「開闢 百年紀念之碑」，是為了紀念大隘開墾百年所建。

2.2.3 美食介紹

 擂茶 擂茶，又名三生湯，是一種客家文化特色食品。是把茶葉、芝麻、花生等原 料混合乾擂研磨成粉後，再加入水泡勻享用的養生茶飲。擂者，研磨也。擂茶在 中國華南六省都有分布。保留擂茶古樸習俗的地方有：廣東省的揭西、陸河、清 遠、英德、海豐、汕尾、惠來、五華等地；江西省的贛縣、石城、興國、於都、 瑞金等；福建省的將樂、泰寧、寧化等地；廣西的賀州黃姚、公會、八步等地； 台灣的新竹、苗栗等地；湖南的安化、寧鄉、桃江、益陽、鳳凰、常德等地。 擂茶是客家族群招待貴賓所用的茶點。擂茶不單飽肚還可解渴。擂茶文化可 能源於北宋的中原地區，現河南省固始一帶。南宋詩中有「漸近中原語音好，見 客擂蔴旋點茶」句。 廣東、廣西客家人的傳統做法，一般用小米、花生、芝麻、生薑、黃豆等食 材經複雜手續加工而成，呈粉末狀。食用時沖入開水調勻成糊狀，或加入涼水在 鐵鍋中煮開調勻。具獨特的香味，微咸，美味可口。 擂茶文化在福建的客家人中亦有分布，主要有兩處：一是寧化縣，一是將樂 縣。其中將樂縣的擂茶在民俗中尤其重要。民間的各類喜慶節日、紅白事項、交 友往來，平常待客，乃至日常生活，均離不開它。在交往方面，它比酒席更寬廣、 層次更豐富。邀請的客人可以是親戚、朋友、同事，甚至可以是朋友的朋友、過 往的路人。該地人情味極濃，與擂茶文化有關。將樂擂茶以芝蔴、茶葉為主料， 佐以少量桂皮、桔皮等香料，夏秋季節，有時還用少量青草藥，用微量水擂爛原 料成糊狀後，沖入稍涼後的沸水，成懸浮液。平日間，三五朋友，隔壁鄰居，小 擂小飲；遇喜慶事，或春日擂茶，客人一撥接一撥，流水席，加配滿桌花生、瓜 子、炒筍、油粿等小菜，常要安排一天時間，大喜慶如結婚等，有連擂兩三天的。

8  膨風茶 東方美人茶，又名膨風茶、椪風茶、福壽茶、舊稱番庄烏龍，客家人亦稱其 為冰風茶、煙風茶或稱為蜒仔茶，又因其茶芽白毫顯著，又名為白毫烏龍茶。是 半發酵青茶中，發酵程度最重的茶品。台灣茶葉改良場公佈的發酵度為 60%，新 竹苗栗地區茶農所製的發酵度則多達 75－85%，使兒茶素幾乎一半以上半氧化， 故不會產生任何「生菁臭」、「臭菁味」，且不苦不澀。主要產地在台灣的新竹、 苗栗一帶。適合製作東方美人茶的茶種有「青心大冇」、「白毛猴」、「台茶 15 號」、 「台茶 17 號」，其中以「青心大冇」品質最佳。如今，東方美人茶的採收必須在 炎夏六、七月，農曆芒種至大暑間，即端午節前後 10 天，茶樹嫩芽經茶小綠葉 蟬（小綠浮塵子）吸食後長成之茶芽，稱為「著涎」的茶菁，茶葉品質的好壞決 定在「著涎」的程度。經手工採摘一心二葉，再以傳統技術精製而成高級烏龍茶， 製茶過程的特點是：炒菁後，需多一道以布包裹，置入竹簍或鐵桶內的「靜置回 潤」或稱「回軟」的二度發酵程序，再進行揉捻、解塊、烘乾而製成毛茶。再經 分級、精製焙火、包裝。茶葉白毫肥大，葉身呈白、綠、黃、紅、褐五色相間， 鮮豔可愛，有濃濃的蜂蜜香、熟果味，西方飲茶人士譽之為東方美人（Oriental Beauty）。  瑞源餅行 新竹縣北埔鄉南興街瑞源餅行傳承已三代，主要產品有蕃薯餅、芋仔餅及竹 塹餅（豬油餅），老闆夫婦在 1985 年接手經營後，注重研發、創新，並不斷求新 求變，逐漸增加產品種類到 10 幾種。老闆娘並於 2007 年開始擔任新竹縣糕餅公 會理事長。



老街無骨鳳爪 北埔的老街無骨鳯爪為了讓客人食用方便，採用去骨的料理方式，所以客人 只要用竹籤就可以，不必用手抓而弄得手黏黏的。原味的無骨鳯爪只搭配蒜末， 很够味。特別的是不用化學藥品，吃起來有脆脆的口感。

2.3 電子書介紹

電子書又稱為 e-book。必須透過特殊的閱讀軟體（reader），以電子文件的型 式，透過網路連結下載至一般常見的平台，例如：個人計算機 1（PC）、筆記型 計算機（Note-book），甚至是個人數字助理（PDA）、WAP 手機，或是任何可大 量儲存數字閱讀數據（digi-tal reading material）的閱讀器上閱讀的書籍，是一種 傳統紙質圖書的替代品。

9 無紙化：電子書不再依賴於紙張，以磁性儲存介質取而代之。得益於磁性介 質儲存的高性能，一張 700MiB 的光碟可以代替傳統的三億字的紙質圖書。這大 大減少了木材的消耗 和空間的佔用。多媒體：電子書一般都不僅僅是純文字， 而添加有許多多媒體元素，諸如圖像、聲音、影像。在一定程度上豐富了知識的 載體。 豐富性：由於網際網路快速發展，致使傳統知識電子化加快，現在基本上除 了比較專業的古代典籍，大部分傳統書籍都搬上了網際網路，這使電子書讀者有 近乎無限的知識來源。(因不同的電子書軟硬體設計差異，不能一槪而論)與紙質 書的比較，電子書的優點在於：製作方便，不需要大型印刷設備，因此製作經費 也低；不佔空間；方便在光線較弱的環境下閱讀；文字大小顏色可以調節；可以 使用外置的語音軟體進行朗誦；沒有損壞的危險。但缺點在於容易被非法複製， 損害原作者利益；長期注視電子螢幕有害視力；有些受技術保護的電子書無法轉 移給第二個人閱讀。 而紙質書的優點在於：閱讀不消耗電能；可以適用於任何明亮環境；一些珍 藏版圖書更具有收藏價值。而缺點在於佔用太大空間；不容易複製，需要專用設 備；一些校勘錯誤會永久存在；價格比較貴。 閱讀方式 電子書形式多樣，常見的有 TXT 格式，EPUB 格式，DOC 格式，HTML 格 式，CHM 格式，PDF 格式等。這些格式大部分可以利用微軟 Windows 作業系統 自帶的軟體打開閱讀。至於 PDF 等格式則需要使用其他公司出品的一些專用軟 體打開，其中有著名的免費軟體 Adobe Reader 和福昕閱讀器。 支持電子書的軟體一般都支持「查找」、「書籤」、「筆記」等擴展功能，這使 得用戶可以更專註於內容本身，而不必考慮其他附帶問題如筆記本電腦丟失，忘 記資料等。而且「查找」功能更是可以在極短時間內完成傳統讀圖書者需要十幾 秒甚至更久來完成的資料查找。

2.4 技術介紹

2.4.1 photoscape PhotoScape 是一套全方位和功能完整的影像編輯軟體，主要功能除了編輯、 批次處理、分頁顯示、製作 GIF 動畫、尺寸縮放、修正背光、紅眼去除等。 它是一套非常實用的影像編輯軟體，我們在編輯圖檔的過程中，有很大的自 由性，另外在操作介面上，除了提供許多功能外，它的設計讓我們可以隨點隨用， 讓初階使用者也能快速上手。 軟體特色  提供樹狀瀏覽功能，並內建幻燈片播放功能。

10  提供自訂圖檔大小、亮度、白平衡、背光調整、馬賽克、瀘鏡和消除紅眼 等功能。  提供批次處理功能，包含批次更改檔案名稱。  可將多張圖檔整合為一張。  可製作 GIF 動畫檔。  可將 RAW 檔案轉存為 JPG 圖檔。 2.4.2 美圖秀秀 美圖秀秀是一款很好用的免費圖片處理軟件，不用學習就會用。美圖秀秀獨 有的圖片特效、美容、拼圖、場景、邊框、飾品等功能，加上每天更新的精選素 材，可以讓你 1 分鐘做出影樓級照片，還能一鍵分享到新浪微博、人人網……在 各大軟件站圖片類高居榜首的美圖秀秀，目前已有 1.2 億人正在使用 2.4.3 小畫家 這個實用的程式現在更容易上手，更充滿樂趣。逼真的新數位「筆刷」提供 水彩、蠟筆和書法筆觸，可讓圖片更加生動。視窗上方橫列的新功能區，顯示程 式都能做些什麼，選項會直接顯示而不是隱藏在功能表中。 [小畫家] 現在也可以使用觸控操作，所以如果您有觸控式螢幕電腦，就可 以在螢幕上用手指作畫。甚至還能同時用兩根指頭畫出不同的筆劃。 2.4.4 Adobe InDesign CS6

Adobe InDesign 是直接針對其競爭對手 QuarkXPress 而發佈的。雖然最初在 爭取用戶方面面臨了一些困難，但在 2002 年發佈了 Mac OS X 版本後開始趕超 其競爭對手。現在 InDesign 作為 Creative Suite 套裝的重要組成部分，與 Photoshop、 Illustrator 和 Acrobat 等捆綁銷售。 InDesign 可以將文檔直接導出為 Adobe 的 PDF 格式，而且有多語言支持。 它也是第一個支持 Unicode 文本處理的主流 DTP 應用程序，率先使用新型 OpenType 字體，高級透明性能，圖層樣式，自定義裁切等功能。它基於 JavaScript 特性，和與兄弟軟體 Illustrator、Photoshop 等的完美結合，界面的一致性等特點 都受到了用戶的青睞。

InDesign 作為 PageMaker 的繼承者，定位於高端用戶。Adobe 已經停止了 PageMaker 的開發，全面轉向 InDesign。它最初主要適用於定期出版物，海報和 其他印刷媒體。一些長文檔仍使用 FrameMaker（操作說明書，技術文檔等）或

QuarkXPress（書籍，商品目錄等）。現在，隨著相關資料庫的合併，InDesign 和

使用相同格式引擎的文字處理 Adobe InCopy 的共用，已經使它成為報刊雜誌和 其他出版環境中的重要軟體。

11

2.4.5 Adobe Flash Professional CS6

Adobe Flash Professional CS6 軟體是用來建立動畫與多媒體內容的強大製 作環境。設計身歷其境、而且在桌上型電腦和多種裝置（包括平板電腦、智慧型 手機和電視）上都能呈現一致效果的互動體驗。 Flash CS6 軟體是用於動畫製作和多媒體創作以及互動式設計網站的強大的頂 級創作平台。起初僅僅作為 Web 動畫製作的工具已然成為台式電腦、平板電腦、 智慧手機以及智慧電視等多種設備的交互式開發平台，而且各種設備都能呈現出 一致的互動體驗效果。

新版 Flash Professional CS6 附帶了可生成 Sprite 表單和訪問專用設備的本地 擴展。可以鎖定最新的 Adobe Flash Player 和 AIR 執行時以及 Android 和 iOS 設備平台。  生成 Sprite 表單 導出元件和動畫序列，以快速生成 Sprite 表單，協助改善遊戲體驗、工作 流程和效能。  HTML 的新支持 以 Flash Professional 的核心動畫和繪圖功能為基礎，利用新的擴展功能（單 獨提供）建立交互式 HTML 內容。 匯出 Javascript 來針對 CreateJS 開源架構進行開發。  廣泛的平台和設備支持

鎖定最新的 Adobe Flash Player 和 AIR 執行時，使您能針對 Android™和 iOS 平台進行設計。

 建立預先封裝的 Adobe AIR 應用程式

使用預先封裝的 Adobe AIR captive 執行時建立和發佈應用程式。

簡化應用程式的測試流程，使終端用戶無需額外下載即可執行您的內容。  Adobe AIR 移動設備模擬 模擬螢幕方向、觸控手勢和加速計等常用的移動設備應用互動來加速測試流 程。  鎖定 3D 場景 使用直接模式作用於針對硬體加速的 2D 內容的開源 Starling Framework， 從而增強渲染效果。

12

第三章、專題規劃

3.1 專題規劃目標

本專題以實作為主，結合電子書互動來導覽北埔鄉，讓使用者輕鬆瀏覽簡單 不複雜。

3.2 系統開發方法

本組的系統開發是採用生命週期法，將系統開發分成五個階段，定義出每一 個階段的工作內容，一個階段執行結束後，再進行下一個階段。步驟詳細描述如 下： 3.2.1 流程圖 (圖 3.1) SDLC 流程圖 3.2.2 系統規劃 首先收及專題所需的相關資訊與資料，將資料作彙整與排版製作程計畫書， 文獻探討、時程規劃，以及多次開會討論如何進行此專題。 3.2.3 系統分析 深入的討論以及了解使用者需要的功能與作業流程，再以分析系統需要哪些 功能以及如何架構，並且讓使用者簡單的操作本系統。 以多方面的角度思考，讓使用上錯誤率降低並使系統更有效率的完成、易於 維護。 3.2.4 系統設計

13 本系統設計方面主要以 Adobe InDesign CS6 為開發此系統的平台。 3.2.5 系統建置 本系統在測試過程以設計者與使用者的角度去測試，讓系統在使用方面可 以更順暢操作，近而符合使用者需求。 3.2.6 系統維護 測試成功後，開始使用系統時，必須做維護資料等後端工作。

3.3 系統藍圖描述

(圖 3-2)架構圖

3.4 專題所需設備

硬體設備：桌上型電腦 2 台筆記型電腦 2 台 軟體設備：Microsoft Windows 7 應用軟體：Microsoft Office 2010 Adobe Flash CS6 Adobe InDesign CS6

14

3.5 專題時程規劃

15

3.6 專題分工

(表 3-1)工作分配表 工作項目 姓名 余興洹 彭雨婷 林禹廷 陳映潔 蒐集資料 ✔ ✔ ✔ ✔ 企劃書撰寫 ✔ 軟體學習 與操作 ✔ ✔ 製作海報 ✔ 修正錯誤系統 ✔ ✔ ✔ 結案報告 ✔ 專題報告完成 ✔ ✔ ✔ ✔

3.7 貢獻

本專題提供北埔鄉的一些旅遊景點、美食，讓那些會來北埔鄉的遊客可以迅 速的知道有哪些景點及去處，可以節省遊客們的查詢時間。

16

第四章、專題成果

4.1 需求分析

現代人的旅遊資訊幾乎都依賴網際網路直接上網查詢，因此我們想讓遊客來 到北埔鄉旅遊可以迅速找到旅遊景點以及著名小吃、名產，提供遊客減少查詢資 料的時間。 本專題製作了一個簡單易操作的電子書，提供了許多古蹟、景點、美食給大 家參考，電子書也有些互動方是讓使用者不會覺得太單調，又可以快速查看景點， 讓使用者使用上不會太無趣。 使用者可依上述內容產生以下幾點需求描述： 1.使用者可透過電腦使用本電子書。 2.使用者可以依自己需求跳至有興趣的景點或美食介紹。

4.2 系統分析

4.2.1 使用案例圖 (圖 4 )電子書使用案例圖

17

4.2.2 循序圖

導覽

18

4.3 使用手冊

1.電子書首頁 開啟電子書檔案「beipu」flash 檔案，即可呈現電子書首頁畫面觀賞完右下角或 右上角可翻頁。 (圖 4-1)電子書首頁 2.電子書目錄- 可按各個標題旁的「 GO」直接跳至有興趣的內容。 (圖 4-2)電子書目錄

19 3.左邊可點選會有互動跑出來，右邊則是介紹北埔鄉位置、聚落、地形 電子書頁面右上角都有「目錄」可點選，即可回到目錄頁面。 (圖 4-3)北埔簡介 4.北埔歷史。 (圖 4-4)北埔歷史 1

20 5.北埔歷史。 (圖 4-5)北埔歷史 2 6.左邊可點選「 STAR」會有擂茶的介紹影片，右邊可觸控或移動到小圖上會顯 示出大圖。 (圖 4-6)擂茶

21

7.天水堂、東方美人茶介紹頁面。

(圖 4-7)天水堂、東方美人茶

8.慈天宮、瑞源餅行介紹頁面。

22

9.姜阿新宅、一口菜包介紹頁面。

(圖 4-9)姜阿新宅、一口菜包

10.叮咚橋、金廣福介紹頁面。

23

11.秀巒公園、北埔冷泉介紹頁面。

(圖 4-11)秀巒公園、北埔冷泉

12.綠世界生態農場介紹頁面，下方友網站連結可點選。 (圖 4-12)綠世界生態農場

24

13.麥克田園介紹頁面，下方友網站連結可點選。 (圖 4-13)麥克田園

14.老頭擺農庄介紹頁面，下方友網站連結可點選。 (圖 4-14)老頭擺農庄

25

15.彩虹部落玫瑰園農場介紹頁面，下方友網站連結可點選。 (圖 4-15-)彩虹部落玫瑰園農場

16.各個地方美麗的圖片。

26

17.左邊如何前往北埔鄉，右邊則是提供北埔鄉一日遊行程參考。 (圖 4-17)前往北埔、北埔一日樂悠悠

18.最末頁「 PALY」即有動畫可觀賞，右下角小房子點選後可回到首頁。 (圖 4-18)頁尾 1

27

19.動畫跑完呈現下圖畫面。

28

第五章、結論與建議

5.1 結論

本專題已介紹新竹線北埔鄉為基礎，再以 Flash 呈現電子書，所呈現的內容 有北埔逛老街、北埔找樂子、北埔記事本以及讓我們學習到團體精神還有分工 旅遊，再現代人忙碌的生活中是必要的調劑方式，許多人忙碌的工作卻沒有 適度的去發洩與放鬆，因此我們希望藉由此電子書，讓使用者可以更了解新竹線 北埔鄉有許多可以旅遊的景點，讓使用者在忙碌的生活中也不忘假日旅遊放鬆。

5.2 未來發展

介紹新竹縣市其他鄉鎮的旅遊資訊，並結合手機軟體，讓使用者使用手機也 可以觀看電子書，提升電子書的方便性，也可以讓外地人了解新竹有非常多地方 可以旅遊。 電子閱讀器技術的轉變、動態→柔性(可折疊)、太陽能，彩色顯示，動態顯 示，顯示速度提升；任意折疊柔性紙；雙面顯示；電子閱讀器之間內容無線傳輸 等。

29

文獻參考

1.維基百科: http://zh.wikipedia.org/wiki/Wikipedia:%E9%A6%96%E9%A1%B5 2.綠世界生態農場: http://www.green-world.com.tw/index.asp 3.老頭擺農庄: http://www.pei-pu.com.tw/index.php/web/index 4.麥克田園: http://www.mikefarm.com.tw/information_package01.html 5.彩紅部落: http://www.pengyongfu.com/ 6.北埔旅遊服務中心: http://www.beipu.org.tw/ 7.北埔歷史: http://web2.ctsh.hcc.edu.tw/stu98/s9810931/public_html/r04.html 8.膨風茶文物館: http://www.pft.com.tw/index.htm 9.四方通行旅遊網:http://www.easytravel.com.tw/ 10.完全台灣旅遊網:http://okgo.tw/ 11. Flash CS6 全新進化,松崗出版,呂昶億、杜慎甄著,2012 年出版 12.精彩 Flash CS6 動畫玩家,易習圖書出版,蔡國強著,2013 年出版 13.精彩 InDesign CS6 排版視覺設計,易習圖書出版,趙雅芝著,2012 年出版 14.用 Indesign 製作電子書－PDF 影音動態文件,上奇科技出版,吳智鴻、呂國泰 著,2011 年出版

30

附錄

會議記錄表

專題名稱 Flash 電子書-北埔旅遊 時間 2013/05/21 地點 A207 實驗室 主席 林侑賢 記錄 林禹廷 出席者 彭雨婷、余興洹、林禹廷、陳映潔 內容 1. 決定題目方向 2. 討論製作專題軟體 3. 組員決定日期至北埔拍攝照片 決議 1. 尋找製作專題須使用的軟體 老師建議

31

會議記錄表

專題名稱 Flash 電子書-北埔旅遊 時間 2013/06/19 地點 A207 實驗室 主席 余興洹 記錄 林禹廷 出席者 彭雨婷、余興洹、林禹廷、陳映潔 內容 1. 決定專題題目 2. 討論電子書設計 3. 決定電子書需求 決議 1. 蒐集資料 2. 確認製作專題軟體與學習 老師建議

32

會議記錄表

專題名稱 Flash 電子書-北埔旅遊 時間 2013/07/16 地點 A207 實驗室 主席 余興洹 記錄 林禹廷 出席者 彭雨婷、余興洹、林禹廷、陳映潔 內容 1. 去北埔拍攝所需使用的照片 2. 學習 Adobe InDesign 3. 學習 Adobe Flash 決議 1. 開始分配製作專題工作 老師建議

33

會議記錄表

專題名稱 Flash 電子書-北埔旅遊 時間 2013/08/06 地點 A207 實驗室 主席 余興洹 記錄 林禹廷 出席者 彭雨婷、余興洹、林禹廷、陳映潔 內容 1. 電子書排版 2. 電子書美工 3. 蒐集結案報告書所需資料 決議 1. 確認電子書內容項目 2. 製作結案報告書 老師建議

34

會議記錄表

專題名稱 Flash 電子書-北埔旅遊 時間 2013/08/27 地點 A207 實驗室 主席 余興洹 記錄 林禹廷 出席者 彭雨婷、余興洹、林禹廷、陳映潔 內容 1. 電子書內容整理 2. 電子書修改 3. 結案報告書排版整理 決議 1. 設計電子書整體頁面 老師建議

35

會議記錄表

專題名稱 Flash 電子書-北埔旅遊 時間 2013/10/01 地點 A207 實驗室 主席 余興洹 記錄 林禹廷 出席者 彭雨婷、余興洹、林禹廷、陳映潔 內容 1. 電子書內容整理 2. 電子書排版微調 3. 電子書美工加強 決議 1. 修改部分電子書頁 2. 電子書美工加強 老師建議

36

會議記錄表

專題名稱 Flash 電子書-北埔旅遊 時間 2013/11/05 地點 A207 實驗室 主席 余興洹 記錄 林禹廷 出席者 彭雨婷、余興洹、林禹廷、陳映潔 內容 1. 電子書互動按鈕修改 2. 電子書頁面美工修改 3. 結案報告書統整 決議 1. 盡速完成電子書 2. 盡速完成結案報告書 老師建議

37

會議記錄表

專題名稱 Flash 電子書-北埔旅遊 時間 2013/11/12 地點 A207 實驗室 主席 林侑賢 記錄 林禹廷 出席者 彭雨婷、余興洹、林禹廷、陳映潔 內容 1. 電子書功能測試 2. 結案報告書統整與修改 決議 1. 小地方需要修改 2. 細節內容需再確認 老師建議 1. 還有小地方需要修改 2. 盡速完成電子書 3. 盡速完成結案報告書

38

會議記錄表

專題名稱 Flash 電子書-北埔旅遊 時間 2013/11/19 地點 A207 實驗室 主席 林侑賢 記錄 林禹廷 出席者 彭雨婷、余興洹、林禹廷、陳映潔 內容 1. 電子書內容整理 2. 製作專題 PPT 決議 1. 電子書尚須修改 2. 結案報告須修改 老師建議 1. 趕緊修改後再審件

39

會議記錄表

專題名稱 Flash 電子書-北埔旅遊 時間 2013/11/26 地點 A207 實驗室 主席 林侑賢 記錄 林禹廷 出席者 彭雨婷、余興洹、林禹廷、陳映潔 內容 1. 結案報告書整理 2. 製作專題用海報 決議 1. 結案報告書資料尚須修改 2. 加強電子書功能 老師建議 1. 趕緊修改後再審件

40

會議記錄表

專題名稱 Flash 電子書-北埔旅遊 時間 2013/12/03 地點 A207 實驗室 主席 林侑賢 記錄 林禹廷 出席者 彭雨婷、余興洹、林禹廷、陳映潔 內容 1. 統整檢查電子書內容 2. 統整檢查結案報告書內容 3. 開始製做 power point . 決議 1. 電子書互動需再加強 2. 結案報告書資料尚須修改 老師建議 1. 練習報告內容 2. 再次檢查全部內容

41

102

元培科技

大學資訊

管理系畢

業專題

F

la

sh

電子書

- 北埔

旅遊

余興洹

陳映潔

林禹廷

彭雨婷