Next Generation Web Applications

Jay SchmelzerGroup Program Manager – Visual Studio

Web development has evolved so that developers are expected to deliver rich

user experiences

{ challenges } Are Everywhere…

Next-Generation Web Applications

Functional testing for ASP.NET AJAX and JavaScript

Integrated code metrics

Improved performance and scalability profiling

Faster, Easier Development

A powerful, new HTML designer

CSS management

JavaScript debugging and Intellisense®

Better support for working with data

ListView control

LinqDataSource

Less Effort, More Effect

ASP.NET AJAX built-in

Enhanced AJAX functionality

Better interoperability with WebParts, <asp:treeview>, <asp:menu>, etc

Nested master pages

New ListView control

Breakthrough User Experiences

demo

{ ASP.NET Development with Visual Studio 2008 }

HTML is getting more and more complicated – we need help!

Visual Studio® 2008 provides a powerful new HTML designer that tames even the most complicated HTML; it includes

A split view that enables you to see your HTML from a source and design perspective at the same time.

Nested master pages to help you factor your HTML more efficiently

The Challenge

The Solution

Less Effort, More EffectNew HTML Designer

Less Effort, More EffectNew HTML Designer

Cascading Style Sheets (CSS) are ubiquitous because they promote accessibility and standards compliance

However, designer-generated CSS can be difficult/intimidating for developers to work with

New features for working with CSS style sheets

Intellisense for CSS

Filtered lists of which styles are being in a page or selection

Visually apply styles to elements

Even the most complicated, designer-created CSS styles are now simple to work with

The Challenge

The Solution

Less Effort, More EffectCSS Manager

CSS styles used in pageSplit view that shows

both markup and design

Less Effort, More EffectCSS Manager

Intellisense that shows what CSS class names are

available

‘Go to definition’ option enables you to go to

source of CSS style from markup

Less Effort, More EffectCSS Manager

It’s always about data!

The Challenge

Use LINQ directly in an ASP.NET page with LinqDatasource

Just another data source, so it works with any ASP.NET control

The Solution

Less Effort, More EffectASP.NET Support for LINQ

NameTitleGroup

demo

{ ASP.NET Support For LINQ }

Languages like JavaScript are more and more popular

Their type-less, dynamic nature presents challenges to traditional development activities like debugging and statement completion

Visual Studio 2008 makes JavaScript a 1st class development experience with

Syntax coloring

Intellisense

Debugging

Less Effort, More EffectJavaScript Debugging and IntelliSense

The Challenge

The Solution

Less Effort, More EffectJavaScript Debugging and IntelliSense

HTTP is a stateless protocol, so Web Applications must post back to servers to update themselves

The user experience is degraded because the entire page must be re-drawn

An unnecessarily high load is put on the server because the entire page must be rendered again

Bandwidth is being wasted to send updates to elements that have |not changed

Breakthrough User ExperienceASP.NET AJAXThe

Challenge

UpdatePanel is the only change needed

Core content stays the same – just located in

UpdatePanel now

Breakthrough User Experience

image=/images/newimage.gif&page=4&items=show_sales

GET /default.aspxHTTP/1.1 Host: www.fabrikam.comUser-Agent: Internet Explorer/7.0

Breakthrough User ExperienceUpdate panel

Breakthrough User ExperienceASP.NET AJAX Enabled WCF Service

All my services are being re-written with WCF – how does my ASP.NET application call them?

Visual Studio 2008 provides a new project item that creates a default AJAX-enabled WCF service

Existing WCF services can be decorated with an attribute to convert their communication format to something that is AJAX friendly (i.e., JSON or REST)

Also, in Visual Studio 2008, the ScriptManager supports the registration of WCF services as well ASMX

The Challenge

The Solution

New Project Item

Attribute that makes this WCF

service AJAX-callable

Breakthrough User ExperienceASP.NET AJAX Enabled WCF Service

NameTitleGroup

demo

{ ASP.NET AJAX And Visual Studio 2008 }

Faster, Easier DevelopmentMulti-Browser ASP.NET AJAX Support

My ‘breakthrough’ only works for Internet Explorer; but my customers use other browsers too

In Visual Studio 2008, ASP.NET AJAX provides client-script libraries that incorporate cross-browser ECMAScript (JavaScript) and dynamic HTML (DHTML) technologies; this technology is compatible with commonly used browsers such as

Internet Explorer

Mozilla Firefox

Apple Safari

The Challenge

The Solution

Faster, Easier DevelopmentAJAX web testing

AJAX-enabled web applications are very popular, but their asynchronous nature makes testing them very difficult

Visual Studio 2008 Team System enables team members to target even the most complex AJAX applications – HTTP requests, whether user or script generated are captured as part of the web test

The Challenge

The Solution

Faster, Easier DevelopmentUnit testing improvements

Practicing formal Test Driven Development (TDD) is very demanding for even the most sophisticated of development tools

Visual Studio 2008 Team System makes great strides towards making TDD more productive. These improvements include

Better Execution Times

Run Tests

Short Cut Keys to Run Tests

Disable Deployment

Test Inheritance

Directly go to the Point of Failure

The Challenge

The Solution

Faster, Easier DevelopmentJavaScript localization

Less than 15% of the world uses English as their everyday language

Visual Studio 2008 and ASP.NET provide many different ways to ensure that your web application is ready for the world

The ScriptManager supports a setting that enables client script to format a JavaScript Date or Number object based on a culture value; this does not require a post back to the server

Localized resources can be included in a ScriptManager registered JavaScript file and used throughout your application

The Challenge

The Solution

NameTitleGroup

demo

{ Multi-Browser Support }

Faster, Easier DevelopmentIntegrated code metrics

How do developers know they are writing code that can be maintained and understood in the future?

Visual Studio 2008 Team System integrates sophisticated code metrics that enable developers to clearly understand how maintainable and complex the code they are building is; This understanding is gathered from the following metrics

Cyclometic complexity

Maintainability Index

Inheritance Depth

Class Coupling

Lines of code

The Challenge

The Solution

Faster, Easier DevelopmentIntegrated code metrics

Faster, Easier DevelopmentEnhanced code analysis

Code reviews are time consuming, error prone and depends on ‘group’ knowledge

Code analysis examines every path code might take; looking for known problems and concerns; This feature has been greatly enhanced in Visual Studio 2008

Better discoverability of the feature through the Developer top-level menu

More flexible warning suppressions

Code analysis report comparison

Enhanced code analysis check-in policy

Code-aware spell checker

The Challenge

The Solution

Faster, Easier DevelopmentPerformance profiler

Understanding data gathered by a profiler is difficult and tedious

In Visual Studio 2008 Team System, the industrial strength profiler has been enhanced across the board; this includes

New data collection control

WCF support

However, probably its most notable features is its ability to visually compare performance data

The Challenge

The Solution

Dynamically control how

performance data is gathered.

Insert ‘marks’ which help you correlate data

Compare 2 performance

reports against each other

Faster, Easier DevelopmentPerformance profiler

Next-Generation Web Applications

Functional testing for ASP.NET AJAX and JavaScript

Integrated code metrics

Improved performance and scalability profiling

Faster, Easier Development

A powerful, new HTML designer

CSS management

JavaScript debugging and Intellisense®

Better support for working with data

ListView control

LinqDataSource

Less Effort, More Effect

ASP.NET AJAX built-in

Enhanced AJAX functionality

Better interoperability with WebParts, <asp:treeview>, <asp:menu>, etc

Nested master pages

New ListView control

Breakthrough User Experiences

Call To Action

Install Visual Studio 2008 Trial version availablehttp://msdn.microsoft.com/vstudio

Get the latest on ASP.NET http://www.asp.net/Download Starter kits, hands-on-labs and videos

http://msdn.microsoft.com/vstudio

Evaluation material at http://www.microsoft.com/vstudio

Questions?

Email MeJaySch@Microsoft.com

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