13
Web dynamiques Flux de données et outils Webdesign Olivier Dommange

Le web dynamique

Embed Size (px)

Citation preview

Page 1: Le web dynamique

Web dynamiquesFlux de données et outils

Webdesign

Oliv

ier D

omm

ange

Page 2: Le web dynamique

Oliv

ier D

omm

ange

La balise HTML <iframe>

Intégration d’un outil distant

<iframe src=”http://www.w3.org”></iframe>

La balise <iframe> permet d’introduire une page distante à partir d’une adresse URL.

Exemple :

Page 3: Le web dynamique

Oliv

ier D

omm

ange

URL (Uniform Ressource Locator)

Les paramètres transmis au serveur

L’appel d’une page Web s’accompagne de paramètres ce qui conditionne la réponse du serveur.Les paramètres sont séparés par le symbole ? , puis les symboles & (format html : &amp;).

Page 4: Le web dynamique

Oliv

ier D

omm

ange

Médias sociaux

Diaporamas, vidéos, audios

Les services Web permettent d’introduire des contenus à distance dans une page Web à l’aide de la balise <iframe>.

Page 5: Le web dynamique

Oliv

ier D

omm

ange

Médias sociaux

Diaporamas, vidéos, audios

Autre exemple d'un service Web introduit dans la balise <iframe>.

Page 6: Le web dynamique

Oliv

ier D

omm

ange

URL compact

Pour faciliter le partage des URLs plusieurs services encodent les paramètres. Ceci ne permet toutefois plus d’éditer les paramètres.

Paramètres encodés

Page 7: Le web dynamique

Oliv

ier D

omm

ange

URL compact

Pour faciliter le partage des URLs plusieurs services encodent les paramètres. Ceci ne permet toutefois plus d’éditer les paramètres.

Paramètres encodés

Page 8: Le web dynamique

Oliv

ier D

omm

ange

API – Application tiers distant

Les API (application programming interface) des services Web permettent d’exploiter davantage de ressources et d’interagir avec les données et outils disponibles.

Aller encore plus loin dans l’utilisation des outils tiers

Page 9: Le web dynamique

Oliv

ier D

omm

ange

Réseaux sociaux

Transfert de données avec les serveurs distants du service Web tiers.

Recommandation en ligne

Page 10: Le web dynamique

Oliv

ier D

omm

ange

Données portables

Il s’agit de fichiers qui rendent disponibles des données. Ces fichiers sont parfois créés à la demande par des services Web. Ces données sont ensuite interprétées et exploitées dans une page Web.Les formats des données portables fréquemment utilisés sont JSON et XML.

Diffusion de données

Page 11: Le web dynamique

Oliv

ier D

omm

ange

Données portables – le cas du Flux RSS

Le flux RSS est utilisé par les sites de médias et les blogs. Il permet aux visiteurs de s’abonner au flux pour obtenir les derniers articles à distance.

Actualités à distance

Page 12: Le web dynamique

Oliv

ier D

omm

ange

AJAX _ Asynchrounus Javascript And XML

Ajax permet de modifier de manière instantanée le contenu d’une partie de la page Web sans avoir à la recharger.

Mise à jour ciblée

Page 13: Le web dynamique

http://www.linkedin.com/in/olivierdommange

Olivier Dommange