ISN Chapitre 1 Introduction

Crédits

Une partie de la structure css/js a été réalisée par Nicolas Buyle-Bodin professeur au lycée Lacassagne, avec l'aide de Jean-Manuel Mény, professeur au lycée de la plaine de l'Ain. Ils ont travaillé pendant plusieurs centaines d'heures pour créer un site de formation à destination des enseignants du secondaire de l'académie de Lyon d'une grande qualité visible sur le portail Mathématiques du site académique. Ils ont eu la gentillesse de placer leur code source sous licence Creative Commons BY-NC-SA Respect de la Paternité - Pas d'utilisation commerciale - Partage des conditions initiales à l'identique..

Nous les en remercions chaleureusement.

Ce document est placé de même sous licence Creative Commons BY-NC-SA Respect de la Paternité - Pas d'utilisation commerciale - Partage des conditions initiales à l'identique..

Web et Internet

Web et Internet c'est la même chose ?

  • Visionner la vidéo d'introduction du manuel SNT Delagrave (avec un casque audio). Au lycée, la ressource se trouve sur le réseau pédagogique pour limiter la consommation de bande passante vers l'extérieur (Internet).
  • Répondre au Quizz 1 jusqu'à l'obtention d'un bon niveau.
  • Pour revoir le cours à la maison, il existe une version interactive de la vidéo d'introduction. Au lycée nous limiterons les lectures de vidéo depuis des machines hors de notre réseau pédagogique qui sont trop gourmandes en bande passante.

Repères historiques

Quelques repères historiques

Fonctionnement du Web

Modèle client-serveur

  • Visionner la vidéo ci-dessous qui présente l'architecture client serveur. Elle est aussi disponible en lienmini page 61 du manuel Delagrave.

    Source : 2.1 Clients - serveurs S3 from Université Lille SHS on Vimeo.

    Voici une illustration d'un échange sur le Web entre un client (logiciel navigateur comme Firefox) et un serveur.
  • Répondre au Quizz 3 jusqu'à l'obtention d'un bon niveau.

Protocole HTTP et adresse URL

Pour traiter cet exercice, on s'aidera de l'Activité 2 Fonctionnement du Web pages 60 et 61 du manuel Delagrave.

  • Ouvrir la fenêtre d'outils de développement avec F12 , créer un nouvel onglet puis saisir l'URL https://interstices.info/sciences-numeriques-et-technologie-au-lycee/ dans la barre d'adresse.
  • Sélectionner l'onglet Network (ou Réseau) dans la fenêtre d'outils (placée en bas normalement), on devrait observer un contenu de ce type en choisissant l'option Raw headers pour les en-têtes de réponse et de demande :
    • Quelle est la version du protocole HTTP utilisée ?
      Quelle est la méthode du protocole HTPP utilisée lors d'une requête ?
    • Quel est le code de la réponse HTTP ? Quelle est sa signification ?
    • La requête de la page https://interstices.info/sciences-numeriques-et-technologie-au-lycee/, a entraîné d'autres requêtes (pour charger les images, les scripts Javascript, les éventuelles requêtes cachées vers les agences publicitaires ...) qui apparaissent dans la fenêtre des outils de de développement (onglet réseau).
      Filtrer les images comme ci-dessous. Que signifie un code de réponse 304 ?
    • https://interstices.info/sciences-numeriques-et-technologie-au-lycee/ est l'URL (Uniform Ressource Locator) de la ressource demandée par le client, c'est-à-dire son adresse logique sur la toile géante de documents reliés par des liens hypertextes que constitue le Web.
      La structure de base d'une URL est protocol://hostname/path où :
      • protocol désigne le protocole réseau (http, ftp ...)
      • hostname désigne le nom de domaine qui est une correspondance plus lisible de l'adresse IP du serveur (128.93.162.59 dans l'exemple, 443 étant le numéro de port du service HTTPS version sécurisé de HTTP)
      • path est le chemin vers la ressource dans l'arborescence de fichiers sur le serveur (dans l'exemple c'est le dossier sciences-numeriques-et-technologie-au-lycee/) et si aucun fichier n'est mentionné, le serveur renvoie une page par défaut.
      Url-structure
    • Saisir l'URL https://interstices.info/sciences-numeriques-et-technologie-au-lycee/index.html dans la barre d'adresse. Quelle est la réponse du serveur ? Interpréter.
      Remplacer l'extension .html de la page demandée dans l'URL précédente par .php. Quelle est la réponse du serveur ? L'extension php signifie que la page demandée contient du code PHP qui permet au serveur de générer à la volée la page renvoyée au client. On parle de page web dynamique par opposition à une page web statique. Url-structure
    • Cliquer sur ce lien hypertexte.
      • Récupérer l'URL associée au lien et la décomposer en protocole, nom de domaine et chemin.
      • Avec les outils de développement déterminer l'adresse IP du serveur et la version du protocole HTTP utilisée lors de l'échange.
    • Cliquer sur ce lien hypertexte.
      • Récupérer l'URL associée au lien et la décomposer en protocole, nom de domaine et chemin.
      • Avec les outils de développement déterminer l'adresse IP du serveur et la version du protocole HTTP utilisée lors de l'échange.
    • Saisir l'URL http://info.cern.ch/hypertext/WWW/TheProject.html dans la barre d'adresse, la page chargée est la première page Web de l'histoire publiée en 1991.
      Remplacer le protocole http par https dans l'URL et recharger la page. Quelle est la réponse du serveur ? Interpréter.
      Le protocole HTTPS est une surcouche du protocole HTPP qui permet de sécuriser une connexion HTPP par chiffrement des données et authentification du serveur à l'aide d'un certificat , nous y reviendrons dans l'activité 4.

Synthèse et Quizz