210 likes | 318 Views
Developing ASP.NET AJAX Controls with Silverlight. Agenda. AJAX Overview Silverlight Overview Silverlight and ASP.NET AJAX AJAX control with Silverlight UI Silverlight component for AJAX applications. AJAX Overview. Demo: Using AJAX. ASP.NET AJAX Architecture (“The Stack”). Client.
E N D
Agenda • AJAX Overview • Silverlight Overview • Silverlight and ASP.NET AJAX • AJAX control with Silverlight UI • Silverlight component for AJAX applications
Demo: Using AJAX
ASP.NET AJAX Architecture (“The Stack”) Client Server XHTML/CSS Server-generated Proxy Scripts ASP.NET 2.0 AJAX- enabled pages ASP.NET Web Services (ASMX) Microsoft AJAX Library ASP.NET 2.0 AJAX Extensions ASP.NET AJAX Server Controls Application Services Bridge Components Browser Compatibility Web Services Bridge Networking ASP.NET 2.0 Core Services Page Framework and Server Controls Application Services Browsers (IE, Firefox, Safari, others)
HTML and linked content sent down, including js proxy Web method call Initial page access Asynchronous response as JSON data Client-Centric Web Service Usage ASP.NET 2.0 with AJAX Extensions 1.0 Client’s Browser Web Service Proxy Presentation (HTML/CSS) ASP.NET Page MS AJAX Library / CSS files DOM Injection DOM Injection Deserialized JSON JS Client Control ASMX Service
Rich Interactive Applications Web desktop desktop Web Easy to develop and deploy, but limited features and end user experience Rich user experience, often connected, but costly to develop and difficult to deploy media & Rich Interactive Applications
IntroductionToSilverlight Silverlight is a Cross Platform, Cross Browser plug-in that renders XAML and exposes a programming model
Silverlight Features and Benefits Compelling cross-platform, cross-browser user experiences Flexible programming model with collaborative tools Efficient, lower cost of delivery, and more capable media solution Connected to Web, servers and services
Demo: SilverLight in Action
Demo: SilverLight and ASP.NET AJAX Working Together
Using Silverlight in AJAX Controls • Silverlight • Cross-platform scriptable vector graphics, media, and animation capabilities • ASP.NET AJAX controls • Incorporate Silverlight while preserving AJAX development model AJAX Control (Script) ASP.NET AJAX Server Control XAML UI
Demo: Creating an AJAX Server Control
Using AJAX Controls with Silverlight • Silverlight • Model for implementing and packaging components • AJAX API AJAX Control (Script) ASP.NET AJAX Server Control Silverlight Component (XAML, .NET)
Demo: Working with the Slide Show Control
ASP.NET AJAX Controls Overview • ASP.NET AJAX control concepts • Regular Server controls • Render HTML + Script includes + Script to instantiate client-side components • Implement IScriptControl • XAML Control • IScriptControl • Simplifies various aspects of using Silverlight
Demo: SilverLight Graph with AJAX
Resources • Silverlight Community Site • http://www.silverlight.net • Blogs • http://www.nikhilk.net • http://weblogs.asp.net/scottgu • http://blogs.msdn.com/mharsh