« Les Mercredis du développement »

Ajax / Client CallBack / Atlas

« Les Mercredis du développement »

Ajax / Client CallBack / Atlas

Présenté par Florent Santin

florent@santin.orgEtudiant à l’EPITECH

Microsoft MVS

Level 200Level 200

AgendaAgenda

Introduction à AJAXIntroduction à AJAXAjax.NET (Démo)Ajax.NET (Démo)

ASP.NET 2.0 et ClientCallBack (Démo)ASP.NET 2.0 et ClientCallBack (Démo)

AtlasAtlasArchitectureArchitecture

Syntaxes (Démos)Syntaxes (Démos)

Databinding (Démo)Databinding (Démo)

AJAX - définitionAJAX - définition

Asynchronous Javascript and XMLAsynchronous Javascript and XML

Utilisation conjointe deUtilisation conjointe deHTML / CSSHTML / CSS

DOM / JavascriptDOM / Javascript

XML / XSLT / XMLHttpRequestXML / XSLT / XMLHttpRequest

AJAX - compatibilitéAJAX - compatibilité

Prise en charge multi-navigateursPrise en charge multi-navigateursApple Safari 1.2 +Apple Safari 1.2 +

KonquerorKonqueror

Internet Explorer 4.0 +Internet Explorer 4.0 +

Mozilla Firefox 1.0 +Mozilla Firefox 1.0 +

Netscape 7.1 +Netscape 7.1 +

Opera 7.6 +Opera 7.6 +

AJAX – ASP.NET 1.1AJAX – ASP.NET 1.1

PagePage*.aspx*.aspx

ServeurClient

Chargement de la page

Appel asynchrone

Classe Classe IHttpHandlerIHttpHandler

*.ashx*.ashxRéponse du serveur

Page chargéePage chargée

XMLHttp-XMLHttp-RequestRequest

Mise à jourMise à jourpartiellepartielle

Ajax.NETClientCallBackAjax.NETClientCallBack

demo 1demo 1

AtlasAtlas

Framework AtlasFramework AtlasApplication web interactivesApplication web interactives

Framework orienté composantsFramework orienté composants

Développement impératif ou déclaratifDéveloppement impératif ou déclaratif

Développement coté serveur possibleDéveloppement coté serveur possible

Intégration parfaite avec ASP.NET 2.0Intégration parfaite avec ASP.NET 2.0

Atlas « coté client »Atlas « coté client »

Compatibilité navigateurCompatibilité navigateur

Extensions JavascriptsExtensions Javascripts

Classes Classes de basede base

Gestion du Gestion du réseauréseau

UI FrameworkUI Framework

Contrôles spécifiquesContrôles spécifiques

Atlas Framework Client

Atlas « coté serveur »Atlas « coté serveur »

Contrôles serveurContrôles serveurAtlasAtlas

Connecteurs Connecteurs Web ServicesWeb Services

pour Atlaspour Atlas

ASP.NET Atlas

Connecteurs Connecteurs services applicatifsservices applicatifs

pour Atlaspour Atlas

ASP.NET 2.0

Framework de pageFramework de pageEt contrôles serveurEt contrôles serveur

Services applicatifsServices applicatifsASP.NETASP.NET

AtlasAtlas

<input id="monButton" type="button" onclick="GetValues" value="click me" />

<script type="text/javascript"> function GetValues() { MonWebService.getValues(GetValues_CallBack); }

function GetValues_CallBack(result){ //… }</script>

Atlas impératif Atlas impératif

AtlasAtlas

<input id="monButton" type="button" value="click me" />

<script type="text/xml-script"> <page … > <dataSource id="dataSource" serviceURL="monWebservice.asmx" />

<button id="buttonAction" targetElement="monButton"> <click>

<invokeMethod target="dataSource" method="GetValues" />//…

</click> </button> </page></script>

Atlas déclaratif Atlas déclaratif

AtlasAtlas

<atlas:DataSource runat="server" ID="dataSource" ServiceUrl="monWebservice.asmx" /> <atlas:Button runat="server" ID="monButton" Text="click me"> <Click> <Actions> <atlas:InvokeMethodAction Target="dataSource" Method="GetValues" /> </Actions> </Click> </atlas:Button>

Atlas serveur Atlas serveur

Développement avec AtlasDéveloppement avec Atlas

demo 2demo 2

Quelques liensQuelques liens

Ajax en .NETAjax en .NEThttp://www.techheadbrothers.com/DesktopDefaulhttp://www.techheadbrothers.com/DesktopDefault.aspx?tabindex=1&tabid=7&AId=105t.aspx?tabindex=1&tabid=7&AId=105

Ajax.NETAjax.NEThttp://ajax.schwarz-interactive.dehttp://ajax.schwarz-interactive.de

Client CallBackClient CallBackhttp://www.techheadbrothers.com/DesktopDefaulhttp://www.techheadbrothers.com/DesktopDefault.aspx?tabindex=1&tabid=7&AId=68t.aspx?tabindex=1&tabid=7&AId=68

AtlasAtlashttp://atlas.asp.nethttp://atlas.asp.net

http://start.com/developer/atlasruntime.aspxhttp://start.com/developer/atlasruntime.aspx