Successfully reported this slideshow.

Reach End Users With Next Generation Web Applications


Published on

Published in: Technology
  • Be the first to comment

Reach End Users With Next Generation Web Applications

  2. Jeff Blankenburg Developer Evangelist Microsoft Corporation { Reach End-Users With Next Generation Web Applications }
  3. Web development has evolved so that developers are expected to deliver rich user experiences
  4. { challenges } Are Everywhere…
  6. <ul><ul><li>Functional testing for ASP.NET AJAX and JavaScript </li></ul></ul><ul><ul><li>Integrated code metrics </li></ul></ul><ul><ul><li>Improved performance and scalability profiling </li></ul></ul>Faster, Easier Development <ul><ul><li>A powerful, new HTML designer </li></ul></ul><ul><ul><li>CSS management </li></ul></ul><ul><ul><li>JavaScript debugging and Intellisense® </li></ul></ul><ul><ul><li>Better support for working with data </li></ul></ul><ul><ul><ul><ul><ul><li>ListView control </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>LinqDataSource </li></ul></ul></ul></ul></ul>Less Effort, More Effect <ul><ul><li>ASP.NET AJAX built-in </li></ul></ul><ul><ul><li>Enhanced AJAX functionality </li></ul></ul><ul><ul><ul><li>Better interoperability with WebParts, <asp:treeview>, <asp:menu>, etc </li></ul></ul></ul><ul><ul><li>Nested master pages </li></ul></ul><ul><ul><li>New ListView control </li></ul></ul>Breakthrough User Experiences
  8. <ul><ul><li>HTML is getting more and more complicated – we need help! </li></ul></ul><ul><ul><li>Visual Studio® 2008 provides a powerful new HTML designer that tames even the most complicated HTML; it includes </li></ul></ul><ul><ul><li>A split view that enables you to see your HTML from a source and design perspective at the same time </li></ul></ul><ul><ul><li>Nested master pages to help you factor your HTML more efficiently </li></ul></ul>The Challenge The Solution
  10. <ul><ul><li>Cascading Style Sheets (CSS) are ubiquitous because they promote accessibility and standards compliance </li></ul></ul><ul><ul><li>However, designer-generated CSS can be difficult/intimidating for developers to work with </li></ul></ul><ul><ul><li>New features for working with CSS style sheets </li></ul></ul><ul><ul><li>Intellisense for CSS </li></ul></ul><ul><ul><li>Filtered lists of which styles are being in a page or selection </li></ul></ul><ul><ul><li>Visually apply styles to elements </li></ul></ul><ul><ul><li>Even the most complicated, designer-created CSS styles are now simple to work with </li></ul></ul>The Challenge The Solution
  11. CSS styles used in page Split view that shows both markup and design
  12. Intellisense that shows what CSS class names are available ‘ Go to definition’ option enables you to go to source of CSS style from markup
  13. <ul><ul><li>It’s always about data! </li></ul></ul>The Challenge <ul><ul><li>Use LINQ directly in an ASP.NET page with LinqDatasource </li></ul></ul><ul><ul><li>Just another data source, so it works with any ASP.NET control </li></ul></ul>The Solution
  14. { ASP.NET Support For LINQ }
  15. <ul><ul><li>Languages like JavaScript are more and more popular </li></ul></ul><ul><ul><li>Their type-less, dynamic nature presents challenges to traditional development activities like debugging and statement completion </li></ul></ul><ul><ul><li>Visual Studio 2008 makes JavaScript a 1st class development experience with </li></ul></ul><ul><ul><li>Syntax coloring </li></ul></ul><ul><ul><li>Intellisense </li></ul></ul><ul><ul><li>Debugging </li></ul></ul>The Challenge The Solution
  17. <ul><ul><li>HTTP is a stateless protocol, so web applications must post back to servers to update themselves </li></ul></ul><ul><ul><li>The user experience is degraded because the entire page must be re-drawn </li></ul></ul><ul><ul><li>An unnecessarily high load is put on the server because the entire page must be rendered again </li></ul></ul><ul><ul><li>Bandwidth is being wasted to send updates to elements that have not changed </li></ul></ul>The Challenge
  18. UpdatePanel is the only change needed Core content stays the same – just located in UpdatePanel now
  19. image=/images/newimage.gif&page=4&items=show_sales GET /default.aspx HTTP/1.1 Host: User-Agent: Internet Explorer/7.0
  20. <ul><ul><li>All my services are being re-written with WCF – how does my ASP.NET application call them? </li></ul></ul><ul><ul><li>Visual Studio 2008 provides a new project item that creates a default AJAX-enabled WCF service </li></ul></ul><ul><ul><li>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) </li></ul></ul><ul><ul><li>Also, in Visual Studio 2008, the ScriptManager supports the registration of WCF services as well ASMX </li></ul></ul>The Challenge The Solution
  21. New Project Item Attribute that makes this WCF service AJAX-callable
  22. { ASP.NET AJAX And Visual Studio 2008 }
  23. <ul><ul><li>My ‘breakthrough’ only works for Internet Explorer; but my customers use other browsers too </li></ul></ul><ul><ul><li>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 </li></ul></ul><ul><ul><li>Internet Explorer </li></ul></ul><ul><ul><li>Mozilla Firefox </li></ul></ul><ul><ul><li>Apple Safari </li></ul></ul>The Challenge The Solution
  24. <ul><ul><li>AJAX-enabled web applications are very popular, but their asynchronous nature makes testing them very difficult </li></ul></ul><ul><ul><li>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 </li></ul></ul>The Challenge The Solution
  25. <ul><ul><li>Practicing formal Test Driven Development (TDD) is very demanding for even the most sophisticated of development tools </li></ul></ul><ul><ul><li>Visual Studio 2008 Team System makes great strides towards making TDD more productive. These improvements include </li></ul></ul><ul><ul><li>Better execution times </li></ul></ul><ul><ul><li>Run tests </li></ul></ul><ul><ul><li>Short cut keys to run tests </li></ul></ul><ul><ul><li>Disable deployment </li></ul></ul><ul><ul><li>Test inheritance </li></ul></ul><ul><ul><li>Directly go to the point of failure </li></ul></ul>The Challenge The Solution
  26. <ul><ul><li>Less than 15% of the world uses English as their everyday language </li></ul></ul><ul><ul><li>Visual Studio 2008 and ASP.NET provide many different ways to ensure that your web application is ready for the world </li></ul></ul><ul><ul><li>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 </li></ul></ul><ul><ul><li>Localized resources can be included in a ScriptManager registered JavaScript file and used throughout your application </li></ul></ul>The Challenge The Solution
  27. { Multi-Browser Support }
  28. <ul><ul><li>How do developers know they are writing code that can be maintained and understood in the future? </li></ul></ul><ul><ul><li>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 </li></ul></ul><ul><ul><li>Cyclometic complexity </li></ul></ul><ul><ul><li>Maintainability index </li></ul></ul><ul><ul><li>Inheritance depth </li></ul></ul><ul><ul><li>Class coupling </li></ul></ul><ul><ul><li>Lines of code </li></ul></ul>The Challenge The Solution
  30. <ul><ul><li>Code reviews are time consuming, error prone and depends on ‘group’ knowledge </li></ul></ul><ul><ul><li>Code analysis examines every path code might take; looking for known problems and concerns; This feature has been greatly enhanced in Visual Studio 2008 </li></ul></ul><ul><ul><li>Better discoverability of the feature through the Developer top-level menu </li></ul></ul><ul><ul><li>More flexible warning suppressions </li></ul></ul><ul><ul><li>Code analysis report comparison </li></ul></ul><ul><ul><li>Enhanced code analysis check-in policy </li></ul></ul><ul><ul><li>Code-aware spell checker </li></ul></ul>The Challenge The Solution
  31. <ul><ul><li>Understanding data gathered by a profiler is difficult and tedious </li></ul></ul><ul><ul><li>In Visual Studio 2008 Team System, the industrial strength profiler has been enhanced across the board; this includes </li></ul></ul><ul><ul><li>New data collection control </li></ul></ul><ul><ul><li>WCF support </li></ul></ul><ul><ul><li>However, probably its most notable features is its ability to visually compare performance data </li></ul></ul>The Challenge The Solution
  32. Dynamically control how performance data is gathered Insert ‘marks’ which help you correlate data Compare 2 performance reports against each other
  33. <ul><ul><li>Functional testing for ASP.NET AJAX and JavaScript </li></ul></ul><ul><ul><li>Integrated code metrics </li></ul></ul><ul><ul><li>Improved performance and scalability profiling </li></ul></ul>Faster, easier development <ul><ul><li>A powerful, new HTML designer </li></ul></ul><ul><ul><li>CSS management </li></ul></ul><ul><ul><li>JavaScript debugging and Intellisense® </li></ul></ul><ul><ul><li>Better support for working with data </li></ul></ul><ul><ul><ul><ul><ul><li>ListView control </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>LinqDataSource </li></ul></ul></ul></ul></ul>Less effort, more effect <ul><ul><li>ASP.NET AJAX built-in </li></ul></ul><ul><ul><li>Enhanced AJAX functionality </li></ul></ul><ul><ul><ul><li>Better interoperability with WebParts, <asp:treeview>, <asp:menu>, etc </li></ul></ul></ul><ul><ul><li>Nested master pages </li></ul></ul><ul><ul><li>New ListView control </li></ul></ul>Breakthrough user experiences
  34. <ul><li>Install Visual Studio 2008 Trial version available </li></ul><ul><li> </li></ul><ul><li>Get the latest on ASP.NET </li></ul><ul><li> </li></ul><ul><ul><li>Download Starter kits, hands-on-labs and videos </li></ul></ul><ul><ul><li> </li></ul></ul><ul><li>Evaluation material at </li></ul><ul><li> </li></ul>
  35. © 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.