Visual Studio 2012 與 ASP.NET 4.5 ( 新功能與開發介紹 )講師：吳俊毅Blog ： http://www.dotblogs.com.tw/gelis/Skype ： wergelis@msn.com

第三天

大綱• Visual Studio 2012 對開發人員的挑戰• Visual Studio 2012 對 Scrum 的支援，善用 Scrum 開發

流程• 如何確保程式碼的品質 -CodeReview 、 Code

Clone 、 IntelliTrace 、 Team Build• 使用 Visual Studio 2012 進行網站高效能的壓力測試• Microsoft Test Manager 2012 整合工作項目與管理 Test

Case 的利器• 何謂探勘測試 (Exploratory Test)• 實作系列、將上一次的 MVC Application 改為 MVC

Mobile 的網站

Visual Studio 2012 對開發人員的挑戰

挑戰 ( 一 ) 、在平板、手持裝置盛行的年代

您不能再不懂 App 的開發開發 App ，您也不能再不懂什麼是 Web API 、 WCF Data Services手持裝置服務的開發會是重點

Visual Studio 2012 是橫跨 電腦、手機、平板 : 智慧型裝置 的開發工具您只需要只需要熟悉一種工具Visual Studio 2012 Ultimate

Windows Store App 平台概論Windows RT (Runtime) = 沙箱 (Sanbox)透過語言映射 (Language Projection) 對應提供不同語言API

開發環境的準備必須使用 Windows 8 作業系統必須使用 Visual Studio 2012申請 Windows 8 開發人員授權

• 每一個 Live ID 可免費開發一個月• MSDN 訂閱有一年的使用期間• 若要發布至市集，個人每年 1420

元、企業用戶每年 2840 元

只需要選擇一種熟悉的語言無論使用哪一種語言技術 (C#/VB/JavaScript/C++), 都可以使用 Blend for Visual Studio 來編輯 UI (XAML/HTML5/CSS3)不管使用哪一種語言，開發人員只需要了解 Windows RT的程式介面 (API)當程式開發完成後，測試的方式可以是：

直接在開發機上執行在模擬器上執行透過網路部署至遠端機器執行

Demo嘗試開發一個照相程式

Windows Store App 開發資源整理Windows 市集應用程式開發人員中心Windows 8 範例程式Windows 市集應用程式訓練教材微軟官方支援中心Windows 市集應用程式論壇Internet Explorer 10 開發人員中心Windows Azure Mobile Service

MSDN 台灣 Facebook 粉絲團

Visual Studio 2012 對Scrum 的支援，善用Scrum 開發流程

Visual Studio 2012 在 Scrum 上的增強全新的使用者介面，以及 APS.NET MVC 與 jQuery 改寫的 [Web 存取 ] 介面Team Project 直接內建 Scrum 流程範本結合 PowerPoint 的 StoryBoarding結合工作項目的擱置集程式碼檢閱 ( 要求 / 回應 )分析程式碼複製品 (Code Clone)結合 PowerShell 的 InteillTrace離線原始檔控制探勘測試 (Test Manager 2012)FreeBack Client

全新的使用者介面，以及 APS.NET MVC與 jQuery 改寫的 [Web 存取 ] 介面

Team Project 直接內建 Scrum 流程範本

這裡的反覆項目指的是 Scrum 裡的一

個衝刺 Sprint

設定每一個衝刺 Sprint 所需要花的

時間查詢目前 Sprint ( 衝刺 ) 的待處理

項目

結合 PowerPoint 的 StoryBoarding有效與客戶溝通需求 PowerPoint StoryBoard ( 故事板 )

結合工作項目的擱置集擱置集的目的：

暫時解除暫止的變更，以繼續進行其他工作此時所做的原始程式檔修訂、簽入提示、註解不會產生變更集擱置集中的產出就稱作擱置集您也可以刪除擱置集擱置集中的變更可以在日後還原至您的工作區或其他使用者的工作區中當您將擱置集解除擱置時，只要修訂內容不與工作區中已經暫止的變更發生衝突， Team Foundation 就會將每個擱置的修訂還原至目的工作區成為暫止的變更

結合工作項目的擱置集 2

與原先的擱置集主要功能目的相同擱置集可結合工作項目( 程式碼檢閱 ) 發與其他 Team MamberVisual Studio 2012 Premium 以上才具備程式碼檢閱功能

結合工作項目的擱置集 3也可在網頁 (Web 存取 ) 中進行擱置集的程式碼檢閱工作

如何確保程式碼的品質 -CodeReview 、 Code Clone 、 IntelliTrace 、 Team Build

程式碼檢閱 ( 要求 / 回應 )

在開發過程中，隨時隨地多人進行程式碼檢閱 (Code Review) 抓 BUGVisual Studio 2012 可結合 Team Foundation 2012 ，以有流程的方式發出程式碼檢閱並指派多位檢閱者

情境一：當 Allan 於處理待處理項目， Gelis 決定封鎖他的 Bug 。 它位於 Allan 熟悉的區域，所以他建立工作以便修正錯誤 (bug) 並將它指派給自己。 這些決定立即開始修正工作。在開始處理新的 Bug 之前， Gelis 想確定他目前的工作位在佇列的小組伺服器的安全的位置下。 在 [ 我的工作 ] 頁面上， Peter 選取 [ 暫停 ]

情境一Allan 先不簽入手邊正在改的原始碼

1. 這時 Allan 可以開啟或執行新的工作項目2. 或追查 BUG

撰寫測試程式碼

情境一這時再由 Gelis 發出程式碼檢閱，並指定 wistronits 來檢閱

檢閱的過程中，檢閱者都可以對原始碼加入檢閱說明，與其他檢閱者

溝通意見。

點選原始碼，可查看

Allan 在這一次暫止的部分做了那

些修改。

離線原始檔控制新增了 [ 本機 ] 的 Workspace ，提供您離線編輯檔案

分析程式碼複製品 (Code Clone)

Visual Studio 2012 新增的演算法只要圈選某一塊程式碼，按右鍵選擇 [ 在方案中尋找相符的複製品 ] ， Visual Studio 即可在您的方案中找出相近的複製品

杜絕 (Copy and Paste)!!!

結合 PowerShell 的 InteillTrace

因為環境不同 (Testing／ Production) 是開發人員心中永遠的痛在 Server 的 PowerShell 中 執行 Import-Module '.\ Microsoft.VisualStudio.IntelliTrace.PowerShell.dll'

使用 Team Build 管理組件品質專案多人開發，必須確保所簽入的應用程式可通過編譯

注意：網頁版無法新增組建定義與管理組建定義。

檢視已佇列的組建組建定義中有設定『來源資料夾』的專案只要簽入即進入佇列

也可與測試專案整合，若失敗都可以在這個報表中查詢

FreeBack Client

微軟為了頃聽使用者心聲，而開發這套工具提供具備聲音、螢幕擷取畫面、錄影檔 的 FreeBack 工具

使用 Visual Studio 2012進行網站高效能的壓力測試

Web 網頁負載測試先建立 Web 效能和負載測試專案錄製一個 Web Test ( 使用 Web 錄製器 )在原本測試專案新增一個『負載測試』項目設定負載測試內容最大使用者負載數設定負載測試回合設定使用者的瀏覽器版本網路的連線條件欲收集的效能計數資訊等等

以 EmployeeWebApplication1為例Web Test = Test Case = Scenario = Flow (蒐集使用者操作 )透過精靈產生 Web Test + 測試的程式碼

產生測試原始碼為自動化測試的第一步，透過測試的原始碼便能方便我們在必要時偵錯測試過程。

Demo

為測試專案加入負載測試項目

設定負載測試的資料庫在 Visual Studio 2012 的負載測試中必須建立LoadTest2010 資料庫，才可進行負載測試與紀錄測試過程相關指標建立 LoadTest2010 資料庫的 Schema 檔案在C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\IDE\loadtestresultsrepository.sql

若您要自行建立資料庫要注意定序問題SQL_Latin1_General_CP1_CI_AS Chinese_Taiwan_Stroke_CI_AS

改為左邊的 Chinese_Taiwan

查看負載測試過程設定完『負載測試結果存放區』資料庫後便可點選『執行』

查看負載測試結果

進階使用 -搭配 Agent & Controller

單一機器負載測試精確度不佳透過測試代理 Test Agent 發出 Web Test Request一個 Test Controller 可對多個 Test AgentTest Controller 也會蒐集所有 Test Agent 的數據再將其寫入 LoadTest2010 的資料庫中

http://www.microsoft.com/visualstudio/cht/downloads

下載連結：

Demo

Microsoft Test Manager 2012 整合工作項目與管理Test Case 的利器

何謂 Microsoft Test Manager

軟體日益龐大Visual Studio 2008 Team System推出後，測試平台就已經趨於強大與完整現實的情況往往是工程師兼做測試應該要有專業的 Q&A小組或是測試工程師，或是由清楚需求的 SA 來進行測試但一個完整的測試其實應該包含整合、安全、壓力、容錯等測試，是需要完整的配套解決方案的測試的工作因為有許多屬重複性的工作，因此自動化測試也越顯的重要

解決方案就是…

微軟的 Test Manager 2012 有兩種用途：1. 測試中心 (Test Center)2.實驗室中心 (Lab Center)

Microsoft Test Manager 2012

使用 Test Manager 2012 建立測試計畫建立測試套件建立測試案例切換到測試頁籤點選執行

Demo

錄製畫面

若覺得有問題，也可以在這裡再發

出 Bug 工作

Demo

何謂探勘測試(Exploratory Test)

探勘測試 (Test Manager 2012)

延續 Test Manager 2010 的自動化 UI 測試探勘測試更可以將錄製的過程轉換為可重複執行的手動測試案例

將操作步驟建立為測試案例

Demo

Demo

實作系列將上一次的 MVC

Application 改為 MVC Mobile

Connect. Share. Discussshttp://www.microsoft.com/taiwan/techdays2012/

Microsoft Certification & Training Resources

http://www.microsoft.com/learning/zh/tw/

Resources for IT Professionalshttp://social.technet.microsoft.com/Forums/zh-tw/categories/

Resources for Developershttp://social.msdn.microsoft.com/Forums/zh-tw/categories/

Resources

Connect. Share. Discussshttp://www.microsoft.com/taiwan/techdays2012/

Microsoft Certification & Training Resources

http://www.microsoft.com/learning/zh/tw/

Resources for IT Professionalshttp://social.technet.microsoft.com/Forums/zh-tw/categories/

Resources for Developershttp://social.msdn.microsoft.com/Forums/zh-tw/categories/

Resources

Q&A