Your SlideShare is downloading. ×
0
Programmation  Web avec AJAX & Atlas <ul><li>Dominic Sévigny </li></ul><ul><li>NetAppsID Inc. </li></ul><ul><li>[email_add...
Agenda <ul><li>Introduction </li></ul><ul><li>Qu’est-ce que AJAX </li></ul><ul><li>Programmation AJAX avec ASP.NET 2.0 </l...
Introduction <ul><li>Développement Windows (VB) </li></ul><ul><li>Développement Web (ASP) </li></ul><ul><li>Développement ...
Qu’est-ce que AJAX <ul><li>AJAX (Asynchronous JavaScript And XML) </li></ul><ul><li>Objet COM local (Dépendant du navigate...
Qu’est-ce que AJAX
Qu’est-ce que AJAX <ul><li>Navigateur supportés </li></ul><ul><li>Apple Safari 1.2 et +  </li></ul><ul><li>Konqueror  </li...
Qu’est-ce que AJAX <ul><li>Démo </li></ul>
Programmation AJAX avec ASP.NET 2.0 <ul><li>Interface  ICallbackEventHandler   </li></ul><ul><li>Méthode  GetCallbackEvent...
Programmation AJAX avec ASP.NET 2.0 <ul><li>Démo </li></ul>
Librairies AJAX pour .NET Framework 1.x <ul><li>Jason Diamond’s My Ajax.NET </li></ul><ul><li>(http://jason.diamond.name/w...
Librairies AJAX pour .NET Framework 1.x <ul><li>Démo </li></ul>
Programmation AJAX avec Atlas <ul><li>Nouveau projet de Microsoft afin de suivre le marché… </li></ul><ul><li>« Framework ...
“Atlas” Architecture “ Atlas” Server Framework “ Atlas” Client Framework and Services “ Atlas”-enabled  ASP.NET Pages Web ...
“Atlas” Client Script Library Script core and base class library <ul><li>“ Atlas” script core – a full type system for Jav...
“Atlas” Networking <ul><li>Client networking stack layered on XMLHTTP </li></ul><ul><ul><li>WebRequest ,  WebResponse ,  M...
Building Web UI with “Atlas” Components, controls, and behaviors <ul><li>Reusable building blocks </li></ul><ul><ul><li>Cr...
Building Web UI with “Atlas” Creating and wiring up components <ul><li>…  Using ASP.NET server controls </li></ul><atlas:S...
Atlas <ul><li>Démo </li></ul>
“Atlas” Roadmap <ul><li>Public developer previews and betas </li></ul><ul><ul><li>http://atlas.asp.net  – Atlas community ...
Questions et période de discussion <ul><li>Est-ce que le style AJAX a de l’avenir? </li></ul><ul><li>Est-ce que Atlas a de...
Liens <ul><li>http://atlas.asp.net </li></ul><ul><li>http://atlas.asp.net/forums </li></ul><ul><li>http://msdn.microsoft.c...
À venir <ul><li>Formation chez Technologia le 8 et 9 Novembre  (Actualisation des compétences ASP.NET 1.x à ASP.NET 2.0) <...
Upcoming SlideShare
Loading in...5
×

Programmation Web avec AJAX

514

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
514
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Programmation Web avec AJAX "

  1. 1. Programmation Web avec AJAX & Atlas <ul><li>Dominic Sévigny </li></ul><ul><li>NetAppsID Inc. </li></ul><ul><li>[email_address] </li></ul>
  2. 2. Agenda <ul><li>Introduction </li></ul><ul><li>Qu’est-ce que AJAX </li></ul><ul><li>Programmation AJAX avec ASP.NET 2.0 </li></ul><ul><li>Librairies AJAX pour le .NET Framework 1.x </li></ul><ul><li>Pause </li></ul><ul><li>Programmation AJAX avec Atlas </li></ul><ul><li>Questions et période de discussion </li></ul><ul><li>Liens </li></ul><ul><li>À venir… </li></ul>
  3. 3. Introduction <ul><li>Développement Windows (VB) </li></ul><ul><li>Développement Web (ASP) </li></ul><ul><li>Développement Windows orienté Web (Windows Forms) </li></ul><ul><li>Développement Web orienté Windows (Atlas) </li></ul><ul><li>Par exemple : </li></ul><ul><li>Outlook Web Access </li></ul><ul><li>Google (Maps, Suggest, GMail) </li></ul><ul><li>Nouveau Hotmail (Microsoft Web Mail) </li></ul><ul><li>Start.com </li></ul>
  4. 4. Qu’est-ce que AJAX <ul><li>AJAX (Asynchronous JavaScript And XML) </li></ul><ul><li>Objet COM local (Dépendant du navigateur) </li></ul><ul><li>Implémente la technologie XmlHttpRequest </li></ul><ul><li>Disponible depuis MS Internet Explorer 4 (1998) </li></ul><ul><li>WebService.htc depuis .NET 1.0 (2002) </li></ul><ul><li>JavaScript, DOM, HTML, and CSS </li></ul><ul><li>Simulation de AJAX </li></ul><ul><li>Utilisation des « Frames » cachés </li></ul><ul><li>SmartNavigation depuis ASP.NET 1.0 </li></ul>
  5. 5. Qu’est-ce que AJAX
  6. 6. Qu’est-ce que AJAX <ul><li>Navigateur supportés </li></ul><ul><li>Apple Safari 1.2 et + </li></ul><ul><li>Konqueror </li></ul><ul><li>Microsoft Internet Explorer et + </li></ul><ul><li>Mozilla & Firefox 1.0 et + </li></ul><ul><li>Netscape 7.1 et + </li></ul><ul><li>Opera 7.6 et + </li></ul>
  7. 7. Qu’est-ce que AJAX <ul><li>Démo </li></ul>
  8. 8. Programmation AJAX avec ASP.NET 2.0 <ul><li>Interface ICallbackEventHandler </li></ul><ul><li>Méthode GetCallbackEventReference </li></ul><ul><li>Méthode RaiseCallbackEvent </li></ul><ul><li>Implémentation de base </li></ul><ul><li>Facile à utiliser </li></ul><ul><li>Bonne préparation pour Atlas </li></ul>
  9. 9. Programmation AJAX avec ASP.NET 2.0 <ul><li>Démo </li></ul>
  10. 10. Librairies AJAX pour .NET Framework 1.x <ul><li>Jason Diamond’s My Ajax.NET </li></ul><ul><li>(http://jason.diamond.name/weblog/category/asp-dot-net/) </li></ul><ul><li>Ajax.NET Professional </li></ul><ul><li>( http://ajax.schwarz-interactive.de/csharpsample/default.aspx ) </li></ul>
  11. 11. Librairies AJAX pour .NET Framework 1.x <ul><li>Démo </li></ul>
  12. 12. Programmation AJAX avec Atlas <ul><li>Nouveau projet de Microsoft afin de suivre le marché… </li></ul><ul><li>« Framework » client et serveur complet </li></ul><ul><li>Compatible avec tous les navigateurs… </li></ul><ul><li>Probablement un « Add-On » à ASP.NET </li></ul><ul><ul><li>Composantes serveurs (.dll) </li></ul></ul><ul><ul><li>Composantes clients (.js) </li></ul></ul><ul><li>Disponible en version « Go Live » en 2006 </li></ul>
  13. 13. “Atlas” Architecture “ Atlas” Server Framework “ Atlas” Client Framework and Services “ Atlas”-enabled ASP.NET Pages Web Services (ASMX or WCF) HTML, Script, “ Atlas” Markup “ Atlas” Service Proxies ASP.NET “Atlas” Server Extensions “ Atlas” Server Controls App Services Bridge Web Services Bridge “ Atlas” Client Script Library Controls, Components Script Core Base Class Library Component Model and UI Framework Browser Compatibility “ Atlas” Client Application Services Local Store Browser Integration ASP.NET 2.0 Application Services Page Framework, Server Controls
  14. 14. “Atlas” Client Script Library Script core and base class library <ul><li>“ Atlas” script core – a full type system for Javascript </li></ul><ul><ul><li>Classes and interfaces, inheritance, virtual and abstract methods </li></ul></ul><ul><ul><li>Enumerations </li></ul></ul><ul><ul><li>Multi-cast event handlers similar to .NET </li></ul></ul><ul><li>Base class library </li></ul><ul><ul><li>StringBuilder, extensions to existing types </li></ul></ul><ul><ul><li>Serializers </li></ul></ul><ul><ul><li>Debugging and tracing classes </li></ul></ul><ul><ul><li>Networking </li></ul></ul>
  15. 15. “Atlas” Networking <ul><li>Client networking stack layered on XMLHTTP </li></ul><ul><ul><li>WebRequest , WebResponse , MethodRequest classes </li></ul></ul><ul><li>ASP.NET “Atlas” Web Services Bridge </li></ul><ul><ul><li>Access to ASP.NET-hosted and serviced components </li></ul></ul><ul><ul><ul><li>ASMX and WCF services, .NET objects, ASP.NET page-level services </li></ul></ul></ul><ul><ul><li>Automatic client proxy generation </li></ul></ul><ul><ul><ul><li><script src=“MyService.asmx/js” /> </li></ul></ul></ul><ul><ul><li>Integrated with ASP.NET intrinsics </li></ul></ul><ul><li>Wire format: Javascript object notation </li></ul>public class Location { public Point Coordinates; public String Name; } { Coordinates : { X: 2.17, Y: 48.51 }, Name : &quot; Eiffel Tower&quot; }
  16. 16. Building Web UI with “Atlas” Components, controls, and behaviors <ul><li>Reusable building blocks </li></ul><ul><ul><li>Created declaratively or programmatically </li></ul></ul><ul><ul><li>Wired up through bindings and events </li></ul></ul><ul><ul><li>Manage their own lifetime </li></ul></ul><ul><li>UI components </li></ul><ul><ul><li>Associated with DHTML UI elements </li></ul></ul>Web.Component Web.UI.Control
  17. 17. Building Web UI with “Atlas” Creating and wiring up components <ul><li>… Using ASP.NET server controls </li></ul><atlas:ScriptManager runat=“server” id=“TextBox1” /> <atlas:TextBox runat=“server” id=“TextBox1” /> <atlas:Label runat=“server” id=“Label1” CssClass=“MyLabel”> <Bindings> <atlas:Binding DataPath=“TextBox1” Property=“Text”> </Bindings> </atlas:Label>
  18. 18. Atlas <ul><li>Démo </li></ul>
  19. 19. “Atlas” Roadmap <ul><li>Public developer previews and betas </li></ul><ul><ul><li>http://atlas.asp.net – Atlas community site </li></ul></ul><ul><ul><li>Prototype release available now </li></ul></ul><ul><ul><li>Updates, samples, documentation on a regular basis </li></ul></ul><ul><ul><li>We want your feedback! </li></ul></ul><ul><li>“ Go live” Beta release sometime in 2006 </li></ul>
  20. 20. Questions et période de discussion <ul><li>Est-ce que le style AJAX a de l’avenir? </li></ul><ul><li>Est-ce que Atlas a de l’avenir? </li></ul><ul><li>Quel type d’application Web utilisera cette technologie? </li></ul><ul><li>Sécurité? </li></ul><ul><li>Allez-vous l’utiliser? </li></ul><ul><li>Votre opinion? </li></ul>
  21. 21. Liens <ul><li>http://atlas.asp.net </li></ul><ul><li>http://atlas.asp.net/forums </li></ul><ul><li>http://msdn.microsoft.com/asp.net/default.aspx?pull=/library/en-us/dnaspp/html/aspnetspicedajax.asp </li></ul>
  22. 22. À venir <ul><li>Formation chez Technologia le 8 et 9 Novembre (Actualisation des compétences ASP.NET 1.x à ASP.NET 2.0) </li></ul><ul><li>Blog personnel uniquement sur ASP.NET Atlas </li></ul><ul><li>( http://www.dominicsevigny.com à venir) </li></ul><ul><li>Atlas Book ??? </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×