Vous êtes sur la page 1sur 27

Université Blida 1

Deuxième année Licence informatique

Module: Développement des


applications Web

Chapitre 1: Introduction au World Wide


Web (Notions de base)
Disponible sur: https://sites.google.com/a/esi.dz/fz-
zahra/developpement-des-applications-web/2018-2019/cours
FZ. Zahra
f_zahra@esi.dz
Année universitaire 2019-2020
Plan du cours

• Introduction
• Les bases du Web.
• Les technologies du Web
Introduction: Le monde est connecté par un
réseau mondial
Introduction :internet et le FAI
Introduction: Le W3

 Le World-Wide Web (ou WWW) est un grand


système d’information reparti sur un ensemble de sites
connectes par le réseau Internet. Chaque site propose un
ensemble de documents et informations sous différents
format : Textes, Images et Vidéos qui sont transmis sur le
réseau par un programme Client/Serveur via un
protocole web Tel que HTTP ou FTP.

5
ARCHITECTURE CLIENT-SERVEUR (1)

6
ARCHITECTURE CLIENT-SERVEUR (2)
Toutes les ressources nécessaires pour stocker, manipuler et
sécuriser les documents sont situes sur des machines physiques
appelées "serveurs" qui sont en général des machines puissant
possèdent une mémoire massive et un programme serveur tel
que : Apache, Tomcat, Ruby...ect.

En contre partie, un programme client comme le cas d’un


navigateur accède aux ressources d’un serveur afin de répondre
à une requête d’utilisateur. Les deux principales tâches d’un
navigateur consistent à dialoguer avec un serveur et afficher à
l’écran les documents transmis par un serveur.

7
Navigateurs Web ou browser

•Internet Explorer
•Mozila Firefox
•Google Chrome
•Opera
•Netscape
•....
8
ARCHITECTURE CLIENT-SERVEUR: cas de serveur Web

9
Notion d’ URL (1)

10
Notion d’ URL (2)

 Un URL (Universal / Uniform Resource


Locator) peut désigner un serveur ftp, un fichier
sur votre disque, un serveur gopher, une image,
une adresse courrier, un serveur de News, un
serveur telnet et bien sûr une page Web publiée
par un serveur http, c'est-à-dire un serveur de
Web.

11
URL (Exemple)
l'URL contient le nom du protocole d’accès au fichier (HTTP, SHTTP), le nom
du serveur (adresse IP ou nom symbolique), le chemin d’accès au fichier et bien
sûr le nom du fichier

Exemple :http://fr.search.yahoo.com/search/fr?p=informatique

Le symbole ? Signifie faire une recherche avec le mot clé informatique

12
Serveurs

13
Protocoles et URL
Liens HYPERTEXTE ET TOPOLOGIE DU WEB

15
Les TECHNOLOGIES DU WEB

Définition: Internet en lui même n’assure pas la


compatibilité et l’accessibilité de documents, ce n’est
que la partie matérielle de la connexion. En revanche, le
World Wide Web (WWW ou W3 ou simplement le Web)
est un ensemble de protocoles (ex : HTTP) d’outils ( ex :
HTTPD, navigateurs...) et de normes (URL) permettant
de créer, formater, rechercher et échanger l’information.
Nom de domaine

•Pour communiquer, un client doit connaître l’IP d’un serveur et un numéro de port
•Cette adresse s’obtient auprès d’un serveur DNS (lookup)
17
Les clients web
Variété des plateformes
Windows, Unix, PDA…

Variété des logiciels


IE, Firefox, Mozilla, Opera, Lynx…

Caractéristiques
Gestion d’HTML/XHTML
Gestion de CSS
Gestion de JavaScript
Gestion de plugins

18
Étapes pour la visualisation d’une page web

oL’utilisateur entre une URL


oLe client web effectue une résolution DNS pour avoir l’adresse du
serveur
oIl effectue la requête http et reçoit un document
oIl analyse le document pour
oPréparer l’affichage
oTrouver les liens vers les images
oUne requête est effectuée pour downloader les images
oCela peut se faire en parallèle ou séquentiellement
19
Serveurs Web
 Programmes répondant aux requêtes des clients web

 Souvent appelé serveur http ou httpd

 Écoute sur le port 80 (convention) d’une machine

 2 types de ressources
 Statiques: ne nécessitent pas de traitement côté serveur
 Dynamiques: chaque demande de page nécessite des opérations
spécifiques du serveur

 Nombreux logiciels disponibles:


 Apache
 Internet Information Service
 Sun Java System Web Server

20
Le proxy cache
 Pourquoi demander plusieurs fois la même chose à un serveur?

 Certains clients web ont un cache personnel à l’utilisateur. Le


proxy travaille au niveau d’un domaine (ensemble de clients).

 Les clients demandent au proxy, le proxy demande au serveur


 Améliore la réactivité
 Diminue la charge d’un serveur
 Diminue l’utilisation de la bande passante
 Rôle du proxy cache:
 Maintenir un cache des objets récemment demandés
 Recharger ceux qui ont expiré quand ils sont demandés
 Possibilité de forcer le chargement d’une nouvelle copie si Pragma:
no-cache

21
Architecture et logiciels pour le web

22
Le protocole HTTP (1)

23
Le protocole HTTP (2)

Définition: Le protocole de base du World Wide Web est


HTTP (HyperText Transfer Protocol) qui peut être utilisé
pour n'importe quelle application client-serveur impliquant
de l'hypertexte. Ce protocole est capable d'assurer le
transfert de texte, hypertexte, fichiers audio, images ou
tout autre type d'information pouvant se mettre sous la
forme d'un fichier.
Le protocole HTTP (exemple)
Technologies coté Client & Technologies coté Serveur

Serveur
CGI
Serveur
HTML BD
XHTML ASP
CSS
PHP
Client
Applets
Java JSP

ActiveX Servlet
Java

JDBC/
ODBC
Programme du module
Chapitre 1: introduction au World Wide Web
Chapitre 2: Langage de balises pour le Web (html, CSS
coté client)
Chapitre 3: Langage de programmation coté serveur
(PHP)
Chapitre 4: Langage XML pour le web

Mode d’évaluation : Contrôle continu + Examen écrit

Vous aimerez peut-être aussi