150 likes | 235 Views
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 Ajax.NET (Démo) ASP.NET 2.0 et ClientCallBack (Démo) Atlas Architecture Syntaxes (Démos)
E N D
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 • Ajax.NET (Démo) • ASP.NET 2.0 et ClientCallBack (Démo) • Atlas • Architecture • Syntaxes (Démos) • Databinding (Démo)
AJAX - définition • Asynchronous Javascript and XML • Utilisation conjointe de • HTML / CSS • DOM / Javascript • XML / XSLT / XMLHttpRequest
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 +
Page *.aspx Classe IHttpHandler *.ashx Page chargée XMLHttp- Request Mise à jour partielle AJAX – ASP.NET 1.1 Client Serveur Chargement de la page Appel asynchrone Réponse du serveur
Ajax.NETClientCallBack demo 1
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
Compatibilité navigateur Extensions Javascripts Classes de base Gestion du réseau UI Framework Contrôles spécifiques Atlas « coté client » Atlas Framework Client
Contrôles serveur Atlas Connecteurs Web Services pour Atlas Connecteurs services applicatifs pour Atlas Framework de page Et contrôles serveur Services applicatifs ASP.NET Atlas « coté serveur » ASP.NET Atlas ASP.NET 2.0
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 • Atlas déclaratif <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
Quelques liens • Ajax en .NET • 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