第四章、 專題成果
4.3 系統介紹
4.3.1 系統循序圖
圖 29 系統循序圖
系統循序正常路徑圖
(1) 修改個人資料
圖 30 循序圖-修改個人資料正常路徑圖
(2) 商品列表
圖 31 循序圖-商品列表正常路徑圖
(3) 產品搜尋
圖 32 循序圖-產品搜尋正常路徑圖
(4) 連絡我們
圖 33 循序圖-連絡我們正常路徑圖
(5) 關於我們
圖 34 循序圖-關於我們正常路徑圖
(6) 最新資訊
圖 35 循序圖-最新資訊正常路徑
(7) 登出
圖 36 循序圖-登出正常路徑圖
(8) 註冊會員
圖 37 循序圖-註冊會員正常路徑圖
(9) 瀏覽購物車
圖 38 循序圖-瀏覽購物車正常路徑圖
4.3.2 系統循序例外路徑圖
(1) 登出
圖 39 循序圖-登出例外路徑圖
(2) 修改個人資料
圖 40 循序圖-修改個人資料例外路徑圖
(3) 瀏覽購物車內容
圖 41 循序圖-瀏覽購物車內容例外路徑圖
(4) 關於我們
圖 42 循序圖-關於我們例外路徑圖
(5) 註冊會員
圖 43 循序圖-註冊會員例外路徑圖
(6) 產品搜尋
圖 44 循序圖-產品搜尋例外路徑圖
(7) 登入
圖 45 循序圖-登入例外路徑圖
(8) 連絡我們
圖 46 循序圖-連絡我們例外路徑圖
(9) 最新資訊
圖 47 循序圖-最新資訊例外路徑圖
4.3.3 資料庫關聯圖
圖 48 資料庫關聯圖
4.3.4 實體關係圖 ERD
圖 49 實體關係圖 ERD
4.4 使用手冊
在我們網站主選單內，設有首頁、最新資訊、註冊會員、購物車、會員 須知、連絡我們、我的帳戶、商品搜尋、會員登入、登出、特賣資訊、關於 我們及商品分類等功能，以下將逐一介紹其功能。
4.4.1 首頁
網站首頁整體架構皆以使用者功能選單為主，以下為瀏覽時所看 見之網站首頁，又以網站左半邊有商品搜尋及商品分類兩大項，中間 橫幅則為網站功能選項，包含首頁、最新資訊、註冊會員、我的帳戶、
購物車、會員須知及連絡我們，而右上角也有首頁、會員登入及購物 車及連絡我們之連結選項，以上介紹之功能皆為固定版面，另中間區 塊為商品成列區。
圖 50 使用手冊-首頁
4.4.2 所有商品
使用者於網站首頁點選左下方商品分類的（所有商品）後，即可 在中間商品成列區塊，看見所有全新的商品，並且顯示所有商品的說 明資料，包含商品名稱、商品編號、商品實物真人Model拍攝照片及商 品價格。
圖 51 使用手冊-所有商品
4.4.3 商品內頁
使用者於網站首頁點選左下方商品分類的（所有商品）後，即可 在中間商品成列區塊，看見所有全新的商品後，使用者只要點選商品 編號及商品名稱。
圖 52 使用手冊-商品內頁 1
即可進入商品內頁，以下為商品內頁，所有商品皆為實物拍攝並且有 商品的詳細說明，包含商品編號、商品名稱、商品介紹、顏色、樣式、
尺寸、價格、加入購物車按鈕、商品規格、Model、注意事項。
圖 53 使用手冊-商品內頁 2
圖 54 使用手冊-商品內頁 3
4.4.4 最新資訊
使用者於網站首頁點選中間橫幅網站功能選項的(最新資訊)
圖 55 使用手冊-最新資訊 1
即可看到網站內的所有最新資訊，包含了特賣消息、折扣消息、小叮嚀 等等…如下：
圖 56 使用手冊-最新資訊 2
4.4.5 註冊會員
使用者於網站首頁點選中間橫幅網站功能選項的(註冊會員)
圖 57 使用手冊-註冊會員 1
即可看到註冊新帳戶之畫面，只需依表格填寫完成按下建立使用者 如下：
圖 58 使用手冊-註冊會員 2
4.4.6 我的帳戶
使用者於網站首頁點選中間橫幅網站功能選項的(我的帳戶)
圖 59 使用手冊-我的帳戶 1
即可看到會員登入之畫面，因為此功能只有「會員」及「管理員」才能 使用，如下：
圖 60 使用手冊-我的帳戶 2
4.4.7 我的帳戶-會員
接續 4.4.6 登入帳號及密碼後，即會出現會員登入成功之畫面如 下、會員可選擇開始瀏覽商品或是登出本店功能。
圖 61 使用手冊-我的帳戶會員 1
若會員選擇(開始瀏覽商品)即會看到以下畫面，另外會在中間橫幅的最 右邊顯示：(帳號)您好!!歡迎光臨瓶之星 等字樣如下：
圖 62 使用手冊-我的帳戶會員 2
4.4.8 我的帳戶-管理員
接續 4.4.6 登入帳號及密碼後，即會出現管理系統之畫面如下，包 含進入管理頁面及登出本店功能。
圖 63 使用手冊-我的帳戶管理員 1
若管理者，選擇(進入管理頁面)即會看到以下畫面，包括有管理最新資 訊、管理會員資料、管理商品交昜等功能。：
圖 64 使用手冊-我的帳戶管理員 2
若管理者，選擇進入(管理最新資訊)，即會看到以下畫面，包括詳細內 容、刪除、編輯、新增等功能。
※管理會員資料及管理商品交昜之功能與管理最新資訊相同故以管理 最新資訊代為介紹。
圖 65 使用手冊-我的帳戶管理員 3
4.4.9 忘記密碼
使用者於網站首頁點選中間橫幅網站功能選項的(忘記密碼)
圖 66 使用手冊-忘記密碼 1
即可看到網站內的忘記密碼之畫面，如下
圖 67 使用手冊-忘記密碼 2
4.4.10 會員須知
使用者於網站首頁點選中間橫幅網站功能選項的(會員須知)，
圖 68 使用手冊-會員須知 1
即可看到網站內的所有會員須知，包含了購物前須知、買賣交昜守則、
等等…如下：
圖 69 使用手冊-會員須知 2
4.4.11 連絡我們
使用者於網站首頁點選中間橫幅網站功能選項的(連絡我們)，
圖 70 使用手冊-連絡我們 1
即可看到連絡我們的方式，包含營業時間、客服專線、E-mail、營業地 址。如下：
圖 71 使用手冊-連絡我們 2
4.4.12 關於我們
使用者於網站首頁點選中間橫幅網站功能選項的(關於我們)，
圖 72 使用手冊-關於我們 1
即可看到關於我們瓶之星團隊的願景如下：
圖 73 使用手冊-關於我們 2
4.4.13 特賣資訊
使用者於網站首頁的左半邊商品分類點選(特賣資訊)，
圖 74 使用手冊-特賣資訊 1
即可看到最新資訊，包含了特賣消息、折扣消息、小叮嚀等等…如下：
(其同上介紹的最新資訊)
圖 75 使用手冊-特賣資訊 2
4.4.14 登出
關於登出功能，使用者可從網站首頁的右上角點選(登出)，注意此 功能必需為登入狀態才會出現。
圖 76 使用手冊-登出 1
點選後即會出現會員登入之畫面如下：
圖 77 使用手冊-登出 2
4.4.15 購物車
關於購物車功能，使用者可從兩個地方連結，第一於網站首頁的右 上角點選(購物車)，其二為網站首頁點選中間橫幅網站功能選項的(購物 車)，注意此功能必需為登入狀態才可使用。
圖 78 使用手冊-購物車 1
點選後即會出現您的購物清單，包含商品編號、商品名稱、顏色、樣式、
尺寸、價格、數量、小計、修改、刪除按鈕。
圖 79 使用手冊-購物車 2
以上確認後，您有以下三個選擇，包含取消購物即清除購物車所有明 細、繼續購物即返回首頁及結帳如下：
圖 80 使用手冊-購物車 3
若要增加商品，只需在欲加之商品內頁，按下加入購物車如下：
圖 81 使用手冊-購物車 4
即會出現購物車新增明細如下：注意！數量的部份需使用者輸入數字才 可計算小計及總金額喔！
圖 82 使用手冊-購物車 5
若選購完畢，留意運費的部份，賣場二千免運亦可參考會員須知，
圖 83 使用手冊-購物車 6
4.4.16 搜尋
使用者於網站首頁的左下方商品搜尋，輸入關鍵字後(例背心)，按 下送出如下：
圖 84 使用手冊-搜尋 1
即會出現所有含背心的商品如下：
圖 85 使用手冊-搜尋 2
第五章、結論與建議
在網際網路這個虛擬的網際空間裡，許多的商業活動在這之中活躍發展，「網 路購物」就是一項最具革命性的商業活動。製作本次的專題，我們將原本構想的 虛擬商店,塑造出一個屬於我們 4 個人的網路商店，其中也包含了 LOGO 的設計、
程式的撰寫，網頁的設計，相片的拍攝、修圖…等等以及對於一個創業者本身應 具備的行銷能力、廣告需求、顧客滿意度調查等等都是我們還需要再學習與努力 的地方，經過這次的製作，本組員也思考出以下幾點的建議：
(1) 使用信用卡付款的方式，在這次的專題中，由於牽涉了個人資料在網路 上的安全機制與隱私權，所以暫不將此種付款的方式列入考慮。待日後 有機會，再將這項功能補足，提供安全機制控管，以使我們的網站功能 可以更完備與周全。
(2) 配送地區目前設定僅限台灣本島地區，外島及海外尚不列入考量範圍，
往後會提供更多樣化的付款方式，與快遞業者合作，延伸交易範圍至外 島。
參考文獻
5. 小黑痞客幫http：//backtrue.pixnet.net/blog/post/10973270 6. 飛毛遊山玩水http：//a1f4j7.pixnet.net/blog/post/6932482
7. 陳琮閔、盧尉中、吳哲豪，《證券投資網》，逢甲大學資訊工程學系專題報 究室出版日期：2009/10/30
17. Time 研究室 陳錦輝 ，博碩《ASP.NET 3.5 初學指引-使用 Visual Basic 2008》，出版日期：2009/10/30
18. 聖殿祭司 奚江華 ，碁峰，聖殿祭司的《ASP.NET 3.5 專家技術手冊 I 核 心功能篇--使用 VB(附 DVD*2) 》出版日期：2009/05/21
19. 碁峰，用《實例學 ASP.NET 3.5 基礎篇--使用 VB(附光碟) 》章立民研究室 ， 出版日期：2008/05/28
20. 旗標，《新觀念 ASP.NET 3.5 網頁程式設計 使用 Microsoft Visual Basic(附 光碟)施威銘研究室著》，出版日期：2008/04/28
21. 鄧文淵，碁峰，《挑戰 ASP.NET 3.5 互動網站百寶箱--使用 VB (附光碟)》
總監製/文淵閣工作室 編著 ，出版日期：2009/02/16
22. 陳會安 ，《ASP.NET 3.5 網頁製作徹底研究 - 使用 VB 2008(附光碟)》
旗標，出版日期：2008/06/19
全文完