« Les Mercredis du développement » Ajax / Client CallBack / Atlas Présenté par Florent Santin [email protected] Etudiant à l’EPITECH Microsoft MVS Level 200
Jan 21, 2016
« 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
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