GIS and Media fusion

"The explosive growth of the GeoWeb and geographic information has made GIS powerful media for the general public to communicate, but perhaps more importantly, GIS have also become media for constructive dialogs and interactions about social issues." - Sui & Goodchild

User Tools

Site Tools


ajax2:start

Module MASRAD :: AJAX (2)

Objectifs : acquérir de bonnes connaissances pratiques dans l'utilisation des techniques dites AJAX pour la création d'applications web. Connaître et manipuler les principes et mécanismes de base de l'approche asynchrone de communication client-serveur.

  • Organisation : succession d'introductions de concept et de mises en pratique (certaines dirigées, d'autres sous forme d'exercices)
  • Sessions de cours (17h30, salle T131, à la HEIG-VD, St-Roch) selon planning MAS-RAD

Feuille de route

  • Introduction : le concept AJAX (Asynchronous Javascript and XML), c'est quoi ? ça sert à quoi ?
  • Partie 1 : les variantes de technique AJAX
  • Partie 2 : jQuery, une bibliothèque JS en facilitant la mise en oeuvre
  • Utilisation avec un framework MVC (côté serveur, ex. Laravel / côté client, ex. AngularJS)
  • Conclusion : session d'évaluation et corrigé

Sessions

Exemples, exercices et codes sources

Chaque partie comporte des exemples et exercices, ils sont disponibles ici :

http://ogo.heig-vd.ch/ajaxrad/

Téléchargez tous les codes sources (v2) complets client/serveur de la théorie de la Partie 1.


Téléchargez le complément de codes sources de la partie 1.


Téléchargez tous les codes sources de la partie sur jQuery.

20.02.2014

  • Checklist des pré-requis, réalisez les TP suivants :
  • Voyons une première technique AJAX, le Script Loading basée sur la manipulation DOM document.createElement(“script”)

13.03.2014

  • Terminons les exercices TraceIt et Amis pour mettre en oeuvre l'approche AJAX de Script Loading
  • Voyons encore l'utilisation de la notation JSON avec l'exemple 5 de Script Loading

18.03.2014

  • On s'échauffe avec l'exercice CodePostal pour une utilisation de la technique de Script Loading avec un flux réponse formatté en JSON.
  • Voyons la technique IFrame Loading basée sur la manipulation DOM document.createElement(“iframe”);

27.03.2014

  • Voyons la technique Cookie Loading basée sur document.cookie
  • Et continuons avec la technique plus conventionnelle basée sur XMLHTTPRequest

03.04.2014

  • On termine l'exercice Animaux :
  • Parlons du cadre Same Origin Policy et du mécanisme Cross-origin resource sharing (CORS)

Evaluation des connaissances

ajax2/start.txt · Last modified: 2016/10/10 11:52 (external edit)