Internet et le client- serveur Licence Pro IE 2005-2006 Cours Internet / Intranet Le Web HTML Protocoles Le client universel Contenus dynamiques.

Présentation au sujet: "Internet et le client- serveur Licence Pro IE 2005-2006 Cours Internet / Intranet Le Web HTML Protocoles Le client universel Contenus dynamiques."— Transcription de la présentation:

1 Internet et le client- serveur Licence Pro IE 2005-2006 Cours Internet / Intranet Le Web HTML Protocoles Le client universel Contenus dynamiques

2 Cours Internet Gérard Rozsavolgyi 2005-20062 Concepts généraux Internet et le Web Internet et le Web HTML, XML HTML, XML Les protocoles :HTTP TCP/IP Les protocoles :HTTP TCP/IP Le client Universel Le client Universel HTML dynamique/JavaScript HTML dynamique/JavaScript CGI / Servlets /PHP /ASP /JSP CGI / Servlets /PHP /ASP /JSP RMI, Corba RMI, Corba

3 Cours Internet Gérard Rozsavolgyi 2005-20063 Internet et le Web Internet : La Toile Internet : La Toile Ensemble de protocoles et services accessibles mondialement Ensemble de protocoles et services accessibles mondialement Intranet Intranet Client universel « léger » et à bas prix : Le navigateur Client universel « léger » et à bas prix : Le navigateur Souplesse et connectivité Souplesse et connectivité

4 Cours Internet Gérard Rozsavolgyi 2005-20064 Les débuts du Web Cern. Tim Berners Lee. Consultation de vastes bases documentaires. Hypertexte Cern. Tim Berners Lee. Consultation de vastes bases documentaires. Hypertexte Le navigateur : Interface universelle - d accès à l information - simple, conviviale, bon marché - Multi-média Le navigateur : Interface universelle - d accès à l information - simple, conviviale, bon marché - Multi-média

5 Cours Internet Gérard Rozsavolgyi 2005-20065 L évolution du Web Mouvement d unification et de renouvellement de l informatique mondiale. Mouvement d unification et de renouvellement de l informatique mondiale. Nouveaux standards et nouvelles technologies : - TCP/IP-HTTP-FTP-HTML-XML Nouveaux standards et nouvelles technologies : - TCP/IP-HTTP-FTP-HTML-XML - SMTP-POP3-IMAP4 - NNTP - CORBA/IIOP- Microsoft DCOM,.NET - Java RMI, JDBC, Servlets, Beans, Enterprise Java Beans

6 Cours Internet Gérard Rozsavolgyi 2005-20066 Applications *NET Publication et diffusion d informations de natures et de formats très variés. Publication et diffusion d informations de natures et de formats très variés. Messagerie et échange de documents Messagerie et échange de documents Archivage, indexation et documentation Archivage, indexation et documentation Groupes de discussion. Travail de groupe Groupes de discussion. Travail de groupe Potentiellement tout le système d information de l entreprise Potentiellement tout le système d information de l entreprise Nouveau slogan de Microsoft :.net Nouveau slogan de Microsoft :.net

7 Cours Internet Gérard Rozsavolgyi 2005-20067 Architecture web de base

8 Cours Internet Gérard Rozsavolgyi 2005-20068 Technolgies client Le Browser Le Browser HTML-XML-JavaScript HTML-XML-JavaScript Java- La Machine virtuelle Java Java- La Machine virtuelle Java Chargement dune applet Java Chargement dune applet Java Lancement dune action sur le serveur Lancement dune action sur le serveur

9 Cours Internet Gérard Rozsavolgyi 2005-20069 Les Applets

10 Cours Internet Gérard Rozsavolgyi 2005-200610 Rappel HTML Langage a base de « tags » ou marqueurs Langage a base de « tags » ou marqueurs Langage de description et de mise en page avec capacités hypertextes. Langage de description et de mise en page avec capacités hypertextes. Prendre un navigateur, puis faire « regarder le code source d une page » Prendre un navigateur, puis faire « regarder le code source d une page » Devient plus « dynamique » depuis la version 4 Devient plus « dynamique » depuis la version 4 Voir le site W3.org Voir le site W3.org

11 Cours Internet Gérard Rozsavolgyi 2005-200611 HTML évolué Formulaires, attente dune réponse puis actualisation de la page ou génération complète dune page HTML nouvelle Formulaires, attente dune réponse puis actualisation de la page ou génération complète dune page HTML nouvelle JavaScript JavaScript

12 Cours Internet Gérard Rozsavolgyi 2005-200612 Exemples Formulaires Javascript

13 Cours Internet Gérard Rozsavolgyi 2005-200613 Tags spécifiques client- serveur CGI CGI JavaScript JavaScript Applets <APPLET code=Appl.class... Applets <APPLET code=Appl.class...

14 Cours Internet Gérard Rozsavolgyi 2005-200614 HyperTexT Transfer Protocol Un protocole de communication de niveau intermédiaire Un protocole de communication de niveau intermédiaire Relativement universel Relativement universel Gérant léchange de données de différentes sortes ( textes, images, sons, etc.) Gérant léchange de données de différentes sortes ( textes, images, sons, etc.)

15 Cours Internet Gérard Rozsavolgyi 2005-200615 Serveur HTTP Sur le serveur HTTP, un processus tourne en tache de fond à lécoute des requêtes clientes Sur le serveur HTTP, un processus tourne en tache de fond à lécoute des requêtes clientes A larrivée dune requête, création dun processus (Unix ou NT) ou dun thread pour la traiter A larrivée dune requête, création dun processus (Unix ou NT) ou dun thread pour la traiter Traitement différencié : CGI, JavaScript cote serveur, Servlets, NSAPI Traitement différencié : CGI, JavaScript cote serveur, Servlets, NSAPI

16 Cours Internet Gérard Rozsavolgyi 2005-200616 Principaux serveurs Web Apache (Version 1.3.x ou 2.0 ), souvent associé à Unix, beaucoup de modules disponibles Apache (Version 1.3.x ou 2.0 ), souvent associé à Unix, beaucoup de modules disponibles IIS : le serveur Web professionnel de Microsoft. IIS : le serveur Web professionnel de Microsoft. Netscape iplanet Server Netscape iplanet Server Domino WebServer ou Websphere (IBM) Domino WebServer ou Websphere (IBM) Zope (Python) Zope (Python)

17 Cours Internet Gérard Rozsavolgyi 2005-200617 Technologies serveur Rendre un service : - renvoi dune page HTML statique - renvoi dune page HTMLdynamique. Crée par tout programme capable de sinterfacer avec les technologies intermédiaires (via HTTP): CGI, Servlets, PHP, ASP JavaScript - exécution dune méthode dun objet à laide de RMI(Java) ou IIOP(CORBA) (sans HTTP) Rendre un service : - renvoi dune page HTML statique - renvoi dune page HTMLdynamique. Crée par tout programme capable de sinterfacer avec les technologies intermédiaires (via HTTP): CGI, Servlets, PHP, ASP JavaScript - exécution dune méthode dun objet à laide de RMI(Java) ou IIOP(CORBA) (sans HTTP)

18 Cours Internet Gérard Rozsavolgyi 2005-200618 Linterface CGI CGI signifie Common Gateway Interface. Il s'agit de la description de l'interface entre un serveur HTTP et des applications externes activées par ce serveur CGI signifie Common Gateway Interface. Il s'agit de la description de l'interface entre un serveur HTTP et des applications externes activées par ce serveur Un programme CGI est un programme qui sera automatiquement activé par le serveur HTTP, en lieu et place de la recherche d'un document Un programme CGI est un programme qui sera automatiquement activé par le serveur HTTP, en lieu et place de la recherche d'un document Ces programmes sont écrits dans des langages appelés des langages de script (Perl, C, C++, Java) Ces programmes sont écrits dans des langages appelés des langages de script (Perl, C, C++, Java) La sortie standard du programme (instructions décriture) sera redirigée par le serveur HTTP vers le client qui verra ainsi un document virtuel La sortie standard du programme (instructions décriture) sera redirigée par le serveur HTTP vers le client qui verra ainsi un document virtuel

19 Cours Internet Gérard Rozsavolgyi 2005-200619 Le programme CGI peut ainsi envoyer lURL d'un autre document. envoyer lURL d'un autre document. envoyer: Content-type: TypeMime où TypeMime est par exemple text/html, image/gif, ou tout autre type de document généralement reconnu par les clients WWW (voir la section The Content-Type Header Field du standard MIME) envoyer: Content-type: TypeMime où TypeMime est par exemple text/html, image/gif, ou tout autre type de document généralement reconnu par les clients WWW (voir la section The Content-Type Header Field du standard MIME) Une ligne vide Une ligne vide puis du contenu du document "virtuel. puis du contenu du document "virtuel. Par exemple, en C++: Par exemple, en C++: cout<<Content-type: text/html<<endl; cout<<Content-type: text/html<<endl; cout<<endl; cout<<endl; cout Demo Demo <<endl; cout Demo de programme cgi Demo de programme cgi <<endl; cout<<C''est aussi simple que ca !<<endl; cout<<C''est aussi simple que ca !<<endl; cout ; cout ;

20 Cours Internet Gérard Rozsavolgyi 2005-200620 HTTP et Interface CGI Utilisation de variables denvironnement pour communiquer avec des scripts CGI Utilisation de variables denvironnement pour communiquer avec des scripts CGI Trois méthodes essentielles employées pour communiquer : GET POST HEAD Trois méthodes essentielles employées pour communiquer : GET POST HEAD HTTP 1.0 1.1 HTTP 1.0 1.1

21 Cours Internet Gérard Rozsavolgyi 2005-200621 Méthode GET Si votre formulaire inclut la mention METHOD="GET" dans son tag FORM votre programme CGI recevra la réponse encodée au formulaire dans la variable denvironnement : QUERY_STRING Si votre formulaire inclut la mention METHOD="GET" dans son tag FORM votre programme CGI recevra la réponse encodée au formulaire dans la variable denvironnement : QUERY_STRING Limitation dans la longueur de la chaine ainsi transmise Limitation dans la longueur de la chaine ainsi transmise Données du formulaire concaténées à lURL Données du formulaire concaténées à lURL

22 Cours Internet Gérard Rozsavolgyi 2005-200622 Méthode POST Si vous avez mis METHOD="POST" dans le tag FORM, alors votre programme CGI recevra la réponse dans le stdin Le serveur nenvoie pas un EOF a la fin des données. Il faut généralement se débrouiller avec la variable denvironnement CONTENT_LENGTH pour determiner la quantité de données a lire depuis lentrée standard Si vous avez mis METHOD="POST" dans le tag FORM, alors votre programme CGI recevra la réponse dans le stdin Le serveur nenvoie pas un EOF a la fin des données. Il faut généralement se débrouiller avec la variable denvironnement CONTENT_LENGTH pour determiner la quantité de données a lire depuis lentrée standard Données du formulaire non visibles sur lURL Données du formulaire non visibles sur lURL

23 Cours Internet Gérard Rozsavolgyi 2005-200623 Récupération de linformation Lorsque vous ecrivez un formulaire, tous les items ont un tag NAME. Quand lutilisateur place des données dans ces items (ie répond aux questionnaire), cette information est encodée sous la forme dun flux de données Lorsque vous ecrivez un formulaire, tous les items ont un tag NAME. Quand lutilisateur place des données dans ces items (ie répond aux questionnaire), cette information est encodée sous la forme dun flux de données Un flux de paires nom=valeur séparées par le symbole & Un flux de paires nom=valeur séparées par le symbole & Les espaces sont changés en + et certains caractères sont codés en héxadécimal Les espaces sont changés en + et certains caractères sont codés en héxadécimal

24 Cours Internet Gérard Rozsavolgyi 2005-200624 Langages utilisés Shells UNIX : bash, sh, etc. Shells UNIX : bash, sh, etc. C, C++ C, C++ Perl Perl Java Java PHP PHP ASP (VBScript) ASP (VBScript) Python Python

25 Cours Internet Gérard Rozsavolgyi 2005-200625 Limitations des scripts CGI Limitations : Quand un serveur reçoit une requête pour un programme CGI, création dun processus pour exécuter le passage de paramètres via des variables denvironnement ou via lentrée standard Limitations : Quand un serveur reçoit une requête pour un programme CGI, création dun processus pour exécuter le passage de paramètres via des variables denvironnement ou via lentrée standard demande du temps et des ressources au serveur, limitant le nombre de requêtes pouvant etre traitées concurrement demande du temps et des ressources au serveur, limitant le nombre de requêtes pouvant etre traitées concurrement Le processus ainsi créé naura de plus pas la faculté de communiquer avec le serveur (par exemple pour écrire des logs) ou dutiliser dautres ressources du serveur, simplement Le processus ainsi créé naura de plus pas la faculté de communiquer avec le serveur (par exemple pour écrire des logs) ou dutiliser dautres ressources du serveur, simplement

26 Cours Internet Gérard Rozsavolgyi 2005-200626 Active Server Pages Cest la technique Microsoft pour générer dynamiquement des pages Web Cest la technique Microsoft pour générer dynamiquement des pages Web Les pages HTML contiennent des morceaux de code écrite en VBScript ou en JavaScript. Ce code est lu puis exécuté par le serveur Web avant denvoyer sa page au client Les pages HTML contiennent des morceaux de code écrite en VBScript ou en JavaScript. Ce code est lu puis exécuté par le serveur Web avant denvoyer sa page au client Site : http://www.microsoft.com/workshop/server/defau lt.asp Site : http://www.microsoft.com/workshop/server/defau lt.asp

27 Cours Internet Gérard Rozsavolgyi 2005-200627 PHP (I) Un langage de script, interprété Un langage de script, interprété Multi-plateformes Multi-plateformes Spécialisé dans la génération de code, en particulier HTML Spécialisé dans la génération de code, en particulier HTML Fichiers séparés (.php) ou code inséré dans une page HTML entre les balises Fichiers séparés (.php) ou code inséré dans une page HTML entre les balises

28 Cours Internet Gérard Rozsavolgyi 2005-200628 PHP (II) Linterpréteur lit un fichier source.php puis génère un flux de sortie avec les règles suivantes : - toute ligne située à lextérieur dun bloc PHP ( entre ) est recopiée inchangée dans le flux de sortie - le code PHP est interprété (et génère éventuellement des résultats intégrés eux aussi au flux de sortie) - éventuels messages derreurs retrouvés également dans le flux de sortie.

29 Cours Internet Gérard Rozsavolgyi 2005-200629 PHP (III) Créateur : Rasmus Lansdorf, 1994 pour analyser les connexions sur son site Web Créateur : Rasmus Lansdorf, 1994 pour analyser les connexions sur son site Web Personal Home Pages ou Hypertext PreProcessor Personal Home Pages ou Hypertext PreProcessor Syntaxe proche du C, peu structuré mais dispose de la possibilité de définir des fonctions et des classes Syntaxe proche du C, peu structuré mais dispose de la possibilité de définir des fonctions et des classes Beaucoup dévolutions et denrichissements du langage depuis. (V1.0 V 5.x) Beaucoup dévolutions et denrichissements du langage depuis. (V1.0 V 5.x) Grand succès, beaucoup de code libre disponible. Grand succès, beaucoup de code libre disponible.

30 Cours Internet Gérard Rozsavolgyi 2005-200630 PHP (IV) formulaire.php Test Formulaire PHP Test Formulaire PHP <BODY> <P> </FORM></BODY></HTML>

31 Cours Internet Gérard Rozsavolgyi 2005-200631 PHP (V) formRes.php <BODY> Bonjour, Bonjour, <P> Votre nom est stocké dans la variable $nom dont le type est dont le type est </BODY>

32 Cours Internet Gérard Rozsavolgyi 2005-200632 Server-Side JavaScript Technique netscape aussi appellée SSJS. Technique netscape aussi appellée SSJS. Langage : JavaScript Langage : JavaScript Les pages sont précompilées pour améliorer les performances Les pages sont précompilées pour améliorer les performances Site : Http://developper.netscape.com/tec/javas cript/ssjs.html Site : Http://developper.netscape.com/tec/javas cript/ssjs.html

33 Cours Internet Gérard Rozsavolgyi 2005-200633 Java Servlets Java côté serveur Java côté serveur Extensions puissantes, modulaires, fiables, sécurisées et portables aux capacités du serveur Extensions puissantes, modulaires, fiables, sécurisées et portables aux capacités du serveur Remplacent les scripts CGI Remplacent les scripts CGI Implémentation de référence : Tomcat (4.x) qui peut aussi fonctionner en collaboration avec Apache. Implémentation de référence : Tomcat (4.x) qui peut aussi fonctionner en collaboration avec Apache.

34 Cours Internet Gérard Rozsavolgyi 2005-200634 Intérêt des servlets Puissance : les servlets peuvent utiliser toute la puissance du langage Java en réseau, accès aux URL, multithreading, manipulation dimages, compression de données, sérialisation dobjets, connection aux bases de données et RMI Puissance : les servlets peuvent utiliser toute la puissance du langage Java en réseau, accès aux URL, multithreading, manipulation dimages, compression de données, sérialisation dobjets, connection aux bases de données et RMI Efficacité et robustesse : essentiellement parce que les servlets sont éxécutés dans le cadre de threads, plus légers, plus aisés à manipuler, avec des capacités de communications bien meilleures que les processus classiques Efficacité et robustesse : essentiellement parce que les servlets sont éxécutés dans le cadre de threads, plus légers, plus aisés à manipuler, avec des capacités de communications bien meilleures que les processus classiques Sécurité : de part la robustesse du langage Java(typage fort, pas de manipulations de pointeurs, exceptions, GC, SecurityManager…) Sécurité : de part la robustesse du langage Java(typage fort, pas de manipulations de pointeurs, exceptions, GC, SecurityManager…) Intégration : Coopération plus aisée et plus étroite avec le serveur. (Authentification…) Intégration : Coopération plus aisée et plus étroite avec le serveur. (Authentification…)

35 Cours Internet Gérard Rozsavolgyi 2005-200635 Extensions et évolution future LAPI Servlet est déstinée à être facilement extensible LAPI Servlet est déstinée à être facilement extensible On peut générer complètement une page Web à laide dune servlet On peut générer complètement une page Web à laide dune servlet On peut ajouter des SSI (Server Side Include) a une page statique à laide du tag On peut ajouter des SSI (Server Side Include) a une page statique à laide du tag Sun développe une technique semblable aux ASP de Microsoft appelée JavaServerPages Sun développe une technique semblable aux ASP de Microsoft appelée JavaServerPages

36 Cours Internet Gérard Rozsavolgyi 2005-200636 LAPI Servlet (III) Spécification 2.3 de Sun Implémentation de référence : Tomcat 4.0 HTTP 1.1 filtrage, réecriture dURLs, etc. Tomcat 4.0Tomcat 4.0

37 Cours Internet Gérard Rozsavolgyi 2005-200637 Exemple: formulaire et servlet Formumlaire avec servlet Quel est votre nom, sil vous plaît ? Formumlaire avec servlet Quel est votre nom, sil vous plaît ?

38 Cours Internet Gérard Rozsavolgyi 2005-200638 Exemples Une Servlet Java simple : Hello.java Une Servlet Java simple : Hello.javaHello.java ServerSideInclude : CurrentTime.java ServerSideInclude : CurrentTime.javaCurrentTime.java Un Servlet avec init( ) et destroy( ) : Compteur.java Un Servlet avec init( ) et destroy( ) : Compteur.java Compteur.java

39 Cours Internet Gérard Rozsavolgyi 2005-200639 Autres protocoles Internet/Intranet POP : Gestion du courrier sortant (port 110, USER, PASS, LIST, RETR i, QUIT) POP : Gestion du courrier sortant (port 110, USER, PASS, LIST, RETR i, QUIT) SMTP : Gestion du courrier sortant (port 25, helo, mail, rcpt, data et quit ) SMTP : Gestion du courrier sortant (port 25, helo, mail, rcpt, data et quit ) SNNTP (Gestion des « news ») SNNTP (Gestion des « news ») FTP (File Transfer Protocol, transfert de fichiers) FTP (File Transfer Protocol, transfert de fichiers) TFTP (Trivial File Transfer Protocol) TFTP (Trivial File Transfer Protocol) UDP (Universal Datagram Protocol, Protocole très basique sans AR) UDP (Universal Datagram Protocol, Protocole très basique sans AR) LDAP (Lightweight Directory Access Protocol, gestion dannuaire de ressources hétérogènes) LDAP (Lightweight Directory Access Protocol, gestion dannuaire de ressources hétérogènes)

40 Cours Internet Gérard Rozsavolgyi 2005-200640 Bibliographie Webmaster in a nutshell. Ed. OReilly Webmaster in a nutshell. Ed. OReilly w3c.org w3c.org isoc.org isoc.org nic.fr nic.fr Java Enterprise in a nutshell. Ed. OReilly Java Enterprise in a nutshell. Ed. OReilly