SNT Web Intro

Identification

Infoforall

3 - Parlons d'Internet et du Web


Beaucoup de gens ne font pas la différence entre Web et Internet. Ce cours va nous permettre de clarifier les choses.

Pourquoi une telle confusion ?

Le Web est devenu rapidement la vitrine d'Internet, son application phare. Mais elle n'est pas la seule.

Voyons la différence entre Web et Internet.

Documents de cours : pdf ou odt.

1 - INTERNET en deux mots

Cette partie est à traiter en commun au tableau.

Avant de parler du Web, il faut peut-être clarifier la différence avec Internet.

1.1 - Qu'est-ce qu'un réseau informatique ?

Un réseau informatique est un ensemble de machines reliées entre elles de façon à communiquer localement, sans avoir besoin de sortir du réseau.

Les ordinateurs d'un même réseau peuvent donc communiquer entre eux sans passer par Internet.

Le commutateur (switch en anglais) est l'appareil qui permet de relier les ordinateurs d'un même réseau.

Chez vous, le commutateur est à l'intérieur de votre Box Internet.

Un réseau
Un petit réseau autonome

Les machines connectées peuvent être des ordinateurs, des smartphones, des imprimantes, des consoles de jeu ou votre boitier-télé par exemple.

1.2 - Qu'est-ce qu'Internet ?

Internet est un réseau de réseaux : il est le système qui permet l'interconnexion mondiale de tous les réseaux qui ont accepté de s'y connecter. Il est consistué d'un ensemble de machines mais surtout de programmes qui gèrent correctement cette communication.
Internet permet donc de faire communiquer deux machines qui ne sont pas sur le même réseau.

Deux machines situées sur deux réseaux différents peuvent communiquer en passant par Internet.

Les routeurs sont les équipements qui permettent de faire transiter les communications entre les ordinateurs d'un réseau vers un réseau différent.

Communication entre réseaux via Internet
Communication entre réseaux via Internet
Chez vous, le routeur est à l'intérieur de votre Box Internet. Toutes les communications qui rentrent ou sortent de chez vous passent donc par le routeur de votre Box. Si ce routeur est en panne, vous ne pouvez plus communiquer avec l'extérieur mais vos équipements peuvent encore communiquer à l'interne en passant par le commutateur, qui est aussi à l'intérieur de la Box.

Nous décrirons mieux Internet dans la partie SNT - Internet.

1.3 - Et le "Cloud" ?

Le Cloud est un service (utilisant Internet pour communiquer) dans lequel les utilisateurs se connectent à des serveurs pour stocker leurs données et/ou utiliser des programmes qui fonctionnent sur les serveurs et pas sur leur propre machine.

Les solutions d'hébergements en ligne d'images, de vidéos et de documents font partie de ce qu'on nomme le Cloud.

Les ensembles de bureautique accessibles en ligne, les services de création de diaporamas ect... font également partie du Cloud.

Nous reviendrons sur le Cloud et les Datacenters dans la partie Données Structurées du cours de SNT.

Si l'un des ordinateurs du réseau A veut consulter une page Web accessible via le serveur situé sur le réseau B, une communication va devoir s'établir entre le réseau A et le réseau B.

01° Trouvez un chemin permettant de relier les deux ordinateurs sur le réseau Internet simpliste ci-dessous. Le chemin est-il unique ?

Communication entre réseaux via Internet

...CORRECTION...

Le chemin n'est pas unique du tout : on peut passer par des routeurs différents pour arriver à destination.

Exemple : A3 - A4 - A5 - X1 - X2 - X6 - B1 - B2 - B3

Il y a quelques routeurs à travers lesquels on passe forçément (A5 - X1 - X6 - B1) mais on peut sinon trouver un chemin de remplacement si l'un des autres routeurs tombent en panne.

Si un de ces routeurs indispensables ici tombe en panne, c'est par contre plus embêtant...

1.4 - A quoi sert Internet ?

Internet ne sert à rien en lui-même : il s'agit juste d'une infrastructure transportant les données pour d'autres services.

Quelques services qui utilisent Internet :

  • le stockage et transfert centralisé de documents entre un serveur et des utilisateurs (téléversement et téléchargement) (1971)
  • les emails, communication asynchrone (1971)
  • les tchats, communication synchrone (en 1988)
  • le Web, gestion des liens (1991)
  • la visioconférence (1995)
  • le pair-à-pair / peer-to-peer / P2P qui permet stockage et transfert décentralisé de documents(1999)
  • le Cloud
  • ...

Au fait, comment communiquent les ordinateurs ?

1.5 - Notion de protocole de communication

Un ordinateur ne fait que suivre des règles.

Pour un ordinateur, communiquer se résume à analyser une suite de nombres reçus et à renvoyer une suite de nombres.

Les protocoles sont les règles que doivent suivre les programmes pour être certain de communiquer avec un autre programme : comment coder et décoder les suites de nombres, quand parler, quand écouter, quoi dire...

Vous allez découvrir cette année trois protocoles : IP et TCP pour Internet, HTTP pour le Web.

C'est tout pour Internet pour le moment. Passons maintenant au coeur de cette partie, le Web.

2 - Le Web, un ensemble de documents hypertextes

Le Web est donc l'un des services qui utilisent Internet pour transmettre leurs données d'une machine à une autre.

2.1 - Documents hypertextes
Un document hypertexte est un document texte qui porte plus d'informations que le texte lui-même. On peut habituellement naviguer entre les parties du document (avec des liens internes) ou quitter le document pour atteindre d'autres documents (avec des liens externes).

Un PDF possédant un menu cliquable est donc un document hypertexte, une page Web est bien entendu un document hypertexte également.

flowchart LR sa["sommaire du PDF"] sb["partie 1"] sc["partie 2"] sd["maphoto.jpg"] sa --> sb sa --> sc sc --> sd
2.2 - Qu'est-ce que le Web ?
Le Web est le nom du service (utilisant Internet pour ses communications) qui permet d'accéder à l'ensemble des documents auxquels on peut accéder en utilisant le protocole HTTP (Hypertext Transfert Protocol) et les liens hypertextes qu'ils contiennent.
flowchart LR sa["pageA.html"] sb["pageB.html"] sc["pageC.html"] sd["maphoto.jpg"] sa <--> sb sa <--> sc sb <--> sc sc --> sd

Nous allons voir que les trois éléments fondamentaux du Web sont HTTP, HTML, les liens (utilisant les URL).

2.3 Protocole HTTP

A - Principe
Le protocole HTTP fait communiquer deux programmes :

  • Un programme client HTTP qui se connecte à
  • un programme serveur HTTP.

Le protocole HTTP est basé sur une communication en 3 étapes :

1 Requête - 2 - Traitement - 3 - Réponse
Requête - Traitement - Réponse
  1. Le client envoie sa requête (à l'aide d'une URL).
  2. Le serveur reçoit et analyse la requête
  3. Le serveur renvoie sa réponse (elle contient souvent un texte nommé code-source HTML)
B - Code de réponse

La réponse HTTP contient notamment un code de réponse. Vous connaissez certainement le 404.

C - Le programme client usuel : le navigateur Web

Nous avons déjà défini ce programme comme un interpréteur de code HTML dans les activités précédentes.

Donons maintenant une définition plus précise :

Un navigateur Web est un programme capable de réaliser plusieurs tâches, notamment :
  • Communiquer en HTTP avec un serveur distant ;
  • Interpréter le code HTML pour produire un affichage ;
  • Générer un historique des documents Web déjà visités ;
  • ...

Quelques exemples de navigateur Webs :

  • Firefox de la fondation Mozilla,
  • le moteur libre Chromium, produit par Google
  • Chrome, une surcouche propriétaire de Chromium, produit par Google.
  • Brave, une surcouche libre de Chromium, produit par Brave Software.
  • Safari pour Apple
  • ...

Attention, tous les navigateurs n'ont pas le même degré de sécurité.

Le code-source d'un navigateur libre est accessible et lisible par tous. Il ne peut pas, à priori, pas contenir d'instructions malveillantes.

Dans le cas d'un navigateur propriétaire, vous ne voyez que les effets apparents du programme. Vous ne pouvez pas savoir exactement ce que fait ce programme sur votre propre système.

A l'aide du navigateur, on peut observer toutes sortes de documents :

  • Des pages Web (fichier .html)
  • Des images (fichier .jpg, .png, .gif, ...)
  • Des videos (fichier .mp4, .ogv, ...)
  • ...
2.4 - Moteur de recherche

Un moteur de recherche est un programme capable de fournir une liste de liens vers des sites Web en fonction d'un ensemble de mots descriptifs.
Le plus souvent, on accède au moteur de recherche

  1. soit directement depuis son propre site Web ;
  2. soit en utilisant explicitement une barre de recherche ;
  3. soit en plaçant dans la barre d'adresse du navigateur quelque chose qui n'est pas une adresse.

Dans le cas 3, le navigateur est configuré avec un moteur de recherche par défaut. Vous avez le droit de le modifier !

Quelques moteurs connus :

A chaque fois que vous faites une recherche via un moteur de recherche, celui-ci est en capacité de stocker et mémoriser votre recherche.

Passer par l'un ou l'autre de ces moteurs n'est donc pas anecdotique.

De la même manière, les résultats obtenus peuvent être volontairement orientés, soit pour des raisons publicitaires, soit pour des raisons idéologiques.

Exemple de réponses fournies par un moteur de recherche :

Recherche Web

Si vous voulez aller voir le premier site Web de l'histoire du Web, il est encore visible et vous verrez qu'il contient les informations permettant de créer un site Web.

Browse the first website

3 - Cartogaphie du Web

Réaliser une carte du Web dans son ensemble est loin d'être aisé : il faudrait relier chaque page aux pages qu'elle permet de joindre. Tout en sachant que le Web évolue constamment : des liens se créent, des pages disparaissent...

On trouve une carte du Web sur le Web, celle réalisée en 2012 par un programmeur russe.

http://internet-map.net/

Sur cette représentation, on ne peut pas voir les liens. Néanmoins, plus un site (représenté par un cercle) est proche d'un autre, plus le nombre de liens entre les deux est grand.

Chaque pays est représenté par une couleur.

Web mondial en 2012

Chaque site possède une taille liée à son trafic et l'algorithme générant la carte semble placer les sites en fonction des hyperliens entre eux.

Les couleurs sont les suivantes :

  • en bas à gauche (en jaune) : la Chine
  • en bas à droite (en violet) : le Japon
  • en bleu ciel : les USA
  • en haut à droite (en rouge) : la Russie
  • au milieu à droite (différentes couleurs, violet pour France) : les pays Européens
  • au milieu à gauche (en vert) : l'Inde

02° Explorer le Web de 2012 grace à cette carte. Répondre ensuite aux questions suivantes :

  • Quels sont les deux grands états de Web en 2012 ?
  • Tapez France dans la barre de recherche du site de la carte. Quels étaient les grands sites français ?
  • Une telle représentation est-elle nécessairement la représentation objective de la réalité ? Autrement dit, est-ce vrai parce qu'on la trouve sur le Web ?

03° Taper lequipe.fr dans la zone de recherche de la carte.

Question Quel est le sport visiblement le plus en lien avec le site de l'équipe ?

04° Peut-on apprendre des choses sur les utilisateurs d'un site Web simplement en étudiant cette carte ? Avoir accès à votre historique de navigation est-il une bonne porte d'entrée pour vous profiler ?

05° Visualiser maintenant la carte en vous focalisant sur l'organisation générale de la carte par nationalité. Analyser alors la représentation et expliquer si on peut dire que le Web permet de faire communiquer la Terre entière ou si les gens restent focalisés sur les sites de leur zone géographique ?

Maintenant que vous savez ce que se cache vraiment derrière le mot web, nous allons peu à peu voir comment on parvient à créer ses fameux liens !

Activité publiée le 02 09 2019
Dernière modification : 28 05 2020
Auteur : ows. h.