« les mercredis du développement » ajax / client callback / atlas présenté par florent santin...
TRANSCRIPT
![Page 1: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/1.jpg)
« Les Mercredis du développement »
Ajax / Client CallBack / Atlas
« Les Mercredis du développement »
Ajax / Client CallBack / Atlas
Présenté par Florent Santin
[email protected] à l’EPITECH
Microsoft MVS
Level 200Level 200
![Page 2: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/2.jpg)
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)
![Page 3: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/3.jpg)
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
![Page 4: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/4.jpg)
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 +
![Page 5: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/5.jpg)
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
![Page 6: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/6.jpg)
Ajax.NETClientCallBackAjax.NETClientCallBack
demo 1demo 1
![Page 7: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/7.jpg)
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
![Page 8: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/8.jpg)
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
![Page 9: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/9.jpg)
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
![Page 10: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/10.jpg)
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
![Page 11: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/11.jpg)
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
![Page 12: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/12.jpg)
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
![Page 13: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/13.jpg)
Développement avec AtlasDéveloppement avec Atlas
demo 2demo 2
![Page 14: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/14.jpg)
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
![Page 15: « Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin florent@santin.org Etudiant à lEPITECH Microsoft MVS Level](https://reader035.vdocuments.pub/reader035/viewer/2022081602/551d9d7d497959293b8b4e7f/html5/thumbnails/15.jpg)