le web dynamique
TRANSCRIPT
![Page 1: Le web dynamique](https://reader033.vdocuments.site/reader033/viewer/2022052700/55a1b6a11a28abf1398b45fb/html5/thumbnails/1.jpg)
Web dynamiquesFlux de données et outils
Webdesign
Oliv
ier D
omm
ange
![Page 2: Le web dynamique](https://reader033.vdocuments.site/reader033/viewer/2022052700/55a1b6a11a28abf1398b45fb/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022052700/55a1b6a11a28abf1398b45fb/html5/thumbnails/3.jpg)
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 : &).
![Page 4: Le web dynamique](https://reader033.vdocuments.site/reader033/viewer/2022052700/55a1b6a11a28abf1398b45fb/html5/thumbnails/4.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022052700/55a1b6a11a28abf1398b45fb/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022052700/55a1b6a11a28abf1398b45fb/html5/thumbnails/6.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022052700/55a1b6a11a28abf1398b45fb/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022052700/55a1b6a11a28abf1398b45fb/html5/thumbnails/8.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022052700/55a1b6a11a28abf1398b45fb/html5/thumbnails/9.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022052700/55a1b6a11a28abf1398b45fb/html5/thumbnails/10.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022052700/55a1b6a11a28abf1398b45fb/html5/thumbnails/11.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022052700/55a1b6a11a28abf1398b45fb/html5/thumbnails/12.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022052700/55a1b6a11a28abf1398b45fb/html5/thumbnails/13.jpg)
http://www.linkedin.com/in/olivierdommange
Olivier Dommange