Enabling mobile apps with asp net mvc
Download
1 / 28

Enabling Mobile apps with ASP MVC - PowerPoint PPT Presentation


  • 398 Views
  • Updated On :

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

Related searches for Enabling Mobile apps with ASP MVC

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Enabling Mobile apps with ASP MVC' - elu


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
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
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


mobile is huge


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








Do nothing1

demo

do nothing


Adaptive rendering

demo

adaptive rendering


adaptive rendering

Pros

  • optimized for the current device

  • less duplication of efforts

    Cons

  • glosses over the differences between mobile and desktop

  • inefficient bandwidth usage


If you do absolutely nothing else
if you do absolutely nothing else

<metaname="viewport"content="width=device-


If you do absolutely nothing else at least add a viewport meta tag
if you do absolutely nothing elseat least add a viewport meta tag!

<metaname="viewport"content="width=device-width"/>


Display modes jquery mobile

demo

display modes + jquery mobile


Fix it on the server

Pros

  • maximum flexibility

  • Bandwidth efficient

    Cons

  • can be repetitive

  • device detection is not trivial


The approach you choose depends on the type of app you build
the approach you choose depends on the type of app you build



HTML5 is a collection of technologies

  • canvas

  • video

  • geolocation

  • local storage

  • offline

  • web forms

  • microdata

  • history


Html5 mobile web application

demo

html5 mobile web application


If i did my job well you should now be able to answer the following questions
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.


For more information following questions:

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/


Feedback and q uestions http forums dev windows com session f eedback http bldw in sessionfeedback

t following questions:hank you

Feedback and questions http://forums.dev.windows.com

Session feedbackhttp://bldw.in/SessionFeedback


© following questions: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.


ad