9. Building a Mobile Web App
Leveraging your existing skills to build Mobile applications.
What are the options?
Client Side:
HTML 5 / CSS 3 – Meta Viewport tag / Media Queries
Server Side
ASP.NET MVC – Display Modes
CNUG07-18-2012
11. What is HTML 5
• New version of HTML
• A new standard UI platform.
• Accepted on wide verity of platforms, not just web
• Metro Apps
• Apple web kit
• Android platform
• Packaging HTML 5 Websites as Apps using Phone Gap (aka Adobe
Cordova)
http://phonegap.com/
CNUG07-18-2012
12. Client side : Adaptive rendering
Problems:
Bandwidth -Amount of data sent over the wire same whether mobile or desktop.
Application performance – Potentially additional data fetch for mobile.
User Experience – Smaller screen might need simpler UI design (button/links).
CNUG07-18-2012
DAL
Business Logic
Presentation Logic
(URL)
Desktop
Browser
IE Mobile
Win Phone
Safari
iPhone
Safari iPad
DB
Web Application BrowsersStandard markup
13. Server side : Display Modes
Being able to send different views to different devices.
CNUG07-18-2012
DAL
Business Logic
Presentation Logic
(URL)
Desktop
Browser
IE Mobile
Win Ph 7
Safari
iPhone
Safari iPad
DB
Web Application BrowsersClient specific markup
15. Web API
• A framework that makes it easy to build HTTP services that
reach a broad range of clients, including browsers and mobile
devices
• A platform for building RESTful applications on the .NET
Framework
• New landing page - http://www.asp.net/web-api
• Demo from Channel 9 http://www.asp.net/web-api/samples
CNUG07-18-2012
16. Improvements to Mobile Web
CNUG07-18-2012
DAL
Business Logic
Web API
Desktop
Browser
IE Mobile
Win Ph 7
Safari
iPhone
Safari iPad
DB
Web Application BrowsersClient specific HTML
& JS based App
Web App
Web App
Web App
Web App