元培科技大學
資訊管理系畢業專題
內 灣 老 街 電 子 商 務 平 台 網 站
組別:B2
指導老師：廖國雄 老師
組 員：陳志宏(1002308004)
蕭文俐(1002308012)
葉懿萱(1002308017)
王曉薇(1002308023)
摘要
隨著電子商務的蓬勃發展，電子商務便形成不可或缺的行銷管道。而交易安 全的疑慮、了解網站的內容的管道不甚周嚴等等的因素皆會令消費者裹足不前。 除去這些人為的因素，還有其他因素可能會影響到的網路購物意願，因此本研究 試圖了解目前大專生的網路購物意願，並探討影響消費者上網購物的因素，本網 站將建構購物車系統模組，讓原本只有來店消費的商業模式可以推廣到宅配到府， 而且考慮到現在大學生天天都會使用電腦，因此結合時下最流行的社群網路 Facebook，創了『內灣老街粉絲團』再利用口碑的方式來行銷，增加內灣老街曝 光率，藉以刺激消費者來消費的意願。此專題利用社群網站做口碑以及結合當地 的特色景點，讓遊客除了吃美食以外，還可以四處遊玩，規劃出內灣一日遊的愉 悅行程。 關鍵字:電子商務、網際網路、創業行銷目錄
摘要... i 目錄... ii 圖目錄... iv 表目錄... vi 第一章 緒論... 1 1.1 背景與動機 ... 1 1.2 研究目的 ... 1 1.3 限制 ... 1 1.4 關鍵名詞定義 ... 2 第二章文獻探討... 3 2.1 內灣歷史... 3 2.2 內灣特色與發展... 3 2.3 內灣鐵路發展... 4 2.4 內灣著名小吃... 7 2.5 景點介紹... 8 2.6 交通路線... 12 2.7 內灣近年來規劃與發展... 13 2.8 內灣生態 SWOT 分析 ... 14 2.9 何謂電子商務... 15 2.9.1 電子商務帶來的好處... 15 2.9.2 電子商務帶來衝擊... 15 2.9.3 政府相關推動... 15 2.9.4 走進電子商務殿堂... 16 2.9.5 電子商務的兩大支柱... 16 2.9.6 交易安全... 17 2.9.7 WWW 安全 ... 17 2.9.8 資訊保密技術... 17 2.9.9 所謂 4P ... 18 第三章專題設計與規劃... 19 3.1 專題規劃目標... 19 3.2 系統開發方法... 19 3.3 系統開發流程圖... 21 3.4 網站架構藍圖本系繪製的網站架構藍圖如下：... 223.8 專題時程規劃－甘特圖... 29 3.9 工作分配表... 30 第四章專題成果... 31 4.1 需求分析... 31 4.2 事件 ... 32 4.2.1 事件表... 33 4.3 系統分析... 34 4.4 循序圖 ... 42 4.5 網站使用手冊... 46 第五章結論與建議... 69 附錄... 70 參考文獻... 78
圖目錄
圖 2.3.1 內灣鐵路... 4 圖 2.4.2 客家菜包... 7 圖 2.4.3 客家擂茶... 7 圖 2.4.4 牛浣水... 9 圖 2.5.5 內灣傳統街屋... 8 圖 2.5.6 內灣車站... 8 圖 2.5.7 內灣戲院... 9 圖 2.5.8 內灣派出所... 9 圖 2.5.9 林務局檢查站... 10 圖 2.5.10 劉興欽漫畫發明展覽館... 10 圖 2.5.11 內灣吊橋 ... 11 圖 2.5.12 攀龍吊橋... 11 圖 3.5.1 網站首頁架構圖... 23 圖 3.8.1 甘特圖... 29 圖 4.3.1 使用案例圖... 34 圖 4.4.1 瀏覽網站首頁... 42 圖 4.4.2 一般使用者註冊... 42 圖 4.4.3 會員登入... 43 圖 4.4.4 修改個人資料... 43 圖 4.4.5 購物車... 44 圖 4.4.6 留言板... 44 圖 4.4.7 管理留言專區... 45 圖 4.4.8 管理後台功能... 45 圖 4.5.1 使用者手冊（開啟網際網路）... 46 圖 4.5.2 使用者手冊（輸入網址）... 47 圖 4.5.3 使用者手冊（五大主題）... 47 圖 4.5.4 使用者手冊（商圈介紹－特色發展）... 48 圖 4.5.5 使用者手冊（商圈介紹－組織管理）... 49 圖 4.5.6 使用者手冊（商圈介紹－旅程規劃）... 50 圖 4.5.7 使用者手冊（商圈介紹－交通位置）... 51 圖 4.5.8 使用者手冊（景點介紹--各區景點介紹） ... 52 圖 4.5.9 使用者手冊（景點介紹--詳細札記分享） ... 53 圖 4.5.10 使用者手冊（旅遊寫真－相本連結）... 54 圖 4.5.11 使用者手冊（旅遊寫真－相本連結—相本集） ... 55圖 4.5.14 使用者手冊（購物專區—購物首頁）... 57 圖 4.5.15 使用者手冊（購物專區—選取購買商品）... 58 圖 4.5.16 使用者手冊（購物專區—結算中心）... 58 圖 4.5.17 使用者手冊（購物專區—成功購買商品）... 59 圖 4.5.18 使用者手冊（購物專區—付款與配送方式）... 59 圖 4.5.19 使用者手冊（購物專區—查詢線上會員）... 60 圖 4.5.20 使用者手冊（購物專區—我的購物車）... 60 圖 4.5.21 使用者手冊（購物專區—搜尋）... 61 圖 4.5.22 使用者手冊（留言板－二項功能）... 62 圖 4.5.23 使用者手冊（留言板-留言功能&返回留言版） ... 63 圖 4.5.24 使用者手冊（Face Book 連結圖） ... 64 圖 4.5.25 使用者手冊（Face Book 連結圖—愛上了這條街） ... 64 圖 4.5.26 使用者手冊（E-mail 連結圖—Outlook）... 65 圖 4.5.27 會員管理者使用手冊（管理者登錄）... 66 圖 4.5.28 會員管理者使用手冊（管理者登錄帳號密碼）... 67 圖 4.5.29 會員管理者使用手冊（管理者畫面）... 67 圖 4.5.30 會員管理者使用手冊（登錄失敗）... 68 圖 4.5.31 管理者使用手冊（登出）... 68
表目錄
表 3-2-1 專題進行流程表 ... 19 表 3-2-2 瀑布模式 ... 20 表 3-2-3 系統開發流程圖 ... 21 表 3-2-4 網站架構藍圖 ... 22 表 4-2-1 使用案例描述表-網站首頁... 35 表 4-2-2 使用案例描述表-商圈介紹... 35 表 4-2-3 使用案例描述表-景點介紹... 36 表 4-2-4 使用案例描述表-旅遊寫真... 36 表 4-2-5 使用案例描述表-購物車... 37 表 4-2-6 使用案例描述表-留言版... 37 表 4-2-7 使用案例描述表-登入會員... 38 表 4-2-8 使用案例描述表-查詢訂單... 38 表 4-2-9 使用案例描述表-取消訂單... 39 表 4-2-10 使用案例描述表-修改個人資料... 39 表 4-2-11 使用案例描述表-管理登入 ... 40 表 4-2-12 使用案例描述表-編輯網站... 40 表 4-2-13 使用案例描述表-商品管理... 41 表 4-2-14 使用案例描述表-用戶管理... 41第一章
緒論
1.1 背景與動機
電腦與網路在現今社會中蓬勃發展，到現在儼然已經成為人們生活中不可或 缺的必需品，而網際網路越來越深入每個人的生活中，使得消費的消費行為模式 大大的改變，消費者為了減少開銷選擇窩在家裡所以越來越不喜愛出門，幾乎都 是上網解決所有問題，因而出現了所謂的＂宅經濟＂。 新竹科學園區為科技界的資訊重地，其中的園區工作者往往不是居住於新竹本地 者居多，而近年來因為交通的發達，再加上週休二日的連續假期，造成人們開始 重視休閒娛樂等相關訊息，而此時網際網路的發展，帶動了各種商機，為了提升 園區工作效率，故介紹新竹知名景點及美食小吃，提供園區內工作者多一分的參 考。1.2 研究目的
本專題研究是以『旅遊網兼電子商務』作為結合，其製作方向主要為：盡量 做出讓使用者覺得方便、輕鬆操作以及資訊間的消息互通，讓平常忙碌的工作者 在休閒假期時有多一分的旅遊參考，網站中也將置入知名店家的名產訂購，不只 讓假日休假的工作者有旅遊參考地點，也讓沒時間出遊的忙碌工作者透過網路的 訂購能夠吃到地方特色名產。 在網站中也將設立討論區及留言版的規劃，讓使用者能夠說出自己的意見及參考， 而網站架設的主要目的是為了能夠讓在新竹本地及外地工作者能夠有一個放鬆 參考的地方。1.3 限制
因為設備的不足和組員時間上的搭配，還有費用上的憂慮所以造成製作上的 困難，店家的合作意願也是一個重大的關鍵，而新竹知名景點範圍太過廣泛，所 以目前只針對內灣老街的部分以及周邊景點作為介紹，還有老街的一些歷史文獻1.4 關鍵名詞定義
本專題計用到下列幾個重要的名詞，茲分別定義如下： 1. 購物車：提供會員檢視購物之物品和購買 2. 留言板：讓訪客表達自己的意見 3. 會員區：登入註冊會員後可下單購物。 4. 搜尋：商品搜尋系統讓使用者可以搜尋自己想要的商品。 5. 文章列表：提供內灣旅遊、商圈、景點、美食、文化，旅遊寫真供瀏覽者點 閱。第二章文獻探討
本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵 路發展、內灣著名小吃、內灣景點介紹與鄰近商圈、交通路線(開車、大眾運輸)、 內灣近年來規劃與發展、內灣生態 SWOT 分析、電子商務等來介紹關於內灣詳 細介紹。2.1 內灣歷史
內灣的緣起及歷史： 內灣位於新竹縣最大河川--頭前溪上游支流的油羅溪畔，行政上屬於新 竹縣橫山鄉內灣村。根據新竹縣文獻記載，「南河地方昔屬荒野，光緒 33 年 平 定生番，在日政府保護下形成村落。」而內灣在當時還屬於南河轄下小 部落，也是最靠近「番地」的平地聚落，清朝時內灣的墾民經營採製苧麻、 搭建腦寮焗腦等產業活動。昔日內灣老街是往返尖石山區的主要道路，50 年代曾為內灣帶來許多觀光人潮。內灣旅遊以中正路為主，向外發展至光復 路、大同路、和平街、中山街及廣濟路等，後來隨著林業及礦業的沒落，內 灣旅遊也由繁華歸於平靜。經濟部商業司自民國 84(1995)年起陸續推動『形 象商圈』及『商店街』計畫，內灣於 89 至 91 年間，籌組『內灣形象商圈管 理推動委員會』，以內灣老街為主，搭配內灣線鐵路帶動當地觀光。2.2 內灣特色與發展
新竹內灣在我們記憶裡，是一個風景優美、綠蔭盎然、山木林立的地方， 週遭當地的生態保留也相完整，樹蔭、溪流、吊橋成了內灣的觀光景點。附 近一些懷古的景象也是蠻多的，諸如合興火車站搭配週遭的景緻彷彿讓我們 回溯到 30-40 年代的時光。另一特色是內灣的老街風光，當地住宅的風格特 色及人文活動都保留著相當完整，來到這兒就像回到早期簡樸規律的生活， 日出而做、日落而息的形容或許是比較貼切一點吧。除此之外，內灣吊橋也 是名聞遐邇，不少遊客來此都一定要經過吊橋，感受從吊橋俯瞰溪流下的風 光。然而有不少民眾也趁假日閒暇之時，攜家帶眷或三五好友吆喝一起在溪 流下的樹蔭處烤肉、談天戲水等。 近來也因政府極力推行產業觀光等活動，也帶動當地推行商圈再造，改 變城鄉面貌等。讓昔日內灣風情再造新的面貌，生活機能及人文發展更上一 層樓。故內灣溪畔也有觀景台，觀賞落日餘暉的美景等。景觀公園內灣除了由於內灣線的旅遊風氣始於近幾年，因此依然擁有樸實的風貌及保留原始的 景色，詩情畫意的風景，有原始的溪谷、吊橋、客家三合院，以及翠綠的田 野景觀，坐在車窗內望著鐵路沿線風景，彷彿來到室外桃源。 一出車站就是著名的內灣老街，放眼望去，都是濃濃的客家風情，侯孝賢導 演的國片「戀戀風情」就是在這裡拍攝的。老街裡，各式各樣當紅的即將消 逝的客家小吃、美食在此原始展現。具有地方特色的野薑花棕、紫玉菜包、 客家擂茶、牛浣水、過鍋米粉等客家美食，這些都是能滿足了我們的觀光客 的心。
2.3 內灣鐵路發展
圖 2.3. 1 內灣鐵路 內灣線是一條由國人建造的支線，前身是輕便車道，從新竹車站開始行 駛往東，由靠海的平原逐漸進入山區，早期用來運送煤礦及木材。內灣線的 設立，原本就是為了山林資源，例如石灰石、煤礦、矽沙等礦藏，和極為珍 貴的香杉、赤柯、檜木，以及早期用做煉腦的樟樹等，因此隨著光復後的產 業發展需求，便開始了內灣支線超過半個世紀的火車快飛歲月。 這條由新竹到內灣，長約二十九點九公里的內灣線，它的興築可溯自日 據末期竹東鐵道的建設計劃，不過真正完成新竹到竹東段，則是民國三十六 年十月十五日的事。到了民國三十九年十二月，這條鐵路又延伸至合興，民 國四十年九月繼續延伸到內灣，整條支線於是完成。 內灣支線是由新竹分歧出來，經竹東的竹中、上員、竹東，便跨進橫山 鄉的橫山、九讚頭、合興、南河到終點站內灣，途經四個山洞、兩座鐵橋， 爬山穿嶺過溪，工程十分艱鉅，至今內灣車站仍保有當年的建築風格，並保 留有「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程。材的集運地，內灣線通車後，不但木材業因為有了更便捷的輸送交通而愈發 興盛，民國四十五年左右還出現採煤礦的人潮，因此電影、餐飲、酒家、旅 社的行業也應運興起，甚至還有「小上海」、「小台北」的暱稱。 像是當地最著名的戲院之一內灣戲院，是於民國卅九年由楊盛泉籌劃落 成，為一間深具歷史意義的日式建築物。楊盛泉因一方面經營山廠，一方面 經營製腦，故十分懂得山林粗重勞動工人的休閒需要，因此才在當時僅一千 多人的小村落興建戲院。在內灣繁華時期，內灣戲院曾經演過客家大戲、歌 仔戲、歌舞表演以及電影放映等，為內灣線帶來的繁華歲月做了一個很身歷 聲的見證。 當年，從新竹站開往內灣的火車是藍色平頭的柴油客車，在蒸汽黑白交 雜的煙霧中，往東開向田園鄉村意味濃厚的景色，而竹東站一過後，橫山、 九讚頭、合興等都是典雅的小站，在油羅溪旁一一供人讚嘆，然後煙霧一路 繁衍到內灣，在來來去去的日子裡，一趟一趟地傳遞興盛與沒落的訊息，還 有許許多多追火車的浪漫愛情故事。 然而，內灣線和其他一些台鐵的支線一樣，因為各種各樣的變遷與發展 的理由，逐漸失去了往日風華，不過，內灣線因有貨運撐腰，因此順利走過 了停駛的年代，而且，近年來懷舊觀光風突然興起，美麗的內灣線以及純樸 的山城，一時之間又開始「鹹魚翻身」。新竹縣長鄭永金表示，鐵路局內灣 線因經營不善原本要停駛，但在縣府結合文化、休閒、產業及當地螢火蟲特 色，整體行銷包裝後，去年載客率成長近百分之四十。他強調，內灣線九個 車站都有豐富人文地產，觀光潛力十足。 其中，曾經沒落的內灣車站，由於兩年前文化創意的注入，成功的將漫 畫家劉興欽的作品「阿三哥與大嬸婆」連結，起死回生，帶動了觀光風潮。 現在，一下了火車，更可見到阿三哥、大嬸婆、放牛技長、機器人等漫畫人 物的塑 像，勾起懷舊的回憶，讓遊客了解這些人物的生活背景原來就在內 灣這個寂靜的山城。事實上，劉興欽的漫畫人物在內灣商圈中處處可見，新 竹縣文化局長蔡榮光進一步表示，縣政府即將於明年開始施工，興建一座「劉 興欽漫畫館」為來內灣村也將以漫畫村為號召。 除了具有地標特色的內灣車站外，內灣吊橋、內灣戲院、內灣老街等過 往生活的遺跡，也在等待再次被體會與品味。其中，內灣老街有當地特色美 食，如野薑花粽、紫玉菜包、客家擂茶、牛浣水、過鍋米粉等客家風味美食， 一家家具客家鄉土風味的餐飲店和民俗藝品，成了當地的觀光景點之一。
至內灣車站止，全線共二十七點九公里，沿線橫跨的行政區位由西而東有新 竹市、竹東鎮、橫山鄉等市鄉鎮，預估規劃建設總經費是五億七千六百多萬 元。 規劃公司強調，內灣支線全線共有九個站，將以觀光為主軸，竹中站規 劃成為鐵道公園、上員站則加強田野風味、榮華站強化引導空間、竹東站強 調客家文化保存兼具轉運功能、橫山站重在視覺景觀的營造、九讚頭車站是 與亞洲水泥相生相伴的車站、合興站是少見的折返式車站將塑造成愛情車站、 南河站成為內灣的前導站、內灣線則幻化成櫻花車站。而且，為強化每一車 站特色，將以植栽做區隔，像竹中站是葫蘆竹、上員站荷花、榮華站是紫藤、 竹東站橡棋樹（樹杞林）、橫山站月橘、九讚頭站九讚樹、合興站是桂 花、南河站香楓、內灣山櫻花或八重櫻、霧社櫻等。 參山國家風景區管理處則建議，配合「觀光客倍增計畫」，應加強客源 市場分析，同時以顧客的立場去規畫才能切入實際。國有財產局表示，規劃 範圍內屬於國有地的部份願全力配合。尖石鄉公所希望能將規劃腹地延伸到 尖石鄉。生產力中心建議，在台三線進到內灣入口處能設管制哨，以控制量 與品質。 一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中，對於內灣 線轉向觀光文化功能的發展，認為：「內灣線鐵路帶給人們的思古情懷及無 污染的觀光價值，遠勝財團開採山林製造工業污染所帶來的衝擊。過去，因 為內灣鐵道的興築，使得山林資源源源不絕的運往城市，但也使得原本美麗 的山林，遭受空前的迫害，森林滿足人類的享受，卻受到人類無情的摧殘， 近年來，因為山林資源逐漸耗盡，加上人類對生態環境保護的意識提高，所 以內灣線鐵道漸漸被觀光遊客所取代。」 不過，這名旅客呼籲說：「但遊客日漸增多，空瓶、塑膠袋、烤肉餘燼、 垃圾等的襲擊之下，山林的二度浩劫將再度降臨，希望人類能提昇高度智慧， 讓一切回歸自然。」另外一位旅客並且在內灣的鐵軌旁許下了心願說：「內 灣鐵路支線曾經帶動地方經濟，繁榮地方有功，是沿線聚落發展的軌跡，留 存了獨有的鐵路支線文化與優美的自然景觀，有如歌謠歡唱的節奏情懷， 璞實自然，使旅客心曠神怡，期許各方珍惜此文化遺產。」 內灣線自從半個世紀前通車開始，擔負著各種人類與自然之間生存競爭 方式的助手，但也因此在自然資源耗盡後逐漸走向沒落，現在，它又因某種 人與自然的生存互動重新出發，但是，它能否記得過去的經驗，在人與自然 之間用更互利、更平和的方式，達到永續的目標，不要因觀光業的蓬勃繁華 而再次迷失，或許才是大家在搭乘內灣線火車時應該好好深思的功課吧。
2.4 內灣著名小吃
野薑花粽 內灣的野薑花粽，起源據說昔時進入內灣交通運輸不便， 客家居民即以當、地油羅溪盛產的野薑作香料促進食慾後 來野薑花取根莖曬乾研磨成粉末，加上當地山胡椒、山地 香菇、黑豬豬肉、糯米同蒸成香噴噴油飯，再野薑花葉包 粽再蒸，這就是野薑花粽。 圖 2.4.1 野薑花粽 客家菜包 客家菜包的名稱由來，是因為裡頭包了蘿蔔絲、香菇等菜 料，所以叫做菜包，除此之外，也因為客家菜包的外型類 似裝豬仔的籠子，所以又被稱做為「豬籠粄」豬籠粄是客 家人清明節的傳統食物，當閩南人吃著潤餅的時候，客家 人則是吃著豬籠粄追憶祖先。 圖 2.4.2 客家菜包 客家擂茶 『擂茶』又名為『三生湯』，相傳於三國時張飛帶兵進攻 武陵之際，將士均得到瘟疫，無力前進，當時有一位老草 醫有感於蜀軍紀律嚴明，便獻上祖傳的除瘟秘方，以生茶、 生薑、生米共同磨成了糊狀，烹煮後食用，結果湯到病除， 擂茶便因此而流傳開來。 牛浣水，就是指將麻糬放入薑汁水中的點心，因為其形狀 就好像早期農閒老牛在水塘中佯倘之模樣，故取其名，本 店中有許多傳統農具，來此時別忘了參觀一下，而且此處 還常舉辦相關文化解說活動。 圖 2.4.4 牛浣水 圖 2.4.3 客家擂茶2.5 景點介紹
內灣傳統街屋 內灣傳統街屋皆具歷史意義，因當地盛產林木，製材業發達，所以居民建築 與一般新竹地區的客家土誦磚、紅磚構造房屋有所不同，而是多以紅磚砌柱及屋 基後，另以板材作為屋身、門窗及屋頂構造物，再於屋頂覆蓋以合板瓦或日式文 化瓦而成。街屋由其用材及形式皆能一窺其時代背景，配合居民用心的園藝花木 栽培點綴，在此悠游其中，更令人沈浸其幽雅古意的懷舊時空中。 圖 2.5.5 內灣傳統街屋 內灣車站 台灣鐵路內灣支線，原本並未通車至內灣，但隨著時代變遷及內灣的產業蓬 勃發展，以致內灣在民國 40 年有了火車通行。今車站保有五六零年代的建築風 格，並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程 圖 2.5.6 內灣車站內灣戲院 內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用，是一間深具歷史 意義的日式建築。主人因一方面經營山場，一方面經營製腦、故十分懂得山林粗 重勞動工人的休閒需要，因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣 戲院。內灣戲院的前身為楊家主人經營的山場之料坪（即：停放林木材料的場所）， 而更早期以前料坪旁的三角折坡上還有火鋸寮（為新竹最早的火力鋸木廠），今 仍可見其殘存的紅磚牆基。 圖 2.5.7 內灣戲院 內灣國民小學 內灣國民小學佔地寬廣，校園內花木扶疏、高大林木成蔭、景色怡人。由於 緊臨內灣車站，因此設施皆配合進出校園的設計，如：地下道、護欄、圍牆…等， 與一般學校景觀不同，更具其獨持性。 內灣派出所 位於內灣車站上方，鄰近內灣國民小學，是一棟具有建築之美的日式木造建 築。目前仍有警員駐守服務。
林務局檢查站 木業發達，因此由台灣省林務局在此設立內灣檢查站，以就近管制內灣地區 的林木採伐事宜，站內亦有自國外引進欲推廣之樹種，如柚木等等。目前內灣林 務局工作室已作為「林業博物館」使用，館內展示尖石、內灣地區現有的林木， 還有視聽館播放內灣和尖石林業的歷史興衰，讓遊客對內灣林業軌跡一目了然。 圖 2.5.9 林務局檢查站 劉興欽漫畫發明展覽館 劉興欽漫畫館矗立在內灣火車站後側，館內主要展出劉興欽先生之漫畫作品， 漫畫中常可見早期台灣生活器具及各種發行器具之介紹，解說生動活潑，相當具 啟發性。此外館內外隨處可見大嬸婆等漫畫的人偶塑像，讓參訪的遊客對這位漫 畫家，同時也是發明家的認識更加深刻。 圖 2.5.10 劉興欽漫畫發明展覽館
內灣吊橋 內灣吊橋於內灣村東方橫跨油羅溪，吊橋於溪中設置有兩座吊索橋架基墩， 造型極具美慼。橋全長約 147 公尺，寬約 2.6 公尺，可供人車通行，是通往南坪 的捷徑，亦可通往攀龍吊橋與北角吊橋。 圖 2.5.11 內灣吊橋 攀龍吊橋 攀龍吊橋位於內灣村西方橫跨油羅溪，吊橋於溪兩岸設置兩座吊索橋架基墩， 入口處巨石林木渾然天成，景觀頗具優雅。橋全長約 80 公尺，寬約 1.1 公尺， 僅可供人員通行，是通往南窩與南坪的捷徑，亦可通往內灣吊橋與尖山吊橋，但 現在橫山鄉公所已明訂其為危橋，禁止使用。 圖 2.5.12 攀龍吊橋
內灣溫泉 目前內灣尖石地區之溫泉仍處於萌芽階段。內灣地區的溫泉屬私人鑿井探勘， 於民國 91 年探勘成功，目前已由溫泉業者取水經營。根據新竹縣政府於 93 年委 託專家進行的溫泉調查，內灣近尖石之油羅溪畔有溫泉露頭，該地區為新竹北部 深具觀光潛力的新興溫泉發展區
2.6 交通路線
火車 搭乘火車至新竹火車站，轉乘內灣線火車至竹東站，再轉乘新竹客運內灣線、 那羅線、梅花線之班車至內灣站即可到達內灣老街。 客運 由新竹火車站搭乘新竹客運竹東線、芎林線、竹山線之班車至竹東站，再轉 乘新竹客運內灣線、那羅線、梅花線之班車至內灣站即可到達內灣老街。 開車 1. 國道一號：由竹東芎林交流道下，往竹東、橫山方向，到內灣後依指標前 行即可到達內灣老街。 2. 國道三號：由在竹林交流道下，循 120 縣道往南接台 3 線即可到達內灣老 街。 3. 台 3 線：走台 3 線往南方向，經過關西，往東經過竹東即可到到達內灣老 街。2.7 內灣近年來規劃與發展
新竹縣橫山鄉內灣村，其三面環抱麥樹仁山脈前臨油羅溪以往為鐵、公路終 點且為往返尖石鄉必經之路，所以為平埔族原住民與平地人交易集散地民國 30 年代，日本政府進行煤礦採掘，並在那時植遍櫻花，故有「櫻花故鄉」之稱 40 年代後，大量的林、礦勞工約五千名，日本人為內灣帶來強勁消費力，旅館 茶店仔和內灣戲院歌舞秀，入夜後依舊人聲沸騰，故有「小上海」之稱；50 年 代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台，漫畫家劉興欽成功塑造見 義勇為，打抱不平的阿三哥大嬸婆的濃郁鄉土性格，讓人回味無窮；60 年代後， 林、礦業相繼蕭條；89 年在經濟部商業司及中國生產力中心的積極輔導下以「山 下、情濃之休閒小鎮」為主軸，歷經三年輔導，將曾經沒落的小鎮，從 3000 元 房租漲到現在 6 萬元，從 18 戶店家發展到現在 328 戶店家，每逢假日吸引大批 遊客前往攬勝，讓村落重現熱鬧景象，因此有「北九份、南內灣」之喻，可觀的 人潮，商圈逐漸興盛，年輕人回鄉發展，土地增值，在加上漫畫家劉興欽「阿三 哥＆大嬸婆」大力支持，增加居民就業機會，提高店家經濟收益。今日的內灣如 銀白色的小珍珠般，在面前綻放光芒。 96 商業司小鎮商街藍圖硬體改善，97 年內灣獲選經濟部創新品牌商圈計畫， 本計畫以「優遊內灣樂活竹縣」為主軸，並結合尖石、峨眉、北埔三商圈共同串 連整合發展出商圈之共同品牌，97 年獲全國網路票選第二名，國內遊客最愛去 的地方，98 年獲選經濟部商圈改造計畫優質環境改造。 99 年新竹縣內灣商圈一年的旅遊人次達 200 萬，鐵路內灣支線更將在民國一百 年後將與高鐵接軌，結合高鐵桃園航空站，15 分鐘內將世界的旅人帶來新竹內 灣支線。未來將串聯新竹縣山、湖、海等多元國際觀光資源。 而新竹縣近來亦來積極整合縣內觀光資源。以山、海、湖、頭前溪為主軸發展， 透過「三鐵逍遙遊」：高鐵、台鐵、鐵馬車道的規劃、優質觀光旅遊活動的推動， 且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」， 將以內灣線鐵道為軸線，建構全國獨一無二的「台灣漫畫夢工場」，而橫山鄉更 積極爭取蒸氣火車到內灣，為實為內灣聚合出新的契機與風貌。 過去幾年來，經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設 計工作，自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內 灣老街風華再現看見客家計畫工程」、「內灣風景區停車場及環境景觀美化建設 計畫」、「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」、「內灣地區 管路地下化工程」、「鐵路內灣車站公廁整建工程」等，改善內灣各項公共設施 增加內灣之魅力。硬體部份，於 96 年中正路路燈美化；另外入口意象及導覽指軟體部分，97、98 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注。 當地商家並配合發展當地客家特色，使計畫區在優美的自然風光中呈現出風格獨 特山城魅力。目前商圈發展主要以火車站前的中正路為主，區內除了以漫畫書－ 阿三哥與大嬸婆為主題，賦予內灣新生命，老街上處處都可以看得到劉興欽筆下 人物的身影，在劉興欽漫畫展覽館內，更有完整的收藏。內灣老街總長約 200 公尺，大部分的店家僅在假日營業，街道兩旁皆是具有地方特色的野薑花粽、紫 玉菜包、客家擂茶、牛浣水、過鍋米粉……等客家美食；而沿著賞螢步道往後山 走去，更有令人驚喜的賞螢活動。而在油羅溪邊則常充斥著抓蝦、摸蟹、釣魚、 烤肉、露營的遊客，此外，站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊 橋，更吸引不少遊客在此駐足。
2.8 內灣生態 SWOT 分析
一、Strength 優勢 1. 保有最傳統客家文化小吃 2. 可以保有客家傳統文化，吸引觀光產業進駐並打響小鎮知名度。 二、Weakness 劣勢 1. 對於週休二日來玩得民眾較多易造成塞車交通阻塞。 2. 雖保有客家傳統文化的優點，但也須引進新的文化否則觀光客也會覺的重 復逛相同的商家而感覺乏味，因而不來遊玩。 三、Opportunity 機會 1. 對於鄰近商圈也將可以帶來商機，也可以使內灣湧入許多觀光客。 2. 可以發展溫泉區、森林遊樂區、親子遊樂區進而可以成為吸引觀光客來內 灣遊玩。 四、Threats 威脅 1. 雖然發展觀光區後可以吸引大批觀光客湧入，但也可能造成自然環境被破 壞、空氣也可造成汙染。 2. 為了吸引更多觀光客前來遊玩，可能會過度開發環境造成較原始生態不再 存在。2.9 何謂電子商務
一般而言，電子商務（EC，Electronic Commerce）最常的解釋是「藉由電腦 網路將購買與銷售、產品與服務等商業活動結合在一起，進而調整交易的基礎和 型態」但是電子商務並不是只有在網路放上企業的網頁而已，他是代表商業和企 業的另種型態。電子商務主要是建構在電子交易系統上，即是將傳統的金流和物 流數位化，並且發展「資訊流」，這正是電子商務的精髓。 2.9.1 電子商務帶來的好處 電子商務講求是速度、便捷和縮短時空的隔閡，經由電腦和網際網路聯結的 方式可以縮短交易時間和交易成本，進而滿足組織、商品與消費者的需要，改善 產品、服務與增加傳送速度服務的品質，並達成提高各地的商業速度，降低訊息 傳送的成本。並利用其網路搜尋與取得資訊，可以幫助個人與公司進行決策之制 定，不論是哪一種產業，未來會涉入其中，而這也將是未來的商業模式，進一步 達到整體企業 e 化的境界。 2.9.2 電子商務帶來衝擊 對於企業電子化所面臨的衝擊有多大？各國企業和消費的網際網路上，包含 企業對企業和企業對消費者的貿易量和商機（不單是在企業電子化方面），這幾 年來都是超倍速的成長，即使在今年網路發展出現泡沬化的現象，但美國 Forrester Research 仍預計在 2005 年，在全球固網、衛星和光纖的架設，全球商業連網的部 份至少達 80%，即使開在偏遠山區的商家，都能結合網路，達到遠距的銷售商務， 使得全世界的商業不再有國界之分。 2.9.3 政府相關推動 目前政府從早年的商業自動化推動校園教育和商品條碼，近來也不斷推動電 子商務，除了多年來不斷推動「國家資訊基本建設」的發展，依據經濟部八十八 年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫， 並配合一直在推行的商業自動化計畫，結合資訊與網際網路業者協助企業導入網 際網路在電子商務 EC（Electronic Commerce）上的應用，以強化各行業上、中、 下游的能力與效率，進而提高台灣產業整體之競爭力。累計至本年度所選擇的行 業已有三十個，以達到創造網際網路商業應用擴大示範效果的行業為主。2.9.4 走進電子商務殿堂 電子商務是近幾年來很熱門的討論話題，許多企業一直想進入這個領域，但 是問題是怎麼進入這領域？ 要先考慮三大問題：目的、資源和發展 1. 想要進入電子商務的目的：企業是為了什麼目的要進入電子商務，而不是為 了進入而進入。 2. 是否重新評估目前企業資源和外界環境：有多少的 Know-How？，準備投入 多少的資源進入。 3. 是否考慮到企業結構的改變和未來的發展：不論電子商務或企業ｅ化，目的 都在於針對企業內部和外部結構的調整，改變資訊傳遞、進銷系統、主雇關 係 及客服系統，且電子商務不是獨立，而是和企業一體，故需考量企業的 未來遠景。確定自己企業的目的、評估過環境和資源、認真思考企業的結構 和未來，接著有幾個步驟：收集相關資料和訊息，尋找相似的產業電子化的 資料，成功之處何在？失敗之處何在？預估投入的成本、想導入哪些，和時 間表，最重要的是充份和員工溝通。尋找輔導或結盟的機構，目前在台灣有 能力輔導的國內外公司，至少有數十家，應多聽多比較，並搜集相關資訊。 4. 選擇最合適的輔導合作對象，並明表達自己企業的目的和資源。 5. 重新評估自己的優勢並隨時面對可能發生的問題。 6. 不論電子商務或企業ｅ化，目的都在於針對企業內部和外部結構的調整，改 變資訊傳遞、進銷系統、主雇關係及客服系統，許多失敗的案例，都是企業 把電子商務視為獨立的業務，與企業其他的部份分離作業。電子商務不是獨 立，而是和企業一體，故需考量企業的未來遠景，相互配合。 2.9.5 電子商務的兩大支柱 對電子商務應用及各種基礎建設的推展而言，公共政策的配合和技術標準的 研擬是兩大重要支柱。關於著作權、隱私權的保障、消費者的保護、非法交易的 偵察、網路資訊的監督，以及交易糾紛的仲裁等，都須要制定相關的公共政策及 法律條文來配合。此外，為了確保整體網路的相容性，在發展各項基礎建設及電 子商務應用時，各種工具、使用者界面及傳輸協定的標準化是絕對必要的。
2.9.6 交易安全 有越來越多的公司透過網際網路來提供產品及服務資訊，但是對於在公眾網 路上實施線上交易仍然兢兢業業，主要原因是對於網路及交易安全仍然有所疑慮。 相同的，基於交易安全的考量，許多消費者對直接在網際網路上付款也有所顧忌。 目前資訊在網際網路上傳送，尚有被第三者竊取或變造的可能，特別是敏感的個 人及財務重要資訊。 如果無法保證交易可以安全地進行，消費者就不會願意在網際網路上面提供 信用卡及付款的相關資訊。而且商家為了避免發生交易糾紛，也就不敢冒然提供 線上購物的服務。若要電子商務成功且蓬勃地發展，則必須提升消費者對交易可 靠性的信心，以及增強公眾網路對外來非法入侵的防護措施。所以，交易安全是 目前電子商務發展中，急待克服且深受囑目的問題。 ( 如：帳號及密碼、信用卡卡號) ；資料庫或網路資源仍有被駭客侵入，而導致 資料被破壞、塗改、洩漏或濫用的可能性。 2.9.7 WWW 安全 為了進行電子商務，在不可信任的公眾網路上，客戶和伺服器之間的相互身 份驗證與確認是十分重要的。一個訊息進入公開的網際網路傳送時，必須包含一 些表示它的來源系統之資料。 WWW 並不會將通過它的資料予以加密，任何攔截 WWW 資料傳送的人都 可取用包含在裡面的資料。為了安全起見，Netscape 公司發展出 SSL (Secure Socket Layer) ，用以解決 WWW 上資訊傳送的安全顧慮，使用 SSL 如果資料 傳錯了目標，除了發送者及合法的接收者之外它所包含的資訊（如信用卡號碼） 第三者是無法閱讀的。透過 SSL ，資料在傳送出去之前就自動加密了，並會在 合法的接收端被解密。對於沒有解密金鑰的人來說，所收到的資料只是一堆沒有 意義的 0 和 1 而已。 2.9.8 資訊保密技術 電子商務是十分依賴密碼技術的，在網路上傳送的資料可採用密碼技術加以 保護，加密過的訊息在網路上流通時就算被駭客竊取，他也無法將訊息還原 (解密)。目前最常用的加密技術可歸類成兩種：傳統( 秘密金鑰) 加密法 (Private-key) 和公開金鑰(Public-key) 加密法。
2.9.9 所謂 4P 產品： 指企業對物品、服務及構想。因為消費者購買產品時會有不同的購買動機和 心理，因此企業必須站在消費者的角度將產品區隔化。 價格： 指企業對商品的生產和定價、通路、推廣。在經營網站時也是必須運用這行 銷策略。巧妙的地價策略不僅可以提高消費者的購買意願，甚至還可以較高的價 格獲得較高的利潤，同時也滿足了消費者的需求。 通路（配銷）： 指企業以正確的數量，在正確的時間、地點將產品提供給顧客。完整的通路 及物流管理在行銷時也是必要的，完整的通路及物流管理不但可以減少公司的成 本，也可增加顧客對公司的信任。 推廣（促銷）： 推廣的主要目標就是要告知、說服、提醒有關產品的資訊傳遞給顧客，進而 促進顧客的購物意願。
第三章專題設計與規劃
本章節將以九個小節來介紹本專題的專題規劃目標、系統開發方法、網站架 構藍圖、甘特圖、研究流程圖、專題分工分配表以及專題設備等。3.1 專題規劃目標
1. 收集有關內灣旅遊、商圈介紹、景點、美食、文化、旅遊寫真等相關資料。 2. 架設內灣旅遊、商圈景點介紹、美食、旅遊寫真、購物專區、留言版等網站。 3. 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得。 4. 使用一些免費的軟體來開發，以最低的成本達到網路開發的作用。 5. 提供業者的參考依據。3.2 系統開發方法
本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式，各步驟如下： 表 3-2-1 專題進行流程表 階段 工作 專題成果 截止日期 規劃 收集資料 整合資料 撰寫計畫書 專題計畫書 2012/05/26 分析 需求文件分析 製作網站架構圖 製作系統分析圖 系統分析書 2012/06/30 設計 網頁架構設計 資料庫設計 Flash 動畫設計 網站介面規格書 2012/08/20 建置 網頁版面製作 資料庫建置 Fluah 動畫製作 完整的系統 2012/11/01 上機與維護 網站正式上線 網站測試 撰寫使用手冊 撰寫結案報告 結案維護 結案報告書 與使用手冊 2012/12/103.3 系統開發流程圖
3.4 網站架構藍圖本系繪製的網站架構藍圖如下：
本專題所欲開發的系統，整體架構圖如下所示，其共包含下列幾個子系統
3.5 網站首頁架構圖
圖 3.5.1 網站首頁架構圖 由簡單呈現旅遊介紹及購物商品的方式，讓使用者可以更容易操作。3.6 首頁系統架構圖描述
一般使用者在首頁可以直接點選其他頁面來連結，管理者可以使用後台的建 制來進行各式的管理、新增、修改、刪除等，在前台方面商品品項與會員功能跟 資料管理等。 本專題網站內容項目描述如下: (1)「首頁」：讓瀏覽者可以快速的回到首頁。 (2)「文章列表」：提供內灣旅遊、商圈、景點、美食、文化，旅遊寫真供瀏覽者 點閱。 (3)「會員登入」：能提供使用者跟管理者登入來連結。 (4)「會員專區」：在登入後會員及管理者可以各自的修改資料或刊登一些商品等 功能。 (5)「留言板」：提供瀏覽者可以在板上留言討論，美食、旅遊、等經驗等分享交 流及提供使用者在使用上的疑問以及建議。 (6)「購物車」：可讓使用者完成購物的選擇，隨時掌握喜愛的商品訊息及通知。 (7)「商品搜尋」：商品搜尋系統讓使用者可以搜尋自己想要的商品。 (8)「後台管理」：主要是讓管理者可以操作以上功能的改善與管理好讓管理者可3.7 專題設備
本專題所使用之軟硬體如下 (1) 軟體方面： Office2010 Word 用途為文書處理軟體，如果你有要寫的報告或論文時，就可以使用此軟 體。文件中可以編輯文字，插入圖片、圖案、文字方塊、文字藝術師... 等等的多種物件。 Office2010Excel 用途編輯資料：於表格中輸入、修改資料。計算分析：以公式、函數的 運算產生有用的資訊，也可對大量雜亂的資料進行排序與篩選。自動重 新計算：原始資料有改變，運算結果自動更新。製作圖表：將表格資料 製作成圖表，以瞭解資料的分佈狀態。 Office2010Access 用途資料庫軟體, 所有需要資料庫的應用都可以用 access 達成,除了人 事資料外, 包括客戶管理, 學生管理, 圖書館應用, 進出貨管理。 Office2010Visio 用途是一套流程的排版製作軟體，支援...繪製程式流程圖。 Office2010Power Point 用途是一套強大的簡報編輯軟體。 WINDOWS7 用途作業系統 (2) 繪圖軟體 Flash CS5 用途專業且強大的動畫影像編輯軟體。 Photoshop CS5 用途：比較專業且強大的相片編修軟體，比較精密、複雜，不易上手， 但功能非常強大，也可以製作3D 的編輯，還支援DICOM 影像和 MATLAB 處理例行常式。 Dreamweaver 用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具，是全球 使用者最的網頁設計軟體，與其他軟體的相容整合性高，功能的全方位 延伸，工具方便使用，與目前網際網路的多媒體化及動態資料庫結合。項目 軟體名稱 軟體使用說明
作業系統 作業操作平台
文字編輯 文字撰寫、編輯
資料庫 資料庫
圖表繪製 甘特圖
動畫軟體 用途專業且強 大的動畫影像 編輯軟體 繪圖軟體 圖像美化編 輯、專業繪圖 網頁程式 設計 網頁編輯排版
(3) 硬體方面： 筆記型電腦 SONY 用途本專題使用的硬體資訊設備。 機身尺寸：331 x 224.5 x 23.9 mm 含電池的重量 1.71 kg 13.3 吋、1366 x 768 的 16：9 螢幕 Intel Core i5-2410M 雙核處理器 (2.3 - 2. 9 GHz)
AMD Radeon HD6470M + Intel HD 300 0 雙顯卡 500 GB、5400 rpm 硬碟 4 GB DDR3 1066 記憶體 DVD Super Multi 光碟機 指紋辨識器 內建一組 USB 3.0、兩組 USB 2.0 內建 HDMI、VGA、RJ-45、SD 讀卡機、M S 雙讀卡機 802.11 a / b / g / n 無線網路、藍牙
3.8 專題時程規劃－甘特圖
3.9 工作分配表
表 3-1 本專題工作分配表 項目 任務名稱 組員 蕭文俐 陳志宏 葉懿萱 王曉薇 1 訪談與調查 ● ● ● ● 2 資料收集 ● ● ● ● 3 資料分析 ● ● ● 4 資料整合評估 ● ● ● 5 撰寫計畫書 ● ● ● ● 6 確認使用軟體 ● ● ● 7 系統分析 ● ● 8 決定系統需求 ● ● ● 9 資料庫建立 ● ● 10 網頁版面設計 ● ● ● 11 美工設計 ● ● 12 線上測驗 ● ● ● 13 撰寫結案報告書 ● 14 結案研討會論文 ● 15 口頭報告 PPT 檔 ● 16 競賽海報 ●第四章專題成果
4.1 需求分析
對於本專題，經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在 下列有更詳細的敘述： 1. 消費者需求分析： 希望能提供一下安排旅遊行程的系統，可以替我們規劃出我們想要的旅遊行 程，因為我們可能有些景點去到不想去了，或者是由於某些景點都不太清楚，想 藉由貴站的旅遊系統來指引。 希望貴站能提供討論版，能讓我們在上面發表意見或者搜尋資料，也希望貴 站能提供相當豐富的旅遊資訊可以提供參考。 希望能與業者或管理者有雙向互動之窗口，以達到使用者與業者或管理者充 分的互動交流。。 2. 業者需求分析： i. 希望能提供可以即時更新資訊，可便於提供消費者瀏覽與使用。 ii. 希望可提供便於上傳最新檔案與公告系統。 iii. 希望能提供了解消費者的喜好，以便於做市場區隔。 iv. 透過互動式網站規劃，有助於與消費者逐漸建立忠誠度關係。 3. 管理者需求分析： 將管理者需求分為兩大項，其中需求各為分析之如下： i. 系統維護建置論壇，使其對使用者具有強大黏著性，較容易獲得消費者 忠誠度。最簡單的社群經營，大多是由留言板或聊天室拼湊出來的環境， 並無法有效吸引網友進入，關鍵在是否有長期經營做法、專人關心互動、 明顯獨特的主題，建置旅遊話題論壇，不失為一個好方法。 ii. 提供給管理者審核多家業者所提供的新景點，刪除重複且選出內容最好 的景點資訊，以便給使用者詳細良好的景點資訊。有方便修改資料的介 面，這樣子可以減少手動更新資料的時間。 iii. 能較容易管理使用者權限與會員資料安全的問題，提供給管理者對不遵 守網站規條的會員，進行刪除。 iv. 「協同運作」，將會員資料做好管理，如會員資格暫時凍結，並將會員 資料提供給業者做客製化後分群，以便使做到客戶關係維繫。4.2 事件
(1) 使用者利用網站進入首頁。 (2) 使用者瀏覽商圈介紹。 (3) 使用者瀏覽景點介紹。 (4) 使用者瀏覽旅遊寫真。 (5) 使用者瀏覽購物須知。 (6) 使用者瀏覽註冊會員。 (7) 使用者瀏覽留言版。 (8) 使用者瀏覽購物車。 (9) 管理者更新客戶資料管理。 (10) 使用者瀏覽購物車。 (11) 管理者更新客戶資料管理。 (12) 管理者更新商品資料管理。 (13) 管理者更新最新購物商品。 (14) 管理者更新留言版討論區的資訊。 (15) 管理者更新網頁平台的管理。4.2.1 事件表
表 4-1 事件表 事件 觸發 來源 活動 回應 目的 使用者進入 網站首頁 進入首頁 使用者 進入首頁 首頁資料功 能等 使用者 使用者瀏覽 商圈介紹 瀏覽商圈介紹 使用者 瀏覽商圈介 紹 文字資料功 能項目等 使用者 使用者瀏覽 景點介紹 瀏覽景點介紹 使用者 瀏覽景點介 紹 文字資料功 能項目等 使用者 使用者瀏覽 旅遊寫真 瀏覽旅遊寫真 使用者 瀏覽旅遊寫 真 文字資料功 能項目等 使用者 使用者瀏覽 購物須知 瀏覽購物須知 使用者 瀏覽購物須 知 文字資料功 能項目等 使用者 使用者瀏覽 註冊會員 瀏覽註冊會員 使用者 瀏覽註冊會 員 文字資料功 能項目等 使用者 使用者瀏覽 留言版 瀏覽留言版 使用者 留言 發表項目文 字資料 使用者 使用者瀏覽 購物車 瀏覽購物車 使用者 使用購物車 文字資料商 品項目 使用者 管理者更新 客戶資料管 理 更新客戶資料 管理 管理者 更新客戶資 料管理 新增修改刪 除等功能 管理者 管理者更新 商品資料管 理 更新商品資料 管理 管理者 更新商品資 料管理 新增修改刪 除等功能 管理者 管理者更新 最新商品 更新最新商品 管理者 更新最新商 品 新增修改刪 除等功能 管理者 管理者更新 留言版討論 區的資訊 更新留言版討 論區的資訊 管理者 更新留言版 討論區的資 訊 新增修改刪 除等功能 管理者 管理者更新 網頁平台的 管理 更新網頁平台 的管理 管理者 更新網頁平 台的管理 新增修改刪 除等功能 管理者4.3 系統分析
4.3.1 使用案例圖
4.3.2 使用案例描述 表 4-2-1 使用案例描述表-網站首頁 表 4-2-1 使用案例描述表-網站首頁 系統名稱:醉戀內灣老街平台網站
組別:B2
使用案例名稱:網站首頁 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):訪客、會員。 前提條件:必須開啟瀏覽器。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:使用者輸入網址。 2.系統顯示網站名稱。 3.使用者點選進入網站。 4.顯示網站首頁。 表 4-2-2 使用案例描述表-商圈介紹 系統名稱:醉戀內灣老街平台網站組別:B2
使用案例名稱:商圈介紹 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):訪客、會員。 前提條件:必須進入網站首頁。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:使用者輸入網址。 2.系統顯示商圈介紹。 3.使用者點選商圈介紹進入。 4.顯示商圈介紹頁面。表 4-2-3 使用案例描述表-景點介紹 系統名稱:醉戀內灣老街平台網站
組別:B2
使用案例名稱:景點介紹 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):訪客、會員。 前提條件:必須進入網站首頁。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:使用者輸入網址。 2.系統顯示景點介紹。 3.使用者點選景點介紹進入。 4.顯示景點介紹頁面。 表 4-2-4 使用案例描述表-旅遊寫真 系統名稱:醉戀內灣老街平台網站組別:B2
使用案例名稱:旅遊寫真 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):訪客、會員。 前提條件:必須進入網站首頁。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:使用者輸入網址。 2.系統顯示旅遊寫真。表 4-2-5 使用案例描述表-購物車 系統名稱:醉戀內灣老街平台網站
組別:B2
使用案例名稱:購物車 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):訪客、會員。 前提條件:需登入會員做購買動作。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:訪客(會員)進入首頁。 2.系統顯示網站首頁。 3.點選購物車進入網頁。 4.系統顯示購物車網頁。 5.會員提交登入給系統。 6.系統顯示登入成功至會員中心 頁面。 7.會員進行購買商品 9.會員提交商品資訊給系統。 10.TUCEW:系統確認商品的購買 訂單。 12.寫入訂單至資料庫。 14.TUCEW:系統顯示購買成功資 訊。 表 4-2-6 使用案例描述表-留言版 系統名稱:醉戀內灣老街平台網站組別:B2
使用案例名稱:留言版 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):訪客。 前提條件:必須進入網站首頁。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:訪客進入首頁。 2.系統顯示網站首頁。 3.點選留言版進入網頁。 4.系統顯示留言版網頁。 5.點選留言版。 6.系統顯示留言內容。表 4-2-7 使用案例描述表-登入會員 系統名稱:醉戀內灣老街平台網站
組別:B2
使用案例名稱:登入會員 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):會員。 前提條件:必須進入網站首頁。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:訪客(會員)進入首頁。 2.系統顯示網站首頁。 3.輸入會員帳號、密碼。 4.系統進行驗證。 6.系統從資料庫來比對資料。 8.TUCEW:系統顯示登入成功至會 員中心。 表 4-2-8 使用案例描述表-查詢訂單 系統名稱:醉戀內灣老街平台網站組別:B2
使用案例名稱:查詢訂單 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):會員。 前提條件:必須進入網站首頁，並且登入會員。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:訪客(會員)進入首頁。 2.系統顯示網站首頁。 3.輸入會員帳號、密碼。 4.系統顯示登入成功。 5.會員進行查詢訂單資料。 6 從資料庫讀取個人訂單資料並 顯示訂單資訊。表 4-2-9 使用案例描述表-取消訂單 系統名稱:醉戀內灣老街平台網站
組別:B2
使用案例名稱:取消訂單 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):會員。 前提條件:必須進入網站首頁，並且登入會員下訂單過。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:訪客(會員)進入首頁。 2.系統顯示網站首頁。 3.輸入會員帳號、密碼。 4.系統顯示登入成功。 5.會員進行查詢訂單資料。 6 從資料庫讀取個人訂單資料並顯 示訂單資訊。 7.會員點選訂單編號。 8.TUCEW:系統顯示訂單明細資料 至頁面。 9.會員提交取消訂單的要求給系統。 10.TUCEW:系統儲存取消資料至資 料庫。 表 4-2-10 使用案例描述表-修改個人資料 系統名稱:醉戀內灣老街平台網站組別:B2
使用案例名稱:個人資料 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):會員。 前提條件:必須進入網站首頁，並且登入會員。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:訪客(會員)進入首頁。 2.系統顯示網站首頁。 3.輸入會員帳號、密碼。 4.系統顯示登入成功。 5.會員進行查詢個人資料。 6 從資料庫讀取個人資料。 7.會員修改個人資料。 8.TUCEW:系統顯示個人資料至頁面。 9.會員送出修改後的個人資料系統。 10.TUCEW:系統顯示修改後的個人資 料頁面。其他/例外路徑: 會員提交登入要求給系統: 如果會員所提交的登入並不存在或錯誤，系統將會要求重新登入或註冊 表 4-2-11 使用案例描述表-管理登入 系統名稱:醉戀內灣老街平台網站
組別:B2
使用案例名稱:管理登入 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):管理員。 前提條件:進入網站首頁，必須登入管理員帳號，並且進入管理員後台。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:管理員進入首頁。 2.系統顯示登入頁面。 3.管理者輸入帳號、密碼給系統 4.系統進行認證。 6.TUCEW:系統顯示登入成功的頁 面。 表 4-2-12 使用案例描述表-編輯網站 系統名稱:醉戀內灣老街平台網站組別:B2
使用案例名稱:編輯網站 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):管理員。 前提條件:必須進入網站首頁，必須登入管理員帳號，並且進入管理員後台。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:管理員進入首頁。 2.系統顯示登入成功至後台。 3.管理者進行編輯要求給系統。 4.儲存編輯資料至資料庫。表 4-2-13 使用案例描述表-商品管理 系統名稱:醉戀內灣老街平台網站
組別:B2
使用案例名稱:商品管理 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):管理員。 前提條件:進入網站首頁，必須登入管理員帳號，並且進入管理員後台。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:管理員進入首頁。 2.系統顯示登入成功至後台。 3.管理者進行查詢、修改。刪除資料給系統。 4.從資料庫取出資料後查詢、修 改、刪除最後儲存資料。 6.TUCEW:系統顯示更改後的商品 資料。 表 4-2-14 使用案例描述表-用戶管理 系統名稱:醉戀內灣老街平台網站組別:B2
使用案例名稱:用戶管理 組員姓名:蕭文俐、葉懿萱、王曉薇、陳志宏 編號: 版本: 活動者(Actor):管理員。 前提條件:進入網站首頁，必須登入管理員帳號，並且進入管理員後台。 成功狀態:顯示查詢後的結果。 失敗狀態:查無相關資料或此資料不存在。 使用者動作 系統回應 1.TUCBW:管理員進入首頁。 2.系統顯示登入成功至後台。 3.管理者進行用戶資料的查詢、修改。刪除 資料。 4.從資料庫取出資料後查詢、修 改、刪除最後儲存資料。4.4 循序圖
4.4.1 瀏覽網站首頁
圖 4.4.1 訪客瀏覽網站首頁
4.4.3 會員登入
圖 4.4.3 會員登入
4.4.4 修改個人資料
4.4.5 購物車
圖 4.4.5 購物車
4.4.7 管理留言專區
圖 4.4.7 管理留言專區
4.4.8 管理後台功能
4.5 網站使用手冊
內灣老街平台網站一共有兩種使用者：一般使用者及會員管理者，所以在此 提供了兩種版本的使用手冊，方便使用者使用本網站。 4.5.1一般使用者手冊 1. 進入「內灣老街平台網站」網頁的方法 (1) 開啟網際網路 圖 4.5.1 使用者手冊（開啟網際網路）2. 瀏覽「內灣老街平台網站」首頁 (1) 開啟內灣老街平台網站，請在此網址列輸入: http://120.106.196.7/Neiwan/內灣老街之醉戀內灣-首頁.html 圖 4.5.2 使用者手冊（輸入網址） 3. 瀏覽進版頁面 (1) 在進版頁面點選「進入網站」，可以進入我們製作的網站。 (2) 進入首頁後可以看到網頁的五大主題：商圈介紹、景點介紹、旅遊寫真、購 物專區、留言版。
4. 瀏覽「商圈介紹」網頁
(1) 在「內灣老街平台網站」首頁，點選「商圈介紹」，再點選「特色發展」，可 以觀看內灣特色及發展介紹。
(2) 在「內灣老街平台網站」首頁，點選「商圈介紹」，再點選「組織管理」，可 以觀看內灣歷史發展。
(3) 在「內灣老街平台網站」首頁，點選「商圈介紹」，再點選「旅程規劃」，可 以觀看內灣一日遊旅程規劃行程。
(4) 在「內灣老街平台網站」首頁，點選「商圈介紹」，再點選「交通位置」，可 以觀看內灣老街交通位置。
(5) Google Map 還有提供街景服務的功能
5. 瀏覽「景點介紹」網頁
(1) 在「內灣老街平台網站」首頁，點選「景點介紹」，可以看到網頁景點各區 介紹：劉興欽漫畫發明館、林業展示館、內灣國小、內灣戲院、內灣火車站、 內灣吊橋等等。
(2) 在「內灣老街平台網站」首頁，點選「景點介紹」，再點選「各區介紹」可 以看到網頁景點各區介紹札記分享及地理位置：劉興欽漫畫發明館、林業展 示館、內灣國小、內灣戲院、內灣火車站、內灣吊橋。
6. 瀏覽「旅遊寫真」網頁 (1) 在「內灣老街平台網站」首頁，點選「旅遊寫真」，再點選「各區旅遊寫真 相本」，可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真:內灣 火車站、內灣吊橋、如意食堂、內灣戲院、劉興欽漫畫館、內灣美食、童玩 小站、內灣老街、內灣國小)。 圖 4.5.10 使用者手冊（旅遊寫真－相本連結）
(2) 點選「各區旅遊寫真相本」，可以看到內灣旊遊景點寫真及美食相本集(網站 寫真:內灣火車站、內灣吊橋、如意食堂、內灣戲院、劉興欽漫畫館、內灣 美食、童玩小站、內灣老街、內灣國小)。
(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗，視窗有三個瀏覽 方式: 自動播放、滑鼠瀏覽、及點選鍵從下一張觀看等功能。
7. 瀏覽「購物專區」網頁 (1) 在「內灣老街平台網站」首頁，點選「購物專區」，登入會員帳號即可以觀 看購物車操作。 圖 4.5.13 使用者手冊（購物專區--會員註冊） (2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表，以及熱賣商品， 購物專區網頁分六大主題:回首頁、付款與配送方式、查詢線上會員、我的 購物車、登出、及搜尋。
(3) 點選喜愛的商品數量再點「確定購買」
圖 4.5.15 使用者手冊（購物專區—選取購買商品）
(5) 出現以下畫面，就是成功購買到你要的商品
圖 4.5.17 使用者手冊（購物專區—成功購買商品）
(7) 在購物首頁點選「查詢線上會員」查看目前線上會員
圖 4.5.19 使用者手冊（購物專區—查詢線上會員）
(8) 在購物首頁點選「我的購物車」查看購物明細，也可以選「繼續挑選其他 商品」繼續購物。
(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品。
8. 瀏覽「留言板」網頁
(1) 在「內灣老街平台網站」首頁，點選「留言板」，進入留言板後可以看到網 頁有包含二項功能連結：留言、回首頁。
(2) 在「內灣老街平台網站」首頁，點選「留言板」，再點選「留言」，「送出」 可以立即發表留言。
(3) 在「內灣老街平台網站」首頁，點選「留言板」，再點選「返回」，可以立即 回到留言板主頁面，並可以繼續留言以及運用其他功能。
9. 瀏覽「FaceBook 連結圖」網頁
(1) 在「內灣老街平台網站」首頁，點選本網站各頁尾「FaceBook 連結圖」，進 入內灣老街平台網站粉絲團-愛上這條街
圖 4.5.24 使用者手冊（Face Book 連結圖）
10. 瀏覽「E-mail」網頁
(1) 在「內灣老街平台網站」首頁，點選本網站各頁尾「E-mail 連結圖」，進入 Outlook 信箱留言。
4.5.2會員管理者使用手冊 1. 會員管理者登錄/登出
(2) 輸入「帳號」：admin 及「密碼」：admin 後，再按「送出」即可進入「會員 管理者登錄」主畫面。
圖 4.5.28 會員管理者使用手冊（管理者登錄帳號密碼）
(4) 若帳號密碼輸入錯誤，則會顯示「登入失敗」的訊息，再返回登入畫面重新 登入。
圖 4.5.30 會員管理者使用手冊（登錄失敗）
