Les sites web dynamiques, fichier PDF 160 ko
Contents
1. exactement la m me conversation qu entre un client et un serveur Il met ces donn es dans son fichier 3 Puis il est indiqu de faire un calcul partir d une liste de chiffres qui se trouve dans la m moire vive de son ordinateur et d inscrire le r sultat tel endroit Le serveur va fouiller la m moire vive trouve les chiffres fait son calcul et l inscrit dans son fichier au bon endroit 4 Ensuite il doit aller chercher dans un fichier texte cave a vin la troisi me ligne de ce fichier la phrase qui y est crite et l inscrire l identique la fin de son fichier en chantier 5 Ah il y a indiqu que le travail est termin Il ferme son fichier Il ne lui reste plus qu livrer son nouveau fichier son client Il ne gardera pas de copie de ce fichier En fait ce fichier doit se consommer tr s frais Tous les ingr dients qui le composent son p rissables et il vaut mieux les conserver l ou ils sont stock s Parfois m me pendant que le serveur s occupe de ses clients quelqu un d autre vient changer le contenu de la base de donn es ou la fameuse troisi me ligne du fichier texte Mais a a ne regarde pas le serveur Parfois dans le plan il est indiqu d utiliser les donn es fournies dans la requ te du client ahhhhh c est donc a que servent les formulaires Quand un client navigue sur un site dynamique sans le savoir il donne au serveur non pas le nom d un fichie2. le cas d un compte client sur une boutique en ligne elle ne constitue pas pour autant le back office a ressemble beaucoup un site web c est construit pareil mais ce n est pas accessible au public Il faut avoir un identifiant et un mot de passe r serv l quipe en charge du site Internet Par exemple dans un back Office nous allons trouver les page web r serv es aux mod rateurs d un forum celles des outils de publication d un CMS etc R diger un cahier des charges pour un site dynamique Avec un site dynamique en plus de l arborescence du site et de son page page nous allons ajouter des fonctionnalit s notre site Les fonctionnalit s les acteurs le sc nario Votre site Internet devient un ensemble de fonctionnalit s Chaque lien dans une page web dynamique devient en r alit une commande de fonctionnalit Par exemple celle qui permet d afficher une page article ou celle qui permet d afficher la page d accueil Une site web dynamique va tre utile partir du moment o vous pouvez d finir un acteur et la t che qu il doit accomplir et la fa on de le faire le sc nario EXEMPLE Le plus simple des fonctionnalit s courantes sur Internet est le formulaire de contact On a 2 acteurs le visiteur le serveur Le visiteur est un Internaute lambda sans connaissance particuli re en informatique Il sait lire et crire Il souhaite prendre contact avec l quipe d
3. libre Il est tr s connu des webmestres car il est simple installer sur un serveur et ses fonctionnalit s r duites mais efficaces dans la majeur partie des cas consomment peu de ressources MySQL est un logiciel distinct de Apache Quand Apache besoin de donn es qui sont g r es par MySQL ils communiquent entre eux comme le feraient un client et un serveur M me s ils se trouvent sur le m me ordinateur Le sch ma r capitulatif apprendre par c ur Notes Le client HTTP est le nom plus technique de client web Cela signifie qu il utilise le protocole de transfert de ficher HTTP Hyperltext Transfert Protocol SGBD signifie Syst me de Gestion de Base de Donn es syst me Logiciel Language client HTTP serveur web SGBD requ tes requ tes Apache PHP donn es Internet Explorer FireFox HTML Javascript fichiers Le travail du webmestre C est quand les humains s en m lent que tout s embrouille On va quand m me essayer d y voir clair La cr ation du site le d veloppement et la production Nous comprendrons vite que le travail du webmestre vis vis de son serveur est tr s diff rent suivant qu il cr e un site statique ou dynamique Dans le cas d un site statique le webmestre cr e des pages HTML Il va ensuite les stocker sur le disque dur du serveur La phase de d veloppement Dans le cas d un site dynamique le webmestre va cr er les plans de constru
4. vrai faux On parle de condition Rectangles et losanges sont li s entre eux de fa on logique et s quentielle tape par tape en suivant le sc nario r dig en fran ais On peut remonter un tape ant rieure On parle alors de boucle Le visiteur Le serveur Clic sur un lien contactez nous y Renvoie un formulaire y de contact Rempli le formulaire de contact et clic sur y Envoyer Re oit les donn es et v rifie leur qualit 7 oui Donn es OK Renvoie le formulaire de contact avec un message d erreur R dige un email pour Le webmaster avec les donn es Y Exp die l email y Renvoie une page y de remerciement Quitte ou clic sur un autre lien L arborescence comprim e Dans un site Internet dynamique on ne parle plus de pages mais d interfaces Une interface est une page avec un ensemble de commandes de fonctionnalit s et des parties ou des blocs g n r s de fa on dynamique Aussi notre arborescence de site web ne vas pas sch matiser l ensemble des pages du site mais l ensemble des interfaces EXEMPLE Nous devons r aliser un site web avec la fiche de poste de chaque employ La fiche de poste indique le nom de l employ sa photo ses coordonn es sa fonction et ses responsabilit s au sein de l entreprise Premier cas je f
5. Les sites Internet Dynamiques Les serveurs et les clients o Internet o un jeu de r le o Mais que fait un client web o Le serveur web lui que fait il Statique ou dynamique o Que fait le serveur d un site statique o Le serveur d un site dynamique le voltigeur coordinateur O Apache PHP MySQL o Le sch ma r capitulatif apprendre par c ur Le travail du webmestre o La cr ation du site le d veloppement et la production front et back office o R diger un cahier des charges de site dynamique O Les serveurs et leurs clients Internet Internet est un syst me de mise en relation de diff rents ordinateurs entre eux C est ce que l on appelle un r seau informatique Il est constitu de c bles ou de liaisons lectromagn tiques qui relient les ordinateurs les uns aux autres et d un protocole de communication compr hensible par tous ces ordinateurs C est exactement ce qui se passe dans un r seau domestique ou dans le r seau du lyc e Mais l chelle mondiale Un jeu de r le Mais quand deux ordinateurs communiquent entre eux dans un r seau en r alit il y en a un qui joue le r le de serveur et l autre celui du client C est m me un sch ma assez strict dans le web Le Serveur est un logiciel capable d couter ce qui se passe dans le r seau Il coute en attendant que quelqu un s adresse lui pour agir Le nom serveur est aussi donn l ordinat
6. ais ce site pour une entreprise de 3 employ s Justin Marcel et Pedro Voici l arborescence du site Accueil Liste des employ s Fiche de poste Fiche de poste Fiche de poste Justin Marcel Pedro On peut m me se contenter d un site statique pour a pas besoin de s emb ter avec une base de donn es Second cas Je fais ce site pour une entreprise de 250 employ s Nonononon Je ne vais pas faire une arborescence de 250 cases avec le nom de chaque employ s Pire il est probable qu avec une telle entreprise il y ai des employ s qui partent et d autre qui embauchent tous les quatre matin Nous allons donc faire une arborescence d interfaces avec des fonctionnalit s propres un administrateur qui pourra ajouter modifier et supprimer des fiches de poste sans l intervention du Webmaster Nous ne cr ons pas de case pour chaque page du site mais une pour chaque Interface La fiche de poste est une interface qui sera g n r e dynamiquement pour chaque employ Il n y a donc plus qu une seule case fiche de poste Accueil Liste des employ s Accueil admin identification Fiche de poste Employ poy _ Listing des xn CTP Formulaire d ajout d un Formulaire Confirmation de modification de suppression J ai bien distingu sur mon sch ma les interfaces r serv es l administra
7. ction pour les donner au serveur Seuls certains l ments n cessaires l assemblage des fichiers seront donn s par le webmestre e les feuilles de style e une partie de la structure HTML des documents e certaines images ou fichiers annexes e Une base de donn es vide ou pr remplie Parfois le webmestre ne cr e jamais le contenu des pages Ce sont d autre intervenants qui s en occuperont gr ce leurs formulaires La phase de production Il existe une distinction tr s nette entre la phase de cr ation du site la phase de d veloppement et la phase de cr ation des pages web et du contenu du site la phase de production La production correspond la p riode ou le webmester ouvre le site aux diff rents intervenants qui vont en cr er le contenu nous verrons la notion d intervenants plus bas La plus part du temps la cr ation du contenu d un site dynamique va se faire par deux portes d entr e le front office c est la partie du site ouverte au publique constitu e de pages d information ou de formulaires Les Internautes vont ajouter du contenu au site gr ce des formulaires de contact qui sont accessibles sans mot de passe Parfois ils vont remplir le contenu du site sans s en apercevoir par l incr mentation d un compteur de visite par exemple Le back office c est la partie priv e r serv e l quipe responsable d dition Si un Internaute peut avoir sa propre partie priv e comme dans
8. e r daction de votre site Le serveur c est notre ordinateur qui h berge notre site web Le sc nario est le suivant o qu il se trouve sur le site le visiteur peut se rendre par un unique lien hypertexte contactez nous vers une page lui pr sentant un formulaire Il devra remplir ce formulaire avec tous les renseignements demand s puis cliquer sur un bouton envoyer Le serveur recevra ces informations Il devra d abord v rifier qu elle correspondent bien ce que l on attend champs obligatoires par exemple Si il y a une erreur le serveur renvoie une page indiquant l erreur et le m me formulaire de contact corriger Si toutes les informations sont correctes le serveur les inscrit dans un email qu il envoie contact monsite fr Puis il envoie au visiteur une page avec inscrit le message suivant votre message a bien t envoy nous vous remercions de votre confiance Le visiteur peut continuer sa visite sur le site Vous voyez dans cet exemple les trois phases pr paratoires 1 d finition de la fonctionnalit 2 description des acteurs et caract ristiques 3 r sum du sc nario en fran ais courant Il est ensuite tr s simple de r aliser un sch ma de ce sc nario e Pour chaque acteur on cr e une colonne d actions e Chaque rectangle correspond une action Le losange correspond un choix faire par l acteur De fa on tr s basique la r ponse ce choix doit tre oui non ou
9. ers Son Vid o et Animations Flash Vous savez ce que c est qu un fichier HTML C est un fichier qui contient du texte mis en forme gr ce des balises Les balises vont tre traduites par le navigateur et le texte sera affich l cran mis en forme Certaines balises permettent d inclure des images vid os et des animations dans ce texte A chacune de ces balises le navigateur le client fait une requ te au serveur pour obtenir le fichier ad quate A chaque demande le serveur d livre ses fichiers les uns apr s les autres Le navigateur et les formulaires Parfois la requ te est un peu plus compliqu e qu une simple demande de fichier Le navigateur va demander au serveur un fichier mais en m me temps il va lui donner des informations compl mentaires celles que vous aurez donn en remplissant un formulaire L ensemble des fichiers HTML li s entre eux par des liens hypertexte et disponibles sur le m me serveur constituent un site web Le serveur web lui que fait il Une fois qu il a re u la requ te d un client le but d un serveur est de lui livrer le fichier attendu Dans l absolu un serveur web n est qu un distributeur de fichiers Du moins c est ainsi que le client le per oit En fait tout d pend de la nature du site web sur lequel vous naviguez statique ou dynamique Statique ou dynamique La diff rence entre un site web statique et un site web dynamique se fait un niveau du serveur Po
10. eur qui ex cute un logiciel serveur Le client lui n est pas capable d couter les conversations qui passent sa port e Lui ne sait que demander des choses aux serveurs et en attendre une r ponse appropri e C est exactement ce qui se passe la terrasse d un caf Les clients sont leurs tables discutent lisent le journal boivent leur consommation l un d entre eux veut commander un caf Il l ve le doigt et crie la cantonade Hep gar on Les autres clients ne s en soucient guerre et continuent leurs occupations sans sourciller Seul le serveur r agit Il s approche prend la commande va demander au bar le caf command puis le ram ne tout fumant au client qui lui avait demand Le client prend son caf pense parfois remercier le serveur et continue ses occupations Le serveur de retourner son poste de surveillance ou de s occuper d un autre client qui vient de le h ler Mais que fait un client web Savez vous que votre navigateur Internet Explorer ou FireFox ou Safari est un client web Maintenant oui Vous savez maintenant que votre navigateur parce qu il est un client ne communique pas avec n importe qui mais seulement avec des serveurs Et il ne fait que lui passer des commandes On appelle ces commandes des requ tes Le menu disponible est plut t sobre Ce client doit choisir entre e des fichiers HTML e des fichiers Javascript e des fichiers Image e des fich
11. le plus connu Ce logiciel existe en version Linux et Windows C est un logiciel libre distribu sous une licence sp cifique Apache Licence les informaticiens peuvent lui ajouter de nombreux modules Ces modules permettront d agrandir le nombre d actions que l on peut demander au serveur dans nos plans de construction dans nos scripts L un de ces modules permet d crire nos scripts en PHP Un autre permet de communiquer avec des bases de donn es dont MySQL PHP est un langage de programmation C est avec ce langage que nous allons traduire nos algorithmes en scripts Apache lira les commandes PHP exactement comme nous dans sa m me version Il va les interpr ter PHP est donc ce que l on appelle un langage interpr t Par opposition au langage interpr t on parle de langage compil Quand un programmeur cr e un script en langage compil il doit le confier un logiciel qui va transformer le script en un code lisible et exploitable par l ordinateur Mais cela rend les codes utilis s par la machine incompr hensibles par les programmeurs Ce qui fait tout le cot pratique de PHP c est qu il est interpr t N importe quel programmeur peut lire les scripts et les retoucher En r alit le travail d encodage en langage machine est assur par Apache Sur le serveur on trouve aussi un autre logiciel le gestionnaire de base de donn es MySQL est un logiciel de ce type C est aussi un logiciel
12. mis entre lt et gt les donn es dynamiques ins rer dans la page Pour compl ter le dossier et avoir un bon aper u de la page vous pouvez joindre un exemple de la page une fois le contenu dynamique ins r on retombe alors sur la page avec Justin Vous pr ciserez dans les champs de fusion le format particulier des donn es inserer Dans notre exemple le paragraphe responsabilit s gt a des sp cifications c est un paragraphe multi lignes qui contiendra un maximum de 800 caract res Dans les blocs dynamiques au lieu d crire le texte tel qu il appara tra vous placez des rep res explicatifs du genre lt titre de 200 caract res maximum gt lt paragraphe de 3000 caract res maximum gt lt date au format JJ MM AAAA gt Fin du cours
13. r lui livrer mais le nom du plan de construction que le serveur doit utiliser Chaque plan de construction est diff rent Mais ils sont tous sur le m me sch ma e cr ation d un nouveau fichier e liste des t ches accomplir par le serveur pour construire le contenu e instruction de fermeture du fichier pr t livrer Ce plan de construction s appelle un script Remarquez bien une chose importante le serveur n envoie jamais au client web le script mais le r sultat de l ex cution celui ci Dans notre exemple de serveur de caf le client ne se retrouve pas avec la recette du caf ou le mode d emploi de la machine caf mais avec son caf pr t boire avec la sucrette la touillette et le petit chocolat amer Apache PHP MySQL Les concepts pos s entrons pr sent dans le d tail des technologies disponibles Le client web Nous en avons d j parl les clients web les plus couramment utilis s sont les navigateurs Vous les connaissez entre autre Internet Explorer Firefox Safari Op ra Netscape Le client web se charge e d interpr ter le HTML e d ex cuter de mini logiciels crits directement dans les fichiers HTML ou li s eux en Javascript e d assurer un affichage correcte des images e d ouvrir le lecteur ad quat pour les sons et les vid os Le serveur web Le logiciel de serveur web le plus utilis dans le monde est Apache Ce n est pas le seul mais c est
14. teur du site de celles ouvertes au public J y ai mis aussi l endroit ou va se r aliser le filtre d acc s Le page page Non l interface par interface Dans le cas d un site statique lorsque vous r alisez un page page vous indiquez le texte et l emplacement des photos que vous avez collect Dans le cadre d une interface dynamique nous allons plut t indiquer le type de donn es qu il convient de placer dans la page EXEMPLE Revenons sur nos fiches de postes Cas num ro 1 la petite entreprise avec son site statique Voici la page de la fiche de poste de Justin Fiche de poste de Justin Plo dec Fonction Chef de section T l direct 05 59 140 140 email justin laboite com Justin est responsable de tout ce que l on peut lui reprocher Son objectif principal dans l entreprise est d tre le bouc missaire aussi bien en interne qu en externe Il doit notamment rendre compte des bourdes de ses coll gues aupr s des clients et du patron Cas num ro 2 la tr s grosse entreprise Voici l interface des fiches de poste Fiche de poste de lt prenom gt lt nom gt Fonction lt fonction gt T l direct lt numero tel gt Email lt email gt lt Photo gt lt texte multilignes responsabilit sur 800 caract res maximum gt C est exactement la m me page sauf que les l ments dynamiques sont remplac s par des champs de fusion J ai
15. ur le navigateur le r sultat est le m me il re oit le fichier qu il a command au serveur un point c est tout Que fait le serveur d un site statique En r alit pas grand chose Ce n est qu une boite copie Il re oit en requ te le nom d un fichier Il va dans sa r serve de fichiers sur son disque dur trouve celui qui est command en fait une copie et apporte au client la copie toute fraiche de ce fichier A pr sent le client peut bien en faire ce qu il veut de cette copie le serveur a gard l original pour en faire une autre copie au prochain client qui lui demandera Et c est tout S il re oit dans une requ te autre chose qu un nom de fichier par exemple des donn es de formulaire il va carr ment les ignorer Lui il fait des copies et rien d autre Le serveur d un site dynamique le voltigeur coordinateur Ce serveur l doit distribuer les fichiers d un site dynamique C est une autre histoire qu une simple copie de fichiers En effet sur son disque dur le serveur ne trouve pas les fichiers demand s mais uniquement leurs plans de construction Hop ne perdons pas de temps le serveur se met la t che 1 Il cr e un nouveau fichier dans lequel il va construire son uvre 2 Sur le plan on lui dit d aller chercher du texte qui se trouve dans une base de donn e Il appelle la base de donn es lui demande les infos n cessaires La base de donn es lui donne entre eux il s est pass
Download Pdf Manuals
Related Search