« Les Mercredis du développement » Le Web 2.0 avec Atlas et les Toolkits Grégory Renard [Rédo] Wygwam Level 200 Pierre Lagarde Microsoft France

Qui connaît Atlas ??? Voyons: Qu’est ce que Atlas? Voyons: Qu’est ce que Atlas? Livres blindés de cartes ??? Divinité ??? Expérience scientifique ??? En fait, … Atlas est une nouvelle technologie proposée par Microsoft pour améliorer la productivité et la richesse de vos développements Web

Objectifs Vous montrer que la technologie ATLAS est: Simple à comprendre Une utilisation facile et puissante la continuité de ce que vous avez toujours fait en ASP.NET Vous offrir une vue générale sur la technologique ATLAS

Plain ASP ASP.NET 1.x Objectif : la continuité… Respecte ce que vous avez toujours réalisé Juste une prolongation Permet « The extra mile » 2005 ASP.NET Atlas

Agenda Introduction à Ajax Pourquoi ‘Atlas’ ASP.NET? Installer ‘Atlas’ Architecture de ‘Atlas’ ASP.NET Usage de ‘Atlas’ Préparez-vous à Atlas

AJAX - Introduction Ajax = Asynchronous Javascript and XML Ajax N’EST PAS une nouvelle technologie! Ajax utilise Plain old HTML / CSS Simple DOM / Javascript Classic XML / XSLT / XMLHttpRequest Vous pourriez l’avoir fait par vous-même! Vous pourriez l’avoir fait par vous-même!

AJAX - compatibilité Prise en charge multi-navigateurs Apple Safari Konqueror Internet Explorer Mozilla Firefox Netscape Opera 7.6 +

Client 2. Chargement (HTML) 3. XMLHttpRequest 4. Réponse du serveur Balises HTML / CSS Script JavaScript / DOM Atlas Framework Client 1. Request (*.aspx) Serveur ASP.NET Code Web Service(s) Atlas Framework Serveur AJAX - processus

demo demo Le site Wygwam Wygwam des développeur Web en.NET Windows Live Local Beta (Virtual Earth)

Qu’est ce que ASP.NET « ATLAS »? Atlas = ASP.NET + Ajax

Définition d’ASP.NET - ATLAS

Qu’est ce que ‘Atlas’ ASP.NET? Une application Web Interactive Des composant Client-Side côté serveur 3 façons de développer Une intégration parfaite avec ASP.NET 2.0 Visual Studio 2005 Imperative Plain Scripting DeclarativeDescription Features/Attribute values using DOM Server Controls Server-side Generates DOM statements

Atlas function GetValues() { MonWebService.getValues(GetValues_CallBack); } function GetValues_CallBack(result){ //… } Impératif d'atlas

Atlas //… Atlas déclaratif

Atlas <atlas:DataSource runat="server" ID="dataSource" ServiceUrl="monWebservice.asmx" /> Commandes du serveur d'atlas

Avec votre application ASP.NET? Créez des pages ATLAS En ajoutant le contrôle « ScriptManager » Permettez un Rendu Partiel Etendez vos contrôles existants AutoCompleteExtender, DragOverlayExtender, etc.

Scenarios d’utilisation d’ATLAS “AJAX”-enabling existing apps 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 3 rd party opportunities Build on the core platform Enable custom/advanced scenarios

Ressources Ressources Site Web d’‘Atlas’ ASP.NET

Le Template ATLAS Template ‘Atlas’ ASP.NET ( 459Ko ): Télécharger le fichier VSI pour créer un site Web vierge en "atlas" ASP.NET Double-clic sur le dossier d'ASPNETAtlas.VSI pour commencer la configuration du modèle

demo demo ASP.NET Atlas, découverte …

ASP.NET “Atlas” Server Extensions “Atlas” Server Controls “Atlas” Server Controls App Services Bridge Web Services Bridge Architecture ASP.NET ATLAS “Atlas” Server Framework “Atlas” Client Framework and Services “Atlas” Client Script Library Controls, Components Script Core Base Class Library Component Model and UI Framework Browser Compatibility “Atlas” Client Application Services Local Store Browser Integration Browser Integration ASP.NET 2.0 Application Services Page Framework, Server Controls Page Framework, Server Controls “Atlas”-enabled ASP.NET Pages “Atlas”-enabled Web Services (ASMX or WCF) Web Services (ASMX or WCF) HTML, Script, “Atlas”Markup “Atlas”Markup“Atlas”ServiceProxies“Atlas”ServiceProxies

Prochaine génération d’Applications Web Manuscrit discipliné et en plus maniable 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 Fournir un framework script qui permet de créer des applications interactives réagir facilement avec le serveur et les services tout en scriptant d'une façon disciplinée.

Demo Demo ATLAS’ifié vos applications ASP.NET 2.0 DragOverlayExtender / Calendar, GridView

Comment utiliser ‘Atlas’… Avec L'Atlas Modèle De Programmation Client-Central Browser “Application” Presentation(HTML/CSS)Presentation(HTML/CSS) “Atlas”ServiceProxies“Atlas”ServiceProxies UI Behavior (Script) (Script) ASP.NET Application Services Page Framework, Server Controls Page Framework, Server Controls ASP.NET Application PagesPages WebServicesWebServices Atlas Script Framework Client Application Services Component/UI Framework, Controls Component/UI Framework, Controls Initial Rendering (UI + Behavior) Data

Demo Demo Une nouvelle expérience utilisateur avec l'atlas ! AutoCompletionTextBox

Préparez-vous à utiliser ATLAS Structurer votre application Utilisez les services Web afin de séparer les interfaces de vos logiques métiers Construisez vos interfaces sur base de contrôles Utilisez les CSS Utiliser ASP.NET 2.0 ASP.NET client callbacks ( ICallbackEventHandler ) personnalisation Application building-block services Commencez à penser à des interfaces clients plus riches

Demo Demo Allez plus loin dans la démarche avec les contrôles ToolKit ATLAS

ATLAS … En Conclusion ASP.NET ATLAS facilitera spectaculairement le développement d’application web riches ATLAS apportera au développeur : Une plus grande productivité des applications riches Facilité d'écrire et de maintenance des applications riches Intégration du modèle de programmation Fonctionne sur tout type de navigateur Essayez "atlas" dés aujourd'hui !

Ressources Ressources Forums: Contactez nous