漫游书界电子商务系统分析与设计课件

國立勤益科技大學

企業管理系期末報告

電子商務

主題：電子商城－漫遊書界第二組四企四甲39331007林慧婷39331015汪若庭39331029黃瑞民39331049楊惠娟1國立勤益科技大學

企業管理系期末報告

電子商務

主題：電子摘要隨著網際網路的興起，網路購物的便利性開始受到消費者注意，致使許多廠商爭相投入網路商店的經營。而網路商城的建立，最重要的不外乎是第一眼給人的印象，因此如何建立一個令人耳目一新且吸引人的網站風格，更顯得重要。正因為建立一個網站是如此地不容易，因此必須藉由觀摩線上優良購書網站，擷取優點並檢討其缺失以架設漫遊書界網站，販賣各式漫畫，並提供動漫相關資訊、會員交流等服務，以期能滿足消費者的需求。2摘要隨著網際網路的興起，網路購物的便利性開始受到消費者注意，第壹章緒論丫民3第壹章緒論3研究背景現代人的生活多半忙碌而緊張，而網路書店的出現無疑為因為忙碌而無法親自到實體書店挑選書籍的人們，帶來生活上更多的便利，也為許多喜愛閱讀的人們帶來了另外一種新興消費方式。4研究背景現代人的生活多半忙碌而緊張，而網路書店的出現無疑為因研究動機與目的

（一）瞭解動漫與其相關產品的價格策略（二）觀摩分析博客來網路書店的網站結構（三）建立漫遊書界的系統架構（四）設計漫遊書界的電子商城內容5研究動機與目的（一）瞭解動漫與其相關產品的價格策略5研究方法與步驟

（一）網站觀摩（二）網站分析（三）網站評估確認主題蒐集相關資料整理、篩選資料觀摩類似網站分析與評估本站風格設計與建立口頭報告完成報告6研究方法與步驟（一）網站觀摩確認主題蒐集相關資料整理、篩選第貳章網站觀摩與評估丫民7第貳章網站觀摩與評估7觀摩對象選定與本組網站商品、型態和類型相似的網站是以書籍為主要販售商品網站多家媒體報導的優良網站深受消費大眾歡迎的網路書店8觀摩對象選定與本組網站商品、型態和類型相似的網站8觀摩網站的基本資料博客來網路書店博客來的經營理念博客來經營團隊博客來重要歷史簡介9觀摩網站的基本資料博客來網路書店9介面設計

首頁介面漫畫書介面10介面設計首頁介面漫畫書介面10介面設計（續）商品與價格策略商品種類豐富設有動漫專賣店數位閱讀服務價格策略方面促銷策略一般會員促銷策略團體採購優惠11介面設計（續）商品與價格策略促銷策略11訂購與付款流程

國內、外讀者訂購流程12訂購與付款流程國內、外讀者訂購流程12訂購與付款流程（續）付款方式國內訂講付款方式貨到付款線上信用卡付款信用卡紅利點數折抵刷卡金ATM轉帳國外訂講付款方式信用卡線上付款網路ATM轉帳13訂購與付款流程（續）付款方式13送貨與退貨流程

送貨貨運海外航空運送退貨

接受退貨期間換購其它商品退換商品須知依付款方式之退款14送貨與退貨流程送貨退貨14讀者服務內容與機制

讀者服務內容讀者爭議處理機制外部爭議處理內部爭議處理社群經營15讀者服務內容與機制讀者服務內容15第參章電子商務系統分析豆豆16第參章電子商務系統分析16漫遊書界漫畫的重要性放鬆身心擴展想像視野增加內容的可讀性及生動度網址50/z602/17漫遊書界漫畫的重要性17經營理念書海無垠，藉由編輯推薦提供消費者入門的一把鑰匙透過讀者互動充實本站內容提升閱讀品質讓漫畫能成為精神糧食的來源之一18經營理念書海無垠，藉由編輯推薦提供消費者入門的一把鑰匙18介面設計19介面設計19資訊深度清楚標示書名、集數、出版社、訂價、劇情類型及內容簡介設有「每週一書」、「熱門動漫」、「動漫名詞簡介」及「動漫經典台詞」設有「疑難雜解」及「漫遊抒語」設有漫遊書報，每週二發行20資訊深度清楚標示書名、集數、出版社、訂價、劇情類型及內容簡介商品訂價與促銷策略以漫畫為主要商品，採標準定價策略促銷方式會員購買本站商品，皆享9折優惠一次購買十本以上運費減半不定期推出其他促銷方案21商品訂價與促銷策略以漫畫為主要商品，採標準定價策略21訂購流程22訂購流程22付款方式於下單後一星期內完成付款程序貨到付款郵政劃撥銀行匯款ATM轉帳23付款方式於下單後一星期內完成付款程序23送貨流程24送貨流程24退貨流程25退貨流程25顧客服務內容與機制設有「疑難雜解」（討論區）及

「漫遊抒語」（留言板）提供E-mail與本站聯絡提供代訂服務電子郵件－商品滿意度調查26顧客服務內容與機制設有「疑難雜解」（討論區）及

「漫遊抒社群經營留言討論區每週一書讀者推薦疑難雜解漫遊抒語會員制度漫遊書報27社群經營留言討論區27第肆章電子商城系統設計丫娟28第肆章電子商城系統設計28漫遊書界Logo介紹漫遊網站主推熱門動漫介紹，並企劃編輯推薦、動漫名詞介紹、精典動漫等29漫遊書界Logo介紹漫遊網站主推熱門動漫介紹，並企劃編輯推薦漫遊書界之介面設計

本站特別選用藍紫色系為主調，再搭配素雅簡單的介面，能讓瀏覽者為之耳目一新30漫遊書界之介面設計本站特別選用藍紫色系為主調，再搭配素雅簡網站區塊配置之左側選單31網站區塊配置之左側選單31網站區塊配置之廣告區32網站區塊配置之廣告區32資訊深度

最新消息33資訊深度最新消息33資訊深度（續）漫遊檔案中心34資訊深度（續）漫遊檔案中心34資訊深度（續）商品總覽

35資訊深度（續）商品總覽35資訊深度（續）商品分類36資訊深度（續）商品分類36資訊深度（續）商品內容標示37資訊深度（續）商品內容標示37商品與價格策略

漫畫依照各家出版社為主分類，再依其性質細分本站之商品價格為參考各出版社售價，統一訂價38商品與價格策略漫畫依照各家出版社為主分類，再依其性質細分3促銷方式

會員購買本站商品，皆享9折優惠一次購買十本以上運費減半不定期推出其他促銷方案39促銷方式會員購買本站商品，皆享9折優惠39銷售收／付款／退貨流程在左側選單的購物流程中放置訂單、收付款還有送退貨的流程說明，希望消費者在購物前先詳細閱讀，瞭解作業流程，也保障自己的消費權益40銷售收／付款／退貨流程在左側選單的購物流程中放置訂單、收付款訂購流程

41訂購流程41付款方式42付款方式42送貨流程

43送貨流程43退貨流程

44退貨流程44客戶服務機制

設置留言版45客戶服務機制設置留言版45客戶服務機制（續）設置討論區46客戶服務機制（續）設置討論區46社群經營

設有「漫遊抒語」留言版設有「主題討論」討論區會員制度47社群經營設有「漫遊抒語」留言版47消費者操作手冊

進入漫遊書界網站48消費者操作手冊進入漫遊書界網站48消費者操作手冊之會員註冊步驟一

點擊左側選單「會員專區」進入會員註冊步驟二

輸入自己專屬之會員帳號，按送出49消費者操作手冊之會員註冊步驟一

點擊左側選單「會員專區」進入消費者操作手冊之會員註冊（續）步驟三

輸入個人基本資料，按送出步驟四

註冊完成後，即可按會員登入，使用會員專屬功能50消費者操作手冊之會員註冊（續）步驟三

輸入個人基本資料，按送消費者操作手冊之會員登入

步驟一

點選左側選單「會員專區」進入步驟二

輸入帳號及密碼，按登入51消費者操作手冊之會員登入步驟一

點選左側選單「會員專區」進消費者操作手冊之會員登入（續）步驟三

會員登入成功會出現通知視窗52消費者操作手冊之會員登入（續）步驟三

會員登入成功會出現通知消費者購物流程步驟一

選購喜愛之商品，並點選購物車圖示步驟二

購物車的內容，採購商品列表資訊53消費者購物流程步驟一

選購喜愛之商品，並點選購物車圖示53消費者購物流程（續）步驟三

準備購買，進行結帳步驟四

確認商品訂購數量與收件人資料，確認後按下一步驟54消費者購物流程（續）步驟三

準備購買，進行結帳54消費者購物流程（續）步驟五

確認送貨基本資料，確認後按下一步驟步驟六

選擇付款取貨方式後，繼續下一步驟55消費者購物流程（續）步驟五

確認送貨基本資料，確認後按下一步消費者購物流程（續）步驟七

瀏覽訂貨資訊，確認訂單資料步驟八

再次確認寄送訊息，完成訂單56消費者購物流程（續）步驟七

瀏覽訂貨資訊，確認訂單資料56消費者購物流程（續）步驟九

確認完成訂購，通知寄送訂單確認信57消費者購物流程（續）步驟九

確認完成訂購，通知寄送訂單確認信消費者訂閱電子報步驟一

點擊漫遊書報中「瀏覽與訂閱」按鈕步驟二

在漫遊書報中，點選欲訂閱報種

（漫遊書報）58消費者訂閱電子報步驟一

點擊漫遊書報中「瀏覽與訂閱」按鈕58消費者訂閱電子報（續）步驟三

輸入收報電子信箱，勾選欲訂閱之報種步驟四

確認輸入E-Mail無誤後，點選「訂漫報」圖片輸入E-MAIL按一下，打勾59消費者訂閱電子報（續）步驟三

輸入收報電子信箱，勾選欲訂閱之消費者訂閱電子報（續）步驟五

再次確認無誤後，點選「確定訂閱」步驟六

出現訂閱通知視窗及訂閱的電子書報清單，即成功訂閱60消費者訂閱電子報（續）步驟五

再次確認無誤後，點選「確定訂閱發表留言步驟一

點選左側選單中的「漫遊抒語」按鈕步驟二

進漫遊抒語界面後，按畫面「漫界抒言」及「漫界留芳」圖示進入留言介面

61發表留言步驟一

點選左側選單中的「漫遊抒語」按鈕61發表留言（續）步驟三

填寫留言標題、姓名、E-mail、性別、網頁等個人資料，並在「我的留言」表格中，填入欲留言文字或圖片內容，按「確定」鍵，送出留言訊息步驟四

按下「確定」鈕後，會出現確認視窗，確定無誤，按下確定，就可發送留言62發表留言（續）步驟三

填寫留言標題、姓名、E-mail、性別發表留言（續）步驟五

完成留言即可至留言閱覽區進行瀏覽63發表留言（續）步驟五

完成留言即可至留言閱覽區進行瀏覽63網站後端管理先輸入網站管理之登入網址：50/z602/admin/index.jsp，再輸入帳號和密碼，即可進行後端管理管理者操作手冊64網站後端管理管理者操作手冊64商品新增管理步驟65商品新增管理步驟65商品新增管理步驟（續）點選次分類中的戀愛類選項，再點選上方的新增物件，可進而編輯商品的詳細資料66商品新增管理步驟（續）點選次分類中的戀愛類選項，再點選上方的物件修改步驟物件管理的主分類和次分類畫面有一區編輯欄，其功能包含修改、刪除和移動67物件修改步驟物件管理的主分類和次分類畫面有一區編輯欄，其功能物件修改步驟（續）東立的次分類選項（戀愛類別為例），有一編輯欄，只要在物件管理目前狀態／改變狀態，點選一下「改為off」的圖式，即可讓產品上架或下架68物件修改步驟（續）東立的次分類選項（戀愛類別為例），有一編輯電子報管理操作手冊步驟一69電子報管理操作手冊步驟一69電子報管理操作手冊（續）步驟二點選維護本報內容70電子報管理操作手冊（續）步驟二點選維護本報內容70電子報管理操作手冊（續）步驟三輸入報導主題輸入報導內容完成後按下儲存即新增報導71電子報管理操作手冊（續）步驟三輸入報導主題輸入報導內容完成後電子報管理操作手冊（續）步驟四72電子報管理操作手冊（續）步驟四72電子報管理操作手冊（續）步驟五輸入本期主題輸入本期簡介按下儲存即

新增一期期刊73電子報管理操作手冊（續）步驟五輸入本期主題輸入本期簡介按下儲電子報管理操作手冊（續）步驟六步驟七點選主題後

進入頁面點選增加內容74電子報管理操作手冊（續）步驟六點選主題後

進入頁面點選增加內電子報管理操作手冊（續）步驟八1.勾選所要

增加的報導內容2.勾選後按儲存內容75電子報管理操作手冊（續）步驟八1.勾選所要

增加的報導內容電子報管理操作手冊（續）步驟九步驟十76電子報管理操作手冊（續）步驟九76留言版管理

77留言版管理77留言版查詢留言版查詢1.輸入留言標題或留言者3.確認後按查詢2.輸入留言的日期78留言版查詢留言版查詢1.輸入留言標題或留言者3.確認後按留言版查詢（續）刪除期間內所有留言標記刪除或瀏覽留言輸入欲刪除的日期確認後按刪除79留言版查詢（續）刪除期間內所有留言輸入欲刪除的日期確認後按刪第伍章結論自由無設限的消費購物管道創造獨樹一幟、別出心裁的電子商城消費者是多元善變的觀摩本班優秀成功的電子商城80第伍章結論自由無設限的消費購物管道80網站導覽81網站導覽81國立勤益科技大學

企業管理系期末報告

電子商務

主題：電子商城－漫遊書界第二組四企四甲39331007林慧婷39331015汪若庭39331029黃瑞民39331049楊惠娟82國立勤益科技大學

企業管理系期末報告

電子商務

主題：電子摘要隨著網際網路的興起，網路購物的便利性開始受到消費者注意，致使許多廠商爭相投入網路商店的經營。而網路商城的建立，最重要的不外乎是第一眼給人的印象，因此如何建立一個令人耳目一新且吸引人的網站風格，更顯得重要。正因為建立一個網站是如此地不容易，因此必須藉由觀摩線上優良購書網站，擷取優點並檢討其缺失以架設漫遊書界網站，販賣各式漫畫，並提供動漫相關資訊、會員交流等服務，以期能滿足消費者的需求。83摘要隨著網際網路的興起，網路購物的便利性開始受到消費者注意，第壹章緒論丫民84第壹章緒論3研究背景現代人的生活多半忙碌而緊張，而網路書店的出現無疑為因為忙碌而無法親自到實體書店挑選書籍的人們，帶來生活上更多的便利，也為許多喜愛閱讀的人們帶來了另外一種新興消費方式。85研究背景現代人的生活多半忙碌而緊張，而網路書店的出現無疑為因研究動機與目的

（一）瞭解動漫與其相關產品的價格策略（二）觀摩分析博客來網路書店的網站結構（三）建立漫遊書界的系統架構（四）設計漫遊書界的電子商城內容86研究動機與目的（一）瞭解動漫與其相關產品的價格策略5研究方法與步驟

（一）網站觀摩（二）網站分析（三）網站評估確認主題蒐集相關資料整理、篩選資料觀摩類似網站分析與評估本站風格設計與建立口頭報告完成報告87研究方法與步驟（一）網站觀摩確認主題蒐集相關資料整理、篩選第貳章網站觀摩與評估丫民88第貳章網站觀摩與評估7觀摩對象選定與本組網站商品、型態和類型相似的網站是以書籍為主要販售商品網站多家媒體報導的優良網站深受消費大眾歡迎的網路書店89觀摩對象選定與本組網站商品、型態和類型相似的網站8觀摩網站的基本資料博客來網路書店博客來的經營理念博客來經營團隊博客來重要歷史簡介90觀摩網站的基本資料博客來網路書店9介面設計

首頁介面漫畫書介面91介面設計首頁介面漫畫書介面10介面設計（續）商品與價格策略商品種類豐富設有動漫專賣店數位閱讀服務價格策略方面促銷策略一般會員促銷策略團體採購優惠92介面設計（續）商品與價格策略促銷策略11訂購與付款流程

國內、外讀者訂購流程93訂購與付款流程國內、外讀者訂購流程12訂購與付款流程（續）付款方式國內訂講付款方式貨到付款線上信用卡付款信用卡紅利點數折抵刷卡金ATM轉帳國外訂講付款方式信用卡線上付款網路ATM轉帳94訂購與付款流程（續）付款方式13送貨與退貨流程

送貨貨運海外航空運送退貨

接受退貨期間換購其它商品退換商品須知依付款方式之退款95送貨與退貨流程送貨退貨14讀者服務內容與機制

讀者服務內容讀者爭議處理機制外部爭議處理內部爭議處理社群經營96讀者服務內容與機制讀者服務內容15第參章電子商務系統分析豆豆97第參章電子商務系統分析16漫遊書界漫畫的重要性放鬆身心擴展想像視野增加內容的可讀性及生動度網址50/z602/98漫遊書界漫畫的重要性17經營理念書海無垠，藉由編輯推薦提供消費者入門的一把鑰匙透過讀者互動充實本站內容提升閱讀品質讓漫畫能成為精神糧食的來源之一99經營理念書海無垠，藉由編輯推薦提供消費者入門的一把鑰匙18介面設計100介面設計19資訊深度清楚標示書名、集數、出版社、訂價、劇情類型及內容簡介設有「每週一書」、「熱門動漫」、「動漫名詞簡介」及「動漫經典台詞」設有「疑難雜解」及「漫遊抒語」設有漫遊書報，每週二發行101資訊深度清楚標示書名、集數、出版社、訂價、劇情類型及內容簡介商品訂價與促銷策略以漫畫為主要商品，採標準定價策略促銷方式會員購買本站商品，皆享9折優惠一次購買十本以上運費減半不定期推出其他促銷方案102商品訂價與促銷策略以漫畫為主要商品，採標準定價策略21訂購流程103訂購流程22付款方式於下單後一星期內完成付款程序貨到付款郵政劃撥銀行匯款ATM轉帳104付款方式於下單後一星期內完成付款程序23送貨流程105送貨流程24退貨流程106退貨流程25顧客服務內容與機制設有「疑難雜解」（討論區）及

「漫遊抒語」（留言板）提供E-mail與本站聯絡提供代訂服務電子郵件－商品滿意度調查107顧客服務內容與機制設有「疑難雜解」（討論區）及

「漫遊抒社群經營留言討論區每週一書讀者推薦疑難雜解漫遊抒語會員制度漫遊書報108社群經營留言討論區27第肆章電子商城系統設計丫娟109第肆章電子商城系統設計28漫遊書界Logo介紹漫遊網站主推熱門動漫介紹，並企劃編輯推薦、動漫名詞介紹、精典動漫等110漫遊書界Logo介紹漫遊網站主推熱門動漫介紹，並企劃編輯推薦漫遊書界之介面設計

本站特別選用藍紫色系為主調，再搭配素雅簡單的介面，能讓瀏覽者為之耳目一新111漫遊書界之介面設計本站特別選用藍紫色系為主調，再搭配素雅簡網站區塊配置之左側選單112網站區塊配置之左側選單31網站區塊配置之廣告區113網站區塊配置之廣告區32資訊深度

最新消息114資訊深度最新消息33資訊深度（續）漫遊檔案中心115資訊深度（續）漫遊檔案中心34資訊深度（續）商品總覽

116資訊深度（續）商品總覽35資訊深度（續）商品分類117資訊深度（續）商品分類36資訊深度（續）商品內容標示118資訊深度（續）商品內容標示37商品與價格策略

漫畫依照各家出版社為主分類，再依其性質細分本站之商品價格為參考各出版社售價，統一訂價119商品與價格策略漫畫依照各家出版社為主分類，再依其性質細分3促銷方式

會員購買本站商品，皆享9折優惠一次購買十本以上運費減半不定期推出其他促銷方案120促銷方式會員購買本站商品，皆享9折優惠39銷售收／付款／退貨流程在左側選單的購物流程中放置訂單、收付款還有送退貨的流程說明，希望消費者在購物前先詳細閱讀，瞭解作業流程，也保障自己的消費權益121銷售收／付款／退貨流程在左側選單的購物流程中放置訂單、收付款訂購流程

122訂購流程41付款方式123付款方式42送貨流程

124送貨流程43退貨流程

125退貨流程44客戶服務機制

設置留言版126客戶服務機制設置留言版45客戶服務機制（續）設置討論區127客戶服務機制（續）設置討論區46社群經營

設有「漫遊抒語」留言版設有「主題討論」討論區會員制度128社群經營設有「漫遊抒語」留言版47消費者操作手冊

進入漫遊書界網站129消費者操作手冊進入漫遊書界網站48消費者操作手冊之會員註冊步驟一

點擊左側選單「會員專區」進入會員註冊步驟二

輸入自己專屬之會員帳號，按送出130消費者操作手冊之會員註冊步驟一

點擊左側選單「會員專區」進入消費者操作手冊之會員註冊（續）步驟三

輸入個人基本資料，按送出步驟四

註冊完成後，即可按會員登入，使用會員專屬功能131消費者操作手冊之會員註冊（續）步驟三

輸入個人基本資料，按送消費者操作手冊之會員登入

步驟一

點選左側選單「會員專區」進入步驟二

輸入帳號及密碼，按登入132消費者操作手冊之會員登入步驟一

點選左側選單「會員專區」進消費者操作手冊之會員登入（續）步驟三

會員登入成功會出現通知視窗133消費者操作手冊之會員登入（續）步驟三

會員登入成功會出現通知消費者購物流程步驟一

選購喜愛之商品，並點選購物車圖示步驟二

購物車的內容，採購商品列表資訊134消費者購物流程步驟一

選購喜愛之商品，並點選購物車圖示53消費者購物流程（續）步驟三

準備購買，進行結帳步驟四

確認商品訂購數量與收件人資料，確認後按下一步驟135消費者購物流程（續）步驟三

準備購買，進行結帳54消費者購物流程（續）步驟五

確認送貨基本資料，確認後按下一步驟步驟六

選擇付款取貨方式後，繼續下一步驟136消費者購物流程（續）步驟五

確認送貨基本資料，確認後按下一步消費者購物流程（續）步驟七

瀏覽訂貨資訊，確認訂單資料步驟八

再次確認寄送訊息，完成訂單137消費者購物流程（續）步驟七

瀏覽訂貨資訊，確認訂單資料56消費者購物流程（續）步驟九

確認完成訂購，通知寄送訂單確認信138消費者購物流程（續）步驟九

確認完成訂購，通知寄送訂單確認信消費者訂閱電子報步驟一

點擊漫遊書報中「瀏覽與訂閱」按鈕步驟二

在漫遊書報中，點選欲訂閱報種

（漫遊書報）139消費者訂閱電子報步驟一

點擊漫遊書報中「瀏覽與訂閱」按鈕58消費者訂閱電子報（續）步驟三

輸入收報電子信箱，勾選欲訂閱之報種步驟四

確認輸入E-Mail無誤後，點選「訂漫報」圖片輸入E-MAIL按一下，打勾140消費者訂閱電子報（續）步驟三

輸入收報電子信箱，勾選欲訂閱之消費者訂閱電子報（續）步驟五

再次確認無誤後，點選「確定訂閱」步驟六

出現訂閱通知視窗及訂閱的電子書報清單，即成功訂閱141消費者訂閱電子報（續）步驟五

再次確認無誤後，點選「確定訂閱發表留言步驟一

點選左側選單中的「漫遊抒語」按鈕步驟二

進漫遊抒語界面後，按畫面「漫界抒言」及「漫界留芳」圖示進入留言介面

142發表留言步驟一

點選左側選單中的「漫遊抒語」按鈕61發表留言（續）步驟三

填寫留言標題、姓名、E-mail、性別、網頁等個人資料，並在「我的留言」表格中，填入欲留言文字或圖片內容，按「確定」鍵，送出留言訊息步驟四

按下「確定」鈕後，會出現確認視窗，確定無誤，按下確定，就可發送留言143發表留言（續）步驟三

填寫留言標題、姓名、E-mail、性別發表留言（續）步驟五

完成留言即可至留言閱覽區進行瀏覽144發表留言（續）步驟五

完成留言即可至留言閱覽區進行瀏覽63網站後端管理先輸入網站管理之登入網址：50/z602/admin/index.jsp，再輸入帳號和密碼，即