5. Windows 8
Metro style Apps Desktop Apps
View
XAML HTML / CSS
Controller
C C#
Model
JavaScript C
C++ VB HTML
JavaScript C++
WinRT APIs
System Services
Communication Graphics & Devices &
& Data Media Printing
Internet .
Application Model Explorer
Win32
Kernel
Windows Kernel Services
6. Windows Runtime (WinRT)
Metro style app Language
Support (CLR,
WinJS, CRT)
Language Projection
UI Pickers Controls Media
Web Host
(HTML, CSS,
Windows XAML Storage Network … JavaScript))
Metadata &
Namespace
Runtime
Windows Runtime Core
Broker
Windows Core
7. Metro style application APIs
User Interface
HTML5/CSS XAML DirectX Controls Data Binding
SVG Tiles Input Accessibility Printing
Devices Communications & Data
Geolocation Portable Sensors NFC Contracts Local & Cloud Storage Web
Notifications Streams
Media
Visual Background
XML Networking SMS
Playback Capture PlayTo Transfer
Effects
Fundamentals
Application
Threading/Timers Memory Management Authentication Cryptography Globalization
Services
10. .NET Framework 4.5
• Preinstalled in Windows 8
• Metro Style Apps are part of .NET 4.5
• No support for Windows XP
• In-place replacement for .NET 4.0
11. Language Support
• 29 apps in total
• In Dev Preview: C# XAML
5 apps
– 75% JS, C++
DirectX 2
– 17% C#, apps
– 8% C++ JS HTML
22 apps
15. In-box Controls for Metro Style Apps
Button Grid View Text Box Spell Checking Clear Button
16. Metro Principles
• Metro Style Design
• Fast and fluid
• Touch first
• Scale beautifully
• Support for multiple states
• Using the right contracts
• Live tiles
• Roaming to the cloud
Typography:Type is beautiful and can be functionalType’s placement builds visual hierarchyGenerally achieved with Segoe fontMotion:Consistent set of motions/animations brings the UI to lifeImprove perceived performanceContent:Your content is always the main focusBetter usage of space on both small and larger form factorsHonestyTouch firstHigh resolutionAuthentically DigitalStationary to ubiquitousDesktop PC:in one place with a clear start and finish timeSmartphone/tablet: anytime/anywhere (cloud),context-aware (aided by sensors like accelerometers, gyroscopes, and geolocators)Formal to casualDesktop PC:a formal start and finish time marked by booting up and shutting downSmartphone/tablet: instant-on/always-on (fast boot-up times),fills in-between moments like standing in line or watching TVArms-length to personalDesktop PC:literally an arms-length activitySmartphone/tablet: portable form factors,consumers keep close to their bodyAbstracted to physicalDesktop PC:mouse/keyboard paradigm relies on an abstracted interaction with contentSmartphone/tablet: touchscreensenable direct physical manipulation of contentCloud Integration-> Tight integration with Azure for seamless computing between devices-> Every app allocated small space in the cloud for settings-> Authentication through Cloud/Live
Typography:Type is beautiful and can be functionalType’s placement builds visual hierarchyGenerally achieved with Segoe fontMotion:Consistent set of motions/animations brings the UI to lifeImprove perceived performanceContent:Your content is always the main focusBetter usage of space on both small and larger form factorsHonestyTouch firstHigh resolutionAuthentically DigitalStationary to ubiquitousDesktop PC:in one place with a clear start and finish timeSmartphone/tablet: anytime/anywhere (cloud),context-aware (aided by sensors like accelerometers, gyroscopes, and geolocators)Formal to casualDesktop PC:a formal start and finish time marked by booting up and shutting downSmartphone/tablet: instant-on/always-on (fast boot-up times),fills in-between moments like standing in line or watching TVArms-length to personalDesktop PC:literally an arms-length activitySmartphone/tablet: portable form factors,consumers keep close to their bodyAbstracted to physicalDesktop PC:mouse/keyboard paradigm relies on an abstracted interaction with contentSmartphone/tablet: touchscreensenable direct physical manipulation of contentCloud Integration-> Tight integration with Azure for seamless computing between devices-> Every app allocated small space in the cloud for settings-> Authentication through Cloud/Live
