ASP.NET實作網路虛擬社群

全文

(1)逢. 甲. 大. 學. 資訊工程學系專題報告 ASP.NET 實作網路虛擬社群. 學. 劉生：劉林廖. 巧憶敬昱. 盈（四丙）平（四丙）峰（四丙）淙（四丙）. 指導教授：楊東麟中華民國九十二年十一月.

(2) ASP.NET實作網路虛擬社群. 目錄................................................................................................................................................................I 圖目錄.................................................................................................................................................................IV 表格目錄...................................................................................................................................................VII 摘要..................................................................................................................................................VIII 第 1 章序論..............................................................................................................................................1 1.1 動機和目的....................................................................................................................................1 1.2 網站組織圖....................................................................................................................................2 1.3 工作分配與時程............................................................................................................................3 1.3.1 工作分配.............................................................................................................................3 1.3.2 甘特圖.................................................................................................................................4 第 2 章系統分析與設計.........................................................................................................................7 2.1 系統開發流程模式介紹...............................................................................................................7 2.1.1 瀑布模式(Waterfall model) ...............................................................................................7 2.1.2 原型模式(Prototyping model) ...........................................................................................8 2.1.3 螺旋模式(Spiral model) .....................................................................................................9 2.1.4 極端軟體製程(Extreme programming，以下簡稱 XP) ..................................................11 2.2 天使帝國線上虛擬社群系統模型............................................................................................12 2.3 系統架構圖..................................................................................................................................13 2.4 資料庫設計..................................................................................................................................14 2.4.1 實體關係模型..................................................................................................................14 2.5 小說區子系統..............................................................................................................................18 2.5.1 刊登小說處理..................................................................................................................19 2.5.2 修改文章處理..................................................................................................................20 2.5.3 接續文章處理..................................................................................................................21 2.5.4 上傳小說插圖處理..........................................................................................................22 2.6 繪圖區子系統..............................................................................................................................23 2.6.1 刊登畫作處理..................................................................................................................25 2.6.2 搜尋畫作處理..................................................................................................................26 2.6.3 寫入討論處理..................................................................................................................27 2.6.4 引用討論處理..................................................................................................................28 2.6.5 檢舉討論處理..................................................................................................................29 2.6.6 推薦畫作處理..................................................................................................................30 2.6.7 開設畫廊處理..................................................................................................................31 2.6.8 管理畫廊處理..................................................................................................................32 2.7 商店街子系統..............................................................................................................................33 2.7.1 申請開店處理..................................................................................................................34 2.7.2 上傳商店圖片處理..........................................................................................................35 2.7.3 修改商店資料處理..........................................................................................................36 2.7.4 更新商店圖片處理..........................................................................................................37 I 逢甲大學 e-Paper (92學年度).

(3) ASP.NET實作網路虛擬社群. 2.7.5 新增商品處理..................................................................................................................38 2.7.6 商品內容處理..................................................................................................................39 2.7.7 補充商品數量處理..........................................................................................................40 2.7.8 修改商品圖片處理..........................................................................................................41 2.7.9 上傳商品圖片處理..........................................................................................................42 2.7.10 商店頁面處理................................................................................................................43 2.8 成員名單子系統..........................................................................................................................44 2.8.1 申請加入處理..................................................................................................................44 2.9 個人頁面子系統..........................................................................................................................45 2.9.1 管理小說處理..................................................................................................................46 2.9.2 物品管理處理..................................................................................................................47 2.9.3 訂閱退訂小說處理..........................................................................................................48 2.9.4 個人資料處理..................................................................................................................49 2.9.5 商店管理處理..................................................................................................................50 2.9.6 圖畫管理處理..................................................................................................................51 2.10 管理者子系統............................................................................................................................52 2.10.1 辦公－處理公文處理....................................................................................................52 2.11 內部綱要....................................................................................................................................53 第 3 章系統建置.........................................................................................................................................61 3.1 系統需求......................................................................................................................................61 3.1.1 軟體需求...........................................................................................................................61 3.1.2 硬體需求...........................................................................................................................62 3.1.3 OS 的需求.........................................................................................................................62 3.2 SERVER 最佳化前後比較.......................................................................................................64 3.3 備份程式......................................................................................................................................65 3.4 檔案擴張評估..............................................................................................................................67 3.5 各區說明......................................................................................................................................68 3.5.1 小說區子系統..................................................................................................................68 3.5.2 圖畫區子系統..................................................................................................................71 3.5.3 商店街子系統..................................................................................................................74 3.5.4 個人管理子系統..............................................................................................................80 3.5.5 成員名單子系統..............................................................................................................97 3.5.6 管理系統.........................................................................................................................103 第 4 章系統評估.....................................................................................................................................107 4.1 系統環境評估............................................................................................................................107 4.1.1 軟體.................................................................................................................................107 4.1.2 硬體.................................................................................................................................110 4.2 網站營運評估............................................................................................................................111 4.3 優缺點和改進方案...................................................................................................................111 第 5 章結論..........................................................................................................................................113 II 逢甲大學 e-Paper (92學年度).

(4) ASP.NET實作網路虛擬社群. 5.1 總結.............................................................................................................................................113 5.2 個人心得....................................................................................................................................115 5.2.1 劉巧盈心得.....................................................................................................................115 5.2.2 劉憶平心得.....................................................................................................................116 5.2.3 林敬峰心得.....................................................................................................................117 5.2.4 廖昱淙心得.....................................................................................................................118 5.3 未來展望............................................................................................................................119 5.3.1 轉型為收費網站............................................................................................................119 5.3.2 提高網站程式的附加價值，發展新的服務獲利.......................................................123 5.4 未來工作計畫.................................................... .......................................................................123 5.4.1 圖畫區進階功能－個人畫廊.......................................................................................123 5.4.2 圖畫區進階功能－精華區...........................................................................................123 5.4.3 圖畫區進階功能－推薦功能.......................................................................................123 5.4.4 圖畫區進階功能－廣告功能.......................................................................................123 5.4.5 小說區進階功能－小說插圖.......................................................................................124 5.4.6 個人頁面進階功能－上傳頭像...................................................................................124 5.4.7 商店街進階功能－訂貨功能.......................................................................................124 5.4.8 新增功能－RPG 角色扮演系統.................................................................................124 5.4.9 新增功能－寵物系統..................................................................................................124 5.4.10 新增功能－個人訊息箱............................................................................................124 參考資料..................................................................................................................................................125 附錄一軟體開發模式比較...................................................................................................................127 附錄二 XP 提出的 28 條規則................................................................................................................128 附錄三 IIS 6.0 進步的地方....................................................................................................................129 附錄四系統最佳化...............................................................................................................................134 附錄五 WEB SERVER 效能、架構配置...............................................................................................148 附錄六對 WINDOWS SERVER 2003 的疑問解答.............................................................................155 附錄七 GET HEAD POST 的分別！....................................................................................................162 附錄八使用者手冊...............................................................................................................................163. III 逢甲大學 e-Paper (92學年度).

(5) ASP.NET實作網路虛擬社群. 圖目錄圖 1 天使帝國網站首頁............................................................................................................................................... VIII 圖 2 天使帝國網站組織圖................................................................................................................................................ 2 圖 3 劉巧盈的甘特圖........................................................................................................................................................ 4 圖 4 劉憶平的甘特圖........................................................................................................................................................ 4 圖 5 林敬峰的甘特圖........................................................................................................................................................ 5 圖 6 廖昱淙的甘特圖........................................................................................................................................................ 5 圖 7 瀑布模式.................................................................................................................................................................... 8 圖 8 原形模式.................................................................................................................................................................... 9 圖 9 螺旋模式.................................................................................................................................................................. 10 圖 10 天使帝國網站系統架構圖.................................................................................................................................... 13 圖 11 網站整體關係模型圖 ............................................................................................................................................ 14 圖 12 小說區實體關係模型圖........................................................................................................................................ 15 圖 13 圖畫區實體關係模型圖........................................................................................................................................ 15 圖 14 商店街實體關係模型圖........................................................................................................................................ 16 圖 15 管理者實體關係模型圖........................................................................................................................................ 16 圖 16 會員實體關係模型圖............................................................................................................................................ 17 圖 17 刊登小說處理流程圖............................................................................................................................................ 19 圖 18 修改文章處理流程圖............................................................................................................................................ 20 圖 19 接續文章處理流程圖............................................................................................................................................ 21 圖 20 上傳小說插圖處理流程圖.................................................................................................................................... 22 圖 21 刊登畫作處理流程圖............................................................................................................................................ 25 圖 22 搜尋畫作處理流程圖............................................................................................................................................ 26 圖 23 寫入討論處理流程圖............................................................................................................................................ 27 圖 24 引用討論處理流程圖............................................................................................................................................ 28 圖 25 檢舉討論處理流程圖............................................................................................................................................ 29 圖 26 推薦畫作處理流程圖............................................................................................................................................ 30 圖 27 開設畫廊處理流程圖............................................................................................................................................ 31 圖 28 管理畫廊處理流程圖............................................................................................................................................ 32 圖 29 申請開店處理流程圖............................................................................................................................................ 34 圖 30 上傳商店圖片處理流程圖.................................................................................................................................... 35 圖 31 修改商店資料處理流程圖.................................................................................................................................... 36 圖 32 更新商店圖片處理流程圖.................................................................................................................................... 37 圖 33 新增商品處理流程圖............................................................................................................................................ 38 圖 34 商品內容處理流程圖............................................................................................................................................ 39 圖 35 補充商品數量處理流程圖.................................................................................................................................... 40 圖 36 修改商品圖片處理流程圖.................................................................................................................................... 41 圖 37 上傳商品圖片處理流程圖.................................................................................................................................... 42 IV 逢甲大學 e-Paper (92學年度).

(6) ASP.NET實作網路虛擬社群. 圖 38 商店頁面處理流程圖............................................................................................................................................ 43 圖 39 申請加入處理流程圖............................................................................................................................................ 44 圖 40 管理小說處理流程圖............................................................................................................................................ 46 圖 41 物品管理處理流程圖............................................................................................................................................ 47 圖 42 訂閱退訂小說處理流程圖.................................................................................................................................... 48 圖 43 個人資料處理流程圖............................................................................................................................................ 49 圖 44 商店管理處理流程圖............................................................................................................................................ 50 圖 45 圖畫管理處理流程圖............................................................................................................................................ 51 圖 46 辦公－處理公文處理流程圖................................................................................................................................ 52 圖 47 圖畫資料................................................................................................................................................................ 53 圖 48 畫家資料................................................................................................................................................................ 53 圖 49 繪圖區討論串資料................................................................................................................................................ 53 圖 50 檢舉違規留言資料................................................................................................................................................ 54 圖 51 小說區的討論資料................................................................................................................................................ 54 圖 52 會員屬性資料........................................................................................................................................................ 54 圖 53 會員等級資料........................................................................................................................................................ 54 圖 54 會員物品資料........................................................................................................................................................ 55 圖 55 會員封鎖原因資料................................................................................................................................................ 55 圖 56 會員登入紀錄資料................................................................................................................................................ 55 圖 57 會員訂閱小說資料................................................................................................................................................ 55 圖 58 會員認證碼資料.................................................................................................................................................... 56 圖 59 職位資料................................................................................................................................................................ 56 圖 60 會員資料................................................................................................................................................................ 56 圖 61 公告資料................................................................................................................................................................ 57 圖 62 小說內容資料........................................................................................................................................................ 57 圖 63 小說種類資料........................................................................................................................................................ 57 圖 64 小說標題資料........................................................................................................................................................ 58 圖 65 物品資料................................................................................................................................................................ 58 圖 66 商店資料................................................................................................................................................................ 59 圖 67 購物車資料............................................................................................................................................................ 59 圖 68 公文資料................................................................................................................................................................ 59 圖 69 備份程式頁面........................................................................................................................................................ 65 圖 70 認證頁面................................................................................................................................................................ 66 圖 71 小說區子系統畫面................................................................................................................................................ 68 圖 72 小說訂閱畫面........................................................................................................................................................ 69 圖 73 圖畫區子系統畫面................................................................................................................................................ 71 圖 74 投稿作品畫面........................................................................................................................................................ 73 圖 75 商店街子系統畫面................................................................................................................................................ 74 圖 76 商店內部畫面........................................................................................................................................................ 76 圖 77 購物車畫面............................................................................................................................................................ 78 V 逢甲大學 e-Paper (92學年度).

(7) ASP.NET實作網路虛擬社群. 圖 78 小說管理畫面........................................................................................................................................................ 80 圖 79 修改小說畫面........................................................................................................................................................ 81 圖 80 上傳圖畫畫面........................................................................................................................................................ 83 圖 81 確認上傳內容畫面................................................................................................................................................ 84 圖 82 商店管理畫面........................................................................................................................................................ 85 圖 83 上傳商品畫面........................................................................................................................................................ 88 圖 84 小說訂閱管理畫面................................................................................................................................................ 91 圖 85 個人資料畫面........................................................................................................................................................ 92 圖 86 升級通知畫面........................................................................................................................................................ 93 圖 87 物品欄畫面............................................................................................................................................................ 95 圖 88 成員列表畫面........................................................................................................................................................ 97 圖 89 加入申請畫面...................................................................................................................................................... 101 圖 90 內政部檢舉區畫面.............................................................................................................................................. 103 圖 91 法務部畫面.......................................................................................................................................................... 105 圖 92 WEB APPLICATION BENCHMARK PEAK THROUGHPUT .......................................................................................... 108 圖 93 J2EE 與.NET 壓力極限....................................................................................................................................... 108 圖 94 WEB APPLICATION BENCHMARK MAXIMUM SUPPOUTED USERS .......................................................................... 109 圖 95 網頁與 PDA 結合................................................................................................................................................ 109 圖 98 INTERNET INFORMATION SERVICES MANAGER(1)................................................................................................. 135 圖 99 回收處理標籤(1) ................................................................................................................................................ 136 圖 100 回收處理標籤(2) ............................................................................................................................................... 137 圖 101 INTERNET INFORMATION SERVICES MANAGER(2)............................................................................................... 138 圖 102 回收處理標籤(3) ............................................................................................................................................... 139 圖 103 回收處理標籤(4) ............................................................................................................................................... 140 圖 104 設定應用程式偵錯的畫面................................................................................................................................ 141 圖 105 MICROSOFT WEB APPLICATION STRESS TOOL 網站的畫面 ................................................................................. 143 圖 106 壓力測試工具的選項畫面................................................................................................................................ 143 圖 107 在 WAS TOOL 中分析 WEB 站台日誌的畫面(1).............................................................................................. 144 圖 108 在 WAS TOOL 中分析 FTP 站台日誌的畫面(2)............................................................................................... 144 圖 109 定義 WAS SCRIPT 的畫面.................................................................................................................................. 145 圖 110 設定 WAS SCRIPT 的畫面.................................................................................................................................. 146 圖 111 在 WAS 中加入記數器物件的畫面.................................................................................................................. 146 圖 112 壓力測試結果.................................................................................................................................................... 147. VI 逢甲大學 e-Paper (92學年度).

(8) ASP.NET實作網路虛擬社群. 表格目錄表格 1 工作分配表............................................................................................................................................................ 3 表格 2 WINDOWS .NET FRAMEWORK 支援平台 ............................................................................................................. 61 表格 3 專題所使用的軟體 ............................................................................................................................................. 61 表格 4 WINDOWS .NET FRAMEWORK1.1 硬體需求 ........................................................................................................ 62 表格 5 WINDOWS .NET FRAMEWORK1.1 作業系統需求 ................................................................................................ 62 表格 6 壓力測試數據比較.............................................................................................................................................. 63 表格 7 最佳化前後比較.................................................................................................................................................. 64 表格 8 J2EE 與.NET 效能與金額比較表 ..................................................................................................................... 110 表格 9 預計人數成長收入表........................................................................................................................................ 111 表格 10 付費意願調查表 1........................................................................................................................................... 119 表格 11 付費意願調查表 2 ........................................................................................................................................... 120 表格 12 預計會員人數成長收費表.............................................................................................................................. 120. VII 逢甲大學 e-Paper (92學年度).

(9) ASP.NET實作網路虛擬社群. 摘. 要. 我們的作品「ASP .NET 實作網路虛擬社群」是透過網路無遠弗屆、點點相連的特性，把現實生活中人文藝術活動的分享與創作行為延伸到網路上，之所以稱為「虛擬城市」，因為這是以社群網站來模擬一個實際城市的運作，城市裡面有數個區域，如小說區、圖畫區、商店街等(詳細介紹請見 2.4~2.9)，這些區域都可以讓會員自由使用，並從中得到樂趣以及創作的成就感。 (1). 小說區耕耘文字的心血結晶由圖文並茂的方式展現，並且可由讀者的回應及實質收入得到回饋。 (2). 圖畫區虛擬畫廊，真實呈現！從所未見的介面，藉由美術創作與欣賞的交流，提昇國民對藝術的喜愛和鑑賞力。 (3). 商店街將真實世界的商業行為複製到虛擬城市中，讓使用者嘔心瀝血的創作將商店點綴的多采多姿。 (4). 會員個人介面將所有會用到的個人功能集中放置，簡易的操作介面讓使用者容易理解，方便使用各項工具。 (5). 管理功能針對不同區域，不同職權專門設立的管理功能，方便管理團隊管理資料、維持網站運作。網站首頁：. 圖 1 天使帝國網站首頁. VIII 逢甲大學 e-Paper (92學年度).

(10) ASP.NET實作網路虛擬社群. 第1章. 序論. 1.1 動機和目的最初這個網站只是十幾頁單純的 html 網頁組成的，是組員巧盈為了推甄所做的個人網站。經過了兩年餘的發展及累積，站內神話資料、投稿作品及網站成員也越來越多。當資料有變動的時候都得手動更新網頁，隨著資料量變大，更新工作越來越繁重，已經變成不是站長一人可以負荷了。於是想要改變網站運作模式的想法也就越來越強烈──用程式來管理網站，有資料就可以隨時更新上去，互動性更高，也可以讓更多的人一起共同維護這個網站。三上的時候大家正好在找專題組員以及專題題目，於是就大家約出來談談，詢問是否有意願將這個網站作為大家共同的專題題目。討論結果是大家都同意，於是整個專題的方向就出來了：以技術方面來說，以資料庫作為網站運作的骨幹，以 web 介面的程式來改良原有的功能，具有網頁內容即時更新，管理者也方便管理網站的特性。以人文方面來說，就是要以原有的網站為基礎，在不影響原本風格的前提下，將網站改建成一個功能更多，更有趣的架空幻想世界。因此這個專題有點不太一樣，是先有了雛形後才開始計畫成專題，尋找組員對網站進行改建工作。我們所使用的開發工具是 ASP.NET 及 MS SQL SERVER，設計理念是依照原本網站功能加以程式化，讓使用者可以直接上傳資料及投稿，等於說由許多人共同維持網站的更新工作。同時和使用者共同討論要新增哪些功能，由我們評估可行性之後再開始實作。總括來說，事實上整個網站是有許多人共同支撐運作的，而我們是負責程式開發以及維護，以下就是關於此網站的組織、分析及組內分工方式。. 1 逢甲大學 e-Paper (92學年度).

(11) ASP.NET實作網路虛擬社群. 1.2 網站組織圖網站組織圖主要是顯示出我們網站的人員分配，主要有 IT 部門、內政部、內閣、外交部、各系天使長、法務部及財政部門。. 圖 2 天使帝國網站組織圖 2 逢甲大學 e-Paper (92學年度).

(12) ASP.NET實作網路虛擬社群. 1.3 工作分配與時程 1.3.1 工作分配表格 1 工作分配表. 姓. 名. 工作內容. 備. 註. 劉巧盈. 1. 小說區系統 (1) 上傳小說、小說瀏覽、回覆討論 (2) 稿件管理、修改投稿 2. 會員系統 (1) 個人管理頁面、個人資料設定 (2) 申請請假、改名、更改屬性 (3) 訂閱小說管理 3. 管理系統 (1) 站長管理、天使長管理 (2) 內政部、法務部、戶政部 (3) 公文系統. 美工、版面設計. 劉憶平. 1. 圖畫區系統 (1) 上傳投稿、畫作瀏覽、回覆討論 (2) 稿件管理、修改投稿. 開會內容紀錄. 林敬峰. 1. 商店街系統 (1) 商店開設、商店瀏覽、商品上傳、商品瀏覽 (2) 購物車、購買交易 2. 物品系統 (1) 個人物品管理. 廖昱淙. 1. SERVER 架設維護 2. 系統資料備份. 3 逢甲大學 e-Paper (92學年度).

(13) ASP.NET實作網路虛擬社群. 1.3.2 甘特圖. 圖 3 劉巧盈的甘特圖. 圖 4 劉憶平的甘特圖. 4 逢甲大學 e-Paper (92學年度).

(14) ASP.NET實作網路虛擬社群. 圖 5 林敬峰的甘特圖. 圖 6 廖昱淙的甘特圖. 5 逢甲大學 e-Paper (92學年度).

(15) ASP.NET實作網路虛擬社群. 6 逢甲大學 e-Paper (92學年度).

(16) ASP.NET實作網路虛擬社群. 第2章. 系統分析與設計. 2.1 系統開發流程模式介紹系統開發流程有許多種模式。如瀑布模式、原型模式、螺旋模式、V 型模式等。我們僅介紹比較常見的開發模式，比較詳細內容請參見附錄一。. 2.1.1 瀑布模式(Waterfall model) 瀑布模式是最早的結構化系統開發。雖然它近幾年遭受抨擊，因為要快速、全盤了解客戶的需求，太嚴苛且不切實際。但是瀑布式的開發模式還是極廣泛的被使用。因為瀑布式開發是最具代表性的一種軟體開發模式，它的貢獻在於提供其他發展模式的理論基礎。瀑布模式分為以下幾個步驟： 1. 系統概念化：系統概念化是指考慮所有的功能、程序已達成目標。去決定每一個方向之間彼此的關係，且哪些方向將被包含在系統之內。 2. 系統分析：這個步驟是指收集所有的需求，決定為了達到此目標這些需求要如何被包含在系統中。顧客與發發者大量地溝通是必要的。 3. 系統設計：一但這個需求已經被搜集且分析完畢。還需要定義系統如何被建構的細節，以及所有該完成的必要工作。較特別的是，此時期系統的焦點是放在資料的需求 (資訊如何在系統中被處理？)、軟體的建構(將如何建立應用)和介面的建構(這個系統該長什麼樣子？有哪些標準要遵循)。 4. 撰寫程式：撰寫程式創造系統軟體的步驟。將系統設計步驟的需求以及系統規格實際轉為電腦編碼。 5. 測試：當一個軟體被創造且被加入正在開發的系統中，還須經測試以確保所有工作能夠正確且有效的執行。測試的焦點通分為兩個部分：內部效能與外部效力。外部效力的測試的目的是為了驗證軟體的功能是否皆根據系統設計開發，而且所有必要的功能及子功能都能執行。內部測試的目的是為了確保電腦程式是有效率地、標準化且意文件化。由於它反覆的本質，測試為一密集、經常性的行程。. 雖然瀑布式系統開發已經快速的開發許多優質的系統產品且廣泛的被使用多年，但它不是沒有問題的。因為它的嚴格設計與缺乏彈性的程序，近年來一直被抨擊。有以下幾種類型 7 逢甲大學 e-Paper (92學年度).

(17) ASP.NET實作網路虛擬社群. 的評論： 1. 真實的專案很難照著這個模型的流程開發。 2. 大部分的專案在一開始的時候對於需求與目標還有很不確定的部分，因次很難幫顧客定義好詳細的標準。這個模組對於這不確定的部分無法適應。 3. 用瀑布式模組開發一個系統是需很長的時間、很小心的開發的，而且不到最後的程序沒有產生任何版本。. 圖 7 瀑布模式. 2.1.2 原型模式(Prototyping model) 原型模式從需求搜集開始至完成，可分成下列幾個步驟： 1. 需求搜集：開發者與使用者需一起討論並定義軟體的目標及所有的功能需求，同時列出必須做深入定義的地方。 2. 快速設計：著重在使用者可看到的介面，如輸入輸出之畫面及報表等，開發者須使用現有的程式模版(Template)或應用相關工具，如報表及格式產生器(Report or Form Generator)來達成快速設計的目的。 3. 建構一套軟體雛型。 4. 評估需求：透過使用者的實際操作與需求評估，提出需求的調整。 5. 循環：透過上述的程序週而復始的執行，直到滿足使用者之需求，才繼續進行後續分析，設計…等階段，因此開發者在此階段即能充分了解那些功能是必須設計。. 8 逢甲大學 e-Paper (92學年度).

(18) ASP.NET實作網路虛擬社群. 雛型模式可解決直線順序程序模式在需求變更及使用者需耐心等候之問題，其優點為使用者在分析階段可立即對未來上線的應用軟體有所感受，缺點為由於倉促完成雛型，無法完整考慮整體的軟體品質與長期的可維護能力。雖然如此，雛型模式最關鍵的優點乃在於在專案進行之初，即與使用者訂下遊戲規則，『使用者與開發者必須一起討論需求並同意雛型的結果』，這可以解決因非常多需求的變更導致時程延後、無法驗收等常見實務上的問題。. 雛型式之特性：設合需求容易改變的系統雛型式之優點：幫助使用者了解系統，並提出完整需求提升參與感具彈性雛型式之缺點：系統可能雜亂維護不易. 圖 8 原形模式. 2.1.3 螺旋模式(Spiral model) 螺旋模式(Spiral model)結合了瀑布模式(Waterfall model)和原型模式(Prototyping model) 的兩種優點，還導入了一個新的階段-風險評估 Risk assessment，而螺旋意思是代表整個系統的開發流程。螺旋模式在初期開發跟原型模式類似，都必須配合使用者的需求改變而改變；而中後期必須遵照瀑布模式一樣，每個系統的開發階段都必須很小心地來設計。但是循環此方法一次，所開發出來的系統會較上一版本更加完整。風險評估指的是在開發之前都會先評估是否可行再來決定是否要繼續開發下去。 9 逢甲大學 e-Paper (92學年度).

(19) ASP.NET實作網路虛擬社群. 螺旋模式分成下列四個步驟： 1. 找出專案目的：相似於瀑布模式的 conception 階段。找出使用者想要之需求及限制，並找出最快的路徑來開發。 2. 風險評估：將可能遇到的問題及解決方案找出來，並決定是否繼續，且依照發何種方式去開發。此一步驟類似於原型模式。 3. 系統建置：依照使用者的需求，將軟體開發出來。 4. 規劃與管理：由顧客實際使用測試評估，並提出意見給開發者。. 優點：能夠在開發方向錯誤之前發現開發與維護一次完成缺點：為大型軟體之開發方法為 Internal(In-house) software 之開發方法[1]. 圖 9 螺旋模式. 10 逢甲大學 e-Paper (92學年度).

(20) ASP.NET實作網路虛擬社群. 2.1.4 極端軟體製程(Extreme programming，以下簡稱 XP) XP 是由 Kent Beck 於 1996 年代初期提出。Kent 所認知的要改善軟體專案有四的方向，你需要改善溝通，你必須找尋簡化的途徑，你需要獲得回饋以讓你做的更好，你需堅持勇敢的去做。『溝通』『簡化』『回饋』及『勇氣』是 XP 四個主要精神所在。XP 的程式設計師與其客戶及程式設計師同僚溝通。她們保持其設計簡單且清晰。他們一開始便不斷從測試軟體獲得回饋，他們可能提早交付系統給客戶並且立即依據其建議改善軟體。基於這個基礎 XP 的程式設計師能夠勇於會贏持續改變中的需求及技術。 XP 是一種嚴謹且有規律的軟體開發方式，它的成功是由於其強調客戶滿意度。XP 的方法論被設計再需要時用來實現你的客戶所需要的軟體。XP 授權開發人員自信的回應客戶需求的改變；即使是在軟體生命週期的後期。這個方法同時強調團隊合作。管理人員、客戶及開發人員都是貢獻於開發高品質軟體團隊中的成員 XP 被建立在回應需求持續改變的領域，客戶可能對於系統應該是什麼樣子都沒有確定的概念，所以系統功能可能隨時會改變。在許多軟體環境動態改變的需求是唯一的常態。這是 XP 可以成功而其他方法沒辦法的地方。XP 同時也設定處理專案風險的問題。 XP 的特色： 1. 所建立的是小群組的程式設計團隊，約 2 至 10 人。無法使用在大型團隊的專案，但對於動態需求的專案或高風險的專案，XP 會比大型團隊更有效。 2. XP 需要一個延伸的開發團隊，所包括的不只是開發人員還包含管理人員即客戶。 3. 可測試性(testability)。 4. 高生產力。 XP 在規劃、設計、編寫程式及測試四個階段共提出了 28 條簡單的規則(詳見附錄二)及實務作法。並對於如何導入 XP 提出了一些說明。這些規則、實務作法也應用了一些軟體工程的理論如單元測試、可接受測試、整合程式碼等等。[2]. 11 逢甲大學 e-Paper (92學年度).

(21) ASP.NET實作網路虛擬社群. 2.2 天使帝國線上虛擬社群系統模型由於天使帝國是一個既有的網站，現有的需求在未來改成 asp.net 的版本後，也同樣必須被滿足。然而在程式開發後，使用者也不斷的有新的需求。所以瀑布模式的流程並不適合我們專案的系統開發，因為我們無法在初期即明訂確立使用者的所有需求。而螺旋模式的開方式，雖然初期同雛型模式可依照使用者需求更動而不斷更動。然而到了中後期還是需依瀑布模式謹慎開發。我們這個專案在許多功能開放上，須常因應使用者的反應而更動功能，並非 in-house 的開發。很難確保到了中後期，就能以版本的方法擴建功能，而不往回更動功能。而且其引入的風險評估，評估下個步驟油何種方向開發。對我們來說實行較困難，也比較適合大型軟體的開發。因此，為了因應使用者多變的需求，並且對於正在摸索 asp.net 此種新語言的我們來說，以雛型模式來開發是最適合的。對於使用者來說，可以透過我們每次放上線測試的雛型版本，給我們建議以及新的需求。並不會到了系統開發完成階段，才發現這是個不符合使用者喜好的網站，而乏人問津。對於開發者的我們來說，我們可以在對此種語言的功能、用法越來越了解後，不斷在介面、效能及安全性等 non-functional requirements 上改進。除此之外我們還使用 Kent Beck 所提出的 XP 開發方式來開發我們的系統。因為 XP 的設計適合小群組的程式設計團隊。而且我們的專案為一動態需求的專案，常需因應使用者而改變。在開發的階段，我們是與使用者一起開發，即只用者不斷的提出需求及回應。此點完全符合 XP 所提出的「需要一個延伸的開發團隊」的特性。對於使用者會不斷回報使用情形，而我們也不斷滿足使用者需求的模式，也滿足其「可測試性(testability)」與「高生產力」的特性。所以我們依照 XP 所提出的 28 條規則與實務做法來規劃、設計、編寫程式及測試。例如：提高小版本的發行頻率、隨時隨地盡可能重整、首先撰寫單元測試程式、所有程式碼產品都是雙人組設計、隨時整合等等，以助我們順利開發。. 12 逢甲大學 e-Paper (92學年度).

(22) ASP.NET實作網路虛擬社群. 2.3 系統架構圖在我們的網站中，依照功能可分為小說創作、成員名單、活動專區、個人頁面、商店街、圖畫創作等六大區，如圖所示。. 圖 10 天使帝國網站系統架構圖 13 逢甲大學 e-Paper (92學年度).

(23) ASP.NET實作網路虛擬社群. 2.4 資料庫設計在此節中將介紹有關資料表的關係，並從資料庫中匯出顯示出來，首先我們先介紹網站整體實體關係模型，再由整體架構中分區說明，小說區、圖畫區、商店街、管理者、會員等區。 2.4.1 實體關係模型. 圖 11 網站整體關係模型圖. 14 逢甲大學 e-Paper (92學年度).

(24) ASP.NET實作網路虛擬社群. 圖 12 小說區實體關係模型圖. 圖 13 圖畫區實體關係模型圖 15 逢甲大學 e-Paper (92學年度).

(25) ASP.NET實作網路虛擬社群. 圖 14 商店街實體關係模型圖. 圖 15 管理者實體關係模型圖 16 逢甲大學 e-Paper (92學年度).

(26) ASP.NET實作網路虛擬社群. 圖 16 會員實體關係模型圖. 17 逢甲大學 e-Paper (92學年度).

(27) ASP.NET實作網路虛擬社群. 2.5 小說區子系統：小說區是提供會員寫小說、閱讀小說的地方。對於作家提供刊登小說、管理小說、修改文章、接續文章、上傳小說插圖等功能。對其他觀賞的會員，提供訂閱退訂小說、搜尋、推薦、討論等功能。 (1) 刊登小說處理：新增小說標題及簡介(簡介限制 300 字內)。第一次刊登小說判定資格更改為作家。 (2) 修改文章處理：針對小說裡面細分的章節，可以各別修改。也可刪除最末篇的章節文章。 (3) 接續文章處理：未完成的文章可以接續文章。系統判斷此小說的章節，將其接續序號及內容。 (4) 上傳小說插圖處理：可以設定小說內出現的關鍵字，上傳相對應的插圖。當滑鼠指到那些關鍵字後，會出現插圖。. 18 逢甲大學 e-Paper (92學年度).

(28) ASP.NET實作網路虛擬社群. 2.5.1 刊登小說處理：刊登小說的處理最主要是新增一篇新的小說，包含標題、小說類型、簡介。原先的設定是每個會員都是一般會員。若為第一次上傳小說的話，在此要多作一道修改資格的動作。將身分修改為作家，再回到管理小說的頁面。. 圖 17 刊登小說處理流程圖. 19 逢甲大學 e-Paper (92學年度).

(29) ASP.NET實作網路虛擬社群. 2.5.2 修改文章處理：在右排的章節列表中，選取要修改的那篇章節，畫面即會將原本存入的內容讀到 Textbox 中，修改後從新存入資料欄位。. 圖 18 修改文章處理流程圖. 20 逢甲大學 e-Paper (92學年度).

(30) ASP.NET實作網路虛擬社群. 2.5.3 接續文章處理：選擇小說進入編輯後，可以選擇接續的文章狀態(未完結/以完結)後直接寫入章回標題、內容。內容為了使讀者便於閱讀，所以限制字數在 1 萬字內。新增完右側的章回列表即會看到新增的章節接續顯是在最下頭。可以再繼續接續文章。. 圖 19 接續文章處理流程圖. 21 逢甲大學 e-Paper (92學年度).

(31) ASP.NET實作網路虛擬社群. 2.5.4 上傳小說插圖處理：這是小說區最創新的功能－顯示插圖。將文字與圖形搭配顯示在小說中，增添閱讀小說的趣味性。可以設定插圖對應的關鍵字，例如：主角 XXX 的名稱一律用哪張圖顯示。首先在插圖列表的地方新增關鍵字，接著傳送對應插圖，插圖的檔案大小必須經過驗證，以免檔案太大在顯示的時候造成其他會員們的負擔。. 圖 20 上傳小說插圖處理流程圖. 22 逢甲大學 e-Paper (92學年度).

(32) ASP.NET實作網路虛擬社群. 2.6 繪圖區子系統繪圖區是提供會員創作、欣賞畫作的地方。資深的畫家更可以申請個人畫廊，有專屬放置畫作的地方，可以設定個人風格的頁面。對於畫家，此子系統提供刊登畫作、管理畫作、開設畫廊等功能；對於擁有畫廊的畫家更提供管理畫廊的功能；而一般會員，可以使用搜尋、討論、檢舉討論、推薦畫作、排行榜、精華區等功能。為了維持站務正常營運，引入創作、討論給予經驗值、金錢鼓勵交流；為了杜絕網路小白發表灌水文章，而有了檢舉功能。站上有五位管理者審核創作的作品及檢舉的留言，確保網站素質。. (1) 刊登畫作處理：在個人管理頁面/圖畫中可以刊登新的畫作。取畫作的名稱、描述、上傳縮圖(在大廳內看到的圖)、原始圖。所上傳的縮圖限定大小 30K 內、原始圖 150K 內。並檢查上傳檔案類型。第一次刊登的話判定為畫家。. (2) 搜尋畫作處理：在大廳內展示的圖可以依作者、畫名、介紹等條件來搜尋。. (3) 寫入討論處理：針對某幅畫作發表言論。也可以修改自己發表過的討論。. (4) 引用討論處理：針對想回覆的討論內容，引用原始內容並加入自己的言論。. (5) 檢舉討論處理：杜絕網路小白靠灌水文章或張貼不適當的言論賺取經驗值與金錢，增加系統負擔。每個會員都可以檢舉有灌水之嫌以及違規的討論內容。經由管理者確認這些通報後，若屬實則懲罰灌水的會員(規勸、扣兩倍經驗值、砍帳號、鎖 IP)，獎勵第一個通報者(給予經驗值、金錢)，砍掉討論內容。若沒有違規，則忽視通報、不處理。. (6) 推薦畫作處理：一天可以推薦 5 幅畫作。給予畫家建議、讚賞。系統計算評分後，可以根據評分排行，給瀏覽者當做參考依據。. 23 逢甲大學 e-Paper (92學年度).

(33) ASP.NET實作網路虛擬社群. (7) 開設畫廊處理：資格符合的畫家(作品數量達到 10 幅以上、經驗值 300)，即可提出申請。申請一次需申請金 100，以免不斷申請造成管理者及系統負擔。管理者受理申請成功則給予個人畫廊，失敗則發通知訊息通知。. (8) 管理畫廊處理：可以設定個人畫廊的背景、音樂、更改畫廊描述。未來加入打廣告功能。. 24 逢甲大學 e-Paper (92學年度).

(34) ASP.NET實作網路虛擬社群. 2.6.1 刊登畫作處理：只要是會員即可在大廳發表作品。在個人管理頁面/圖畫/刊登畫作中。首先上傳畫作資料：填寫畫作名稱(10 字內)、描述(100 字內)、選取畫作類型。接者上傳縮圖(檔案大小 30K 內，尺寸 110*110)、原始圖(檔案 150K 內)。所上傳的圖皆會存到各自的資料夾中，並非存在資料庫內。若為第一次刊登作品的畫家，在成功刊登後，即在畫家的資料表中新增一筆資料，紀錄畫作數目為一。並新增一個以畫家編號為檔名的資料夾存放其圖片。將來即使畫家把所有作品接刪除，一樣會有畫家的紀錄再。. 圖 21 刊登畫作處理流程圖. 25 逢甲大學 e-Paper (92學年度).

(35) ASP.NET實作網路虛擬社群. 2.6.2 搜尋畫作處理：在成百成千的畫作中，若無好的搜尋工具，想找到自己有興趣的作品，恐怕是大海撈針。繪圖區的搜尋畫作處理，提供作家、畫作名稱、畫作介紹等搜尋類型，加上會員輸入的搜尋關鍵字到對應欄位修詢符合的資料並顯示(此為模糊比對，即需入部分的名稱即可 EX.欲搜尋” 希薇亞”，打”希”也會能搜尋到。將來計劃加入進階搜尋，可以使用 AND OR 等判斷式)，幫助會員迅速找到喜愛的畫作。. 圖 22 搜尋畫作處理流程圖. 26 逢甲大學 e-Paper (92學年度).

(36) ASP.NET實作網路虛擬社群. 2.6.3 寫入討論處理：討論的功能是會員與畫家們交流的最佳管道，即時對刊登的畫作讚賞、作畫技巧交流、評論。在每幅畫作原始圖的部份都有開啟討論串的選項，可以選擇發表的顏色、修改回覆標題(20 字內)、回覆內容。. 圖 23 寫入討論處理流程圖. 27 逢甲大學 e-Paper (92學年度).

(37) ASP.NET實作網路虛擬社群. 2.6.4 引用討論處理：功能很類似寫入討論，但寫入討論是針對畫作或是畫作描述來發表。而引用討論主要是針對某篇會員們發表的內容。當引用討論後，原討論內容會顯示在編輯的 Textbox 中，所引用的每行都以”＜”開頭，以區隔引用的內容及新增加的內容，編輯後即新增一筆討論接續在同一篇畫作的討論串下。. 圖 24 引用討論處理流程圖. 28 逢甲大學 e-Paper (92學年度).

(38) ASP.NET實作網路虛擬社群. 2.6.5 檢舉討論處理：檢舉功能是開放給所有會員使用，因為管理者沒有時間一一瀏覽所有討論，所以由會員們主動提出有違規的討論文章，再由管理者審核是否違規。會員只要在認為違規的討論上按「檢舉」，確認後送出檢舉單。管理者收到後，經審核若屬實則刪除討論文章、懲罰發文者、獎勵第一位檢舉者；若並無違規，則設定為已省核過的檢舉單。以後還是可以查閱之前的檢舉紀錄。. 圖 25 檢舉討論處理流程圖. 29 逢甲大學 e-Paper (92學年度).

(39) ASP.NET實作網路虛擬社群. 2.6.6 推薦畫作處理：為了建立一些參考指標來評斷所有畫作受歡迎的分佈狀態，也為了讓畫家們了解自己每一幅畫有什麼樣的評價。所以有了推薦的功能。在想推薦的畫作案推薦，系統會計算是否一天內已推薦 5 幅圖，若小於 5 幅則可使用推薦功能。推薦的流程大致為選取評分(EX.幾顆星)、選取推薦原因(EX.筆觸流暢)，若有什麼不方便再討論串寫的建議，也可以在這裡寫。建議內容只有畫家本身能看到。而送出推薦後即會計算評分並動態顯示在畫作資訊內。. 圖 26 推薦畫作處理流程圖. 30 逢甲大學 e-Paper (92學年度).

(40) ASP.NET實作網路虛擬社群. 2.6.7 開設畫廊處理：當畫作的數量增加到一定的量，想要有一個展示個人畫作的地方而不是擠在大廳公開展覽，能夠打造自己的風格的專屬畫廊是最佳選擇。當畫作滿 10 幅、經驗值滿 300 後，即有資格申請畫廊。申請的流程必須先判斷是否有足夠的金錢(因為申請一次須给付申請金)。再判斷資格符不符合(畫作數、經驗值)，新增一筆申請資料，扣除申請金。管理者收到申請資料，審核是否能開畫廊。不行則發通知訊息告知申請失敗；通過的話則新增一筆畫廊紀錄，開放畫家使用。. 圖 27 開設畫廊處理流程圖. 31 逢甲大學 e-Paper (92學年度).

(41) ASP.NET實作網路虛擬社群. 2.6.8 管理畫廊處理：畫廊是需要經營的。不但每個月要繳租金外，管理者也會巡視這些畫廊的營運。所以畫廊當然有許多設定可以根據畫家喜好更動。如音樂、背景、畫廊的描述，甚至將來要引入打廣告、巡迴畫展等機制，來增加畫家與其 fans 的互動。. 圖 28 管理畫廊處理流程圖. 32 逢甲大學 e-Paper (92學年度).

(42) ASP.NET實作網路虛擬社群. 2.7 商店街子系統商店街主要是模擬真實世界的網路商店行為，讓會員們能夠在我們的網站中進行交易動作，而會員可以月付租金申請開店並新增商品、修改、刪除等管理動作，而其他會員也可以進入其商店進行瀏覽、購買的動作。而商店街子系統裡面所做的處理有下列幾樣： (1)申請開店處理：會員只要身分檢驗合格則可以申請開店。. (2)上傳商店圖片處理：申請開店後，每家商店都可配有其店徽，此處理就是將該商店的店徽上傳到資料庫中。. (3)修改商店資料處理：此處理可以依照商店需要，修改商店基本資料。. (4)更新商店圖片處理：如商店管理者對自己當初所選擇的店徽不滿意，則此處理可以更新商店的圖片。. (5)新增商品處理：商店啟用後，可以利用此處理來新增自己的商品。. (6)商品內容處理：使用者可以利用此處理來瀏覽商品的圖片，以及其商品基本資料。. (7)補充商品數量處理：當商品熱賣，數量不夠的時候，商店管理者可以利用此功能來補充商品的數量，以供應需求。. (8)修改商品圖片處理：當商店管理者不滿意當初所配的圖，可以利用此處理來修改商品圖片。. (9)上傳商品圖片處理：此處理類似上傳商店圖片處理，可以為商品配上圖片。. (10)商店頁面處理：當使用者瀏覽商品，而想要購買的時候，此處理會將其所想要購買的商品放到購物車中，而確定購物車中的物品無誤後，可以進行結帳動作，完成交易。. 33 逢甲大學 e-Paper (92學年度).

(43) ASP.NET實作網路虛擬社群. 2.7.1 申請開店處理申請開店必須先輸入商店基本資料並驗證其開店的資格，其中包含驗證等級、資金等，如合格才能申請開店，而此處理會把會員所填寫的基本資料等寫入資料庫中，並在會員資料中扣除店面租金，等資料新增完畢後，接下來的流程就必須上傳商店圖片。如圖. 圖 29 申請開店處理流程圖. 34 逢甲大學 e-Paper (92學年度).

(44) ASP.NET實作網路虛擬社群. 2.7.2上傳商店圖片處理上傳商店圖片處理主要是在申請開店後所必須做的動作，因為在伺服器端會利用此圖片來建立一個資料夾用來存放將來商店所販賣的商品，而圖片不能過大，所以上傳後會檢驗圖片是否過大，以避免使用者瀏覽圖片速度過慢，合格後則建立資料夾並存放圖片，再來引導使用者進入商店管理頁面。. 圖 30 上傳商店圖片處理流程圖. 35 逢甲大學 e-Paper (92學年度).

(45) ASP.NET實作網路虛擬社群. 2.7.3修改商店資料處理：商店資料必須在申請開店程序的時候就必須填寫，但由於申請開店者當初所填寫的基本資料並不一定正確，或者開店一陣子之後，更改商店介紹或者圖片能夠使商店看起來有如舊店新開、煥然一新的感覺，此處理一開始會先檢驗使用者是否開過店，如沒有開過店表不是商店管理者，不能修改商店資料；有開過商店則會抓取其商店資料，並提供修改介面，修改完成後存入資料庫中完成修改。. 圖 31 修改商店資料處理流程圖. 36 逢甲大學 e-Paper (92學年度).

(46) ASP.NET實作網路虛擬社群. 2.7.4更新商店圖片處理：更新商店圖片處理，主要是商店管理者傳錯商店圖片，或者對當初所傳的商店圖片不滿意的時候，可以利用此處理來將舊有的商店圖片更改，但也由於怕圖片過大導致瀏覽者瀏覽速度變慢，所以也會檢驗圖片大小不能過大，合格的時候才能將圖片存入伺服器端。. 圖 32 更新商店圖片處理流程圖. 37 逢甲大學 e-Paper (92學年度).

(47) ASP.NET實作網路虛擬社群. 2.7.5新增商品處理：申請開店完成後，再來就可以進入此處理，此處理主要是依照商店管理者所想要販賣的商品，設定其商品的屬性及上架的數量，並計算成本檢查商店管理者是否有足夠的本錢來將商品上架，存款不足的畫則回到上一步驟設定商品價格或數量，合格的畫則將商品新增，並從會員資料中扣除商品上架的租金，再回到商店管理頁面。. 圖 33 新增商品處理流程圖. 38 逢甲大學 e-Paper (92學年度).

(48) ASP.NET實作網路虛擬社群. 2.7.6商品內容處理：商品內容處理主要是從資料庫中讀取某一家商店中的商品資料，並顯示在螢幕上給商店管理者或瀏覽者觀看。. 圖 34 商品內容處理流程圖. 39 逢甲大學 e-Paper (92學年度).

(49) ASP.NET實作網路虛擬社群. 2.7.7補充商品數量處理：當商品熱賣，等到商品數量賣完後，商店管理者可以將其商品數量增加，以提供給顧客購買，進入此處理首先會檢查是否為商店管理者，是的話才可以進入下一步驟，選定要補充數量的商品，並設定上架數量，接下來計算上架所需的成本並檢查存款是否足夠支付租金，足夠的話則將商品數量寫入商店資料庫中，並在會員資料中扣除租金，在進入商店管理頁面中。. 圖 35 補充商品數量處理流程圖. 40 逢甲大學 e-Paper (92學年度).

(50) ASP.NET實作網路虛擬社群. 2.7.8修改商品圖片處理：當商品上架後，如果發現商品圖片錯誤，或者某原因而想要更換，則可以利用此處理來將商品圖片換掉，首先也會檢驗上傳圖片是否過大，如合格則將其存入資料庫中。. 圖 36 修改商品圖片處理流程圖. 41 逢甲大學 e-Paper (92學年度).

(51) ASP.NET實作網路虛擬社群. 2.7.9上傳商品圖片處理：新增商品後，可依照商店管理者需要，將商品配上圖片，同樣會檢驗圖片的大小不能過大，合格後才能儲存在伺服器的資料夾中。. 圖 37 上傳商品圖片處理流程圖. 42 逢甲大學 e-Paper (92學年度).

(52) ASP.NET實作網路虛擬社群. 2.7.10商店頁面處理：此處理主要是處理使用者將選定的商品放入購物車中，然候在一次進行結帳動作，首先選定商店進入商店之內，系統會把商品列表，消費者可以選擇自己喜歡的商品將其放入購物車中，而系統會將購物車中的物品暫存起來，並顯示給消費者看，而如果是因為誤按而導致其商品放入購物車中，此處理還提供編輯購物車清單的功能，將其不想要的商品剔除，接下來會計算此購物車中的商品總共的金額，並到會員資料中檢查存款是否足夠，如果足夠的話才可以結帳，存款不足的話則回到購物車清單中編輯購買的商品及數量，再進行結帳。. 圖 38 商店頁面處理流程圖. 43 逢甲大學 e-Paper (92學年度).

(53) ASP.NET實作網路虛擬社群. 2.8 成員名單子系統成員名單子系統包含申請加入、查詢成員、現行法規及查看統計資料等功能。每新增一位成員，所有的統計資料都會動態的跟著改變。例如各屬性的的人員人數比例會影響著每次上線給予的經驗值(為了平衡各屬性人數)，而給予的經驗值是依人數動態改變的；查詢成員處理是讓會員們查看其他成員的資料、看看有哪些新加入的成員。. 2.8.1 申請加入處理申請加入會員處理主要是用來處理新加入的會員，應該如何來申請的程序，首先必須填寫基本資料，送到伺服器端檢驗是否有人以使用此帳號，如果有人使用，則必須重新填寫，但如果無人使用，則通過申請並新增資料到會員資料庫中，並發送會員認證信到會員信箱，認證信中帶有回覆密碼，以視通過申請。. 圖 39 申請加入處理流程圖. 44 逢甲大學 e-Paper (92學年度).

(54) ASP.NET實作網路虛擬社群. 2.9 個人頁面子系統個人頁面登入後，會有屬於自己的設定，包括可以管理自己的小說、物品、也有小說訂閱退訂的功能，如果有開設商店還可以利用此介面來管理自己商店所販賣的物品，也可以利用此介面來管理自己的畫作。還有請假功能，以避免過久沒有登入而帳號刪除；意見反映功能能夠反映個人建議給系統管理者。. (1) 管理小說處理：管理小說處理：可以刪除、設定整篇小說。設定的功能包括更改小說名稱及簡介。 (2)物品管理處理：此處理可以列出個人所有的物品，並提供丟棄、贈送、使用的功能。 (3)訂閱管理處理：訂閱退訂小說處理：當訂閱的小說出了續篇後，系統會自動通知有新的續篇完成。會員就可以不用一直去小說區查詢有沒有新連載。當然也提供退訂的功能。 (4)個人資料處理：將個人基本資料列出，使用者可以利用此功能修改個人基本資料設定 (5)商店管理處理：商店管理處理：開店後，可利用此處理來管理商店中所有的商品。 (6)圖畫管理處理：管理畫作處理：可以針對每幅畫作刪除、修改描述、重新上傳縮圖、原始圖。. 45 逢甲大學 e-Paper (92學年度).

(55) ASP.NET實作網路虛擬社群. 2.9.1 管理小說處理：主要是只對整篇小說的管裡，並不包含小說內各章節的設定、修改。選取刪除功能後再選取刪除哪部小說，即可刪除小說；設定也是，對小說的名稱、簡介做修改。點選「開啟」後，會連結到小說展示的頁面。. 圖 40 管理小說處理流程圖. 46 逢甲大學 e-Paper (92學年度).

(56) ASP.NET實作網路虛擬社群. 2.9.2 物品管理處理：可以列出會員們所擁有的物品，進行丟棄、贈送、使用等功能，而在使用者進行贈送功能的同時，會先檢查此使用者帳號是否正確，輸入正確才可進行贈送的功能，並將贈送者的物品數量減一，直到零數量為止，而受贈者接收物品並將數量加一。. 圖 41 物品管理處理流程圖. 47 逢甲大學 e-Paper (92學年度).

(57) ASP.NET實作網路虛擬社群. 2.9.3 訂閱退訂小說處理：在小說區的各篇小說中都有訂閱的功能，只要是在登入狀態，即可訂閱。若所訂閱的小說有了續篇，在訂閱小說管理內，所訂閱的小說前會顯示紅色「新」的字樣。點入連結即可閱讀新的續篇。在同個頁面，每篇小說也有顯示退訂的連結，把欲退訂的小說退訂，以後將不會收到通知。. 圖 42 訂閱退訂小說處理流程圖. 48 逢甲大學 e-Paper (92學年度).

(58) ASP.NET實作網路虛擬社群. 2.9.4 個人資料處理使用者進入個人資料處理頁面的時候，會將其個人基本資料顯示出來，在判斷是否要編輯個人資料，修改資料完成後將其儲存進資料庫中。. 圖 43 個人資料處理流程圖. 49 逢甲大學 e-Paper (92學年度).

(59) ASP.NET實作網路虛擬社群. 2.9.5商店管理處理：商店管理者進入商店管理業處理後，會先抓取使用者的 COOKIE 值，並檢驗其商店資料，判斷是否為商店管理者，合格才能進入下一步驟，從資料庫中抓取商品清單，並輸出給商店管理者，而在輸出的頁面中才可以編輯商品，如新增商品、刪除舊有的商品。. 圖 44 商店管理處理流程圖. 50 逢甲大學 e-Paper (92學年度).