Programmation du Web : Présentation du Web dynamique

Transcription

1 Programmation du Web : Présentation du Web dynamique Jean-Baptiste Vioix IUT de Dijon-Auxerre - LE2I 1-8

2 Présentation Nécessité du web dynamique Un site web est dit dynamique s il interagit avec l utilisateur. Par exemple : les sites de commerce en ligne, les sites de messagerie,... Le site web peut interagir de deux manières avec l utilisateur : soit par le client, soit par le serveur. Il est possible d incorporer des éléments réactifs dans un fichier XHTML, dans ce cas, c est le client qui est responsable de l interaction avec l utilisateur. Les serveurs webs peuvent être configurés pour générer des pages XHTML en fonction des paramètres passés dans les requêtes GET et POST. Selon (ou les) la solution(s) retenue(s) on parlera de web dynamique coté serveur/client (ou d une combinaison des deux)

3 Présentation Nécessité du web dynamique Un site web est dit dynamique s il interagit avec l utilisateur. Par exemple : les sites de commerce en ligne, les sites de messagerie,... Le site web peut interagir de deux manières avec l utilisateur : soit par le client, soit par le serveur. Il est possible d incorporer des éléments réactifs dans un fichier XHTML, dans ce cas, c est le client qui est responsable de l interaction avec l utilisateur. Les serveurs webs peuvent être configurés pour générer des pages XHTML en fonction des paramètres passés dans les requêtes GET et POST. Selon (ou les) la solution(s) retenue(s) on parlera de web dynamique coté serveur/client (ou d une combinaison des deux)

4 Présentation Nécessité du web dynamique Un site web est dit dynamique s il interagit avec l utilisateur. Par exemple : les sites de commerce en ligne, les sites de messagerie,... Le site web peut interagir de deux manières avec l utilisateur : soit par le client, soit par le serveur. Il est possible d incorporer des éléments réactifs dans un fichier XHTML, dans ce cas, c est le client qui est responsable de l interaction avec l utilisateur. Les serveurs webs peuvent être configurés pour générer des pages XHTML en fonction des paramètres passés dans les requêtes GET et POST. Selon (ou les) la solution(s) retenue(s) on parlera de web dynamique coté serveur/client (ou d une combinaison des deux)

5 Présentation Nécessité du web dynamique Un site web est dit dynamique s il interagit avec l utilisateur. Par exemple : les sites de commerce en ligne, les sites de messagerie,... Le site web peut interagir de deux manières avec l utilisateur : soit par le client, soit par le serveur. Il est possible d incorporer des éléments réactifs dans un fichier XHTML, dans ce cas, c est le client qui est responsable de l interaction avec l utilisateur. Les serveurs webs peuvent être configurés pour générer des pages XHTML en fonction des paramètres passés dans les requêtes GET et POST. Selon (ou les) la solution(s) retenue(s) on parlera de web dynamique coté serveur/client (ou d une combinaison des deux)

6 Présentation Nécessité du web dynamique Un site web est dit dynamique s il interagit avec l utilisateur. Par exemple : les sites de commerce en ligne, les sites de messagerie,... Le site web peut interagir de deux manières avec l utilisateur : soit par le client, soit par le serveur. Il est possible d incorporer des éléments réactifs dans un fichier XHTML, dans ce cas, c est le client qui est responsable de l interaction avec l utilisateur. Les serveurs webs peuvent être configurés pour générer des pages XHTML en fonction des paramètres passés dans les requêtes GET et POST. Selon (ou les) la solution(s) retenue(s) on parlera de web dynamique coté serveur/client (ou d une combinaison des deux)

7 Le web dynamique coté client Les applets Java Les applets Java Les applets Java sont des programmes écrits et compilés en Java qui s exécutent à l intérieur du navigateur. De très nombreuses fonctionnalités sont possibles dans un environnement sécurisé. L utilisation d un programme compilé assure une certaine protection du code. Les applets sont téléchargées par le client avant d être exécutées, un ordinateur performant est nécessaire pour une utilisation confortable. La balise XHTML <object> est utilisée pour incorporer une applet

8 Le web dynamique coté client Les applets Java Les applets Java Les applets Java sont des programmes écrits et compilés en Java qui s exécutent à l intérieur du navigateur. De très nombreuses fonctionnalités sont possibles dans un environnement sécurisé. L utilisation d un programme compilé assure une certaine protection du code. Les applets sont téléchargées par le client avant d être exécutées, un ordinateur performant est nécessaire pour une utilisation confortable. La balise XHTML <object> est utilisée pour incorporer une applet

9 Le web dynamique coté client Les applets Java Les applets Java Les applets Java sont des programmes écrits et compilés en Java qui s exécutent à l intérieur du navigateur. De très nombreuses fonctionnalités sont possibles dans un environnement sécurisé. L utilisation d un programme compilé assure une certaine protection du code. Les applets sont téléchargées par le client avant d être exécutées, un ordinateur performant est nécessaire pour une utilisation confortable. La balise XHTML <object> est utilisée pour incorporer une applet

10 Le web dynamique coté client Les applets Java Les applets Java Les applets Java sont des programmes écrits et compilés en Java qui s exécutent à l intérieur du navigateur. De très nombreuses fonctionnalités sont possibles dans un environnement sécurisé. L utilisation d un programme compilé assure une certaine protection du code. Les applets sont téléchargées par le client avant d être exécutées, un ordinateur performant est nécessaire pour une utilisation confortable. La balise XHTML <object> est utilisée pour incorporer une applet

11 Le web dynamique coté client Les applets Java Les applets Java Les applets Java sont des programmes écrits et compilés en Java qui s exécutent à l intérieur du navigateur. De très nombreuses fonctionnalités sont possibles dans un environnement sécurisé. L utilisation d un programme compilé assure une certaine protection du code. Les applets sont téléchargées par le client avant d être exécutées, un ordinateur performant est nécessaire pour une utilisation confortable. La balise XHTML <object> est utilisée pour incorporer une applet

12 Le web dynamique coté client Javascript Les langage Javascript Javascript est un langage crée par Netscape et Sun; il est décrit comme un complément de Java. Il implémente la norme ECMA-Script à laquelle il rajoute des fonctionnalités. C est un langage de script interprété par le navigateur, le code n est donc pas du tout protégé. Il est principalement utilisé pour ajouter de l interactivité au site ou pour vérifier la validité d un formulaire avant son envoi. La balise <script> permet d incorporer les langages de script dans une page XHTML. L essor d AJAX a relancé Javascript pour des pages interactives

13 Le web dynamique coté client Javascript Les langage Javascript Javascript est un langage crée par Netscape et Sun; il est décrit comme un complément de Java. Il implémente la norme ECMA-Script à laquelle il rajoute des fonctionnalités. C est un langage de script interprété par le navigateur, le code n est donc pas du tout protégé. Il est principalement utilisé pour ajouter de l interactivité au site ou pour vérifier la validité d un formulaire avant son envoi. La balise <script> permet d incorporer les langages de script dans une page XHTML. L essor d AJAX a relancé Javascript pour des pages interactives

14 Le web dynamique coté client Javascript Les langage Javascript Javascript est un langage crée par Netscape et Sun; il est décrit comme un complément de Java. Il implémente la norme ECMA-Script à laquelle il rajoute des fonctionnalités. C est un langage de script interprété par le navigateur, le code n est donc pas du tout protégé. Il est principalement utilisé pour ajouter de l interactivité au site ou pour vérifier la validité d un formulaire avant son envoi. La balise <script> permet d incorporer les langages de script dans une page XHTML. L essor d AJAX a relancé Javascript pour des pages interactives

15 Le web dynamique coté client Javascript Les langage Javascript Javascript est un langage crée par Netscape et Sun; il est décrit comme un complément de Java. Il implémente la norme ECMA-Script à laquelle il rajoute des fonctionnalités. C est un langage de script interprété par le navigateur, le code n est donc pas du tout protégé. Il est principalement utilisé pour ajouter de l interactivité au site ou pour vérifier la validité d un formulaire avant son envoi. La balise <script> permet d incorporer les langages de script dans une page XHTML. L essor d AJAX a relancé Javascript pour des pages interactives

16 Le web dynamique coté client Javascript Les langage Javascript Javascript est un langage crée par Netscape et Sun; il est décrit comme un complément de Java. Il implémente la norme ECMA-Script à laquelle il rajoute des fonctionnalités. C est un langage de script interprété par le navigateur, le code n est donc pas du tout protégé. Il est principalement utilisé pour ajouter de l interactivité au site ou pour vérifier la validité d un formulaire avant son envoi. La balise <script> permet d incorporer les langages de script dans une page XHTML. L essor d AJAX a relancé Javascript pour des pages interactives. <script type="text/javascript" src="monscript.js"></script> 4-8

17 Le web dynamique coté client Javascript Les langage Javascript Javascript est un langage crée par Netscape et Sun; il est décrit comme un complément de Java. Il implémente la norme ECMA-Script à laquelle il rajoute des fonctionnalités. C est un langage de script interprété par le navigateur, le code n est donc pas du tout protégé. Il est principalement utilisé pour ajouter de l interactivité au site ou pour vérifier la validité d un formulaire avant son envoi. La balise <script> permet d incorporer les langages de script dans une page XHTML. L essor d AJAX a relancé Javascript pour des pages interactives

18 Le web dynamique coté client Javascript AJAX AJAX (Asynchronous JavaScript And XML) est une méthode de développement d application web basée sur plusieurs éléments : XHTML (structure), CSS (présentation), DOM et Javascript (interaction), l objet XMLHttRequest, XML et XSLT (stockage des données). AJAX est en plein développement, il est notamment porté par le Web 2.0. D une manière générale, toutes les approches client conduisent à des pages assez lourdes et à un code source lisible par l utilisateur

19 Le web dynamique coté client Javascript AJAX AJAX (Asynchronous JavaScript And XML) est une méthode de développement d application web basée sur plusieurs éléments : XHTML (structure), CSS (présentation), DOM et Javascript (interaction), l objet XMLHttRequest, XML et XSLT (stockage des données). AJAX est en plein développement, il est notamment porté par le Web 2.0. D une manière générale, toutes les approches client conduisent à des pages assez lourdes et à un code source lisible par l utilisateur

20 Le web dynamique coté client Javascript AJAX AJAX (Asynchronous JavaScript And XML) est une méthode de développement d application web basée sur plusieurs éléments : XHTML (structure), CSS (présentation), DOM et Javascript (interaction), l objet XMLHttRequest, XML et XSLT (stockage des données). AJAX est en plein développement, il est notamment porté par le Web 2.0. D une manière générale, toutes les approches client conduisent à des pages assez lourdes et à un code source lisible par l utilisateur

21 Le web dynamique coté client Javascript AJAX AJAX (Asynchronous JavaScript And XML) est une méthode de développement d application web basée sur plusieurs éléments : XHTML (structure), CSS (présentation), DOM et Javascript (interaction), l objet XMLHttRequest, XML et XSLT (stockage des données). AJAX est en plein développement, il est notamment porté par le Web 2.0. D une manière générale, toutes les approches client conduisent à des pages assez lourdes et à un code source lisible par l utilisateur

22 Le web dynamique coté client Javascript AJAX AJAX (Asynchronous JavaScript And XML) est une méthode de développement d application web basée sur plusieurs éléments : XHTML (structure), CSS (présentation), DOM et Javascript (interaction), l objet XMLHttRequest, XML et XSLT (stockage des données). AJAX est en plein développement, il est notamment porté par le Web 2.0. D une manière générale, toutes les approches client conduisent à des pages assez lourdes et à un code source lisible par l utilisateur

23 Le web dynamique coté client Javascript AJAX AJAX (Asynchronous JavaScript And XML) est une méthode de développement d application web basée sur plusieurs éléments : XHTML (structure), CSS (présentation), DOM et Javascript (interaction), l objet XMLHttRequest, XML et XSLT (stockage des données). AJAX est en plein développement, il est notamment porté par le Web 2.0. D une manière générale, toutes les approches client conduisent à des pages assez lourdes et à un code source lisible par l utilisateur

24 Le web dynamique coté serveur La programmation CGI La programmation CGI Les programmes CGI(Common Gateway Interface) sont des programmes exécutés par le serveur HTTP. Plusieurs langages peuvent être utilisés comme C, Perl, Bash,... La sortie standard de ces programmes est renvoyée vers le navigateur. Des variables systèmes permettent d accéder aux différents champs de la requête HTTP. L ensemble de la page XHTML doit être généré par le programme CGI

25 Le web dynamique coté serveur La programmation CGI La programmation CGI Les programmes CGI(Common Gateway Interface) sont des programmes exécutés par le serveur HTTP. Plusieurs langages peuvent être utilisés comme C, Perl, Bash,... La sortie standard de ces programmes est renvoyée vers le navigateur. Des variables systèmes permettent d accéder aux différents champs de la requête HTTP. L ensemble de la page XHTML doit être généré par le programme CGI

26 Le web dynamique coté serveur La programmation CGI La programmation CGI Les programmes CGI(Common Gateway Interface) sont des programmes exécutés par le serveur HTTP. Plusieurs langages peuvent être utilisés comme C, Perl, Bash,... La sortie standard de ces programmes est renvoyée vers le navigateur. Des variables systèmes permettent d accéder aux différents champs de la requête HTTP. L ensemble de la page XHTML doit être généré par le programme CGI

27 Le web dynamique coté serveur La programmation CGI La programmation CGI Les programmes CGI(Common Gateway Interface) sont des programmes exécutés par le serveur HTTP. Plusieurs langages peuvent être utilisés comme C, Perl, Bash,... La sortie standard de ces programmes est renvoyée vers le navigateur. Des variables systèmes permettent d accéder aux différents champs de la requête HTTP. L ensemble de la page XHTML doit être généré par le programme CGI

28 Le web dynamique coté serveur La programmation CGI La programmation CGI Les programmes CGI(Common Gateway Interface) sont des programmes exécutés par le serveur HTTP. Plusieurs langages peuvent être utilisés comme C, Perl, Bash,... La sortie standard de ces programmes est renvoyée vers le navigateur. Des variables systèmes permettent d accéder aux différents champs de la requête HTTP. L ensemble de la page XHTML doit être généré par le programme CGI

29 Le web dynamique coté serveur La programmation CGI La programmation CGI Les programmes CGI(Common Gateway Interface) sont des programmes exécutés par le serveur HTTP. Plusieurs langages peuvent être utilisés comme C, Perl, Bash,... La sortie standard de ces programmes est renvoyée vers le navigateur. Des variables systèmes permettent d accéder aux différents champs de la requête HTTP. L ensemble de la page XHTML doit être généré par le programme CGI. #include... void main() { /*... */ printf("content -type: text/html\n"); printf(" Connexion: close\n\n"); /*... */ printf("<h1>bonjour </h1 >\n"); /*... */ } 6-8

30 Le web dynamique coté serveur Les macros SSI Les macros SSI Pour conserver la structures des pages XHTML, il est possible d utiliser les macros SSI (Server Side Includes). Ces macros sont ajoutées au code XHTML à l aides des balises <!--# et -->. Les deux macros les plus utilisées sont include et exec, pour inclure ou exécuter un fichier dans la page HTML. Les fichiers comprenant des macros SSI sont stockés avec l extension.shtml 7-8

31 Le web dynamique coté serveur Les macros SSI Les macros SSI Pour conserver la structures des pages XHTML, il est possible d utiliser les macros SSI (Server Side Includes). Ces macros sont ajoutées au code XHTML à l aides des balises <!--# et -->. Les deux macros les plus utilisées sont include et exec, pour inclure ou exécuter un fichier dans la page HTML. Les fichiers comprenant des macros SSI sont stockés avec l extension.shtml 7-8

32 Le web dynamique coté serveur Les macros SSI Les macros SSI Pour conserver la structures des pages XHTML, il est possible d utiliser les macros SSI (Server Side Includes). Ces macros sont ajoutées au code XHTML à l aides des balises <!--# et -->. Les deux macros les plus utilisées sont include et exec, pour inclure ou exécuter un fichier dans la page HTML. Les fichiers comprenant des macros SSI sont stockés avec l extension.shtml 7-8

33 Le web dynamique coté serveur Les macros SSI Les macros SSI Pour conserver la structures des pages XHTML, il est possible d utiliser les macros SSI (Server Side Includes). Ces macros sont ajoutées au code XHTML à l aides des balises <!--# et -->. Les deux macros les plus utilisées sont include et exec, pour inclure ou exécuter un fichier dans la page HTML. Les fichiers comprenant des macros SSI sont stockés avec l extension.shtml 7-8

34 Le web dynamique coté serveur Les solutions plus évoluées Les solutions plus évoluées La programmation CGI reste assez lourde et dépendante de l architecture utilisée pour le serveur. Sun propose une technologie basée sur Java pour générer des pages HTML : JSP (Java Server Pages). Le code Java est incorporé au code XHTML à l aide de balises particulières puis compilé pour être utilisé par un serveur Web supportant les servlets (par ex. : Apache Tomcat). Microsoft propose une solution équivalent avec les ASP (Active Server Pages). La solution probablement la plus répandue est PHP

35 Le web dynamique coté serveur Les solutions plus évoluées Les solutions plus évoluées La programmation CGI reste assez lourde et dépendante de l architecture utilisée pour le serveur. Sun propose une technologie basée sur Java pour générer des pages HTML : JSP (Java Server Pages). Le code Java est incorporé au code XHTML à l aide de balises particulières puis compilé pour être utilisé par un serveur Web supportant les servlets (par ex. : Apache Tomcat). Microsoft propose une solution équivalent avec les ASP (Active Server Pages). La solution probablement la plus répandue est PHP

36 Le web dynamique coté serveur Les solutions plus évoluées Les solutions plus évoluées La programmation CGI reste assez lourde et dépendante de l architecture utilisée pour le serveur. Sun propose une technologie basée sur Java pour générer des pages HTML : JSP (Java Server Pages). Le code Java est incorporé au code XHTML à l aide de balises particulières puis compilé pour être utilisé par un serveur Web supportant les servlets (par ex. : Apache Tomcat). Microsoft propose une solution équivalent avec les ASP (Active Server Pages). La solution probablement la plus répandue est PHP

37 Le web dynamique coté serveur Les solutions plus évoluées Les solutions plus évoluées La programmation CGI reste assez lourde et dépendante de l architecture utilisée pour le serveur. Sun propose une technologie basée sur Java pour générer des pages HTML : JSP (Java Server Pages). Le code Java est incorporé au code XHTML à l aide de balises particulières puis compilé pour être utilisé par un serveur Web supportant les servlets (par ex. : Apache Tomcat). Microsoft propose une solution équivalent avec les ASP (Active Server Pages). La solution probablement la plus répandue est PHP