« 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.

Présentation au sujet: "« 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."— Transcription de la présentation:

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

2 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

3 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

4 1997 2002 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 2.0 2006 + Atlas

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

6 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!

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

8 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

9 demo demo Le site Wygwam http://www.wygwam.com Wygwam des développeur Web en.NET Windows Live Local Beta (Virtual Earth) http://local.live.com

10

11

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

13 Définition d’ASP.NET - ATLAS

14 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

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

16 Atlas //… Atlas déclaratif

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

18

19 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.

20 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

21 Ressources Ressources Site Web d’‘Atlas’ ASP.NET http://www.asp.net http://atlas.asp.net/

22

23 Le Template ATLAS Template ‘Atlas’ ASP.NET ( 459Ko ): http://go.microsoft.com/fwlink/?LinkId=52384 http://go.microsoft.com/fwlink/?LinkId=52384http://go.microsoft.com/fwlink/?LinkId=52384 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

24 demo demo ASP.NET Atlas, découverte …

25 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

26 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.

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

28 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

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

30 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

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

32 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 !

33 Ressources Ressources http://atlas.asp.net Forums: http://atlas.asp.net/forums http://atlas.asp.net/forums Contactez nous info@wygwam.com gregory@wygwam.com http://www.wygwam.com

34