Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Fiche technique Sites dynamiques et bases de données Plan de la fiche : • 1 : P

Fiche technique Sites dynamiques et bases de données Plan de la fiche : • 1 : Présentation de la fiche • 2 : Pages dynamiques : définition et fonctionnement • 3 : Possibilités et avantages des pages dynamiques • 4 : Panorama des technologies côté serveur • 5 : Les plateformes .NET et J2EE • 6 : Les bases de données : définition et concepts • 7 : Pages dynamiques et bases de données • 8 : Et XML? 1 - Présentation de la fiche Les sites web utilisant les pages dynamiques et les bases de données règnent aujourd'hui en maître sur Internet. Il n'est plus imaginable de développer un site d'e-business sans faire appel à ces technologies et aux possibilités d'interactivité et de personnalisation qu'elles permettent. Cette fiche présente et explique les concepts de pages dynamiques et de bases de données, ainsi que les avantages liés à leur utilisation par rapport à un site statique. Elle offre également un bref tour d'horizon des différentes solutions existantes. 2 - Pages dynamiques : définition et fonctionnement Des pages statiques vers les pages dynamiques L'explosion de l'Internet, vers 1995, a vu la multiplication des sites dits "cartes de visite". Ces sites se contentaient pour la plupart de transposer au mieux sur le Web les présentations classiques, sur papier, de l'entreprise. Ce type de site, construit en html pur, a pour défaut majeur de n'offrir qu'une et une seule présentation, sans aucune possibilité de personnalisation et avec une interactivité limitée au strict minimum. Cette limitation est due à la nature même du html, langage de description des données dans lequel le contenu et sa présentation sont indissociables. C'est pour cela que ces pages sont dites statiques. Si l'on veut modifier le design d'un site ainsi réalisé, il faudra changer une à une toutes les pages qui le composent, avec un éditeur html, comme Frontpage, Dreamweaver ou Golive. Si cette technique peut suffire pour des sites web de petite taille, au contenu permanent ou rarement mis à jour, elle est par contre très peu adaptée pour des sites dont les informations font l'objet de modifications fréquentes, comme un catalogue de produits, journal d'information ou, de manière générale toute application e-business. Qu'est-ce qu'une page dynamique Le principe d'un page dynamique est d'être construite à la demande (à la volée) par le serveur (côté serveur), en fonction de critères spécifiques. La présentation et le contenu affichés peuvent ainsi être personnalisés de manière interactive, en fonction des produits, des internautes, des langues,… On reconnaît facilement un page dynamique grâce à l'URL qui s'affiche dans le navigateur web de l'utilisateur : • page statique : http://www.monsite.be/accueil.htm : affiche la page accueil.htm, stockée telle quelle sur le serveur, • page dynamique : http://www.monsite.be/accueil.php?langue=fr : affiche la page accueil.php en demandant au serveur d'afficher le contenu de cette page en français Alors que les pages statiques font appel au html, langage de description de données, les pages dynamiques sont mises en œuvre grâce à un langage de programmation. Grâce à lui, on pourra disposer d'instructions conditionnelles, de boucles et de fonctions de traitement complexes. Le langage de programmation variera en fonction de la technologie retenue (PHP, ASP, Java,…). Le langage de programmation ne remplace pas le html, mais il en produit. En effet, actuellement, les navigateurs (browser) ne reconnaissent que ce standard pour afficher des pages web. Le fonctionnement des pages dynamiques Pour bien comprendre l'intervention de la programmation, il faut rappeler rapidement le principe de fonctionnement d'un serveur Web. Lorsque l'internaute tape l'adresse d'un site dans son browser (www.awt.be par exemple), celui-ci envoie une requête au serveur qui héberge ce site. Le serveur transmet alors la page demandée au browser qui l'affiche. C'est l'architecture client/serveur : le client, c'est l'ordinateur et le browser de l'internaute, et le serveur … c'est le serveur Web. Le serveur web est un ensemble ordinateur/logiciel paramétré pour pouvoir traiter certains types de pages et notamment celles qui contiennent des instructions de programmation. Il reconnaît ces pages grâce à l'URL qu'il reçoit, effectue les traitements demandés et transmet le résultat au format html au browser de l'internaute. Cette manière de faire offre deux avantages majeurs: • tous les traitements sont exécutés sur le serveur, côté serveur, de manière totalement transparente pour l'internaute. Le résultat envoyé étant du html standard, on évite tout problème d'incompatibilité avec le browser, comme c'est parfois le cas avec des programmes exécutés côté client (javascript par exemple) • chaque nouvelle requête reconstruit systématiquement la page demandée, ce qui veut dire que l'information transmise est à jour. Un site dynamique est plus exigeant pour un serveur Web qu'un site statique. En effet, alors que pour un site statique le serveur se contente d'afficher les pages, pour un site dynamique, il doit effectuer différents traitements et accès à des bases de données. Ces opérations pèsent sur la performance du serveur. Dans le cas d'un site articulé sur une base de données dont le contenu varie peu fréquemment, l'entreprise peut avoir intérêt à recourir à un site semi-dynamique. Pour un site semi-dynamique, les pages html sont construites dynamiquement dans un premier temps par un programme et ensuite mises en ligne comme un site statique classique. Lorsque des modifications sont apportées à la base de données, on relance le programme pour produire une version actualisée des pages html. 3 - Possibilités et avantages des pages dynamiques Que peuvent faire les pages dynamiques? Parmi les opérations permises par les pages dynamiques, on peut citer: • l'accès aux bases de données pour en extraire des informations qui sont injectées dans les pages html ou y stocker les informations reçues des internautes, • l'assemblage de différents morceaux de pages réutilisables en fonction des besoins (l'entête avec le logo de l'entreprise, la date,… ou le bas de page, avec un rappel des principales rubriques du site), • la reconnaissance de certaines caractéristiques du visiteur : chaque visiteur peut être identifié dès qu'il démarre une session sur le site. On peut ainsi connaître le browser qu'il utilise (comme Internet Explorer ou Netscape Navigator), la langue de ce browser, les différentes pages visitées,…. Ces caratéristiques peuvent être conservées grâce à un cookie ou en les stockant dans une base de données (c'est ainsi qu'un site de vente en ligne peut gérer le caddie virtuel d'un acheteur), • de très nombreuses fonctionnalités telles que : le traitement de formulaires, l'envoi de mails automatiques, la création de graphiques, la protection de certaines pages par mot de passe, la production de fichiers à divers format (PDF, texte, …), la gestion automatique des hyperliens, • etc. Exemple de page dynamique Prenons l'exemple d'une fiche de l'AWT et examinons le processus de consctruction de la page dont l'url est : www.awt.be/cgi/fic/fic.asp?fic=fic-fr-J13-5. Cette adresse fait appel à la page fic.asp qui permet d'afficher le contenu des différentes fiches disponibles. La construction de la page se déroule comme suit: • insertion de l'entête de la page : le serveur détecte la présence du J dans l'url et sait qu'il doit afficher l'image correspondant aux fiches juridiques. Il affecte également une gamme de couleur bleue pour la mise en page des différents titres. • construction de la barre de navigation : la page dynamique construit le parcours logique suivi pour arriver à la fiche : accueil > fiches juridiques (avec un lien vers le menu de ces fiches) > nom de la fiche en cours (ce nom est trouvé par un accès à une base de données). • construction du titre principal : toujours grâce à l'url, la page dynamique retrouve dans la base de données le titre de la fiche, le nombre de pages qui composent cette fiche, le titre de la page demandée et le numéro de cette page. En fonction de ces renseignements, un lien page précédente et/ou page suivante est affiché. La page dynamique vérifie ensuite la présence d'un fichier PDF pour la fiche concernée et affiche un lien vers ce fichier si nécessaire. Enfin, elle construit un lien hypertexte vers une autre page dynamique permettant d'afficher la fiche concernée dans un format facilement imprimable. • insertion du contenu : le fichier (type html ou XML) correspondant à la page demandée est automatiquement inclus dans la page dynamique. Les effets visuels (polices, taille des caractères, couleurs, ...) sont affectés grâce à une feuille de style (CSS). • construction de la pagination complète de la fiche : enfin, toujours grâce aux renseignements de la base de données, un lien direct est proposé vers toutes les pages de la fiche. Les avantages des pages dynamiques Le passage des pages statiques vers les pages dynamiques requiert un investissement important: • au niveau financier (on estime qu'un site dynamique coûte entre 4 et 5 fois plus cher qu'un site statique), • en ressources humaines et en compétences techniques. Les avantages justifient cependant pleinement l'effort consenti. Ils sont essentiellement liés au fait que le mécanisme des pages dynamiques permet de séparer le contenu du contenant, les informations de la manière dont elles seront traitées, organisées et présentées: Mises à jour uploads/Litterature/ site-dynamique-fiche-awt.pdf