« Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à l’EPITECH Microsoft MVS « Les Mercredis du développement » Ajax / Client CallBack / Atlas Level 200

Agenda Introduction à AJAX Atlas Ajax.NET (Démo) ASP.NET 2.0 et ClientCallBack (Démo) Atlas Architecture Syntaxes (Démos) Databinding (Démo)

Asynchronous Javascript and XML Utilisation conjointe de AJAX - définition Asynchronous Javascript and XML Utilisation conjointe de HTML / CSS DOM / Javascript XML / XSLT / XMLHttpRequest

Prise en charge multi-navigateurs 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 +

AJAX – ASP.NET 1.1 Page chargée Page *.aspx XMLHttp- Request Classe Client Serveur Page *.aspx Page chargée Chargement de la page XMLHttp- Request Appel asynchrone Classe IHttpHandler *.ashx Réponse du serveur Mise à jour partielle

Ajax.NET ClientCallBack demo 1 Ajax.NET ClientCallBack Démo dans l’émulateur WAP

Atlas Framework Atlas Application web interactives Framework orienté composants Développement impératif ou déclaratif Développement coté serveur possible Intégration parfaite avec ASP.NET 2.0

Contrôles spécifiques Extensions Javascripts Compatibilité navigateur Atlas « coté client » Atlas Framework Client Contrôles spécifiques UI Framework Classes de base Gestion du réseau Extensions Javascripts Compatibilité navigateur

Atlas « coté serveur » Connecteurs Web Services pour Atlas ASP.NET Atlas Connecteurs Web Services pour Atlas Contrôles serveur Atlas Connecteurs services applicatifs pour Atlas ASP.NET 2.0 Framework de page Et contrôles serveur Services applicatifs ASP.NET

Atlas Atlas impératif <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 déclaratif Atlas <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 Atlas serveur <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>

Développement avec Atlas demo 2 Développement avec Atlas Démo dans l’émulateur WAP

Quelques liens Ajax en .NET Ajax.NET Client CallBack Atlas http://www.techheadbrothers.com/DesktopDefault.aspx?tabindex=1&tabid=7&AId=105 Ajax.NET http://ajax.schwarz-interactive.de Client CallBack http://www.techheadbrothers.com/DesktopDefault.aspx?tabindex=1&tabid=7&AId=68 Atlas http://atlas.asp.net http://start.com/developer/atlasruntime.aspx