1. 
Le fonctionnement du Web
ALAY-EDDINE Maxime & ROGER Alexy – Ecole Centrale de Nantes – Info 2013
1

2. Plan
 Rappels historiques
 Les composants du Web
 Construction du Web
 Le modèle de La Poste
 Le paquet : une lettre comme une autre
 Vers un réseau à grande échelle
 Conclusion
2

3. 
Rappels historiques
« L’Histoire est la mémoire du monde », Lacordaire
3

4. Internet, un concept très ancien
« Le progrès ne vaut que s’il est partagé par tous »
Aristote, IVème siècle
4

5. Premiers pas 1/2
 Années 60 aux U.S.A., projet de répartition des données sur
plusieurs machines
 Destiné à protéger les informations stratégiques
 Echec du projet
 1969, l’Advanced Research Projects Agency (ARPA) connecte 4
de ses ordinateurs entre la Californie et l’Utah
 Naissance de l’ARPAnet
5

6. Premiers pas 2/2
 7 Avril 1969 : Première Request For Comment (RFC)
 Date anniversaire de la création d’Internet
 1973, Création du protocole TCP/IP
 Langage utilisé pour communiquer entre machines
 Années 80 : développement du système et du vocabulaire associé
 Internet devient vite le « Réseau des réseaux »
 1983 : création du Domain Name System pour mieux gérer les flux
6

7. Vers le World Wide Web 1/2
 Vers de nouveaux outils de communication :
 Ray Tomlinson envoie le premier mail de l’Histoire – 1971
 Naissance du File Transfert Protocol (FTP) – 1973
 Création du Terminal Network (TELNET) par BBN – 1973
 Apparition du Unix User Network (Usenet) – 1979
 Internet Relay Chat (IRC) – 1988
7

8. Vers le World Wide Web 2/2
 En Mars 1989, Tim Berners-Lee (CERN) relie la technologie
Hypertext aux systèmes TCP/IP & DNS
 Création du World Wide Web
 Définition des bases :
 HyperText Transfer Protocol (HTTP)
 Uniform Resource Identifier (URI)
 Hypertext Markup Language (HTML)
 Octobre 1994 : Fondation du World Wide Web Consortium
8

9. 
Les composants du web
« Un bâtiment doit avoir trois caractéristiques : un bon emplacement, des fondations sûres, une exécution sans faille », Goethe
9

10. Un web, des webs
 Web = raccourci de WWW
 Mais WWW n’est qu’un service de l’Internet
 Le web s’applique au réseau global, mais aussi aux réseaux privés type intranet
Il n’y a donc pas qu’un web, mais des webs interconnectés
10

11. Modèle client-serveur
 Couple de logiciels qui communiquent via le réseau
 Le serveur propose des services en réponse à une requête d’un
programme client
 Le client exploite les services et les ressources du serveur
11

12. Schéma client-serveur
Emission requête
Client Serveur
Réception ressource
Analogie possible :
• Client  Vous, nous
• Serveur  La Poste
Le client cherche à envoyer/recevoir des paquets.
Le serveur propose le service de traitement et d’acheminement des paquets.
12

13. Précisions
 Le client peut aussi agir comme un serveur, de la même façon
que vous pouvez gérer les colis d’un ami parti en vacances.
 Problématique des adresses IP (adresses postales) :
 Comment envoyer une lettre en ne connaissant que le nom du destinataire ?
 La solution : l’annuaire
 Idem avec les adresses IP et le système DNS
13

14. 
Construction du web
« Le grand symbole de l’architecture, Babel, est une ruche », Victor Hugo
14

15. Architecture simplifiée du Web
Serveur
DNS
Client
Client : « Où trouver fr.wikipedia.org ? »
Alice : « Où habite Bob ? »
15

16. Architecture simplifiée du Web
Serveur
DNS
Client
Serveur : « Au 91.198.174.232 »
Annuaire : « Bob habite au 12 rue de la Montagne »
16

17. Architecture simplifiée du Web
Serveur
DNS
Client
Client : « 91.198.174.232, peux-tu m’envoyer la page sur l’Ecole Centrale de Nantes ? »
Alice envoie à Bob un colis
17

18. Architecture simplifiée du Web
Serveur
DNS
Client
Serveur : « Voici la ressource demandée »
Bob traite le message d’Alice et lui envoie sa réponse
18

19. Architecture simplifiée du Web
Serveur
Client/Serveur
DNS
Client/Serveur Client
19

20. Architecture d’origine
Client/Serveur
Client/Serveur
Client/Serveur
DNS
Client/Serveur Client/Serveur
DNS
20

21. Architecture pratique
Serveur
Client Client Client
DNS
21

22. De nombreux problèmes…
 Architecture centralisée, contraire à la solution de Berners-Lee
 Tout le pouvoir se trouve en un endroit
 Problèmes liés à la neutralité du web
 http://fr.wikipedia.org/wiki/Neutralit%C3%A9_du_r%C3%A9seau
 http://torrents.rmll.info/table.html#18
Problèmes politiques
Débat Web & Minitel
http://www.youtube.com/watch?v=7Wvl4LTivCg
22

23. …mais une solution pratique
 Le Web est fait par les utilisateurs…
 …mais peu d’internautes allument leurs ordinateurs 24h/24
 Essor des hébergeurs (OVH, Clever-Cloud, 1&1)
 Centraliser, c’est mieux protéger (protection DDoS, firewall…)
 Déléguer les responsabilités de l’hébergement c’est mieux se
centrer sur ses objectifs
23

24. Pour aller plus loin…
 Nouveaux problèmes :
 Temps de réponse
 Accessibilité des données statiques…
 Solution : Content Delivery Network
 Décentraliser en créant de la redondance, en rapprochement les
serveurs de la zone géographique du client
 Autres problèmes : scalabilité, stockage des données volatiles…
 Paradoxe !
 Internet devient un réseau centralisé aux ressources réparties
24

25. 
Conclusion
« Tout ce qui a commencé doit finir », Neo (Matrix)
25

26. Conclusion
 Internet repose sur un modèle simple mais des technologies
complexes
 Pour en parler à votre nièce de 6 ans : La Poste
 Internet est récent mais évolue très vite :
 Vers un Web interactif, adapté à l’utilisateur (HTML5/JavaScript)
 Migration des applications vers le Cloud…
 …donc nouvelles architectures centralisées
 Guerre des données
26

27. 
Merci pour votre attention !
Avez-vous des questions ?
27

28. Lectures conseillées
 Cours logique – langages du Web :  Conférence de Benjamin Bayart :
http://mymi.domy.be/LTP/index.html Internet libre ou Minitel 2.0 :
http://www.youtube.com/watch?v=7Wvl4LTivCg
 Domain Name System
http://fr.wikipedia.org/wiki/Domain_Name_System  La neutralité du Web par Benjamin
Bayart
 TCP/IP http://torrents.rmll.info/table.html#18
http://www.commentcamarche.net/contents/intern
et/tcpip.php3
28

29. Bibliographie
Medias, séparateurs de chapitre dans l’ordre d’apparition :
 http://Nasa.gov
 http://www.goldenrecordrevisited.org/projects/024_Evolution.jpg
 http://www.mcmahons.ie/media/catalog/category/cat_bricks.jpg
 http://www.steveboy.com/blog/wp-content/uploads/2010/09/tracks01.jpg
Medias auxiliaires, dans l’ordre d’apparition :
 http://fr.wikipedia.org/wiki/Tim_Berners-Lee
 http://gallery.hd.org/_exhibits/natural-science/_more2007/_more10/spider-web-webs-covered-in-water-droplets-drops-
dew-from-fog-spiral-and-amorphous-seen-edge-on-and-face-on-5-DHD.jpg
29