Remerciez-le!

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

Notions de base sur le développement Web Module : Développement Web dynamique F

Notions de base sur le développement Web Module : Développement Web dynamique Filière : Informatique et gestion d’entreprise Présenté par : PR. Chaimae MEFTAH Introduction Généralités sur Internet Installation et configuration d’Apache Définition d’un site dynamique Différentes approaches de dynamismes TABLE OF CONTENTS Rappel sur le langage HTML et CSS Langage de création dynamique du contenu PHP : côté serveur 2 Langage de création dynamique du contenu JAVASCRIPT : Côté client 3 INTERNET Internet est un réseau mondial (la « toile » d’araignée) de serveurs qui communiquent entre eux. Les serveurs sont des ordinateurs spéciaux qui possèdent plusieurs disques durs, ils stockent et communiquent des documents. Les ordinateurs utilisent un langage pour communiquer et échanger, ce langage se nomme un protocole. Internet permet de communiquer (avec la messagerie électronique :email), de s’informer, d’apprendre, de découvrir. 4 INTERNET Internet est le réseau informatique mondial qui rend accessibles au public des services variés comme le courrier électronique, la messagerie instantanée et le World Wide Web, en utilisant le protocole de communication IP (Internet protocol). Son architecture technique qui repose sur une hiérarchie de réseaux, ce qui implique de facto une non-centralisation, lui vaut le surnom de réseau des réseaux. 5 PROTOCOLE Un protocole est un ensemble de règles qui définissent un langage afin de faire communiquer plusieurs ordinateurs. TCP/IP (« Transmission Control Protocol / Internet Protocol ») est une suite de protocoles basés sur le repérage de chaque ordinateur par une adresse appelée « adresse IP ». A ces adresses sont associés des « noms de domaine » pour permettre de s'en souvenir plus facilement. Le protocole TCP/IP permet donc à tout type d’ordinateur de communiquer sur Internet en envoyant et en recevant des données. ✤Contrairement à une transmission en flux continu, TCP/IP découpe l’information en petits paquets (« trames ») avant de les envoyer sur le réseau. Tous ces paquets ne prendront pas forcément le même chemin pour arriver chez le destinataire mais ce protocole assure leur bonne récupération et la vérification du nombre de paquets afin d’obtenir l’information originale. ✤Le protocole IP gère le transport des paquets d'un ordinateur participant à un autre, ✤Le protocole TCP gère le flux (établissement de la connexion) et garantit que les données sont correctes (contrôle de la transmission). 6 PROTOCOLE Chaque service offert par Internet correspond à un protocole basé sur TCP/IP et est associé à un « port » de communication spécifique (exemple : 80 pour le protocole HTTP ou 21 pour le protocole FTP). ✤HTTP (HyperText Transfer Protocol) : Consulter des pages web (textes, images, vidéos, ...) offertes par un site Internet. ✤FTP (File Transfert Protocol) : Transférer des fichiers. ✤SMTP (Simple Mail Transfert Protocol) : Envoyer des courriels. ✤POP3 (Post Office Protocol version 3) et IMAP (Internet Message Access Protocol) : Recevoir des courriels. ✤IRC (Internet Relay Chat) : Discussion instantanée. ✤HTTPS : Version « Sécurisée » du protocole HTTP. ✤TLS (Transport Layer Security) ou SSL (Secure Sockets Layer) : Echanges sécurisés d’informations par Internet (ex : paiements bancaires). Exemple : Connexion SSH (Secure Shell) à un serveur distant. ✤DNS (Domain Name System) : Etablir une correspondance entre une adresse IP et un nom de domaine. ✤NNTP (Network News Transfer Protocol) : Transfert de messages sur des forums de type « Usenet ». 7 INFRASTRUCTURE MATÉRIELLE Internet est un réseau informatique mondial qui repose sur une infrastructure matérielle décentralisée très importante : ✤Des canaux de communication : téléphonie fixe (ligne analogique bas débit, xDSL), fibre optique, téléphonie mobile (GSM, 3G, etc.), satellites, Wi-Fi. L’accès peut être obtenu grâce à des fournisseurs d’accès à Internet (FAI). ✤Des équipements de routage qui dirigent les données. ✤Des équipements terminaux : Serveurs professionnels, ordinateurs personnels, téléphones mobiles, console de jeux vidéos, automobile, frigo, etc. 8 INFRASTRUCTURE MATÉRIELLE La carte réseau est l’interface entre l’ordinateur et le « câble « du réseau, sa fonction est de préparer, d’envoyer et de contrôler les données sur le réseau. Routeurs Le rôle d’un routeur est de faire transiter des paquets d’information d’une interface réseau vers une autre selon un ensemble de règles définies dans une table de routage. 9 RAPPEL SUR LE LANGAGE HTML ET CSS : CÔTÉ CLIENT 10 INSTALLATION ET CONFIGURATION D’APACHE - WampServer est une plateforme de développement Web de type WAMP, permettant de faire fonctionner localement (sans avoir à se connecter à un serveur externe) des scripts PHP. - WampServer n'est pas en soi un logiciel, mais un environnement comprenant trois serveurs (Apache, MySQL et MariaDB), un interpréteur de script (PHP), ainsi que phpMyAdmin pour l'administration Web des bases MySQL. - Il dispose d'une interface d'administration permettant de gérer et d'administrer ses serveurs au travers d'un tray icon (icône près de l'horloge de Windows). Pour savoir les étapes d’installation de l’environnement, veuillez consulter le lien ci-dessous: v https://alcatiz.developpez.com/tutoriel/installer-wamp-windows10/ 11 SITE WEB: STATIQUE VS DYNAMIQUE Un site Web statique est un site ou chacune des pages est créée en HTML. Un ordinateur qui se connecte au serveur, demande une page. Celle ci lui est directement servie (elle est stockée toute prête sur le serveur) : Un site Web dynamique est un site Web dont les pages sont générées dynamiquement à la demande. Le contenu est obtenu (par exemple) en combinant l'utilisation d'un langage de scripts ou de programmation et une base de données. Il s'agit souvent de PHP pour le langage et MySQL pour la base de données. 12 ARCHITECTURE CLIENT/SERVEUR L'architecture client/serveur désigne des machines clientes qui contactent un serveur qui leur fournit des services. - Un client est par exemple un ordinateur personnel. - Un serveur est généralement une machine très puissante en terme de capacités d'entrée- sortie (accepte de nombreuses connexions). 13 ARCHITECTURE CLIENT/SERVEUR - Le client émet une requête vers un serveur. Le service demandé est désigné par l’adresse IP du serveur et un port. - Le serveur traite la requête et retourne la réponse en utilisant l’adresse IP et le port du client. - Une même machine peut être à la fois client et serveur 14 ARCHITECTURE CLIENT/SERVEUR: AVANTAGES ⁻ Des ressources centralisées au niveau du serveur : - Données identiques pour tous les utilisateurs, - Evite les problèmes de redondance (ex : base de données). - Une sécurité accrue : - Point d’entrée unique aux données (protection contre les attaques pirates, mises à jour logiciels facilitées), - Les clients ne se voient pas entre eux. - Une meilleure fiabilité : - La panne d’un client n’affecte ni le serveur ni les autres clients. - La panne d’un serveur n’affecte pas les clients, le service n’est tout simplement plus disponible. - Toute la complexité et la puissance sont côté serveur, les clients ont peu d’importance dans ce modèle. - Un réseau évolutif : Il est facile d’ajouter ou de supprimer des clients et des serveurs sans perturber le fonctionnement du réseau. 15 ARCHITECTURE CLIENT/SERVEUR: INCONVÉNIENTS ⁻ Un coût élevé : ⁻ Dû aux canaux de communication : bande passante, câbles, etc. ⁻ Dû à la technicité des serveurs : nécessite des ordinateurs puissant voir « surpuissants » pour supporter de fortes charges (beaucoup d’utilisateurs demandant au même moment l’accès au service). ⁻ Le serveur est le seul maillon faible, tout est architecturé autour de lui : ⁻ Il nécessite une grande tolérance aux pannes (RAID, redondance, ...), ce qui est coûteux. ⁻ En cas d’indisponibilité, plus aucun client n’a accès aux services qu’il offrait. ⁻ Les clients ne peuvent pas communiquer entre eux. L’architecture client/serveur la plus simple est à deux niveaux. Le client demande un service à un serveur et ce dernier répond en utilisant ses propres ressources uniquement. ARCHITECTURE CLIENT/SERVEUR: ARCHITECTURE A 2 NIVEAUX Dans une architecture à trois niveaux, le serveur peut faire appel à une autre application afin de composer sa réponse. Le serveur est ainsi scindé en plusieurs entités, on parle alors d’architecture distribuée où chaque serveur effectue une tâche spécialisée. - Flexibilité/souplesse - Sécurité à chaque niveau Client - Performance ARCHITECTURE CLIENT/SERVEUR: ARCHITECTURE A 3 NIVEAUX Pour composer son propre service, un serveur peut faire appel aux services fournis par un ou plusieurs autres serveurs. L’architecture à trois niveaux devient alors une architecture distribuée à N niveaux. ARCHITECTURE CLIENT/SERVEUR: ARCHITECTURE A N NIVEAUX 19 SITE INTERNET ⁻ Un site internet est un ensemble de pages web reliées entre elles par des liens hypertextes. ⁻ Une page web est une ressource qui peut être consultée à l’aide d’un navigateur web (browser) à une adresse web unique nommé URL. Elle est composée : ⁻ d’un fichier HTML (Hypertext Markup Language), ⁻ de textes, formulaires, ⁻ d’images et autres ressources multimédias (audio, vidéo), ⁻ d’hyperliens vers d’autres pages. 20 LANGAGE DE CRÉATION DYNAMIQUE DU CONTENU PHP : CÔTÉ SERVEUR 21 INTÉGRATION À HTML Une page php porte l'extension « .php ». Une page PHP peut être entièrement programmée en PHP ou mélangée avec du code html. PHP est un langage « Embedded HTML », c'est à dire qu'il apparaît à n'importe quel endroit de la page HTML. Pour ça on le place dans des balises particulières : <?PHP uploads/Ingenierie_Lourd/ cours-webdynamique.pdf