ASP.NET 2.0 : Future Directions Developing Rich Web Applications with “Atlas” 7 & 8 March 2006 ICC Gent
Contact me : gregory@wygwam.com
Your Speaker : Grégory Renard
Technical Manager (CEO) Wygwam Architect – Developer – www.wygwam.com (Be – Fr) Microsoft Régional Director BeLux My Blog : http://blogs.developpeur.org/redo
FxUserGroup
Microsoft Most Valuable Professonial .NET Microsoft CodeWise – CodeZone Member Ineta Lead Belgium [Fr] Writer for :
Community :
www.asp-php.net www.codes-sources.com www.techheadbrothers.com
Teacher at Supinfo University (Valenciennes France)
French Magazines Books on .NET, ASP.NET
Contact me : gregory@wygwam.com
Goals of This Session !
Show you that Atlas is:
Simple to understand Very easy to install Very easy to use
Provide you with a general scope of the Atlas Environnement Technology
Contact me : gregory@wygwam.com
Who knows Atlas ???
You ??? Me… I think that I know Atlas
It‟s a great book with some maps ? Or a divinity… Or a scientific experience…
No, … Atlas is a New Microsoft Product for improve your productivity
… Let me make you discover atlas !
Contact me : gregory@wygwam.com
Agenda
Based on pragmatic questions and more Code !
Ajax
What and Why ASP.NET „Atlas‟ ? How to install „Atlas‟ ? ASP.NET „Atlas‟ Architecture
How to Use „Atlas‟
Demos Demos
Demos
Demos
„Atlas Roadmap‟
Demos
Contact me : gregory@wygwam.com
What is Ajax ???
Ajax =
Asynchronous Javascript and XML
Ajax is a concept !
It uses :
HTML / CSS DOM / Javascript XML / XSLT / XMLHttpRequest
Contact me : gregory@wygwam.com
Compatibility of Ajax ?
Taken care multi-navigators
Apple Safari 1.2 + Internet Explorer 4.0 + Mozilla Firefox 1.0 + Netscape 7.1 + Opera 7.6 + … and more today and in the futur !
Contact me : gregory@wygwam.com
Process of Ajax
Client
Server Page Load
Page Loaded
Page *.aspx
XMLHttpRequest
Asynchrone call
Partial Updating
Server Response
Classe IHttpHandler *.ashx
Contact me : gregory@wygwam.com
Wygwam Site
http://www.wygwam.com
Wygwam Web Developer .NET
Windows Live Local Beta (Virtual Earth)
http://local.live.com
Contact me : gregory@wygwam.com
Contact me : gregory@wygwam.com
Contact me : gregory@wygwam.com
What is ASP.NET „Atlas‟ ?
Atlas = ASP.NET v2 + Ajax
Contact me : gregory@wygwam.com
What is ASP.NET „Atlas‟ ?
A FRAMEWORK FOR BUILDING RICHER, MORE INTERACTIVE, MORE PERSONALIZED WEB EXPERIENCES
ASP.NET “Atlas” is a package of new Web development technologies that integrates an extensive set of client script libraries with the rich, serverbased development platform of ASP.NET 2.0. “Atlas” enables you to develop Web applications that can update data on a Web page by making direct calls to a Web server — without needing to round trip the page. With “Atlas”, you can take advantage of the best of ASP.NET and server-side code while doing much of the work in the browser, enabling a richer user experience.
Contact me : gregory@wygwam.com
What is ASP.NET „Atlas‟ ?
Application Web interactive Framework component oriented Imperative or declaratory Development Development Server possible Perfect Integration with ASP.NET 2.0
Contact me : gregory@wygwam.com
“Atlas” Scenarios
“AJAX”ified ASP.NET Applications
Incremental approach to enrichment „updatepanel‟, „extender‟, … Enables key scenarios in easy manner
Next-generation Web Applications
Interactive and rich, intuitive UX (User Experience) Leverage full power of script/DHTML
Extensibility and 3rd party opportunities
Build on the core platform Enable custom and advanced scenarios
Contact me : gregory@wygwam.com
ASP.NET „Atlas‟ Website
http://www.asp.net
Contact me : gregory@wygwam.com
How to install „Atlas‟ ?
Template ASP.NET „Atlas‟ :
Go to : http://go.microsoft.com/fwlink/?LinkId=52384 Download the VSI file for creating a blank ASP.NET "Atlas" Web site (December 2005 Release) After downloading the file, double-click the ASPNETAtlas.VSI file to start the installation
In 5 minutes : „Very Easy to Install‟ !
Contact me : gregory@wygwam.com
How to Install „Atlas‟ ?
Create ASP.NET "Atlas" Web Site in VS2005
File menu / select New /in the submenu click Web Site
Contact me : gregory@wygwam.com
My First ASP.NET „Atlas‟ Application
Content of a Template Atlas application
Contact me : gregory@wygwam.com
ASP.NET “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
ASP.NET “Atlas” Server Extensions
“Atlas” Server Controls
App Services Bridge
“Atlas” Client Application Services
Local Store Browser Integration
Component Model and UI Framework
Base Class Library
Web Services Bridge
ASP.NET 2.0
Script Core Browser Compatibility
Page Framework, Server Controls
Application Services
“Atlas” Client Framework and Services
“Atlas” Server Framework
Next-Generation Web Applications
Provide a script framework that makes it possible to create interactive applications, and to interact easily with the server and services while scripting in a disciplined manner. Disciplined and more manageable script
OOP in JavaScript .NET-like APIs on core script objects Classes to encapsulate data and logic, and attach to HTML in an unobtrusive manner Declarative XML script to define behavior of application Cross-browser abstraction layer to provide a uniform DOM API
Contact me : gregory@wygwam.com
Next-generation Web Applications
Client Script Framework
Networking Stack
Raw WebRequests, Web services and Web methods
Data
Automatic JSON-based serialization of object graphs DataSource, DataSet/DataTable/DataRow objects Bi-directional binding Future: XML/XPATH binding Components, controls and Behaviors Data-bound controls, Map control, … Drag/Drop, Visual Effects
XML Script – declarative mechanism to instantiate and wire together components on the page
Automatic script proxy generation
UI Framework and Controls
Component Framework
Contact me : gregory@wygwam.com
Classes and interfaces, inheritance
Contact me : gregory@wygwam.com
How to use „Atlas‟… Before Atlas
Server-Centric Programming Model
Browser “Application” Initial Rendering (UI + Behavior) Input Data
ASP.NET Application
Pages
Presentation (HTML/CSS)
Updated UI + Behavior
UI Behavior (Managed Code)
Atlas Script Framework
Component/UI Framework, Controls Client Application Services
ASP.NET
Page Framework, Server Controls
Application Services
Contact me : gregory@wygwam.com
How to use „Atlas‟ … With Atlas !
Client-Centric Programming Model
Browser “Application”
Presentation (HTML/CSS) “Atlas” Service Proxies
ASP.NET Application
Initial Rendering (UI + Behavior)
Pages
Data Data
Web Services
UI Behavior (Script)
Atlas Script Framework
Component/UI Framework, Controls Client Application Services
ASP.NET
Page Framework, Server Controls
Application Services
Contact me : gregory@wygwam.com
Common Application Model
Share Application services
Authentication, Profile Roles, Workflow, Deployment, Feedback, Monitoring, etc. etc.
Share application business logic
Objects on the server Expose objects as services for script
As well as other client presentation (WPF, WPF/E)
Future:
Super-easy way to tap into 3rd party Web services (REST and SOAP)
Contact me : gregory@wygwam.com
Application Web 2.0 Control Development
Contact me : gregory@wygwam.com
„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
Contact me : gregory@wygwam.com
Summary… „Atlas‟
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!
Contact me : gregory@wygwam.com
Go to http://atlas.asp.net for samples, walkthroughs, and documentation Atlas Forums at http://atlas.asp.net/forums Contact us : info@wygwam.com http://www.wygwam.be
Contact me : gregory@wygwam.com
Contact me : gregory@wygwam.com