programmation web avec ajax

1

Programmation Programmation Web avec AJAX & AtlasWeb avec AJAX & Atlas

Dominic SévignyDominic Sévigny

NetAppsID Inc.NetAppsID Inc.

[email protected]@netappsid.com

2

AgendaAgendaIntroductionIntroduction

Qu’est-ce que AJAXQu’est-ce que AJAX

Programmation AJAX avec ASP.NET 2.0Programmation AJAX avec ASP.NET 2.0

Librairies AJAX pour le .NET Framework 1.xLibrairies AJAX pour le .NET Framework 1.x

PausePause

Programmation AJAX avec AtlasProgrammation AJAX avec Atlas

Questions et période de discussionQuestions et période de discussion

LiensLiens

À venir…À venir…

3

IntroductionIntroductionDéveloppement Windows (VB)Développement Windows (VB)

Développement Web (ASP)Développement Web (ASP)

Développement Windows orienté Web Développement Windows orienté Web (Windows Forms)(Windows Forms)

Développement Web orienté Windows Développement Web orienté Windows (Atlas)(Atlas)

Par exemple : Par exemple :

Outlook Web AccessOutlook Web Access

Google (Maps, Suggest, GMail)Google (Maps, Suggest, GMail)

Nouveau Hotmail (Microsoft Web Mail)Nouveau Hotmail (Microsoft Web Mail)

Start.comStart.com

4


AJAX (Asynchronous JavaScript And XML)AJAX (Asynchronous JavaScript And XML)

Objet COM local (Dépendant du Objet COM local (Dépendant du navigateur)navigateur)

Implémente la technologie Implémente la technologie XmlHttpRequest XmlHttpRequest Disponible depuis MS Internet Explorer 4 Disponible depuis MS Internet Explorer 4 (1998)(1998)

WebService.htc depuis .NET 1.0 (2002)WebService.htc depuis .NET 1.0 (2002)

JavaScript, DOM, HTML, and CSS JavaScript, DOM, HTML, and CSS

Simulation de AJAXSimulation de AJAX

Utilisation des « Frames » cachésUtilisation des « Frames » cachés

SmartNavigation depuis ASP.NET 1.0SmartNavigation depuis ASP.NET 1.0

5


6


Navigateur supportésNavigateur supportés

Apple Safari 1.2 et + Apple Safari 1.2 et +

Konqueror Konqueror

Microsoft Internet Explorer et +Microsoft Internet Explorer et +

Mozilla & Firefox 1.0 et +Mozilla & Firefox 1.0 et +

Netscape 7.1 et +Netscape 7.1 et +

Opera 7.6 et +Opera 7.6 et +

7


DémoDémo

8

Programmation AJAX avec ASP.NET Programmation AJAX avec ASP.NET 2.02.0

Interface Interface ICallbackEventHandlerICallbackEventHandler

MéthodeMéthode GetCallbackEventReferenceGetCallbackEventReference

Méthode Méthode RaiseCallbackEventRaiseCallbackEvent

Implémentation de baseImplémentation de base

Facile à utiliser Facile à utiliser

Bonne préparation pour AtlasBonne préparation pour Atlas

9

Programmation AJAX avec ASP.NET Programmation AJAX avec ASP.NET 2.02.0

DémoDémo

10

Librairies AJAX pour .NET Librairies AJAX pour .NET Framework 1.xFramework 1.x

Jason Diamond’s My Ajax.NETJason Diamond’s My Ajax.NET

(http://jason.diamond.name/weblog/(http://jason.diamond.name/weblog/category/asp-dot-net/) category/asp-dot-net/)

Ajax.NET Professional Ajax.NET Professional

((http://ajax.schwarz-interactive.de/cshttp://ajax.schwarz-interactive.de/csharpsample/default.aspxharpsample/default.aspx))

11

Librairies AJAX pour .NET Librairies AJAX pour .NET Framework 1.xFramework 1.x

DémoDémo

12

Programmation AJAX avec AtlasProgrammation AJAX avec Atlas

Nouveau projet de Microsoft afin de suivre Nouveau projet de Microsoft afin de suivre le marché…le marché…

« Framework » client et serveur complet« Framework » client et serveur complet

Compatible avec tous les navigateurs…Compatible avec tous les navigateurs…

Probablement un « Add-On » à ASP.NETProbablement un « Add-On » à ASP.NETComposantes serveurs (.dll)Composantes serveurs (.dll)

Composantes clients (.js)Composantes clients (.js)

Disponible en version « Go Live » en 2006Disponible en version « Go Live » en 2006

13

ASP.NET “Atlas” Server ExtensionsASP.NET “Atlas” Server Extensions

“Atlas” Server

Controls

“Atlas” Server

Controls

App Services Bridge

App Services Bridge

Web Services Bridge

Web Services Bridge

““Atlas” ArchitectureAtlas” Architecture

““Atlas” Server Atlas” Server FrameworkFramework

““Atlas” Client Framework and Atlas” Client Framework and ServicesServices

“Atlas” Client Script Library“Atlas” Client Script Library

Controls, Components

Controls, Components

Script CoreScript Core

Base Class LibraryBase Class Library

Component Model and UI FrameworkComponent Model and UI Framework

Browser Compatibility

Browser Compatibility

“Atlas” Client Application Services

“Atlas” Client Application Services

Local StoreLocal Store

BrowserIntegration

BrowserIntegration

ASP.NET 2.0ASP.NET 2.0

Application Services

Application Services

Page Framework,

Server Controls

Page Framework,

Server Controls

““Atlas”-enabled Atlas”-enabled ASP.NET PagesASP.NET Pages

““Atlas”-enabled Atlas”-enabled ASP.NET PagesASP.NET Pages

Web ServicesWeb Services(ASMX or WCF)(ASMX or WCF)

Web ServicesWeb Services(ASMX or WCF)(ASMX or WCF)

HTML, Script,HTML, Script,““Atlas”Atlas”MarkupMarkup

HTML, Script,HTML, Script,““Atlas”Atlas”MarkupMarkup

““Atlas”Atlas”ServiceServiceProxiesProxies

““Atlas”Atlas”ServiceServiceProxiesProxies

14

““Atlas” Client Script Atlas” Client Script LibraryLibraryScript core and base class libraryScript core and base class library““Atlas” script core – a full type system for Atlas” script core – a full type system for

JavascriptJavascriptClasses and interfaces, inheritance, virtual and abstract Classes and interfaces, inheritance, virtual and abstract methodsmethods

EnumerationsEnumerations

Multi-cast event handlers similar to .NETMulti-cast event handlers similar to .NET

Base class libraryBase class libraryStringBuilder, extensions to existing types StringBuilder, extensions to existing types

SerializersSerializers

Debugging and tracing classesDebugging and tracing classes

NetworkingNetworking

15

““Atlas” NetworkingAtlas” NetworkingClient networking stack layered on XMLHTTPClient networking stack layered on XMLHTTP

WebRequestWebRequest, , WebResponseWebResponse, , MethodRequestMethodRequest classes classes

ASP.NET “Atlas” Web Services BridgeASP.NET “Atlas” Web Services BridgeAccess to ASP.NET-hosted and serviced componentsAccess to ASP.NET-hosted and serviced components

ASMX and WCF services, .NET objects, ASP.NET page-level ASMX and WCF services, .NET objects, ASP.NET page-level servicesservices

Automatic client proxy generation Automatic client proxy generation <script src=“MyService.asmx/js” /><script src=“MyService.asmx/js” />

Integrated with ASP.NET intrinsicsIntegrated with ASP.NET intrinsics

Wire format: Javascript object notationWire format: Javascript object notationpublic class Location {public class Location { public Point Coordinates;public Point Coordinates; public String Name;public String Name;}}

public class Location {public class Location { public Point Coordinates;public Point Coordinates; public String Name;public String Name;}}

{ Coordinates : { X: 2.17, Y: 48.51 },{ Coordinates : { X: 2.17, Y: 48.51 },

Name : Name : ""Eiffel Tower" }Eiffel Tower" }

{ Coordinates : { X: 2.17, Y: 48.51 },{ Coordinates : { X: 2.17, Y: 48.51 },

Name : Name : ""Eiffel Tower" }Eiffel Tower" }

16

Building Web UI with Building Web UI with “Atlas”“Atlas”Components, controls, and Components, controls, and behaviorsbehaviorsWeb.ComponentWeb.Component

Reusable building blocksReusable building blocksCreated declaratively or Created declaratively or programmaticallyprogrammatically

Wired up through bindings Wired up through bindings and eventsand events

Manage their own lifetimeManage their own lifetime

UI componentsUI componentsAssociated with DHTML UI Associated with DHTML UI elementselements

Web.UI.ControlWeb.UI.Control

17

Building Web UI with Building Web UI with “Atlas”“Atlas”Creating and wiring up componentsCreating and wiring up components

<atlas:ScriptManager runat=“server” id=“TextBox1” /><atlas:ScriptManager runat=“server” id=“TextBox1” />

<atlas:TextBox runat=“server” id=“TextBox1” /> <atlas:TextBox runat=“server” id=“TextBox1” />

<atlas:Label runat=“server” id=“Label1” CssClass=“MyLabel”><atlas:Label runat=“server” id=“Label1” CssClass=“MyLabel”>

<Bindings><Bindings>

<atlas:Binding DataPath=“TextBox1” Property=“Text”><atlas:Binding DataPath=“TextBox1” Property=“Text”>

</Bindings></Bindings>

</atlas:Label></atlas:Label>

<atlas:ScriptManager runat=“server” id=“TextBox1” /><atlas:ScriptManager runat=“server” id=“TextBox1” />

<atlas:TextBox runat=“server” id=“TextBox1” /> <atlas:TextBox runat=“server” id=“TextBox1” />

<atlas:Label runat=“server” id=“Label1” CssClass=“MyLabel”><atlas:Label runat=“server” id=“Label1” CssClass=“MyLabel”>

<Bindings><Bindings>

<atlas:Binding DataPath=“TextBox1” Property=“Text”><atlas:Binding DataPath=“TextBox1” Property=“Text”>

</Bindings></Bindings>

</atlas:Label></atlas:Label>

… … Using ASP.NET server controlsUsing ASP.NET server controls

18

AtlasAtlas

DémoDémo

19

““Atlas” RoadmapAtlas” Roadmap

Public developer previews and betasPublic developer previews and betashttp://atlas.asp.net http://atlas.asp.net – Atlas community site– Atlas community site

Prototype release available nowPrototype release available now

Updates, samples, documentation on a regular Updates, samples, documentation on a regular basisbasis

We want your feedback!We want your feedback!

““Go live” Beta release sometime in 2006Go live” Beta release sometime in 2006

20

Questions et période de discussionQuestions et période de discussion

Est-ce que le style AJAX a de l’avenir?Est-ce que le style AJAX a de l’avenir?

Est-ce que Atlas a de l’avenir?Est-ce que Atlas a de l’avenir?

Quel type d’application Web utilisera cette Quel type d’application Web utilisera cette technologie?technologie?

Sécurité?Sécurité?

Allez-vous l’utiliser?Allez-vous l’utiliser?

Votre opinion?Votre opinion?

21

LiensLiens

http://atlas.asp.nethttp://atlas.asp.net

http://atlas.asp.net/forumshttp://atlas.asp.net/forums

http://msdn.microsoft.com/asp.net/http://msdn.microsoft.com/asp.net/default.aspx?pull=/library/en-us/dnaspp/default.aspx?pull=/library/en-us/dnaspp/html/aspnetspicedajax.asphtml/aspnetspicedajax.asp

22

À venirÀ venir

Formation chez Technologia le 8 et 9 Formation chez Technologia le 8 et 9 Novembre Novembre (Actualisation des compétences ASP.NET 1.x (Actualisation des compétences ASP.NET 1.x à ASP.NET 2.0)à ASP.NET 2.0)

Blog personnel uniquement sur ASP.NET Blog personnel uniquement sur ASP.NET AtlasAtlas

((http://www.dominicsevigny.comhttp://www.dominicsevigny.com à venir) à venir)

Atlas Book ???Atlas Book ???

programmation web avec ajax

Documents