Remerciez-le!

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

Introduction : Le web est devenu une partie importante de notre vie, parce qu’i

Introduction : Le web est devenu une partie importante de notre vie, parce qu’il constitue la source d’information la plus globale. Et l’évolution de l’informatique est l’apparition de l’internet, ce phénomène d’interaction qui offre des possibilités considérables et accroit les chances de communication à travers un lieu virtuel qui regroupe des pages internet présentées par des personnes ou des organisations. Une des applications qui a popularisé internet c’est le Web qui nous allons exposer dans ce chapitre. I. Le web : 1. Définition du web : Le World Wide Web (WWW), littéralement la « toile d’araignée mondiale », communément appelée le Web, est un système hypertexte public fonctionnant sur internet .Le Web permet de consulter, avec un navigateur des pages accessibles sur des sites. L’image de la toile d'araignée vient des hyperliens qui lient les pages web entre elles. Le Web n’est qu'une des applications d’internet distincte d’autres applications comme le courrier électronique, la messagerie instantanée... 2. Définition d’un site web : Un site web est composé d'un ensemble de documents structurés, nommés pages web, stockés (hébergés) sur un ordinateur (serveur) connecté au réseau mondial (internet). Une page web contient essentiellement du texte, et est souvent enrichie d'images, de sons, de vidéos et de liens vers d'autres pages web. 3. Les différents types des sites web : Il existe deux types des sites web : les sites web statiques et les sites web dynamiques.  Un site web statique : Constitué des pages web avec du contenu fixe. Chaque page est codée en HTML (HyperText Markup Language) et affiche les mêmes informations à chaque visiteur. 1 La modification de ces pages ce fait par une intervention de l'administrateur du site web. Figure-1 : Représentation d’un site web statique  Un site web dynamique : Les pages du site qui le compose peuvent être modifiables par les visiteurs. De plus, entre deux visites sur un même site, le contenu de la page peut être différent sans action de l'administrateur du site Internet. Le serveur qui fait fonctionner le site utilise une technologie de Scripting (comme PHP) ainsi qu'une base de données comme MySQL (My Structured Query Language). Figure-2 : Représentation d’un site web dynamique. 4. Classification des sites web: On peut classer les sites web selon leur but à :  Site vitrine : comme son nom l’indique, un site « vitrine » est vocation d’être 2 la vitrine d’une organisation, une société ou une marque sur internet. Ce type de site peut être composé de plusieurs pages et donne a l’internaute toutes sortes d’informations sur l’entreprise : les produits, les services, les coordonnées …  Site catalogue : Présente la société ou la marque ainsi que son activité et tous ses produits détaillés.  Site informatif : ce type de site regroupe des données ou des informations sur un sujet général. Il peut être commun à plusieurs entreprises ou plusieurs marques.  Site marchand ou E-commerce : comme son nom l’indique, un site pour faire du commerce sur internet. Il permet de réaliser des transactions d’argents en ligne via un système sécurisé, que ce soit pour des produits ou des services.  Site institutionnel : Présente une organisation ainsi que ses activités et ses valeurs. La société fournit toutes les informations pratiques à ses clients ou bénéficiaires. Il permet également de publier des articles sur les activités économiques et sociales tels que les sociétés et les associations. Son but est d’améliorer et de promouvoir l’image d’une entreprise. Il est donc plus marketing que commercial.  L’intranet : Il est accessible que par les employés de la même entreprise ou d’une direction, l’intranet met à disposition la possibilité d’échanger des informations professionnelles.  Blog : véritable journal d’une entreprise, le blog est un site web qui propose différents articles. Ces articles peuvent parler de l’entreprise, des nouveautés de l’entreprise ou d’un sujet d’actualité. La caractéristique majeure d’un blog tient dans la possibilité offerte aux internautes de réagir et déposer un commentaire en fin d’article. 5. Les technologies web :  HTML (Hyper Text Markup Language) L’HTML est le format de données conçu pour représenter les pages web. C’est un langage de balisage permettant d’écrire de l’hypertexte, d’où son nom. HTML permet également de structurer sémantiquement et de mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images, des formulaires de saisie, et des programmes informatiques. Il est souvent utilisé conjointement avec des langages de programmation (JavaScript) et des formats 3 de présentation (CSS).  CSS (Cascading Style Sheets) : Signifie « feuilles de style en cascade ». Les feuilles de style sont utilisées pour formater la mise en page des pages web. Ils peuvent être utilisés pour définir des styles de texte, des tailles de tableau et d’autres aspects des pages web qui auparavant ne pouvaient être définis que dans le code html d’une page.  PHP (Personal Home Pages) : PHP est un langage de programmation web côté serveur, ce qui veut dire que c'est le serveur qui va interpréter le code PHP et générer du code qui pourra être interprété par le navigateur. Pour décrire une page PHP, on pourrait dire que c'est un fichier avec l'extension .php, lequel contient une combinaison de balises HTML et de scripts .  ASP (Active Server Pages) : ASP est le standard de programmation défini par Microsoft en 1996 pour créer des pages web dynamiques pour Windows. Concurrent du langage PHP, il travail également coté serveur et renvoie les requêtes vers le navigateur Internet dans une programmation standard. C’est un langage interprété.  JS (Java Script) : JavaScript est un langage de programmation principalement utilisé pour créer des pages web interactives. Ce langage, incorporé dans un document HTML, n'est pas visible dans la fenêtre du navigateur. Il sert à améliorer le langage html en effet, il permet d'exécuter des commandes du côté client. Mais il est aussi utilisé dans de nombreux environnements extérieures aux navigateurs web tels que Node.js. Ce langage permet de manipuler des objets au sens informatique : créer des fenêtres spécifiques, contrôler les données saisies dans les formulaires, redimensionner certains objets, rediriger des liens… .  jQuery jQuery est une bibliothèque JavaScript libre qui porte sur l’interaction entre JavaScript (comprenant Ajax) et Html, et a pour but de simplifier des commandes communes de JavaScript.  MYSQL (My Structured Query Language): MySQL est un système de gestion de base de données relationnelle (SGBDR). Il est distribué sous une double licence GPL et propriétaire. Il fait partie des logiciels de gestion de base de données les plus utilisés au monde, autant par le 4 grand public (applications web principalement) que par des professionnels. 6. Application Web : Un programme s’exécutant dans un navigateur web, consultable en ligne, pour accéder à l’application il faut cependant avoir une connexion à Internet et un navigateur web. Une application web peut être un jeu, un logiciel de traitement de données, un moteur de recherche, un système de gestion des contenus, une boutique en ligne… etc. 7. L’architecture client/serveur : L’architecture client/serveur désigne un mode de communications entre plusieurs ordinateurs d'un réseau qui distingue un ou plusieurs postes clients du serveur ; chaque logiciel client peut envoyer des requêtes à un serveur. Un serveur peut être spécialisé en serveur d'applications, de fichiers, de terminaux, ou encore de messagerie électronique.  Caractéristiques d'un serveur • il est à l'écoute, prêt à répondre aux requêtes envoyées par des clients ; • dès qu'une requête lui parvient, il la traite et envoie une réponse. •  Caractéristiques d'un client : • il envoie des requêtes au serveur ; • il attend et reçoit les réponses du serveur. Remarque : Le client et le serveur doivent bien sûr utiliser le même protocole de communication. Un serveur est généralement capable de servir plusieurs clients simultanément. 5 Figure 3 : L’architecture client/serveur 6 7. Les types d’architecture client/serveur  Architecture 1-tiers Une application 1-tiers peut aisément se diviser en trois niveaux distincts: les données, le traitement de ces données et la couche présentation : -Couche de données: regroupe le stockage et les mécanismes d’accès des données à ce qu’elles soient utilisables par l’application au niveau traitement. -Couche de traitement: concerne à la fois les taches à réaliser par l’application sur les données et les traitements nécessaires suite à une action venant de l’utilisateur : vérification d’authentification …etc. -Couche présentation: gère l’affichage des données et les interactions de l’application avec l’utilisateur. Cette couche gère les saisies au clavier, à la souris et la présentation des informations à l’écran. Dans une application un tiers, les trois couches applicatives sont intimement liées et s’exécutent sur le même ordinateur. Figure-4 : Architecture Client/ Serveur 1-tiers 7  Architecture 2 tiers Cette architecture est également appelée architecture client-serveur en raison des deux composants: le client qui exécute l'application et le serveur qui gère le back-end de la base de données. Lorsque le client démarre, il établit une connexion avec le serveur et communique selon les besoins avec le serveur lors de l'exécution du uploads/Management/ chapitre-1 8 .pdf