ASP.NET MVC 4 – New Features

By Mayank Srivastava

MPS Partners LLC

About me

Mayank Srivastava Senior Consultant / Specialist Web,

MPS Partners LLC.

http://MayankSrivastava.com

MayankSri@Live.com

MayankSri

CN

UG

07

-18

-20

12

Know your audience

• Experience on ASP.NET MVC prior versions?

• Understanding of ASP.NET MVC framework?

• jQuery Mobile / HTML 5?

CN

UG

07

-18

-20

12

Topics

• Quick Look

• Solution Templates – Web and Mobile

• Cloud Ready

• Controller Anywhere

• Cleaner Global.ascx.cs

• Display Modes and Mobile Features

• Web APIs

• Bundling and minification

• Task-based async controllers

• Razor enhancements

CN

UG

07

-18

-20

12

Quick Look

CN

UG

07

-18

-20

12

The Mobile Buzz…

Why Target Mobile Platform?

CN

UG

07

-18

-20

12

Case for Mobile

CN

UG

07

-18

-20

12

World’s population 7 billion Total Mobile Broadband Users Hit 1 Billion in 2011 The new primary way to browse the web.

Top 10 CIO Technology Priorities in 2012 - Survey by Gartner

1. Analytics and business intelligence. (Last year's rank: 5)

2. Mobile technologies. (Last year's rank : 3)

3. Cloud computing, including SaaS. (Last year's rank : 1)

4. Collaboration/workflow technologies. (Last year's rank : 8)

5. Legacy modernization.

6. IT management. (Last year's rank : 4)

7. CRM

8. ERP applications

9. Security

10. Virtualization. (Last year's rank : 2)

CN

UG

07

-18

-20

12

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

CN

UG

07

-18

-20

12

Client side: CSS style – Pre HTML 5

CN

UG

07

-18

-20

12

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/

CN

UG

07

-18

-20

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

CN

UG

07

-18

-20

12

DAL

Business Logic

Presentation Logic (URL)

Desktop Browser

IE Mobile Win Phone

Safari iPhone

Safari iPad

DB

Web Application Browsers Standard markup

Server side : Display Modes

Being able to send different views to different devices.

CN

UG

07

-18

-20

12

DAL

Business Logic

Presentation Logic (URL)

Desktop Browser

IE Mobile Win Ph 7

Safari iPhone

Safari iPad

DB

Web Application Browsers Client specific markup

Demo

• Display modes

• jQuery Mobile

CN

UG

07

-18

-20

12

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

CN

UG

07

-18

-20

12

Improvements to Mobile Web

CN

UG

07

-18

-20

12

DAL

Business Logic

Web API

Desktop Browser

IE Mobile Win Ph 7

Safari iPhone

Safari iPad

DB

Web Application Browsers Client specific HTML & JS based App

Web App

Web App

Web App

Web App

Client side JavaScript libraries

• Knockout.js

• http://knockoutjs.com/

• http://learn.knockoutjs.com/

• History.js

• https://github.com/balupton/history.js/wiki/Showcase

• Upshot.js

http://nuget.org/packages/upshot

Single page Applications

• http://code.msdn.microsoft.com/ASPNET-Single-Page-d6d7172c

CN

UG

07

-18

-20

12

Web APIs Demo

CN

UG

07

-18

-20

12

Bundling and Minification

CN

UG

07

-18

-20

12

Productivity feature

Compression and bundling

• CSS

• JavaScript

• Folder Bundles

• Declarative Static bundles

• Custom Dynamic bundles

Async Controllers

Old Event-based Asynchronous Pattern

CN

UG

07

-18

-20

12

Async Controllers

Task based asynchronous pattern

CN

UG

07

-18

-20

12

Razor Enhancements

• Use of ~ as Root.

CN

UG

07

-18

-20

12

Download DEMO & Slides

http://blogs.MPSPartners.com/MayankSrivastava/Default.aspx

Also

http://www.MayankSrivastava.com/

CN

UG

07

-18

-20

12

Questions