SlideShare a Scribd company logo
Laurent Duveau
Windows 8 Instructor
MVP / MCT / RD @laurentduveau Montreal
February 9th, 2013
ldex.ca
Windows Store
app development
Agenda
Tools
Controls
Orientations & display modes
Tiles & Notifications
Contracts (Search & Share)
Windows Store apps development
Tools
 Visual Studio 2012 + Expression Blend
 Get Blend with:
• Visual Studio Express for Windows 8
• Visual Studio Express for Windows Phone 8
 Requirements
• Windows 8, Windows Phone 8 SDK
Windows Store apps development
Controls
Combo box
Button
Check box
Progress bar
Password box
List box
Hyperlink
Progress ring
Radio button Slider
Viewbox
Presenting Data
Semantic Zoom
Commanding surfaces
Windows Store apps development
Devices
Different display sizes
Different resolution / DPIs
 As the resolution goes up, elements
become smaller.
Different resolution / DPIs
 When the DPI/PPI hits a certain
threshold, Windows scales all of the UI to
140% or 180% of the original size.
Assets:
Images/en-us/logo.scale-100.png
Images/en-us/logo.scale-140.png
Images/fr-fr/logo.png
Code:
Images/logo.png
Display modes
Orientation
Orientations and display modes
Windows Store apps development
Windows Store apps development
Windows Store apps development
Live tiles
Local, scheduled,
periodic and push
updates
Alive with activity without apps running
1. Issue direct updates, perhaps using queue,
scheduled, and expiring updates
2. Tell Windows a service URL where it can go to
obtain periodic updates
3. Obtain a Windows Push Notification Service (WNS)
channel and have a service send notifications to
that
These actions can happen from app code or
background tasks
There are three
ways an app
configures this
to happen
What makes an update?
 Choices:
Tile template catalog / toast template catalog
 Whoever issues an update builds the XML
• URIs for images can use http[s]://, ms-appx:///, or
ms-appdata:///local/
 Notifications Extensions Library provides
an object model
Reduces mistakes that cause updates to not show
Tiles, badges, and
toasts are bits of
XML that come
from predefined
templates (to
avoid chaos)
http://code.msdn.microsoft.com/windowsapps/app-tiles-and-badges-sample-5fc49148
Live Tiles
Toast templates
MSDN: The toast template catalog
http://msdn.microsoft.com/en-us/library/windows/apps/Hh761494
Windows Store apps development
Windows Store apps development
Windows Store apps development
Search Anatomy
1. Search box is scoped to
the main app screen
2. Query suggestions
provided by the main
app on screen
3. List of installed apps that
have implemented the
search contract
Search Anatomy
4. Result suggestions
provided by the main app
on screen
• Must include thumbnail and title
• Indicates a strong or exact
match
• Takes users directly to the
details of the result
Implementing Search
Windows Store apps development
Windows Store apps development
Windows Store apps development
Implementing Share Source
Windows Store apps development
Windows Store apps development

More Related Content

PPT
Grasping The LightSwitch Paradigm
PPTX
Working with visual basic applications
PDF
Visual Basic IDE Introduction
PPTX
Visual Basic Controls ppt
PPT
Onscreen marking: using the commenting tool
PPT
Microsoft Office 2003 Creating Macros
PDF
Visual basic 6 black book
PPTX
Windows Phone 7 Now
Grasping The LightSwitch Paradigm
Working with visual basic applications
Visual Basic IDE Introduction
Visual Basic Controls ppt
Onscreen marking: using the commenting tool
Microsoft Office 2003 Creating Macros
Visual basic 6 black book
Windows Phone 7 Now

What's hot (20)

PPT
visual basic v6 introduction
PDF
Windows und Windows Phone App Entwicklung (Daniel Meixner, DWX 2014)
PPT
Introduction to visual basic programming
PPTX
Launchers and choosers
PPT
Onscreen marking: getting the buttons onto the toolbar
PDF
Visual basic 6.0
PPT
Buttons In .net Visual Basic
PPT
Onscreen marking: using the marking tool
PDF
NonConformances
PPT
Vb basics
PPTX
Intro macros in Excel 2007
PDF
Visual Basic 6.0
PPT
Introduction to programming using Visual Basic 6
PPTX
Introduction To Excel 2007 Macros
PPTX
The ms visual basic 6
PPTX
Creating a Microsoft Excel Macro
PPT
Microsoft visual basic 6
PPTX
Developing windows 10 universal apps
PPT
Meaning Of VB
PPT
Using macros in microsoft excel part 1
visual basic v6 introduction
Windows und Windows Phone App Entwicklung (Daniel Meixner, DWX 2014)
Introduction to visual basic programming
Launchers and choosers
Onscreen marking: getting the buttons onto the toolbar
Visual basic 6.0
Buttons In .net Visual Basic
Onscreen marking: using the marking tool
NonConformances
Vb basics
Intro macros in Excel 2007
Visual Basic 6.0
Introduction to programming using Visual Basic 6
Introduction To Excel 2007 Macros
The ms visual basic 6
Creating a Microsoft Excel Macro
Microsoft visual basic 6
Developing windows 10 universal apps
Meaning Of VB
Using macros in microsoft excel part 1
Ad

Viewers also liked (7)

PDF
Windows 8: Live tiles, badges et notifications toasts [french]
PDF
Windows 8 [french]
PDF
Xamarin.Forms [french]
PPTX
Azure Data Factory, Mouvement de données hybride
PPTX
Introduction au Windows Store
PPTX
Introduction au Windows Store
PPTX
Building apps for WP8 and Win8
Windows 8: Live tiles, badges et notifications toasts [french]
Windows 8 [french]
Xamarin.Forms [french]
Azure Data Factory, Mouvement de données hybride
Introduction au Windows Store
Introduction au Windows Store
Building apps for WP8 and Win8
Ad

Similar to Windows Store apps development (20)

PPT
Titanium Meetup Deck
PPT
Ontimize Technical Description
PPTX
ESPC19 - Supercharge Your Teams Experience with Advanced Development Techniques
PPTX
Windows Phone Garage - Application Jumpstart
PPTX
Iasi 15 noiembrie 2009 Introduction to Windows Mobile programming
PPTX
Dev-In-Town: Windows 7 by Jabez Gan
PPTX
데브멘토 발표세미나
PPTX
2 Win7 For Devs Ux Touch Sensors
PPTX
Windows Phone and Windows 8 application development
PPTX
Ordina SOFTC Presentation - Building a WP7 app - Lessons learned
PPTX
Developing on Windows 8
PPTX
Review about earlier Windows O/S and new Windows 8
PPT
Native Mobile Application Using Open Source
PPT
OSCON Titanium Tutorial
PPT
Desktop Alert Lite 4.0 Presentation
DOCX
Sharanabasappa_Resume
PPTX
Windows Phone 7 Unleashed Session 1
PPTX
3 App Compat Win7
PDF
Develop for Windows Phone Mango and Windows 8: our Tips
PPTX
Training for New Users
Titanium Meetup Deck
Ontimize Technical Description
ESPC19 - Supercharge Your Teams Experience with Advanced Development Techniques
Windows Phone Garage - Application Jumpstart
Iasi 15 noiembrie 2009 Introduction to Windows Mobile programming
Dev-In-Town: Windows 7 by Jabez Gan
데브멘토 발표세미나
2 Win7 For Devs Ux Touch Sensors
Windows Phone and Windows 8 application development
Ordina SOFTC Presentation - Building a WP7 app - Lessons learned
Developing on Windows 8
Review about earlier Windows O/S and new Windows 8
Native Mobile Application Using Open Source
OSCON Titanium Tutorial
Desktop Alert Lite 4.0 Presentation
Sharanabasappa_Resume
Windows Phone 7 Unleashed Session 1
3 App Compat Win7
Develop for Windows Phone Mango and Windows 8: our Tips
Training for New Users

More from Laurent Duveau (20)

PDF
Shit happens… debugging an Angular app.
PDF
8 things you didn't know about the Angular Router, you won't believe #6!
PDF
De 0 à Angular en 1h30! (french)
PDF
Angular 6, CLI 6, Material 6 (french)
PDF
Angular Advanced Routing
PDF
Debugging an Angular App
PDF
TypeScript: Angular's Secret Weapon
PDF
Introduction to Angular for .NET Developers
PDF
TypeScript: Angular's Secret Weapon
PDF
Introduction to Angular for .NET Developers
PDF
Introduction to Angular for .NET Developers
PDF
Introduction to Angular with TypeScript for .NET Developers
PDF
Introduction to Angular for .NET Developers
PDF
Introduction à Angular 2
PDF
Angular 2... so can I use it now??
PPTX
ngconf 2016 (french)
PDF
Microsoft Edge pour les développeurs web
PDF
Microsoft Edge pour les développeurs web
PDF
Introduction to SPAs with AngularJS
PDF
Back from Xamarin Evolve 2014
Shit happens… debugging an Angular app.
8 things you didn't know about the Angular Router, you won't believe #6!
De 0 à Angular en 1h30! (french)
Angular 6, CLI 6, Material 6 (french)
Angular Advanced Routing
Debugging an Angular App
TypeScript: Angular's Secret Weapon
Introduction to Angular for .NET Developers
TypeScript: Angular's Secret Weapon
Introduction to Angular for .NET Developers
Introduction to Angular for .NET Developers
Introduction to Angular with TypeScript for .NET Developers
Introduction to Angular for .NET Developers
Introduction à Angular 2
Angular 2... so can I use it now??
ngconf 2016 (french)
Microsoft Edge pour les développeurs web
Microsoft Edge pour les développeurs web
Introduction to SPAs with AngularJS
Back from Xamarin Evolve 2014

Recently uploaded (20)

PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PPT
Teaching material agriculture food technology
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PPTX
Machine Learning_overview_presentation.pptx
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Approach and Philosophy of On baking technology
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PPTX
MYSQL Presentation for SQL database connectivity
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
Spectroscopy.pptx food analysis technology
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Unlocking AI with Model Context Protocol (MCP)
The Rise and Fall of 3GPP – Time for a Sabbatical?
MIND Revenue Release Quarter 2 2025 Press Release
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Teaching material agriculture food technology
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Diabetes mellitus diagnosis method based random forest with bat algorithm
“AI and Expert System Decision Support & Business Intelligence Systems”
Machine Learning_overview_presentation.pptx
Chapter 3 Spatial Domain Image Processing.pdf
Approach and Philosophy of On baking technology
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
MYSQL Presentation for SQL database connectivity
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Advanced methodologies resolving dimensionality complications for autism neur...
Spectroscopy.pptx food analysis technology
Per capita expenditure prediction using model stacking based on satellite ima...
Review of recent advances in non-invasive hemoglobin estimation
Building Integrated photovoltaic BIPV_UPV.pdf
Unlocking AI with Model Context Protocol (MCP)

Windows Store apps development

  • 1. Laurent Duveau Windows 8 Instructor MVP / MCT / RD @laurentduveau Montreal February 9th, 2013 ldex.ca Windows Store app development
  • 2. Agenda Tools Controls Orientations & display modes Tiles & Notifications Contracts (Search & Share)
  • 4. Tools  Visual Studio 2012 + Expression Blend  Get Blend with: • Visual Studio Express for Windows 8 • Visual Studio Express for Windows Phone 8  Requirements • Windows 8, Windows Phone 8 SDK
  • 6. Controls Combo box Button Check box Progress bar Password box List box Hyperlink Progress ring Radio button Slider Viewbox
  • 13. Different resolution / DPIs  As the resolution goes up, elements become smaller.
  • 14. Different resolution / DPIs  When the DPI/PPI hits a certain threshold, Windows scales all of the UI to 140% or 180% of the original size. Assets: Images/en-us/logo.scale-100.png Images/en-us/logo.scale-140.png Images/fr-fr/logo.png Code: Images/logo.png
  • 22. Alive with activity without apps running 1. Issue direct updates, perhaps using queue, scheduled, and expiring updates 2. Tell Windows a service URL where it can go to obtain periodic updates 3. Obtain a Windows Push Notification Service (WNS) channel and have a service send notifications to that These actions can happen from app code or background tasks There are three ways an app configures this to happen
  • 23. What makes an update?  Choices: Tile template catalog / toast template catalog  Whoever issues an update builds the XML • URIs for images can use http[s]://, ms-appx:///, or ms-appdata:///local/  Notifications Extensions Library provides an object model Reduces mistakes that cause updates to not show Tiles, badges, and toasts are bits of XML that come from predefined templates (to avoid chaos) http://code.msdn.microsoft.com/windowsapps/app-tiles-and-badges-sample-5fc49148
  • 25. Toast templates MSDN: The toast template catalog http://msdn.microsoft.com/en-us/library/windows/apps/Hh761494
  • 29. Search Anatomy 1. Search box is scoped to the main app screen 2. Query suggestions provided by the main app on screen 3. List of installed apps that have implemented the search contract
  • 30. Search Anatomy 4. Result suggestions provided by the main app on screen • Must include thumbnail and title • Indicates a strong or exact match • Takes users directly to the details of the result

Editor's Notes

  • #5: Blend no more a standalone tool Jan 2013: Visual Studio 2012 Update 2 CTP 2 with Blend (Win8, WP8, WPF, SL)
  • #6: Créer projet Windows Store app de type Grid
  • #11: Semantic Zoom
  • #18: 2. Snap View 3. Orientation