1 / 28

Enabling Mobile apps with ASP.NET MVC

TOOL-803T. Enabling Mobile apps with ASP.NET MVC. Phil Haack Senior Program Manager Microsoft Corporation. Three things you will know after this talk. Why supporting mobile devices is important Tips you can use to improve your existing mobile websites

elu
Download Presentation

Enabling Mobile apps with ASP.NET MVC

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. TOOL-803T Enabling Mobile apps with ASP.NET MVC Phil Haack Senior Program Manager Microsoft Corporation

  2. Three things you will know after this talk • Why supporting mobile devices is important • Tips you can use to improve your existing mobile websites • What ASP.NET MVC 4 is doing to make mobile web development better easier

  3. mobile is huge

  4. 1 billion active mobile broadband subscriptions Source: International Telecom Union (http://www.itu.int/ITU-D/ict/statistics/at_glance/KeyTelecom.html) Source: basic math

  5. mobile is fast becoming the primary way people browse the web

  6. mobile only web users

  7. what do we do?

  8. Do nothing

  9. Change the client to adapt to mobile

  10. Change the server to target mobile

  11. demo do nothing

  12. demo adaptive rendering

  13. adaptive rendering Pros • optimized for the current device • less duplication of efforts Cons • glosses over the differences between mobile and desktop • inefficient bandwidth usage

  14. if you do absolutely nothing else <metaname="viewport"content="width=device-

  15. if you do absolutely nothing elseat least add a viewport meta tag! <metaname="viewport"content="width=device-width"/>

  16. demo display modes + jquery mobile

  17. Fix it on the server Pros • maximum flexibility • Bandwidth efficient Cons • can be repetitive • device detection is not trivial

  18. the approach you choose depends on the type of app you build

  19. now let’s turn the dial to 11 with HTML5

  20. HTML5 is a collection of technologies • canvas • video • geolocation • local storage • offline • web forms • microdata • history

  21. demo html5 mobile web application

  22. If I did my job well, you should now be able to answer the following questions: • Why is supporting mobile devices important? It’s becoming the primary way people access the internet. • What is one tip you can use today to improve your existing mobile websites? Adaptive rendering using viewport and media CSS • What is at least one thing ASP.NET MVC 4 is doing to make mobile web development better easier? Display modes, default project template, view switcher.

  23. For more information Related sessions • TOOL-796T: ASP.NET 4.5 loves HTML5, CSS3 & JavaScript • PLAT-382T: What's new with HTML5, Javascript, and CSS3 • PLAT-376T: Building offline access in Metro style apps and websites using HTML5 Reading materials • Dive into HTML5 (http://diveintohtml5.org/) • http://asp.net/mvc/

  24. thank you Feedback and questions http://forums.dev.windows.com Session feedbackhttp://bldw.in/SessionFeedback

  25. © 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.

More Related