Les composants d’un site Web Présentation L’architecture Client/Serveur Eléments du système

1. Les composants d’un site Web • Présentation • L’architecture Client/Serveur • Eléments du système • Le fonctionnement • Composants et fonctionnement d’un service web évolué • Les composants • Le client web ou « navigateur » • Le serveur http • Le serveur applicatif • La base de données • Chronologie des événements • Contenu statique • Contenu Dynamique

2. Présentation il est important de bien comprendre le mode de fonctionnement client/serveur à la base des technologies internet et de pouvoir ainsi restituer à quel stade les langages interviennent dans le processus de livraison d’une page web. A partir du plan suivant nous aurons les base nécessaires à la bonne compréhension du rôle de chacun de ces langages : · L’architecture client/serveur · Composants d’un service web évolué · Le serveur web Le Web n’est plus maintenant un terme connu de quelques initiés et passionnés d’informatique. Il n’est pas de jour où, dans une publicité, un journal, à la télévision on ne voit un quelconque « http://… ». On assiste même à une promotion du Web par les pouvoirs politiques, relayée abondamment pas les médias. S’il est apparu à l’origine pour faciliter la communication entre chercheurs en physique - il a vu le jour en 1989 au CERN de Genève à l’initiative de Tim Berners-Lee - il a depuis largement débordé son domaine. Le Web couvre maintenantpratiquement n’importe quel sujet possible. Sa facilité d’emploi, même pour les non-spécialistes d’informatique, et sacouverture mondiale explique son succès. Pourtant derrière les pages colorées, les images animées ou toute autre fantaisie rencontrée en surfant, le Web est avant tout un outil de communication et de transfert d’information. Très vite, se ressent le besoin de faire connecter des données avec ce moyen de communication et de les mettre sur le réseau.

3. L’architecture Client/Serveur Eléments du système Comme son nom l’indique le système repose sur deux catégories de machines composant un réseau, les clients et les serveurs. Les machines dites serveurs : Elles mettent à disposition des clients des services telles que la fourniture de fichiers, l’heure de connection. Ces machines généralement puissantes en terme de capacité de stockage, de calcul et d’entrée sortie sont au cœur du réseau. Les machines dites clientes : Elles exécutent les programmes clients des services proposés sur les serveurs. On parle de client FTP pour le transfert de fichiers, de client Mail pour la messagerie, de client web (navigateur ou browser (ie,firefox,safari,…)) pour les services http. Ces machines sont en général de simples stations de travail et ne demandent pas beaucoup de ressources pour exécuter le programme client. Le réseau : Elément indispensable au fonctionnement du système. Le réseau fournit aux machines le support de communication. Il assure le transport de l’information. Il est composé de câbles, routeurs, hub et de bien d’autres éléments actifs. Par le réseau transite l’information. Le taux de transfert (bande passante) est exprimé en Kilobit/seconde. Exemple : Modem 56k => 56 Kbps (7 Ko/sec) ADSL 128k => 128 Kbps (16 Ko/sec) ADSL 512k   => 512 Kbps (64 Ko/sec) ADSL 1024k => 1024 Kbps (128 Ko/sec) ADSL 2M   =>2048 Kbps (256 Ko/sec) On parle de débit montant ou descendant Upload & Download

4. Composants et fonctionnement d’un service web évolué Les grands principes de fonctionnement client serveur étant posés, nous pouvons détailler plus particulièrement le fonctionnement d’un service web. Constitué à la base d’un client « Navigateur » et d’un programme serveur appelé serveur http. Dans le cas d’un service web dynamique faisant intervenir des bases de données d’autres composants font leur apparition, la base de données évidemment mais aussi le serveur applicatif. Les composants Un service web n’est pas constitué d’un seul élément logiciel mais d’une succession de services qui mis bout à bout constituent une chaîne de distribution d’informations. Le client web ou « navigateur » Il existe de nombreux clients web, tel que Firefox, Microsoft Internet Explorer pour les plus connus, mais aussi Opéra, Safari. Ces clients affichent les pages HTML envoyées par le serveur http. Le navigateur assure donc deux taches minimum · Envoi de la requête aux serveurs · Interprétation et affichage des réponses Les navigateurs possèdent également un grand nombre de fonctionnalités supplémentaires propre à chacun d’eux pour un plus grand confort d’utilisation.

5. Le serveur http Ce programme est à l’écoute des requêtes des clients. Il distribue les fichiers HTML demandés suivant un protocole de communication bien défini. Il assure le rôle,pour être simpliste, de magasinier, il écoute la demande de son client puis va chercher le bon produit dans le bon rayon, l’emballe et l’expédie. La différence setrouve simplement dans le fait que le serveur http peut servir plusieurs clients au même moment, sans mélanger les livraisons ! le serveur http peut dans certains cas demander la fabrication de page qui n’existe pas (Site web dynamique), il sous-traite ce travail soit à un programme CGI (common gateway interface) ou au serveur applicatif qui se charge de construire la bonne page avec le bon contenu. Le serveur applicatif Son rôle est de traiter tous les éléments dynamiques fournis aux clients. Il prend en charge l’interprétation des paramètres fournis par le client, l’envoi des requêtes le cas échéant aux bases de données, la récupération des réponses de ces mêmes bases, les calculs éventuels, la mise en forme, la restitution de l’ensemble au serveur http qui renverra la page HTML finale au client. La base de données Le rôle de la base de données est le même que pour toute autre application informatique. Elle stocke les données et fournit un langage d’interrogation. SQL Server / MySQL / Access / Oracle

6. Le fonctionnement • De nos jours les architectures déployées dans l’entreprise sont du type 3-tiers. • Elles sont toujours constituées de clients et de serveurs mais cette dernière catégorie est constituée de serveurs applicatifs effectuant des traitement de calculs, de fournitures de fichiers aussi appelée frontale et des serveurs de base de données qui assurent le traitement des opérations bases de données • Avantages • meilleure répartition des charges • meilleur performance • Inconvénients • • mise en œuvre initiale + complexe • • maîtrise des flux de traitements plus complexe • • fournit aux applications une abstraction • du système d’exploitation et du réseau • Ce type d’architecture correspond à des besoins • toujours plus importants en terme • de disponibilité et de performance. • Plus souple, plus performant • car les tâches sont partagées. • L’architecture peut évoluer vers n niveaux • où chacun des services serait pris en charge • par un serveur différent.

7. Le fonctionnement Le principe de fonctionnement est basé sur un échange de requêtes venant du client et de réponses fournis par le serveur. Ces échanges se font entre les machines grâce à leur adresse sur le réseau et au numéro de port correspondant aux services. Sur l’internet c’est l’adresse IP qui permet de localiser les machines. Les numéros de port sont en général connus pour les services les plus courants 21 pour FTP, 80 pour http etc... Le schéma présenté ci contre présente une architecture client/serveur à deux niveaux ou 2-tiers (tier signifiant étage en anglais). Le client envoie par l’intermédiaire du réseau une requête au serveur qui expédie sa réponse vers le client.   Les échanges client serveur sont toujours à l’initiative du client. Avantages • 1ère infrastructure informatique pour un travail coopératif • centralisation des traitements au niveau du serveur • pas de duplication de données (état global observable) • gestion simple de la cohérence et de l’intégrité des données • maîtrise globale des processus de travail ( workflow ) relativement simple Inconvénients • relation directe entre le client et le serveur • pas de transparence de localisation • modèle trop rigide qui n’assure pas l’évolutivité • souvent solutions propriétaires qui ne facilitent ni la portabilité, ni l’hétérogénéité, ni l’intéropérabilité

8. Chronologie des événements Tous les composants n’interviennent pas forcement dans le traitement d’une requête. Pour le savoir nous devons distinguer deux cas d’utilisation : Appel d’uncontenu statique c’est à dire de pages HTML simples et le cas d’un contenu dynamique c’est à dire d’une page dont le contenu sera créé à la volée en fonction soitd’un paramètre venant du client soit de la volonté de l’application à fournir un contenu mis à jour en permanence.

9. Le navigateur envoie une requête au serveur par le réseau • Le serveur http intercepte la requête l’analyse et détermine s’il s’agit d’un fichier HTML simple, d’une image ou de tout autre élément de type fichier de données. Il met en forme ces éléments pour le transport sur le réseau • Le serveur http renvoie les données au client par le réseau à l’adresse IP du client. Le Navigateur interprète les données reçues dans le cas d’un fichier HTML ou affiche directement le contenu dans le navigateur. • Contenu statique : Nous sommes donc dans le cas le • plus simple, le plus court et donc le plus rapide. Il faut • noter que le serveur effectue tout de même toute une série • de contrôles. Interprète les erreurs le cas échéant et • renvoie ce code correspondant au client. Il tient • également à jour des fichiers de log permettant de • réaliser des statistiques de consultations et d’erreurs • survenues. Contenu statique

10. Contenu Dynamique 1- Le navigateur envoie une requête au serveur par le réseau 2- Le serveur http intercepte la requête l’analyse et détermine s’il s’agit d’une demande faisant appel à un fichier HTML d’un type spécial, les extensions de ces fichiers sont différentes en fonction du langage de programmation utilisé : .ASP,.CFM, .PHP3 et bien d’autre encore. Il récupère comme le cas précédent le fichier en cause. 3- Le serveur http renvoie la partie de code introduite dans le HTML au serveur d’application, qui va l’interpréter, le compiler ou faire appel à des sous programmes. 4- Il va également dans le cas où il a besoin d’informations contenues dans une base de données, par exemple une liste d’employés, lui transmettre sa demande. 5- La base de données effectue la requête adéquate sur ses tables et renvoie les réponses au serveur d’application. 6- Le serveur d’application ajoute ses traitements aux résultats de la base de données et renvoie le tout au serveur http 7- Le serveur http finalise le fichier HTML et package l’ensemble pour le transport vers le client. qui affiche le contenu à l’écran. Contenu dynamique : Les composants mis en jeu dans la fourniture d’un contenu dynamique sont plus nombreux et plus complexes que dans le cas d’un contenu statique La charge des serveurs augmente ainsi que le temps de réponse. On peut aussi recourir à la mise en cache des données.

11. Les navigateurs  Bases de données Request Client Response Serveur Application Session Webmaster Contexte Administrateur Structure Générale