1. Windows 8 Hot or Not Piotr Włodek

2. Agenda MetroCharms Contracts WinRT App Execution Environment Motion Summary

3. Metro UI

4. Metro Design

5. Typography Motion Content not Chrome

6. Photoshop METRO’ified

7. WIN 8 LOOK’N’FEEL

8. Application layout Display orientation –Landscape –Portrait –Flipped Application layout –Fullscreen –Fill –Snapped

9. Application layout Fullscreen view (100 %)

10. Application layout Snapped view (25 %) Fill view (75 %)

11. Tile notification (live tiles) –Square or wide –Badge (number or glypth) Notification

12. Toast notification –Standard toast, 7 sec (e-mail, IM, social media) –Long duration toast, 30 sec (person waiting) Notification

13. Push notification –Windows Push Notification Services (WNS) Notification

14. Windows Charms Search Share Start Devices Settings

15. Contracts Web of Applications –Sharing Contract –Picker Contract –Search Contract –More!

16. What is Windows Runtime ? OO API for writing Metro style applications Written in native C++ Tuned for performance Supports type reflection through metadata Supports many languages though projections Part of Windows, build each time OS is compiled

17. Windows Runtime

18. Language Support 29 apps in total In Dev Preview: –75% JS, –17% C#, –8% C++

19. Is.NET dead ?

20. .NET Framework 4.5 Preinstalled in Windows 8 No support for Windows XP WPF 4.5 –Ribbon out of the box –Binding to static properties –Collections on non-UI thread –Async validation (INotifyDataErrorInfo) –Huge VirtualizingStackPanel perf improvements

21. WinRT vs Silverlight SL5 WinRT 4396 1582 607 Type comparison

22. WinRT vs Silverlight SL5 WinRT 10375 651 Member compariso n 4222

23. .NET Metro Profile Subset of Client Profile No Remoting No System.Data No System.Web No server side WCF No private reflection, no Emit Some API only in async version

24. DEMO – METRO IN C++

25. What is included in WinRT ?

26. Windows::UI Comparable set to Silverlight Lots of new controls : –WebView –MediaElement –MediaPlayer –GridView –FlipView –AppBar

27. Windows::UI:Input Gone –Mouse events –Touch events –Stylus events Still There –Keyboard events –Manipulation events New –Pointer events –Tap, DoubleTab, RightTap

28. Windows::UI::Media::Animations::Transition Transitions for UIElement, Panel, ContentControl, and ItemsControl –Entrance Transition –Reposition Transition –Reorder Transition –AddDelete Transitions –Content Transitions

29. Windows::Storage::Picker s 2 types of pickers: –File Picker –Folder Picker Your app can show its content in either of these pickers

30. DEMO – METRO IN C#

31. Custom WinRT objects Share objects across all languages Languages –C++/CX : speed –C#/VB : Ease of use Restrictions apply –Sealed classes –Exposed through an interface –Public API can only expose primitive types and WinRT objects

32. DEMO – WINRT OBJECT IN C#

33. Application Execution Environment App.exe WinR T APIs OS Direct API calls Broker Brokered API calls Your App App Container + Signed & verified code

34. Process state transition Running App Suspended App Suspending Resuming Terminated App Low resources

35. What is not supported ? No { DynamicResource } Poor WritableBitmap Poor data binding No default implementation for IObservableVector 2 manifestations of INPC No overlapping windows (no MessageBox)

36. Common pitfals Code behind namespaces XAML namespaces DP Custom controls and styles ObservableCollection xmlns:views=”using:My.Custom.Views”

37. Getting Windows 8 DP Windows 8 Developer Preview with developer tools English, 64-bit (x64) –4.8 GB – DVD dual layer or pendrive 8GB –VS 2011 Express –Blend 5 Preview (Works only with HTML5/CSS) Windows 8 Developer Preview English, 64-bit Windows 8 Developer Preview English, 32-bit Visual Studio 2011 Ultimate Dev Prev

38. Reference MSDN Metro Guide: –http://msdn.microsoft.com/en-us/windows/appshttp://msdn.microsoft.com/en-us/windows/apps Building Windows 8 Blog: –http://blogs.msdn.com/b/b8/http://blogs.msdn.com/b/b8/ BUILD Videos: –http://www.buildwindows.com/http://www.buildwindows.com/ WinRT Transitions –http://bit.ly/vZU4fdhttp://bit.ly/vZU4fd WinRT vs SL5 comparison –http://bit.ly/spEtNEhttp://bit.ly/spEtNE

39. Piotr Włodek  mail:piotr.wlodek@gmail.com  blog: http://pwlodek.blogspot.com  twitter:@pwlodek