Université Mohammed Premier - Oujda
Ecole Nationale des Sciences Appliquées d’Oujda
DÉVELOPPEMENT WEB
Introduction au Web
-----------------------
FILIERE : Cycle Ingénieur - Ingénierie des Technologies de
l'information et Réseaux de Communication
Réalisé par : Pr. Mohcine BOUKSIM [email protected] Année Universitaire : 2024/2025
Introduction : Internet
▪ Un réseau de réseaux interconnectés (d’où le nom)
▪ Un ensemble de matériels, logiciels et protocoles (notamment IP)
▪ Un ensemble de services
➢ Application qui utilise un protocole et un numéro de port
➢ e-mail, transfert de fichiers, connexion à distance, WWW…
▪ Une somme « d’inventions » qui s’accumulent
➢ Mécanismes réseau de base (TCP/IP)
➢ Nommage et adressage des ressources (DNS, URL)
➢ Outils et protocoles spécialisés
➢ Langages d’échange d’informations standardisés (HTML, XML…)
Introduction : Historique d’Internet
▪ 1959-1968 : Programme ARPA
➢ le ministère américain de la défense lance un réseau capable de supporter
les conséquences d’un conflit nucléaire
▪ 1969 : ARPANET, l’ancêtre d’Internet
➢ les universités américaines s’équipent de gros ordinateurs et se
connectent au réseau ARPANET
▪ 1970-1982 : Ouverture sur le monde
➢ premières connexions avec la Norvège et Londres
▪ 1983 : Naissance d’Internet
➢ protocole TCP/IP : tous les réseaux s’interconnectent
➢ les militaires quittent le navire
Introduction : Historique d’Internet
▪ 1986 : Les autoroutes de l’Information
➢ la National Science Fondation déploie des super-ordinateurs pour
augmenter le débit d’Internet
▪ 1987-1992 : Les années d’expansion
➢ les fournisseurs d’accès apparaissent
➢ les entreprises privées se connectent au réseau
▪ 1993-2003 : L’explosion d’Internet
➢ ouverture au grand public
➢ avènement du WEB et du courrier électronique
▪ 2003-Aujourd’hui : une grande extension
➢ Le support de nouveau terminale et service
C’est quoi le web?
▪Mis au point par Tim Berners-Lee (CERN) entre 1989 et 1991
▪Le Web est un système client-serveur dont le fonctionnement s'apparente
à des relations client-fournisseur.
▪L'ordinateur personnel, doté de son logiciel de navigation (Internet
Explorer, Firefox…), joue le rôle du client.
▪Les ordinateurs distants sur lesquels sont hébergés les sites web sont des
serveurs.
Internet Vs le Web
▪Internet est un réseau informatique mondial de transport de données
constitué d'un ensemble de réseaux nationaux, régionaux et privés.
▪Il permet de transporter un paquet de données d'un ordinateur A à un
ordinateur B.
▪Internet englobe le web, email,
messagerie instantanée..
Evolution du Web
Définition d’un site web
▪Un site web est un ensemble de pages organisées en structure
hiérarchique, disponible sur un serveur. Il peut être construit avec des
pages statiques, des pages dynamiques ou un assemblage des deux
Introduction : Les Navigateurs
▪Le navigateur est l'outil qui permet de lire les hyperdocuments. Au
début conçu pour ne lire que les hyperdocuments, le navigateur intègre
aujourd'hui tous les services de l'Internet (e-mail, ftp,...)
▪Le navigateur désigne par une adresse URL (Uniform Resource
Locator) les adresses complètes de l'Internet.
Introduction : Les Navigateurs
Introduction : Les hyperdocuments
▪Un hyperdocument est un document électronique contenant des images,
du vidéo, du texte, parfois des petits morceaux de programme, mais
surtout des liens vers d'autres hyperdocuments : des liens hypertextes.
Fonctionnement d'un site web
Pour résumer
❑ Côté client : l’utilisateur utilise un navigateur
➢ Client HTTP
➢ Interprète les pages Web et les affiche à l’utilisateur
➢ Peut effectuer des traitements plus complexes (plugins, moteur de scripts…)
❑ Côté serveur : le Webmaster gère un serveur Web
➢ Attend les requêtes HTTP et y répond
▪ En renvoyant des ressources dont il dispose
▪ En interrogeant plusieurs modules (sécurité, scripting, redirection…)
▪ En interrogeant d’autres outils pour les traitements complexes
➢ On parle aussi de serveur Web pour désigner la machine qui héberge le
programme serveur (abus de langage)
Pour résumer
Les 3 mécanismes de base du Web
▪ URL
➢ Le Web permet d’accéder à un ensemble de ressources
➢ Le mécanisme de localisation peut faire appel au protocole DNS
▪ HTTP
➢ Paradigme client-serveur
➢ Protocole sans état (pas de « mémoire » des transactions précédentes)
▪ HTML
➢ Langage de description de « pages Web »
➢ Texte, images et autres objets
➢ Liens hypermédias entre les pages
➢ Programmation déclarative
Statiques Vs Dynamiques
Les sites web statiques :
▪Ce sont des sites réalisés uniquement à l'aide des langages HTML et
CSS.
▪Ne peut pas être mis à jour automatiquement : il faut que le propriétaire
du site (le webmaster) modifie le code source pour y ajouter des
nouveautés.
▪Les sites statiques sont donc bien adaptés pour réaliser des sites « vitrine
».
Statiques Vs Dynamiques
Les sites web dynamiques:
▪Plus complexes, ils utilisent d'autres langages en plus de HTML et CSS,
tels que PHP et MySQL.
▪Le contenu de ces sites web est dit « dynamique » parce qu'il peut
changer sans l'intervention du webmaster !
▪A partir de la demande du client, le serveur interroge une base de
données, récupère les données souhaitées, construit la page, la retranscrit
en HTML, puis la renvoie au client..
Les langages web
▪Front End: désigne la partie qui
prend en charge l'interface d’une
Application
▪Back End: regroupe la partie
gestion, qui, par rapport à une
architecture trois tiers regroupe la
partie métier et la partie données.
Les langages web
