My presentation from MIX11 showing how to build applications on iPhone and iPad devices that leverage the cloud (Windows Azure)

2. Developing iPhone and iPad apps that Leverage Windows Azure Simon Guest Director, Mobility Solutions Neudesic, LLC simon.guest@neudesic.com

3. I go to a lot of conferences…

4. Intro Section Some of them are a little boring… Some of them are more interesting than others…

5. Introduction MIX is always interesting!

6. Intro Section “There’s an app for that!” “There’s an app for that!” Share stuff Access agenda Keep up to date

7. Uploading stuff Accessing agenda Keeping up to date 3 2 1 Use Cloud for Storage Receive Notifications Access Applications

9. 1

11. Blob Storage Table Storage

13. Container-based approach

14. 8k metadata for each blobBlob Storage Table Storage

16. Dynamic schema

18. Blob Storage

19. Blob Storage

21. List, Put, Get, Delete Blobsphotos Blob Storage

22. REST request for listing all containers REST Endpoint: http://[account].blob.core.windows.net GET http://iostest.blob.core.windows.net/?comp=list&include=metadata x-ms-date: Thu, 14 Apr 2011 20:30:00 GMT x-ms-version: 2009-09-19 x-ms-blob-type: BlockBlob Authorization: SharedKeyiostest:[ComputedHash] Blob Storage

23. …but how do I get that computed hash? REST Endpoint: http://[account].blob.core.windows.net To calculate the computed hash: AccountKey: /9seXadQ9HwOpXUO1jKxFN8q… Request: GETx-ms-blob-type:BlockBlobx-ms-date:Thu, 14 Apr 2011 20:30:00 GMTx-ms-version:2009-09-19/iostest/comp:listinclude:metadata Hash = HMACSHA256(UTF8Encode(Request), Base64Decode(AccountKey)) Blob Storage Account Key: /9seXadQ9HwOpXUO1jKxFN8q…

24. Making the call GET http://iostest.blob.core.windows.net/?comp=list&include=metadata x-ms-date: Thu, 14 Apr 2011 20:30:00 GMT x-ms-version: 2009-09-19 x-ms-blob-type: BlockBlob Authorization: SharedKeyiostest:[ComputedHash] <?xml version="1.0" encoding="utf-8"?> <EnumerationResultsAccountName="http://myaccount.blob.core.windows.net/"> <Prefix>c</Prefix> <MaxResults>3</MaxResults> <Containers> <Container> <Name>container1</Name> <Url>http://iostest.blob.core.windows.net/photos</Url> <Properties> <Last-Modified>Sun, 14 Apr 2011 20:09:03 GMT</Last-Modified> </Properties> </Container> </Containers> REST Endpoint: http://[account].blob.core.windows.net Blob Storage

25. REST request (PUT) for adding a new photo REST Endpoint: http://[account].blob.core.windows.net PUT http://iostest.blob.core.windows.net/photos/party.jpg x-ms-date: Thu, 14 Apr 2011 20:30:00 GMT x-ms-version: 2009-09-19 x-ms-blob-type: BlockBlob Authorization: SharedKeyiostest:[ComputedHash] {...binary representation of photo...} Blob Storage

26. Using Blob Storage from iOS demo

28. List, Put, Get, Delete Table Entitiesphotodata Table Storage

30. List, Put, Get, Delete Table EntitiesGET http://iostest.blob.core.windows.net/Tables x-ms-date: Thu, 14 Apr 2011 20:30:00 GMT x-ms-version: 2009-09-19 DataServiceVersion: 1.0;NetFx MaxDataServiceVersion: 2.0;NetFx Authorization: SharedKeyiostest:[ComputedHash] <feed xml:base="http://iostest.tables.core.windows.net/" xmlns:d="http://schemas.microsoft.com/ado/2007/08/dataservices" xmlns:m="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata" xmlns="http://www.w3.org/2005/Atom"> <title type="text">Tables</title> <id>http://iostest.tables.core.windows.net/Tables</id> <updated>2011-04-04T17:18:54.7062347Z</updated> <link rel="self" title="Tables" href="Tables" /> <entry> <id>http://myaccount.tables.core.windows.net/Tables(’photodata')</id> <title type="text"></title> <updated>2009-01-04T17:18:54.7062347Z</updated> <author> <name /> </author> <link rel="edit" title="Tables" href="Tables(’photodata')" /> <m:properties> <d:TableName>photodata</d:TableName> </m:properties> </content> </entry> </feed> photodata Table Storage

32. List, Put, Get, Delete Table EntitiesPUT http://iostest.blob.core.windows.net/Tables x-ms-date: Thu, 14 Apr 2011 20:30:00 GMT x-ms-version: 2009-09-19 DataServiceVersion: 1.0;NetFx MaxDataServiceVersion: 2.0;NetFx Authorization: SharedKeyiostest:[ComputedHash] <entry xmlns:d="http://schemas.microsoft.com/ado/2007/08/dataservices" xmlns:m="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata" xmlns="http://www.w3.org/2005/Atom"> <title /> <updated>2011-04-10T23:46:19.3857256Z<updated/> <author> <name /> </author> <id /> <content type="application/xml"> <m:properties> <d:Description>My coworker is drunk</d:Description> <d:DrinkCountm:type="Edm.Int32”>10</d:DrinkCount> </m:properties> </content> </entry> photodata Table Storage

33. Using Table Storage from iOS demo

34. J!ResQ – Japanese Earthquake Rescue case study

35. 13,333 death toll. 15,000 missing. (4/13/11)

40. Municipality Pinpointed photo using Bing Maps Situational Analysis http://www.j-resq.com

42. Use table storage for structured, non relational data

45. “Where is my next session?”

46. Pages Web Role Ability to host ASP.NET (MVC) application in Windows Azure

47. User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; MS-RTC LM 8) HTTP Request HTTP Response Pages Windows 7 / IE8.0 Web Role

48. UserAgent: Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5 HTTP Request HTTP Response Pages Web Role iPhone OS 4.3.1

49. Mozilla/5.0 (iPad; U; CPU OS 4_3_1 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.3.1 Mobile/7B334b Safari/531.21.10 HTTP Request HTTP Response Pages Web Role iPad OS 4.3.1

50. if (useragent contains ”MSIE”) User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; MS-RTC LM 8) Windows 7 / IE8.0 Pages if (useragentcontains ”iPhone”) Web Role UserAgent: Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5 Pages iPhone OS 4.3.1

51. if (useragent contains ”MSIE”) User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; MS-RTC LM 8) if (Response.Headers[“User-Agent”].Contains(“iPhone”)) { return View(“iPhone”); } if (Response.Headers[“User-Agent”].Contains(“iPad”)) { return View(“iPad”); } if (Response.Headers[“User-Agent].Contains... Windows 7 / IE8.0 View CSS Controller if (useragentcontains”iPhone”) Web Role ASP.NETMVC ViewEngine UserAgent: Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5 View CSS iPhone OS 4.3.1

52. Using ASP.NET View Engine demo

53. “Great! …but it still looks like my original webpage”

54. if (useragent contains ”MSIE”) User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; MS-RTC LM 8) Windows 7 / IE8.0 View CSS Controller if (useragentcontains”iPhone”) Web Role ASP.NETMVC ViewEngine UserAgent: Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5 View CSS iPhone OS 4.3.1

55. Mobile Web Frameworks iUI http://iui-js.org jQTouch http://jqtouch.com jQueryMobile http://jquerymobile.com

56. if (useragent contains ”MSIE”) User-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; MS-RTC LM 8) Windows 7 / IE8.0 View CSS Controller if (useragentcontains”iPhone”) Web Role ASP.NETMVC ViewEngine UserAgent: Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8C148 Safari/6533.18.5 View CSS iPhone OS 4.3.1

57. Using jQueryMobile demo

58. Accessing the Camera? Local storage? “Looking good! But this is still a mobile web app. How about…” Getting location via GPS? Uploading to the AppStore?

59. Device-Integrated Web Frameworks Appcelerator http://appcelerator.com Unify http://unify.github.com/unify PhoneGap http://phonegap.com

60. WebViewController Native shell upload to AppStore if (useragent contains ”MSIE”) JavaScript bridge View CSS Controller iPhone OS 4.3.1 Native Libraries (ObjC) if (useragentcontains”iPhone”) Web Role ASP.NETMVC ViewEngine View CSS Web Storage Local HTML

61. Integrating the App with PhoneGap demo

63. ASP.NET MVC with ViewEnginesupport. V3 for improved HTML5 attributes

65. “Looks like we have a session change”

66. AppRegistration Apple Push Notification Service gateway.sandbox.push.apple.com Native Application iPad/iPhone OS 4.3.1 User Acceptance

68. AppRegistration Send Message Payload Apple Push Notification Service gateway.sandbox.push.apple.com Native Application Worker Role Windows Azure Queue iPad/iPhone OS 4.3.1 User Acceptance

69. AppRegistration Send Message Payload Apple Push Notification Service gateway.sandbox.push.apple.com Native Application Worker Role RequestChangedSession Details Windows Azure Queue iPad/iPhone OS 4.3.1 Web Role SessionUpdatedthrough Web User Acceptance Update Queue Receive Message, LaunchApp

70. Sending Push Notifications to iOSfrom Windows Azure demo

72. Worker Role, Azure Queue, and Web Role can be used in conjunction with APN

74. Conclusion Historically not much interaction between iOS and Windows Azure 3 2 1 Use Cloud for Storage Receive Notifications Access Applications Possibilities for building iPhone/iPad apps that leverage Windows Azure

75. Simon Guest Director, Mobility Solutions simon.guest@neudesic.com © 2011 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.