Enabling mobile apps with asp net mvc
This presentation is the property of its rightful owner.
Sponsored Links
1 / 28

Enabling Mobile apps with ASP.NET MVC PowerPoint PPT Presentation


  • 341 Views
  • Uploaded on
  • Presentation posted in: General

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

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


Enabling mobile apps with asp mvc

mobile is huge


Enabling mobile apps with asp mvc

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


Mobile is fast becoming the primary way people browse the web

mobile is fast becoming the primary way people browse the web


Mobile only web users

mobile only web users


Enabling mobile apps with asp mvc

what do we do?


Do nothing

Do nothing


Change the client to adapt to mobile

Change the client to adapt to mobile


Change the server to target mobile

Change the server to target mobile


Do nothing1

demo

do nothing


Adaptive rendering

demo

adaptive rendering


Enabling mobile apps with asp mvc

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


Enabling mobile apps with asp mvc

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


Now let s turn the dial to 11 with html5

now let’s turn the dial to 11 with HTML5


Enabling mobile apps with asp mvc

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.


Enabling mobile apps with asp mvc

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/


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

thank you

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

Session feedbackhttp://bldw.in/SessionFeedback


Enabling mobile apps with asp mvc

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


  • Login