#win8acad : Integrating the Windows 8 Experience with Contracts
#win8acad : Tiles and notifications
-
Upload
frederik-bruyne -
Category
Technology
-
view
584 -
download
3
Transcript of #win8acad : Tiles and notifications
![Page 1: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/1.jpg)
![Page 2: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/2.jpg)
![Page 3: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/3.jpg)
demo
![Page 4: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/4.jpg)
![Page 5: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/5.jpg)
![Page 6: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/6.jpg)
![Page 7: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/7.jpg)
![Page 8: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/8.jpg)
![Page 9: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/9.jpg)
![Page 10: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/10.jpg)
Square (1x1) Wide (2x1)
![Page 11: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/11.jpg)
![Page 12: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/12.jpg)
![Page 13: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/13.jpg)
Overlays status on top of tile
Supports square and wide tiles
Number up to 99 or pre-defined glyph:
Always legible on top of images
Badge Badge
![Page 14: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/14.jpg)
demo
![Page 15: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/15.jpg)
![Page 16: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/16.jpg)
![Page 17: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/17.jpg)
demo
![Page 18: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/18.jpg)
![Page 19: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/19.jpg)
![Page 20: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/20.jpg)
![Page 21: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/21.jpg)
![Page 22: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/22.jpg)
![Page 23: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/23.jpg)
demo
![Page 24: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/24.jpg)
![Page 25: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/25.jpg)
![Page 26: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/26.jpg)
![Page 27: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/27.jpg)
1. Request Channel URI
2. Register with your Cloud Service
3. Authenticate & Push Notification
![Page 28: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/28.jpg)
![Page 29: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/29.jpg)
demo
![Page 30: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/30.jpg)
![Page 31: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/31.jpg)
Request Channel URI
Register with your Cloud Service
Authenticate & Push Notification
What a service needs to support
Secure, web based API for channel URI registration.
Persistent storage of channel URI.
Storage for tile and toast images.
How do I do that with Windows Azure?
Windows Azure Compute
• Web Role
• Full IIS support
• WCF REST and ASP.NET MVC
Windows Azure Storage
• Table Storage
• Blob Storage
![Page 32: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/32.jpg)
![Page 33: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/33.jpg)
![Page 34: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/34.jpg)
http://manage.dev.live.com/build
http://manage.dev.live.com/build
http://manage.dev.live.com/build
![Page 35: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/35.jpg)
![Page 36: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/36.jpg)
![Page 37: #win8acad : Tiles and notifications](https://reader033.fdocuments.us/reader033/viewer/2022052410/555daeb6d8b42a63328b48cb/html5/thumbnails/37.jpg)