第三
3.2 系統開發步驟 系統開發步驟 系統開發步驟 系統開發步驟
本專題由開始規劃至系統完成，預計會有下列幾項工作 1、系統簡介：
（1）網站的內容分析
網站的內容必須要活潑生動，網站的整體風格創意設計，才能吸引瀏覽者 停留，我們採用現今網路上最流行的 CSS，FLASH，ASP，NST 等技術進行網 站的靜態和動態頁面設計，動態的按鈕，活動的小圖示，優美協調的色彩配以 態的、可互動的 SHOCKWAVE，它的優點是體積小，可邊下載邊播放，這樣 就可以避免用戶長時間的等待。用 FLASH 製作的動畫，很有感染力的音樂。
2、系統設計：
（1）系統藍圖描述：
本專題所欲開發的系統，整體架構圖如下所示，其共包含下列幾個子系統
圖 3-2 系統架構圖
（2）網站功能模組說明：
3.3 專題設備 專題設備 專題設備： 專題設備 ： ： ：
本專題所需使用之軟硬體有：
（1）軟體方面：
Microsoft Windows Server2003、DreamWeaver8、Flash8、FireWorks8、ASP、
Access、IIS6。
（2）硬體方面：
家用型 HPCompaqdx2OOOMT
處理器：Intel@Celeron（R）CPU2，4OGHz 記憶體：1G 記憶體
硬碟：80G
網路卡：Intel（R）PRO/lOOVENetworkConnection 電源：250 瓦特 110/220 伏特
顯示器 X1 滑鼠 Xl 鍵盤 X1
單眼照相機：CANON 450D
本系統將以應用介面層（IE5.5 BROWER）以上<->商業邏輯層（AP SEVER）
<->資料來源層（MS Access ）結合全球資訊網(World Wide Web， WWW)以三 層式架構及 Internet 為主幹，並且以關聯式資料庫為整個系統之資料庫伺服器 (Database Server) ，使用者端係朝向 Thin Client(Browser)，以減輕未來應用系 統之維護管理，透過 網路 系統來控管與傳送各式資料。
3.4 專題進度表 專題進度表 專題進度表 專題進度表
圖 3-3 專題進度表
表 3-1 人員配置表
許仕杰 張世峰 徐晉翊 侯乃瑜 曾思源
一、資料收集與分析 ◎ ◎ ◎ ◎
二、系統分析 ◎ ◎ ◎ ◎
三、系統設計 ◎ ◎ ◎ ◎
四、系統上線與測試 ◎ ◎ ◎ ◎ ◎
五、結案報告完成 ◎ ◎ ◎ ◎
4.2.3 4.2.3 4.2.3
4.2.3 使用案例圖 使用案例圖 使用案例圖 使用案例圖
4.2.4
表4-3 使用案例描表-商品一覽
10. TUCEW:系統顯示最新消息明細到頁 面
表4-5 使用案例描表-Q&A
8.TUCEW:系統顯示留言成功
表4-6 使用案例描表-購物車
表4-7 使用案例描表-登入會員
表4-9 使用案例描表-查詢訂單
其其
6.TUCEW:系統顯示編輯成功至頁面
表4-12 使用案例描表-商品管理
表4-13使用案例描表-用戶管理
表4-15 使用案例描表-管理登入
8. TUCEW:系統顯示登入成功至後台 管理頁面
4-3 循序圖 循序圖 循序圖 循序圖
圖圖
圖圖 4-2 系統循序圖系統循序圖系統循序圖系統循序圖
圖圖
圖圖 4-3 店家首頁店家首頁店家首頁店家首頁
圖圖
圖圖 4-4 關於鱻關於鱻關於鱻關於鱻饌饌饌饌
圖圖
圖圖 4-5 商品一覽商品一覽商品一覽商品一覽
圖圖
圖圖 4-6 澎湖特色澎湖特色澎湖特色澎湖特色
圖圖
圖圖 4-7 傳統風俗傳統風俗傳統風俗傳統風俗
圖圖
圖圖 4-8 地方文物地方文物地方文物地方文物
圖圖
圖圖 4-9 地方小吃地方小吃地方小吃地方小吃
圖圖圖
圖 4-10 地理環境地理環境地理環境地理環境
圖圖
圖圖 4-11 風景介紹風景介紹風景介紹 風景介紹
圖圖圖
圖 4-13 購物車購物車購物車購物車
圖圖圖
圖 4-14 登入會員登入會員登入會員登入會員
圖圖
圖圖 4-15 取消訂單取消訂單取消訂單取消訂單
圖圖圖
圖 4-17 個人資料個人資料個人資料個人資料
圖圖圖
圖 4-18 管理登入管理登入管理登入管理登入
圖圖圖
圖 4-19 後台管理正常路徑後台管理正常路徑後台管理正常路徑後台管理正常路徑(修改密碼修改密碼修改密碼) 修改密碼
4.4 使用手冊 使用手冊 使用手冊 使用手冊
1.『鱻饌特產行銷電子商務網站首頁』
開啟後點選『店家首頁』即為此頁面。
2.『關於鱻饌』畫面點選「關於鱻饌」則會出現鱻饌的相關介紹。
3.『商品一覽』畫面點選「商品一覽」後,會出現下列畫面,此時可以點選您喜 歡的商品圖案點進去看放大圖。
4.『購物車』畫面點選首頁的「購物車」連結後,即可進入以下購物車的畫面,
內容呈現的頁面有「店家首頁」、「購買單」、「我的資料」、「聯絡我們」等頁面。
5.『Q&A』的畫面點選「Q&A」的畫面後,即會帶出下方的畫面,此時就可以留 言給我們或是提出建議與改善方式給我們。
6.『澎湖特色』畫面
點選「澎湖特色」後,會出現以下畫面,中間的大張特色圖可以再點選進入。
7.『澎湖特色』畫面一進入澎湖特色頁面後,會發覺上方的按鈕不同了,分別為
「風景介紹」、「地理環境」、「地方小吃」、「地方文物」、「傳統風俗」,等五種。
此時皆可點選任何一個按鈕進入看不同的詳盡介紹,等到看完所有介紹時或是 途中想離開這些網頁時,皆可以按一下最上方的菊島之星的輪船大圖即可立即 回到首頁繼續進行購物。
8.『進入註冊頁面』畫面當使用者點選購物車後,想購物時,必須先行註冊,所以 需要先點「購買單」然後點選左上方的「用戶註冊」進行註冊,接下來才可以進 行購買的動作。
9.『註冊頁面』畫面可點選「同意註冊」開始註冊。
10.『輸入註冊資料』畫面一， 請輸入 Email、真實姓名、密碼、確認密碼、
密碼提問、密碼答案、暱稱、還有出生日期等個人資料,輸入完成後按「送出訊 息」。
11.『輸入註冊資料』畫面二，接下來輸入性質(可選擇個人或是單位註冊),所 在省市(台灣),然後選擇您所在的縣市,詳細地址,聯繫電話,推薦人,推薦日期, 性別,送貨方式(可選擇郵局郵遞或是宅即便),最後選擇支付方式(郵局匯款),之 後再按「送出訊息」即可。
12.『註冊完成』畫面
當所有資料輸入完送出後,即會出現用戶註冊成功的頁面通知您 並請記住系統配發給您的用戶編號,此編號為登入的帳號喔。
13.『忘記密碼』畫面一
點選上方的「我的資料」後,可以點選下方的「忘記密碼」按鈕,並輸入您 的用戶名稱,然後按「送出訊息」。
14.『忘記密碼』畫面二
然後輸入正確的密碼答案後,按「送出訊息」後,即可重新設定新的密碼。
15.『忘記密碼』畫面三
輸入正確時,即會出現設定新密碼的畫面,此時可以輸入新的密碼。
16.『忘記密碼』畫面四
輸入完新的密碼後,按「送出訊息」,即會出現下圖成功的圖示告訴您。
17. 『購物』畫面
點取「購物車」後,可直接點選「我的資料」按鈕,然後進行帳號登入的動作 登入之後,就可以開始在下方之畫面開始將所要購買的物品,加入購物車並 進行購買的動作囉。
18.購物車畫面
點選購買按鈕後,就會出現購物訂單的畫面,可以在此畫面增加數量,並進 行修改,修改完數量後,請按下一步。
19.輸入收貨者資料畫面
接著請輸入收貨人姓名、收貨人省市等資料,方便收到商品。
20.購買訂單完成畫面，等輸入完訂單的收貨人資料後按下一步,就會出現下方 之畫面,完成訂購的手續,此時只需要等待商品送達即可囉。
21.『聯絡我們』畫面點選首頁的『購物車』按鈕後,進入購物車頁面後,點選「聯 絡我們」即會自動呼叫 Mail 程式去寄信給網站管理員
22.後台『管理進入』介面登入路徑畫面
點選上方的「我的資料」按鈕後,管理者可由此進入後台管理介面。
23.後台管理介面登入畫面
請輸入管理員的帳號及密碼進行登入作業。
24.後台管理畫面首頁
此畫面為管理員登入後的首頁,此時管理員可在此進行管理的所有動作。
25.後台商品管理-新增新商品畫面
管理員可在此新增新的商品,並輸入商品的詳細資訊與上傳圖片。
26.後台商品管理-新增新商品畫面
在此畫面,管理員可以針對需要修改的商品,進行修改或是查詢需要修改的 商品,做修改或是刪除的動作。
27.後台商品管理-管理商品訂單畫面
在此畫面,管理員可以針對商品訂單進行管理,可以查詢全部訂單號及出 貨到貨收款所有狀態,也可以針對用戶名稱來做查詢。
28.後台商品管理-管理商品評論
此畫面可以讓管理員管理留言板上的所有評論,可進行審查及刪除。
29.後台商品管理-標籤名稱管理
此畫面可讓管理員管理商品的標籤設置,並依照順序排序,也可重新設定 及儲存。
30.後台商品管理-單位管理
此畫面可讓管理員管理商品的單位設置,可以依照商品的性質進行修改,例 如一罐、一瓶、一包等等。
31.後台商品管理-品牌管理
此畫面可讓管理員管理商品的廠牌設置,可以輸入新進貨的廠牌及是否需 要推薦等選項。
32.後台商品管理-適合年齡管理
此畫面可讓管理員管理商品的廠牌設置
33.後台用戶管理-第一次註冊的用戶
管理者可在此畫面進行註冊會員的審核動作與刪除動作,也可以依用戶名 稱去查詢用戶。
34.後台用戶管理-修改資料的用戶
管理員可依用戶名稱尋找並進行資料的修改。
35.後台用戶管理-所有註冊的用戶
管理員可以在此畫面刪除以登入之客戶帳號。
36.後台用戶管理-管理後台用戶
管理員可以在此畫面管理前後台的所有用戶,而且前後台用戶可以分開管 理。
37.後台分類管理-商品管理
管理員可以在此功能頁面管理大類、小類及商品類別轉移等功能。
38.後台訊息管理-新增首頁新聞與新聞修改刪除
管理者可以在這發表並修改刪除首頁的新聞,可以新增一些資訊讓瀏覽網 站的人知道最新的新聞,藉此了解商品以帶來商機。
39.後台訊息管理-首頁公告設置
管理員可以在此畫面進行首頁跑馬燈的公告設定,讓瀏覽網站的人隨時得 知最新消息。
40.後台訊息管理-查看意見反應
管理員可以在此畫面查看訊息反應。
41.後台常規設置-網站訊息設置
管理員可以在此畫面設置網站的名稱,Email,網址連結,公司地址,電話版 權音樂等等。
42.後台常規設置-送貨/匯款設置
管理員可以在此畫面修改送貨跟匯款的金額跟送貨方式,方便管理。
43.後台常規設置-其他訊息設置
管理員可以在此畫面進行許多條件式的設置,例如說付款方式的說明、購買 的流程是如何、常見問題等等,可以在此頁面配置非常詳盡的說明,讓客戶 可以很清楚的了解網站的購買流程跟許多細節等等。
例圖一：
例圖二：
例圖三：
第五章
參考文獻 參考文獻 參考文獻 參考文獻
1. FrederickNewell 著，王泱琳、黃治蘋譯，「21 世紀行銷大趨勢：活用資料庫，
創造高業績的一對一行銷新法則」，台北，麥格羅希爾，1999。
創造高業績的一對一行銷新法則」，台北，麥格羅希爾，1999。