SlideShare una empresa de Scribd logo
1 de 38
Live tiles, badges
et notifications toasts
Laurent Duveau
Windows 8 & Azure
MVP / MCT / RD @laurentduveau Montréal
18 Juin 2013
ldex.ca
Mes services
Besoin
d’un
expert ?
Windows
Phone 8
Contactez moi!
www.LDEX.ca
Azure
Agenda
Basic Tiles
Live Tiles
Badges
Secondary tiles
Notifications toast
Push notifications
Tiles
Basic Tiles
150 x 150 px 310 x 150 px
Wide [optionnel]Square
 Image par défaut pour le tile de l’app
 Spécifiée dans le package manifest
 2 formats:
 Support des live update
Support dans Visual Studio
 Package.appxmanifest
Jusqu’à 25 images à créer!
 Utiliser PerfecTile ($)
http://www.geekchamp.com/marketplace/components/perfectile
Live Tiles
Live tiles
Updates: Local,
scheduled,
periodic ou push
Windows 8: Live tiles, badges et notifications toasts [french]
Recommandations de design
1. Dimension recommandée pour logo: 80x80 pixels
2. Centrer le logo dans le tile
3. Le nom de l’app apparait automatiquement en
bas. Si votre logo inclut déjà le nom, enlever le
app name du tile dans le app manifest
4. Pas de pub
5. Un design simple, clean, élégant est encouragé
6. La tile en entier est cliquable: ne pas représenter
de bouton, lien, etc. à l’intérieur
Live Tiles
 Syntaxe
• API + XML
 MSDN: Tile Template Catalog
http://tinyurl.com/TileTemplateCatalog
 Utiliser le projet NotificationExtensions
des samples MSDN
http://tinyurl.com/MSDNTilesSample
Live Tiles
 Update immédiat du tile actuel
var tileContent =
TileContentFactory.CreateTileSquareText04();
tileContent.TextBodyWrap.Text = "Hello World!";
// send the notification
TileUpdateManager.CreateTileUpdaterForApplication(
).Update(tileContent.CreateNotification());
Live Tiles
 Activer la queue de notification
 Cycle jusqu’à 5 des plus récentes
notifications
TileUpdateManager.CreateTileUpdaterForApplication(
).EnableNotificationQueue(true);
Images?
• webhttp://
• Depuis le app packagems-appx:///
• Local storagems-appdata:///local/
Live Tiles
Live Tiles
 Guidelines
• Pas de call to action (« click me! »)
• Image + texte ? => animation peek (2 frames)
• Ne pas afficher de données de temps relatives
(“il y a 10 minutes”) => sera vite obsolète
• Pas de pub!
MSDN: Tiles Guidelines
http://tinyurl.com/TilesGuidelines
Badges
Badges
 Overlay sur les tiles (square ou wide)
• Nombre (1-99) ex: 111 => 99+
• Glyph
 Coin bas droite
BadgeBadge
Badges
 Avec NotificationExtensions
// Clear the badge
BadgeUpdateManager.CreateBadgeUpdaterForAppli
cation().Clear();
var badgeContent = new
BadgeNumericNotificationContent((uint)nb);
//BadgeGlyphNotificationContent(GlyphValue.Busy);
// Update the application tile badge
BadgeUpdateManager.CreateBadgeUpdaterForApplicati
on().Update(badgeContent.CreateNotification());
Badges
Badges
 Guidelines
• Nombre trop grand: utiliser un glyph
• Nombre: relatif au dernier usage de l’app, pas
depuis l’installation
• Utiliser glyph si susceptible d’être mis à jour
MSDN: http://tinyurl.com/BadgesGuidelines
Secondary Tiles
Secondary Tiles
 Possibilité d’avoir des tiles supplémentaires
• Action de l’usager dans app bar
o”Pin to Start” et ”Unpin from Start”
• Pas possible par programmation
 Support des notifications et badges
• Doit être spécifique au contexte du tile
 Supprimé si app désinstallée
Secondary Tiles
 Sur action de l’usager!
var tile = new
Windows.UI.StartScreen.SecondaryTile(
"Tile Id",
"A Secondary Tile", // short title
"Secondary Tile Sample", // display name
tileActivationArguments,
Windows.UI.StartScreen.TileOptions.showNameOnLogo,
uriLogo);
tile.requestCreateAsync();
Secondary Tiles
Notifications “Toasts”
Toasts
 Délivrer des messages en dehors du contexte
de l'application
 Attirer l'attention de l'utilisateur
immédiatement
 Utilisateur est en contrôle et peut
définitivement désactiver les notifications
 Naviguer rapidement vers un emplacement
pertinent dans votre application
 Invoquer depuis votre application ou le cloud
Toast templates
MSDN: The toast template catalog
http://tinyurl.com/ToastTemplateCatalog
Toasts
4 façons de notifier
 Local Notifications
• Seulement si app roule.
• Utile pour les update de tiles et badges, usage limité pour
les toasts.
 Scheduled Notifications
• Notification locale cédulée à un temps précis.
 Periodic Notifications
• Poll régulier d’un service cloud à intervalle de temps fixe.
 Push Notifications
• Update des tiles, badges et ouvre des toasts depuis le cloud
(même si l’app ne roule pas).
MSDN: Choosing a notification delivery method
http://msdn.microsoft.com/en-ca/library/windows/apps/hh779721.aspx
Support app off
Push Notifications
Windows Push Notification Service
 Enables delivery of tile and toast notifications
over the internet.
 Using WNS your app is alive with activity and
always up to date with fresh content.
 Tile updates and notifications shown to the user
even if your app is not running.
 WNS handles communication with your app
 Scales to millions of users
 Best of all, WNS is a free service for your app to
use!
Push Notification Overview
App Service
Windows
Notification
Service
POST <channel URI> HTTP/1.1
Content-Type: text/xml
Host: db3.notify.windows.com
X-WNS-Type: wns/badge
Authorization: Bearer <authentication token>
Content-Length: 58
<?xml version="1.0" encoding="utf-8"?>
<badge value="11"/>
Push Notification
 Azure Mobile Services!
MSDN: Get started with push notifications in Mobile Services
http://www.windowsazure.com/en-us/develop/mobile/tutorials/get-started-
with-push-dotnet/
Windows 8: Live tiles, badges et notifications toasts [french]
Ressources
 Working with tiles, badges, and toast
notifications
 Toast template catalog
 Tile template catalog
 Tiles UX Guidelines
 Badges UX Guidelines
 App tiles and badges sample
 Push notification client sample
Visit the Windows Developer Centre
Download the Windows 8 SDK and Code Samples
Register for a Windows Store Developer Account (MSDN subscribers get 12 months free)
Sign up for The Developer Movement
Watch Developer Movement Virtual Workshops On-Demand
Review and test your app for free at a Windows Store App Lab
Cool App Templates:
• IdeaPress (Turn a WordPress site into a Windows 8 app in minutes)
• Platformer Game Starter Kit (Including 2 HTML5-based examples)
Windows Phone (dev.windowsphone.com)
Visit the Windows Phone Developer Centre
Download the Windows Phone SDK and Code Samples
Register for a Windows Phone Developer Account (MSDN subscribers get 12 months free)
Sign up for The Developer Movement
Watch Developer Movement Windows Phone Workshop On-Demand
Windows Store (dev.windows.com)

Más contenido relacionado

Similar a Windows 8: Live tiles, badges et notifications toasts [french]

FAN, Fully Automated Nagios, Paris Capitale du Libre 2008
FAN, Fully Automated Nagios, Paris Capitale du Libre 2008FAN, Fully Automated Nagios, Paris Capitale du Libre 2008
FAN, Fully Automated Nagios, Paris Capitale du Libre 2008FAN Fully Automated Nagios
 
Symposium n°7 : Plateforme Meteor
Symposium n°7 : Plateforme MeteorSymposium n°7 : Plateforme Meteor
Symposium n°7 : Plateforme MeteorArthurMaroulier
 
Apple Watch par Benoit Capallere et Joeffrey Bocquet
Apple Watch par Benoit Capallere et Joeffrey BocquetApple Watch par Benoit Capallere et Joeffrey Bocquet
Apple Watch par Benoit Capallere et Joeffrey BocquetCocoaHeads France
 
Introduction au développement windows phone 8
Introduction au développement windows phone 8Introduction au développement windows phone 8
Introduction au développement windows phone 8BeMyApp
 
Retour d'expérience AdobeMC 2011
Retour d'expérience AdobeMC 2011Retour d'expérience AdobeMC 2011
Retour d'expérience AdobeMC 2011jonasmonnier
 
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...ENSIBS
 
Business modèles pour l'Open Source
Business modèles pour l'Open SourceBusiness modèles pour l'Open Source
Business modèles pour l'Open Sourcealaprevote
 
Back from Build - Conférence Juin 2013
Back from Build - Conférence Juin 2013Back from Build - Conférence Juin 2013
Back from Build - Conférence Juin 2013Microsoft
 
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple WatchMobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple WatchUSERADGENTS
 
Concept de l’Intégration Continue
Concept de l’Intégration ContinueConcept de l’Intégration Continue
Concept de l’Intégration ContinueFrédéric Sagez
 
Transitions et Animations – Donnez une nouvelle dimension à vos applications ...
Transitions et Animations – Donnez une nouvelle dimension à vos applications ...Transitions et Animations – Donnez une nouvelle dimension à vos applications ...
Transitions et Animations – Donnez une nouvelle dimension à vos applications ...Microsoft
 
Développement Windows 8 METRO App
Développement Windows 8 METRO AppDéveloppement Windows 8 METRO App
Développement Windows 8 METRO AppClément Hallet
 
Windows Phone 8 for Business - Developer Talks
Windows Phone 8 for Business - Developer TalksWindows Phone 8 for Business - Developer Talks
Windows Phone 8 for Business - Developer TalksJean-Sébastien Dupuy
 
Windows Phone Workshop: Globalization
Windows Phone Workshop: GlobalizationWindows Phone Workshop: Globalization
Windows Phone Workshop: GlobalizationZayen Chagra
 
Wygday Session PléNièRe (1)
Wygday Session PléNièRe (1)Wygday Session PléNièRe (1)
Wygday Session PléNièRe (1)Gregory Renard
 
Votre application d’entreprise en une heure : De la création au déploiement
Votre application d’entreprise en une heure : De la création au déploiementVotre application d’entreprise en une heure : De la création au déploiement
Votre application d’entreprise en une heure : De la création au déploiementMicrosoft Technet France
 

Similar a Windows 8: Live tiles, badges et notifications toasts [french] (20)

FAN, Fully Automated Nagios, Paris Capitale du Libre 2008
FAN, Fully Automated Nagios, Paris Capitale du Libre 2008FAN, Fully Automated Nagios, Paris Capitale du Libre 2008
FAN, Fully Automated Nagios, Paris Capitale du Libre 2008
 
Symposium n°7 : Plateforme Meteor
Symposium n°7 : Plateforme MeteorSymposium n°7 : Plateforme Meteor
Symposium n°7 : Plateforme Meteor
 
Apple Watch par Benoit Capallere et Joeffrey Bocquet
Apple Watch par Benoit Capallere et Joeffrey BocquetApple Watch par Benoit Capallere et Joeffrey Bocquet
Apple Watch par Benoit Capallere et Joeffrey Bocquet
 
Introduction au développement windows phone 8
Introduction au développement windows phone 8Introduction au développement windows phone 8
Introduction au développement windows phone 8
 
Journées du Logiciel Libre 2008
Journées du Logiciel Libre 2008Journées du Logiciel Libre 2008
Journées du Logiciel Libre 2008
 
Fully Automated Nagios Jm2L 2009
Fully Automated Nagios Jm2L 2009Fully Automated Nagios Jm2L 2009
Fully Automated Nagios Jm2L 2009
 
Retour d'expérience AdobeMC 2011
Retour d'expérience AdobeMC 2011Retour d'expérience AdobeMC 2011
Retour d'expérience AdobeMC 2011
 
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
 
Business modèles pour l'Open Source
Business modèles pour l'Open SourceBusiness modèles pour l'Open Source
Business modèles pour l'Open Source
 
Back from Build - Conférence Juin 2013
Back from Build - Conférence Juin 2013Back from Build - Conférence Juin 2013
Back from Build - Conférence Juin 2013
 
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple WatchMobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
 
Concept de l’Intégration Continue
Concept de l’Intégration ContinueConcept de l’Intégration Continue
Concept de l’Intégration Continue
 
Transitions et Animations – Donnez une nouvelle dimension à vos applications ...
Transitions et Animations – Donnez une nouvelle dimension à vos applications ...Transitions et Animations – Donnez une nouvelle dimension à vos applications ...
Transitions et Animations – Donnez une nouvelle dimension à vos applications ...
 
Développement Windows 8 METRO App
Développement Windows 8 METRO AppDéveloppement Windows 8 METRO App
Développement Windows 8 METRO App
 
Meetup sencha
Meetup senchaMeetup sencha
Meetup sencha
 
WygDay Pleniere
WygDay   PleniereWygDay   Pleniere
WygDay Pleniere
 
Windows Phone 8 for Business - Developer Talks
Windows Phone 8 for Business - Developer TalksWindows Phone 8 for Business - Developer Talks
Windows Phone 8 for Business - Developer Talks
 
Windows Phone Workshop: Globalization
Windows Phone Workshop: GlobalizationWindows Phone Workshop: Globalization
Windows Phone Workshop: Globalization
 
Wygday Session PléNièRe (1)
Wygday Session PléNièRe (1)Wygday Session PléNièRe (1)
Wygday Session PléNièRe (1)
 
Votre application d’entreprise en une heure : De la création au déploiement
Votre application d’entreprise en une heure : De la création au déploiementVotre application d’entreprise en une heure : De la création au déploiement
Votre application d’entreprise en une heure : De la création au déploiement
 

Más de Laurent Duveau

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

Más de Laurent Duveau (20)

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

Windows 8: Live tiles, badges et notifications toasts [french]

  • 1. Live tiles, badges et notifications toasts Laurent Duveau Windows 8 & Azure MVP / MCT / RD @laurentduveau Montréal 18 Juin 2013 ldex.ca
  • 2. Mes services Besoin d’un expert ? Windows Phone 8 Contactez moi! www.LDEX.ca Azure
  • 3. Agenda Basic Tiles Live Tiles Badges Secondary tiles Notifications toast Push notifications
  • 5. Basic Tiles 150 x 150 px 310 x 150 px Wide [optionnel]Square  Image par défaut pour le tile de l’app  Spécifiée dans le package manifest  2 formats:  Support des live update
  • 6. Support dans Visual Studio  Package.appxmanifest
  • 7. Jusqu’à 25 images à créer!  Utiliser PerfecTile ($) http://www.geekchamp.com/marketplace/components/perfectile
  • 11. Recommandations de design 1. Dimension recommandée pour logo: 80x80 pixels 2. Centrer le logo dans le tile 3. Le nom de l’app apparait automatiquement en bas. Si votre logo inclut déjà le nom, enlever le app name du tile dans le app manifest 4. Pas de pub 5. Un design simple, clean, élégant est encouragé 6. La tile en entier est cliquable: ne pas représenter de bouton, lien, etc. à l’intérieur
  • 12. Live Tiles  Syntaxe • API + XML  MSDN: Tile Template Catalog http://tinyurl.com/TileTemplateCatalog  Utiliser le projet NotificationExtensions des samples MSDN http://tinyurl.com/MSDNTilesSample
  • 13. Live Tiles  Update immédiat du tile actuel var tileContent = TileContentFactory.CreateTileSquareText04(); tileContent.TextBodyWrap.Text = "Hello World!"; // send the notification TileUpdateManager.CreateTileUpdaterForApplication( ).Update(tileContent.CreateNotification());
  • 14. Live Tiles  Activer la queue de notification  Cycle jusqu’à 5 des plus récentes notifications TileUpdateManager.CreateTileUpdaterForApplication( ).EnableNotificationQueue(true);
  • 15. Images? • webhttp:// • Depuis le app packagems-appx:/// • Local storagems-appdata:///local/
  • 17. Live Tiles  Guidelines • Pas de call to action (« click me! ») • Image + texte ? => animation peek (2 frames) • Ne pas afficher de données de temps relatives (“il y a 10 minutes”) => sera vite obsolète • Pas de pub! MSDN: Tiles Guidelines http://tinyurl.com/TilesGuidelines
  • 19. Badges  Overlay sur les tiles (square ou wide) • Nombre (1-99) ex: 111 => 99+ • Glyph  Coin bas droite BadgeBadge
  • 20. Badges  Avec NotificationExtensions // Clear the badge BadgeUpdateManager.CreateBadgeUpdaterForAppli cation().Clear(); var badgeContent = new BadgeNumericNotificationContent((uint)nb); //BadgeGlyphNotificationContent(GlyphValue.Busy); // Update the application tile badge BadgeUpdateManager.CreateBadgeUpdaterForApplicati on().Update(badgeContent.CreateNotification());
  • 22. Badges  Guidelines • Nombre trop grand: utiliser un glyph • Nombre: relatif au dernier usage de l’app, pas depuis l’installation • Utiliser glyph si susceptible d’être mis à jour MSDN: http://tinyurl.com/BadgesGuidelines
  • 24. Secondary Tiles  Possibilité d’avoir des tiles supplémentaires • Action de l’usager dans app bar o”Pin to Start” et ”Unpin from Start” • Pas possible par programmation  Support des notifications et badges • Doit être spécifique au contexte du tile  Supprimé si app désinstallée
  • 25. Secondary Tiles  Sur action de l’usager! var tile = new Windows.UI.StartScreen.SecondaryTile( "Tile Id", "A Secondary Tile", // short title "Secondary Tile Sample", // display name tileActivationArguments, Windows.UI.StartScreen.TileOptions.showNameOnLogo, uriLogo); tile.requestCreateAsync();
  • 28. Toasts  Délivrer des messages en dehors du contexte de l'application  Attirer l'attention de l'utilisateur immédiatement  Utilisateur est en contrôle et peut définitivement désactiver les notifications  Naviguer rapidement vers un emplacement pertinent dans votre application  Invoquer depuis votre application ou le cloud
  • 29. Toast templates MSDN: The toast template catalog http://tinyurl.com/ToastTemplateCatalog
  • 31. 4 façons de notifier  Local Notifications • Seulement si app roule. • Utile pour les update de tiles et badges, usage limité pour les toasts.  Scheduled Notifications • Notification locale cédulée à un temps précis.  Periodic Notifications • Poll régulier d’un service cloud à intervalle de temps fixe.  Push Notifications • Update des tiles, badges et ouvre des toasts depuis le cloud (même si l’app ne roule pas). MSDN: Choosing a notification delivery method http://msdn.microsoft.com/en-ca/library/windows/apps/hh779721.aspx Support app off
  • 33. Windows Push Notification Service  Enables delivery of tile and toast notifications over the internet.  Using WNS your app is alive with activity and always up to date with fresh content.  Tile updates and notifications shown to the user even if your app is not running.  WNS handles communication with your app  Scales to millions of users  Best of all, WNS is a free service for your app to use!
  • 34. Push Notification Overview App Service Windows Notification Service POST <channel URI> HTTP/1.1 Content-Type: text/xml Host: db3.notify.windows.com X-WNS-Type: wns/badge Authorization: Bearer <authentication token> Content-Length: 58 <?xml version="1.0" encoding="utf-8"?> <badge value="11"/>
  • 35. Push Notification  Azure Mobile Services! MSDN: Get started with push notifications in Mobile Services http://www.windowsazure.com/en-us/develop/mobile/tutorials/get-started- with-push-dotnet/
  • 37. Ressources  Working with tiles, badges, and toast notifications  Toast template catalog  Tile template catalog  Tiles UX Guidelines  Badges UX Guidelines  App tiles and badges sample  Push notification client sample
  • 38. Visit the Windows Developer Centre Download the Windows 8 SDK and Code Samples Register for a Windows Store Developer Account (MSDN subscribers get 12 months free) Sign up for The Developer Movement Watch Developer Movement Virtual Workshops On-Demand Review and test your app for free at a Windows Store App Lab Cool App Templates: • IdeaPress (Turn a WordPress site into a Windows 8 app in minutes) • Platformer Game Starter Kit (Including 2 HTML5-based examples) Windows Phone (dev.windowsphone.com) Visit the Windows Phone Developer Centre Download the Windows Phone SDK and Code Samples Register for a Windows Phone Developer Account (MSDN subscribers get 12 months free) Sign up for The Developer Movement Watch Developer Movement Windows Phone Workshop On-Demand Windows Store (dev.windows.com)