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




                                                                              1
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

Rappels historiques
« L’Histoire est la mémoire du monde », Lacordaire


                                                         3
Internet, un concept très ancien



« Le progrès ne vaut que s’il est partagé par tous »

                                   Aristote, IVème siècle




                                                            4
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
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
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
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

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
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
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
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
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

Construction du web
« Le grand symbole de l’architecture, Babel, est une ruche », Victor Hugo


                                                                                14
Architecture simplifiée du Web

                                         Serveur


                 DNS




                                                Client


   Client : « Où trouver fr.wikipedia.org ? »

          Alice : « Où habite Bob ? »

                                                         15
Architecture simplifiée du Web

                                           Serveur


                   DNS




                                             Client


         Serveur : « Au 91.198.174.232 »

Annuaire : « Bob habite au 12 rue de la Montagne »

                                                      16
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
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
Architecture simplifiée du Web

                                        Serveur

Client/Serveur
                                  DNS




                 Client/Serveur           Client




                                                   19
Architecture d’origine

                             Client/Serveur
                                                Client/Serveur


Client/Serveur
                                    DNS




                 Client/Serveur                 Client/Serveur



                                          DNS


                                                                 20
Architecture pratique

         Serveur




Client   Client      Client




          DNS
                                   21
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
…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
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

Conclusion
« Tout ce qui a commencé doit finir », Neo (Matrix)


                                                          25
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

Merci pour votre attention !
Avez-vous des questions ?

                                   27
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
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

Fonctionnement du web

  • 1.
     Le fonctionnement duWeb 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’Histoireest la mémoire du monde », Lacordaire 3
  • 4.
    Internet, un concepttrè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 WorldWide 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 WorldWide 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 duweb « 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, deswebs  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  Couplede 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 clientpeut 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 duWeb Serveur DNS Client Client : « Où trouver fr.wikipedia.org ? » Alice : « Où habite Bob ? » 15
  • 16.
    Architecture simplifiée duWeb Serveur DNS Client Serveur : « Au 91.198.174.232 » Annuaire : « Bob habite au 12 rue de la Montagne » 16
  • 17.
    Architecture simplifiée duWeb 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 duWeb 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 duWeb 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 solutionpratique  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 plusloin…  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 cequi a commencé doit finir », Neo (Matrix) 25
  • 26.
    Conclusion  Internet reposesur 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 votreattention ! 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 dechapitre 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