Slides - MPS Partners Blogs

crickettachyphagiaMobile - Wireless

Dec 10, 2013 (3 years and 8 months ago)

63 views

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



CNUG 07
-
18
-
2012

Know your audience


Experience on ASP.NET MVC prior versions?


Understanding of ASP.NET MVC framework?


jQuery Mobile / HTML 5?

CNUG 07
-
18
-
2012

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

CNUG 07
-
18
-
2012

Quick Look

CNUG 07
-
18
-
2012

The Mobile Buzz…

Why Target Mobile Platform?



CNUG 07
-
18
-
2012

Case for Mobile

CNUG 07
-
18
-
2012

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)

CNUG 07
-
18
-
2012

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

CNUG 07
-
18
-
2012

Client side:
CSS style


Pre HTML 5

CNUG 07
-
18
-
2012

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/

CNUG 07
-
18
-
2012

Client
s
ide : 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).

CNUG 07
-
18
-
2012



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.


CNUG 07
-
18
-
2012



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

CNUG 07
-
18
-
2012

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


CNUG 07
-
18
-
2012

Improvements to Mobile Web

CNUG 07
-
18
-
2012



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


S
ingle page Applications


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


CNUG 07
-
18
-
2012

Web APIs Demo

CNUG 07
-
18
-
2012

Bundling and
Minification

CNUG 07
-
18
-
2012

Productivity feature

Compression and bundling


CSS


JavaScript


Folder Bundles


Declarative Static bundles


Custom Dynamic bundles

Async

Controllers

Old Event
-
based
Asynchronous Pattern

CNUG 07
-
18
-
2012

Async

Controllers

Task based asynchronous pattern

CNUG 07
-
18
-
2012

Razor E
nhancements


Use of ~ as Root.



CNUG 07
-
18
-
2012

Download DEMO & Slides

http
://
blogs.
MPS
Partners.com/MayankSrivastava/Default.aspx



Also

http://www.MayankSrivastava.com/


CNUG 07
-
18
-
2012

Questions