This document provides code examples for creating basic tiles, badges, and push notifications on Windows platforms. It shows how to: - Create a wide tile notification with text using JavaScript - Create a square and wide tile notification with images using C# - Create an XML that defines both a square and wide tile with separate images and text - Update a badge with a number value using the badge notification template - Request a channel URI, register with a cloud service, and authenticate to send push notifications.

5. Square (1x1)
Wide (2x1)

9. JS: Creating a Basic Tile
var Notifications = Windows.UI.Notifications;
//Pick a template for your tile and get its XML contents
var tileXml = Notifications.TileUpdateManager.getTemplateContent(
Notifications.TileTemplateType.tileWideText03);
//Supply template content through document object model (DOM) methods
var tileAttributes = tileXml.getElementsByTagName("text");
tileAttributes[0].appendChild(tileXml.createTextNode("My very own tile notification"));
var squareTileImageAttributes = tileXml.getElementsByTagName("image");
squareTileImageAttributes[0].setAttribute("src", "ms-resource:images/graySquare.png");
//Create the notification based on the XML content you've specified
var tileNotification = new Notifications.TileNotification(tileXml);
//Send the notification to the app tile.
Notifications.TileUpdateManager.createTileUpdaterForApplication().update(tileNotification);

10. C#: Creating a Basic Tile
var updater = TileUpdateManager.CreateTileUpdaterForApplication();
//tell the updater to cycle through the queue
updater.EnableNotificationQueue(true
//use this for square image and text
var tileTemplate = TileUpdateManager.GetTemplateContent(TileTemplateType.TileSquareImage);
var xDocument = System.Xml.Linq.XDocument.Parse(tileTemplate.GetXml());
xDocument.Root.Element("visual").
Element("binding").Element("image").Attribute(XName.Get("src")).Value = imageUri;
//set this for wide image and text
Windows.Data.Xml.Dom.XmlDocument xmlDocument = new Windows.Data.Xml.Dom.XmlDocument();
xmlDocument.LoadXml(xDocument.ToString());
var tileNotification = new TileNotification(xmlDocument);
updater.Update(tileNotification);

11. Square and Wide Tile in One XML
<tile>
<visual lang="en-US">
<binding template="TileSquareImage">
<image id="1" src="ms-appx:///images/graySquare.png"/>
</binding>
<binding template="TileWideImageAndText01">
<image id="1" src="ms-appx:///images/redWide.png"/>
<text id="1">This tile uses images</text>
</binding>
</visual>
</tile>

12. Badge
Badge

13. Updating a Badge
var Notifications = Windows.UI.Notifications;
// Select to display a number
var badgeXml = Notifications.BadgeUpdateManager.getTemplateContent(
Notifications.BadgeTemplateType.badgeNumber);
// Assign a value to the badge
var badgeAttributes = badgeXml.getElementsByTagName("badge");
badgeAttributes[0].setAttribute("value", "7");
// Create the badge notification and send it to the badge
var badgeNotification = new Notifications.BadgeNotification(badgeXml);
Notifications.BadgeUpdateManager.createBadgeUpdaterForApplication().update(
badgeNotification);

23. 1. Request Channel URI
2. Register with your Cloud Service
3. Authenticate & Push Notification

24. © 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other
countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond
to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the
date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION