SlideShare a Scribd company logo
Developer Conference 2011
    MICROSOFT USER GROUP KOLKATA
Building your first Metro
Style Application
Abhishek Sur, Microsoft MVP
         Website: www.abhisheksur.com
         Email : contact@abhisheksur.com
         Twitter : @abhi2434
Agenda
 Introduction
 Convention & Rules
 Features
 Application Manifest
 Application Life Cycle
 Packaging & Deployment
Windows 8 Platforms and Tools
         Metro Style Applications                    Desktop Applications

        XAML
                               Javascript, CSS
                                   HTML
    C, C++ / C#, VB
                                                       Normal Desktop
                                                        Applications
 Communication        Graphics &   Devices &
   and Data             Media       Printing         Win 32 Native Apps


            Application Model


                           Windows Kernel Services
Why Metro Application
 Metro Style application are full screen, device ready,
  touch interactive applications.
 They are more alive & truly designed for multi tasking
 Supports fluid layout, so content flows freely and adapts
  to available space.
 Application Store
Conventions and Rules
 Everything should be in background. UI threads must be
  responsive.
 Layout needs to support Snapping.
  (FullScreen, Fillled, Snapped)
 UI elements should follow standardization. (Application
  Bar, Charms etc.)
 Packaging and Deployment is recommended to be done
  via App Store
Video
FEATURES
Live Tiles
 Tiles are like Icons.
 They provide facility to update tile content even when the
  application is not running
 Tiles are bigger than Icon and helps you easily Tap using
  Thumb.
 Size of Tile can be made Small or Big based on content
  you want.
Chirms
 Each application is provided with Chirms.
 Chirms are special tools that allows an application to
  interact with the environment.
 Chirms allows you to navigate to different settings
  (Search, Share, Settings etc.)
• Windows+F – Opens File Search
• Windows+C – Opens Charms Bar
• Windows+I – Opens Settings
• Windows+Q – Opens App Search pane
• Windows+W – Opens Settings Search app
• Windows+Z – Opens App Bar
Application Bar
 Provides standard set of Icons in form of a Application
  Toolbar.
 ApplicationBar generally applied on top or bottom of the
  application.
 Shortcut for Application Bar is : Win + Z
 Application Bar provides standard access to activities
  required for an application
Layout & Convensions
WORKING WITH APPLICATION
MANIFEST
Capabilities
 Windows 8 runs in constraint environment
 Capabilities define what the application is capable of.
 Some capabilities are treated as sensitive and hence
  depends on User preference.
 User has flexibility to switch on / off.
Declarations
 General declarations on which the application can
  participate.
 Example : File Type association, Global
  search, Background Tasks etc.
Capabilities
Application Life Cycle
 Windows Metro application does not need to be stopped
  by the User.
 Application must Detect Suspension, Termination or
  Resumption.
 Application automatically gets to suspended mode after
  5 seconds.
 Application gets terminated when it is not used for a long
  time
Debugging in VS
 Visual Studio debugger
  never suspend an
  application.
 Visual Studio has special
  menu which lets you Debug
  Suspension and
  Resumption of the
  application.
Application Life Cycle
Manageent
Packaging And deployment
 Application Store
 Packaged using digital signature
 Zip content with XAML in plain text.
 Debug symbol files.
 VS generates additional files for local deployment
Package includes
 Compiled Code & Custom dlls (if any)
 XAML (not compiled)
 Resources
 Manifest
 Digital signature
Packaging Demo
References
• http://tinyurl.com/devconkol1
• http://tinyurl.com/devconkol2
• http://tinyurl.com/devconkol3
Thank you
Building Windows8 Metro Applications

More Related Content

PPT
Android ppt
PDF
Mobile application development
PPT
Windows Phone7 Development
PPTX
PPT
Microsoft Windows Phone 7 Platform [IndicThreads Mobile Application Developm...
PPTX
Shape 2013 developing multi targeting windows store and windows phone apps
PPTX
Android Web app
PDF
MOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARI
Android ppt
Mobile application development
Windows Phone7 Development
Microsoft Windows Phone 7 Platform [IndicThreads Mobile Application Developm...
Shape 2013 developing multi targeting windows store and windows phone apps
Android Web app
MOBILE APPLICATIONS DEVELOPMENT -ANDROID BY SIVASANKARI

What's hot (18)

ODP
Custom Android App Development – Web Animation India
PPT
Олександр Кучеренко “Основні інструменти розробки під Android”
PPTX
History of silverlight versions and its features
PPTX
Know all about android development
PPT
On Mobile- Product Strategy
PPT
Wpf architecture
PDF
Live Streaming Application Development
PPT
History of silverlight versions and its features
PPTX
22 universal apps for windows
PPTX
An Introduction to Universal Windows Apps
PPS
Android app development India
PDF
Introduction to Android Programming by Dr.M.Pyingkodi-kongu engineering c...
PDF
Android Design Architecture
PPTX
Introduction to Android Programming
PPT
Mobility
PPTX
18 windows phone 8.1 for the enterprise developer
PPTX
Android Synopsis
PDF
Introduction to android
Custom Android App Development – Web Animation India
Олександр Кучеренко “Основні інструменти розробки під Android”
History of silverlight versions and its features
Know all about android development
On Mobile- Product Strategy
Wpf architecture
Live Streaming Application Development
History of silverlight versions and its features
22 universal apps for windows
An Introduction to Universal Windows Apps
Android app development India
Introduction to Android Programming by Dr.M.Pyingkodi-kongu engineering c...
Android Design Architecture
Introduction to Android Programming
Mobility
18 windows phone 8.1 for the enterprise developer
Android Synopsis
Introduction to android
Ad

Similar to Building Windows8 Metro Applications (20)

PPTX
PPTX
Windows 8
PPTX
Windows 8 DevUnleashed - Session 1
PDF
A Complete guide of Windows 8 with its application
PPTX
Presentation - Windows app development - I - Mr. Chandan Gupta
PPTX
Metro Style Apps - Whats there for Developers
PPTX
Introduction to Windows 8 Development
PDF
Windows 8 product guide developer english
PPTX
Development Application for Windows 8 by Eugene Kiriyan
PPTX
Windows phone app development overview
PDF
Essential Windows Phone 75 Application Development With Silverlight 1st Editi...
PPTX
Windows apps
PPTX
Windows Phone Application development
PPTX
A Developer's View of Windows 8
PDF
Getting Started with Windows 8 Apps A Guide to the Windows Runtime 1st Editio...
PDF
QBS Visual Studio 2012 and modern windows apps
PDF
Windows 8: Touchable, Portable and Compatible
PDF
Windows Developer Preview - Windows 8 Guide
PPTX
Welcome to windows 8
PPTX
Window 8
Windows 8
Windows 8 DevUnleashed - Session 1
A Complete guide of Windows 8 with its application
Presentation - Windows app development - I - Mr. Chandan Gupta
Metro Style Apps - Whats there for Developers
Introduction to Windows 8 Development
Windows 8 product guide developer english
Development Application for Windows 8 by Eugene Kiriyan
Windows phone app development overview
Essential Windows Phone 75 Application Development With Silverlight 1st Editi...
Windows apps
Windows Phone Application development
A Developer's View of Windows 8
Getting Started with Windows 8 Apps A Guide to the Windows Runtime 1st Editio...
QBS Visual Studio 2012 and modern windows apps
Windows 8: Touchable, Portable and Compatible
Windows Developer Preview - Windows 8 Guide
Welcome to windows 8
Window 8
Ad

More from Abhishek Sur (20)

PPTX
Azure servicefabric
PPT
Building a bot with an intent
PPTX
Code review
PPTX
C# 7.0 Hacks and Features
PPTX
Angular JS, A dive to concepts
PPTX
Stream Analytics Service in Azure
PPTX
Designing azure compute and storage infrastructure
PPTX
Working with Azure Resource Manager Templates
PPTX
F12 debugging in Ms edge
PPTX
Mobile Services for Windows Azure
PPTX
Service bus to build Bridges
PPTX
Windows azure pack overview
PPTX
AMicrosoft azure hyper v recovery manager overview
PPTX
Di api di server b1 ws
PPTX
Integrating cortana with wp8 app
PPTX
Asp.net performance
PPTX
Introduction to XAML and its features
PPTX
SQL Server2012 Enhancements
PPTX
Dev days Visual Studio 2012 Enhancements
PPTX
Hidden Facts of .NET Language Gems
Azure servicefabric
Building a bot with an intent
Code review
C# 7.0 Hacks and Features
Angular JS, A dive to concepts
Stream Analytics Service in Azure
Designing azure compute and storage infrastructure
Working with Azure Resource Manager Templates
F12 debugging in Ms edge
Mobile Services for Windows Azure
Service bus to build Bridges
Windows azure pack overview
AMicrosoft azure hyper v recovery manager overview
Di api di server b1 ws
Integrating cortana with wp8 app
Asp.net performance
Introduction to XAML and its features
SQL Server2012 Enhancements
Dev days Visual Studio 2012 Enhancements
Hidden Facts of .NET Language Gems

Recently uploaded (20)

PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PPTX
MYSQL Presentation for SQL database connectivity
PPTX
Cloud computing and distributed systems.
PDF
Approach and Philosophy of On baking technology
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
Advanced Soft Computing BINUS July 2025.pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Electronic commerce courselecture one. Pdf
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
GamePlan Trading System Review: Professional Trader's Honest Take
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
[발표본] 너의 과제는 클라우드에 있어_KTDS_김동현_20250524.pdf
PPTX
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Spectral efficient network and resource selection model in 5G networks
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
MYSQL Presentation for SQL database connectivity
Cloud computing and distributed systems.
Approach and Philosophy of On baking technology
Diabetes mellitus diagnosis method based random forest with bat algorithm
NewMind AI Monthly Chronicles - July 2025
Advanced Soft Computing BINUS July 2025.pdf
Per capita expenditure prediction using model stacking based on satellite ima...
Understanding_Digital_Forensics_Presentation.pptx
20250228 LYD VKU AI Blended-Learning.pptx
Electronic commerce courselecture one. Pdf
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
“AI and Expert System Decision Support & Business Intelligence Systems”
GamePlan Trading System Review: Professional Trader's Honest Take
Advanced methodologies resolving dimensionality complications for autism neur...
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
[발표본] 너의 과제는 클라우드에 있어_KTDS_김동현_20250524.pdf
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....

Building Windows8 Metro Applications

  • 1. Developer Conference 2011 MICROSOFT USER GROUP KOLKATA
  • 2. Building your first Metro Style Application Abhishek Sur, Microsoft MVP Website: www.abhisheksur.com Email : contact@abhisheksur.com Twitter : @abhi2434
  • 3. Agenda  Introduction  Convention & Rules  Features  Application Manifest  Application Life Cycle  Packaging & Deployment
  • 4. Windows 8 Platforms and Tools Metro Style Applications Desktop Applications XAML Javascript, CSS HTML C, C++ / C#, VB Normal Desktop Applications Communication Graphics & Devices & and Data Media Printing Win 32 Native Apps Application Model Windows Kernel Services
  • 5. Why Metro Application  Metro Style application are full screen, device ready, touch interactive applications.  They are more alive & truly designed for multi tasking  Supports fluid layout, so content flows freely and adapts to available space.  Application Store
  • 6. Conventions and Rules  Everything should be in background. UI threads must be responsive.  Layout needs to support Snapping. (FullScreen, Fillled, Snapped)  UI elements should follow standardization. (Application Bar, Charms etc.)  Packaging and Deployment is recommended to be done via App Store
  • 9. Live Tiles  Tiles are like Icons.  They provide facility to update tile content even when the application is not running  Tiles are bigger than Icon and helps you easily Tap using Thumb.  Size of Tile can be made Small or Big based on content you want.
  • 10. Chirms  Each application is provided with Chirms.  Chirms are special tools that allows an application to interact with the environment.  Chirms allows you to navigate to different settings (Search, Share, Settings etc.) • Windows+F – Opens File Search • Windows+C – Opens Charms Bar • Windows+I – Opens Settings • Windows+Q – Opens App Search pane • Windows+W – Opens Settings Search app • Windows+Z – Opens App Bar
  • 11. Application Bar  Provides standard set of Icons in form of a Application Toolbar.  ApplicationBar generally applied on top or bottom of the application.  Shortcut for Application Bar is : Win + Z  Application Bar provides standard access to activities required for an application
  • 14. Capabilities  Windows 8 runs in constraint environment  Capabilities define what the application is capable of.  Some capabilities are treated as sensitive and hence depends on User preference.  User has flexibility to switch on / off.
  • 15. Declarations  General declarations on which the application can participate.  Example : File Type association, Global search, Background Tasks etc.
  • 17. Application Life Cycle  Windows Metro application does not need to be stopped by the User.  Application must Detect Suspension, Termination or Resumption.  Application automatically gets to suspended mode after 5 seconds.  Application gets terminated when it is not used for a long time
  • 18. Debugging in VS  Visual Studio debugger never suspend an application.  Visual Studio has special menu which lets you Debug Suspension and Resumption of the application.
  • 20. Packaging And deployment  Application Store  Packaged using digital signature  Zip content with XAML in plain text.  Debug symbol files.  VS generates additional files for local deployment
  • 21. Package includes  Compiled Code & Custom dlls (if any)  XAML (not compiled)  Resources  Manifest  Digital signature

Editor's Notes

  • #8: http://www.youtube.com/watch?v=p92QfWOw88I