TechDays 2013隨堂筆記0924

TechDays 2013來了，又到了有為中年化身勤奮學員，努力聽課抄筆記的時刻。一如往例，隨堂筆記不求完整通順，旨在保留重要關鍵字備忘並供日後爬文研究，順手分享大家參考。

【Keynotes】

• 在企業環境追求行動裝置二合一: 平板加鍵盤變筆電，差不多是Surface + Win8的概念。(個人看法: 輕量級電腦使用者有機會適用，但重度使用者[指用電腦幹粗活兒的黑手]仍得靠桌機維生)
• 冒出一個Micro Love CIO - 宋少卿(大驚!)，原來是MS Solution情境劇
• Win8.1在企業的應用。亮點: 開始鍵(可以在桌面模式帶出應用程式清單，可排序或搜尋，但仍非傳統式資料夾結構)、一開機可以直入桌面模式、可重裝OS但保留個人檔案、BitLocker全磁碟加密(陳冠希也說讚) 、AppLocker(限制可安裝App清單)、為不同部門設定專屬開始畫面、平板電腦登錄取得企業內存取權限、圖片手勢密碼輸入、Assigned Access(某個帳號登入後只能使用某個App)
• App Demo: 泡沫紅茶店POS、3D引擎模型、百貨公司樓管工具
• Lync行動分機: 只要有Internet，分機可以跟著平板或手機四處遊移。所以，可以在長灘島接公司分機談公事哦~ (好可怕) Lync視訊會議支援Powerpoint分享、視訊對談。也可以與Skype IM互通交談。
• Lync Client支援Android、iOS [看到小工具: Android Screen Monitor，在PC顯示Android畫面]
• Office 365 / SkyDrive: 文件資料夾分享給特定對象、支援拖拉檔案上傳操作
• Exchange Online線上服務: 信箱容量50GB、偵測文件有個資阻止寄出
• 敏捷開發: 情境，委外團隊的Source Control。雲端TFS，支援需求管理、Iteration面板、Intellitrace記錄正式環境的錯誤細節、將程式執行歷程圖形化顯示(CodeMap/資料流處理視訊)、BrowserLink(在瀏覽器上點選元素，自動捲到對應的ASP.NET端元素)、一次叫出各種瀏覽器進行檢視、Team Foundation Service(雲端版可產生20萬個Client的壓力測試，Preview階段免費!)
• 維運管理: Scenario - 大量機器，實體機器虛擬機器交雜、Windows/Linux/NET/Java/SQL/Oracle、Azure。產品 – System Cener Operations Manager，SCOM。
• Windows Azure – 快速增加機器、Autoscaling(依流量自動增減機器數量)、Service Management Portal(Azure Pack)用Azure相同介面管理公司私有雲
• BI - 支援HDFS、從FB粉絲團取得文章、按讚次數、讀者性別資料進行分析
• SQL Server 2014記憶體資料庫、AMR Tool(分析哪些資料適合放入記憶體)

Modern ALM by Visual Studio & TFS 2013 by Franma

• 推行軟體工程工具常見難題: 管理者與開發者的觀點往往對立，要取得二者共識才會真心接納
• 要訣: 減少對開發者工作方法的改變(否則上有政策，下有對策)
• 組織愈大，衝突愈多，但小團隊有小團隊的痛。團隊無論大小都需要流程，惟掌控重點不同
• Plan(Project Management/Dashboard on TFS) –> Develop/Test(Load Test by TFS & Azure) –> Release(InRelease自動化部署) –> Operate(SCOM)
• 微軟正在縮小Delivery Cycle: 改版頻率 TFS2008 10-12wks, TFS2010 6wks, TFS2012 3wks
• 開發者認領工作，成為進行中的工作，簽入的程式碼再與其相關
• TFS提供Web化指標Dashboard(Metro Style)及管理介面
• 待處理項目: 功能(Function)、使用者劇本(User Story)。功能或劇本可以再加上Tag(標記)，查詢時可使用Tag作為條件。
• 工作階段: 新增、作用中、已解決、已關閉，每個功能或劇本都會歸屬於某個階段，各階段可設定WIP限制(Work In Process，例如: 測試團隊同一時間只能承載三項工作)
• 當工作量一大就卡在特定人員身上 --> 用WIP限制來管控，避免某人操爆、其他人Idle，總體效能下降
• 一個Team Project可以有多個燃盡圖嗎? --> 同一個Project分成兩個Team，可針對不同Team進行分析
• 管理權限下放給相關負責人，Souce Control也可做細部設定
• 自動產生報表，避免Paper Work侵蝕工時
• 導入工具最大的管理意義: 讓問題透明化，被突顯出來。(如果有必要做內外帳也情有可原，但是別省略內帳，才不會失去工具的精神)
• 同一個Team Explorer可以並存TFS SCC Provider及GIT SCC Provider，即使用GIT做版控，仍可搭配TFS的其他管理功能。
• 聊天室功能 <== 可將原本散在LINE、Skype中的討論納入正式記錄
• 用Web介面為程式碼中加入具名註解，其他人可回覆該筆註解進行討論
• CodeMap偵錯工具，視覺化呈現Callstack+執行歷程，可針對線上環境蒐集的Intellisense Log繪製圖表。
• Code Lens - 程式碼關聯，直接顯示變更集、工作項目、測試記錄
• Alt-F12 – 另開視窗看Go Definition的程式碼，避免跳來跳去迷失方向
• Memory Dump Analyzer - 找出Memory Leak瓶頸 (Process Dumper產生傾印檔，直接用VS開啟檢視)
• 手動測試: 提供Web版的Test項目，可在網頁勾選成功失敗，貼圖填寫產生Bug單
• Test Manager: 記錄操作過程，側錄動作及區部圖塊，附在Bug單方便其他人了解或重現錯誤。
• InRelease: 自動化建置，提供OP Team過版上線的專屬工具

Visual Studo測試功能介紹 by 王寧疆

• 測試目的: 提高客戶滿意度、單元測試有助於早期發現降低修正成本、提高開發速度、與Refactoring結合
• 黑箱測試: (假設不了解程式碼寫法)
  自動程式碼UI測試、MS Test Manager
• 白箱測試: 正確/不正確輸入都要測到
  單元測試/程式碼涵蓋範圍分析、程式碼度量
• Demo: 建立測試專案，在[TestMethod]上按右鍵執行測試，由燈號檢視結果(綠-成功、紅-失敗、黃-忽略)
• 常用Attribute:
  TestClass、TestMethod、Ignore、ExpectedException(指定例外型別，沒例外反而算測試失敗)、AssemblyInitialize/AsseblyCleanup、ClassInitialize/ClassCleanup、TestIntitialize/TestCleanup、Timeout(1000)
• 涵蓋度報告(Team Explorer在測試上按右鍵產生): 確保該測的都有測到，但是涵蓋100%並不保證沒問題，例如: 未考慮分母為0。涵蓋度報告可在程式碼加底色方便看出哪些有被跑到、哪些沒有。
• Cyclomatic complexity – 循環複雜度(條件式產生的複雜度)，兩個if then else = 2 * 2 = 循環複雜度為4，透過程式碼度量可檢測。
• VS2013新功能: Support Win Store App單元測試、自動組建時進行單元測試、CodeLens(直接在Method上標示被引用狀況、測試記錄、作者、變更集)
• 單元測試進階:
  • 已排序測試: 一旦失敗，後面的測試就不用做
  • 偵測測試: 一邊測試一邊Line by Line Debug
  • 剖析測試: 一邊測試一分析CPU、Memory使用率
• 【插花】大會堂的冷氣溫度恰到好處，座位軟硬適中，加上爾有鼾聲突擊，是周公所安排，最險峻的BOSS級試鍊場!
• 自動程式UI測試: 限XAML WinStore App(可錄下手勢、觸控位置，但不支援WinJS)、網頁測試限IE11
  新增Coded UI Test Project，錄製操作過程可以拉出瞄準器，顯示屬性視窗，加上檢測條件(Very Very Cool!!)
• 資料驅動測試: 由外界帶大量測試資料，減少測試的痛苦指數，用DataSource Attribute。
  Demo 將資料放在Excel -> [DataSource("System.Data.OldeDb", @"Provider….")]
  TextContext.DataRow["Col1"]
• FakeFramework – 克服測試需要外部資源(File、DB、SPS...)、未完成功能才能進行的困難(since VS2012，好物!!)
  Shim組件(取代.NET組件)、Stub組件(未完成組件)、Stub服務、Stub資料庫
  例如: 你怎麼測DateTime.Now等於某一天? 土法鍊鋼: 改系統時間，測完再改回來
  在測試專案中【加入Fakes組件】加入System.4.0.0.0.Fakes
  using (ShimsContext.Create()) { ShimDateTime.NowGet = () => new DateTime(2013,9,26); TestBlah(); }
• 程式碼分析: Microsoft安全性規則 -> 可偵測SQL Injection漏洞，報表中的弱點項目可直接轉為WorkItem
• 分析傾印檔案: 先中斷，執行"偵錯/另存傾印檔"，比較兩次Dump檔，找出二者記憶體用量、物件個數的變化。Demo範例，一個物件註冊EventHandler卻未釋放導致MemoryLeak
• Azure雲端: 從雲端進行壓力測試，依使用量付費，可模擬極其壯觀的情境!!

F2E for Enterprise by 啊嗚 josephj

• 完整投影片 
• 為什麼企業需要Front End Engineer(F2E)?
• Joseph F2E工程師資歷8年 Yahoo 4yr, D-Link 4yr, Faria Systems since 2013.6 SaaS
  (編註: 除了熱心於F2E傳教，Joseph的另一項驚人事蹟是跑步環島，他的熱血量至少有一萬加崙吧!)
• 前端的範圍: HTML、CSS、Javascript、安全、效能、跨瀏覽器...
• 傳統網站開發: Boss-Driven-Development，老闆提出網站構想，單兵開發者把全部東西生出來(DB+Server+Service+Client，"全端工程師"來著)
• 1998網頁標準開始形成~~ HTML、CSS、JavaScript分工明確，HTML Tag不應摻雜style='…' onclick='…'
• 2001 Yahoo設立F2E職位 2004 台灣雅虎出現第一位F2E
• 視覺設計 只產出PSD、後端工程 只管Model、Server端的程式
  HTML、JavaScript、CSS、網頁效能、跨瀏覽器全部交給前端工程
  把PSD轉成網頁，看起來一模一樣，但背後血淚斑斑
• 2005 Yahoo F2E 2人->600人，足證F2E趨勢
• 2007 HK Asia F2E Training
• 前端成為顯學: 各種Framework、程式庫、中介語言輩出: TDD 測試框架Jasmine、HAML、CoffeeScript...、前端社群如雨後春筍出現、JSDC.tw 2012(報到率超過9成)
• 企業的前端需求: 像FB一樣的互動性、支援iPhone/Android… 未來將成基本要求
• 前端對企業的重要助益: Services to Devices。跨瀏覽器是前端的基本功! 用網頁技術開發App，節省開發者寶貴的青春，但有其限制。
  * PhoneGap提供存取Device API
  * titanium 用JS寫，Build成Native Binary
  * Firefox OS，OS本身就是瀏覽器，少掉多了中間層損失的效能
• 2004 Mainframe幾乎消失，2012 類似Mainframe概念的SaaS再度掘起。例如: 雲端會計系統，每個月花$29(約台幣1000)，公司就有會計系統可用，甚至連會計師都不用請。(國內因法規限制較不易實現)
• Faria Systems自己也用別人的SaaS: Highrise, Basecamp, HipChat, CODE Climate, github, New Relic, logentries(使用者錯誤回報蒐集), AirBrake, CODESHIP。雖然企業內部也可自行開發，但不符經濟效率，且品質功能必有差距，必要時還是該閃開讓專業的來。
• Xero 美麗的線上會計系統  Close.io 新潮的CRM介面
• 前端工程帶來的改變:
  * 工程師喜歡邏輯、資料，不在意UI
  * 設計師喜歡呈現，不在意方法(不會程式)
  F2E能完美結合二者，形成更好的分工，讓員工專注在自己喜愛的工作上，不要逼搞資料的工程師去學會UI。
• Bootstrap -- 找不到前端的強者，也能刻出足堪入目的UI
• 前端絕非"比較簡單"，開發偵錯工具較不成熟、環境變化較大、要考慮效能/安全，而技術翻新的速度非常快... 代誌不像憨人想得哈尼甘單~
• http://f2eclass.com 前端課程分享(稍舊，2005)