« Les Mercredis du développement » Ajax / Client CallBack / Atlas

Présentation au sujet: "« Les Mercredis du développement » Ajax / Client CallBack / Atlas"— Transcription de la présentation:

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

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

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

4 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 +

5 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

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

7 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

8 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

9 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

10 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>

11 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>

12 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>

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

14 Quelques liens Ajax en .NET Ajax.NET Client CallBack Atlas
Ajax.NET Client CallBack Atlas

15