2. CROSS PLATFORM MOBILE APPLICATION DEVELOPMENT Nick Randolph (Built to Roam) SESSION CODE: DEV-WPH314 (c) 2011 Microsoft. All rights reserved.

3. Agenda Multi-Platform Applications ► Mobile Platforms ► Cross Platform Options – Mobile Web Sites – Web Applications – Hybrid Applications – Rich Client Applications – Native Applications ► Frameworks & Tools (c) 2011 Microsoft. All rights reserved.

4. Platform Adoption (c) 2011 Microsoft. All rights reserved.

5. The Web is Unavoidable (c) 2011 Microsoft. All rights reserved.

6. HTML 5 in Mobile Browsers (c) 2011 Microsoft. All rights reserved. http://www.triballabs.net/2011/03/html5-on-mobile-browsers-what-can-you-do-today

7. Overview of IE9 Capabilities

8. But UX is Important (c) 2011 Microsoft. All rights reserved. Native Control Look and Feel Geolocation Camera Image Capture Read/Write Access to Device File System Device Interaction (Beep, Vibrate, Etc) Ability to Launch Other Apps Read/Write Access to Calendar/Tasks Ability to Send SMS, MMS, emails Device Orientation (e.g., compass/gyro) Read/Write Access to Contacts/Addr Book Access to Device Accelerometer Camera Video Capture Video Player Control Audio Player Control Device Status (Battery, Signal, Screen, etc) 49.78% 47.36% 31.77% 30.31% 29.72% 29.14% 27.38% 25.55% 20.28% 20.13% 19.47% 15.23% 14.35% 13.62% 11.13% Q: What are the 5 key features needed to compete with native applications on devices?

9. Developer Mindshare (c) 2011 Microsoft. All rights reserved.

10. Application Lifecycle (c) 2011 Microsoft. All rights reserved.

11. Cross Platform: Mobile Web Sites (c) 2011 Microsoft. All rights reserved.

12. Detecting IE on Windows Phone ► User Agent strings for IE 7 and 9 7 Doc Mode for Mobile7 Doc Mode for Desktop 7 RTM Mozilla/4.0 (compatible; MSIE 7.0; Windows Phone OS 7.0; Trident/3.1; IEMobile/7.0; ; ) Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/3.1; XBLWP7; ZuneWP7) Mango Mozilla/4.0 (compatible; MSIE 9.0; Windows Phone OS 7.5; Trident/5.0; IEMobile/9.0 ; ) Mozilla/4.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; XBLWP7; ZuneWP7)

13. Meta-Tags Formatting for Devices (c) 2011 Microsoft. All rights reserved. demo

14. TechEd Mobile Web App Android and iOS HTML 5 Sencha Touch, jQuery Mobile and JQTouch (c) 2011 Microsoft. All rights reserved. demo

15. Cross Platform: Web Applications (c) 2011 Microsoft. All rights reserved.

16. Rich Experience on the Web Web Application Demo Kindle Financial Times (c) 2011 Microsoft. All rights reserved. demo

17. Cross Platform: Hybrid Applications ► Managed code can communicate with page – Control.InvokeScript("fn", "arguments"); ► Script can call into managed code – window.external.notify("string to pass"); (c) 2011 Microsoft. All rights reserved.

18. Hosting the Web Javascript Communication Customize layout using eval() (c) 2011 Microsoft. All rights reserved. demo

19. Widgets Packaged HTML/CSS/JS (c) 2011 Microsoft. All rights reserved. demo

20. Cross Platform: Rich Client (c) 2011 Microsoft. All rights reserved.

21. Going Rich Simple application Consume OData feed Style in Blend (c) 2011 Microsoft. All rights reserved. demo

22. Cross Platform: Native (c) 2011 Microsoft. All rights reserved.

23. Frameworks & Tools (c) 2011 Microsoft. All rights reserved.

24. Mono (Touch and Droid) Same Application iOS – Mono Touch Android – Mono Droid (c) 2011 Microsoft. All rights reserved. demo

25. ► Developer Mindshare: Android (67%) iOS (59%) Mobile Web (56%) ► Platforms being abandoned: Symbian (40%) Java ME (35%) ► App stores primary channels for 45% of developers ► Android less fragmented than Java ME or BlackBerry ► Platform development: Closing Thoughts (c) 2011 Microsoft. All rights reserved.

26. Enrol in Microsoft Virtual Academy Today Why Enroll, other than it being free? The MVA helps improve your IT skill set and advance your career with a free, easy to access training portal that allows you to learn at your own pace, focusing on Microsoft technologies. What Do I get for enrolment? ► Free training to make you become the Cloud-Hero in my Organization ► Help mastering your Training Path and get the recognition ► Connect with other IT Pros and discuss The Cloud Where do I Enrol? www.microsoftvirtualacademy.com Then tell us what you think. TellTheDean@microsoft.com

27. © 2010 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. (c) 2011 Microsoft. All rights reserved.