Shanku Niyogi PRS 312 Group Program Manager Microsoft Corporation 2/7/2018 9:29 PM ASP.NET: Future Directions Developing Rich Web Applications with “Atlas” (Part 1) Shanku Niyogi PRS 312 Group Program Manager Microsoft Corporation ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Agenda Overview Architecture Drilldown Roadmap Part 2: 2/7/2018 9:29 PM Agenda Overview Architecture Drilldown Demo: Build a rich web application with “Atlas” Networking, client-side data binding, UI behaviors, personalization Roadmap Part 2: Developing “Atlas” components and controls Nikhil Kothari Thursday at 11:30 - Halls C & D (Petree Hall) ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

ASP.NET “Atlas” A FRAMEWORK FOR BUILDING RICHER, MORE INTERACTIVE, 2/7/2018 9:29 PM ASP.NET “Atlas” A FRAMEWORK FOR BUILDING RICHER, MORE INTERACTIVE, MORE PERSONALIZED WEB EXPERIENCES ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

A Richer Web Experience 2/7/2018 9:29 PM A Richer Web Experience ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

ASP.NET “Atlas” A FRAMEWORK FOR BUILDING RICHER, MORE INTERACTIVE, 2/7/2018 9:29 PM ASP.NET “Atlas” A FRAMEWORK FOR BUILDING RICHER, MORE INTERACTIVE, MORE PERSONALIZED WEB EXPERIENCES Increased productivity Fewer concepts, fewer lines of code Application and UI building blocks for common scenarios Easier to author, debug, and maintain Clean separation of content, style, behavior, and code Well integrated with design and development tools Seamlessly integrated application model Works with ASP.NET pages and server controls Allows access to ASP.NET-hosted web services and components Works everywhere – cross-browser, standards based ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Agenda Overview Architecture Drilldown Roadmap 2/7/2018 9:29 PM Agenda Overview Architecture Drilldown Demo: Build a rich web application with “Atlas” Networking, client databinding, UI behaviors, personalization Roadmap Part 2: Developing “Atlas” components and controls Nikhil Kothari Thursday at 11:30 - Halls C & D (Petree Hall) ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

“Atlas” Client Framework and Services “Atlas” Server Framework 2/7/2018 9:29 PM “Atlas” Architecture HTML, Script, “Atlas” Markup “Atlas” Service Proxies “Atlas”-enabled ASP.NET Pages Web Services (ASMX or WCF) “Atlas” Client Script Library Controls, Components Script Core Base Class Library Component Model and UI Framework Browser Compatibility ASP.NET “Atlas” Server Extensions “Atlas” Server Controls App Services Bridge Web Services Bridge “Atlas” Client Application Services Local Store Browser Integration ASP.NET 2.0 Application Services Page Framework, Server Controls “Atlas” Client Framework and Services “Atlas” Server Framework ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

“Atlas” Client Script Library Script core and base class library 2/7/2018 9:29 PM “Atlas” Client Script Library Script core and base class library “Atlas” script core – a full type system for Javascript Classes and interfaces, inheritance, virtual and abstract methods Enumerations Multi-cast event handlers similar to .NET Base class library StringBuilder, extensions to existing types Serializers Debugging and tracing classes Networking ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

“Atlas” Networking Client networking stack layered on XMLHTTP 2/7/2018 9:29 PM “Atlas” Networking Client networking stack layered on XMLHTTP WebRequest, WebResponse, MethodRequest classes ASP.NET “Atlas” Web Services Bridge Access to ASP.NET-hosted and serviced components ASMX and WCF services, .NET objects, ASP.NET page-level services Automatic client proxy generation <script src=“MyService.asmx/js” /> Integrated with ASP.NET application services Wire format: Javascript object notation public class Location { public Point Coordinates; public String Name; } { Coordinates : { X: 2.17, Y: 48.51 }, Name : "Eiffel Tower" } ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

“Atlas” Networking 2/7/2018 9:29 PM ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

“Atlas” Networking ASP.NET “Atlas” Application Services 2/7/2018 9:29 PM “Atlas” Networking ASP.NET “Atlas” Application Services Rich set of server-based application building blocks Authentication, role storage Roaming user profiles, UI personalization Coming soon: Unified logging and tracing, culture and globalization Accessible from any client Browser apps through “Atlas” networking stack Rich clients through Web services Extensible through ASP.NET provider model “Atlas” Page (in browser) Managed Client App Authentication Service Managed Proxy “Atlas” Authentication Service ASP.NET Membership Provider Model SQL AD WSS Custom ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Building Web UI with “Atlas” Components, controls, and behaviors 2/7/2018 9:29 PM Building Web UI with “Atlas” Components, controls, and behaviors Web.Component Reusable building blocks Created declaratively or programmatically Wired up through bindings and events Manage their own lifetime UI components Associated with DHTML UI elements Web.UI.Control ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Building Web UI with “Atlas” Client-side data binding 2/7/2018 9:29 PM Building Web UI with “Atlas” Client-side data binding Automatic data bindings between components Data source User Name: john Databound Controls Number of characters: 4 Transformers reshape data Alternates: john_11 1-way or 2-way Databinding ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Building Web UI with “Atlas” Creating and wiring up components 2/7/2018 9:29 PM Building Web UI with “Atlas” Creating and wiring up components Programmatically… var textbox1 = new Web.UI.TextBox(document.getElement(‘Textbox1')); textbox1.initialize(); var label1 = new Web.UI.Label(document.getElement(‘Label1')); var binding1 = new Web.Binding(); binding1.set_dataContext(textbox1); binding1.set_dataPath(‘text’); binding1.set_property(‘text’); binding1.set_direction(Web.BindingDirection.In); label1.get_bindings().add(binding1); label1.initialize(); ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Building Web UI with “Atlas” Creating and wiring up components 2/7/2018 9:29 PM Building Web UI with “Atlas” Creating and wiring up components … Declaratively (“Atlas” Declarative Script) … <script type=“text/xml-script”> <page xmlns := http://schemas.microsoft.com/xml-script/2005”> <components> <script:label targetElement=“Label1”> <bindings> <binding dataContext=“TextBox1" dataPath="text“ property="text" direction=“In”> </bindings> </script:label> <script:textBox targetElement=“TextBox1” /> </components> </page> </script> <div id="content"> <p><input type="text" id=“Textbox1" size="40" /></p> <p><span id=“Label1“ class=“MyLabel” /></p> </div> ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Building Web UI with “Atlas” Creating and wiring up components 2/7/2018 9:29 PM Building Web UI with “Atlas” Creating and wiring up components … Using ASP.NET server controls <atlas:ScriptManager runat=“server” id=“TextBox1” /> <atlas:TextBox runat=“server” id=“TextBox1” /> <atlas:Label runat=“server” id=“Label1” CssClass=“MyLabel”> <Bindings> <atlas:Binding DataPath=“TextBox1” Property=“Text”> </Bindings> </atlas:Label> ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

2/7/2018 9:29 PM “Atlas” UI ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Building Web UI with “Atlas” Data Editing with DataSource 2/7/2018 9:29 PM Building Web UI with “Atlas” Data Editing with DataSource Disconnected dataset-like model for Javascript Supports batched updates Call update to commit changes Call select to re-select data Optimistic concurrency Automatically wired to DataService on server Executes Select, Insert, Update methods on service ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

2/7/2018 9:29 PM Data Editing ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Adding Interactivity “Atlas” Behaviors 2/7/2018 9:29 PM Adding Interactivity “Atlas” Behaviors Behaviors add interactivity to any “Atlas” UI Easily attached to a DHTML element Built-in behaviors Richer data presentation: tooltips, floating windows Interactive input: autocomplete, drag and drop Glitz: animation and visual effects Work on all browsers ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

“Atlas” UI Behaviors 2/7/2018 9:29 PM ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Agenda Overview Architecture Drilldown Roadmap 2/7/2018 9:29 PM Agenda Overview Architecture Drilldown Demo: Build a rich web application with “Atlas” Networking, client databinding, UI behaviors, personalization Roadmap Part 2: Developing “Atlas” components and controls Nikhil Kothari Thursday at 11:30 - Halls C & D (Petree Hall) ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

“Atlas” Roadmap Public developer previews and betas 2/7/2018 9:29 PM “Atlas” Roadmap Public developer previews and betas http://atlas.asp.net – Atlas community site Prototype release available now Updates, samples, documentation on a regular basis We want your feedback! “Go live” Beta release sometime in 2006 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Coming Soon: “Atlas” Wiki 2/7/2018 9:29 PM Coming Soon: “Atlas” Wiki ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

“Atlas” Roadmap Preparing for “Atlas” 2/7/2018 9:29 PM “Atlas” Roadmap Preparing for “Atlas” Structure your application for reuse Separate application UI functionality into web services Build UI components using user controls Use CSS to style web apps Use ASP.NET 2.0 ASP.NET client callbacks (ICallbackEventHandler) UI personalization Application building-block services Start thinking about richer web UI experiences ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

2/7/2018 9:29 PM Summary ASP.NET “Atlas” will make it dramatically easier to develop richer web experiences Higher developer productivity Ease of authoring and maintenance Seamless programming model integration Works everywhere Try “Atlas” out today! ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

Community Resources At PDC After PDC For more information, go see 2/7/2018 9:29 PM Community Resources At PDC For more information, go see PRS420: “Atlas” Part 2 by Nikhil Kothari – Tomorrow, 11:30 PNL06: “What’s next for the Web Platform” – Friday, 8:30 PRSL004: “Developing gadgets for Start.com” – Friday, 12:00 Labs: ASP.NET “Atlas” Hands-on Lab Ask The Experts table: ASP.NET PRS Track lounge: I’ll be there Thursday afternoon After PDC Check out earlier talks on conference DVD PRS200 “Choosing the Right Presentation Technology” PRSL002 “Case Study: How Hotmail used Atlas and ASP.NET to build a Great User Experience” Go to http://atlas.asp.net for samples, walkthroughs, and documentation Atlas Forums at http://atlas.asp.net/forums Send me feedback directly to shankun@microsoft.com ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

2/7/2018 9:29 PM Discussion ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.

© 2005 Microsoft Corporation. All rights reserved. 2/7/2018 9:29 PM © 2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary. ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.