L'architecture client-serveur

L'architecture client-serveur est un concept abstrait, mais essentiel au fonctionnement du Web. Utiliser des jeux de rôles et des simulations permet aux élèves de passer de la théorie à la pratique, rendant les interactions complexes du réseau plus tangibles et mémorables.

• Seconde
• SNT : Culture et Citoyenneté Numérique
• 4 activités
• 25 min–45 min

Objectifs d’apprentissage

1. Expliquer les rôles distincts du client et du serveur dans une requête web.
2. Démontrer le cycle complet d'une requête HTTP, de la saisie d'une URL à l'affichage d'une page.
3. Comparer l'impact de différentes latences réseau sur la performance perçue d'un site web.
4. Identifier les risques de sécurité liés à la transmission de données non chiffrées entre client et serveur.
5. Classifier les services web courants selon leur dépendance au modèle client-serveur.

Jeu de rôle

⏱ 45 min·Classe entière

Jeu de rôle: Le cycle de vie d'une requête

Les élèves sont répartis en rôles : navigateur, résolveur DNS, serveur web, serveur de base de données. Chaque requête passe physiquement d'un poste à l'autre avec des formulaires papier. Les pannes et la latence sont simulées par des cartes aléatoires.

Préparation et détails

Quels sont les rôles respectifs du client et du serveur dans une interaction web ?

Conseil de facilitation: Lors du Jeu de rôle 'Le cycle de vie d'une requête', assurez-vous que chaque élève comprenne bien son rôle spécifique (navigateur, résolveur DNS, serveur web, serveur de base de données) et les informations qu'il doit transmettre ou recevoir.

Setup: Espace ouvert ou bureaux réorganisés pour la mise en scène

Materials: Fiches de personnage (contexte et objectifs), Fiche de mise en situation (scénario)

• Appliquer
• Analyser
• Évaluer
• Conscience sociale
• Conscience de soi

Cercle de recherche

⏱ 35 min·Petits groupes

Cercle de recherche: Observer le trafic réseau

Les groupes utilisent l'onglet Network des outils de développement du navigateur pour analyser les requêtes et réponses lors du chargement d'une page web. Ils relèvent les codes de statut HTTP, les temps de réponse et les types de fichiers échangés.

Préparation et détails

Comment se déroule le cycle de vie complet d'une requête entre un navigateur et un serveur web ?

Conseil de facilitation: Pendant l'Enquête collaborative 'Observer le trafic réseau', guidez les groupes dans l'identification des différentes étapes de la requête (DNS, connexion, requête HTTP, réponse) dans l'onglet Network de leurs outils de développement.

Setup: Groupes en îlots avec accès aux ressources documentaires

Materials: Corpus de documents sources, Fiche de suivi du cycle de recherche, Protocole de formulation de questions, Canevas de présentation des résultats

• Analyser
• Évaluer
• Créer
• Autogestion
• Conscience de soi

Penser-Partager-Présenter

⏱ 25 min·Binômes

Penser-Partager-Présenter: Un serveur pour tous

Les élèves réfléchissent à ce qui se passe quand des milliers de clients envoient des requêtes simultanées au même serveur. Ils discutent des stratégies possibles (mise en cache, équilibrage de charge, CDN) et de leurs limites.

Préparation et détails

En quoi l'architecture client-serveur influence-t-elle les performances et la sécurité d'une application web ?

Conseil de facilitation: Dans 'Un serveur pour tous' (Penser-Partager-Présenter), encouragez les élèves à conceptualiser les défis liés à la scalabilité et à proposer des solutions basées sur leurs réflexions initiales.

Setup: Disposition de classe standard ; les élèves se tournent vers leur voisin

Materials: Consigne de discussion (projetée ou distribuée), Optionnel : fiche de prise de notes pour les binômes

• Comprendre
• Appliquer
• Analyser
• Conscience de soi
• Compétences relationnelles

Rotation par ateliers

⏱ 40 min·Petits groupes

Rotation par ateliers: Client léger vs Client lourd

Deux ateliers : un où l'essentiel du traitement est fait côté serveur (page HTML générée), un où le client fait le travail (JavaScript). Les élèves comparent les avantages de chaque approche en termes de réactivité et de charge serveur.

Préparation et détails

Quels sont les rôles respectifs du client et du serveur dans une interaction web ?

Conseil de facilitation: Pour la Rotation d'ateliers 'Client léger vs Client lourd', veillez à ce que les élèves comparent activement les expériences et les résultats des deux configurations pour saisir les différences de traitement.

Setup: Tables ou bureaux organisés en 4 à 6 pôles distincts dans la salle

Materials: Fiches de consignes par station, Matériel spécifique à chaque activité, Minuteur pour les rotations

• Mémoriser
• Comprendre
• Appliquer
• Analyser
• Autogestion
• Compétences relationnelles

Enseigner ce sujet

Pour enseigner l'architecture client-serveur, privilégiez l'analogie et la mise en situation. Plutôt que de se concentrer uniquement sur les protocoles, illustrez les concepts avec des exemples concrets et des activités où les élèves incarnent les différents acteurs. La visualisation des échanges réseau, même simplifiée, aide grandement à dissiper les confusions.

À quoi s’attendre

Les élèves démontrent une compréhension claire du cycle de vie d'une requête web, identifiant les rôles de chaque composant et expliquant comment les informations circulent entre le client et le serveur. Ils peuvent décrire les implications d'une charge accrue sur cette architecture.

Attention à ces idées reçues

Idée reçue courante

Lors du Jeu de rôle 'Le cycle de vie d'une requête', les élèves pourraient penser que le serveur envoie directement la page telle qu'elle apparaît à l'écran.

Ce qu'il faut enseigner à la place

Redirigez la discussion en demandant aux élèves jouant le rôle du serveur web d'expliquer ce qu'ils envoient réellement (code HTML, CSS, JS) et aux élèves jouant le rôle du navigateur de décrire comment ils interprètent ce code pour afficher la page.

Idée reçue courante

Pendant l'Enquête collaborative 'Observer le trafic réseau', les élèves pourraient croire que le serveur maintient une connexion permanente avec le navigateur.

Ce qu'il faut enseigner à la place

Lors de l'analyse des traces dans l'onglet Network, invitez les élèves à identifier la fin de chaque échange et à discuter du caractère 'sans état' du protocole HTTP, en expliquant que chaque requête est nouvelle, à moins que des mécanismes comme les cookies ne soient utilisés.

Idée reçue courante

Dans l'activité 'Un serveur pour tous' (Penser-Partager-Présenter), les élèves pourraient supposer que tous les sites web fonctionnent sur un seul serveur.

Ce qu'il faut enseigner à la place

Après la phase de réflexion, utilisez les idées des élèves sur les ralentissements potentiels pour introduire le concept de répartition de charge et de serveurs multiples, en leur demandant comment ils pourraient simuler ou observer cela dans le contexte de leur activité.

Idées d'évaluation

Billet de sortie

Après le Jeu de rôle 'Le cycle de vie d'une requête', distribuez une carte à chaque élève. Demandez-leur d'écrire le nom d'un service web qu'ils utilisent quotidiennement (ex: YouTube, Instagram). Ensuite, ils doivent identifier quel rôle de l'activité correspond au 'client' et quel rôle au 'serveur' dans ce service, et décrire brièvement la fonction de chacun.

Question de discussion

Lors de l'activité 'Un serveur pour tous' (Penser-Partager-Présenter), posez la question suivante à la classe : 'Imaginez que vous êtes le propriétaire d'un site web très populaire qui subit soudainement une augmentation massive de visiteurs. Comment l'architecture client-serveur vous aide-t-elle à comprendre pourquoi votre site pourrait ralentir et quelles solutions pourriez-vous envisager ?' Encouragez les élèves à utiliser le vocabulaire appris lors de leurs réflexions.

Vérification rapide

Au cours de l'Enquête collaborative 'Observer le trafic réseau', projetez une courte animation ou un schéma illustrant une requête HTTP simple. Demandez aux élèves de lever la main pour indiquer, à chaque étape clé (envoi de la requête, traitement par le serveur, réception de la réponse), si c'est le client ou le serveur qui est actif, en se basant sur ce qu'ils ont observé dans leurs outils de développement.

Extensions et étayage

• Défi : Pour les élèves qui terminent rapidement, demandez-leur de rechercher et d'expliquer le rôle des certificats SSL/TLS dans une requête client-serveur.
• Échafaudage : Pour les élèves en difficulté, fournissez un schéma pré-rempli du cycle de vie d'une requête qu'ils peuvent compléter avec des mots-clés.
• Exploration approfondie : Proposez une étude de cas sur les architectures microservices par rapport à une architecture monolithique, en lien avec le modèle client-serveur.

Vocabulaire clé

Client	Le logiciel ou le matériel qui initie une demande de service ou de ressource auprès d'un serveur. Dans le contexte du Web, il s'agit généralement d'un navigateur web.
Serveur	Le logiciel ou le matériel qui attend et répond aux demandes des clients, en fournissant des ressources ou des services. Un serveur web héberge les fichiers d'un site et les transmet aux navigateurs.
Requête HTTP	Un message envoyé par un client à un serveur pour demander une ressource spécifique, comme une page web, une image ou des données. Elle contient des informations sur le client et la ressource désirée.
Réponse HTTP	Le message renvoyé par un serveur à un client en réponse à une requête. Il contient la ressource demandée ou un code d'état indiquant le résultat de la requête.
Protocole TCP/IP	Ensemble de protocoles qui régissent la communication sur Internet. TCP assure la fiabilité de la transmission des données, tandis qu'IP gère l'adressage et le routage des paquets.