元培科技大學 -...

85
元培科技大學 資訊管理系畢業專題 內灣老街電子商務平台網站 組別:B2 指導老師:廖國雄 老師 員:陳志宏(1002308004) 蕭文俐(1002308012) 葉懿萱(1002308017) 王曉薇(1002308023) 0

Upload: others

Post on 18-Oct-2019

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

元培科技大學

資訊管理系畢業專題

內 灣 老 街 電 子 商 務 平 台 網 站

組別B2

指導老師廖國雄 老師

組 員陳志宏(1002308004)

蕭文俐(1002308012)

葉懿萱(1002308017)

王曉薇(1002308023)

中 華 民 國 一 0 一 年 十 二 月

i

摘要

隨著電子商務的蓬勃發展電子商務便形成不可或缺的行銷管道而交易安

全的疑慮了解網站的內容的管道不甚周嚴等等的因素皆會令消費者裹足不前

除去這些人為的因素還有其他因素可能會影響到的網路購物意願因此本研究

試圖了解目前大專生的網路購物意願並探討影響消費者上網購物的因素本網

站將建構購物車系統模組讓原本只有來店消費的商業模式可以推廣到宅配到府

而且考慮到現在大學生天天都會使用電腦因此結合時下最流行的社群網路

Facebook創了『內灣老街粉絲團』再利用口碑的方式來行銷增加內灣老街曝

光率藉以刺激消費者來消費的意願此專題利用社群網站做口碑以及結合當地

的特色景點讓遊客除了吃美食以外還可以四處遊玩規劃出內灣一日遊的愉

悅行程

關鍵字電子商務網際網路創業行銷

ii

目錄 摘要 i

目錄 ii

圖目錄 iv

表目錄 vi

第一章 緒論 1

11 背景與動機 1

12 研究目的 1

13 限制 1

14 關鍵名詞定義 2

第二章文獻探討 3

21 內灣歷史 3

22 內灣特色與發展 3

23 內灣鐵路發展 4

24 內灣著名小吃 7

25 景點介紹 8

26 交通路線 12

27 內灣近年來規劃與發展 13

28 內灣生態 SWOT 分析 14

29 何謂電子商務 15

291 電子商務帶來的好處 15

292 電子商務帶來衝擊 15

293 政府相關推動 15

294 走進電子商務殿堂 16

295 電子商務的兩大支柱 16

296 交易安全 17

297 WWW 安全 17

298 資訊保密技術 17

299 所謂 4P 18

第三章專題設計與規劃 19

31 專題規劃目標 19

32 系統開發方法 19

33 系統開發流程圖 21

34 網站架構藍圖本系繪製的網站架構藍圖如下 22

35 網站首頁架構圖 23

36 首頁系統架構圖描述 23

37 專題設備 24

iii

38 專題時程規劃-甘特圖 29

39 工作分配表 30

第四章專題成果 31

41 需求分析 31

42 事件 32

421 事件表 33

43 系統分析 34

44 循序圖 42

45 網站使用手冊 46

第五章結論與建議 69

附錄 70

參考文獻 78

iv

圖目錄

圖 231 內灣鐵路 4

圖 242 客家菜包 7

圖 243 客家擂茶 7

圖 244 牛浣水 9

圖 255 內灣傳統街屋 8

圖 256 內灣車站 8

圖 257 內灣戲院 9

圖 258 內灣派出所 9

圖 259 林務局檢查站 10

圖 2510 劉興欽漫畫發明展覽館 10

圖 2511 內灣吊橋 11

圖 2512 攀龍吊橋 11

圖 351 網站首頁架構圖 23

圖 381 甘特圖 29

圖 431 使用案例圖 34

圖 441 瀏覽網站首頁 42

圖 442 一般使用者註冊 42

圖 443 會員登入 43

圖 444 修改個人資料 43

圖 445 購物車 44

圖 446 留言板 44

圖 447 管理留言專區 45

圖 448 管理後台功能 45

圖 451 使用者手冊(開啟網際網路) 46

圖 452 使用者手冊(輸入網址) 47

圖 453 使用者手冊(五大主題) 47

圖 454 使用者手冊(商圈介紹-特色發展) 48

圖 455 使用者手冊(商圈介紹-組織管理) 49

圖 456 使用者手冊(商圈介紹-旅程規劃) 50

圖 457 使用者手冊(商圈介紹-交通位置) 51

圖 458 使用者手冊(景點介紹--各區景點介紹) 52

圖 459 使用者手冊(景點介紹--詳細札記分享) 53

圖 4510 使用者手冊(旅遊寫真-相本連結) 54

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集) 55

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗) 56

圖 4513 使用者手冊(購物專區--會員註冊) 57

v

圖 4514 使用者手冊(購物專區mdash購物首頁) 57

圖 4515 使用者手冊(購物專區mdash選取購買商品) 58

圖 4516 使用者手冊(購物專區mdash結算中心) 58

圖 4517 使用者手冊(購物專區mdash成功購買商品) 59

圖 4518 使用者手冊(購物專區mdash付款與配送方式) 59

圖 4519 使用者手冊(購物專區mdash查詢線上會員) 60

圖 4520 使用者手冊(購物專區mdash我的購物車) 60

圖 4521 使用者手冊(購物專區mdash搜尋) 61

圖 4522 使用者手冊(留言板-二項功能) 62

圖 4523 使用者手冊(留言板-留言功能amp返回留言版) 63

圖 4524 使用者手冊(Face Book 連結圖) 64

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街) 64

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook) 65

圖 4527 會員管理者使用手冊(管理者登錄) 66

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼) 67

圖 4529 會員管理者使用手冊(管理者畫面) 67

圖 4530 會員管理者使用手冊(登錄失敗) 68

圖 4531 管理者使用手冊(登出) 68

vi

表目錄 表 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

第一章 緒論

11 背景與動機

電腦與網路在現今社會中蓬勃發展到現在儼然已經成為人們生活中不可或

缺的必需品而網際網路越來越深入每個人的生活中使得消費的消費行為模式

大大的改變消費者為了減少開銷選擇窩在家裡所以越來越不喜愛出門幾乎都

是上網解決所有問題因而出現了所謂的宅經濟

新竹科學園區為科技界的資訊重地其中的園區工作者往往不是居住於新竹本地

者居多而近年來因為交通的發達再加上週休二日的連續假期造成人們開始

重視休閒娛樂等相關訊息而此時網際網路的發展帶動了各種商機為了提升

園區工作效率故介紹新竹知名景點及美食小吃提供園區內工作者多一分的參

12 研究目的

本專題研究是以『旅遊網兼電子商務』作為結合其製作方向主要為盡量

做出讓使用者覺得方便輕鬆操作以及資訊間的消息互通讓平常忙碌的工作者

在休閒假期時有多一分的旅遊參考網站中也將置入知名店家的名產訂購不只

讓假日休假的工作者有旅遊參考地點也讓沒時間出遊的忙碌工作者透過網路的

訂購能夠吃到地方特色名產

在網站中也將設立討論區及留言版的規劃讓使用者能夠說出自己的意見及參考

而網站架設的主要目的是為了能夠讓在新竹本地及外地工作者能夠有一個放鬆

參考的地方

13 限制

因為設備的不足和組員時間上的搭配還有費用上的憂慮所以造成製作上的

困難店家的合作意願也是一個重大的關鍵而新竹知名景點範圍太過廣泛所

以目前只針對內灣老街的部分以及周邊景點作為介紹還有老街的一些歷史文獻

作為旅遊景點之參考

2

14 關鍵名詞定義

本專題計用到下列幾個重要的名詞茲分別定義如下

1 購物車提供會員檢視購物之物品和購買

2 留言板讓訪客表達自己的意見

3 會員區登入註冊會員後可下單購物

4 搜尋商品搜尋系統讓使用者可以搜尋自己想要的商品

5 文章列表提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者點

3

第二章文獻探討

本章節將以九個小節來依序探討本專題關於內灣歷史內灣特色與發展內灣鐵

路發展內灣著名小吃內灣景點介紹與鄰近商圈交通路線(開車大眾運輸)

內灣近年來規劃與發展內灣生態 SWOT 分析電子商務等來介紹關於內灣詳

細介紹

21 內灣歷史

內灣的緣起及歷史

內灣位於新竹縣最大河川--頭前溪上游支流的油羅溪畔行政上屬於新

竹縣橫山鄉內灣村根據新竹縣文獻記載「南河地方昔屬荒野光緒 33 年

平 定生番在日政府保護下形成村落」而內灣在當時還屬於南河轄下小

部落也是最靠近「番地」的平地聚落清朝時內灣的墾民經營採製苧麻

搭建腦寮焗腦等產業活動昔日內灣老街是往返尖石山區的主要道路50

年代曾為內灣帶來許多觀光人潮內灣旅遊以中正路為主向外發展至光復

路大同路和平街中山街及廣濟路等後來隨著林業及礦業的沒落內

灣旅遊也由繁華歸於平靜經濟部商業司自民國 84(1995)年起陸續推動『形

象商圈』及『商店街』計畫內灣於 89 至 91 年間籌組『內灣形象商圈管

理推動委員會』以內灣老街為主搭配內灣線鐵路帶動當地觀光

22 內灣特色與發展

新竹內灣在我們記憶裡是一個風景優美綠蔭盎然山木林立的地方

週遭當地的生態保留也相完整樹蔭溪流吊橋成了內灣的觀光景點附

近一些懷古的景象也是蠻多的諸如合興火車站搭配週遭的景緻彷彿讓我們

回溯到 30-40 年代的時光另一特色是內灣的老街風光當地住宅的風格特

色及人文活動都保留著相當完整來到這兒就像回到早期簡樸規律的生活

日出而做日落而息的形容或許是比較貼切一點吧除此之外內灣吊橋也

是名聞遐邇不少遊客來此都一定要經過吊橋感受從吊橋俯瞰溪流下的風

光然而有不少民眾也趁假日閒暇之時攜家帶眷或三五好友吆喝一起在溪

流下的樹蔭處烤肉談天戲水等

近來也因政府極力推行產業觀光等活動也帶動當地推行商圈再造改

變城鄉面貌等讓昔日內灣風情再造新的面貌生活機能及人文發展更上一

層樓故內灣溪畔也有觀景台觀賞落日餘暉的美景等景觀公園內灣除了

風景外當地的名產也很多如客家擂茶野薑花粽柿子等

4

由於內灣線的旅遊風氣始於近幾年因此依然擁有樸實的風貌及保留原始的

景色詩情畫意的風景有原始的溪谷吊橋客家三合院以及翠綠的田

野景觀坐在車窗內望著鐵路沿線風景彷彿來到室外桃源

一出車站就是著名的內灣老街放眼望去都是濃濃的客家風情侯孝賢導

演的國片「戀戀風情」就是在這裡拍攝的老街裡各式各樣當紅的即將消

逝的客家小吃美食在此原始展現具有地方特色的野薑花棕紫玉菜包

客家擂茶牛浣水過鍋米粉等客家美食這些都是能滿足了我們的觀光客

的心

23 內灣鐵路發展

圖 23 1 內灣鐵路

內灣線是一條由國人建造的支線前身是輕便車道從新竹車站開始行

駛往東由靠海的平原逐漸進入山區早期用來運送煤礦及木材內灣線的

設立原本就是為了山林資源例如石灰石煤礦矽沙等礦藏和極為珍

貴的香杉赤柯檜木以及早期用做煉腦的樟樹等因此隨著光復後的產

業發展需求便開始了內灣支線超過半個世紀的火車快飛歲月

這條由新竹到內灣長約二十九點九公里的內灣線它的興築可溯自日

據末期竹東鐵道的建設計劃不過真正完成新竹到竹東段則是民國三十六

年十月十五日的事到了民國三十九年十二月這條鐵路又延伸至合興民

國四十年九月繼續延伸到內灣整條支線於是完成

內灣支線是由新竹分歧出來經竹東的竹中上員竹東便跨進橫山

鄉的橫山九讚頭合興南河到終點站內灣途經四個山洞兩座鐵橋

爬山穿嶺過溪工程十分艱鉅至今內灣車站仍保有當年的建築風格並保

留有「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

內灣線通車後可以說是台鐵所有支線中營運最穩定的一條鐵路沿線

的一些村鎮也因而繁榮了起來尤其是終點站內灣村早期是油羅溪上游木

5

材的集運地內灣線通車後不但木材業因為有了更便捷的輸送交通而愈發

興盛民國四十五年左右還出現採煤礦的人潮因此電影餐飲酒家旅

社的行業也應運興起甚至還有「小上海」「小台北」的暱稱

像是當地最著名的戲院之一內灣戲院是於民國卅九年由楊盛泉籌劃落

成為一間深具歷史意義的日式建築物楊盛泉因一方面經營山廠一方面

經營製腦故十分懂得山林粗重勞動工人的休閒需要因此才在當時僅一千

多人的小村落興建戲院在內灣繁華時期內灣戲院曾經演過客家大戲歌

仔戲歌舞表演以及電影放映等為內灣線帶來的繁華歲月做了一個很身歷

聲的見證

當年從新竹站開往內灣的火車是藍色平頭的柴油客車在蒸汽黑白交

雜的煙霧中往東開向田園鄉村意味濃厚的景色而竹東站一過後橫山

九讚頭合興等都是典雅的小站在油羅溪旁一一供人讚嘆然後煙霧一路

繁衍到內灣在來來去去的日子裡一趟一趟地傳遞興盛與沒落的訊息還

有許許多多追火車的浪漫愛情故事

然而內灣線和其他一些台鐵的支線一樣因為各種各樣的變遷與發展

的理由逐漸失去了往日風華不過內灣線因有貨運撐腰因此順利走過

了停駛的年代而且近年來懷舊觀光風突然興起美麗的內灣線以及純樸

的山城一時之間又開始「鹹魚翻身」新竹縣長鄭永金表示鐵路局內灣

線因經營不善原本要停駛但在縣府結合文化休閒產業及當地螢火蟲特

色整體行銷包裝後去年載客率成長近百分之四十他強調內灣線九個

車站都有豐富人文地產觀光潛力十足

其中曾經沒落的內灣車站由於兩年前文化創意的注入成功的將漫

畫家劉興欽的作品「阿三哥與大嬸婆」連結起死回生帶動了觀光風潮

現在一下了火車更可見到阿三哥大嬸婆放牛技長機器人等漫畫人

物的塑 像勾起懷舊的回憶讓遊客了解這些人物的生活背景原來就在內

灣這個寂靜的山城事實上劉興欽的漫畫人物在內灣商圈中處處可見新

竹縣文化局長蔡榮光進一步表示縣政府即將於明年開始施工興建一座「劉

興欽漫畫館」為來內灣村也將以漫畫村為號召

除了具有地標特色的內灣車站外內灣吊橋內灣戲院內灣老街等過

往生活的遺跡也在等待再次被體會與品味其中內灣老街有當地特色美

食如野薑花粽紫玉菜包客家擂茶牛浣水過鍋米粉等客家風味美食

一家家具客家鄉土風味的餐飲店和民俗藝品成了當地的觀光景點之一

現在內灣線儼然已成為鐵道旅遊的明日之星新竹縣縣政府搭上行政院「水

與綠計畫」與「觀光客倍增計畫」的列車將內灣閒置空間再利用根據規

劃顧問公司的報告內灣支線位於新竹縣內屬線型空間規劃自新竹站起

6

至內灣車站止全線共二十七點九公里沿線橫跨的行政區位由西而東有新

竹市竹東鎮橫山鄉等市鄉鎮預估規劃建設總經費是五億七千六百多萬

規劃公司強調內灣支線全線共有九個站將以觀光為主軸竹中站規

劃成為鐵道公園上員站則加強田野風味榮華站強化引導空間竹東站強

調客家文化保存兼具轉運功能橫山站重在視覺景觀的營造九讚頭車站是

與亞洲水泥相生相伴的車站合興站是少見的折返式車站將塑造成愛情車站

南河站成為內灣的前導站內灣線則幻化成櫻花車站而且為強化每一車

站特色將以植栽做區隔像竹中站是葫蘆竹上員站荷花榮華站是紫藤

竹東站橡棋樹(樹杞林)橫山站月橘九讚頭站九讚樹合興站是桂

花南河站香楓內灣山櫻花或八重櫻霧社櫻等

參山國家風景區管理處則建議配合「觀光客倍增計畫」應加強客源

市場分析同時以顧客的立場去規畫才能切入實際國有財產局表示規劃

範圍內屬於國有地的部份願全力配合尖石鄉公所希望能將規劃腹地延伸到

尖石鄉生產力中心建議在台三線進到內灣入口處能設管制哨以控制量

與品質

一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中對於內灣

線轉向觀光文化功能的發展認為「內灣線鐵路帶給人們的思古情懷及無

污染的觀光價值遠勝財團開採山林製造工業污染所帶來的衝擊過去因

為內灣鐵道的興築使得山林資源源源不絕的運往城市但也使得原本美麗

的山林遭受空前的迫害森林滿足人類的享受卻受到人類無情的摧殘

近年來因為山林資源逐漸耗盡加上人類對生態環境保護的意識提高所

以內灣線鐵道漸漸被觀光遊客所取代」

不過這名旅客呼籲說「但遊客日漸增多空瓶塑膠袋烤肉餘燼

垃圾等的襲擊之下山林的二度浩劫將再度降臨希望人類能提昇高度智慧

讓一切回歸自然」另外一位旅客並且在內灣的鐵軌旁許下了心願說「內

灣鐵路支線曾經帶動地方經濟繁榮地方有功是沿線聚落發展的軌跡留

存了獨有的鐵路支線文化與優美的自然景觀有如歌謠歡唱的節奏情懷

璞實自然使旅客心曠神怡期許各方珍惜此文化遺產」

內灣線自從半個世紀前通車開始擔負著各種人類與自然之間生存競爭

方式的助手但也因此在自然資源耗盡後逐漸走向沒落現在它又因某種

人與自然的生存互動重新出發但是它能否記得過去的經驗在人與自然

之間用更互利更平和的方式達到永續的目標不要因觀光業的蓬勃繁華

而再次迷失或許才是大家在搭乘內灣線火車時應該好好深思的功課吧

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 2: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

i

摘要

隨著電子商務的蓬勃發展電子商務便形成不可或缺的行銷管道而交易安

全的疑慮了解網站的內容的管道不甚周嚴等等的因素皆會令消費者裹足不前

除去這些人為的因素還有其他因素可能會影響到的網路購物意願因此本研究

試圖了解目前大專生的網路購物意願並探討影響消費者上網購物的因素本網

站將建構購物車系統模組讓原本只有來店消費的商業模式可以推廣到宅配到府

而且考慮到現在大學生天天都會使用電腦因此結合時下最流行的社群網路

Facebook創了『內灣老街粉絲團』再利用口碑的方式來行銷增加內灣老街曝

光率藉以刺激消費者來消費的意願此專題利用社群網站做口碑以及結合當地

的特色景點讓遊客除了吃美食以外還可以四處遊玩規劃出內灣一日遊的愉

悅行程

關鍵字電子商務網際網路創業行銷

ii

目錄 摘要 i

目錄 ii

圖目錄 iv

表目錄 vi

第一章 緒論 1

11 背景與動機 1

12 研究目的 1

13 限制 1

14 關鍵名詞定義 2

第二章文獻探討 3

21 內灣歷史 3

22 內灣特色與發展 3

23 內灣鐵路發展 4

24 內灣著名小吃 7

25 景點介紹 8

26 交通路線 12

27 內灣近年來規劃與發展 13

28 內灣生態 SWOT 分析 14

29 何謂電子商務 15

291 電子商務帶來的好處 15

292 電子商務帶來衝擊 15

293 政府相關推動 15

294 走進電子商務殿堂 16

295 電子商務的兩大支柱 16

296 交易安全 17

297 WWW 安全 17

298 資訊保密技術 17

299 所謂 4P 18

第三章專題設計與規劃 19

31 專題規劃目標 19

32 系統開發方法 19

33 系統開發流程圖 21

34 網站架構藍圖本系繪製的網站架構藍圖如下 22

35 網站首頁架構圖 23

36 首頁系統架構圖描述 23

37 專題設備 24

iii

38 專題時程規劃-甘特圖 29

39 工作分配表 30

第四章專題成果 31

41 需求分析 31

42 事件 32

421 事件表 33

43 系統分析 34

44 循序圖 42

45 網站使用手冊 46

第五章結論與建議 69

附錄 70

參考文獻 78

iv

圖目錄

圖 231 內灣鐵路 4

圖 242 客家菜包 7

圖 243 客家擂茶 7

圖 244 牛浣水 9

圖 255 內灣傳統街屋 8

圖 256 內灣車站 8

圖 257 內灣戲院 9

圖 258 內灣派出所 9

圖 259 林務局檢查站 10

圖 2510 劉興欽漫畫發明展覽館 10

圖 2511 內灣吊橋 11

圖 2512 攀龍吊橋 11

圖 351 網站首頁架構圖 23

圖 381 甘特圖 29

圖 431 使用案例圖 34

圖 441 瀏覽網站首頁 42

圖 442 一般使用者註冊 42

圖 443 會員登入 43

圖 444 修改個人資料 43

圖 445 購物車 44

圖 446 留言板 44

圖 447 管理留言專區 45

圖 448 管理後台功能 45

圖 451 使用者手冊(開啟網際網路) 46

圖 452 使用者手冊(輸入網址) 47

圖 453 使用者手冊(五大主題) 47

圖 454 使用者手冊(商圈介紹-特色發展) 48

圖 455 使用者手冊(商圈介紹-組織管理) 49

圖 456 使用者手冊(商圈介紹-旅程規劃) 50

圖 457 使用者手冊(商圈介紹-交通位置) 51

圖 458 使用者手冊(景點介紹--各區景點介紹) 52

圖 459 使用者手冊(景點介紹--詳細札記分享) 53

圖 4510 使用者手冊(旅遊寫真-相本連結) 54

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集) 55

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗) 56

圖 4513 使用者手冊(購物專區--會員註冊) 57

v

圖 4514 使用者手冊(購物專區mdash購物首頁) 57

圖 4515 使用者手冊(購物專區mdash選取購買商品) 58

圖 4516 使用者手冊(購物專區mdash結算中心) 58

圖 4517 使用者手冊(購物專區mdash成功購買商品) 59

圖 4518 使用者手冊(購物專區mdash付款與配送方式) 59

圖 4519 使用者手冊(購物專區mdash查詢線上會員) 60

圖 4520 使用者手冊(購物專區mdash我的購物車) 60

圖 4521 使用者手冊(購物專區mdash搜尋) 61

圖 4522 使用者手冊(留言板-二項功能) 62

圖 4523 使用者手冊(留言板-留言功能amp返回留言版) 63

圖 4524 使用者手冊(Face Book 連結圖) 64

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街) 64

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook) 65

圖 4527 會員管理者使用手冊(管理者登錄) 66

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼) 67

圖 4529 會員管理者使用手冊(管理者畫面) 67

圖 4530 會員管理者使用手冊(登錄失敗) 68

圖 4531 管理者使用手冊(登出) 68

vi

表目錄 表 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

第一章 緒論

11 背景與動機

電腦與網路在現今社會中蓬勃發展到現在儼然已經成為人們生活中不可或

缺的必需品而網際網路越來越深入每個人的生活中使得消費的消費行為模式

大大的改變消費者為了減少開銷選擇窩在家裡所以越來越不喜愛出門幾乎都

是上網解決所有問題因而出現了所謂的宅經濟

新竹科學園區為科技界的資訊重地其中的園區工作者往往不是居住於新竹本地

者居多而近年來因為交通的發達再加上週休二日的連續假期造成人們開始

重視休閒娛樂等相關訊息而此時網際網路的發展帶動了各種商機為了提升

園區工作效率故介紹新竹知名景點及美食小吃提供園區內工作者多一分的參

12 研究目的

本專題研究是以『旅遊網兼電子商務』作為結合其製作方向主要為盡量

做出讓使用者覺得方便輕鬆操作以及資訊間的消息互通讓平常忙碌的工作者

在休閒假期時有多一分的旅遊參考網站中也將置入知名店家的名產訂購不只

讓假日休假的工作者有旅遊參考地點也讓沒時間出遊的忙碌工作者透過網路的

訂購能夠吃到地方特色名產

在網站中也將設立討論區及留言版的規劃讓使用者能夠說出自己的意見及參考

而網站架設的主要目的是為了能夠讓在新竹本地及外地工作者能夠有一個放鬆

參考的地方

13 限制

因為設備的不足和組員時間上的搭配還有費用上的憂慮所以造成製作上的

困難店家的合作意願也是一個重大的關鍵而新竹知名景點範圍太過廣泛所

以目前只針對內灣老街的部分以及周邊景點作為介紹還有老街的一些歷史文獻

作為旅遊景點之參考

2

14 關鍵名詞定義

本專題計用到下列幾個重要的名詞茲分別定義如下

1 購物車提供會員檢視購物之物品和購買

2 留言板讓訪客表達自己的意見

3 會員區登入註冊會員後可下單購物

4 搜尋商品搜尋系統讓使用者可以搜尋自己想要的商品

5 文章列表提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者點

3

第二章文獻探討

本章節將以九個小節來依序探討本專題關於內灣歷史內灣特色與發展內灣鐵

路發展內灣著名小吃內灣景點介紹與鄰近商圈交通路線(開車大眾運輸)

內灣近年來規劃與發展內灣生態 SWOT 分析電子商務等來介紹關於內灣詳

細介紹

21 內灣歷史

內灣的緣起及歷史

內灣位於新竹縣最大河川--頭前溪上游支流的油羅溪畔行政上屬於新

竹縣橫山鄉內灣村根據新竹縣文獻記載「南河地方昔屬荒野光緒 33 年

平 定生番在日政府保護下形成村落」而內灣在當時還屬於南河轄下小

部落也是最靠近「番地」的平地聚落清朝時內灣的墾民經營採製苧麻

搭建腦寮焗腦等產業活動昔日內灣老街是往返尖石山區的主要道路50

年代曾為內灣帶來許多觀光人潮內灣旅遊以中正路為主向外發展至光復

路大同路和平街中山街及廣濟路等後來隨著林業及礦業的沒落內

灣旅遊也由繁華歸於平靜經濟部商業司自民國 84(1995)年起陸續推動『形

象商圈』及『商店街』計畫內灣於 89 至 91 年間籌組『內灣形象商圈管

理推動委員會』以內灣老街為主搭配內灣線鐵路帶動當地觀光

22 內灣特色與發展

新竹內灣在我們記憶裡是一個風景優美綠蔭盎然山木林立的地方

週遭當地的生態保留也相完整樹蔭溪流吊橋成了內灣的觀光景點附

近一些懷古的景象也是蠻多的諸如合興火車站搭配週遭的景緻彷彿讓我們

回溯到 30-40 年代的時光另一特色是內灣的老街風光當地住宅的風格特

色及人文活動都保留著相當完整來到這兒就像回到早期簡樸規律的生活

日出而做日落而息的形容或許是比較貼切一點吧除此之外內灣吊橋也

是名聞遐邇不少遊客來此都一定要經過吊橋感受從吊橋俯瞰溪流下的風

光然而有不少民眾也趁假日閒暇之時攜家帶眷或三五好友吆喝一起在溪

流下的樹蔭處烤肉談天戲水等

近來也因政府極力推行產業觀光等活動也帶動當地推行商圈再造改

變城鄉面貌等讓昔日內灣風情再造新的面貌生活機能及人文發展更上一

層樓故內灣溪畔也有觀景台觀賞落日餘暉的美景等景觀公園內灣除了

風景外當地的名產也很多如客家擂茶野薑花粽柿子等

4

由於內灣線的旅遊風氣始於近幾年因此依然擁有樸實的風貌及保留原始的

景色詩情畫意的風景有原始的溪谷吊橋客家三合院以及翠綠的田

野景觀坐在車窗內望著鐵路沿線風景彷彿來到室外桃源

一出車站就是著名的內灣老街放眼望去都是濃濃的客家風情侯孝賢導

演的國片「戀戀風情」就是在這裡拍攝的老街裡各式各樣當紅的即將消

逝的客家小吃美食在此原始展現具有地方特色的野薑花棕紫玉菜包

客家擂茶牛浣水過鍋米粉等客家美食這些都是能滿足了我們的觀光客

的心

23 內灣鐵路發展

圖 23 1 內灣鐵路

內灣線是一條由國人建造的支線前身是輕便車道從新竹車站開始行

駛往東由靠海的平原逐漸進入山區早期用來運送煤礦及木材內灣線的

設立原本就是為了山林資源例如石灰石煤礦矽沙等礦藏和極為珍

貴的香杉赤柯檜木以及早期用做煉腦的樟樹等因此隨著光復後的產

業發展需求便開始了內灣支線超過半個世紀的火車快飛歲月

這條由新竹到內灣長約二十九點九公里的內灣線它的興築可溯自日

據末期竹東鐵道的建設計劃不過真正完成新竹到竹東段則是民國三十六

年十月十五日的事到了民國三十九年十二月這條鐵路又延伸至合興民

國四十年九月繼續延伸到內灣整條支線於是完成

內灣支線是由新竹分歧出來經竹東的竹中上員竹東便跨進橫山

鄉的橫山九讚頭合興南河到終點站內灣途經四個山洞兩座鐵橋

爬山穿嶺過溪工程十分艱鉅至今內灣車站仍保有當年的建築風格並保

留有「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

內灣線通車後可以說是台鐵所有支線中營運最穩定的一條鐵路沿線

的一些村鎮也因而繁榮了起來尤其是終點站內灣村早期是油羅溪上游木

5

材的集運地內灣線通車後不但木材業因為有了更便捷的輸送交通而愈發

興盛民國四十五年左右還出現採煤礦的人潮因此電影餐飲酒家旅

社的行業也應運興起甚至還有「小上海」「小台北」的暱稱

像是當地最著名的戲院之一內灣戲院是於民國卅九年由楊盛泉籌劃落

成為一間深具歷史意義的日式建築物楊盛泉因一方面經營山廠一方面

經營製腦故十分懂得山林粗重勞動工人的休閒需要因此才在當時僅一千

多人的小村落興建戲院在內灣繁華時期內灣戲院曾經演過客家大戲歌

仔戲歌舞表演以及電影放映等為內灣線帶來的繁華歲月做了一個很身歷

聲的見證

當年從新竹站開往內灣的火車是藍色平頭的柴油客車在蒸汽黑白交

雜的煙霧中往東開向田園鄉村意味濃厚的景色而竹東站一過後橫山

九讚頭合興等都是典雅的小站在油羅溪旁一一供人讚嘆然後煙霧一路

繁衍到內灣在來來去去的日子裡一趟一趟地傳遞興盛與沒落的訊息還

有許許多多追火車的浪漫愛情故事

然而內灣線和其他一些台鐵的支線一樣因為各種各樣的變遷與發展

的理由逐漸失去了往日風華不過內灣線因有貨運撐腰因此順利走過

了停駛的年代而且近年來懷舊觀光風突然興起美麗的內灣線以及純樸

的山城一時之間又開始「鹹魚翻身」新竹縣長鄭永金表示鐵路局內灣

線因經營不善原本要停駛但在縣府結合文化休閒產業及當地螢火蟲特

色整體行銷包裝後去年載客率成長近百分之四十他強調內灣線九個

車站都有豐富人文地產觀光潛力十足

其中曾經沒落的內灣車站由於兩年前文化創意的注入成功的將漫

畫家劉興欽的作品「阿三哥與大嬸婆」連結起死回生帶動了觀光風潮

現在一下了火車更可見到阿三哥大嬸婆放牛技長機器人等漫畫人

物的塑 像勾起懷舊的回憶讓遊客了解這些人物的生活背景原來就在內

灣這個寂靜的山城事實上劉興欽的漫畫人物在內灣商圈中處處可見新

竹縣文化局長蔡榮光進一步表示縣政府即將於明年開始施工興建一座「劉

興欽漫畫館」為來內灣村也將以漫畫村為號召

除了具有地標特色的內灣車站外內灣吊橋內灣戲院內灣老街等過

往生活的遺跡也在等待再次被體會與品味其中內灣老街有當地特色美

食如野薑花粽紫玉菜包客家擂茶牛浣水過鍋米粉等客家風味美食

一家家具客家鄉土風味的餐飲店和民俗藝品成了當地的觀光景點之一

現在內灣線儼然已成為鐵道旅遊的明日之星新竹縣縣政府搭上行政院「水

與綠計畫」與「觀光客倍增計畫」的列車將內灣閒置空間再利用根據規

劃顧問公司的報告內灣支線位於新竹縣內屬線型空間規劃自新竹站起

6

至內灣車站止全線共二十七點九公里沿線橫跨的行政區位由西而東有新

竹市竹東鎮橫山鄉等市鄉鎮預估規劃建設總經費是五億七千六百多萬

規劃公司強調內灣支線全線共有九個站將以觀光為主軸竹中站規

劃成為鐵道公園上員站則加強田野風味榮華站強化引導空間竹東站強

調客家文化保存兼具轉運功能橫山站重在視覺景觀的營造九讚頭車站是

與亞洲水泥相生相伴的車站合興站是少見的折返式車站將塑造成愛情車站

南河站成為內灣的前導站內灣線則幻化成櫻花車站而且為強化每一車

站特色將以植栽做區隔像竹中站是葫蘆竹上員站荷花榮華站是紫藤

竹東站橡棋樹(樹杞林)橫山站月橘九讚頭站九讚樹合興站是桂

花南河站香楓內灣山櫻花或八重櫻霧社櫻等

參山國家風景區管理處則建議配合「觀光客倍增計畫」應加強客源

市場分析同時以顧客的立場去規畫才能切入實際國有財產局表示規劃

範圍內屬於國有地的部份願全力配合尖石鄉公所希望能將規劃腹地延伸到

尖石鄉生產力中心建議在台三線進到內灣入口處能設管制哨以控制量

與品質

一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中對於內灣

線轉向觀光文化功能的發展認為「內灣線鐵路帶給人們的思古情懷及無

污染的觀光價值遠勝財團開採山林製造工業污染所帶來的衝擊過去因

為內灣鐵道的興築使得山林資源源源不絕的運往城市但也使得原本美麗

的山林遭受空前的迫害森林滿足人類的享受卻受到人類無情的摧殘

近年來因為山林資源逐漸耗盡加上人類對生態環境保護的意識提高所

以內灣線鐵道漸漸被觀光遊客所取代」

不過這名旅客呼籲說「但遊客日漸增多空瓶塑膠袋烤肉餘燼

垃圾等的襲擊之下山林的二度浩劫將再度降臨希望人類能提昇高度智慧

讓一切回歸自然」另外一位旅客並且在內灣的鐵軌旁許下了心願說「內

灣鐵路支線曾經帶動地方經濟繁榮地方有功是沿線聚落發展的軌跡留

存了獨有的鐵路支線文化與優美的自然景觀有如歌謠歡唱的節奏情懷

璞實自然使旅客心曠神怡期許各方珍惜此文化遺產」

內灣線自從半個世紀前通車開始擔負著各種人類與自然之間生存競爭

方式的助手但也因此在自然資源耗盡後逐漸走向沒落現在它又因某種

人與自然的生存互動重新出發但是它能否記得過去的經驗在人與自然

之間用更互利更平和的方式達到永續的目標不要因觀光業的蓬勃繁華

而再次迷失或許才是大家在搭乘內灣線火車時應該好好深思的功課吧

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 3: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

ii

目錄 摘要 i

目錄 ii

圖目錄 iv

表目錄 vi

第一章 緒論 1

11 背景與動機 1

12 研究目的 1

13 限制 1

14 關鍵名詞定義 2

第二章文獻探討 3

21 內灣歷史 3

22 內灣特色與發展 3

23 內灣鐵路發展 4

24 內灣著名小吃 7

25 景點介紹 8

26 交通路線 12

27 內灣近年來規劃與發展 13

28 內灣生態 SWOT 分析 14

29 何謂電子商務 15

291 電子商務帶來的好處 15

292 電子商務帶來衝擊 15

293 政府相關推動 15

294 走進電子商務殿堂 16

295 電子商務的兩大支柱 16

296 交易安全 17

297 WWW 安全 17

298 資訊保密技術 17

299 所謂 4P 18

第三章專題設計與規劃 19

31 專題規劃目標 19

32 系統開發方法 19

33 系統開發流程圖 21

34 網站架構藍圖本系繪製的網站架構藍圖如下 22

35 網站首頁架構圖 23

36 首頁系統架構圖描述 23

37 專題設備 24

iii

38 專題時程規劃-甘特圖 29

39 工作分配表 30

第四章專題成果 31

41 需求分析 31

42 事件 32

421 事件表 33

43 系統分析 34

44 循序圖 42

45 網站使用手冊 46

第五章結論與建議 69

附錄 70

參考文獻 78

iv

圖目錄

圖 231 內灣鐵路 4

圖 242 客家菜包 7

圖 243 客家擂茶 7

圖 244 牛浣水 9

圖 255 內灣傳統街屋 8

圖 256 內灣車站 8

圖 257 內灣戲院 9

圖 258 內灣派出所 9

圖 259 林務局檢查站 10

圖 2510 劉興欽漫畫發明展覽館 10

圖 2511 內灣吊橋 11

圖 2512 攀龍吊橋 11

圖 351 網站首頁架構圖 23

圖 381 甘特圖 29

圖 431 使用案例圖 34

圖 441 瀏覽網站首頁 42

圖 442 一般使用者註冊 42

圖 443 會員登入 43

圖 444 修改個人資料 43

圖 445 購物車 44

圖 446 留言板 44

圖 447 管理留言專區 45

圖 448 管理後台功能 45

圖 451 使用者手冊(開啟網際網路) 46

圖 452 使用者手冊(輸入網址) 47

圖 453 使用者手冊(五大主題) 47

圖 454 使用者手冊(商圈介紹-特色發展) 48

圖 455 使用者手冊(商圈介紹-組織管理) 49

圖 456 使用者手冊(商圈介紹-旅程規劃) 50

圖 457 使用者手冊(商圈介紹-交通位置) 51

圖 458 使用者手冊(景點介紹--各區景點介紹) 52

圖 459 使用者手冊(景點介紹--詳細札記分享) 53

圖 4510 使用者手冊(旅遊寫真-相本連結) 54

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集) 55

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗) 56

圖 4513 使用者手冊(購物專區--會員註冊) 57

v

圖 4514 使用者手冊(購物專區mdash購物首頁) 57

圖 4515 使用者手冊(購物專區mdash選取購買商品) 58

圖 4516 使用者手冊(購物專區mdash結算中心) 58

圖 4517 使用者手冊(購物專區mdash成功購買商品) 59

圖 4518 使用者手冊(購物專區mdash付款與配送方式) 59

圖 4519 使用者手冊(購物專區mdash查詢線上會員) 60

圖 4520 使用者手冊(購物專區mdash我的購物車) 60

圖 4521 使用者手冊(購物專區mdash搜尋) 61

圖 4522 使用者手冊(留言板-二項功能) 62

圖 4523 使用者手冊(留言板-留言功能amp返回留言版) 63

圖 4524 使用者手冊(Face Book 連結圖) 64

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街) 64

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook) 65

圖 4527 會員管理者使用手冊(管理者登錄) 66

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼) 67

圖 4529 會員管理者使用手冊(管理者畫面) 67

圖 4530 會員管理者使用手冊(登錄失敗) 68

圖 4531 管理者使用手冊(登出) 68

vi

表目錄 表 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

第一章 緒論

11 背景與動機

電腦與網路在現今社會中蓬勃發展到現在儼然已經成為人們生活中不可或

缺的必需品而網際網路越來越深入每個人的生活中使得消費的消費行為模式

大大的改變消費者為了減少開銷選擇窩在家裡所以越來越不喜愛出門幾乎都

是上網解決所有問題因而出現了所謂的宅經濟

新竹科學園區為科技界的資訊重地其中的園區工作者往往不是居住於新竹本地

者居多而近年來因為交通的發達再加上週休二日的連續假期造成人們開始

重視休閒娛樂等相關訊息而此時網際網路的發展帶動了各種商機為了提升

園區工作效率故介紹新竹知名景點及美食小吃提供園區內工作者多一分的參

12 研究目的

本專題研究是以『旅遊網兼電子商務』作為結合其製作方向主要為盡量

做出讓使用者覺得方便輕鬆操作以及資訊間的消息互通讓平常忙碌的工作者

在休閒假期時有多一分的旅遊參考網站中也將置入知名店家的名產訂購不只

讓假日休假的工作者有旅遊參考地點也讓沒時間出遊的忙碌工作者透過網路的

訂購能夠吃到地方特色名產

在網站中也將設立討論區及留言版的規劃讓使用者能夠說出自己的意見及參考

而網站架設的主要目的是為了能夠讓在新竹本地及外地工作者能夠有一個放鬆

參考的地方

13 限制

因為設備的不足和組員時間上的搭配還有費用上的憂慮所以造成製作上的

困難店家的合作意願也是一個重大的關鍵而新竹知名景點範圍太過廣泛所

以目前只針對內灣老街的部分以及周邊景點作為介紹還有老街的一些歷史文獻

作為旅遊景點之參考

2

14 關鍵名詞定義

本專題計用到下列幾個重要的名詞茲分別定義如下

1 購物車提供會員檢視購物之物品和購買

2 留言板讓訪客表達自己的意見

3 會員區登入註冊會員後可下單購物

4 搜尋商品搜尋系統讓使用者可以搜尋自己想要的商品

5 文章列表提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者點

3

第二章文獻探討

本章節將以九個小節來依序探討本專題關於內灣歷史內灣特色與發展內灣鐵

路發展內灣著名小吃內灣景點介紹與鄰近商圈交通路線(開車大眾運輸)

內灣近年來規劃與發展內灣生態 SWOT 分析電子商務等來介紹關於內灣詳

細介紹

21 內灣歷史

內灣的緣起及歷史

內灣位於新竹縣最大河川--頭前溪上游支流的油羅溪畔行政上屬於新

竹縣橫山鄉內灣村根據新竹縣文獻記載「南河地方昔屬荒野光緒 33 年

平 定生番在日政府保護下形成村落」而內灣在當時還屬於南河轄下小

部落也是最靠近「番地」的平地聚落清朝時內灣的墾民經營採製苧麻

搭建腦寮焗腦等產業活動昔日內灣老街是往返尖石山區的主要道路50

年代曾為內灣帶來許多觀光人潮內灣旅遊以中正路為主向外發展至光復

路大同路和平街中山街及廣濟路等後來隨著林業及礦業的沒落內

灣旅遊也由繁華歸於平靜經濟部商業司自民國 84(1995)年起陸續推動『形

象商圈』及『商店街』計畫內灣於 89 至 91 年間籌組『內灣形象商圈管

理推動委員會』以內灣老街為主搭配內灣線鐵路帶動當地觀光

22 內灣特色與發展

新竹內灣在我們記憶裡是一個風景優美綠蔭盎然山木林立的地方

週遭當地的生態保留也相完整樹蔭溪流吊橋成了內灣的觀光景點附

近一些懷古的景象也是蠻多的諸如合興火車站搭配週遭的景緻彷彿讓我們

回溯到 30-40 年代的時光另一特色是內灣的老街風光當地住宅的風格特

色及人文活動都保留著相當完整來到這兒就像回到早期簡樸規律的生活

日出而做日落而息的形容或許是比較貼切一點吧除此之外內灣吊橋也

是名聞遐邇不少遊客來此都一定要經過吊橋感受從吊橋俯瞰溪流下的風

光然而有不少民眾也趁假日閒暇之時攜家帶眷或三五好友吆喝一起在溪

流下的樹蔭處烤肉談天戲水等

近來也因政府極力推行產業觀光等活動也帶動當地推行商圈再造改

變城鄉面貌等讓昔日內灣風情再造新的面貌生活機能及人文發展更上一

層樓故內灣溪畔也有觀景台觀賞落日餘暉的美景等景觀公園內灣除了

風景外當地的名產也很多如客家擂茶野薑花粽柿子等

4

由於內灣線的旅遊風氣始於近幾年因此依然擁有樸實的風貌及保留原始的

景色詩情畫意的風景有原始的溪谷吊橋客家三合院以及翠綠的田

野景觀坐在車窗內望著鐵路沿線風景彷彿來到室外桃源

一出車站就是著名的內灣老街放眼望去都是濃濃的客家風情侯孝賢導

演的國片「戀戀風情」就是在這裡拍攝的老街裡各式各樣當紅的即將消

逝的客家小吃美食在此原始展現具有地方特色的野薑花棕紫玉菜包

客家擂茶牛浣水過鍋米粉等客家美食這些都是能滿足了我們的觀光客

的心

23 內灣鐵路發展

圖 23 1 內灣鐵路

內灣線是一條由國人建造的支線前身是輕便車道從新竹車站開始行

駛往東由靠海的平原逐漸進入山區早期用來運送煤礦及木材內灣線的

設立原本就是為了山林資源例如石灰石煤礦矽沙等礦藏和極為珍

貴的香杉赤柯檜木以及早期用做煉腦的樟樹等因此隨著光復後的產

業發展需求便開始了內灣支線超過半個世紀的火車快飛歲月

這條由新竹到內灣長約二十九點九公里的內灣線它的興築可溯自日

據末期竹東鐵道的建設計劃不過真正完成新竹到竹東段則是民國三十六

年十月十五日的事到了民國三十九年十二月這條鐵路又延伸至合興民

國四十年九月繼續延伸到內灣整條支線於是完成

內灣支線是由新竹分歧出來經竹東的竹中上員竹東便跨進橫山

鄉的橫山九讚頭合興南河到終點站內灣途經四個山洞兩座鐵橋

爬山穿嶺過溪工程十分艱鉅至今內灣車站仍保有當年的建築風格並保

留有「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

內灣線通車後可以說是台鐵所有支線中營運最穩定的一條鐵路沿線

的一些村鎮也因而繁榮了起來尤其是終點站內灣村早期是油羅溪上游木

5

材的集運地內灣線通車後不但木材業因為有了更便捷的輸送交通而愈發

興盛民國四十五年左右還出現採煤礦的人潮因此電影餐飲酒家旅

社的行業也應運興起甚至還有「小上海」「小台北」的暱稱

像是當地最著名的戲院之一內灣戲院是於民國卅九年由楊盛泉籌劃落

成為一間深具歷史意義的日式建築物楊盛泉因一方面經營山廠一方面

經營製腦故十分懂得山林粗重勞動工人的休閒需要因此才在當時僅一千

多人的小村落興建戲院在內灣繁華時期內灣戲院曾經演過客家大戲歌

仔戲歌舞表演以及電影放映等為內灣線帶來的繁華歲月做了一個很身歷

聲的見證

當年從新竹站開往內灣的火車是藍色平頭的柴油客車在蒸汽黑白交

雜的煙霧中往東開向田園鄉村意味濃厚的景色而竹東站一過後橫山

九讚頭合興等都是典雅的小站在油羅溪旁一一供人讚嘆然後煙霧一路

繁衍到內灣在來來去去的日子裡一趟一趟地傳遞興盛與沒落的訊息還

有許許多多追火車的浪漫愛情故事

然而內灣線和其他一些台鐵的支線一樣因為各種各樣的變遷與發展

的理由逐漸失去了往日風華不過內灣線因有貨運撐腰因此順利走過

了停駛的年代而且近年來懷舊觀光風突然興起美麗的內灣線以及純樸

的山城一時之間又開始「鹹魚翻身」新竹縣長鄭永金表示鐵路局內灣

線因經營不善原本要停駛但在縣府結合文化休閒產業及當地螢火蟲特

色整體行銷包裝後去年載客率成長近百分之四十他強調內灣線九個

車站都有豐富人文地產觀光潛力十足

其中曾經沒落的內灣車站由於兩年前文化創意的注入成功的將漫

畫家劉興欽的作品「阿三哥與大嬸婆」連結起死回生帶動了觀光風潮

現在一下了火車更可見到阿三哥大嬸婆放牛技長機器人等漫畫人

物的塑 像勾起懷舊的回憶讓遊客了解這些人物的生活背景原來就在內

灣這個寂靜的山城事實上劉興欽的漫畫人物在內灣商圈中處處可見新

竹縣文化局長蔡榮光進一步表示縣政府即將於明年開始施工興建一座「劉

興欽漫畫館」為來內灣村也將以漫畫村為號召

除了具有地標特色的內灣車站外內灣吊橋內灣戲院內灣老街等過

往生活的遺跡也在等待再次被體會與品味其中內灣老街有當地特色美

食如野薑花粽紫玉菜包客家擂茶牛浣水過鍋米粉等客家風味美食

一家家具客家鄉土風味的餐飲店和民俗藝品成了當地的觀光景點之一

現在內灣線儼然已成為鐵道旅遊的明日之星新竹縣縣政府搭上行政院「水

與綠計畫」與「觀光客倍增計畫」的列車將內灣閒置空間再利用根據規

劃顧問公司的報告內灣支線位於新竹縣內屬線型空間規劃自新竹站起

6

至內灣車站止全線共二十七點九公里沿線橫跨的行政區位由西而東有新

竹市竹東鎮橫山鄉等市鄉鎮預估規劃建設總經費是五億七千六百多萬

規劃公司強調內灣支線全線共有九個站將以觀光為主軸竹中站規

劃成為鐵道公園上員站則加強田野風味榮華站強化引導空間竹東站強

調客家文化保存兼具轉運功能橫山站重在視覺景觀的營造九讚頭車站是

與亞洲水泥相生相伴的車站合興站是少見的折返式車站將塑造成愛情車站

南河站成為內灣的前導站內灣線則幻化成櫻花車站而且為強化每一車

站特色將以植栽做區隔像竹中站是葫蘆竹上員站荷花榮華站是紫藤

竹東站橡棋樹(樹杞林)橫山站月橘九讚頭站九讚樹合興站是桂

花南河站香楓內灣山櫻花或八重櫻霧社櫻等

參山國家風景區管理處則建議配合「觀光客倍增計畫」應加強客源

市場分析同時以顧客的立場去規畫才能切入實際國有財產局表示規劃

範圍內屬於國有地的部份願全力配合尖石鄉公所希望能將規劃腹地延伸到

尖石鄉生產力中心建議在台三線進到內灣入口處能設管制哨以控制量

與品質

一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中對於內灣

線轉向觀光文化功能的發展認為「內灣線鐵路帶給人們的思古情懷及無

污染的觀光價值遠勝財團開採山林製造工業污染所帶來的衝擊過去因

為內灣鐵道的興築使得山林資源源源不絕的運往城市但也使得原本美麗

的山林遭受空前的迫害森林滿足人類的享受卻受到人類無情的摧殘

近年來因為山林資源逐漸耗盡加上人類對生態環境保護的意識提高所

以內灣線鐵道漸漸被觀光遊客所取代」

不過這名旅客呼籲說「但遊客日漸增多空瓶塑膠袋烤肉餘燼

垃圾等的襲擊之下山林的二度浩劫將再度降臨希望人類能提昇高度智慧

讓一切回歸自然」另外一位旅客並且在內灣的鐵軌旁許下了心願說「內

灣鐵路支線曾經帶動地方經濟繁榮地方有功是沿線聚落發展的軌跡留

存了獨有的鐵路支線文化與優美的自然景觀有如歌謠歡唱的節奏情懷

璞實自然使旅客心曠神怡期許各方珍惜此文化遺產」

內灣線自從半個世紀前通車開始擔負著各種人類與自然之間生存競爭

方式的助手但也因此在自然資源耗盡後逐漸走向沒落現在它又因某種

人與自然的生存互動重新出發但是它能否記得過去的經驗在人與自然

之間用更互利更平和的方式達到永續的目標不要因觀光業的蓬勃繁華

而再次迷失或許才是大家在搭乘內灣線火車時應該好好深思的功課吧

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 4: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

iii

38 專題時程規劃-甘特圖 29

39 工作分配表 30

第四章專題成果 31

41 需求分析 31

42 事件 32

421 事件表 33

43 系統分析 34

44 循序圖 42

45 網站使用手冊 46

第五章結論與建議 69

附錄 70

參考文獻 78

iv

圖目錄

圖 231 內灣鐵路 4

圖 242 客家菜包 7

圖 243 客家擂茶 7

圖 244 牛浣水 9

圖 255 內灣傳統街屋 8

圖 256 內灣車站 8

圖 257 內灣戲院 9

圖 258 內灣派出所 9

圖 259 林務局檢查站 10

圖 2510 劉興欽漫畫發明展覽館 10

圖 2511 內灣吊橋 11

圖 2512 攀龍吊橋 11

圖 351 網站首頁架構圖 23

圖 381 甘特圖 29

圖 431 使用案例圖 34

圖 441 瀏覽網站首頁 42

圖 442 一般使用者註冊 42

圖 443 會員登入 43

圖 444 修改個人資料 43

圖 445 購物車 44

圖 446 留言板 44

圖 447 管理留言專區 45

圖 448 管理後台功能 45

圖 451 使用者手冊(開啟網際網路) 46

圖 452 使用者手冊(輸入網址) 47

圖 453 使用者手冊(五大主題) 47

圖 454 使用者手冊(商圈介紹-特色發展) 48

圖 455 使用者手冊(商圈介紹-組織管理) 49

圖 456 使用者手冊(商圈介紹-旅程規劃) 50

圖 457 使用者手冊(商圈介紹-交通位置) 51

圖 458 使用者手冊(景點介紹--各區景點介紹) 52

圖 459 使用者手冊(景點介紹--詳細札記分享) 53

圖 4510 使用者手冊(旅遊寫真-相本連結) 54

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集) 55

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗) 56

圖 4513 使用者手冊(購物專區--會員註冊) 57

v

圖 4514 使用者手冊(購物專區mdash購物首頁) 57

圖 4515 使用者手冊(購物專區mdash選取購買商品) 58

圖 4516 使用者手冊(購物專區mdash結算中心) 58

圖 4517 使用者手冊(購物專區mdash成功購買商品) 59

圖 4518 使用者手冊(購物專區mdash付款與配送方式) 59

圖 4519 使用者手冊(購物專區mdash查詢線上會員) 60

圖 4520 使用者手冊(購物專區mdash我的購物車) 60

圖 4521 使用者手冊(購物專區mdash搜尋) 61

圖 4522 使用者手冊(留言板-二項功能) 62

圖 4523 使用者手冊(留言板-留言功能amp返回留言版) 63

圖 4524 使用者手冊(Face Book 連結圖) 64

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街) 64

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook) 65

圖 4527 會員管理者使用手冊(管理者登錄) 66

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼) 67

圖 4529 會員管理者使用手冊(管理者畫面) 67

圖 4530 會員管理者使用手冊(登錄失敗) 68

圖 4531 管理者使用手冊(登出) 68

vi

表目錄 表 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

第一章 緒論

11 背景與動機

電腦與網路在現今社會中蓬勃發展到現在儼然已經成為人們生活中不可或

缺的必需品而網際網路越來越深入每個人的生活中使得消費的消費行為模式

大大的改變消費者為了減少開銷選擇窩在家裡所以越來越不喜愛出門幾乎都

是上網解決所有問題因而出現了所謂的宅經濟

新竹科學園區為科技界的資訊重地其中的園區工作者往往不是居住於新竹本地

者居多而近年來因為交通的發達再加上週休二日的連續假期造成人們開始

重視休閒娛樂等相關訊息而此時網際網路的發展帶動了各種商機為了提升

園區工作效率故介紹新竹知名景點及美食小吃提供園區內工作者多一分的參

12 研究目的

本專題研究是以『旅遊網兼電子商務』作為結合其製作方向主要為盡量

做出讓使用者覺得方便輕鬆操作以及資訊間的消息互通讓平常忙碌的工作者

在休閒假期時有多一分的旅遊參考網站中也將置入知名店家的名產訂購不只

讓假日休假的工作者有旅遊參考地點也讓沒時間出遊的忙碌工作者透過網路的

訂購能夠吃到地方特色名產

在網站中也將設立討論區及留言版的規劃讓使用者能夠說出自己的意見及參考

而網站架設的主要目的是為了能夠讓在新竹本地及外地工作者能夠有一個放鬆

參考的地方

13 限制

因為設備的不足和組員時間上的搭配還有費用上的憂慮所以造成製作上的

困難店家的合作意願也是一個重大的關鍵而新竹知名景點範圍太過廣泛所

以目前只針對內灣老街的部分以及周邊景點作為介紹還有老街的一些歷史文獻

作為旅遊景點之參考

2

14 關鍵名詞定義

本專題計用到下列幾個重要的名詞茲分別定義如下

1 購物車提供會員檢視購物之物品和購買

2 留言板讓訪客表達自己的意見

3 會員區登入註冊會員後可下單購物

4 搜尋商品搜尋系統讓使用者可以搜尋自己想要的商品

5 文章列表提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者點

3

第二章文獻探討

本章節將以九個小節來依序探討本專題關於內灣歷史內灣特色與發展內灣鐵

路發展內灣著名小吃內灣景點介紹與鄰近商圈交通路線(開車大眾運輸)

內灣近年來規劃與發展內灣生態 SWOT 分析電子商務等來介紹關於內灣詳

細介紹

21 內灣歷史

內灣的緣起及歷史

內灣位於新竹縣最大河川--頭前溪上游支流的油羅溪畔行政上屬於新

竹縣橫山鄉內灣村根據新竹縣文獻記載「南河地方昔屬荒野光緒 33 年

平 定生番在日政府保護下形成村落」而內灣在當時還屬於南河轄下小

部落也是最靠近「番地」的平地聚落清朝時內灣的墾民經營採製苧麻

搭建腦寮焗腦等產業活動昔日內灣老街是往返尖石山區的主要道路50

年代曾為內灣帶來許多觀光人潮內灣旅遊以中正路為主向外發展至光復

路大同路和平街中山街及廣濟路等後來隨著林業及礦業的沒落內

灣旅遊也由繁華歸於平靜經濟部商業司自民國 84(1995)年起陸續推動『形

象商圈』及『商店街』計畫內灣於 89 至 91 年間籌組『內灣形象商圈管

理推動委員會』以內灣老街為主搭配內灣線鐵路帶動當地觀光

22 內灣特色與發展

新竹內灣在我們記憶裡是一個風景優美綠蔭盎然山木林立的地方

週遭當地的生態保留也相完整樹蔭溪流吊橋成了內灣的觀光景點附

近一些懷古的景象也是蠻多的諸如合興火車站搭配週遭的景緻彷彿讓我們

回溯到 30-40 年代的時光另一特色是內灣的老街風光當地住宅的風格特

色及人文活動都保留著相當完整來到這兒就像回到早期簡樸規律的生活

日出而做日落而息的形容或許是比較貼切一點吧除此之外內灣吊橋也

是名聞遐邇不少遊客來此都一定要經過吊橋感受從吊橋俯瞰溪流下的風

光然而有不少民眾也趁假日閒暇之時攜家帶眷或三五好友吆喝一起在溪

流下的樹蔭處烤肉談天戲水等

近來也因政府極力推行產業觀光等活動也帶動當地推行商圈再造改

變城鄉面貌等讓昔日內灣風情再造新的面貌生活機能及人文發展更上一

層樓故內灣溪畔也有觀景台觀賞落日餘暉的美景等景觀公園內灣除了

風景外當地的名產也很多如客家擂茶野薑花粽柿子等

4

由於內灣線的旅遊風氣始於近幾年因此依然擁有樸實的風貌及保留原始的

景色詩情畫意的風景有原始的溪谷吊橋客家三合院以及翠綠的田

野景觀坐在車窗內望著鐵路沿線風景彷彿來到室外桃源

一出車站就是著名的內灣老街放眼望去都是濃濃的客家風情侯孝賢導

演的國片「戀戀風情」就是在這裡拍攝的老街裡各式各樣當紅的即將消

逝的客家小吃美食在此原始展現具有地方特色的野薑花棕紫玉菜包

客家擂茶牛浣水過鍋米粉等客家美食這些都是能滿足了我們的觀光客

的心

23 內灣鐵路發展

圖 23 1 內灣鐵路

內灣線是一條由國人建造的支線前身是輕便車道從新竹車站開始行

駛往東由靠海的平原逐漸進入山區早期用來運送煤礦及木材內灣線的

設立原本就是為了山林資源例如石灰石煤礦矽沙等礦藏和極為珍

貴的香杉赤柯檜木以及早期用做煉腦的樟樹等因此隨著光復後的產

業發展需求便開始了內灣支線超過半個世紀的火車快飛歲月

這條由新竹到內灣長約二十九點九公里的內灣線它的興築可溯自日

據末期竹東鐵道的建設計劃不過真正完成新竹到竹東段則是民國三十六

年十月十五日的事到了民國三十九年十二月這條鐵路又延伸至合興民

國四十年九月繼續延伸到內灣整條支線於是完成

內灣支線是由新竹分歧出來經竹東的竹中上員竹東便跨進橫山

鄉的橫山九讚頭合興南河到終點站內灣途經四個山洞兩座鐵橋

爬山穿嶺過溪工程十分艱鉅至今內灣車站仍保有當年的建築風格並保

留有「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

內灣線通車後可以說是台鐵所有支線中營運最穩定的一條鐵路沿線

的一些村鎮也因而繁榮了起來尤其是終點站內灣村早期是油羅溪上游木

5

材的集運地內灣線通車後不但木材業因為有了更便捷的輸送交通而愈發

興盛民國四十五年左右還出現採煤礦的人潮因此電影餐飲酒家旅

社的行業也應運興起甚至還有「小上海」「小台北」的暱稱

像是當地最著名的戲院之一內灣戲院是於民國卅九年由楊盛泉籌劃落

成為一間深具歷史意義的日式建築物楊盛泉因一方面經營山廠一方面

經營製腦故十分懂得山林粗重勞動工人的休閒需要因此才在當時僅一千

多人的小村落興建戲院在內灣繁華時期內灣戲院曾經演過客家大戲歌

仔戲歌舞表演以及電影放映等為內灣線帶來的繁華歲月做了一個很身歷

聲的見證

當年從新竹站開往內灣的火車是藍色平頭的柴油客車在蒸汽黑白交

雜的煙霧中往東開向田園鄉村意味濃厚的景色而竹東站一過後橫山

九讚頭合興等都是典雅的小站在油羅溪旁一一供人讚嘆然後煙霧一路

繁衍到內灣在來來去去的日子裡一趟一趟地傳遞興盛與沒落的訊息還

有許許多多追火車的浪漫愛情故事

然而內灣線和其他一些台鐵的支線一樣因為各種各樣的變遷與發展

的理由逐漸失去了往日風華不過內灣線因有貨運撐腰因此順利走過

了停駛的年代而且近年來懷舊觀光風突然興起美麗的內灣線以及純樸

的山城一時之間又開始「鹹魚翻身」新竹縣長鄭永金表示鐵路局內灣

線因經營不善原本要停駛但在縣府結合文化休閒產業及當地螢火蟲特

色整體行銷包裝後去年載客率成長近百分之四十他強調內灣線九個

車站都有豐富人文地產觀光潛力十足

其中曾經沒落的內灣車站由於兩年前文化創意的注入成功的將漫

畫家劉興欽的作品「阿三哥與大嬸婆」連結起死回生帶動了觀光風潮

現在一下了火車更可見到阿三哥大嬸婆放牛技長機器人等漫畫人

物的塑 像勾起懷舊的回憶讓遊客了解這些人物的生活背景原來就在內

灣這個寂靜的山城事實上劉興欽的漫畫人物在內灣商圈中處處可見新

竹縣文化局長蔡榮光進一步表示縣政府即將於明年開始施工興建一座「劉

興欽漫畫館」為來內灣村也將以漫畫村為號召

除了具有地標特色的內灣車站外內灣吊橋內灣戲院內灣老街等過

往生活的遺跡也在等待再次被體會與品味其中內灣老街有當地特色美

食如野薑花粽紫玉菜包客家擂茶牛浣水過鍋米粉等客家風味美食

一家家具客家鄉土風味的餐飲店和民俗藝品成了當地的觀光景點之一

現在內灣線儼然已成為鐵道旅遊的明日之星新竹縣縣政府搭上行政院「水

與綠計畫」與「觀光客倍增計畫」的列車將內灣閒置空間再利用根據規

劃顧問公司的報告內灣支線位於新竹縣內屬線型空間規劃自新竹站起

6

至內灣車站止全線共二十七點九公里沿線橫跨的行政區位由西而東有新

竹市竹東鎮橫山鄉等市鄉鎮預估規劃建設總經費是五億七千六百多萬

規劃公司強調內灣支線全線共有九個站將以觀光為主軸竹中站規

劃成為鐵道公園上員站則加強田野風味榮華站強化引導空間竹東站強

調客家文化保存兼具轉運功能橫山站重在視覺景觀的營造九讚頭車站是

與亞洲水泥相生相伴的車站合興站是少見的折返式車站將塑造成愛情車站

南河站成為內灣的前導站內灣線則幻化成櫻花車站而且為強化每一車

站特色將以植栽做區隔像竹中站是葫蘆竹上員站荷花榮華站是紫藤

竹東站橡棋樹(樹杞林)橫山站月橘九讚頭站九讚樹合興站是桂

花南河站香楓內灣山櫻花或八重櫻霧社櫻等

參山國家風景區管理處則建議配合「觀光客倍增計畫」應加強客源

市場分析同時以顧客的立場去規畫才能切入實際國有財產局表示規劃

範圍內屬於國有地的部份願全力配合尖石鄉公所希望能將規劃腹地延伸到

尖石鄉生產力中心建議在台三線進到內灣入口處能設管制哨以控制量

與品質

一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中對於內灣

線轉向觀光文化功能的發展認為「內灣線鐵路帶給人們的思古情懷及無

污染的觀光價值遠勝財團開採山林製造工業污染所帶來的衝擊過去因

為內灣鐵道的興築使得山林資源源源不絕的運往城市但也使得原本美麗

的山林遭受空前的迫害森林滿足人類的享受卻受到人類無情的摧殘

近年來因為山林資源逐漸耗盡加上人類對生態環境保護的意識提高所

以內灣線鐵道漸漸被觀光遊客所取代」

不過這名旅客呼籲說「但遊客日漸增多空瓶塑膠袋烤肉餘燼

垃圾等的襲擊之下山林的二度浩劫將再度降臨希望人類能提昇高度智慧

讓一切回歸自然」另外一位旅客並且在內灣的鐵軌旁許下了心願說「內

灣鐵路支線曾經帶動地方經濟繁榮地方有功是沿線聚落發展的軌跡留

存了獨有的鐵路支線文化與優美的自然景觀有如歌謠歡唱的節奏情懷

璞實自然使旅客心曠神怡期許各方珍惜此文化遺產」

內灣線自從半個世紀前通車開始擔負著各種人類與自然之間生存競爭

方式的助手但也因此在自然資源耗盡後逐漸走向沒落現在它又因某種

人與自然的生存互動重新出發但是它能否記得過去的經驗在人與自然

之間用更互利更平和的方式達到永續的目標不要因觀光業的蓬勃繁華

而再次迷失或許才是大家在搭乘內灣線火車時應該好好深思的功課吧

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 5: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

iv

圖目錄

圖 231 內灣鐵路 4

圖 242 客家菜包 7

圖 243 客家擂茶 7

圖 244 牛浣水 9

圖 255 內灣傳統街屋 8

圖 256 內灣車站 8

圖 257 內灣戲院 9

圖 258 內灣派出所 9

圖 259 林務局檢查站 10

圖 2510 劉興欽漫畫發明展覽館 10

圖 2511 內灣吊橋 11

圖 2512 攀龍吊橋 11

圖 351 網站首頁架構圖 23

圖 381 甘特圖 29

圖 431 使用案例圖 34

圖 441 瀏覽網站首頁 42

圖 442 一般使用者註冊 42

圖 443 會員登入 43

圖 444 修改個人資料 43

圖 445 購物車 44

圖 446 留言板 44

圖 447 管理留言專區 45

圖 448 管理後台功能 45

圖 451 使用者手冊(開啟網際網路) 46

圖 452 使用者手冊(輸入網址) 47

圖 453 使用者手冊(五大主題) 47

圖 454 使用者手冊(商圈介紹-特色發展) 48

圖 455 使用者手冊(商圈介紹-組織管理) 49

圖 456 使用者手冊(商圈介紹-旅程規劃) 50

圖 457 使用者手冊(商圈介紹-交通位置) 51

圖 458 使用者手冊(景點介紹--各區景點介紹) 52

圖 459 使用者手冊(景點介紹--詳細札記分享) 53

圖 4510 使用者手冊(旅遊寫真-相本連結) 54

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集) 55

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗) 56

圖 4513 使用者手冊(購物專區--會員註冊) 57

v

圖 4514 使用者手冊(購物專區mdash購物首頁) 57

圖 4515 使用者手冊(購物專區mdash選取購買商品) 58

圖 4516 使用者手冊(購物專區mdash結算中心) 58

圖 4517 使用者手冊(購物專區mdash成功購買商品) 59

圖 4518 使用者手冊(購物專區mdash付款與配送方式) 59

圖 4519 使用者手冊(購物專區mdash查詢線上會員) 60

圖 4520 使用者手冊(購物專區mdash我的購物車) 60

圖 4521 使用者手冊(購物專區mdash搜尋) 61

圖 4522 使用者手冊(留言板-二項功能) 62

圖 4523 使用者手冊(留言板-留言功能amp返回留言版) 63

圖 4524 使用者手冊(Face Book 連結圖) 64

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街) 64

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook) 65

圖 4527 會員管理者使用手冊(管理者登錄) 66

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼) 67

圖 4529 會員管理者使用手冊(管理者畫面) 67

圖 4530 會員管理者使用手冊(登錄失敗) 68

圖 4531 管理者使用手冊(登出) 68

vi

表目錄 表 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

第一章 緒論

11 背景與動機

電腦與網路在現今社會中蓬勃發展到現在儼然已經成為人們生活中不可或

缺的必需品而網際網路越來越深入每個人的生活中使得消費的消費行為模式

大大的改變消費者為了減少開銷選擇窩在家裡所以越來越不喜愛出門幾乎都

是上網解決所有問題因而出現了所謂的宅經濟

新竹科學園區為科技界的資訊重地其中的園區工作者往往不是居住於新竹本地

者居多而近年來因為交通的發達再加上週休二日的連續假期造成人們開始

重視休閒娛樂等相關訊息而此時網際網路的發展帶動了各種商機為了提升

園區工作效率故介紹新竹知名景點及美食小吃提供園區內工作者多一分的參

12 研究目的

本專題研究是以『旅遊網兼電子商務』作為結合其製作方向主要為盡量

做出讓使用者覺得方便輕鬆操作以及資訊間的消息互通讓平常忙碌的工作者

在休閒假期時有多一分的旅遊參考網站中也將置入知名店家的名產訂購不只

讓假日休假的工作者有旅遊參考地點也讓沒時間出遊的忙碌工作者透過網路的

訂購能夠吃到地方特色名產

在網站中也將設立討論區及留言版的規劃讓使用者能夠說出自己的意見及參考

而網站架設的主要目的是為了能夠讓在新竹本地及外地工作者能夠有一個放鬆

參考的地方

13 限制

因為設備的不足和組員時間上的搭配還有費用上的憂慮所以造成製作上的

困難店家的合作意願也是一個重大的關鍵而新竹知名景點範圍太過廣泛所

以目前只針對內灣老街的部分以及周邊景點作為介紹還有老街的一些歷史文獻

作為旅遊景點之參考

2

14 關鍵名詞定義

本專題計用到下列幾個重要的名詞茲分別定義如下

1 購物車提供會員檢視購物之物品和購買

2 留言板讓訪客表達自己的意見

3 會員區登入註冊會員後可下單購物

4 搜尋商品搜尋系統讓使用者可以搜尋自己想要的商品

5 文章列表提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者點

3

第二章文獻探討

本章節將以九個小節來依序探討本專題關於內灣歷史內灣特色與發展內灣鐵

路發展內灣著名小吃內灣景點介紹與鄰近商圈交通路線(開車大眾運輸)

內灣近年來規劃與發展內灣生態 SWOT 分析電子商務等來介紹關於內灣詳

細介紹

21 內灣歷史

內灣的緣起及歷史

內灣位於新竹縣最大河川--頭前溪上游支流的油羅溪畔行政上屬於新

竹縣橫山鄉內灣村根據新竹縣文獻記載「南河地方昔屬荒野光緒 33 年

平 定生番在日政府保護下形成村落」而內灣在當時還屬於南河轄下小

部落也是最靠近「番地」的平地聚落清朝時內灣的墾民經營採製苧麻

搭建腦寮焗腦等產業活動昔日內灣老街是往返尖石山區的主要道路50

年代曾為內灣帶來許多觀光人潮內灣旅遊以中正路為主向外發展至光復

路大同路和平街中山街及廣濟路等後來隨著林業及礦業的沒落內

灣旅遊也由繁華歸於平靜經濟部商業司自民國 84(1995)年起陸續推動『形

象商圈』及『商店街』計畫內灣於 89 至 91 年間籌組『內灣形象商圈管

理推動委員會』以內灣老街為主搭配內灣線鐵路帶動當地觀光

22 內灣特色與發展

新竹內灣在我們記憶裡是一個風景優美綠蔭盎然山木林立的地方

週遭當地的生態保留也相完整樹蔭溪流吊橋成了內灣的觀光景點附

近一些懷古的景象也是蠻多的諸如合興火車站搭配週遭的景緻彷彿讓我們

回溯到 30-40 年代的時光另一特色是內灣的老街風光當地住宅的風格特

色及人文活動都保留著相當完整來到這兒就像回到早期簡樸規律的生活

日出而做日落而息的形容或許是比較貼切一點吧除此之外內灣吊橋也

是名聞遐邇不少遊客來此都一定要經過吊橋感受從吊橋俯瞰溪流下的風

光然而有不少民眾也趁假日閒暇之時攜家帶眷或三五好友吆喝一起在溪

流下的樹蔭處烤肉談天戲水等

近來也因政府極力推行產業觀光等活動也帶動當地推行商圈再造改

變城鄉面貌等讓昔日內灣風情再造新的面貌生活機能及人文發展更上一

層樓故內灣溪畔也有觀景台觀賞落日餘暉的美景等景觀公園內灣除了

風景外當地的名產也很多如客家擂茶野薑花粽柿子等

4

由於內灣線的旅遊風氣始於近幾年因此依然擁有樸實的風貌及保留原始的

景色詩情畫意的風景有原始的溪谷吊橋客家三合院以及翠綠的田

野景觀坐在車窗內望著鐵路沿線風景彷彿來到室外桃源

一出車站就是著名的內灣老街放眼望去都是濃濃的客家風情侯孝賢導

演的國片「戀戀風情」就是在這裡拍攝的老街裡各式各樣當紅的即將消

逝的客家小吃美食在此原始展現具有地方特色的野薑花棕紫玉菜包

客家擂茶牛浣水過鍋米粉等客家美食這些都是能滿足了我們的觀光客

的心

23 內灣鐵路發展

圖 23 1 內灣鐵路

內灣線是一條由國人建造的支線前身是輕便車道從新竹車站開始行

駛往東由靠海的平原逐漸進入山區早期用來運送煤礦及木材內灣線的

設立原本就是為了山林資源例如石灰石煤礦矽沙等礦藏和極為珍

貴的香杉赤柯檜木以及早期用做煉腦的樟樹等因此隨著光復後的產

業發展需求便開始了內灣支線超過半個世紀的火車快飛歲月

這條由新竹到內灣長約二十九點九公里的內灣線它的興築可溯自日

據末期竹東鐵道的建設計劃不過真正完成新竹到竹東段則是民國三十六

年十月十五日的事到了民國三十九年十二月這條鐵路又延伸至合興民

國四十年九月繼續延伸到內灣整條支線於是完成

內灣支線是由新竹分歧出來經竹東的竹中上員竹東便跨進橫山

鄉的橫山九讚頭合興南河到終點站內灣途經四個山洞兩座鐵橋

爬山穿嶺過溪工程十分艱鉅至今內灣車站仍保有當年的建築風格並保

留有「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

內灣線通車後可以說是台鐵所有支線中營運最穩定的一條鐵路沿線

的一些村鎮也因而繁榮了起來尤其是終點站內灣村早期是油羅溪上游木

5

材的集運地內灣線通車後不但木材業因為有了更便捷的輸送交通而愈發

興盛民國四十五年左右還出現採煤礦的人潮因此電影餐飲酒家旅

社的行業也應運興起甚至還有「小上海」「小台北」的暱稱

像是當地最著名的戲院之一內灣戲院是於民國卅九年由楊盛泉籌劃落

成為一間深具歷史意義的日式建築物楊盛泉因一方面經營山廠一方面

經營製腦故十分懂得山林粗重勞動工人的休閒需要因此才在當時僅一千

多人的小村落興建戲院在內灣繁華時期內灣戲院曾經演過客家大戲歌

仔戲歌舞表演以及電影放映等為內灣線帶來的繁華歲月做了一個很身歷

聲的見證

當年從新竹站開往內灣的火車是藍色平頭的柴油客車在蒸汽黑白交

雜的煙霧中往東開向田園鄉村意味濃厚的景色而竹東站一過後橫山

九讚頭合興等都是典雅的小站在油羅溪旁一一供人讚嘆然後煙霧一路

繁衍到內灣在來來去去的日子裡一趟一趟地傳遞興盛與沒落的訊息還

有許許多多追火車的浪漫愛情故事

然而內灣線和其他一些台鐵的支線一樣因為各種各樣的變遷與發展

的理由逐漸失去了往日風華不過內灣線因有貨運撐腰因此順利走過

了停駛的年代而且近年來懷舊觀光風突然興起美麗的內灣線以及純樸

的山城一時之間又開始「鹹魚翻身」新竹縣長鄭永金表示鐵路局內灣

線因經營不善原本要停駛但在縣府結合文化休閒產業及當地螢火蟲特

色整體行銷包裝後去年載客率成長近百分之四十他強調內灣線九個

車站都有豐富人文地產觀光潛力十足

其中曾經沒落的內灣車站由於兩年前文化創意的注入成功的將漫

畫家劉興欽的作品「阿三哥與大嬸婆」連結起死回生帶動了觀光風潮

現在一下了火車更可見到阿三哥大嬸婆放牛技長機器人等漫畫人

物的塑 像勾起懷舊的回憶讓遊客了解這些人物的生活背景原來就在內

灣這個寂靜的山城事實上劉興欽的漫畫人物在內灣商圈中處處可見新

竹縣文化局長蔡榮光進一步表示縣政府即將於明年開始施工興建一座「劉

興欽漫畫館」為來內灣村也將以漫畫村為號召

除了具有地標特色的內灣車站外內灣吊橋內灣戲院內灣老街等過

往生活的遺跡也在等待再次被體會與品味其中內灣老街有當地特色美

食如野薑花粽紫玉菜包客家擂茶牛浣水過鍋米粉等客家風味美食

一家家具客家鄉土風味的餐飲店和民俗藝品成了當地的觀光景點之一

現在內灣線儼然已成為鐵道旅遊的明日之星新竹縣縣政府搭上行政院「水

與綠計畫」與「觀光客倍增計畫」的列車將內灣閒置空間再利用根據規

劃顧問公司的報告內灣支線位於新竹縣內屬線型空間規劃自新竹站起

6

至內灣車站止全線共二十七點九公里沿線橫跨的行政區位由西而東有新

竹市竹東鎮橫山鄉等市鄉鎮預估規劃建設總經費是五億七千六百多萬

規劃公司強調內灣支線全線共有九個站將以觀光為主軸竹中站規

劃成為鐵道公園上員站則加強田野風味榮華站強化引導空間竹東站強

調客家文化保存兼具轉運功能橫山站重在視覺景觀的營造九讚頭車站是

與亞洲水泥相生相伴的車站合興站是少見的折返式車站將塑造成愛情車站

南河站成為內灣的前導站內灣線則幻化成櫻花車站而且為強化每一車

站特色將以植栽做區隔像竹中站是葫蘆竹上員站荷花榮華站是紫藤

竹東站橡棋樹(樹杞林)橫山站月橘九讚頭站九讚樹合興站是桂

花南河站香楓內灣山櫻花或八重櫻霧社櫻等

參山國家風景區管理處則建議配合「觀光客倍增計畫」應加強客源

市場分析同時以顧客的立場去規畫才能切入實際國有財產局表示規劃

範圍內屬於國有地的部份願全力配合尖石鄉公所希望能將規劃腹地延伸到

尖石鄉生產力中心建議在台三線進到內灣入口處能設管制哨以控制量

與品質

一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中對於內灣

線轉向觀光文化功能的發展認為「內灣線鐵路帶給人們的思古情懷及無

污染的觀光價值遠勝財團開採山林製造工業污染所帶來的衝擊過去因

為內灣鐵道的興築使得山林資源源源不絕的運往城市但也使得原本美麗

的山林遭受空前的迫害森林滿足人類的享受卻受到人類無情的摧殘

近年來因為山林資源逐漸耗盡加上人類對生態環境保護的意識提高所

以內灣線鐵道漸漸被觀光遊客所取代」

不過這名旅客呼籲說「但遊客日漸增多空瓶塑膠袋烤肉餘燼

垃圾等的襲擊之下山林的二度浩劫將再度降臨希望人類能提昇高度智慧

讓一切回歸自然」另外一位旅客並且在內灣的鐵軌旁許下了心願說「內

灣鐵路支線曾經帶動地方經濟繁榮地方有功是沿線聚落發展的軌跡留

存了獨有的鐵路支線文化與優美的自然景觀有如歌謠歡唱的節奏情懷

璞實自然使旅客心曠神怡期許各方珍惜此文化遺產」

內灣線自從半個世紀前通車開始擔負著各種人類與自然之間生存競爭

方式的助手但也因此在自然資源耗盡後逐漸走向沒落現在它又因某種

人與自然的生存互動重新出發但是它能否記得過去的經驗在人與自然

之間用更互利更平和的方式達到永續的目標不要因觀光業的蓬勃繁華

而再次迷失或許才是大家在搭乘內灣線火車時應該好好深思的功課吧

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 6: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

v

圖 4514 使用者手冊(購物專區mdash購物首頁) 57

圖 4515 使用者手冊(購物專區mdash選取購買商品) 58

圖 4516 使用者手冊(購物專區mdash結算中心) 58

圖 4517 使用者手冊(購物專區mdash成功購買商品) 59

圖 4518 使用者手冊(購物專區mdash付款與配送方式) 59

圖 4519 使用者手冊(購物專區mdash查詢線上會員) 60

圖 4520 使用者手冊(購物專區mdash我的購物車) 60

圖 4521 使用者手冊(購物專區mdash搜尋) 61

圖 4522 使用者手冊(留言板-二項功能) 62

圖 4523 使用者手冊(留言板-留言功能amp返回留言版) 63

圖 4524 使用者手冊(Face Book 連結圖) 64

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街) 64

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook) 65

圖 4527 會員管理者使用手冊(管理者登錄) 66

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼) 67

圖 4529 會員管理者使用手冊(管理者畫面) 67

圖 4530 會員管理者使用手冊(登錄失敗) 68

圖 4531 管理者使用手冊(登出) 68

vi

表目錄 表 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

第一章 緒論

11 背景與動機

電腦與網路在現今社會中蓬勃發展到現在儼然已經成為人們生活中不可或

缺的必需品而網際網路越來越深入每個人的生活中使得消費的消費行為模式

大大的改變消費者為了減少開銷選擇窩在家裡所以越來越不喜愛出門幾乎都

是上網解決所有問題因而出現了所謂的宅經濟

新竹科學園區為科技界的資訊重地其中的園區工作者往往不是居住於新竹本地

者居多而近年來因為交通的發達再加上週休二日的連續假期造成人們開始

重視休閒娛樂等相關訊息而此時網際網路的發展帶動了各種商機為了提升

園區工作效率故介紹新竹知名景點及美食小吃提供園區內工作者多一分的參

12 研究目的

本專題研究是以『旅遊網兼電子商務』作為結合其製作方向主要為盡量

做出讓使用者覺得方便輕鬆操作以及資訊間的消息互通讓平常忙碌的工作者

在休閒假期時有多一分的旅遊參考網站中也將置入知名店家的名產訂購不只

讓假日休假的工作者有旅遊參考地點也讓沒時間出遊的忙碌工作者透過網路的

訂購能夠吃到地方特色名產

在網站中也將設立討論區及留言版的規劃讓使用者能夠說出自己的意見及參考

而網站架設的主要目的是為了能夠讓在新竹本地及外地工作者能夠有一個放鬆

參考的地方

13 限制

因為設備的不足和組員時間上的搭配還有費用上的憂慮所以造成製作上的

困難店家的合作意願也是一個重大的關鍵而新竹知名景點範圍太過廣泛所

以目前只針對內灣老街的部分以及周邊景點作為介紹還有老街的一些歷史文獻

作為旅遊景點之參考

2

14 關鍵名詞定義

本專題計用到下列幾個重要的名詞茲分別定義如下

1 購物車提供會員檢視購物之物品和購買

2 留言板讓訪客表達自己的意見

3 會員區登入註冊會員後可下單購物

4 搜尋商品搜尋系統讓使用者可以搜尋自己想要的商品

5 文章列表提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者點

3

第二章文獻探討

本章節將以九個小節來依序探討本專題關於內灣歷史內灣特色與發展內灣鐵

路發展內灣著名小吃內灣景點介紹與鄰近商圈交通路線(開車大眾運輸)

內灣近年來規劃與發展內灣生態 SWOT 分析電子商務等來介紹關於內灣詳

細介紹

21 內灣歷史

內灣的緣起及歷史

內灣位於新竹縣最大河川--頭前溪上游支流的油羅溪畔行政上屬於新

竹縣橫山鄉內灣村根據新竹縣文獻記載「南河地方昔屬荒野光緒 33 年

平 定生番在日政府保護下形成村落」而內灣在當時還屬於南河轄下小

部落也是最靠近「番地」的平地聚落清朝時內灣的墾民經營採製苧麻

搭建腦寮焗腦等產業活動昔日內灣老街是往返尖石山區的主要道路50

年代曾為內灣帶來許多觀光人潮內灣旅遊以中正路為主向外發展至光復

路大同路和平街中山街及廣濟路等後來隨著林業及礦業的沒落內

灣旅遊也由繁華歸於平靜經濟部商業司自民國 84(1995)年起陸續推動『形

象商圈』及『商店街』計畫內灣於 89 至 91 年間籌組『內灣形象商圈管

理推動委員會』以內灣老街為主搭配內灣線鐵路帶動當地觀光

22 內灣特色與發展

新竹內灣在我們記憶裡是一個風景優美綠蔭盎然山木林立的地方

週遭當地的生態保留也相完整樹蔭溪流吊橋成了內灣的觀光景點附

近一些懷古的景象也是蠻多的諸如合興火車站搭配週遭的景緻彷彿讓我們

回溯到 30-40 年代的時光另一特色是內灣的老街風光當地住宅的風格特

色及人文活動都保留著相當完整來到這兒就像回到早期簡樸規律的生活

日出而做日落而息的形容或許是比較貼切一點吧除此之外內灣吊橋也

是名聞遐邇不少遊客來此都一定要經過吊橋感受從吊橋俯瞰溪流下的風

光然而有不少民眾也趁假日閒暇之時攜家帶眷或三五好友吆喝一起在溪

流下的樹蔭處烤肉談天戲水等

近來也因政府極力推行產業觀光等活動也帶動當地推行商圈再造改

變城鄉面貌等讓昔日內灣風情再造新的面貌生活機能及人文發展更上一

層樓故內灣溪畔也有觀景台觀賞落日餘暉的美景等景觀公園內灣除了

風景外當地的名產也很多如客家擂茶野薑花粽柿子等

4

由於內灣線的旅遊風氣始於近幾年因此依然擁有樸實的風貌及保留原始的

景色詩情畫意的風景有原始的溪谷吊橋客家三合院以及翠綠的田

野景觀坐在車窗內望著鐵路沿線風景彷彿來到室外桃源

一出車站就是著名的內灣老街放眼望去都是濃濃的客家風情侯孝賢導

演的國片「戀戀風情」就是在這裡拍攝的老街裡各式各樣當紅的即將消

逝的客家小吃美食在此原始展現具有地方特色的野薑花棕紫玉菜包

客家擂茶牛浣水過鍋米粉等客家美食這些都是能滿足了我們的觀光客

的心

23 內灣鐵路發展

圖 23 1 內灣鐵路

內灣線是一條由國人建造的支線前身是輕便車道從新竹車站開始行

駛往東由靠海的平原逐漸進入山區早期用來運送煤礦及木材內灣線的

設立原本就是為了山林資源例如石灰石煤礦矽沙等礦藏和極為珍

貴的香杉赤柯檜木以及早期用做煉腦的樟樹等因此隨著光復後的產

業發展需求便開始了內灣支線超過半個世紀的火車快飛歲月

這條由新竹到內灣長約二十九點九公里的內灣線它的興築可溯自日

據末期竹東鐵道的建設計劃不過真正完成新竹到竹東段則是民國三十六

年十月十五日的事到了民國三十九年十二月這條鐵路又延伸至合興民

國四十年九月繼續延伸到內灣整條支線於是完成

內灣支線是由新竹分歧出來經竹東的竹中上員竹東便跨進橫山

鄉的橫山九讚頭合興南河到終點站內灣途經四個山洞兩座鐵橋

爬山穿嶺過溪工程十分艱鉅至今內灣車站仍保有當年的建築風格並保

留有「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

內灣線通車後可以說是台鐵所有支線中營運最穩定的一條鐵路沿線

的一些村鎮也因而繁榮了起來尤其是終點站內灣村早期是油羅溪上游木

5

材的集運地內灣線通車後不但木材業因為有了更便捷的輸送交通而愈發

興盛民國四十五年左右還出現採煤礦的人潮因此電影餐飲酒家旅

社的行業也應運興起甚至還有「小上海」「小台北」的暱稱

像是當地最著名的戲院之一內灣戲院是於民國卅九年由楊盛泉籌劃落

成為一間深具歷史意義的日式建築物楊盛泉因一方面經營山廠一方面

經營製腦故十分懂得山林粗重勞動工人的休閒需要因此才在當時僅一千

多人的小村落興建戲院在內灣繁華時期內灣戲院曾經演過客家大戲歌

仔戲歌舞表演以及電影放映等為內灣線帶來的繁華歲月做了一個很身歷

聲的見證

當年從新竹站開往內灣的火車是藍色平頭的柴油客車在蒸汽黑白交

雜的煙霧中往東開向田園鄉村意味濃厚的景色而竹東站一過後橫山

九讚頭合興等都是典雅的小站在油羅溪旁一一供人讚嘆然後煙霧一路

繁衍到內灣在來來去去的日子裡一趟一趟地傳遞興盛與沒落的訊息還

有許許多多追火車的浪漫愛情故事

然而內灣線和其他一些台鐵的支線一樣因為各種各樣的變遷與發展

的理由逐漸失去了往日風華不過內灣線因有貨運撐腰因此順利走過

了停駛的年代而且近年來懷舊觀光風突然興起美麗的內灣線以及純樸

的山城一時之間又開始「鹹魚翻身」新竹縣長鄭永金表示鐵路局內灣

線因經營不善原本要停駛但在縣府結合文化休閒產業及當地螢火蟲特

色整體行銷包裝後去年載客率成長近百分之四十他強調內灣線九個

車站都有豐富人文地產觀光潛力十足

其中曾經沒落的內灣車站由於兩年前文化創意的注入成功的將漫

畫家劉興欽的作品「阿三哥與大嬸婆」連結起死回生帶動了觀光風潮

現在一下了火車更可見到阿三哥大嬸婆放牛技長機器人等漫畫人

物的塑 像勾起懷舊的回憶讓遊客了解這些人物的生活背景原來就在內

灣這個寂靜的山城事實上劉興欽的漫畫人物在內灣商圈中處處可見新

竹縣文化局長蔡榮光進一步表示縣政府即將於明年開始施工興建一座「劉

興欽漫畫館」為來內灣村也將以漫畫村為號召

除了具有地標特色的內灣車站外內灣吊橋內灣戲院內灣老街等過

往生活的遺跡也在等待再次被體會與品味其中內灣老街有當地特色美

食如野薑花粽紫玉菜包客家擂茶牛浣水過鍋米粉等客家風味美食

一家家具客家鄉土風味的餐飲店和民俗藝品成了當地的觀光景點之一

現在內灣線儼然已成為鐵道旅遊的明日之星新竹縣縣政府搭上行政院「水

與綠計畫」與「觀光客倍增計畫」的列車將內灣閒置空間再利用根據規

劃顧問公司的報告內灣支線位於新竹縣內屬線型空間規劃自新竹站起

6

至內灣車站止全線共二十七點九公里沿線橫跨的行政區位由西而東有新

竹市竹東鎮橫山鄉等市鄉鎮預估規劃建設總經費是五億七千六百多萬

規劃公司強調內灣支線全線共有九個站將以觀光為主軸竹中站規

劃成為鐵道公園上員站則加強田野風味榮華站強化引導空間竹東站強

調客家文化保存兼具轉運功能橫山站重在視覺景觀的營造九讚頭車站是

與亞洲水泥相生相伴的車站合興站是少見的折返式車站將塑造成愛情車站

南河站成為內灣的前導站內灣線則幻化成櫻花車站而且為強化每一車

站特色將以植栽做區隔像竹中站是葫蘆竹上員站荷花榮華站是紫藤

竹東站橡棋樹(樹杞林)橫山站月橘九讚頭站九讚樹合興站是桂

花南河站香楓內灣山櫻花或八重櫻霧社櫻等

參山國家風景區管理處則建議配合「觀光客倍增計畫」應加強客源

市場分析同時以顧客的立場去規畫才能切入實際國有財產局表示規劃

範圍內屬於國有地的部份願全力配合尖石鄉公所希望能將規劃腹地延伸到

尖石鄉生產力中心建議在台三線進到內灣入口處能設管制哨以控制量

與品質

一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中對於內灣

線轉向觀光文化功能的發展認為「內灣線鐵路帶給人們的思古情懷及無

污染的觀光價值遠勝財團開採山林製造工業污染所帶來的衝擊過去因

為內灣鐵道的興築使得山林資源源源不絕的運往城市但也使得原本美麗

的山林遭受空前的迫害森林滿足人類的享受卻受到人類無情的摧殘

近年來因為山林資源逐漸耗盡加上人類對生態環境保護的意識提高所

以內灣線鐵道漸漸被觀光遊客所取代」

不過這名旅客呼籲說「但遊客日漸增多空瓶塑膠袋烤肉餘燼

垃圾等的襲擊之下山林的二度浩劫將再度降臨希望人類能提昇高度智慧

讓一切回歸自然」另外一位旅客並且在內灣的鐵軌旁許下了心願說「內

灣鐵路支線曾經帶動地方經濟繁榮地方有功是沿線聚落發展的軌跡留

存了獨有的鐵路支線文化與優美的自然景觀有如歌謠歡唱的節奏情懷

璞實自然使旅客心曠神怡期許各方珍惜此文化遺產」

內灣線自從半個世紀前通車開始擔負著各種人類與自然之間生存競爭

方式的助手但也因此在自然資源耗盡後逐漸走向沒落現在它又因某種

人與自然的生存互動重新出發但是它能否記得過去的經驗在人與自然

之間用更互利更平和的方式達到永續的目標不要因觀光業的蓬勃繁華

而再次迷失或許才是大家在搭乘內灣線火車時應該好好深思的功課吧

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 7: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

vi

表目錄 表 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

第一章 緒論

11 背景與動機

電腦與網路在現今社會中蓬勃發展到現在儼然已經成為人們生活中不可或

缺的必需品而網際網路越來越深入每個人的生活中使得消費的消費行為模式

大大的改變消費者為了減少開銷選擇窩在家裡所以越來越不喜愛出門幾乎都

是上網解決所有問題因而出現了所謂的宅經濟

新竹科學園區為科技界的資訊重地其中的園區工作者往往不是居住於新竹本地

者居多而近年來因為交通的發達再加上週休二日的連續假期造成人們開始

重視休閒娛樂等相關訊息而此時網際網路的發展帶動了各種商機為了提升

園區工作效率故介紹新竹知名景點及美食小吃提供園區內工作者多一分的參

12 研究目的

本專題研究是以『旅遊網兼電子商務』作為結合其製作方向主要為盡量

做出讓使用者覺得方便輕鬆操作以及資訊間的消息互通讓平常忙碌的工作者

在休閒假期時有多一分的旅遊參考網站中也將置入知名店家的名產訂購不只

讓假日休假的工作者有旅遊參考地點也讓沒時間出遊的忙碌工作者透過網路的

訂購能夠吃到地方特色名產

在網站中也將設立討論區及留言版的規劃讓使用者能夠說出自己的意見及參考

而網站架設的主要目的是為了能夠讓在新竹本地及外地工作者能夠有一個放鬆

參考的地方

13 限制

因為設備的不足和組員時間上的搭配還有費用上的憂慮所以造成製作上的

困難店家的合作意願也是一個重大的關鍵而新竹知名景點範圍太過廣泛所

以目前只針對內灣老街的部分以及周邊景點作為介紹還有老街的一些歷史文獻

作為旅遊景點之參考

2

14 關鍵名詞定義

本專題計用到下列幾個重要的名詞茲分別定義如下

1 購物車提供會員檢視購物之物品和購買

2 留言板讓訪客表達自己的意見

3 會員區登入註冊會員後可下單購物

4 搜尋商品搜尋系統讓使用者可以搜尋自己想要的商品

5 文章列表提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者點

3

第二章文獻探討

本章節將以九個小節來依序探討本專題關於內灣歷史內灣特色與發展內灣鐵

路發展內灣著名小吃內灣景點介紹與鄰近商圈交通路線(開車大眾運輸)

內灣近年來規劃與發展內灣生態 SWOT 分析電子商務等來介紹關於內灣詳

細介紹

21 內灣歷史

內灣的緣起及歷史

內灣位於新竹縣最大河川--頭前溪上游支流的油羅溪畔行政上屬於新

竹縣橫山鄉內灣村根據新竹縣文獻記載「南河地方昔屬荒野光緒 33 年

平 定生番在日政府保護下形成村落」而內灣在當時還屬於南河轄下小

部落也是最靠近「番地」的平地聚落清朝時內灣的墾民經營採製苧麻

搭建腦寮焗腦等產業活動昔日內灣老街是往返尖石山區的主要道路50

年代曾為內灣帶來許多觀光人潮內灣旅遊以中正路為主向外發展至光復

路大同路和平街中山街及廣濟路等後來隨著林業及礦業的沒落內

灣旅遊也由繁華歸於平靜經濟部商業司自民國 84(1995)年起陸續推動『形

象商圈』及『商店街』計畫內灣於 89 至 91 年間籌組『內灣形象商圈管

理推動委員會』以內灣老街為主搭配內灣線鐵路帶動當地觀光

22 內灣特色與發展

新竹內灣在我們記憶裡是一個風景優美綠蔭盎然山木林立的地方

週遭當地的生態保留也相完整樹蔭溪流吊橋成了內灣的觀光景點附

近一些懷古的景象也是蠻多的諸如合興火車站搭配週遭的景緻彷彿讓我們

回溯到 30-40 年代的時光另一特色是內灣的老街風光當地住宅的風格特

色及人文活動都保留著相當完整來到這兒就像回到早期簡樸規律的生活

日出而做日落而息的形容或許是比較貼切一點吧除此之外內灣吊橋也

是名聞遐邇不少遊客來此都一定要經過吊橋感受從吊橋俯瞰溪流下的風

光然而有不少民眾也趁假日閒暇之時攜家帶眷或三五好友吆喝一起在溪

流下的樹蔭處烤肉談天戲水等

近來也因政府極力推行產業觀光等活動也帶動當地推行商圈再造改

變城鄉面貌等讓昔日內灣風情再造新的面貌生活機能及人文發展更上一

層樓故內灣溪畔也有觀景台觀賞落日餘暉的美景等景觀公園內灣除了

風景外當地的名產也很多如客家擂茶野薑花粽柿子等

4

由於內灣線的旅遊風氣始於近幾年因此依然擁有樸實的風貌及保留原始的

景色詩情畫意的風景有原始的溪谷吊橋客家三合院以及翠綠的田

野景觀坐在車窗內望著鐵路沿線風景彷彿來到室外桃源

一出車站就是著名的內灣老街放眼望去都是濃濃的客家風情侯孝賢導

演的國片「戀戀風情」就是在這裡拍攝的老街裡各式各樣當紅的即將消

逝的客家小吃美食在此原始展現具有地方特色的野薑花棕紫玉菜包

客家擂茶牛浣水過鍋米粉等客家美食這些都是能滿足了我們的觀光客

的心

23 內灣鐵路發展

圖 23 1 內灣鐵路

內灣線是一條由國人建造的支線前身是輕便車道從新竹車站開始行

駛往東由靠海的平原逐漸進入山區早期用來運送煤礦及木材內灣線的

設立原本就是為了山林資源例如石灰石煤礦矽沙等礦藏和極為珍

貴的香杉赤柯檜木以及早期用做煉腦的樟樹等因此隨著光復後的產

業發展需求便開始了內灣支線超過半個世紀的火車快飛歲月

這條由新竹到內灣長約二十九點九公里的內灣線它的興築可溯自日

據末期竹東鐵道的建設計劃不過真正完成新竹到竹東段則是民國三十六

年十月十五日的事到了民國三十九年十二月這條鐵路又延伸至合興民

國四十年九月繼續延伸到內灣整條支線於是完成

內灣支線是由新竹分歧出來經竹東的竹中上員竹東便跨進橫山

鄉的橫山九讚頭合興南河到終點站內灣途經四個山洞兩座鐵橋

爬山穿嶺過溪工程十分艱鉅至今內灣車站仍保有當年的建築風格並保

留有「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

內灣線通車後可以說是台鐵所有支線中營運最穩定的一條鐵路沿線

的一些村鎮也因而繁榮了起來尤其是終點站內灣村早期是油羅溪上游木

5

材的集運地內灣線通車後不但木材業因為有了更便捷的輸送交通而愈發

興盛民國四十五年左右還出現採煤礦的人潮因此電影餐飲酒家旅

社的行業也應運興起甚至還有「小上海」「小台北」的暱稱

像是當地最著名的戲院之一內灣戲院是於民國卅九年由楊盛泉籌劃落

成為一間深具歷史意義的日式建築物楊盛泉因一方面經營山廠一方面

經營製腦故十分懂得山林粗重勞動工人的休閒需要因此才在當時僅一千

多人的小村落興建戲院在內灣繁華時期內灣戲院曾經演過客家大戲歌

仔戲歌舞表演以及電影放映等為內灣線帶來的繁華歲月做了一個很身歷

聲的見證

當年從新竹站開往內灣的火車是藍色平頭的柴油客車在蒸汽黑白交

雜的煙霧中往東開向田園鄉村意味濃厚的景色而竹東站一過後橫山

九讚頭合興等都是典雅的小站在油羅溪旁一一供人讚嘆然後煙霧一路

繁衍到內灣在來來去去的日子裡一趟一趟地傳遞興盛與沒落的訊息還

有許許多多追火車的浪漫愛情故事

然而內灣線和其他一些台鐵的支線一樣因為各種各樣的變遷與發展

的理由逐漸失去了往日風華不過內灣線因有貨運撐腰因此順利走過

了停駛的年代而且近年來懷舊觀光風突然興起美麗的內灣線以及純樸

的山城一時之間又開始「鹹魚翻身」新竹縣長鄭永金表示鐵路局內灣

線因經營不善原本要停駛但在縣府結合文化休閒產業及當地螢火蟲特

色整體行銷包裝後去年載客率成長近百分之四十他強調內灣線九個

車站都有豐富人文地產觀光潛力十足

其中曾經沒落的內灣車站由於兩年前文化創意的注入成功的將漫

畫家劉興欽的作品「阿三哥與大嬸婆」連結起死回生帶動了觀光風潮

現在一下了火車更可見到阿三哥大嬸婆放牛技長機器人等漫畫人

物的塑 像勾起懷舊的回憶讓遊客了解這些人物的生活背景原來就在內

灣這個寂靜的山城事實上劉興欽的漫畫人物在內灣商圈中處處可見新

竹縣文化局長蔡榮光進一步表示縣政府即將於明年開始施工興建一座「劉

興欽漫畫館」為來內灣村也將以漫畫村為號召

除了具有地標特色的內灣車站外內灣吊橋內灣戲院內灣老街等過

往生活的遺跡也在等待再次被體會與品味其中內灣老街有當地特色美

食如野薑花粽紫玉菜包客家擂茶牛浣水過鍋米粉等客家風味美食

一家家具客家鄉土風味的餐飲店和民俗藝品成了當地的觀光景點之一

現在內灣線儼然已成為鐵道旅遊的明日之星新竹縣縣政府搭上行政院「水

與綠計畫」與「觀光客倍增計畫」的列車將內灣閒置空間再利用根據規

劃顧問公司的報告內灣支線位於新竹縣內屬線型空間規劃自新竹站起

6

至內灣車站止全線共二十七點九公里沿線橫跨的行政區位由西而東有新

竹市竹東鎮橫山鄉等市鄉鎮預估規劃建設總經費是五億七千六百多萬

規劃公司強調內灣支線全線共有九個站將以觀光為主軸竹中站規

劃成為鐵道公園上員站則加強田野風味榮華站強化引導空間竹東站強

調客家文化保存兼具轉運功能橫山站重在視覺景觀的營造九讚頭車站是

與亞洲水泥相生相伴的車站合興站是少見的折返式車站將塑造成愛情車站

南河站成為內灣的前導站內灣線則幻化成櫻花車站而且為強化每一車

站特色將以植栽做區隔像竹中站是葫蘆竹上員站荷花榮華站是紫藤

竹東站橡棋樹(樹杞林)橫山站月橘九讚頭站九讚樹合興站是桂

花南河站香楓內灣山櫻花或八重櫻霧社櫻等

參山國家風景區管理處則建議配合「觀光客倍增計畫」應加強客源

市場分析同時以顧客的立場去規畫才能切入實際國有財產局表示規劃

範圍內屬於國有地的部份願全力配合尖石鄉公所希望能將規劃腹地延伸到

尖石鄉生產力中心建議在台三線進到內灣入口處能設管制哨以控制量

與品質

一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中對於內灣

線轉向觀光文化功能的發展認為「內灣線鐵路帶給人們的思古情懷及無

污染的觀光價值遠勝財團開採山林製造工業污染所帶來的衝擊過去因

為內灣鐵道的興築使得山林資源源源不絕的運往城市但也使得原本美麗

的山林遭受空前的迫害森林滿足人類的享受卻受到人類無情的摧殘

近年來因為山林資源逐漸耗盡加上人類對生態環境保護的意識提高所

以內灣線鐵道漸漸被觀光遊客所取代」

不過這名旅客呼籲說「但遊客日漸增多空瓶塑膠袋烤肉餘燼

垃圾等的襲擊之下山林的二度浩劫將再度降臨希望人類能提昇高度智慧

讓一切回歸自然」另外一位旅客並且在內灣的鐵軌旁許下了心願說「內

灣鐵路支線曾經帶動地方經濟繁榮地方有功是沿線聚落發展的軌跡留

存了獨有的鐵路支線文化與優美的自然景觀有如歌謠歡唱的節奏情懷

璞實自然使旅客心曠神怡期許各方珍惜此文化遺產」

內灣線自從半個世紀前通車開始擔負著各種人類與自然之間生存競爭

方式的助手但也因此在自然資源耗盡後逐漸走向沒落現在它又因某種

人與自然的生存互動重新出發但是它能否記得過去的經驗在人與自然

之間用更互利更平和的方式達到永續的目標不要因觀光業的蓬勃繁華

而再次迷失或許才是大家在搭乘內灣線火車時應該好好深思的功課吧

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 8: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

1

第一章 緒論

11 背景與動機

電腦與網路在現今社會中蓬勃發展到現在儼然已經成為人們生活中不可或

缺的必需品而網際網路越來越深入每個人的生活中使得消費的消費行為模式

大大的改變消費者為了減少開銷選擇窩在家裡所以越來越不喜愛出門幾乎都

是上網解決所有問題因而出現了所謂的宅經濟

新竹科學園區為科技界的資訊重地其中的園區工作者往往不是居住於新竹本地

者居多而近年來因為交通的發達再加上週休二日的連續假期造成人們開始

重視休閒娛樂等相關訊息而此時網際網路的發展帶動了各種商機為了提升

園區工作效率故介紹新竹知名景點及美食小吃提供園區內工作者多一分的參

12 研究目的

本專題研究是以『旅遊網兼電子商務』作為結合其製作方向主要為盡量

做出讓使用者覺得方便輕鬆操作以及資訊間的消息互通讓平常忙碌的工作者

在休閒假期時有多一分的旅遊參考網站中也將置入知名店家的名產訂購不只

讓假日休假的工作者有旅遊參考地點也讓沒時間出遊的忙碌工作者透過網路的

訂購能夠吃到地方特色名產

在網站中也將設立討論區及留言版的規劃讓使用者能夠說出自己的意見及參考

而網站架設的主要目的是為了能夠讓在新竹本地及外地工作者能夠有一個放鬆

參考的地方

13 限制

因為設備的不足和組員時間上的搭配還有費用上的憂慮所以造成製作上的

困難店家的合作意願也是一個重大的關鍵而新竹知名景點範圍太過廣泛所

以目前只針對內灣老街的部分以及周邊景點作為介紹還有老街的一些歷史文獻

作為旅遊景點之參考

2

14 關鍵名詞定義

本專題計用到下列幾個重要的名詞茲分別定義如下

1 購物車提供會員檢視購物之物品和購買

2 留言板讓訪客表達自己的意見

3 會員區登入註冊會員後可下單購物

4 搜尋商品搜尋系統讓使用者可以搜尋自己想要的商品

5 文章列表提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者點

3

第二章文獻探討

本章節將以九個小節來依序探討本專題關於內灣歷史內灣特色與發展內灣鐵

路發展內灣著名小吃內灣景點介紹與鄰近商圈交通路線(開車大眾運輸)

內灣近年來規劃與發展內灣生態 SWOT 分析電子商務等來介紹關於內灣詳

細介紹

21 內灣歷史

內灣的緣起及歷史

內灣位於新竹縣最大河川--頭前溪上游支流的油羅溪畔行政上屬於新

竹縣橫山鄉內灣村根據新竹縣文獻記載「南河地方昔屬荒野光緒 33 年

平 定生番在日政府保護下形成村落」而內灣在當時還屬於南河轄下小

部落也是最靠近「番地」的平地聚落清朝時內灣的墾民經營採製苧麻

搭建腦寮焗腦等產業活動昔日內灣老街是往返尖石山區的主要道路50

年代曾為內灣帶來許多觀光人潮內灣旅遊以中正路為主向外發展至光復

路大同路和平街中山街及廣濟路等後來隨著林業及礦業的沒落內

灣旅遊也由繁華歸於平靜經濟部商業司自民國 84(1995)年起陸續推動『形

象商圈』及『商店街』計畫內灣於 89 至 91 年間籌組『內灣形象商圈管

理推動委員會』以內灣老街為主搭配內灣線鐵路帶動當地觀光

22 內灣特色與發展

新竹內灣在我們記憶裡是一個風景優美綠蔭盎然山木林立的地方

週遭當地的生態保留也相完整樹蔭溪流吊橋成了內灣的觀光景點附

近一些懷古的景象也是蠻多的諸如合興火車站搭配週遭的景緻彷彿讓我們

回溯到 30-40 年代的時光另一特色是內灣的老街風光當地住宅的風格特

色及人文活動都保留著相當完整來到這兒就像回到早期簡樸規律的生活

日出而做日落而息的形容或許是比較貼切一點吧除此之外內灣吊橋也

是名聞遐邇不少遊客來此都一定要經過吊橋感受從吊橋俯瞰溪流下的風

光然而有不少民眾也趁假日閒暇之時攜家帶眷或三五好友吆喝一起在溪

流下的樹蔭處烤肉談天戲水等

近來也因政府極力推行產業觀光等活動也帶動當地推行商圈再造改

變城鄉面貌等讓昔日內灣風情再造新的面貌生活機能及人文發展更上一

層樓故內灣溪畔也有觀景台觀賞落日餘暉的美景等景觀公園內灣除了

風景外當地的名產也很多如客家擂茶野薑花粽柿子等

4

由於內灣線的旅遊風氣始於近幾年因此依然擁有樸實的風貌及保留原始的

景色詩情畫意的風景有原始的溪谷吊橋客家三合院以及翠綠的田

野景觀坐在車窗內望著鐵路沿線風景彷彿來到室外桃源

一出車站就是著名的內灣老街放眼望去都是濃濃的客家風情侯孝賢導

演的國片「戀戀風情」就是在這裡拍攝的老街裡各式各樣當紅的即將消

逝的客家小吃美食在此原始展現具有地方特色的野薑花棕紫玉菜包

客家擂茶牛浣水過鍋米粉等客家美食這些都是能滿足了我們的觀光客

的心

23 內灣鐵路發展

圖 23 1 內灣鐵路

內灣線是一條由國人建造的支線前身是輕便車道從新竹車站開始行

駛往東由靠海的平原逐漸進入山區早期用來運送煤礦及木材內灣線的

設立原本就是為了山林資源例如石灰石煤礦矽沙等礦藏和極為珍

貴的香杉赤柯檜木以及早期用做煉腦的樟樹等因此隨著光復後的產

業發展需求便開始了內灣支線超過半個世紀的火車快飛歲月

這條由新竹到內灣長約二十九點九公里的內灣線它的興築可溯自日

據末期竹東鐵道的建設計劃不過真正完成新竹到竹東段則是民國三十六

年十月十五日的事到了民國三十九年十二月這條鐵路又延伸至合興民

國四十年九月繼續延伸到內灣整條支線於是完成

內灣支線是由新竹分歧出來經竹東的竹中上員竹東便跨進橫山

鄉的橫山九讚頭合興南河到終點站內灣途經四個山洞兩座鐵橋

爬山穿嶺過溪工程十分艱鉅至今內灣車站仍保有當年的建築風格並保

留有「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

內灣線通車後可以說是台鐵所有支線中營運最穩定的一條鐵路沿線

的一些村鎮也因而繁榮了起來尤其是終點站內灣村早期是油羅溪上游木

5

材的集運地內灣線通車後不但木材業因為有了更便捷的輸送交通而愈發

興盛民國四十五年左右還出現採煤礦的人潮因此電影餐飲酒家旅

社的行業也應運興起甚至還有「小上海」「小台北」的暱稱

像是當地最著名的戲院之一內灣戲院是於民國卅九年由楊盛泉籌劃落

成為一間深具歷史意義的日式建築物楊盛泉因一方面經營山廠一方面

經營製腦故十分懂得山林粗重勞動工人的休閒需要因此才在當時僅一千

多人的小村落興建戲院在內灣繁華時期內灣戲院曾經演過客家大戲歌

仔戲歌舞表演以及電影放映等為內灣線帶來的繁華歲月做了一個很身歷

聲的見證

當年從新竹站開往內灣的火車是藍色平頭的柴油客車在蒸汽黑白交

雜的煙霧中往東開向田園鄉村意味濃厚的景色而竹東站一過後橫山

九讚頭合興等都是典雅的小站在油羅溪旁一一供人讚嘆然後煙霧一路

繁衍到內灣在來來去去的日子裡一趟一趟地傳遞興盛與沒落的訊息還

有許許多多追火車的浪漫愛情故事

然而內灣線和其他一些台鐵的支線一樣因為各種各樣的變遷與發展

的理由逐漸失去了往日風華不過內灣線因有貨運撐腰因此順利走過

了停駛的年代而且近年來懷舊觀光風突然興起美麗的內灣線以及純樸

的山城一時之間又開始「鹹魚翻身」新竹縣長鄭永金表示鐵路局內灣

線因經營不善原本要停駛但在縣府結合文化休閒產業及當地螢火蟲特

色整體行銷包裝後去年載客率成長近百分之四十他強調內灣線九個

車站都有豐富人文地產觀光潛力十足

其中曾經沒落的內灣車站由於兩年前文化創意的注入成功的將漫

畫家劉興欽的作品「阿三哥與大嬸婆」連結起死回生帶動了觀光風潮

現在一下了火車更可見到阿三哥大嬸婆放牛技長機器人等漫畫人

物的塑 像勾起懷舊的回憶讓遊客了解這些人物的生活背景原來就在內

灣這個寂靜的山城事實上劉興欽的漫畫人物在內灣商圈中處處可見新

竹縣文化局長蔡榮光進一步表示縣政府即將於明年開始施工興建一座「劉

興欽漫畫館」為來內灣村也將以漫畫村為號召

除了具有地標特色的內灣車站外內灣吊橋內灣戲院內灣老街等過

往生活的遺跡也在等待再次被體會與品味其中內灣老街有當地特色美

食如野薑花粽紫玉菜包客家擂茶牛浣水過鍋米粉等客家風味美食

一家家具客家鄉土風味的餐飲店和民俗藝品成了當地的觀光景點之一

現在內灣線儼然已成為鐵道旅遊的明日之星新竹縣縣政府搭上行政院「水

與綠計畫」與「觀光客倍增計畫」的列車將內灣閒置空間再利用根據規

劃顧問公司的報告內灣支線位於新竹縣內屬線型空間規劃自新竹站起

6

至內灣車站止全線共二十七點九公里沿線橫跨的行政區位由西而東有新

竹市竹東鎮橫山鄉等市鄉鎮預估規劃建設總經費是五億七千六百多萬

規劃公司強調內灣支線全線共有九個站將以觀光為主軸竹中站規

劃成為鐵道公園上員站則加強田野風味榮華站強化引導空間竹東站強

調客家文化保存兼具轉運功能橫山站重在視覺景觀的營造九讚頭車站是

與亞洲水泥相生相伴的車站合興站是少見的折返式車站將塑造成愛情車站

南河站成為內灣的前導站內灣線則幻化成櫻花車站而且為強化每一車

站特色將以植栽做區隔像竹中站是葫蘆竹上員站荷花榮華站是紫藤

竹東站橡棋樹(樹杞林)橫山站月橘九讚頭站九讚樹合興站是桂

花南河站香楓內灣山櫻花或八重櫻霧社櫻等

參山國家風景區管理處則建議配合「觀光客倍增計畫」應加強客源

市場分析同時以顧客的立場去規畫才能切入實際國有財產局表示規劃

範圍內屬於國有地的部份願全力配合尖石鄉公所希望能將規劃腹地延伸到

尖石鄉生產力中心建議在台三線進到內灣入口處能設管制哨以控制量

與品質

一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中對於內灣

線轉向觀光文化功能的發展認為「內灣線鐵路帶給人們的思古情懷及無

污染的觀光價值遠勝財團開採山林製造工業污染所帶來的衝擊過去因

為內灣鐵道的興築使得山林資源源源不絕的運往城市但也使得原本美麗

的山林遭受空前的迫害森林滿足人類的享受卻受到人類無情的摧殘

近年來因為山林資源逐漸耗盡加上人類對生態環境保護的意識提高所

以內灣線鐵道漸漸被觀光遊客所取代」

不過這名旅客呼籲說「但遊客日漸增多空瓶塑膠袋烤肉餘燼

垃圾等的襲擊之下山林的二度浩劫將再度降臨希望人類能提昇高度智慧

讓一切回歸自然」另外一位旅客並且在內灣的鐵軌旁許下了心願說「內

灣鐵路支線曾經帶動地方經濟繁榮地方有功是沿線聚落發展的軌跡留

存了獨有的鐵路支線文化與優美的自然景觀有如歌謠歡唱的節奏情懷

璞實自然使旅客心曠神怡期許各方珍惜此文化遺產」

內灣線自從半個世紀前通車開始擔負著各種人類與自然之間生存競爭

方式的助手但也因此在自然資源耗盡後逐漸走向沒落現在它又因某種

人與自然的生存互動重新出發但是它能否記得過去的經驗在人與自然

之間用更互利更平和的方式達到永續的目標不要因觀光業的蓬勃繁華

而再次迷失或許才是大家在搭乘內灣線火車時應該好好深思的功課吧

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 9: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

2

14 關鍵名詞定義

本專題計用到下列幾個重要的名詞茲分別定義如下

1 購物車提供會員檢視購物之物品和購買

2 留言板讓訪客表達自己的意見

3 會員區登入註冊會員後可下單購物

4 搜尋商品搜尋系統讓使用者可以搜尋自己想要的商品

5 文章列表提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者點

3

第二章文獻探討

本章節將以九個小節來依序探討本專題關於內灣歷史內灣特色與發展內灣鐵

路發展內灣著名小吃內灣景點介紹與鄰近商圈交通路線(開車大眾運輸)

內灣近年來規劃與發展內灣生態 SWOT 分析電子商務等來介紹關於內灣詳

細介紹

21 內灣歷史

內灣的緣起及歷史

內灣位於新竹縣最大河川--頭前溪上游支流的油羅溪畔行政上屬於新

竹縣橫山鄉內灣村根據新竹縣文獻記載「南河地方昔屬荒野光緒 33 年

平 定生番在日政府保護下形成村落」而內灣在當時還屬於南河轄下小

部落也是最靠近「番地」的平地聚落清朝時內灣的墾民經營採製苧麻

搭建腦寮焗腦等產業活動昔日內灣老街是往返尖石山區的主要道路50

年代曾為內灣帶來許多觀光人潮內灣旅遊以中正路為主向外發展至光復

路大同路和平街中山街及廣濟路等後來隨著林業及礦業的沒落內

灣旅遊也由繁華歸於平靜經濟部商業司自民國 84(1995)年起陸續推動『形

象商圈』及『商店街』計畫內灣於 89 至 91 年間籌組『內灣形象商圈管

理推動委員會』以內灣老街為主搭配內灣線鐵路帶動當地觀光

22 內灣特色與發展

新竹內灣在我們記憶裡是一個風景優美綠蔭盎然山木林立的地方

週遭當地的生態保留也相完整樹蔭溪流吊橋成了內灣的觀光景點附

近一些懷古的景象也是蠻多的諸如合興火車站搭配週遭的景緻彷彿讓我們

回溯到 30-40 年代的時光另一特色是內灣的老街風光當地住宅的風格特

色及人文活動都保留著相當完整來到這兒就像回到早期簡樸規律的生活

日出而做日落而息的形容或許是比較貼切一點吧除此之外內灣吊橋也

是名聞遐邇不少遊客來此都一定要經過吊橋感受從吊橋俯瞰溪流下的風

光然而有不少民眾也趁假日閒暇之時攜家帶眷或三五好友吆喝一起在溪

流下的樹蔭處烤肉談天戲水等

近來也因政府極力推行產業觀光等活動也帶動當地推行商圈再造改

變城鄉面貌等讓昔日內灣風情再造新的面貌生活機能及人文發展更上一

層樓故內灣溪畔也有觀景台觀賞落日餘暉的美景等景觀公園內灣除了

風景外當地的名產也很多如客家擂茶野薑花粽柿子等

4

由於內灣線的旅遊風氣始於近幾年因此依然擁有樸實的風貌及保留原始的

景色詩情畫意的風景有原始的溪谷吊橋客家三合院以及翠綠的田

野景觀坐在車窗內望著鐵路沿線風景彷彿來到室外桃源

一出車站就是著名的內灣老街放眼望去都是濃濃的客家風情侯孝賢導

演的國片「戀戀風情」就是在這裡拍攝的老街裡各式各樣當紅的即將消

逝的客家小吃美食在此原始展現具有地方特色的野薑花棕紫玉菜包

客家擂茶牛浣水過鍋米粉等客家美食這些都是能滿足了我們的觀光客

的心

23 內灣鐵路發展

圖 23 1 內灣鐵路

內灣線是一條由國人建造的支線前身是輕便車道從新竹車站開始行

駛往東由靠海的平原逐漸進入山區早期用來運送煤礦及木材內灣線的

設立原本就是為了山林資源例如石灰石煤礦矽沙等礦藏和極為珍

貴的香杉赤柯檜木以及早期用做煉腦的樟樹等因此隨著光復後的產

業發展需求便開始了內灣支線超過半個世紀的火車快飛歲月

這條由新竹到內灣長約二十九點九公里的內灣線它的興築可溯自日

據末期竹東鐵道的建設計劃不過真正完成新竹到竹東段則是民國三十六

年十月十五日的事到了民國三十九年十二月這條鐵路又延伸至合興民

國四十年九月繼續延伸到內灣整條支線於是完成

內灣支線是由新竹分歧出來經竹東的竹中上員竹東便跨進橫山

鄉的橫山九讚頭合興南河到終點站內灣途經四個山洞兩座鐵橋

爬山穿嶺過溪工程十分艱鉅至今內灣車站仍保有當年的建築風格並保

留有「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

內灣線通車後可以說是台鐵所有支線中營運最穩定的一條鐵路沿線

的一些村鎮也因而繁榮了起來尤其是終點站內灣村早期是油羅溪上游木

5

材的集運地內灣線通車後不但木材業因為有了更便捷的輸送交通而愈發

興盛民國四十五年左右還出現採煤礦的人潮因此電影餐飲酒家旅

社的行業也應運興起甚至還有「小上海」「小台北」的暱稱

像是當地最著名的戲院之一內灣戲院是於民國卅九年由楊盛泉籌劃落

成為一間深具歷史意義的日式建築物楊盛泉因一方面經營山廠一方面

經營製腦故十分懂得山林粗重勞動工人的休閒需要因此才在當時僅一千

多人的小村落興建戲院在內灣繁華時期內灣戲院曾經演過客家大戲歌

仔戲歌舞表演以及電影放映等為內灣線帶來的繁華歲月做了一個很身歷

聲的見證

當年從新竹站開往內灣的火車是藍色平頭的柴油客車在蒸汽黑白交

雜的煙霧中往東開向田園鄉村意味濃厚的景色而竹東站一過後橫山

九讚頭合興等都是典雅的小站在油羅溪旁一一供人讚嘆然後煙霧一路

繁衍到內灣在來來去去的日子裡一趟一趟地傳遞興盛與沒落的訊息還

有許許多多追火車的浪漫愛情故事

然而內灣線和其他一些台鐵的支線一樣因為各種各樣的變遷與發展

的理由逐漸失去了往日風華不過內灣線因有貨運撐腰因此順利走過

了停駛的年代而且近年來懷舊觀光風突然興起美麗的內灣線以及純樸

的山城一時之間又開始「鹹魚翻身」新竹縣長鄭永金表示鐵路局內灣

線因經營不善原本要停駛但在縣府結合文化休閒產業及當地螢火蟲特

色整體行銷包裝後去年載客率成長近百分之四十他強調內灣線九個

車站都有豐富人文地產觀光潛力十足

其中曾經沒落的內灣車站由於兩年前文化創意的注入成功的將漫

畫家劉興欽的作品「阿三哥與大嬸婆」連結起死回生帶動了觀光風潮

現在一下了火車更可見到阿三哥大嬸婆放牛技長機器人等漫畫人

物的塑 像勾起懷舊的回憶讓遊客了解這些人物的生活背景原來就在內

灣這個寂靜的山城事實上劉興欽的漫畫人物在內灣商圈中處處可見新

竹縣文化局長蔡榮光進一步表示縣政府即將於明年開始施工興建一座「劉

興欽漫畫館」為來內灣村也將以漫畫村為號召

除了具有地標特色的內灣車站外內灣吊橋內灣戲院內灣老街等過

往生活的遺跡也在等待再次被體會與品味其中內灣老街有當地特色美

食如野薑花粽紫玉菜包客家擂茶牛浣水過鍋米粉等客家風味美食

一家家具客家鄉土風味的餐飲店和民俗藝品成了當地的觀光景點之一

現在內灣線儼然已成為鐵道旅遊的明日之星新竹縣縣政府搭上行政院「水

與綠計畫」與「觀光客倍增計畫」的列車將內灣閒置空間再利用根據規

劃顧問公司的報告內灣支線位於新竹縣內屬線型空間規劃自新竹站起

6

至內灣車站止全線共二十七點九公里沿線橫跨的行政區位由西而東有新

竹市竹東鎮橫山鄉等市鄉鎮預估規劃建設總經費是五億七千六百多萬

規劃公司強調內灣支線全線共有九個站將以觀光為主軸竹中站規

劃成為鐵道公園上員站則加強田野風味榮華站強化引導空間竹東站強

調客家文化保存兼具轉運功能橫山站重在視覺景觀的營造九讚頭車站是

與亞洲水泥相生相伴的車站合興站是少見的折返式車站將塑造成愛情車站

南河站成為內灣的前導站內灣線則幻化成櫻花車站而且為強化每一車

站特色將以植栽做區隔像竹中站是葫蘆竹上員站荷花榮華站是紫藤

竹東站橡棋樹(樹杞林)橫山站月橘九讚頭站九讚樹合興站是桂

花南河站香楓內灣山櫻花或八重櫻霧社櫻等

參山國家風景區管理處則建議配合「觀光客倍增計畫」應加強客源

市場分析同時以顧客的立場去規畫才能切入實際國有財產局表示規劃

範圍內屬於國有地的部份願全力配合尖石鄉公所希望能將規劃腹地延伸到

尖石鄉生產力中心建議在台三線進到內灣入口處能設管制哨以控制量

與品質

一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中對於內灣

線轉向觀光文化功能的發展認為「內灣線鐵路帶給人們的思古情懷及無

污染的觀光價值遠勝財團開採山林製造工業污染所帶來的衝擊過去因

為內灣鐵道的興築使得山林資源源源不絕的運往城市但也使得原本美麗

的山林遭受空前的迫害森林滿足人類的享受卻受到人類無情的摧殘

近年來因為山林資源逐漸耗盡加上人類對生態環境保護的意識提高所

以內灣線鐵道漸漸被觀光遊客所取代」

不過這名旅客呼籲說「但遊客日漸增多空瓶塑膠袋烤肉餘燼

垃圾等的襲擊之下山林的二度浩劫將再度降臨希望人類能提昇高度智慧

讓一切回歸自然」另外一位旅客並且在內灣的鐵軌旁許下了心願說「內

灣鐵路支線曾經帶動地方經濟繁榮地方有功是沿線聚落發展的軌跡留

存了獨有的鐵路支線文化與優美的自然景觀有如歌謠歡唱的節奏情懷

璞實自然使旅客心曠神怡期許各方珍惜此文化遺產」

內灣線自從半個世紀前通車開始擔負著各種人類與自然之間生存競爭

方式的助手但也因此在自然資源耗盡後逐漸走向沒落現在它又因某種

人與自然的生存互動重新出發但是它能否記得過去的經驗在人與自然

之間用更互利更平和的方式達到永續的目標不要因觀光業的蓬勃繁華

而再次迷失或許才是大家在搭乘內灣線火車時應該好好深思的功課吧

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 10: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

3

第二章文獻探討

本章節將以九個小節來依序探討本專題關於內灣歷史內灣特色與發展內灣鐵

路發展內灣著名小吃內灣景點介紹與鄰近商圈交通路線(開車大眾運輸)

內灣近年來規劃與發展內灣生態 SWOT 分析電子商務等來介紹關於內灣詳

細介紹

21 內灣歷史

內灣的緣起及歷史

內灣位於新竹縣最大河川--頭前溪上游支流的油羅溪畔行政上屬於新

竹縣橫山鄉內灣村根據新竹縣文獻記載「南河地方昔屬荒野光緒 33 年

平 定生番在日政府保護下形成村落」而內灣在當時還屬於南河轄下小

部落也是最靠近「番地」的平地聚落清朝時內灣的墾民經營採製苧麻

搭建腦寮焗腦等產業活動昔日內灣老街是往返尖石山區的主要道路50

年代曾為內灣帶來許多觀光人潮內灣旅遊以中正路為主向外發展至光復

路大同路和平街中山街及廣濟路等後來隨著林業及礦業的沒落內

灣旅遊也由繁華歸於平靜經濟部商業司自民國 84(1995)年起陸續推動『形

象商圈』及『商店街』計畫內灣於 89 至 91 年間籌組『內灣形象商圈管

理推動委員會』以內灣老街為主搭配內灣線鐵路帶動當地觀光

22 內灣特色與發展

新竹內灣在我們記憶裡是一個風景優美綠蔭盎然山木林立的地方

週遭當地的生態保留也相完整樹蔭溪流吊橋成了內灣的觀光景點附

近一些懷古的景象也是蠻多的諸如合興火車站搭配週遭的景緻彷彿讓我們

回溯到 30-40 年代的時光另一特色是內灣的老街風光當地住宅的風格特

色及人文活動都保留著相當完整來到這兒就像回到早期簡樸規律的生活

日出而做日落而息的形容或許是比較貼切一點吧除此之外內灣吊橋也

是名聞遐邇不少遊客來此都一定要經過吊橋感受從吊橋俯瞰溪流下的風

光然而有不少民眾也趁假日閒暇之時攜家帶眷或三五好友吆喝一起在溪

流下的樹蔭處烤肉談天戲水等

近來也因政府極力推行產業觀光等活動也帶動當地推行商圈再造改

變城鄉面貌等讓昔日內灣風情再造新的面貌生活機能及人文發展更上一

層樓故內灣溪畔也有觀景台觀賞落日餘暉的美景等景觀公園內灣除了

風景外當地的名產也很多如客家擂茶野薑花粽柿子等

4

由於內灣線的旅遊風氣始於近幾年因此依然擁有樸實的風貌及保留原始的

景色詩情畫意的風景有原始的溪谷吊橋客家三合院以及翠綠的田

野景觀坐在車窗內望著鐵路沿線風景彷彿來到室外桃源

一出車站就是著名的內灣老街放眼望去都是濃濃的客家風情侯孝賢導

演的國片「戀戀風情」就是在這裡拍攝的老街裡各式各樣當紅的即將消

逝的客家小吃美食在此原始展現具有地方特色的野薑花棕紫玉菜包

客家擂茶牛浣水過鍋米粉等客家美食這些都是能滿足了我們的觀光客

的心

23 內灣鐵路發展

圖 23 1 內灣鐵路

內灣線是一條由國人建造的支線前身是輕便車道從新竹車站開始行

駛往東由靠海的平原逐漸進入山區早期用來運送煤礦及木材內灣線的

設立原本就是為了山林資源例如石灰石煤礦矽沙等礦藏和極為珍

貴的香杉赤柯檜木以及早期用做煉腦的樟樹等因此隨著光復後的產

業發展需求便開始了內灣支線超過半個世紀的火車快飛歲月

這條由新竹到內灣長約二十九點九公里的內灣線它的興築可溯自日

據末期竹東鐵道的建設計劃不過真正完成新竹到竹東段則是民國三十六

年十月十五日的事到了民國三十九年十二月這條鐵路又延伸至合興民

國四十年九月繼續延伸到內灣整條支線於是完成

內灣支線是由新竹分歧出來經竹東的竹中上員竹東便跨進橫山

鄉的橫山九讚頭合興南河到終點站內灣途經四個山洞兩座鐵橋

爬山穿嶺過溪工程十分艱鉅至今內灣車站仍保有當年的建築風格並保

留有「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

內灣線通車後可以說是台鐵所有支線中營運最穩定的一條鐵路沿線

的一些村鎮也因而繁榮了起來尤其是終點站內灣村早期是油羅溪上游木

5

材的集運地內灣線通車後不但木材業因為有了更便捷的輸送交通而愈發

興盛民國四十五年左右還出現採煤礦的人潮因此電影餐飲酒家旅

社的行業也應運興起甚至還有「小上海」「小台北」的暱稱

像是當地最著名的戲院之一內灣戲院是於民國卅九年由楊盛泉籌劃落

成為一間深具歷史意義的日式建築物楊盛泉因一方面經營山廠一方面

經營製腦故十分懂得山林粗重勞動工人的休閒需要因此才在當時僅一千

多人的小村落興建戲院在內灣繁華時期內灣戲院曾經演過客家大戲歌

仔戲歌舞表演以及電影放映等為內灣線帶來的繁華歲月做了一個很身歷

聲的見證

當年從新竹站開往內灣的火車是藍色平頭的柴油客車在蒸汽黑白交

雜的煙霧中往東開向田園鄉村意味濃厚的景色而竹東站一過後橫山

九讚頭合興等都是典雅的小站在油羅溪旁一一供人讚嘆然後煙霧一路

繁衍到內灣在來來去去的日子裡一趟一趟地傳遞興盛與沒落的訊息還

有許許多多追火車的浪漫愛情故事

然而內灣線和其他一些台鐵的支線一樣因為各種各樣的變遷與發展

的理由逐漸失去了往日風華不過內灣線因有貨運撐腰因此順利走過

了停駛的年代而且近年來懷舊觀光風突然興起美麗的內灣線以及純樸

的山城一時之間又開始「鹹魚翻身」新竹縣長鄭永金表示鐵路局內灣

線因經營不善原本要停駛但在縣府結合文化休閒產業及當地螢火蟲特

色整體行銷包裝後去年載客率成長近百分之四十他強調內灣線九個

車站都有豐富人文地產觀光潛力十足

其中曾經沒落的內灣車站由於兩年前文化創意的注入成功的將漫

畫家劉興欽的作品「阿三哥與大嬸婆」連結起死回生帶動了觀光風潮

現在一下了火車更可見到阿三哥大嬸婆放牛技長機器人等漫畫人

物的塑 像勾起懷舊的回憶讓遊客了解這些人物的生活背景原來就在內

灣這個寂靜的山城事實上劉興欽的漫畫人物在內灣商圈中處處可見新

竹縣文化局長蔡榮光進一步表示縣政府即將於明年開始施工興建一座「劉

興欽漫畫館」為來內灣村也將以漫畫村為號召

除了具有地標特色的內灣車站外內灣吊橋內灣戲院內灣老街等過

往生活的遺跡也在等待再次被體會與品味其中內灣老街有當地特色美

食如野薑花粽紫玉菜包客家擂茶牛浣水過鍋米粉等客家風味美食

一家家具客家鄉土風味的餐飲店和民俗藝品成了當地的觀光景點之一

現在內灣線儼然已成為鐵道旅遊的明日之星新竹縣縣政府搭上行政院「水

與綠計畫」與「觀光客倍增計畫」的列車將內灣閒置空間再利用根據規

劃顧問公司的報告內灣支線位於新竹縣內屬線型空間規劃自新竹站起

6

至內灣車站止全線共二十七點九公里沿線橫跨的行政區位由西而東有新

竹市竹東鎮橫山鄉等市鄉鎮預估規劃建設總經費是五億七千六百多萬

規劃公司強調內灣支線全線共有九個站將以觀光為主軸竹中站規

劃成為鐵道公園上員站則加強田野風味榮華站強化引導空間竹東站強

調客家文化保存兼具轉運功能橫山站重在視覺景觀的營造九讚頭車站是

與亞洲水泥相生相伴的車站合興站是少見的折返式車站將塑造成愛情車站

南河站成為內灣的前導站內灣線則幻化成櫻花車站而且為強化每一車

站特色將以植栽做區隔像竹中站是葫蘆竹上員站荷花榮華站是紫藤

竹東站橡棋樹(樹杞林)橫山站月橘九讚頭站九讚樹合興站是桂

花南河站香楓內灣山櫻花或八重櫻霧社櫻等

參山國家風景區管理處則建議配合「觀光客倍增計畫」應加強客源

市場分析同時以顧客的立場去規畫才能切入實際國有財產局表示規劃

範圍內屬於國有地的部份願全力配合尖石鄉公所希望能將規劃腹地延伸到

尖石鄉生產力中心建議在台三線進到內灣入口處能設管制哨以控制量

與品質

一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中對於內灣

線轉向觀光文化功能的發展認為「內灣線鐵路帶給人們的思古情懷及無

污染的觀光價值遠勝財團開採山林製造工業污染所帶來的衝擊過去因

為內灣鐵道的興築使得山林資源源源不絕的運往城市但也使得原本美麗

的山林遭受空前的迫害森林滿足人類的享受卻受到人類無情的摧殘

近年來因為山林資源逐漸耗盡加上人類對生態環境保護的意識提高所

以內灣線鐵道漸漸被觀光遊客所取代」

不過這名旅客呼籲說「但遊客日漸增多空瓶塑膠袋烤肉餘燼

垃圾等的襲擊之下山林的二度浩劫將再度降臨希望人類能提昇高度智慧

讓一切回歸自然」另外一位旅客並且在內灣的鐵軌旁許下了心願說「內

灣鐵路支線曾經帶動地方經濟繁榮地方有功是沿線聚落發展的軌跡留

存了獨有的鐵路支線文化與優美的自然景觀有如歌謠歡唱的節奏情懷

璞實自然使旅客心曠神怡期許各方珍惜此文化遺產」

內灣線自從半個世紀前通車開始擔負著各種人類與自然之間生存競爭

方式的助手但也因此在自然資源耗盡後逐漸走向沒落現在它又因某種

人與自然的生存互動重新出發但是它能否記得過去的經驗在人與自然

之間用更互利更平和的方式達到永續的目標不要因觀光業的蓬勃繁華

而再次迷失或許才是大家在搭乘內灣線火車時應該好好深思的功課吧

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 11: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

4

由於內灣線的旅遊風氣始於近幾年因此依然擁有樸實的風貌及保留原始的

景色詩情畫意的風景有原始的溪谷吊橋客家三合院以及翠綠的田

野景觀坐在車窗內望著鐵路沿線風景彷彿來到室外桃源

一出車站就是著名的內灣老街放眼望去都是濃濃的客家風情侯孝賢導

演的國片「戀戀風情」就是在這裡拍攝的老街裡各式各樣當紅的即將消

逝的客家小吃美食在此原始展現具有地方特色的野薑花棕紫玉菜包

客家擂茶牛浣水過鍋米粉等客家美食這些都是能滿足了我們的觀光客

的心

23 內灣鐵路發展

圖 23 1 內灣鐵路

內灣線是一條由國人建造的支線前身是輕便車道從新竹車站開始行

駛往東由靠海的平原逐漸進入山區早期用來運送煤礦及木材內灣線的

設立原本就是為了山林資源例如石灰石煤礦矽沙等礦藏和極為珍

貴的香杉赤柯檜木以及早期用做煉腦的樟樹等因此隨著光復後的產

業發展需求便開始了內灣支線超過半個世紀的火車快飛歲月

這條由新竹到內灣長約二十九點九公里的內灣線它的興築可溯自日

據末期竹東鐵道的建設計劃不過真正完成新竹到竹東段則是民國三十六

年十月十五日的事到了民國三十九年十二月這條鐵路又延伸至合興民

國四十年九月繼續延伸到內灣整條支線於是完成

內灣支線是由新竹分歧出來經竹東的竹中上員竹東便跨進橫山

鄉的橫山九讚頭合興南河到終點站內灣途經四個山洞兩座鐵橋

爬山穿嶺過溪工程十分艱鉅至今內灣車站仍保有當年的建築風格並保

留有「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

內灣線通車後可以說是台鐵所有支線中營運最穩定的一條鐵路沿線

的一些村鎮也因而繁榮了起來尤其是終點站內灣村早期是油羅溪上游木

5

材的集運地內灣線通車後不但木材業因為有了更便捷的輸送交通而愈發

興盛民國四十五年左右還出現採煤礦的人潮因此電影餐飲酒家旅

社的行業也應運興起甚至還有「小上海」「小台北」的暱稱

像是當地最著名的戲院之一內灣戲院是於民國卅九年由楊盛泉籌劃落

成為一間深具歷史意義的日式建築物楊盛泉因一方面經營山廠一方面

經營製腦故十分懂得山林粗重勞動工人的休閒需要因此才在當時僅一千

多人的小村落興建戲院在內灣繁華時期內灣戲院曾經演過客家大戲歌

仔戲歌舞表演以及電影放映等為內灣線帶來的繁華歲月做了一個很身歷

聲的見證

當年從新竹站開往內灣的火車是藍色平頭的柴油客車在蒸汽黑白交

雜的煙霧中往東開向田園鄉村意味濃厚的景色而竹東站一過後橫山

九讚頭合興等都是典雅的小站在油羅溪旁一一供人讚嘆然後煙霧一路

繁衍到內灣在來來去去的日子裡一趟一趟地傳遞興盛與沒落的訊息還

有許許多多追火車的浪漫愛情故事

然而內灣線和其他一些台鐵的支線一樣因為各種各樣的變遷與發展

的理由逐漸失去了往日風華不過內灣線因有貨運撐腰因此順利走過

了停駛的年代而且近年來懷舊觀光風突然興起美麗的內灣線以及純樸

的山城一時之間又開始「鹹魚翻身」新竹縣長鄭永金表示鐵路局內灣

線因經營不善原本要停駛但在縣府結合文化休閒產業及當地螢火蟲特

色整體行銷包裝後去年載客率成長近百分之四十他強調內灣線九個

車站都有豐富人文地產觀光潛力十足

其中曾經沒落的內灣車站由於兩年前文化創意的注入成功的將漫

畫家劉興欽的作品「阿三哥與大嬸婆」連結起死回生帶動了觀光風潮

現在一下了火車更可見到阿三哥大嬸婆放牛技長機器人等漫畫人

物的塑 像勾起懷舊的回憶讓遊客了解這些人物的生活背景原來就在內

灣這個寂靜的山城事實上劉興欽的漫畫人物在內灣商圈中處處可見新

竹縣文化局長蔡榮光進一步表示縣政府即將於明年開始施工興建一座「劉

興欽漫畫館」為來內灣村也將以漫畫村為號召

除了具有地標特色的內灣車站外內灣吊橋內灣戲院內灣老街等過

往生活的遺跡也在等待再次被體會與品味其中內灣老街有當地特色美

食如野薑花粽紫玉菜包客家擂茶牛浣水過鍋米粉等客家風味美食

一家家具客家鄉土風味的餐飲店和民俗藝品成了當地的觀光景點之一

現在內灣線儼然已成為鐵道旅遊的明日之星新竹縣縣政府搭上行政院「水

與綠計畫」與「觀光客倍增計畫」的列車將內灣閒置空間再利用根據規

劃顧問公司的報告內灣支線位於新竹縣內屬線型空間規劃自新竹站起

6

至內灣車站止全線共二十七點九公里沿線橫跨的行政區位由西而東有新

竹市竹東鎮橫山鄉等市鄉鎮預估規劃建設總經費是五億七千六百多萬

規劃公司強調內灣支線全線共有九個站將以觀光為主軸竹中站規

劃成為鐵道公園上員站則加強田野風味榮華站強化引導空間竹東站強

調客家文化保存兼具轉運功能橫山站重在視覺景觀的營造九讚頭車站是

與亞洲水泥相生相伴的車站合興站是少見的折返式車站將塑造成愛情車站

南河站成為內灣的前導站內灣線則幻化成櫻花車站而且為強化每一車

站特色將以植栽做區隔像竹中站是葫蘆竹上員站荷花榮華站是紫藤

竹東站橡棋樹(樹杞林)橫山站月橘九讚頭站九讚樹合興站是桂

花南河站香楓內灣山櫻花或八重櫻霧社櫻等

參山國家風景區管理處則建議配合「觀光客倍增計畫」應加強客源

市場分析同時以顧客的立場去規畫才能切入實際國有財產局表示規劃

範圍內屬於國有地的部份願全力配合尖石鄉公所希望能將規劃腹地延伸到

尖石鄉生產力中心建議在台三線進到內灣入口處能設管制哨以控制量

與品質

一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中對於內灣

線轉向觀光文化功能的發展認為「內灣線鐵路帶給人們的思古情懷及無

污染的觀光價值遠勝財團開採山林製造工業污染所帶來的衝擊過去因

為內灣鐵道的興築使得山林資源源源不絕的運往城市但也使得原本美麗

的山林遭受空前的迫害森林滿足人類的享受卻受到人類無情的摧殘

近年來因為山林資源逐漸耗盡加上人類對生態環境保護的意識提高所

以內灣線鐵道漸漸被觀光遊客所取代」

不過這名旅客呼籲說「但遊客日漸增多空瓶塑膠袋烤肉餘燼

垃圾等的襲擊之下山林的二度浩劫將再度降臨希望人類能提昇高度智慧

讓一切回歸自然」另外一位旅客並且在內灣的鐵軌旁許下了心願說「內

灣鐵路支線曾經帶動地方經濟繁榮地方有功是沿線聚落發展的軌跡留

存了獨有的鐵路支線文化與優美的自然景觀有如歌謠歡唱的節奏情懷

璞實自然使旅客心曠神怡期許各方珍惜此文化遺產」

內灣線自從半個世紀前通車開始擔負著各種人類與自然之間生存競爭

方式的助手但也因此在自然資源耗盡後逐漸走向沒落現在它又因某種

人與自然的生存互動重新出發但是它能否記得過去的經驗在人與自然

之間用更互利更平和的方式達到永續的目標不要因觀光業的蓬勃繁華

而再次迷失或許才是大家在搭乘內灣線火車時應該好好深思的功課吧

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 12: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

5

材的集運地內灣線通車後不但木材業因為有了更便捷的輸送交通而愈發

興盛民國四十五年左右還出現採煤礦的人潮因此電影餐飲酒家旅

社的行業也應運興起甚至還有「小上海」「小台北」的暱稱

像是當地最著名的戲院之一內灣戲院是於民國卅九年由楊盛泉籌劃落

成為一間深具歷史意義的日式建築物楊盛泉因一方面經營山廠一方面

經營製腦故十分懂得山林粗重勞動工人的休閒需要因此才在當時僅一千

多人的小村落興建戲院在內灣繁華時期內灣戲院曾經演過客家大戲歌

仔戲歌舞表演以及電影放映等為內灣線帶來的繁華歲月做了一個很身歷

聲的見證

當年從新竹站開往內灣的火車是藍色平頭的柴油客車在蒸汽黑白交

雜的煙霧中往東開向田園鄉村意味濃厚的景色而竹東站一過後橫山

九讚頭合興等都是典雅的小站在油羅溪旁一一供人讚嘆然後煙霧一路

繁衍到內灣在來來去去的日子裡一趟一趟地傳遞興盛與沒落的訊息還

有許許多多追火車的浪漫愛情故事

然而內灣線和其他一些台鐵的支線一樣因為各種各樣的變遷與發展

的理由逐漸失去了往日風華不過內灣線因有貨運撐腰因此順利走過

了停駛的年代而且近年來懷舊觀光風突然興起美麗的內灣線以及純樸

的山城一時之間又開始「鹹魚翻身」新竹縣長鄭永金表示鐵路局內灣

線因經營不善原本要停駛但在縣府結合文化休閒產業及當地螢火蟲特

色整體行銷包裝後去年載客率成長近百分之四十他強調內灣線九個

車站都有豐富人文地產觀光潛力十足

其中曾經沒落的內灣車站由於兩年前文化創意的注入成功的將漫

畫家劉興欽的作品「阿三哥與大嬸婆」連結起死回生帶動了觀光風潮

現在一下了火車更可見到阿三哥大嬸婆放牛技長機器人等漫畫人

物的塑 像勾起懷舊的回憶讓遊客了解這些人物的生活背景原來就在內

灣這個寂靜的山城事實上劉興欽的漫畫人物在內灣商圈中處處可見新

竹縣文化局長蔡榮光進一步表示縣政府即將於明年開始施工興建一座「劉

興欽漫畫館」為來內灣村也將以漫畫村為號召

除了具有地標特色的內灣車站外內灣吊橋內灣戲院內灣老街等過

往生活的遺跡也在等待再次被體會與品味其中內灣老街有當地特色美

食如野薑花粽紫玉菜包客家擂茶牛浣水過鍋米粉等客家風味美食

一家家具客家鄉土風味的餐飲店和民俗藝品成了當地的觀光景點之一

現在內灣線儼然已成為鐵道旅遊的明日之星新竹縣縣政府搭上行政院「水

與綠計畫」與「觀光客倍增計畫」的列車將內灣閒置空間再利用根據規

劃顧問公司的報告內灣支線位於新竹縣內屬線型空間規劃自新竹站起

6

至內灣車站止全線共二十七點九公里沿線橫跨的行政區位由西而東有新

竹市竹東鎮橫山鄉等市鄉鎮預估規劃建設總經費是五億七千六百多萬

規劃公司強調內灣支線全線共有九個站將以觀光為主軸竹中站規

劃成為鐵道公園上員站則加強田野風味榮華站強化引導空間竹東站強

調客家文化保存兼具轉運功能橫山站重在視覺景觀的營造九讚頭車站是

與亞洲水泥相生相伴的車站合興站是少見的折返式車站將塑造成愛情車站

南河站成為內灣的前導站內灣線則幻化成櫻花車站而且為強化每一車

站特色將以植栽做區隔像竹中站是葫蘆竹上員站荷花榮華站是紫藤

竹東站橡棋樹(樹杞林)橫山站月橘九讚頭站九讚樹合興站是桂

花南河站香楓內灣山櫻花或八重櫻霧社櫻等

參山國家風景區管理處則建議配合「觀光客倍增計畫」應加強客源

市場分析同時以顧客的立場去規畫才能切入實際國有財產局表示規劃

範圍內屬於國有地的部份願全力配合尖石鄉公所希望能將規劃腹地延伸到

尖石鄉生產力中心建議在台三線進到內灣入口處能設管制哨以控制量

與品質

一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中對於內灣

線轉向觀光文化功能的發展認為「內灣線鐵路帶給人們的思古情懷及無

污染的觀光價值遠勝財團開採山林製造工業污染所帶來的衝擊過去因

為內灣鐵道的興築使得山林資源源源不絕的運往城市但也使得原本美麗

的山林遭受空前的迫害森林滿足人類的享受卻受到人類無情的摧殘

近年來因為山林資源逐漸耗盡加上人類對生態環境保護的意識提高所

以內灣線鐵道漸漸被觀光遊客所取代」

不過這名旅客呼籲說「但遊客日漸增多空瓶塑膠袋烤肉餘燼

垃圾等的襲擊之下山林的二度浩劫將再度降臨希望人類能提昇高度智慧

讓一切回歸自然」另外一位旅客並且在內灣的鐵軌旁許下了心願說「內

灣鐵路支線曾經帶動地方經濟繁榮地方有功是沿線聚落發展的軌跡留

存了獨有的鐵路支線文化與優美的自然景觀有如歌謠歡唱的節奏情懷

璞實自然使旅客心曠神怡期許各方珍惜此文化遺產」

內灣線自從半個世紀前通車開始擔負著各種人類與自然之間生存競爭

方式的助手但也因此在自然資源耗盡後逐漸走向沒落現在它又因某種

人與自然的生存互動重新出發但是它能否記得過去的經驗在人與自然

之間用更互利更平和的方式達到永續的目標不要因觀光業的蓬勃繁華

而再次迷失或許才是大家在搭乘內灣線火車時應該好好深思的功課吧

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 13: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

6

至內灣車站止全線共二十七點九公里沿線橫跨的行政區位由西而東有新

竹市竹東鎮橫山鄉等市鄉鎮預估規劃建設總經費是五億七千六百多萬

規劃公司強調內灣支線全線共有九個站將以觀光為主軸竹中站規

劃成為鐵道公園上員站則加強田野風味榮華站強化引導空間竹東站強

調客家文化保存兼具轉運功能橫山站重在視覺景觀的營造九讚頭車站是

與亞洲水泥相生相伴的車站合興站是少見的折返式車站將塑造成愛情車站

南河站成為內灣的前導站內灣線則幻化成櫻花車站而且為強化每一車

站特色將以植栽做區隔像竹中站是葫蘆竹上員站荷花榮華站是紫藤

竹東站橡棋樹(樹杞林)橫山站月橘九讚頭站九讚樹合興站是桂

花南河站香楓內灣山櫻花或八重櫻霧社櫻等

參山國家風景區管理處則建議配合「觀光客倍增計畫」應加強客源

市場分析同時以顧客的立場去規畫才能切入實際國有財產局表示規劃

範圍內屬於國有地的部份願全力配合尖石鄉公所希望能將規劃腹地延伸到

尖石鄉生產力中心建議在台三線進到內灣入口處能設管制哨以控制量

與品質

一位具有反思能力的旅客在搭乘內灣線的火車前往內灣途中對於內灣

線轉向觀光文化功能的發展認為「內灣線鐵路帶給人們的思古情懷及無

污染的觀光價值遠勝財團開採山林製造工業污染所帶來的衝擊過去因

為內灣鐵道的興築使得山林資源源源不絕的運往城市但也使得原本美麗

的山林遭受空前的迫害森林滿足人類的享受卻受到人類無情的摧殘

近年來因為山林資源逐漸耗盡加上人類對生態環境保護的意識提高所

以內灣線鐵道漸漸被觀光遊客所取代」

不過這名旅客呼籲說「但遊客日漸增多空瓶塑膠袋烤肉餘燼

垃圾等的襲擊之下山林的二度浩劫將再度降臨希望人類能提昇高度智慧

讓一切回歸自然」另外一位旅客並且在內灣的鐵軌旁許下了心願說「內

灣鐵路支線曾經帶動地方經濟繁榮地方有功是沿線聚落發展的軌跡留

存了獨有的鐵路支線文化與優美的自然景觀有如歌謠歡唱的節奏情懷

璞實自然使旅客心曠神怡期許各方珍惜此文化遺產」

內灣線自從半個世紀前通車開始擔負著各種人類與自然之間生存競爭

方式的助手但也因此在自然資源耗盡後逐漸走向沒落現在它又因某種

人與自然的生存互動重新出發但是它能否記得過去的經驗在人與自然

之間用更互利更平和的方式達到永續的目標不要因觀光業的蓬勃繁華

而再次迷失或許才是大家在搭乘內灣線火車時應該好好深思的功課吧

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 14: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

7

24 內灣著名小吃

野薑花粽

內灣的野薑花粽起源據說昔時進入內灣交通運輸不便

客家居民即以當地油羅溪盛產的野薑作香料促進食慾後

來野薑花取根莖曬乾研磨成粉末加上當地山胡椒山地

香菇黑豬豬肉糯米同蒸成香噴噴油飯再野薑花葉包

粽再蒸這就是野薑花粽

圖 241 野薑花粽

客家菜包

客家菜包的名稱由來是因為裡頭包了蘿蔔絲香菇等菜

料所以叫做菜包除此之外也因為客家菜包的外型類

似裝豬仔的籠子所以又被稱做為「豬籠粄」豬籠粄是客

家人清明節的傳統食物當閩南人吃著潤餅的時候客家

人則是吃著豬籠粄追憶祖先

圖 242 客家菜包

客家擂茶

『擂茶』又名為『三生湯』相傳於三國時張飛帶兵進攻

武陵之際將士均得到瘟疫無力前進當時有一位老草

醫有感於蜀軍紀律嚴明便獻上祖傳的除瘟秘方以生茶

生薑生米共同磨成了糊狀烹煮後食用結果湯到病除

擂茶便因此而流傳開來

牛浣水就是指將麻糬放入薑汁水中的點心因為其形狀

就好像早期農閒老牛在水塘中佯倘之模樣故取其名本

店中有許多傳統農具來此時別忘了參觀一下而且此處

還常舉辦相關文化解說活動

圖 244 牛浣水

圖 243 客家擂茶

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 15: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

8

25 景點介紹

內灣傳統街屋

內灣傳統街屋皆具歷史意義因當地盛產林木製材業發達所以居民建築

與一般新竹地區的客家土誦磚紅磚構造房屋有所不同而是多以紅磚砌柱及屋

基後另以板材作為屋身門窗及屋頂構造物再於屋頂覆蓋以合板瓦或日式文

化瓦而成街屋由其用材及形式皆能一窺其時代背景配合居民用心的園藝花木

栽培點綴在此悠游其中更令人沈浸其幽雅古意的懷舊時空中

圖 255 內灣傳統街屋

內灣車站

台灣鐵路內灣支線原本並未通車至內灣但隨著時代變遷及內灣的產業蓬

勃發展以致內灣在民國 40 年有了火車通行今車站保有五六零年代的建築風

格並保留「通車紀念碑」足供後人憑思其鐵道開拓的艱辛歷程

圖 256 內灣車站

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 16: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

9

內灣戲院

內灣戲院是於民國 39 年在主人楊盛泉的籌劃下落成啟用是一間深具歷史

意義的日式建築主人因一方面經營山場一方面經營製腦故十分懂得山林粗

重勞動工人的休閒需要因此才在當時僅一千餘人的小村落營造名聞遐邇的內灣

戲院內灣戲院的前身為楊家主人經營的山場之料坪(即停放林木材料的場所)

而更早期以前料坪旁的三角折坡上還有火鋸寮(為新竹最早的火力鋸木廠)今

仍可見其殘存的紅磚牆基

圖 257 內灣戲院

內灣國民小學

內灣國民小學佔地寬廣校園內花木扶疏高大林木成蔭景色怡人由於

緊臨內灣車站因此設施皆配合進出校園的設計如地下道護欄圍牆hellip等

與一般學校景觀不同更具其獨持性

內灣派出所

位於內灣車站上方鄰近內灣國民小學是一棟具有建築之美的日式木造建

築目前仍有警員駐守服務

圖 258 內灣派出所

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 17: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

10

林務局檢查站

木業發達因此由台灣省林務局在此設立內灣檢查站以就近管制內灣地區

的林木採伐事宜站內亦有自國外引進欲推廣之樹種如柚木等等目前內灣林

務局工作室已作為「林業博物館」使用館內展示尖石內灣地區現有的林木

還有視聽館播放內灣和尖石林業的歷史興衰讓遊客對內灣林業軌跡一目了然

圖 259 林務局檢查站

劉興欽漫畫發明展覽館

劉興欽漫畫館矗立在內灣火車站後側館內主要展出劉興欽先生之漫畫作品

漫畫中常可見早期台灣生活器具及各種發行器具之介紹解說生動活潑相當具

啟發性此外館內外隨處可見大嬸婆等漫畫的人偶塑像讓參訪的遊客對這位漫

畫家同時也是發明家的認識更加深刻

圖 2510 劉興欽漫畫發明展覽館

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 18: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

11

內灣吊橋

內灣吊橋於內灣村東方橫跨油羅溪吊橋於溪中設置有兩座吊索橋架基墩

造型極具美慼橋全長約 147 公尺寬約 26 公尺可供人車通行是通往南坪

的捷徑亦可通往攀龍吊橋與北角吊橋

圖 2511 內灣吊橋

攀龍吊橋

攀龍吊橋位於內灣村西方橫跨油羅溪吊橋於溪兩岸設置兩座吊索橋架基墩

入口處巨石林木渾然天成景觀頗具優雅橋全長約 80 公尺寬約 11 公尺

僅可供人員通行是通往南窩與南坪的捷徑亦可通往內灣吊橋與尖山吊橋但

現在橫山鄉公所已明訂其為危橋禁止使用

圖 2512 攀龍吊橋

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 19: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

12

內灣溫泉

目前內灣尖石地區之溫泉仍處於萌芽階段內灣地區的溫泉屬私人鑿井探勘

於民國 91 年探勘成功目前已由溫泉業者取水經營根據新竹縣政府於 93 年委

託專家進行的溫泉調查內灣近尖石之油羅溪畔有溫泉露頭該地區為新竹北部

深具觀光潛力的新興溫泉發展區

26 交通路線

火車

搭乘火車至新竹火車站轉乘內灣線火車至竹東站再轉乘新竹客運內灣線

那羅線梅花線之班車至內灣站即可到達內灣老街

客運

由新竹火車站搭乘新竹客運竹東線芎林線竹山線之班車至竹東站再轉

乘新竹客運內灣線那羅線梅花線之班車至內灣站即可到達內灣老街

開車

1 國道一號由竹東芎林交流道下往竹東橫山方向到內灣後依指標前

行即可到達內灣老街

2 國道三號由在竹林交流道下循 120 縣道往南接台 3 線即可到達內灣老

3 台 3 線走台 3 線往南方向經過關西往東經過竹東即可到到達內灣老

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 20: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

13

27 內灣近年來規劃與發展

新竹縣橫山鄉內灣村其三面環抱麥樹仁山脈前臨油羅溪以往為鐵公路終

點且為往返尖石鄉必經之路所以為平埔族原住民與平地人交易集散地民國 30

年代日本政府進行煤礦採掘並在那時植遍櫻花故有「櫻花故鄉」之稱

40 年代後大量的林礦勞工約五千名日本人為內灣帶來強勁消費力旅館

茶店仔和內灣戲院歌舞秀入夜後依舊人聲沸騰故有「小上海」之稱50 年

代造型土氣的阿三哥與與大嬸婆漫畫在當時轟動全台漫畫家劉興欽成功塑造見

義勇為打抱不平的阿三哥大嬸婆的濃郁鄉土性格讓人回味無窮60 年代後

林礦業相繼蕭條89 年在經濟部商業司及中國生產力中心的積極輔導下以「山

下情濃之休閒小鎮」為主軸歷經三年輔導將曾經沒落的小鎮從 3000 元

房租漲到現在 6 萬元從 18 戶店家發展到現在 328 戶店家每逢假日吸引大批

遊客前往攬勝讓村落重現熱鬧景象因此有「北九份南內灣」之喻可觀的

人潮商圈逐漸興盛年輕人回鄉發展土地增值在加上漫畫家劉興欽「阿三

哥大嬸婆」大力支持增加居民就業機會提高店家經濟收益今日的內灣如

銀白色的小珍珠般在面前綻放光芒

96商業司小鎮商街藍圖硬體改善97年內灣獲選經濟部創新品牌商圈計畫

本計畫以「優遊內灣樂活竹縣」為主軸並結合尖石峨眉北埔三商圈共同串

連整合發展出商圈之共同品牌97 年獲全國網路票選第二名國內遊客最愛去

的地方98 年獲選經濟部商圈改造計畫優質環境改造

99 年新竹縣內灣商圈一年的旅遊人次達 200 萬鐵路內灣支線更將在民國一百

年後將與高鐵接軌結合高鐵桃園航空站15 分鐘內將世界的旅人帶來新竹內

灣支線未來將串聯新竹縣山湖海等多元國際觀光資源

而新竹縣近來亦來積極整合縣內觀光資源以山海湖頭前溪為主軸發展

透過「三鐵逍遙遊」高鐵台鐵鐵馬車道的規劃優質觀光旅遊活動的推動

且新竹縣於 99 年度成功向中央爭取到二年三億元的「國際觀光魅力再生計畫」

將以內灣線鐵道為軸線建構全國獨一無二的「台灣漫畫夢工場」而橫山鄉更

積極爭取蒸氣火車到內灣為實為內灣聚合出新的契機與風貌

過去幾年來經濟部及各單位陸續針對內灣地區進行各種形象商圈等設施規劃設

計工作自民國九十年經濟部商業司的商圈再造計畫引發各單位投入資源如「內

灣老街風華再現看見客家計畫工程」「內灣風景區停車場及環境景觀美化建設

計畫」「九十二年度鐵路內灣支線觀光遊憩基礎服務設施工程」「內灣地區

管路地下化工程」「鐵路內灣車站公廁整建工程」等改善內灣各項公共設施

增加內灣之魅力硬體部份於 96 年中正路路燈美化另外入口意象及導覽指

標的硬體建設98 年度之野薑花公園內灣攤架修繕開闢一處擁有千個停車

位的停車場建立櫻花休閒步道

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 21: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

14

軟體部分9798 新竹縣悠遊內灣樂活竹塹品牌商圈推展計劃之挹注

當地商家並配合發展當地客家特色使計畫區在優美的自然風光中呈現出風格獨

特山城魅力目前商圈發展主要以火車站前的中正路為主區內除了以漫畫書-

阿三哥與大嬸婆為主題賦予內灣新生命老街上處處都可以看得到劉興欽筆下

人物的身影在劉興欽漫畫展覽館內更有完整的收藏內灣老街總長約 200

公尺大部分的店家僅在假日營業街道兩旁皆是具有地方特色的野薑花粽紫

玉菜包客家擂茶牛浣水過鍋米粉helliphellip等客家美食而沿著賞螢步道往後山

走去更有令人驚喜的賞螢活動而在油羅溪邊則常充斥著抓蝦摸蟹釣魚

烤肉露營的遊客此外站在內灣吊橋上可眺望油羅溪谷全景與遠處的攀龍吊

橋更吸引不少遊客在此駐足

28 內灣生態 SWOT 分析

一Strength 優勢

1 保有最傳統客家文化小吃

2 可以保有客家傳統文化吸引觀光產業進駐並打響小鎮知名度

二Weakness 劣勢

1 對於週休二日來玩得民眾較多易造成塞車交通阻塞

2 雖保有客家傳統文化的優點但也須引進新的文化否則觀光客也會覺的重

復逛相同的商家而感覺乏味因而不來遊玩

三Opportunity 機會

1 對於鄰近商圈也將可以帶來商機也可以使內灣湧入許多觀光客

2 可以發展溫泉區森林遊樂區親子遊樂區進而可以成為吸引觀光客來內

灣遊玩

四Threats 威脅

1 雖然發展觀光區後可以吸引大批觀光客湧入但也可能造成自然環境被破

壞空氣也可造成汙染

2 為了吸引更多觀光客前來遊玩可能會過度開發環境造成較原始生態不再

存在

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 22: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

15

29 何謂電子商務

一般而言電子商務(ECElectronic Commerce)最常的解釋是「藉由電腦

網路將購買與銷售產品與服務等商業活動結合在一起進而調整交易的基礎和

型態」但是電子商務並不是只有在網路放上企業的網頁而已他是代表商業和企

業的另種型態電子商務主要是建構在電子交易系統上即是將傳統的金流和物

流數位化並且發展「資訊流」這正是電子商務的精髓

291 電子商務帶來的好處

電子商務講求是速度便捷和縮短時空的隔閡經由電腦和網際網路聯結的

方式可以縮短交易時間和交易成本進而滿足組織商品與消費者的需要改善

產品服務與增加傳送速度服務的品質並達成提高各地的商業速度降低訊息

傳送的成本並利用其網路搜尋與取得資訊可以幫助個人與公司進行決策之制

定不論是哪一種產業未來會涉入其中而這也將是未來的商業模式進一步

達到整體企業 e 化的境界

292 電子商務帶來衝擊

對於企業電子化所面臨的衝擊有多大各國企業和消費的網際網路上包含

企業對企業和企業對消費者的貿易量和商機(不單是在企業電子化方面)這幾

年來都是超倍速的成長即使在今年網路發展出現泡沬化的現象但美國 Forrester

Research 仍預計在 2005 年在全球固網衛星和光纖的架設全球商業連網的部

份至少達 80即使開在偏遠山區的商家都能結合網路達到遠距的銷售商務

使得全世界的商業不再有國界之分

293 政府相關推動

目前政府從早年的商業自動化推動校園教育和商品條碼近來也不斷推動電

子商務除了多年來不斷推動「國家資訊基本建設」的發展依據經濟部八十八

年下半年暨八十九年度推動商業科技發展計畫「網際網路商業應用」的四年計畫

並配合一直在推行的商業自動化計畫結合資訊與網際網路業者協助企業導入網

際網路在電子商務 EC(Electronic Commerce)上的應用以強化各行業上中

下游的能力與效率進而提高台灣產業整體之競爭力累計至本年度所選擇的行

業已有三十個以達到創造網際網路商業應用擴大示範效果的行業為主

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 23: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

16

294 走進電子商務殿堂

電子商務是近幾年來很熱門的討論話題許多企業一直想進入這個領域但

是問題是怎麼進入這領域

要先考慮三大問題目的資源和發展

1 想要進入電子商務的目的企業是為了什麼目的要進入電子商務而不是為

了進入而進入

2 是否重新評估目前企業資源和外界環境有多少的 Know-How準備投入

多少的資源進入

3 是否考慮到企業結構的改變和未來的發展不論電子商務或企業e化目的

都在於針對企業內部和外部結構的調整改變資訊傳遞進銷系統主雇關

係 及客服系統且電子商務不是獨立而是和企業一體故需考量企業的

未來遠景確定自己企業的目的評估過環境和資源認真思考企業的結構

和未來接著有幾個步驟收集相關資料和訊息尋找相似的產業電子化的

資料成功之處何在失敗之處何在預估投入的成本想導入哪些和時

間表最重要的是充份和員工溝通尋找輔導或結盟的機構目前在台灣有

能力輔導的國內外公司至少有數十家應多聽多比較並搜集相關資訊

4 選擇最合適的輔導合作對象並明表達自己企業的目的和資源

5 重新評估自己的優勢並隨時面對可能發生的問題

6 不論電子商務或企業e化目的都在於針對企業內部和外部結構的調整改

變資訊傳遞進銷系統主雇關係及客服系統許多失敗的案例都是企業

把電子商務視為獨立的業務與企業其他的部份分離作業電子商務不是獨

立而是和企業一體故需考量企業的未來遠景相互配合

295 電子商務的兩大支柱

對電子商務應用及各種基礎建設的推展而言公共政策的配合和技術標準的

研擬是兩大重要支柱關於著作權隱私權的保障消費者的保護非法交易的

偵察網路資訊的監督以及交易糾紛的仲裁等都須要制定相關的公共政策及

法律條文來配合此外為了確保整體網路的相容性在發展各項基礎建設及電

子商務應用時各種工具使用者界面及傳輸協定的標準化是絕對必要的

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 24: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

17

296 交易安全

有越來越多的公司透過網際網路來提供產品及服務資訊但是對於在公眾網

路上實施線上交易仍然兢兢業業主要原因是對於網路及交易安全仍然有所疑慮

相同的基於交易安全的考量許多消費者對直接在網際網路上付款也有所顧忌

目前資訊在網際網路上傳送尚有被第三者竊取或變造的可能特別是敏感的個

人及財務重要資訊

如果無法保證交易可以安全地進行消費者就不會願意在網際網路上面提供

信用卡及付款的相關資訊而且商家為了避免發生交易糾紛也就不敢冒然提供

線上購物的服務若要電子商務成功且蓬勃地發展則必須提升消費者對交易可

靠性的信心以及增強公眾網路對外來非法入侵的防護措施所以交易安全是

目前電子商務發展中急待克服且深受囑目的問題

( 如帳號及密碼信用卡卡號) 資料庫或網路資源仍有被駭客侵入而導致

資料被破壞塗改洩漏或濫用的可能性

297 WWW 安全

為了進行電子商務在不可信任的公眾網路上客戶和伺服器之間的相互身

份驗證與確認是十分重要的一個訊息進入公開的網際網路傳送時必須包含一

些表示它的來源系統之資料

WWW 並不會將通過它的資料予以加密任何攔截 WWW 資料傳送的人都

可取用包含在裡面的資料為了安全起見Netscape 公司發展出 SSL (Secure

Socket Layer) 用以解決 WWW 上資訊傳送的安全顧慮使用 SSL 如果資料

傳錯了目標除了發送者及合法的接收者之外它所包含的資訊(如信用卡號碼)

第三者是無法閱讀的透過 SSL 資料在傳送出去之前就自動加密了並會在

合法的接收端被解密對於沒有解密金鑰的人來說所收到的資料只是一堆沒有

意義的 0 和 1 而已

298 資訊保密技術

電子商務是十分依賴密碼技術的在網路上傳送的資料可採用密碼技術加以

保護加密過的訊息在網路上流通時就算被駭客竊取他也無法將訊息還原

(解密)目前最常用的加密技術可歸類成兩種傳統( 秘密金鑰) 加密法

(Private-key) 和公開金鑰(Public-key) 加密法

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 25: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

18

299 所謂 4P

產品

指企業對物品服務及構想因為消費者購買產品時會有不同的購買動機和

心理因此企業必須站在消費者的角度將產品區隔化

價格

指企業對商品的生產和定價通路推廣在經營網站時也是必須運用這行

銷策略巧妙的地價策略不僅可以提高消費者的購買意願甚至還可以較高的價

格獲得較高的利潤同時也滿足了消費者的需求

通路(配銷)

指企業以正確的數量在正確的時間地點將產品提供給顧客完整的通路

及物流管理在行銷時也是必要的完整的通路及物流管理不但可以減少公司的成

本也可增加顧客對公司的信任

推廣(促銷)

推廣的主要目標就是要告知說服提醒有關產品的資訊傳遞給顧客進而

促進顧客的購物意願

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 26: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

19

第三章專題設計與規劃

本章節將以九個小節來介紹本專題的專題規劃目標系統開發方法網站架

構藍圖甘特圖研究流程圖專題分工分配表以及專題設備等

31 專題規劃目標

1 收集有關內灣旅遊商圈介紹景點美食文化旅遊寫真等相關資料

2 架設內灣旅遊商圈景點介紹美食旅遊寫真購物專區留言版等網站

3 藉此網站可以讓人更了解內灣文化及在地美食等並使用者互相交流心得

4 使用一些免費的軟體來開發以最低的成本達到網路開發的作用

5 提供業者的參考依據

32 系統開發方法

本專題所使用的系統開發生命週期模式為 SDLC 瀑布模式各步驟如下

表 3-2-1 專題進行流程表

階段 工作 專題成果 截止日期

規劃

收集資料

整合資料

撰寫計畫書

專題計畫書 20120526

分析

需求文件分析

製作網站架構圖

製作系統分析圖

系統分析書 20120630

設計

網頁架構設計

資料庫設計

Flash 動畫設計

網站介面規格書 20120820

建置

網頁版面製作

資料庫建置

Fluah 動畫製作

完整的系統 20121101

上機與維護

網站正式上線

網站測試

撰寫使用手冊

撰寫結案報告

結案維護

結案報告書

與使用手冊 20121210

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 27: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

20

表 3-2-2 瀑布模式

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 28: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

21

33 系統開發流程圖

表 3-2-3 系統開發流程圖

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 29: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

22

34 網站架構藍圖本系繪製的網站架構藍圖如下

本專題所欲開發的系統整體架構圖如下所示其共包含下列幾個子系統

表 3-2-4 網站架構藍圖

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 30: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

23

35 網站首頁架構圖

圖 351 網站首頁架構圖

由簡單呈現旅遊介紹及購物商品的方式讓使用者可以更容易操作

36 首頁系統架構圖描述

一般使用者在首頁可以直接點選其他頁面來連結管理者可以使用後台的建

制來進行各式的管理新增修改刪除等在前台方面商品品項與會員功能跟

資料管理等

本專題網站內容項目描述如下

(1)「首頁」讓瀏覽者可以快速的回到首頁

(2)「文章列表」提供內灣旅遊商圈景點美食文化旅遊寫真供瀏覽者

點閱

(3)「會員登入」能提供使用者跟管理者登入來連結

(4)「會員專區」在登入後會員及管理者可以各自的修改資料或刊登一些商品等

功能

(5)「留言板」提供瀏覽者可以在板上留言討論美食旅遊等經驗等分享交

流及提供使用者在使用上的疑問以及建議

(6)「購物車」可讓使用者完成購物的選擇隨時掌握喜愛的商品訊息及通知

(7)「商品搜尋」商品搜尋系統讓使用者可以搜尋自己想要的商品

(8)「後台管理」主要是讓管理者可以操作以上功能的改善與管理好讓管理者可

以幫助前台系統的資料保存以及上傳資料

(9)「資料統計」文獻實際參訪店家諮詢等

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 31: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

24

37 專題設備

本專題所使用之軟硬體如下

(1) 軟體方面

Office2010 Word

用途為文書處理軟體如果你有要寫的報告或論文時就可以使用此軟

體文件中可以編輯文字插入圖片圖案文字方塊文字藝術師

等等的多種物件

Office2010Excel

用途編輯資料於表格中輸入修改資料計算分析以公式函數的

運算產生有用的資訊也可對大量雜亂的資料進行排序與篩選自動重

新計算原始資料有改變運算結果自動更新製作圖表將表格資料

製作成圖表以瞭解資料的分佈狀態

Office2010Access

用途資料庫軟體 所有需要資料庫的應用都可以用 access 達成除了人

事資料外 包括客戶管理 學生管理 圖書館應用 進出貨管理

Office2010Visio

用途是一套流程的排版製作軟體支援繪製程式流程圖

Office2010Power Point

用途是一套強大的簡報編輯軟體

WINDOWS7

用途作業系統

(2) 繪圖軟體

Flash CS5

用途專業且強大的動畫影像編輯軟體

Photoshop CS5

用途比較專業且強大的相片編修軟體比較精密複雜不易上手

但功能非常強大也可以製作3D 的編輯還支援DICOM 影像和

MATLAB 處理例行常式

Dreamweaver

用途是一套功能強大而介面人性化的網頁編輯軟體及管理工具是全球

使用者最的網頁設計軟體與其他軟體的相容整合性高功能的全方位

延伸工具方便使用與目前網際網路的多媒體化及動態資料庫結合

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 32: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

25

項目 軟體名稱 軟體使用說明

作業系統

作業操作平台

文字編輯

文字撰寫編輯

文字編輯

圖表製作

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 33: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

26

資料庫

資料庫

圖表繪製

甘特圖

文字編輯

報表製作

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 34: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

27

動畫軟體

用途專業且強

大的動畫影像

編輯軟體

繪圖軟體

圖像美化編

輯專業繪圖

網頁程式

設計

網頁編輯排版

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 35: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

28

(3) 硬體方面

筆記型電腦 SONY

用途本專題使用的硬體資訊設備

機身尺寸331 x 2245 x 239 mm

含電池的重量 171 kg

133 吋1366 x 768 的 169 螢幕

Intel Core i5-2410M 雙核處理器 (23 - 2

9 GHz)

AMD Radeon HD6470M + Intel HD 300

0 雙顯卡

500 GB5400 rpm 硬碟

4 GB DDR3 1066 記憶體

DVD Super Multi 光碟機

指紋辨識器

內建一組 USB 30兩組 USB 20

內建 HDMIVGARJ-45SD 讀卡機M

S 雙讀卡機

80211 a b g n 無線網路藍牙

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 36: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

29

38 專題時程規劃-甘特圖

下圖是本專題每一天的計畫表紀錄每天的日程表以甘特圖做表示

圖 381 甘特圖

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 37: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

30

39 工作分配表

表 3-1 本專題工作分配表

項目 任務名稱 組員

蕭文俐 陳志宏 葉懿萱 王曉薇

1 訪談與調查

2 資料收集

3 資料分析

4 資料整合評估

5 撰寫計畫書

6 確認使用軟體

7 系統分析

8 決定系統需求

9 資料庫建立

10 網頁版面設計

11 美工設計

12 線上測驗

13 撰寫結案報告書

14 結案研討會論文

15 口頭報告 PPT檔

16 競賽海報

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 38: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

31

第四章專題成果

41 需求分析

對於本專題經由討論過後找出了幾點使用者在使用本網站時應該會有的需求在

下列有更詳細的敘述

1 消費者需求分析

希望能提供一下安排旅遊行程的系統可以替我們規劃出我們想要的旅遊行

程因為我們可能有些景點去到不想去了或者是由於某些景點都不太清楚想

藉由貴站的旅遊系統來指引

希望貴站能提供討論版能讓我們在上面發表意見或者搜尋資料也希望貴

站能提供相當豐富的旅遊資訊可以提供參考

希望能與業者或管理者有雙向互動之窗口以達到使用者與業者或管理者充

分的互動交流

2 業者需求分析

i 希望能提供可以即時更新資訊可便於提供消費者瀏覽與使用

ii 希望可提供便於上傳最新檔案與公告系統

iii 希望能提供了解消費者的喜好以便於做市場區隔

iv 透過互動式網站規劃有助於與消費者逐漸建立忠誠度關係

3 管理者需求分析

將管理者需求分為兩大項其中需求各為分析之如下

i 系統維護建置論壇使其對使用者具有強大黏著性較容易獲得消費者

忠誠度最簡單的社群經營大多是由留言板或聊天室拼湊出來的環境

並無法有效吸引網友進入關鍵在是否有長期經營做法專人關心互動

明顯獨特的主題建置旅遊話題論壇不失為一個好方法

ii 提供給管理者審核多家業者所提供的新景點刪除重複且選出內容最好

的景點資訊以便給使用者詳細良好的景點資訊有方便修改資料的介

面這樣子可以減少手動更新資料的時間

iii 能較容易管理使用者權限與會員資料安全的問題提供給管理者對不遵

守網站規條的會員進行刪除

iv 「協同運作」將會員資料做好管理如會員資格暫時凍結並將會員

資料提供給業者做客製化後分群以便使做到客戶關係維繫

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 39: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

32

42 事件

(1) 使用者利用網站進入首頁

(2) 使用者瀏覽商圈介紹

(3) 使用者瀏覽景點介紹

(4) 使用者瀏覽旅遊寫真

(5) 使用者瀏覽購物須知

(6) 使用者瀏覽註冊會員

(7) 使用者瀏覽留言版

(8) 使用者瀏覽購物車

(9) 管理者更新客戶資料管理

(10) 使用者瀏覽購物車

(11) 管理者更新客戶資料管理

(12) 管理者更新商品資料管理

(13) 管理者更新最新購物商品

(14) 管理者更新留言版討論區的資訊

(15) 管理者更新網頁平台的管理

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 40: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

33

421 事件表

表 4-1 事件表

事件 觸發 來源 活動 回應 目的

使用者進入

網站首頁

進入首頁

使用者

進入首頁

首頁資料功

能等

使用者

使用者瀏覽

商圈介紹

瀏覽商圈介紹

使用者

瀏覽商圈介

文字資料功

能項目等

使用者

使用者瀏覽

景點介紹

瀏覽景點介紹

使用者

瀏覽景點介

文字資料功

能項目等

使用者

使用者瀏覽

旅遊寫真

瀏覽旅遊寫真

使用者

瀏覽旅遊寫

文字資料功

能項目等

使用者

使用者瀏覽

購物須知

瀏覽購物須知

使用者

瀏覽購物須

文字資料功

能項目等

使用者

使用者瀏覽

註冊會員

瀏覽註冊會員

使用者

瀏覽註冊會

文字資料功

能項目等

使用者

使用者瀏覽

留言版

瀏覽留言版 使用者 留言 發表項目文

字資料

使用者

使用者瀏覽

購物車

瀏覽購物車 使用者 使用購物車 文字資料商

品項目

使用者

管理者更新

客戶資料管

更新客戶資料

管理

管理者

更新客戶資

料管理

新增修改刪

除等功能

管理者

管理者更新

商品資料管

更新商品資料

管理

管理者

更新商品資

料管理

新增修改刪

除等功能

管理者

管理者更新

最新商品

更新最新商品

管理者

更新最新商

新增修改刪

除等功能

管理者

管理者更新

留言版討論

區的資訊

更新留言版討

論區的資訊

管理者

更新留言版

討論區的資

新增修改刪

除等功能

管理者

管理者更新

網頁平台的

管理

更新網頁平台

的管理

管理者

更新網頁平

台的管理

新增修改刪

除等功能

管理者

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 41: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

34

43 系統分析

431 使用案例圖

圖 431 使用案例圖

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 42: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

35

432 使用案例描述

表 4-2-1 使用案例描述表-網站首頁

表 4-2-1 使用案例描述表-網站首頁

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱網站首頁 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須開啟瀏覽器

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示網站名稱

3使用者點選進入網站 4顯示網站首頁

表 4-2-2 使用案例描述表-商圈介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商圈介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示商圈介紹

3使用者點選商圈介紹進入 4顯示商圈介紹頁面

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 43: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

36

表 4-2-3 使用案例描述表-景點介紹

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱景點介紹 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示景點介紹

3使用者點選景點介紹進入 4顯示景點介紹頁面

表 4-2-4 使用案例描述表-旅遊寫真

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱旅遊寫真 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW使用者輸入網址 2系統顯示旅遊寫真

3使用者點選旅遊寫真進入 4顯示旅遊寫真頁面

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 44: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

37

表 4-2-5 使用案例描述表-購物車

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱購物車 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客會員

前提條件需登入會員做購買動作

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3點選購物車進入網頁 4系統顯示購物車網頁

5會員提交登入給系統 6系統顯示登入成功至會員中心

頁面

7會員進行購買商品

9會員提交商品資訊給系統 10TUCEW系統確認商品的購買

訂單

12寫入訂單至資料庫

14TUCEW系統顯示購買成功資

表 4-2-6 使用案例描述表-留言版

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱留言版 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)訪客

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客進入首頁 2系統顯示網站首頁

3點選留言版進入網頁 4系統顯示留言版網頁

5點選留言版 6系統顯示留言內容

7會員輸入留言訊息

9會員輸入留言訊息後送出給系統 10TUCEW系統顯示留言成功

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 45: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

38

表 4-2-7 使用案例描述表-登入會員

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱登入會員 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統進行驗證

6系統從資料庫來比對資料

8TUCEW系統顯示登入成功至會

員中心

表 4-2-8 使用案例描述表-查詢訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱查詢訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並

顯示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資

料至頁面

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 46: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

39

表 4-2-9 使用案例描述表-取消訂單

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱取消訂單 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員下訂單過

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢訂單資料 6 從資料庫讀取個人訂單資料並顯

示訂單資訊

7會員點選訂單編號 8TUCEW系統顯示訂單明細資料

至頁面

9會員提交取消訂單的要求給系統 10TUCEW系統儲存取消資料至資

料庫

表 4-2-10 使用案例描述表-修改個人資料

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱個人資料 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)會員

前提條件必須進入網站首頁並且登入會員

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW訪客(會員)進入首頁 2系統顯示網站首頁

3輸入會員帳號密碼 4系統顯示登入成功

5會員進行查詢個人資料 6 從資料庫讀取個人資料

7會員修改個人資料 8TUCEW系統顯示個人資料至頁面

9會員送出修改後的個人資料系統 10TUCEW系統顯示修改後的個人資

料頁面

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 47: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

40

其他例外路徑

會員提交登入要求給系統

如果會員所提交的登入並不存在或錯誤系統將會要求重新登入或註冊

表 4-2-11 使用案例描述表-管理登入

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱管理登入 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入頁面

3管理者輸入帳號密碼給系統 4系統進行認證

6TUCEW系統顯示登入成功的頁

表 4-2-12 使用案例描述表-編輯網站

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱編輯網站 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件必須進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行編輯要求給系統 4儲存編輯資料至資料庫

6TUCEW系統顯示編輯成功至頁

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 48: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

41

表 4-2-13 使用案例描述表-商品管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱商品管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行查詢修改刪除資料給系統 4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的商品

資料

表 4-2-14 使用案例描述表-用戶管理

系統名稱醉戀內灣老街平台網站 組別B2

使用案例名稱用戶管理 組員姓名蕭文俐葉懿萱王曉薇陳志宏

編號 版本

活動者(Actor)管理員

前提條件進入網站首頁必須登入管理員帳號並且進入管理員後台

成功狀態顯示查詢後的結果

失敗狀態查無相關資料或此資料不存在

使用者動作 系統回應

1TUCBW管理員進入首頁 2系統顯示登入成功至後台

3管理者進行用戶資料的查詢修改刪除

資料

4從資料庫取出資料後查詢修

改刪除最後儲存資料

6TUCEW系統顯示更改後的用戶

資料

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 49: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

42

44 循序圖

441 瀏覽網站首頁

圖 441 訪客瀏覽網站首頁

442 一般使用者註冊

圖 442 一般使用者註冊

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 50: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

43

443 會員登入

圖 443 會員登入

444 修改個人資料

圖 444 修改個人資料

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 51: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

44

445 購物車

圖 445 購物車

446 留言版

圖 446 留言板

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 52: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

45

447 管理留言專區

圖 447 管理留言專區

448 管理後台功能

圖 448 管理後台功能

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 53: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

46

45 網站使用手冊

內灣老街平台網站一共有兩種使用者一般使用者及會員管理者所以在此

提供了兩種版本的使用手冊方便使用者使用本網站

451一般使用者手冊

1 進入「內灣老街平台網站」網頁的方法

(1) 開啟網際網路

圖 451 使用者手冊(開啟網際網路)

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 54: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

47

2 瀏覽「內灣老街平台網站」首頁

(1) 開啟內灣老街平台網站請在此網址列輸入

http1201061967Neiwan內灣老街之醉戀內灣-首頁html

圖 452 使用者手冊(輸入網址)

3 瀏覽進版頁面

(1) 在進版頁面點選「進入網站」可以進入我們製作的網站

(2) 進入首頁後可以看到網頁的五大主題商圈介紹景點介紹旅遊寫真購

物專區留言版

圖 453 使用者手冊(五大主題)

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 55: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

48

4 瀏覽「商圈介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「特色發展」可

以觀看內灣特色及發展介紹

圖 454 使用者手冊(商圈介紹-特色發展)

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 56: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

49

(2) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「組織管理」可

以觀看內灣歷史發展

圖 455 使用者手冊(商圈介紹-組織管理)

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 57: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

50

(3) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「旅程規劃」可

以觀看內灣一日遊旅程規劃行程

圖 456 使用者手冊(商圈介紹-旅程規劃)

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 58: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

51

(4) 在「內灣老街平台網站」首頁點選「商圈介紹」再點選「交通位置」可

以觀看內灣老街交通位置

(5) Google Map還有提供街景服務的功能

圖 457 使用者手冊(商圈介紹-交通位置)

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 59: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

52

5 瀏覽「景點介紹」網頁

(1) 在「內灣老街平台網站」首頁點選「景點介紹」可以看到網頁景點各區

介紹劉興欽漫畫發明館林業展示館內灣國小內灣戲院內灣火車站

內灣吊橋等等

圖 458 使用者手冊(景點介紹--各區景點介紹)

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 60: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

53

(2) 在「內灣老街平台網站」首頁點選「景點介紹」再點選「各區介紹」可

以看到網頁景點各區介紹札記分享及地理位置劉興欽漫畫發明館林業展

示館內灣國小內灣戲院內灣火車站內灣吊橋

圖 459 使用者手冊(景點介紹--詳細札記分享)

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 61: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

54

6 瀏覽「旅遊寫真」網頁

(1) 在「內灣老街平台網站」首頁點選「旅遊寫真」再點選「各區旅遊寫真

相本」可以快速連結到內灣旊遊景點寫真及美食相本網站(網站寫真內灣

火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣美食童玩

小站內灣老街內灣國小)

圖 4510 使用者手冊(旅遊寫真-相本連結)

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 62: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

55

(2) 點選「各區旅遊寫真相本」可以看到內灣旊遊景點寫真及美食相本集(網站

寫真內灣火車站內灣吊橋如意食堂內灣戲院劉興欽漫畫館內灣

美食童玩小站內灣老街內灣國小)

圖 4511 使用者手冊(旅遊寫真-相本連結mdash相本集)

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 63: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

56

(3) 點選寫真相本集「內灣火車站」相片會跳出相片放大視窗視窗有三個瀏覽

方式 自動播放滑鼠瀏覽及點選鍵從下一張觀看等功能

圖 4512 使用者手冊(旅遊寫真-相本連結mdash相本放大視窗)

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 64: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

57

7 瀏覽「購物專區」網頁

(1) 在「內灣老街平台網站」首頁點選「購物專區」登入會員帳號即可以觀

看購物車操作

圖 4513 使用者手冊(購物專區--會員註冊)

(2) 「會員登入」即以會員帳號進入及內灣老街所有商品列表以及熱賣商品

購物專區網頁分六大主題回首頁付款與配送方式查詢線上會員我的

購物車登出及搜尋

圖 4514 使用者手冊(購物專區mdash購物首頁)

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 65: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

58

(3) 點選喜愛的商品數量再點「確定購買」

圖 4515 使用者手冊(購物專區mdash選取購買商品)

(4) 選購完之後請按結算中心填寫配送資料

圖 4516 使用者手冊(購物專區mdash結算中心)

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 66: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

59

(5) 出現以下畫面就是成功購買到你要的商品

圖 4517 使用者手冊(購物專區mdash成功購買商品)

(6) 在購物首頁點選「付款與配送方式」查看你要的配送支付方式

圖 4518 使用者手冊(購物專區mdash付款與配送方式)

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 67: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

60

(7) 在購物首頁點選「查詢線上會員」查看目前線上會員

圖 4519 使用者手冊(購物專區mdash查詢線上會員)

(8) 在購物首頁點選「我的購物車」查看購物明細也可以選「繼續挑選其他

商品」繼續購物

圖 4520 使用者手冊(購物專區mdash我的購物車)

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 68: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

61

(9) 在購物首頁點輸入商品關鍵字即顯示所有關於關鍵字的商品

圖 4521 使用者手冊(購物專區mdash搜尋)

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 69: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

62

8 瀏覽「留言板」網頁

(1) 在「內灣老街平台網站」首頁點選「留言板」進入留言板後可以看到網

頁有包含二項功能連結留言回首頁

圖 4522 使用者手冊(留言板-二項功能)

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 70: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

63

(2) 在「內灣老街平台網站」首頁點選「留言板」再點選「留言」「送出」

可以立即發表留言

(3) 在「內灣老街平台網站」首頁點選「留言板」再點選「返回」可以立即

回到留言板主頁面並可以繼續留言以及運用其他功能

圖 4523 使用者手冊(留言板-留言功能amp返回留言版)

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 71: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

64

9 瀏覽「FaceBook 連結圖」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「FaceBook 連結圖」進

入內灣老街平台網站粉絲團-愛上這條街

圖 4524 使用者手冊(Face Book 連結圖)

(2) 即可在內灣老街平台網站粉絲團裡面留言心得交流

圖 4525 使用者手冊(Face Book 連結圖mdash愛上了這條街)

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 72: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

65

10 瀏覽「E-mail」網頁

(1) 在「內灣老街平台網站」首頁點選本網站各頁尾「E-mail 連結圖」進入

Outlook 信箱留言

圖 4526 使用者手冊(E-mail 連結圖mdashOutlook)

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 73: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

66

452會員管理者使用手冊

1 會員管理者登錄登出

(1) 開啟「內灣老街平台網站」網站點選「購物專區」再點選「會員註冊」

圖 4527 會員管理者使用手冊(管理者登錄)

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 74: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

67

(2) 輸入「帳號」admin 及「密碼」admin 後再按「送出」即可進入「會員

管理者登錄」主畫面

圖 4528 會員管理者使用手冊(管理者登錄帳號密碼)

(3) 輸入帳號密碼按「送出」後可成功進入會員管理者頁面

圖 4529 會員管理者使用手冊(管理者畫面)

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 75: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

68

(4) 若帳號密碼輸入錯誤則會顯示「登入失敗」的訊息再返回登入畫面重新

登入

圖 4530 會員管理者使用手冊(登錄失敗)

(5) 會員管理者要登出於購物專區首頁「登出」即可登出畫面

圖 4531 管理者使用手冊(登出)

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 76: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

69

第五章結論與建議

結論

本專題內灣老街平台網站在一些資料和老師的指教下了解電子商務間的各項需

求像 B2BB2C 等等在經過多次討論後實際把對方需求實際考量並加以改

進也參考許多成功的案例在網際網路發達的今日企業可以藉由網路商業模

式有效掌握顧客的真正需求來增加顧客的吸引力提高企業的競爭力雖然

沒有實際買賣但可以對於自己的將來幫助不少我們絕對不是只有架設一個網

站而已我們應該將它當作一個全新的商業模式來看待

建議

本網站目前只提供少數商品選擇在未來改善空間還很大製作專題時間有限

個人能力也有所加強在網站上並沒有呈現完美的網站因此本專題組員未來希

望能使網站呈現出更好的感覺

[結語及未來展望]

在大學的二年中學過了不少電腦方面的理論與應用但是總沒有一個機會可以

讓我們把所學給發揮出來總算在一下至二技上這兩個學期中藉著「專題研

究」這門課程讓我們真正有機會發揮所學一個專題從無到有的過程裡我們

充分學習到小組的分工與合作專題製作的規劃分配與實作除了電腦方面技

術的成長之外與大家一起合作的經驗更是一個難得的學習機會

雖然最後的成果與當初所規劃的成品有所差距但是我們已經跨出那最因難的第

一步整個專題發展也有一個具體方向目前所欠缺的是規劃範圍的延伸及其它

功能的加強如不再只是局限在內灣而是全臺灣的旅遊景點路線的最佳安排

將是這個系統將來要發展的目標一個為想欣賞美麗臺灣的旅遊者安排一個最

佳的臺灣旅遊路徑及景點資訊所以我們相信這次開發專題的經驗與二年來的所

學將是未來成功的踏腳石我們期待下次的機會讓我們可以再一次地使用資管

學術為人們帶來另一個新的網路世界

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 77: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

70

附錄

會議記錄

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120306 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論專題方向及名稱

決議 決定專題名稱找老師討論

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120320 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

各組員思考專題企畫書應如何撰寫

分配各組員專題企畫書章節

老師要求網站功能必須要有後台

老師希望做成有特色的內灣旅遊網

決議 與老師借閱歷屆專題作品

老師建議 老師提議去圖書館借書

可以詢問學長姐如何製作專題

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 78: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

71

會議紀錄表

專題名稱 內灣老街電子商務平台網站

日期 20120403 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論網站架設內容初編

討論旅遊需要的網站功能

討論內灣有關的介紹與歷史景點

5

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120410 地點 資訊樓電腦教室

主席 非約定專題日期出席 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

分配工作

分配電腦硬體設備

開始撰寫企畫書內容

決議

老師建議

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 79: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

72

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120417 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第一章及第三章初稿討論

收集資料(第二章及第三章)

整合資料

決議

老師建議 第二章希望內容有 SWOT 分析

旅遊業現況及末來發展

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120424 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

企畫書第二章 SWOT 分析收集資料

企畫書第一章及第三章整合資料完成

老師指導目錄與標題設定

決議

老師建議 需有參考文獻及附錄部份(開會記錄)

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 80: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

73

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120522 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

討論企畫書前三章及修改

於 528(一)寄電子郵件前三章校正後給老師

決議 完成前三章

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120508 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏(家中有事缺)

內容

討論企畫書前三章及修改

請老師審閱前三章初稿

決議

老師建議 修正初稿第二章歷史部份及第三章節軟硬體圖片過大

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 81: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

74

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120703 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

開始安裝 Office2010Adobe網頁首頁製作 Flash 動畫

決議 開始架設網站

老師建議 老師建議加入購物車

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20120717 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網頁雛形建置藍圖

決議

老師建議

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 82: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

75

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121024 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 頁面編排

2 測驗程式編寫

決議

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121107 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

1 網站首頁內灣景點旅遊寫真整合

2 留言板程式製作

3 面板討論

4 討論圖片繪製相關

決議 實地勘會內灣老街收集景點介紹美食及寫真

老師建議

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 83: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

76

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121121 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

1 網頁雛形建置

2 測試網站與維護

3 撰寫企畫書(第四章及第五章)

4 頁面美化

5 於 1110 實地勘會內灣老街完成收集景點介紹美

食及寫真將收集資料整合

決議 下次加入購物車功能

老師建議

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121203 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

測試網站與維護

修改企畫書

製作 PPT

決議 PPT企劃書網站與會老師指導

老師建議 修改 PPT企劃書格式糾正

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 84: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

77

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121205 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱王曉薇陳志宏

內容

網路 IP 位置測試成果至指導老師指導

修正指導老師所說的所有缺失

PPT 檔預先介紹及指導

決議 把所有缺失修正

老師建議 把所有流程演練多次至熟練

會議紀錄表

專題名稱 內灣老街電子商務平台網站

時間 20121211 地點 資訊樓電腦教室

主席 廖國雄老師 記錄 蕭文俐

出席者 蕭文俐葉懿萱陳志宏

內容

網路 IP 位置測試成果最後確認

書面資料及企劃書上傳電子檔ftp12010619619

決議

老師建議 準備當日報告影像錄製

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw

Page 85: 元培科技大學 - ir.lib.ypu.edu.twir.lib.ypu.edu.tw/bitstream/310904600Q/7364/2/B2_內灣老街電子商務平台網站... · 本章節將以九個小節來依序探討本專題關於內灣歷史、內灣特色與發展、內灣鐵

78

參考文獻

1 (書籍)「Flash CS5 躍動的網頁」 施威銘研究室 台北 旗標出版 (2010)

2 (書籍)「Dreamweaver CS5 創意網頁設計白皮書」 張仁川 初版 台北 碁峯出

版 (2011)

3 (書籍)「用 Photoshop 玩影像設計比你想的簡單」 鄧文淵 總監製 文淵閣

工作室編著 初版 台北 碁峯資訊出版 (2010)

4 (網站)亞馬遜網路書店

5 (書籍)「彰顯有限公司電子商務專題」 陳彧民 蘇玉真 曹家瑋 林文華(2009)

6 (書籍)「電子商務與網路行銷」 劉文良 碁峰資訊出版 (2010)

7 (書籍)「電子商務理論與實務」 梁定澎 華泰文化出版 (2002)

8 (書籍)Joomla15 架站 123 碁峰資訊出版社 王永福 董冠伯 編著

9 (書籍)Joomla 圖解架站實例應用博碩文化出版社 林季嫻 編著

10 (書籍)Flash MX 問答集知城數位科技出版社 傑克工作室 編

11 資訊管理系畢業專題-數位典藏

蔡東原 王世豪 廖美惠 楊雅君

12 資訊管理系畢業專題-壢西坪休閒旅遊網站

潘怡如 王竣民 劉亭鈺 張惟堯

13 (網站)維基百科

14 (網站)客家介紹網httptanya3121224mywebhinetnetfoodhtm

15 (網站)苗栗文化產業網

httpfeaturemlcgovtwrestaurantrestaurant01_02_1aspfid=30

16 (網站)苗栗民宿網httpmlokgotwscenic1039html

17 (網站)台灣 Joomla社群httpwwwjoomlaorgtw

18 (網站)Joomla123-圖解架站教學網wwwjoomla123comtw

19 (網站)苗栗觀光局httpmiaolitravelnet

20 使用之軟硬體網

站httpwwwpcstorecomtwadmpsearchhtmstore_k_word=T0ZGSUNFJTIwMj

AxMA==ampslt_k_option=1

21 (網站)硬體資訊設備httpwwwpcstorecomtwbest-eshopM09453159htm

22 (網站)新竹內灣形象商圈 httpwwwnawango2twnet

23 (網站)新竹內灣老街餐廳哈客大嬸婆客家菜店httphakkaokgotw

24 (網站)台灣阿成懷舊餐廳amp內灣戲院 httpwwwwindcitymooncomtwiathtml

25 (網站)台灣麻糬主題館 httpwwwtaiwanmochicomtw

26 (網站)2012 客家桐花祭主題網 httptunghakkagovtw