Professional Documents
Culture Documents
Avant d'entamer la conception de notre site, nous prenons un coup d'oeil sur l'Internet son utilisation, les outils de conception des sites Web. et sur les Applications Web plus des dfinitions utiles pour manipuler la cration
8
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
9
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
communication reste tablie, mme si certains sites sont dtruits. La pierre dangle de ce systme repose sur lutilisation du protocole rseau TCP/IP (Transfert Control Protocole / Internet Protocole). Ce protocole Normalise les communications entre machines et permet ainsi tous Petit petit, cet ensemble de rseaux stend aux universits et grandes entreprises situes aux Etats Unis et en Europe. La communaut scientifique peut ainsi changer le fruit de ses recherches beaucoup plus facilement. En 1984, il est scind en deux : Minet (pour la partie militaire), Financ par larme amricaine. NSF net (partie publique ), financ par la National Science Fondation. En 1988, NFS net prend le nom dInternet ( INTER NETwork , que lon pourrait traduire par ensemble de rseaux interconnects) et est financ par lensemble de ses membres. Jusque l, de par sa complexit, son utilisation reste rserve une lite (chercheurs, Universitaires,...).
10
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
virus).
11
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
Ajouter dans notre schma trois autres villes B, C et D (Figure II.2). Les habitants de B tant relis au central tlphonique de cette ville
12
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
peuvent se tlphoner, tous comme les habitants de la ville A, mme chose pour les habitants de villes C et D.
Ville A
Ville B
Ville C
Ville D
Que font-il pour quun habitant de la ville A puisse entrer en contact avec un Habitant de la ville B, C ou D ? Rponse vidente : il faut que les centraux tlphoniques soient relis entre eux. Bien, posons un cble (mtallique ou de fibre optique) entre ces villes. Notre rseau stend et peut stendre aux ville E, F, G,jusqu recouvrir la terre entire. Nous devrons tre attentif au fait que chaque habitant possde bien un numro dappel unique, pour viter toute confusion.
Chapitre II :
La notion de service, lutilisation de ce systme pour se parler et se faxer. Le schma rassemble de plus en plus celui qui reprsenterait Internet. Remplaons les maisons et les centraux tlphoniques par des ordinateurs, relis physiquement entre eux afin de pouvoir changer de linformation. Nous obtenons des rseaux dordinateurs relis entre eux, c'est--dire un rseau de rseaux. Pour que ces ordinateurs puissent schanger de linformation, ils doivent pouvoir communiquer. Cette communication va respecter certaines rgles, utilis un certain langage techniquement, on parlera de protocole de communication. Enfin, ce rseau nous offrira un certain nombre de services, tous bass sur la communication et lchange dinformations. Multiplions cette ide de rseaux interconnects utilisant un protocole de communication commun et nous obtiendrons une reprsentation assez correcte dInternet (Figure II.3).
Dfinition du forum :
le forum est un Espace de discussion et dchange sur le Web o les internautes peuvent intervenir et dbattre en postant des messages aussi appels post. Le forum est modr par un modrateur ou Modo .
14
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
on trouve parfois le plurielle thorique fora, mais on dis pratiquement toujours forum. Groupe est labriviation usuelle de groupe de nouvelles on groupe de discussion. Un synonyme rar de confrence.
Chapitre II :
courrier lectronique. Les informations prsentes sur le rseau Internet sont, le plus souvent, publies dans des pages au format HTML (Hypertexte Markup Langage). Ce format permet
lintroduction dans le texte de liens dautres pages ou dautres sites, appels liens Hypertextes Ces liens permettent de naviguer dans le rseau Internet. Un autre format tend se dvelopper sur Internet : le format XML (eXtended Markup Langage). Outre les possibilits offertes par le format HTML, le langage XML permet de mieux structurer linformation et de sparer clairement la forme et le contenu. Limportante quantit dinformations en tout genre rend parfois difficiles la navigation et la recherche rapide. Cest pourquoi certains sites possdent des moteurs de recherche, outils permettant de lancer une recherche par un mot ou une expression sur tous les sites Internet recenss par ce systme, et de trouver ainsi les documents susceptibles de renfermer linformation dsire par lutilisateur
16
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
Ordinateur personnel
(tlchargement).
17
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II : -SMTP
lectronique avec dautres personnes (e_mail). -NNTP (Network News Transfer Protocol) pour lenvoi et la rception de couriers publics, -HTTP (HyperText Transfer Protocol) pour le protocole de transmission hypertext, -Web pour la publication dinformation,etc. Pour fair fonctionner ce vaste rseau, Internet met des protocoles de communication. Les deux protocoles de base sont TCP (Transmission Control Protocol) et IP (Internet Protocol). Il sont rfrencs sous le vocable TCP/IP rcupre les informations transmettre, IP les transforme en paquets et les dlivres la couche charge du transport (composant lctronique). Toutefois, le rapide dveloppment dInternet lchelle mondiale entraine actuellement une rvision et une volution de ces protocoles.
18
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
Ce systme de numrotation quatre octets permet 4 294 967 296 de machines diffrentes.
didentifier
Le systme de noms de domaine (Domaine Name System DNS-) est une mthode dadministration des noms qui rpartit la responsabilit dattribution diffrents niveaux. Chaque niveau dans le systme est appel un domaine. Citons dans ce tableau les domaines utiliss sur Internet : Domaine Com FR Goo Mil Org Net Usage Organisations commerciales free Exemple http://www.altavista.digital. om/ http://www.php.facile.fr
Organisations gouvernementales non http://www.nasa.goo/ militaires Arme http://www.navy.mil/ Autre organisations http://www.oceano.org/ Service rseaux http://www.enternic.net/
19
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
Le fournisseur daccs possde des ordinateurs qui font partie dInternet et auxquels les abonns peuvent se connecter via une ligne tlphonique.
Voici le principe dune connexion (Figure II.5) : Lordinateur client lance un logiciel daccs rseau distance et, grce son modem, se connecte au service dun fournisseur daccs. Une fois la connexion tablie, le serveur du fournisseur daccs attribue (provisoirement) lordinateur client une adresse IP et ce dernier fait partir (provisoirement) du rseau Internet.
A partir de ce moment, lordinateur client peut accder nimporte quel ordinateur serveur qui est connect Internet, quelle que soit la localisation gographique de celui-ci. Pour cela, lordinateur client devra excuter un logiciel client appropri, par exemple un logiciel de courrier lectronique, un logiciel de navigation,
20
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
Client
Modem
Mode m Internet
21
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II : collaboration
permettant
lapprentissage
et
aussi
le
support
de
Concrtement, nous pouvons considrer Internet comme un outil capable de nous rendre certain nombre de services : Echanger du courrier et des documents : Il permet dchanger (quasi instantanment) du courrier (Email) et des document avec toute personne possdant une adresse lectronique. Le protocole utilis est SMTP (Simple Mail Transfer Protocole). Transfrer des fichiers : Ce service, comme son nom lindique, permet de transfrer directement des fichiers dune machine une autre. Le protocole utilis est FTP (File Transfer Protocole). Participer des groupe de discussion (ou news) : Il sagit dun immense ensemble de forum. Les dbats sorganisent sous forme de questions et de rponses animes par les abonns ces forums. Le protocole utilis est NNTP (News Network Transfer Protocole). Accder des pages hypertexte et hypermdia : Ce service permet daccder des pages appeles pages web. Une page Web est crite en langage HTML (Hyper Text Murk-up Langage) et peut contenir du texte, des images (statiques ou animes), des squences vido, du son et des hyperliens.
Ces liens permettent de passer dune page web un autre (situe ventuellement lautre bout du monde). Le protocole utilis est http (Hyper Texte Transfer Protocole).
22
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
Aujourd'hui Internet permet tout individu d'accder une multitude de donnes prsentant sous divers formats: textes, bases de donnes, images, sons, vido, etc. il offre de nombreux services aux professionnels, comme aux particuliers: rserver un htel en Asie, installer un encart publicitaire aux Etats-Unis, consulter les catalogues de constructeurs automobiles, passer des commandes, acheter ou vendre aux enchres un bien, visiter des muses, obtenir des informations officielles, etc. Le systme fonctionne selon un modle client serveur (Figure II.3). Le logiciel client met des requtes (demande) et le logiciel serveur rpond aux requtes. La requte est formule dune manire standardise (uniforme) au moyen des URL (Uniforme Ressource Locator). Lutilisation de chacun de ces services repose sur un logiciel serveur et un logiciel client appropri.
Logiciel client
23
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
II.1.12 Le web :
Il est impratif de diffrencier Internet, et le Web. Ces deux mots sont trs proches dans lesprit de chacun, mais correspond deux notions trs diffrentes. Comme on la vu, lInternet (International Network), est le nom donn un ensemble dordinateurs connects les uns aux autres, selon diffrents modes (satellites, fibres optiques,) et rfrencis de manire trs prcise (attribution dune adresse chaque ordinateur). On
24
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
dit de lInternet, que cest un rseau physique. A la diffrence de lInternet, le Web (la toile daraigne plantaire) est une application gante, qui utilise de rseau Internet, et rend possible lchange dinformations sur ce rseau, notamment grce lutilisation des navigateurs et du langage HTML. On dit du Web, que cest une couche logique dInternet. Par analogie, lorsque deux personnes discutent entre elles, elles ont besoin de diffrents outils : Du matriel, qui permet physiquement lchange de donnes (Internet) : bouche, cordes vocales, oreilles ; Dun mode de communication (Le Web) : une langue commune, qui leur permet de se comprendre, et rend possible lchange dides.
25
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
Le Web dsigne le service Internet permettant de naviguer travers des pages web. Le protocole utilis pour ce type de communication est le protocole http, ce qui explique le fait que lorsque nous saisissons des URL commenant par http://...
Chapitre II :
Une meilleure scurit: Car le nombre de points d'entre permettant l'accs aux donnes est moins important; Une administration au niveau serveur: les clients ayant peu d'importance dans ce modle, ils ont moins besoin d'tre administrs; Un rseau volutif: grce cette architecture, il est possible de supprimer ou rajouter des clients sans perturber le fonctionnement du rseau et sans modification majeure.
Fig. II.6. Fonctionnement du systme Client/Serveur Le client met une requte vers le serveur grce son adresse et le port, qui dsigne un service particulier du serveur; Le serveur reoit la demande et rpond l'aide de l'adresse de la machine client et son port;
27
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
28
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
C'est pourquoi il a t ncessaire de mettre au point une solution permettant de gnrer des pages web du ct du serveur. Ainsi de nombreuses solutions mettant en uvre un langage de script sur le serveur ont t mises au point comme par exemple CGI, ASP, PHP, JSP, d'o la naissance de la notion application web.
Chapitre II :
Informations sur un site Web riche en contenu. Ce type d'applications Web permet aux visiteurs du site de rechercher,
d'organiser et de parcourir le contenu leur convenance. Collecter, enregistrer et analyser des donnes fournies par les visiteurs Du site. Auparavant, les donnes saisies dans des formulaires HTML taient envoyes sous forme de courriel aux employs. Une application Web peut enregistrer les donnes d'un formulaire directement dans une base de donnes et crer des rapports Web pour l'analyse. Les exemples incluent des pages de banques en ligne, de contrle des stocks, des sondages et des formulaires de commentaires. Mettre jour des sites Web dont le contenu change souvent. Une Application Web vite au crateur d'avoir mettre frquemment jour le code HTML du site.
Chapitre II :
informatique</title> </head> <body> <h1>A propos de Dpartement de centre</h1> <p > Centre univercitaire Yahia Fares de Mda </p> </body> </html> Chaque ligne du code HTML de la page est rdige par le crateur avant que la page ne soit place sur le serveur. Ce code HTML n'tant pas modifi une fois la page sur le serveur, cette page est dite statique. Lorsqu'un serveur Web reoit une requte de page statique, il lit la requte, localise la page et la transmet au navigateur qui l'a sollicite, tel qu'indiqu dans la figure ci-dessou :
31
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
Dans le cas des applications Web, certaines lignes de code ne sont pas dtermines au moment o l'utilisateur sollicite la page. Ces lignes doivent tre dtermines via un mcanisme avant que la page ne soit transmise au navigateur. Ce mcanisme est prsent dans le paragraphe suivant.
32
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
Chapitre II :
Chapitre II :
Tel que lastname, firstname et fit points sont des champs de la table employes. Cette instruction cre un jeu d'enregistrement trois colonnes et le remplit de lignes comportant le nom, le prnom et les points de mise en forme de tous les employs de la base de donnes. Voici une illustration du processus d'interrogation de la base de donnes via des requtes et de la transmission des donnes au navigateur:
35
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
36
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
pour rendre la page dynamique. Lorsque on visualise le code obtenu, le langage apparat incorpor dans le code HTML de la page. Par consquent, ces langages sont appels langages de programmation HTML intgrs. L'exemple de base ci-dessous utilise le code PHP:
<html> <head> <title> Informations relatives du dpartement</title> </head> <body> <h1>A propos du dpartement</h1> <p> Centre Univercitaire Yahia Fares de Mda. </p> <!--- debut des instructions ---> <?php departement="Cours",?> <p>Pensez visiter la page <? Php echo departement ?>.</p> <!--- la fin des instructions ---> </body> </html>
Les instructions incorpores dans cette page excutent les actions suivantes:
1. Cration d'une variable appele institut et assignation de la chane "Cours" cette variable. 2.Insertion de la valeur de la variable, "Cours", dans la code HTML.
Chapitre II :
<html> <head> <title> Informations </title> </head> <body> <h1>A propos du dpartement </h1> <p> Centre Univercitaire Yahia Fares de Mda </p> <p>Pensez visiter la page departement</p> </body> </html>
Le serveur Web transmet la page au navigateur requrant, lequel l'affiche de la manire suivante:
A propos du dpartement Centre Univercitaire Yahia Fares Pensez visiter la page departement
38
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
le serveur web Apache; le serveur de bases de donnes MySQL le serveur d'application PHP l'outil phpMyAdmin permettant de grer des bases MySQL Apache (prononc en franais ou bien pour les anglophones "Apatchy") tire son nom de la faon dont il a t mis au point ("A patchy server" traduisez "un serveur rafistol") car il est le fruit d'une multitude de correctifs logiciels afin d'en faire une solution trs sre. En effet apache est considr comme sr dans la mesure o peu de vulnrabilit le concernant sont publies.
39
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
Ainsi, ds qu'un bug ou une faille de scurit est dcele, ceux-ci sont rapidement corrigs et une nouvelle version de l'application est dite. Apache possde dsormais de nombreuses fonctionnalits dont la possibilit de dfinir une configuration spcifique chaque fichier ou rpertoire partag, ainsi que de dfinir des restrictions d'accs grce aux fichiers htaccess.
Les principales raisons d'utilisation des fichiers .htaccess sont: grer l'accs certains fichiers. Protger l'accs un rpertoire par un mot de passe Protger l'accs un fichier par un mot de passe Dfinir des pages d'erreurs personnalises.
40
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
Chapitre II :
la possibilit d'inclure le script PHP au sein d'une page HTML (contrairement aux scripts CGI, pour lesquels il faut crire des lignes de code pour afficher chaque ligne en langage HTML); la simplicit d'interfaage avec des bases de donnes (de nombreux SGBD sont supports, mais le plus utilis avec ce langage est MySQL, un SGBD gratuit disponible sur de nombreuses plateformes: UNIX, LINUX, WINDOWS, MACOS X, SOLARIS, etc.); l'intgration au sein de nombreux serveurs web (Apache, Microsoft IIS, etc.).
groupes de fonctions disponibles dans PHP, nous allons voir cest impressionnant et cela donne une bonne ide de la puissance du langage : Gestion des chanes de caractres. Les fonctions mathmatiques. La gestion des dates et des calendriers : Les images dynamiques. Economiser les ressources sur le serveur. Amliorer le rfrencement
Chapitre II :
Par rapport tous ces produits, PHP possde plusieurs avantages significatifs :
Des performances leves : PHP est trs efficace. Avec un seul serveur dentre de gamme, vous pouvez servir des millions de requtes par jour. Des interfaces vers diffrents systmes de bases de donnes : PHP contient des connections natives vers la plupart des systmes de bases de donnes. En plus de MySQL, nous pouvons connecter directement aux bases de donnes PostgreSQL, mSQL, Oracle, dbm, InterBase, Informix. Bibliothques intgres pour la plupart des tches Web : comme PHP a t conu pour tre utilis sur le Web, il possde plusieurs fonctions intgres permettant deffectuer la plupart des tches en rapport avec le Web. Nous pouvons ainsi gnrer des images GIF en temps rel, nous connecter dautres services rseaux, envoyer des e-mails, travailler avec les cookies, et gnrer des documents PDF, avec seulement quelques lignes de code. Prix : PHP est gratuite. Nous pouvons nous procurer la dernire version nimport quel moment sur le site http://www.php.net, sans payer quoi que ce soit.
Apprentissage de PHP : La syntaxe de PHP est fonde sur celle dautres langages de programmation, essentiellement le C et Perl. Ou en un autre langage analogue au C, comme le C++ou Java. Portabilit : PHP est disponible pour plusieurs systmes
Chapitre II :
pour des systmes dexploitation de type Unix, comme Linux ou FreeBSD, pour des versions commerciales dUnix comme Solarise ou IRIX, ou pour diffrentes versions de Windows. Code source : Le code source de PHP est disponible gratuitement. Contrairement aux produits commerciaux, dont les sources ne sont pas distribues, nous avons tout fait la possibilit de modifier ce langage, ou dy ajouter de nouvelles caractristiques.
MySQL. C'est de cette faon que la version 2 du langage, baptise pour l'occasion PHP/FI version 2, vit le jour durant l't 1995. Il fut rapidement
44
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
utilis sur de nombreux sites (15000 fin 1996, puis 50000 en milieu d'anne 1997). A partir de 1997, Zeev Suraski et Andi Gurmans rejoignrent Rasmus pour former une quipe de programmeurs afin de mettre au point PHP 3 (Stig Bakken, Shane Caraveo et Jim Winstead les rejoignrent par la suite). C'est ainsi que la version 3.0 de PHP fut disponible le 6 juin 1998. A la fin de l'anne 1999, une version bta de PHP, baptise PHP4 est apparue...
45
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
Lorsque le serveur rencontre une instruction, il la transmet l'interprteur, L'interprteur excute l'instruction puis envoie les sorties ventuelles l'interprteur A la fin du script, le serveur transmet le rsultat au client (le navigateur) Un script PHP est interprt par le serveur, les utilisateurs ne peuvent donc pas voir la source! Le code php3 stock sur le serveur n'est donc jamais visible directement par le client puisque ds qu'il en demande l'accs, le serveur Linterprte!
Chapitre II :
Un systme de gestion de bases de donnes (SGBD) est une collection de logiciels permettant de crer, de grer et dinterroger efficacement une base de donnes indpendamment du domaine dapplication. De nombreux SGBD sont disponibles sur march, partant des SGBD gratuits jusquaux SGBD destins spcialement aux professionnel,
Dvelopp par le laboratoire de recherche d'IBM San Jos en Californie la fin des annes 70, il est reconnu en tant que norme officielle de language de requte
Relationnelle par l'institut ANSI et par l'organisme ISO. Il facilite grandement la manire d'indiquer ce que l'on dsire obtenir la machine. Est un langage permettent de communiquer avec les base de donnes, nous pouvons notamment utiliser SQL pour extraire ou ajouter des
47
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
donnes, supprimer ou mettre jour des enregistrements dune base de donnes, changer des colonnes dans plusieurs lignes, ajouter des colonnes des tables ou encore ajouter et supprimer des tables. Avantage : SQL est constitu dun petit nombre dlments de langage permettant une interaction efficace avec une base de donnes. Les commandes SQL ci-dessous font partie des lments les plus frquemment utiliss : SELECT : permet dextraire (interroger) des informations dune base de donnes. INSERT : permet dajouter des enregistrements une base de donnes. UPDATE : permet de mettre jour des informations dans une base de donnes. DELETE : permet de supprimer des informations dans une base de donnes.
48
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
Editer un site:
Pour crer un site Web dynamique avec EasyPHP, il suffit de dposer les pages dans le sous rpertoire /www de EasyPHP, aprs avoir bien sur installer ce dernier.
49
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE
Chapitre II :
En conclusion, ce chapitre donne une ide globale sur l'Internet et une description des sites Web dynamiques ou applications Web et leurs principes de fonctionnement. Vu l'importance de ce chapitre nous l'avons prsent avant les chapitres "cahier des charges" et "conception du site" pour donner un bon support aux chapitres suivants et permettre de bien comprendre les applications Web, une notion peu connue jusqu'ici.
50
DEPARTEMENT INFORMATIQUE CONCEPTION ET REALISATION DUN SITE WEB DYNAMIQUE