綠島紅魔鬼民宿行銷

元培科技大學資訊管理系

畢業專題

綠島紅魔鬼民宿行銷

授課老師： 劉雯瑜老師

組 員： 張育聖(981408006)

温正名(981408058)

黃秀榕(981408012)

楊庭瑋(981408037)

中

華

民

國

一

零

一

年

十

二

月

摘 要

民宿是現在旅遊最多人選擇過夜的地方，有回家的溫馨、無拘束感、自由自 在。本專題的合作對象是綠島的紅魔鬼民宿，因紅魔鬼民宿的老闆阿德發現近幾 年來客人逐漸減少，訂房率沒有往年的多，他認為可能與網站的搜尋排行有關另 外他也懷疑因為現代人比較注重民宿外觀，他的民宿屬於住家型，無法與主題民 宿相比，民宿網站的房間照片可能會比主題民宿來得缺乏吸引力。因此，阿德希 望在參考我們幾個年輕人的想法改變這個網站。我們目前想法是更新網站的內容、 透過 Facebook 各個功能與網站結合，以新的樣貌展出，更提升在關鍵字搜尋排 行上以外的曝光率。 關鍵字：綠島、民宿、搜尋排行、Facebook

目 錄

摘 要 ...i 目 錄 ... ii 表目錄 ... iv 圖目錄 ... v 第一章 緒論 ... 1 1.1 背景與動機 ... 1 1.2 目的 ... 1 1.3 限制 ... 2 1.4 關鍵名詞定義 ... 2 第二章文獻探討 ... 3 2.1 綠島簡介 ... 3 2.2 綠島紅魔鬼民宿簡介 ... 3 2.3 綠島各家民宿的服務特色 ... 4 2.4 綠島各家民宿網站功能 ... 15 2.5 Facebook 行銷的發展現況 ... 25 第三章 專題規劃 ... 26 3.1 系統開發方法 ... 26 3.2 系統藍圖描述 ... 28 3.3 專題設備 ... 31 3.4 專題時程規劃 ... 32 3.5 專題分工 ... 34 第四章 專題成果 ... 35 4.1 使用者需求 ... 35 4.2 系統分析 ... 35 4.3 系統設計 ... 47

4.5 使用手冊 ... 64 4.6 Facebook 粉絲專頁行銷... 85 4.7 舊網站與新網站功能改善 ... 91 第五章 結論與建議 ... 96 5.1 結論與新發現 ... 96 5.2 專題貢獻 ... 96 5.3 建議 ... 97 5.4 未來研究方向 ... 97 5.5 製作心得 ... 98 參考文獻 ... 99 附件 ... 100

表目錄

表 1- 1 特色交叉分析表 ... 14 表 1- 2 功能交叉分析表 ... 24 表 1- 3 硬體設備表 ... 31 表 1- 4 軟體表 ... 31 表 1- 5 甘特圖 ... 33 表 1- 6 專題分工表 ... 34 表 1- 7 功能改善對照表-首頁 ... 91 表 1- 8 功能改善對照表-民宿介紹 ... 92 表 1- 9 功能改善對照表-綠島資資訊 ... 93 表 1- 10 功能改善對照表-訂房資訊 ... 94 表 1- 11 功能改善對照表-粉絲專區 ... 95

圖目錄

圖 1- 1 雛型法流程圖 ... 26 圖 1- 2Use Case 圖 ... 28 圖 1- 3 系統架構圖 ... 29 圖 1- 4 硬體架構圖 ... 30 圖 2- 1 Use Case 圖 ... 35 圖 2- 2 瀏覽民宿網站的活動圖 ... 36 圖 2- 3 瀏覽明德資訊的活動圖 ... 37 圖 2- 4 瀏覽綠島資訊的活動圖 ... 38 圖 2- 5 瀏覽訂房資訊的活動圖 ... 39 圖 2- 6 瀏覽粉絲專區的活動圖 ... 40 圖 2- 7 使用 FB 粉絲專頁的活動圖 ... 41 圖 2- 8 登入 FB 的活動圖 ... 42 圖 2- 9 循序圖-民宿介紹 ... 43 圖 2- 10 循序圖-綠島資訊 ... 44 圖 2- 11 循序圖-交通資訊 ... 45 圖 2- 12 循序圖-粉絲專區 ... 46 圖 2- 14 雛型一 - 首頁 ... 47 圖 2- 15 雛型一 - 老闆阿德頁面設計 ... 48 圖 2- 16 雛型一 - 明德浮潛頁設計 ... 48 圖 2- 17 雛型二-首頁 ... 49 圖 2- 18 雛型二 -老闆介紹頁面設計 ... 50 圖 2- 19 雛型二 - 明德浮潛頁面設計 ... 50 圖 3- 1 網頁項目導覽 ... 54 圖 3- 2 民宿老闆介紹 ... 55 圖 3- 3 營業項目 ... 55 圖 3- 4 明德租車 ... 56 圖 3- 5 明德浮潛 ... 56 圖 3- 6 代訂服務 ... 57 圖 3- 7 綠島資訊 ... 58 圖 3- 8 美食特派員 ... 58 圖 3- 9 特色小店 ... 59

圖 3- 11 好康報哩知 ... 60 圖 3- 12 房間介紹 ... 60 圖 3- 13 預約須知 ... 61 圖 3- 14 交通資訊 ... 61 圖 3- 15 行程規劃 ... 62 圖 3- 16Facebook 粉絲專頁 ... 63 圖 3- 17 德友會 ... 63 圖 4- 1 民宿首頁 ... 64 圖 4- 2 搜尋民宿 ... 64 圖 4- 3 網站首頁畫面 ... 65 圖 4- 4 網站連結列 ... 66 圖 4- 5 展開民宿介紹 ... 66 圖 4- 6 展開綠島資訊 ... 67 圖 4- 7 展開訂房資訊 ... 67 圖 4- 8 展開粉絲專區 ... 68 圖 4- 9 展開民宿介紹 ... 69 圖 4- 10 瀏覽民宿老闆 ... 69 圖 4- 11 瀏覽營業項目 ... 70 圖 4- 12 瀏覽明德租車 ... 70 圖 4- 13 瀏覽明德浮潛 ... 71 圖 4- 14 瀏覽浮潛寫真 ... 71 圖 4- 15 浮潛寫真放大功能 ... 72 圖 4- 16 瀏覽代訂服務 ... 73 圖 4- 17 瀏覽代訂船票 ... 73 圖 4- 18 展開綠島資訊 ... 74 圖 4- 19 瀏覽帶你繞綠島 ... 74 圖 4- 20 照片瀏覽說明 ... 75 圖 4- 21 瀏覽美食特派員 ... 75 圖 4- 22 瀏覽特色小店 ... 76 圖 4- 23 瀏覽野生動物館 ... 76 圖 4- 24 野生動物館功能說明 ... 77 圖 4- 25 展開訂房資訊 ... 77 圖 4- 26 瀏覽好康報哩知 ... 78 圖 4- 27 跨年活動 ... 78 圖 4- 28 瀏覽房間介紹 ... 79 圖 4- 29 瀏覽預約須知 ... 80

圖 4- 31 瀏覽交通接駁-台東至綠島 ... 81 圖 4- 32 瀏覽交通接駁-綠島當地交通 ... 82 圖 4- 33 瀏覽交通接駁-綠島當地交通 ... 82 圖 4- 34 瀏覽綠島旅遊規劃-必玩攻略 ... 82 圖 4- 35 瀏覽行程規劃 ... 83 圖 4- 36 展開粉絲專區 ... 83 圖 4- 37 瀏覽綠島紅魔鬼民宿 Facebook ... 84 圖 4- 38 瀏覽德友會資訊 ... 84 圖 5- 1 粉絲專頁相簿 ... 85 圖 5- 2 相片標籤 ... 86 圖 5- 3 人數統計 ... 87 圖 5- 4 活動內容 ... 88 圖 5- 5 活動海報 ... 89 圖 5- 6 分析圖 1 ... 90 圖 5- 7 分析圖 2 ... 90

第一章

緒論

本章共包含四節，第一節介紹本專題的背景與動機；第二節闡述本專題的目 的；第三節說明本專題的限制；第四節則針對本專題的關鍵名詞進行定義。

1.1 背景與動機

隨著網路的日漸發達與社群網站的興起，伴隨著小資生活的盛行，人們對旅 遊資訊方面的需求增加，使得大部分的人都會自行在網路上瀏覽各民宿網站與優 惠方案。不過，大部分使用者的網路搜尋習慣往往都是從搜尋結果的第一頁優先 看起，這些通常都是有付費給搜尋引擎公司購買優先排行的網站。為了提升業績 的民宿業者通常都會委託大型網站業者製作、刊登與維護網站，甚至形成綜合民 宿網以吸引客人，這些大型網站業者通常都有購買關鍵字排行，且綜合民宿網因 為包含眾多民宿資訊，所以當使用者點選到綜合民宿網後，就可能直接在此做選 擇，而不再參考其他網站的資訊了。 本專題所協助的業者是綠島的紅魔鬼民宿，民宿業者表示過去在網路上搜尋 綠島民宿只會搜尋到少部分的民宿業者，但隨著網路越來越進步，以及多數業者 建立網站的因素，使得紅魔鬼民宿越來越不易被選到，再加上網站久未更新，與 其他民宿網站相比之下較不美觀，因此希望本組組員可以協助他們做一些改善。 本組組員發現，紅魔鬼民宿除了必須改善網站之外，也應該要有其他的促銷 措施，有鑑於近年來 Facebook 的急速竄起，透過 Facebook 這個開放性的平台， 業者可以使用粉絲專頁讓遊客查看業者動態、照片與綠島的資訊，並與遊客進行 良好友善的互動。因此，本組最後決定，除了將目前的網站更新之外，並利用 Facebook 來協助紅魔鬼民宿做行銷。讓綠島紅魔鬼民宿網站與 Facebook 做結合， 提升另一種領域的曝光度，而不僅侷限在網頁關鍵字的排行上面，試圖創造出另 一模式的經營方式。

1.2 目的

1. 更新目前的民宿網站，讓新的網站能夠更吸引人。 2. 透過 Facebook 行銷綠島紅魔鬼民宿。 3. 提升綠島紅魔鬼民宿的曝光率。 4. 增進綠島紅魔鬼民宿與客人之間的資訊交流。

1.3 限制

本專題在進行過程中有下列限制 1. 由於民宿業者原網站租貸的網路空間有限制使用的檔案格式及無資料庫功能， 無法使用 PHP、ASP 等網頁格式，導致網站內互動性降低。 2. 因天候、店家因素而無法拍攝到照片，因此店家介紹內容有限。 3. 因經濟有限，故無法多次前往綠島當地進行資料蒐集。

1.4 關鍵名詞定義

1. 綠島：位於台灣本島東南方，為輝石安山岩所成之火山島，原名為火燒島，亦 稱雞心嶼。（綠島資訊服務網，2012） 2. 民宿：所謂民宿，指利用自用住宅空閒房間，結合當地人文、自然景觀、生 態、環境資源及農林漁牧生產活動，以家庭副業方式經營，提供旅客鄉野生 活之住宿處所。 (國內旅遊資訊網，2012) 3. 搜尋排行：是一種利用搜尋引擎(Yahoo, google 等)的規則來提高網站在關鍵 字搜尋中排名的方式。(駿科科技發展國際有限公司，2012) 4. Facebook：Facebook（FB）是一個起源於美國的社群網路服務網站，Facebook 擁有超過 6 億活躍用戶，用戶可以建立個人專頁，添加其他用戶作為朋友並 交換信息，包括自動更新及即時通知對方專頁。此外，用戶可以加入各種群 組，例如工作場所、學校、學院或其他活動。 (維基百科，2012)

第二章文獻探討

本章共包含五節，第一節介紹綠島；第二節介紹綠島紅魔鬼民宿；第三節分 析綠島各家民宿特色；第四節分析綠島各家民宿網站功能。

2.1 綠島簡介

綠島位於台東縣東方海面上，面積 15.034 平方公里(綠島導覽簡介)，環島大 約兩小時就可以結束，著名的景點有哈巴狗與睡美人、綠島燈塔、孔子岩、觀音 洞、柚子湖、海參坪、綠島溫泉等，都是在當地才有的奇特景觀，一定要親自探 訪才知道大自然的鬼斧神工與奧妙。 史書上對於綠島的描述，大約有下列幾則紀載： 綠島舊名雞心嶼、青仔嶼與火燒島等。火燒島舊名眾說紛紜，以清嘉慶 年間大火焚燒島嶼之說最為大眾採信。1937 年設火燒島庄，屬台東廳台東郡 管轄。戰後火燒島設鄉，歸屬於台東縣管轄，於 1948 年改名為「綠島」，延用 至今。 綠島最早為達悟族、阿美族等原住民居地。嘉慶 18 年小琉球（今琉球 鄉）漢人漁民曾勝開等為風漂至火燒島，於阿眉山下的海濱建一共同住屋稱為 公館，著手開墾，並且招小琉球家眷及民眾至，因來者日眾，故在中寮灣岸建 一聚落，名曰「中寮」，光緒後漢人往來更頻繁。 清朝道光 30 年，東港漁民陳必先等餘人，在行船歸途中遭遇颱風，漂 流至綠島，大嘆綠島之美，一年後便率人前來定居開墾，最早於柚子湖、溫泉 一帶居住，後來移民漸增。即成為今日公館村、南寮村、中寮村、溫泉村等村 落(維基百科，2012)。

2.2 綠島紅魔鬼民宿簡介

綠島紅魔鬼位於綠島大街上騎車約有一分鐘路程，一路上風景美麗，還可以 看到不遠處的燈塔，老闆阿德是土生土長的綠島人，浮潛、打魚樣樣難不倒他， 說是十項全能的男人一點也不為過！由於老闆阿德非常好客又有許多別於其他 民宿不同的服務和行程，因此創造出不少的老主顧。

2.3 綠島各家民宿的服務特色

本專題於網路蒐集綠島各家民宿特色並製成交叉分析表，依據交叉分析表可 看出一半以上的基本服務住宿、套裝行程…等，各家民宿都具備可說是最基本的。 因現今社會大多注重物質的外表、外觀，有華麗的外觀自然能夠吸引人，如果能 夠增加民宿、房間的主題性或是具功能性，例如：海洋風、日本風，無障礙空間、 兒童專用設施…等，又能吸引到另個消費族群。 下頁是依綠島各家民宿特色繪製成的特色交叉分析表：

浮 潛 套裝行程 (多選一) 浮淺.溫泉券. 半潛艇 夜遊 (夜訪梅花鹿.人文 生態導覽) 導覽 地圖 特約商店購 物優惠 夜釣 房間 主題 性 BBQ 潛水 備註 傑克會館 █ █ █ 微風民宿 █ █ █ 綠島 70 腳落 █ █ 綠島綠海藍天 █ █ 藍色珊瑚島 █ █ 悅軒飯店 █ 星月屋 渡假山莊 █ █ 三悅民宿 █ 綠漁渡假會館 (無)

浮 潛 套裝行程 (多選一) 浮淺.溫泉券. 半潛艇 夜遊 (夜訪梅花鹿.人文 生態導覽) 導覽 地圖 特約商店購 物優惠 夜釣 房間 主題 性 BBQ 潛水 備註 少年會館 █ █ 長泰觀海民宿 █ █ █ 非炒不可 █ █ █ 敲敲門 █ 綠島梅蓮民宿 █ █ █ █ 製作星沙 綠島巨尊民宿 █ 春天民宿 █ █ █ 漂流木客棧 █ 海韻民宿 █

浮 潛 套裝行程 (多選一) 浮淺.溫泉券. 半潛艇 夜遊 (夜訪梅花鹿.人文 生態導覽) 導覽 地圖 特約商店購 物優惠 夜釣 房間 主題 性 BBQ 潛水 備註 居福潛水 (主打潛水) █ █ █ 體驗潛水免費贈送海底 光碟一片 綠邑渡假民宿 █ █ █ 10 人 UP 贈晚餐(合 菜)+100 升級 BBQ 鹿肉林.餐廳.特產 █ █ █ 賞星閣 █ █ █ 統祥大飯店 █ █ 卡拉 OK，接受寵物入住 北緯 22 度民宿 █ █ █ █ FB 打卡 9 折優惠 美人魚 █ █ █ 附送現剖海膽 宏發民宿 █ █ █ (另付)

浮 潛 套裝行程 (多選一) 浮淺.溫泉券. 半潛艇 夜遊 (夜訪梅花鹿.人文 生態導覽) 導覽 地圖 特約商店購 物優惠 夜釣 房間 主題 性 BBQ 潛水 備註 綠海小築 █ █ █ █ 綠島 90 民宿 █ █ █ █ █ 入住送明信片一張 海貝飯店 █ █ █ █ █ 10 人 UP 贈風味餐一桌 小歇處 客棧民宿 █ █ 夏御民宿 █ █ 佈拉咖． 夢想。旅屋 █ █ █ 日盛秘密基地 █ █ 翔鼎民宿 (無) 幸福月光民宿 █ █ █ █

浮 潛 套裝行程 (多選一) 浮淺.溫泉券. 半潛艇 夜遊 (夜訪梅花鹿.人文 生態導覽) 導覽 地圖 特約商店購 物優惠 夜釣 房間 主題 性 BBQ 潛水 備註 立雅民宿 █ █ 秀秀的家民宿 █ █ 綠山飯店 █ █ █ █ Color17 民宿 █ █ █ 大宅院民宿 █ █ █ █ █ 20 人 UP 贈送 BBQ，接 受寵物入住 頤園民宿 █ █ 戀戀火燒島 █ █ █ 同心園民宿 █ █

浮 潛 套裝行程 (多選一) 浮淺.溫泉券. 半潛艇 夜遊 (夜訪梅花鹿.人文 生態導覽) 導覽 地圖 特約商店購 物優惠 夜釣 房間 主題 性 BBQ 潛水 備註 亞曼尼飯店 █ 內有電梯，無障礙空間， 投幣式洗衣機 安德-綠島民宿 █ █ █ 明通別館 █ █ 綠島旅島飯店 █ 古厝民宿 █ █ █ TORO 觀海民宿 █ █ █ █ 星海渡假村 █ █ 新宇別館 █ 綠島旅島渡假村 █

浮 潛 套裝行程 (多選一) 浮淺.溫泉券. 半潛艇 夜遊 (夜訪梅花鹿.人文 生態導覽) 導覽 地圖 特約商店購 物優惠 夜釣 房間 主題 性 BBQ 潛水 備註 藍海奇緣民宿 █ █ █ 小鎮民宿 █ █ 晶華景觀民宿 █ 綠島企鵝之家 █ 上園民宿 █ █ 夏御民宿 █ 明月小築民宿 █ █ 佳欣民宿 █ █ 嚕嚕米的家 █ █

浮 潛 套裝行程 (多選一) 浮淺.溫泉券. 半潛艇 夜遊 (夜訪梅花鹿.人文 生態導覽) 導覽 地圖 特約商店購 物優惠 夜釣 房間 主題 性 BBQ 潛水 備註 泰勒瓦民宿 █ █ █ 歐風民宿 █ █ █ 小貓空民宿 (無) 監獄民宿 █ █ 精美紀念品 白沙灣 32 號民宿 █ █ 綠島綠堤 咖啡館民宿 █ █ █ 露天咖啡座 于艤民宿 █ █ 凱薪飯店 █ █ 賞燕魚 田的家民宿 █ █ █ █

浮 潛 套裝行程 (多選一) 浮淺.溫泉券. 半潛艇 夜遊 (夜訪梅花鹿.人文 生態導覽) 導覽 地圖 特約商店購 物優惠 夜釣 房間 主題 性 BBQ 潛水 備註 武鴻民宿 █ █ 小丸子的家 █ █ 橙屋 █ █ 峇里會館 (無) 綠島烏龍院釣具行－ 附設民宿 █ 鹿野山莊 (無) 夏卡爾民宿 █(另 付) 水岸渡假村 █

浮 潛 套裝行程 (多選一) 浮淺.溫泉券. 半潛艇 夜遊 (夜訪梅花鹿.人文 生態導覽) 導覽 地圖 特約商店購 物優惠 夜釣 房間 主題 性 BBQ 潛水 備註 立雅民宿 █ █ █ 財神爺大飯店 █ █ █ (無) 總計 13 65 47 12 11 8 7 8 6 浮 潛 套裝行程 (多選一) 浮淺.溫泉券. 半潛艇 夜遊 (夜訪梅花鹿.人文 生態導覽) 導覽 地圖 特約商店購 物優惠 夜釣 房間 主題 性 BBQ 潛水 備註 綠島紅魔鬼民宿 V V V V V 表 1- 1 特色交叉分析表

2.4 綠島各家民宿網站功能

本專題於網路蒐集綠島各家民宿網站功能並製成交叉分析表，依據交叉分析 表可以看出，目前綠島紅魔鬼民宿網站與其他民宿網站比較下，大致基本功能像 是最新消息、民宿簡介、網路相簿…等，本網站都具備，目前覺得在設計雛型時 需要把交通指引加進去，內容可包含交通方式、建議路線與民宿的確切位置及附 近地理，那麼遊客也較清楚可由哪些交通方式抵達綠島與民宿。 下頁是依綠島各家民宿網站功能繪製成的功能交叉分析表：

最新消息 民宿簡介 住宿資訊 網路相簿 套裝行程 交通指引 訪客留言 連絡資訊 部落格 傑克會館 █ █ █ █ █ █ 微風民宿 █ █ █ █ █ █ █ █ 綠島 70 腳落 █ █ █ █ █ █ █ █ █ 綠島綠海藍天 █ █ █ █ █ █ █ 藍色珊瑚島 █ █ █ █ █ 悅軒飯店 星月屋 渡假山莊 █ █ █ █ █ █ █ █ 三悅民宿 █ █ █ █ █ █ █ █ 綠漁渡假會館 █ █ █ █ █ █ 少年會館 █ █ █ █ █ █ █

最新消息 民宿簡介 住宿資訊 網路相簿 套裝行程 交通指引 訪客留言 連絡資訊 部落格 長泰觀海民宿 █ █ █ █ █ 非炒不可 █ █ █ █ █ 敲敲門 █ █ █ █ █ █ █ 綠島梅蓮民宿 █ █ █ █ █ 綠島巨尊民宿 █ █ █ 春天民宿 █ █ █ █ █ █ 漂流木客棧 █ █ █ █ █ 海韻民宿 █ █ █ █ █ 居福潛水 (主打潛水) █ █ █ █ █ 綠邑渡假民宿 █ █ █ █ █ █

最新消息 民宿簡介 住宿資訊 網路相簿 套裝行程 交通指引 訪客留言 連絡資訊 部落格 鹿肉林.餐廳.特產 █ █ █ █ 賞星閣 █ █ █ █ █ 統祥大飯店 █ █ █ █ █ █ █ 北緯 22 度民宿 █ █ █ █ █ █ █ █ 美人魚 █ █ █ █ █ █ █ 宏發民宿 █ █ █ █ █ █ █ 綠海小築 █ █ █ █ █ █ █ 綠島 90 民宿 █ █ █ █ █ █ █ █ 海貝飯店 █ █ █ █ █ █ █ 小歇處 客棧民宿 █ █ █ █ █ █ █

最新消息 民宿簡介 住宿資訊 網路相簿 套裝行程 交通指引 訪客留言 連絡資訊 部落格 夏御民宿 █ █ █ █ █ █ █ █ 佈拉咖． 夢想。旅屋 █ █ █ █ █ █ █ █ 日盛秘密基地 █ █ █ █ █ █ █ █ █ 翔鼎民宿 █ █ 幸福月光民宿 █ █ █ █ █ █ █ █ 立雅民宿 █ █ █ █ █ █ █ 秀秀的家民宿 █ █ █ █ █ █ █ 綠山飯店 █ █ █ █ █ Color17 民宿 █ █ █ █ █ █ █ █ 大宅院民宿 █ █ █ █ █ █ █

最新消息 民宿簡介 住宿資訊 網路相簿 套裝行程 交通指引 訪客留言 連絡資訊 部落格 頤園民宿 █ █ █ █ █ █ █ 戀戀火燒島 █ █ █ █ █ █ █ █ 同心園民宿 █ █ █ █ █ █ █ 亞曼尼飯店 █ █ █ █ █ 安德-綠島民宿 █ █ █ █ █ █ 明通別館 █ █ █ █ █ 綠島旅島飯店 █ █ █ █ █ █ █ 古厝民宿 █ █ █ █ █ █ █ █ TORO 觀海民宿 █ █ █ █ █ █ 星海渡假村 █ █ █ █ █

最新消息 民宿簡介 住宿資訊 網路相簿 套裝行程 交通指引 訪客留言 連絡資訊 部落格 新宇別館 █ █ █ █ █ █ 綠島旅島渡假村 █ █ █ █ 藍海奇緣民宿 █ █ █ █ █ █ █ █ █ 小鎮民宿 █ █ █ █ █ █ █ 晶華景觀民宿 █ █ █ █ █ █ █ 綠島企鵝之家 █ █ █ █ █ █ 上園民宿 █ █ █ █ █ █ █ █ 夏御民宿 █ █ █ █ █ █ █ █ 明月小築民宿 █ █ █ █ █ █ █ 佳欣民宿 █ █ █ █ █ █

最新消息 民宿簡介 住宿資訊 網路相簿 套裝行程 交通指引 訪客留言 連絡資訊 部落格 嚕嚕米的家 █ █ █ █ █ █ 泰勒瓦民宿 █ █ █ █ █ █ 歐風民宿 █ █ █ █ █ 小貓空民宿 █ █ █ █ █ 監獄民宿 █ █ █ █ █ █ █ █ █ 白沙灣 32 號民宿 █ █ █ █ █ █ █ 綠島綠堤 咖啡館民宿 █ █ █ █ █ █ 于艤民宿 █ █ █ █ █ █ █ █ 凱薪飯店 █ █ █ █ █ █ █ █ 田的家民宿 █ █ █ █ █ █ █ █

最新消息 民宿簡介 住宿資訊 網路相簿 套裝行程 交通指引 訪客留言 連絡資訊 部落格 武鴻民宿 █ █ █ █ █ █ █ 小丸子的家 █ █ █ █ █ █ █ 橙屋 █ █ █ █ █ █ █ █ 峇里會館 █ █ █ █ █ █ 綠島烏龍院釣具行－附設民宿 █ █ █ █ █ █ █ 鹿野山莊 █ █ █ █ 夏卡爾民宿 █ █ █ █ █ 水岸渡假村 █ █ █ █ █ 財神爺大飯店 █ █ █ █ █ 總 數 45 75 73 66 58 70 59 56 14

最新消息 民宿簡介 住宿資訊 網路相簿 套裝行程 交通指引 訪客留言 連絡資訊 部落格

紅魔鬼民宿 █ █ █ █ █ █

2.5 Facebook 行銷的發展現況

台灣大部分的人都是先得知「開心農場」才使用 Facebook，因遊戲「開心 農場」，可以種菜、互相偷朋友的菜，期間可體驗遊戲樂趣又不耗時，使得台灣 Facebook 的使用人數數急遽上升。 根據 CheckFacebook.com 統計顯示：台灣 Facebook 的用戶已經超過了五百 萬人。由於 Facebook 容易上手及用戶成長快速，使用它來結交新朋友、尋找舊 朋友都非常便利，且不論是個人或企業也都可以在此平台建立粉絲專頁，或成 立社團找尋相同喜好的消費者。企業更可以透過社交網絡的力量來發掘潛在消 費者甚至創造商機。 蘇聰德進一步指出，若能在粉絲專頁或者是社團推出時，有效率的將大量 的 Facebook 用戶引薦加入自己的專業或社團，並輔以扎實的內容經營跟會員有 效的互動，不僅可以找到大批忠實的支持者，同時也可以直接創造大量的銷售 訂單。該公司曾為花蓮曾記麻糬重新整建了產品的購物車系統，同時也為曾記 麻糬設立粉絲專頁，短時間便吸引了超過一萬六千位的粉絲加入。除此之外， 贈送麻糬的遊戲也同步上線，造成了一股贈送麻糬的熱潮。 (電子商務時報， 2009.11.19) FB 互動性比較高，同時可以及時分享最新資訊，在顧客心中留下深刻印象， 而可以利用社群來拓展人脈關係，以便打通知名度並使用推文、按讚與分享， 或著是建立專屬的粉絲專頁，來達到行銷的效果。

第三章

專題規劃

本章共包含六節，第一節介紹本專題的系統開發方法；第二節闡述本專題的 系統藍圖；第三節說明本專題採用的設備；第四節則介紹本專題的時程規劃；第 五節說明專題組員於此專案中分工的情況。

3.1 系統開發方法

系統開發方法計有生命週期法、雛型法、瀑布法…等，本專題採用的是演進 式的雛型法，茲將各步驟詳細敘述如下： 圖 1- 1 雛型法流程圖 1. 需求分析 建立初步雛型時必須先蒐集使用者的需求進行分析，確定使用者的需求範圍。 2. 初步設計 依據需求分析進行雛型的初步設計。 3. 建立雛型 依據初步雛型設計建立岀雛型。 4. 使用者試驗 建立岀的雛型給使用者試用，若有問題、須修改，則跳回需求分析階段。 5. 意見回饋與需求更改 依據使用者試用雛型後的意見進行需求更改。 需求分析 初步設計 建立雛型 使用者試驗 細部設計 建立 測試 操作與維護 意見回饋 需求更改

6. 細部設計 雛型經使用者試用後，依雛型設計最終成品。 7. 建立 依據成品的最後設計，實際做出最終的成品。 8. 測試 測試最終成品是否滿足使用者之需求與是否有瑕疵。 9. 操作與維護 與使用者開始操作最後的成品，往後錯誤的發現、外在環境的改變以及使用者在 系統功能上的增加或修改，都是要維護的原因。

3.2 系統藍圖描述

3.2.1 需求描述 阿德覺得網頁不夠吸引，目前民宿是屬於一般住家型，所以房間照片也不夠 吸引，無法與主題性民宿相比，也無法更動。希望遊客看到網站，民宿活動有比 房間陳設外，更具吸引力值得前往。希望能透過網站的修改，能夠增進瀏覽率， 網站希望以我們年輕人觀點的方式來想怎麼做會更好。 3.2.2 軟體架構圖 茲將本專題所欲開發之系統的軟體架構以使用案例圖及架構圖表示如下： 1. Use Case 圖 圖 1- 2 Use Case 圖 顧 客 管 理 者 瀏 覽 民 宿 首 頁 使 用FB粉 絲 專 頁 FB Server 瀏 覽 民 宿 介 紹 瀏 覽 訂 房 資 訊 瀏 覽 綠 島 資 訊 瀏 覽 粉 絲 專 區 登入FB <<include>>

2.系統架構圖 圖 1- 3 系統架構圖

綠島紅魔鬼民宿

首頁

民宿介紹

Information

綠島資訊

GreenIsland

訂房資訊

Reservation

粉絲專區

Fans

明德租車 明德浮潛 代訂服務 媒體報導 營業項目 民宿老闆 帶你繞綠島 美食特派員 特色小店 野生動物館 好康報哩知 房間介紹 預約須知 行程規劃 德友會 Facebook 交通資訊

3.2.3 硬體架構圖

本專題所欲開發之系統，其硬體架構圖如下所示：

3.3 專題設備

本專題預計將用下列設備： 1. 硬體方面： 表 1- 3 硬體設備表 類 別 規 格 電 腦 AMD 三核心處理器、500GB 硬碟、RAM 4GB DDR3 隨身碟 8GB 相 機 Canon EOS 60D、16GB 記憶卡 2. 軟體方面： 表 1- 4 軟體表 類 別 名 稱 作業平台 Microsoft Windows 7 SP1 文書處理 Microsoft Office 2010 網站製作軟體 Adobe Dreamweaver CS4 程式 JavaScripts、JQuery

繪圖軟體 Adobe Photoshop CS4、Adobe Illustrator CS4 、Adobe Flash CS4、UleadPhotoImpact X3

3.4 專題時程規劃

本專題由開始規劃至系統完成，預計會有下列幾項工作： (1) 需求分析 (a) 了解紅魔鬼民宿目前經營現況及面臨的問題 (b) 蒐集各家民宿特色與分析，並繪製出交叉分析圖 (c) 了解當下網頁與 Facebook 粉絲專頁結合的行銷方法，並擬出方案 (2) 初步設計 (a) 依據需求分析出的結果，設計網站的雛型 (b) 設計網站配合 Facebook 粉絲專頁的行銷方法 (3) 建立雛型 (a) 使用原型軟體 Axure RP 建立網站雛型架構 (b) 擬定行銷策略 (4) 使用者試驗 (a) 使用 Axure RP 建立出的網站雛型給予阿德試用與評估 (b) 將擬定的行銷策略與阿德說明與評估 (5) 意見回饋與需求更改 (a) 若阿德在使用者試驗階段有提出問題與修改，則跳回需求分析階段做需 求的更改 (6) 細部設計 (a) 網站與行銷策略的雛型經阿德認可後，進行最後的加強網站設計與擬定 行銷策略 (7) 建立

(a) 依照最後的設計，使用 Dream weaver、CSS+JavaScript 建立網站 (b) 建立行銷計畫 (8) 測試 (a) 對最後建立出的網站，進行測試、流暢度、除錯 (b) 實際使用最後擬出的行銷方法，進行測試 (9) 操作與維護 (a) 對日後開始營運的網站，進行維護 (b) 日後研究、創新行銷方法

茲將本專題進行流程的甘特圖繪製如表 1-5： 表 1- 5 甘特圖 工作 2012-2 月 2012-3 月 2012-4 月 2012-5 月 2012-6 月 2012-7 月 2012-8 月 2012-9 月 2012-10 月 2012-11 月 2012-12 月 需求分析 ■ ■ ■ 初步設計 ■ ■ ■ 建立雛型 ■ ■ ■ 使用者試驗 ■ ■ 細部設計 ■ ■ 建立 ■ ■ 測試 ■ ■ 操作與維護 ■ ■

3.5 專題分工

本專題組員的分工如下表所示： 表 1- 6 專題分工表 工作 組員一 張育聖 組員二 溫正名 組員三 黃秀榕 組員四 楊庭瑋 需求分析     初步設計   建立雛型   使用者試驗     細部設計   建立   測試     操作與維護  

第四章

專題成果

本章共包含六節，第一節介紹本專題的使用者需求；第二節列示本專題的系 統分析結果；第三節介紹本專題的系統設計；第四節進行系統成果介紹；第五節 為本系統的使用手冊；第六節為 Facebook 粉絲專頁行銷介紹。

4.1 使用者需求

本專題的主要需求，是依據綠島紅魔鬼民宿業者的需求為主，把目前的民宿 網頁翻新，業者希望以我們年輕人的觀點設計網站，希望透過網站的修改，更吸 引人，但因原網站在搜尋引擎上的排名原因暫時無法變動，故須另外製作新的。 另外因現在大多數人們有使用 Facebook 的習慣，所以再使用 Facebook 粉絲專頁 進行行銷，舉辦季節性活動或是定期活動，擴充其他的客源。

4.2 系統分析

本專題之系統分析文件包含 Use Case 圖、活動圖、循序圖。 1. Use Case 圖 顧 客 管 理 者 瀏 覽 民 宿 首 頁 使 用FB粉 絲 專 頁 FB Server 瀏 覽 民 宿 介 紹 瀏 覽 訂 房 資 訊 瀏 覽 綠 島 資 訊 瀏 覽 粉 絲 專 區 登入FB <<include>>

2. 活動圖： 本專題各使用案例之活動流程，茲分別以活動圖表示如下： (1) 瀏覽民宿網站 圖 2- 2 瀏覽民宿網站的活動圖 進入首頁 展示民宿介紹 展示綠島資訊 展示訂房資訊 展示粉絲專區 點擊 點擊 點擊 點擊

(2)瀏覽民宿介紹 圖 2- 3 瀏覽明德資訊的活動圖 進入民宿介紹 展示民宿老闆 展示明德浮潛 展示營業項目 展示媒體報導 點擊 點擊 展示明德租車 點擊 點擊

(3)瀏覽綠島資訊 圖 2- 4 瀏覽綠島資訊的活動圖 進入綠島資訊 展示帶你繞綠島 展示美食特派員 展示特色小店 展示野生動物館 點擊 點擊 點擊 點擊

(4)瀏覽訂房資訊 圖 2- 5 瀏覽訂房資訊的活動圖 進入訂房資訊 展示好康報哩知 展示房間介紹 點擊 _點擊 點擊 展示行程規劃 展示預約須知 展示交通資訊 點擊 點擊

(5)瀏覽粉絲專區 圖 2- 6 瀏覽粉絲專區的活動圖 進入粉絲專區 展示 Facebook 展示德友會 點擊 點擊

(7)登入 FB 圖 2- 8 登入 FB 的活動圖 進入 FB 首頁 登入 輸入帳號與密碼 點擊

使用者 首頁 連結程式 連結程式 民宿老闆 連結程式 營業項目 連結程式 明德租車 連結程式 明德浮潛 連結程式 代訂服務 1 : 開啟首頁顯示民宿網站() 2 : 滑入民宿介紹並展開子選項() 3 : 點選民宿老闆() 4 : 秀出民宿老闆() 5 : 點選營業項目() 6 : 秀出營業項目() 7 : 點選明德租車() 8 : 秀出明德租車() 9 : 點選明德浮潛() 10 : 秀出明德浮潛() 11 : 點選代訂服務() 12 : 秀出代訂服務() 3.循序圖：本專題各使用案例之互動步驟，茲分別以循序圖示如下： (1) 循序圖-民宿介紹

使用者 首頁 連結程式 連結程式 帶你繞綠島 連結程式 美食特派員 連結程式 特色小店 連結程式 野生動物館 1 : 開啟首頁顯示民宿網站() 2 : 滑入綠島資訊並展開子選項() 3 : 點選帶你繞綠島() 4 : 秀出帶你繞綠島() 5 : 點選美食特派員() 6 : 秀出美食特派員() 7 : 點選特色小店() 8 : 秀出特色小店() 9 : 點選野生動物管() 10 : 秀出野生動物館() (2)循序圖-綠島資訊

使用者 首頁 連結程式 連結程式 好康報哩知 連結程式 房間介紹 連結程式 預約須知 連結程式 交通資訊 連結程式 行程規劃 1 : 開啟首頁顯示民宿網站() 2 : 滑入訂房資訊並展開子選項() 3 : 點選好康報哩知() 4 : 秀出好康報哩知() 5 : 點選房介紹() 6 : 秀出房間介紹() 7 : 點選預約須知() 8 : 秀出預約須知() 9 : 點選交通資訊() 10 : 秀出交通資訊() 11 : 點選行程規劃() 12 : 秀出行程規劃() (3) 循序圖-交通資訊

使用者 首頁 連結程式 連結程式 Facebook 連結程式 德友會 1 : 開啟首頁顯示民宿網站() 2 : 滑入粉絲專區並展開子選項() 3 : 點選Facebook() 4 : 秀出Facebook粉絲專頁() 5 : 點選德友會() 6 : 秀出德友會() (4) 循序圖-粉絲專區

4.3 系統設計

4.3.1 Axure RP 雛型一 網頁先以原型軟體 Axure RP 繪製雛型，以下是第一個網頁雛形(圖)，網頁 版型解析度以 900x950 設計，頁首放置 Flash 橫幅、連結列，頁中放置網頁內容， 頁尾則放置網站版權宣告信息。 圖 2- 13 雛型一 - 首頁

4.3.2 Axure RP 雛型二 雛型一與民宿業者討論後發現，連結列名稱有些相近須修改及合併，並再加 入一些元素，因此再衍生出雛型二。雛型二參考國外許多網站設計，版型以解析 度 960x980 設計，首頁有明顯的變化，頁首左上方加入 Logo、頁中以無邊線設 計，在視覺上感覺較自由，以區塊方式呈現，上區塊顯示圖片輪播，下四個區塊 放置主要的營業項目，頁尾則放置合法圖章、版權宣告及 Facebook 按讚區塊。 圖 2- 16 雛型二-首頁

圖 2- 17 雛型二 -老闆介紹頁面設計

4.3.3 系統功能 網頁主要分為四大主題，如下所述： 一、 民宿介紹 1. 民宿老闆 介紹民宿主人。 2. 營業項目 介紹民宿所有的營業項目。 3. 明德租車 介紹民宿營業項目之一的明德租車。 4. 明德浮潛 介紹民宿營業項目之一的浮潛。 5. 代訂服務 介紹民宿營業項目之一的代訂服務。 6. 媒體報導 介紹有關民宿主人的媒體報導。 二、 綠島資訊 1. 帶你繞綠島 照片瀏覽及文字說的方式，供使用者認識綠島各個景點與風景。 2. 美食特派員 提遊客綠島較知名與美味的用餐資訊建議。 3. 特色小店 提供遊客綠島具特色的名產店、藝品店的資訊。 4. 野生動物館 以照片瀏覽及文字說明方式，可認識綠島上的動物。

三、 訂房資訊 1. 好康報哩知 民宿舉辦活動時，將活動公布於此。 2. 房間介紹 介紹民宿各樓層狀況、房間狀況、房間設備。 3. 預約須知 敘述訂房的注意事項。 4. 交通資訊 提供遊客各地至台東的交通方式、台東至綠島的交通方式以及在綠島的交 通狀況。 5. 行程規劃 專為遊客設計的旅遊行程規劃，以時間分配及建議攜帶行李，好讓遊客更 方便地規劃旅遊。 四、 粉絲專區 1. Facebook 使用者可連結至綠島紅魔鬼民宿之 Facebook 粉絲專頁。 2. 德友會 匯集喜愛民宿主人的網站及部落客文章列表，可增加遊客的正面印象。

4.4 系統介紹

一、首頁

內 容：動畫及連結

設計理念：首頁以輪播的圖片可以吸引人，下方放置圖片及營業項目以文字敘述 更能更快得知訊息。

二、網頁項目導覽 內 容：圖片及連結

設計理念：以動態的方式呈現連結，與圖片結合動作較豐富

三、民宿介紹

內 容：民宿老闆介紹及營業項目、租車、浮潛與代訂服務等資訊 設計理念：此區塊內容放置主要的營業項目，能讓遊客清楚得知信息

圖 3- 4 明德租車

四、綠島資訊

內 容：綠島景色

設計理念：利用相片方式呈現，直接看到重點。

圖 3- 9 特色小店

五、訂房資訊

內 容：內含民宿優惠資訊、房間資訊、訂房資訊、交通資訊及行程規劃 設計理念：讓遊客能得知民宿的重要資訊、為遊客規劃行程，省下規劃的動作。

圖 3- 13 預約須知

六、粉絲專區

內 容：得知民宿的最新動態以及過去的評價

設計理念：Facebook 粉絲專頁連結與德友會屬於群體性質，故歸一類

4.5 使用手冊

開啟瀏覽器，在網址列輸入：http://www.odd.twmail.org

圖 4- 1 民宿首頁 在搜尋引擎輸入：綠島紅魔鬼民宿

網站主畫面

站主項目包含『首頁』、『民宿介紹』、『綠島資訊』、『訂房資訊』、『粉絲專區』五 大專區。 圖 4- 4 網站連結列 游標移到『民宿介紹』即可展開『民宿老闆』、『營業項目』、『明德租車』、『明德 浮潛』、『代訂服務』 圖 4- 5 展開民宿介紹

游標移到『綠島資訊』即可展開『帶你繞綠島』、『美食特派員』、『特色小店』、『野 生動物館』 圖 4- 6 展開綠島資訊 游標移到『訂房資訊』即可展開『好康報哩知』、『房間介紹』、『預約須知』、『交 通資訊』、『行程規劃』 圖 4- 7 展開訂房資訊

游標移到『粉絲專區』即可展開『Facebook』、『德友會』

欲瀏覽『民宿老闆』專區訊息。

步驟一：移動游標到至『民宿介紹』後，在子項目『民宿老闆』點擊滑鼠左鍵

圖 4- 9 展開民宿介紹 步驟二：點擊『民宿老闆』後，即可進入瀏覽資訊。

欲瀏覽『營業項目』專區訊息。 步驟一：移動游標到至『民宿介紹』後，在子項目『營業項目』點擊滑鼠左鍵 步驟二：畫面左側菜單點選，可切換不同營業項目 圖 4- 11 瀏覽營業項目 欲瀏覽『明德租車』專區訊息。 步驟一：移動游標到至『民宿介紹』後，在子項目『明德租車』點擊滑鼠左鍵 步驟二：點擊進入後，即可瀏覽『明德租車』資訊 圖 4- 12 瀏覽明德租車

欲瀏覽『明德浮潛』專區訊息。

步驟一：移動游標到至『民宿介紹』後，在子項目『明德浮潛』點擊滑鼠左鍵 步驟二：點擊進入後，即可瀏覽『明德浮潛』資訊

圖 4- 13 瀏覽明德浮潛

步驟四：放大後，有詳細的照片說明及目前張數

欲瀏覽『代訂服務』專區訊息。 步驟一：移動游標到至『民宿介紹』後，在子項目『代訂服務』點擊滑鼠左鍵 步驟二：點擊進入後，即可瀏覽『代訂服務』資訊 步驟三：點選左側菜單，能切換不同代訂服務 圖 4- 16 瀏覽代訂服務 圖 4- 17 瀏覽代訂船票

欲瀏覽『帶你繞綠島』專區訊息。

步驟一：移動游標到至『綠島資訊』後，在子項目『帶你繞綠島』點擊滑鼠左鍵

圖 4- 18 展開綠島資訊

步驟二：點擊『帶你繞綠島』後，即可進入瀏覽資訊。 步驟三：選取想要觀看的相片，點擊滑鼠左鍵，能將圖片放大或選取右側功能列 將圖片全螢幕化。 圖 4- 20 照片瀏覽說明 欲瀏覽『美食特派員』專區訊息。 步驟一：移動游標到至『帶你繞綠島』，在子項目『美食特派員』點擊滑鼠左鍵 步驟二：點擊進入後，即可瀏覽『美食特派員』資訊 步驟三：點選左側菜單，能切換不同店家介紹

欲瀏覽『特色小店』專區訊息。 步驟一：移動游標到至『帶你繞綠島』，在子項目『特色小店』點擊滑鼠左鍵 步驟二：點擊進入後，即可瀏覽『特色小店』資訊 步驟三：點選左側菜單，能切換不同店家介紹 圖 4- 22 瀏覽特色小店 欲瀏覽『野生動物館』專區訊息。 步驟一：移動游標到至『帶你繞綠島』，在子項目『野生動物館』點擊滑鼠左鍵 步驟二：點擊進入後，即可瀏覽『野生動物館』資訊 步驟三：點選畫面中間菜單，能快速分類照片 圖 4- 23 瀏覽野生動物館

步驟四：照片點擊後可放大及說明

圖 4- 24 野生動物館功能說明 欲瀏覽『好康報哩知』專區訊息。

步驟一：移動游標到至『訂房資訊』，在子項目『好康報哩知』點擊滑鼠左鍵

步驟二：點擊進入後，即可瀏覽『好康報哩知』資訊

圖 4- 26 瀏覽好康報哩知 步驟三：圖片點擊，可連結至 Facebook 活動專區

瀏覽『房間介紹』專區訊息。

步驟一：移動游標到至『訂房資訊』後，在子項目『房間介紹』點擊滑鼠左鍵 步驟二：點擊『房間介紹』後，即可進入瀏覽資訊。

瀏覽『預約須知』專區訊息。

步驟一：移動游標到至『訂房資訊』後，在子項目『預約須知』點擊滑鼠左鍵 步驟二：點擊『預約須知』後，即可進入瀏覽資訊。

步驟三：畫面右側功能，可隨時提供民宿 Facebook 最新資訊

瀏覽『交通資訊』專區訊息。 步驟一：移動游標到至『訂房資訊』後，在子項目『交通資訊』點擊滑鼠左鍵 步驟二：點擊『交通資訊』後，即可進入瀏覽資訊。 步驟三：選擇想要的搭乘交通工具後，點選時刻表查詢服務連結 圖 4- 30 瀏覽交通接駁-各地至台東 圖 4- 31 瀏覽交通接駁-台東至綠島

圖 4- 32 瀏覽交通接駁-綠島當地交通

圖 4- 33 瀏覽交通接駁-綠島當地交通 瀏覽『行程規劃』專區訊息。

步驟一：移動游標到至『訂房資訊』後，在子項目『行程規劃』點擊滑鼠左鍵 步驟二：點擊『行程規劃』後，即可進入瀏覽資訊。

步驟三：點選左側功能列，能找出各時段的行程推薦 圖 4- 35 瀏覽行程規劃 欲瀏覽『Facebook』專區訊息。 步驟一：移動游標到至『粉絲專區』後，在子項目『FACEBOOK』點擊滑鼠左 鍵 圖 4- 36 展開粉絲專區

步驟二：點擊『Facebook』後，即可進入綠島紅魔鬼民宿 Facebook 粉絲專區瀏 覽資訊。

圖 4- 37 瀏覽綠島紅魔鬼民宿 Facebook 步驟三：點擊『德友會』後，即可進入德友會瀏覽資訊。

4.6 Facebook 粉絲專頁行銷

4.6.1 上傳浮潛照 將浮潛活動的照片上傳至粉絲專頁，客人需點讚才可以瀏覽，藉此點讚也藉 此把粉絲專頁秀在個人塗鴉牆上，其他朋友可以得知。上傳的浮潛照，並清楚標 示年月份日，讓遊客較好找。 圖 5- 1 粉絲專頁相簿

4.6.2 開放照片標籤 開放照片供客人標籤 (參閱 )，可以增加曝光率，被標籤在相片中的人，他的塗 鴉牆會出現被標記，那麼他的朋友會好奇注意到，並點擊照片。若他的朋友又在 照片中按讚及留言，那麼此相片又會被分享出去，又大大提高了曝光率。 在相簿的左下角會顯示觀看者數據 (參閱圖)。 自然生成的數據表示主動觀看者，病毒式散播的數據則表示借由按讚及標記的觀 看者。 圖 5- 2 相片標籤

4.6.3 舉辦活動

依據節日、季節性舉辦優惠活動。被邀請參加活動者可以看到此訊息，若按 參加不管是否要前來民宿，塗鴉牆會出現你的參加信息，這也是一種廣告效果， 可提升曝光率。以下是已舉辦的活動 (參閱圖)

4.6.4 行銷成效

定期發布文章、上傳客人照片及舉辦活動，透過分析圖(參閱圖 5-6、圖 5-7) 可看出在瀏覽粉絲專頁的人數有明顯的變化。

圖 5- 6 分析圖 1

4.7 舊網站與新網站功能改善

4.7.1 首頁 表 1- 7 功能改善對照表-首頁 首頁 舊網站 █ 新網站 █ 特色說明 新網站將首頁重新規劃、排版及美化，並以大篇幅的風景照作為吸引， 下方放置主要的營業項目區塊供快速連結。

4.7.2 民宿介紹 表 1- 8 功能改善對照表-民宿介紹 民宿老闆 (舊名： 老闆ㄚ德) 營業項目 明德租車 明德浮潛 代訂服務 媒體報導 (舊名： 活動籌畫) 好康報哩知 舊網站 █ █ █ 新網站 █ █ █ █ █ █ 特色說明 新網站 加入了老闆娘 的敘述 讓遊客了解民 宿有哪些營業 項目 提供租車項目 新網站 使用相簿式圖 片，且可點擊 放大、可連至 Facebook 相簿 讓遊客了解民 宿提供哪些代 訂服務 重新排版美化 更容易閱讀 因較偏民宿介 紹類型，故從 訂房資訊移過 來

4.7.3 綠島資訊 表 1- 9 功能改善對照表-綠島資資訊 帶你繞綠島 美食特派員 特色小店 野生動物館 (舊名： ㄚ德動物館) 舊網站 █ 新網站 █ █ █ █ 特色說明 提供綠島的各 景點照片供遊 客參考 提供綠島美食 資訊 提供綠島較具 特色之店家 新網站 使用相簿式圖 片，且可點擊 放大

4.7.4 訂房資訊 表 1- 10 功能改善對照表-訂房資訊 好康報哩知 房間介紹 預約須知 (舊名： 訂房須知) 交通資訊 行程規劃 台灣好友 粉絲專頁 舊網站 █ █ █ █ █ 新網站 █ █ █ █ █ 特色說明 因較偏訂房類 型，故從舊網 站歸類中移過 來 更新房間照 片，並可點擊 放大瀏覽 重新排版與美 化更方便閱 讀，新增 Facebook 區塊 從行程規劃裡 抽出另做一 頁，重新排版 與美化更方便 閱讀，照片可 點擊放大瀏覽 重新排版與美 化更方便閱 讀，圖片可點 擊放大瀏覽

4.7.5 粉絲專區 表 1- 11 功能改善對照表-粉絲專區 Facebook (舊名： 粉絲專頁) 德友會 (舊名： 台灣朋友) 舊網站 █ █ 新網站 █ █ 特色說明 更改名稱 更改名稱

第五章

結論與建議

本章共包含五節，第一節介紹本專題的結論與新發現；第二節介紹本專題的 貢獻；第三節提出本專題的建立；第四節則列示未來研究方向；第五節分享本組 組員專題製作的心得。

5.1 結論與新發現

本專題製作『綠島紅魔鬼民宿』網頁以及行銷。包含民宿介紹、綠島資訊、 訂房資訊、粉絲專區。以實際網站為例，民宿介紹及粉絲專區如；老闆阿德、租 賃服務、活動……等資訊清楚公開給使用者認識。結合時下最流行的 Facebook 社 群網站，經由遊客的允許下，將每次帶團活動的照片上傳至綠島紅魔鬼的臉書中。 讓每個人都能夠找到自己的浮潛、跳水……等照片回憶。另外透過『綠島紅魔鬼 民宿』網站連結至 Facebook，同時推銷出『綠島紅魔鬼民宿』。配合季節旺、淡 季以及跨年看日出……等為主題，利用 Facebook 粉絲專頁舉辦不同的優惠活動。 例如夏天旺季時，可以透過手機定位打卡，每次打卡就可以享有九折優惠，打卡 同時，也將『綠島紅魔鬼民宿』顯示在 Facebook 個人頁面中讓朋友得知，藉此 推銷出去。 一、 Facebook 新增照片時，在時間上會有人數上的變動。例如中午時段、下午 4 點、晚餐後，三個時段上。關注的人數也會不同。 二、 多數人前往綠島時，都會輸入關鍵字『綠島民宿』 。因此網站以『綠島民宿-綠島紅魔鬼民宿』命名，重複兩次綠島民宿，在搜尋上會曝光率增加。 三、 多數旅客認為在綠島住宿不需要太奢華，能夠帶領出良好的浮潛、夜遊活動、 介紹出綠島故事才是重點，因此推薦民宿老闆的專業性也是必備的。

5.2 專題貢獻

本專題完成之後，將對綠島紅魔鬼網站、綠島生態、遊客及學術界之貢獻如下： 1.對於綠島紅魔鬼網站的貢獻 (1)更新綠島紅魔鬼網站的訊息。 (2)吸引更多人前來點閱。 (3)提升綠島紅魔鬼網站在 Google、Yahoo 搜尋上的排名。

(1)維護綠島特有的生態。 (2)發現更多綠島生態。 3.對於遊客的貢獻 (1)清楚認識綠島文化 (2)提供遊客綠島各項景點資訊 (3)提供遊客到綠島的交通資訊 4.對於學術界的貢獻 (1)讓人認識綠島文化歷史 (2)提升綠島在本島上的知名度 (3)促進綠島觀光產業發展

5.3 建議

本專題目前以網站及 Facebook 為主。但在未來還可以有更多的行銷手法去 推廣『綠島紅魔鬼民宿』。目前網頁部分以新樣貌方式呈列出來，但隨著日後的 發展、新的社群網站、新的技術、環境變化、大企業的進駐下，也會因此有更多 的改變，屆時競爭對手也會更多，因此網頁內容及行銷手法在未來方面仍有更多 的創新空間。例如在未來的行銷方面如何與企業財團競爭、讓更多人認識『綠島 紅魔鬼民宿』，在日後也是一大進步空間。

5.4 未來研究方向

本專題完成時，不僅提升『綠島紅魔鬼』民宿知名度之外．在未來幾年也能 夠永續經營下去。來到綠島玩的人多，了解綠島文化生態的人少。大家都知道綠 島以前叫做『火燒島』，但是為什麼叫做『火燒島』呢？卻是不知道。在綠島路 上看到寄居蟹，怎麼不是背著貝殼的家，卻背著瓜子罐頭？綠島的民宿眾多，了 解當地特色的人卻不多。在未來，希望能透過『綠島紅魔鬼民宿』網站，傳遞出 來的不只是『綠島紅魔鬼民宿』良好的專業性外，能推廣出綠島特色及維護生態 也是一大重點。

5.5 製作心得

專題完成，一路上碰到的障礙並不少。從專題的主題、背景動機、預期成果、網 頁技術、組員之間的溝通……等問題。從半年前 4 月初開始了我們的專題製作， 也讓我們學習到很多事情，第一次遠離居住地，和幾位專題組員們一起前往台東 縣綠島鄉，漏夜搭乘著台鐵火車到台東縣，清晨趕上台東縣富岡碼頭搭船到綠島。 這些都是在我們人生之中不曾有過的經驗。 當我們抵達綠島，和從未見過面的『綠島紅魔鬼民宿』主人，阿德大哥見面。 在幾次的互動後，聽取『綠島紅魔鬼民宿』目前面臨的困難，像是：財團進駐， 導致當地民宿經營上變得難以生存、『綠島紅魔鬼民宿』網站上的資料過於老舊。 上述是『綠島紅魔鬼民宿』所面臨比較大的問題。隨著日後我們也多次進出 綠島，跟了幾場夜遊、浮潛活動，對『綠島紅魔鬼民宿』的經營模式及如何帶領 遊客活動上，也有深入的了解。阿德大哥，是個土生土長的綠島人，對於綠島的 任何一角和歷史都很了解，帶團時候也很幽默風趣而且多數來『綠島紅魔鬼民宿』 的遊客們，都是透過網路資料和親朋好友介紹而來。且多數來『綠島紅魔鬼民宿』 入住的遊客們都是第一次來綠島，對於夜遊、浮潛方面的活動也感到很滿意。 另外在網站製作過程中，我們從課堂上學習到使用 Axure RP，到使用 Dreamweaver 軟體。從一些特效，例如圖片點擊後可放大、圖文框架、網頁解析 度……等從零學起，我們去翻閱許多書籍和去網路上學習技巧。剛開始也經常碰 到網頁跑掉或者是圖片顯示不出來的窘境，在堂課上跟著做的東西，到了自己製 作時候就倍感困難許多。 但我們從中看到許多遊客滿意的表情和阿德大哥的用心後，我們覺得這個專 題製作起來是很值得的。除了製作專題之外，也可以享受到綠島的風光明媚，不 像是以前認為專題就是個難搞的項目，反而能從中獲取到許多享受，讓自己能夠 更認識綠島生態及文化。從大量照片中挑選出代表性的照片時，不僅是在專題上 的用心或者是綠島取材時候的過程，而那種回憶是不可取代的。 總結，本專題以『綠島紅魔鬼民宿』網路行銷為主，其次對於綠島生態的貢 獻也不可或缺，讓大家看到綠島美麗的環境，更讓大家看到『綠島紅魔鬼民宿』 經營上的用心。我們相信這個網站對於『綠島紅魔鬼民宿』網路行銷上是有絕對 的幫助。

參考文獻

1. 維基百科，http://zh.wikipedia.org/wiki/%E7%B6%A0%E5%B3%B6，2012.05.17 擷取 2. 電子商務時報，http://www.ectimes.org.tw/Shownews.aspx?id=091118221453， 林倩如，2009.11.19 擷取 3. 維基百科，http://zh.wikipedia.org/wiki/Facebook，2012.05.19 擷取 4. 綠島資訊服務網，http://green.taitung.gov.tw/browse/br_index.asp，2012.05.27 擷取 5. 國內旅遊資訊網，http://www.travel-service.com.tw/loading01.php，2012.05.27 擷取 6. 駿科科技發展國際有限公司，http://design-hk.net/seo.php，2012.05.27 擷取 7. CSS 排版教學 http://blog.cat-fish.net/post/361/，2012.05.27 擷取 8. Flycan 動畫http://www.flycan.com/article/ ，2012.05.29 擷取 9. Wowbox 網頁設計http://www.wowbox.com.tw/blog/ ，2012.6.1 10. jQueryhttp://jquery.com/，2012.6.1 擷取 11. jQueryhttp://www.minwt.com/category/js，2012.6 擷取 12. 大哥的故事，http://brotherstory.com/，2012.11.08 擷取 13. 信交易，https://www.facebook.com/GIPostcard?filter=2，2012.11.08 擷取 14. 海島屋藝品店，http://haidao.okgo.tw/，2012.11.10 擷取 15. 飛魚本舖，http://flyfish.ludao.tw/，2012.11.10 擷取 16. 小鹿斑比，http://www.deerbambi.com.tw/?ptype=info，2012.11.10 擷取 17. 海砂巫，http://haishawu.okgo.tw/，2012.11.10 擷取

附件

使用案例描述

綠島紅魔鬼民宿行銷

綠島紅魔鬼民宿系統

使用案例規格說明書：綠島紅魔鬼民宿網站

Version 0.1

Revision History

日 期 版 本 概 述 作 者

T a b l e o f C o n t e n s

1. 名稱(Name) 1.1 簡述(Brief Description) 2. 參與者(Actors) 3. 前提(Pre-Conditions) 4. 成功條件(Successful Post-Conditions) 5. 失敗條件(Unsuccessful Post- Conditions) 6. 事件路徑(Flow of Events)

U s e C a s e S e p c i f i c a t i o n : 民 宿 老 闆

1. 名稱(Name) 民宿老闆 1.1 簡述(Brief Description) 讓遊客了解民宿主人 2. 參與者(Actors) 顧客 3. 前提(Pre-Conditions) 使用者已進入綠島紅魔鬼民宿網站任一頁面 4. 成功條件(Successful Post-Conditions) 顯示民宿老闆頁面

5. 失敗條件(Unsuccessful Post- Conditions) 無法顯示網頁

6. 事件路徑(Flow of Events) 1. 顧客點選民宿老闆 2. 瀏覽民宿主人的介紹 3. 重複瀏覽民宿老闆

U s e C a s e S e p c i f i c a t i o n : 營 業 項 目

1. 名稱(Name) 營業項目 1.1 簡述(Brief Description) 讓遊客清楚了解本民宿的營業項目 2. 參與者(Actors) 顧客 3. 前提(Pre-Conditions) 使用者已進入綠島紅魔鬼民宿網站任一頁面 4. 成功條件(Successful Post-Conditions) 顯示營業項目頁面

5. 失敗條件(Unsuccessful Post- Conditions) 無法顯示網頁 6. 事件路徑(Flow of Events) 1. 顧客點選營業項目 2. 瀏覽營業項目頁面 3. 點選綠島民宿、綠島浮潛、摩托車出租、夜遊觀星、代訂服務 4. 瀏覽綠島民宿、綠島浮潛、摩托車出租、夜遊觀星、代訂服務 5. 重複瀏覽營業項目

U s e C a s e S e p c i f i c a t i o n : 明 德 租 車

1. 名稱(Name) 明德租車 1.1 簡述(Brief Description) 讓顧客了解租車服務 2. 參與者(Actors) 一般使用者、網站管理者 3. 前提(Pre-Conditions) 使用者已進入綠島紅魔鬼民宿網站任一頁面 4. 成功條件(Successful Post-Conditions) 顯示明德租車頁面

5. 失敗條件(Unsuccessful Post- Conditions) 無法顯示網頁

6. 事件路徑(Flow of Events) 1. 顧客點選明德租車 2. 瀏覽頁面資訊 3. 重複瀏覽明德租車

U s e C a s e S e p c i f i c a t i o n : 明 德 浮 潛

1. 名稱(Name) 明德浮潛 1.1 簡述(Brief Description) 讓顧客了解民宿的浮潛服務 2. 參與者(Actors) 一般使用者、網站管理者 3. 前提(Pre-Conditions) 使用者已進入綠島紅魔鬼民宿網站任一頁面 4. 成功條件(Successful Post-Conditions) 顯示明德浮潛頁面

5. 失敗條件(Unsuccessful Post- Conditions) 無法顯示網頁 6. 事件路徑(Flow of Events) 1. 顧客點選明德浮潛 2. 瀏覽明德浮潛頁面資訊 3. 點擊浮潛寫真照片 4. 瀏覽照片 5. 點擊 Facebook 6. 進入 Facebook 粉絲專頁相簿 7. 重複瀏覽明德浮潛

U s e C a s e S e p c i f i c a t i o n : 代 訂 服 務

1. 名稱(Name) 代訂服務 1.1 簡述(Brief Description) 讓顧客了解民宿提供的代訂服務 2. 參與者(Actors) 一般使用者、網站管理者 3. 前提(Pre-Conditions) 使用者已進入綠島紅魔鬼民宿網站任一頁面 4. 成功條件(Successful Post-Conditions) 顯示明德租車頁面

5. 失敗條件(Unsuccessful Post- Conditions) 無法顯示網頁 6. 事件路徑(Flow of Events) 1. 顧客點擊代訂服務 2. 瀏覽代訂服務頁面資訊 3. 點選代訂深潛、代訂船票、代訂溫泉票、代訂燒烤店、代訂夜釣、托釣、 代訂玻璃船 4. 瀏覽代訂深潛、代訂船票、代訂溫泉票、代訂燒烤店、代訂夜釣、托釣、 代訂玻璃船 5. 重複瀏覽代訂服務

U s e C a s e S e p c i f i c a t i o n : 媒 體 報 導

1. 名稱(Name) 媒體報導 1.1 簡述(Brief Description) 讓顧客得知有關綠島活魔鬼民宿的媒體報導 2. 參與者(Actors) 一般使用者、網站管理者 3. 前提(Pre-Conditions) 使用者已進入綠島紅魔鬼民宿網站任一頁面 4. 成功條件(Successful Post-Conditions) 顯示媒體報導頁面

5. 失敗條件(Unsuccessful Post- Conditions) 無法顯示網頁

6. 事件路徑(Flow of Events) 1. 點選媒體報導

2. 瀏覽媒體報導頁面資訊 3. 重複瀏覽媒體報導

U s e C a s e S e p c i f i c a t i o n : 帶 你 繞 綠 島

1. 名稱(Name) 帶你繞綠島 1.1 簡述(Brief Description) 讓顧客了解綠島的風景地點 2. 參與者(Actors) 一般使用者、網站管理者 3. 前提(Pre-Conditions) 使用者已進入綠島紅魔鬼民宿網站任一頁面 4. 成功條件(Successful Post-Conditions) 顯示帶你繞綠島頁面

5. 失敗條件(Unsuccessful Post- Conditions) 無法顯示網頁 6. 事件路徑(Flow of Events) 1. 顧客點選帶你繞綠島 2. 瀏覽帶你繞綠島頁面資訊 3. 點擊照片 4. 瀏覽照片 5. 重複瀏覽帶你繞綠島

U s e C a s e S e p c i f i c a t i o n : 美 食 特 派 員

1. 名稱(Name) 美食特派員 1.1 簡述(Brief Description) 讓顧客了解綠島美食店 2. 參與者(Actors) 一般使用者、網站管理者 3. 前提(Pre-Conditions) 使用者已進入綠島紅魔鬼民宿網站任一頁面 4. 成功條件(Successful Post-Conditions) 顯示美食特派員頁面

5. 失敗條件(Unsuccessful Post- Conditions) 無法顯示網頁 6. 事件路徑(Flow of Events) 1. 顧客點選美食特派員 2. 瀏覽美食特派員頁面 3. 點擊妙屋美食城、阿剛碳烤、阿亮香雞排、輝休逗、春霞小吃、冰獄、 星光碼頭、東昇羊肉爐 4. 瀏覽妙屋美食城、阿剛碳烤、阿亮香雞排、輝休逗、春霞小吃、冰獄、 星光碼頭、東昇羊肉爐 5. 重複瀏覽美食特派員

U s e C a s e S e p c i f i c a t i o n : 特 色 小 店

1. 名稱(Name) 特色小店 1.1 簡述(Brief Description) 介紹綠島較具特色且知名的名產店與藝品店給顧客 2. 參與者(Actors) 一般使用者、網站管理者 3. 前提(Pre-Conditions) 使用者已進入綠島紅魔鬼民宿網站任一頁面 4. 成功條件(Successful Post-Conditions) 顯示特色小店頁面

5. 失敗條件(Unsuccessful Post- Conditions) 無法顯示網頁 6. 事件路徑(Flow of Events) 1. 顧客點選特色小店 2. 瀏覽特色小店頁面資訊 3. 點擊大哥ㄉ故事、信交易、海砂巫、海島屋、飛魚本鋪、小鹿斑比 4. 瀏覽大哥ㄉ故事、信交易、海砂巫、海島屋、飛魚本鋪、小鹿斑比 5. 重複瀏覽特色小店

U s e C a s e S e p c i f i c a t i o n : 野 生 動 物 館

1. 名稱(Name) 野生動物館 1.1 簡述(Brief Description) 讓顧客了解綠島上的各種生物 2. 參與者(Actors) 一般使用者、網站管理者 3. 前提(Pre-Conditions) 使用者已進入綠島紅魔鬼民宿網站任一頁面 4. 成功條件(Successful Post-Conditions) 顯示野生動物館頁面

5. 失敗條件(Unsuccessful Post- Conditions) 無法顯示網頁 6. 事件路徑(Flow of Events) 1. 顧客點野生動物館 2. 瀏覽野生動物館頁面資訊 3. 點擊照片 4. 瀏覽照片 5. 重複瀏覽野生動物館

U s e C a s e S e p c i f i c a t i o n : 好 康 報 哩 知

1. 名稱(Name) 好康報哩知 1.1 簡述(Brief Description) 讓顧客得知民宿的優惠資訊 2. 參與者(Actors) 一般使用者、網站管理者 3. 前提(Pre-Conditions) 使用者已進入綠島紅魔鬼民宿網站任一頁面 4. 成功條件(Successful Post-Conditions) 顯示好康報哩知頁面

5. 失敗條件(Unsuccessful Post- Conditions) 無法顯示網頁 6. 事件路徑(Flow of Events) 1. 點選好康報哩知 2. 瀏覽好康報哩知頁面資運 3. 點擊活動海報 4. 顯示 Facebook 活動頁面 5. 重複瀏覽好康報哩知

U s e C a s e S e p c i f i c a t i o n : 房 間 介 紹

1. 名稱(Name) 房間介紹 1.1 簡述(Brief Description) 讓顧客了解民宿房間狀況 2. 參與者(Actors) 一般使用者、網站管理者 3. 前提(Pre-Conditions) 使用者已進入綠島紅魔鬼民宿網站任一頁面 4. 成功條件(Successful Post-Conditions) 顯示房間介紹頁面

5. 失敗條件(Unsuccessful Post- Conditions) 無法顯示網頁 6. 事件路徑(Flow of Events) 1. 顧客點選房間介紹 2. 瀏覽房間介紹頁面資訊 3. 點選房間照片 4. 瀏覽房間照片 5. 重複瀏覽房間介紹

U s e C a s e S e p c i f i c a t i o n : 預 約 須 知

1. 名稱(Name) 預約須知 1.1 簡述(Brief Description) 讓顧客了解民宿的預約須知與注意事項 2. 參與者(Actors) 一般使用者、網站管理者 3. 前提(Pre-Conditions) 使用者已進入綠島紅魔鬼民宿網站任一頁面 4. 成功條件(Successful Post-Conditions) 顯預約須知頁面

5. 失敗條件(Unsuccessful Post- Conditions) 無法顯示網頁 6. 事件路徑(Flow of Events) 1. 顧客點選預約須知 2. 瀏覽預約須知頁面資訊 3. 點擊綠島紅魔鬼民宿 Facebook box 4. 瀏覽綠島紅魔鬼民宿 Facebook 粉絲專頁 5. 重複瀏覽預約須知