Activité — Le trajet d'une page Web

Objectif de l'activité
Reconstruire, avec vos propres mots, tout ce qui doit exister pour qu'une personne voie le site d'un restaurant sur son téléphone.

Mise en situation

Une cliente tape bistro-exemple.ca dans son téléphone pour consulter le menu et réserver une table. En quelques secondes, la page s'affiche. Que s'est-il passé entre les deux ?

---

Consignes

Étape 1 — Le trajet (10 min)

Placez les cartes dans l'ordre du trajet, de la cliente qui tape l'adresse jusqu'à la page affichée.

Attention
Certaines cartes ne se placent pas directement sur le trajet. Mettez-les dans la zone À côté du trajet et préparez-vous à expliquer à quoi elles servent.

---

Le casse-tête

 

Deux façons de déplacer une carte. La glisser jusqu'à la zone voulue (à la souris, ou par la poignée ⠿ sur téléphone), ou la toucher pour la sélectionner puis choisir sa destination dans la barre qui apparaît en bas. Au clavier : Tab pour atteindre une carte, ← → pour la déplacer dans sa zone, ↑ ↓ pour changer de zone.

Cartes à placer 11

Glissez chaque carte dans une des deux zones ci-dessous.

⠿Contenustextes, photos, menu, heures d'ouverture

⠿NavigateurChrome, Safari, Firefox…

⠿Certificat SSL/TLSle cadenas

⠿Nom de domainebistro-exemple.ca

⠿Service externeréservation, paiement, livraison

⠿Hébergementle serveur où vit le site

⠿Appareiltéléphone, tablette, ordinateur

⠿DNSl'annuaire qui traduit le nom en adresse

⠿PlateformeWordPress, Shopify, Wix, code maison…

⠿Registrairel'entreprise où on loue le nom de domaine

⠿Courriel professionnelinfo@bistro-exemple.ca

Le trajet 0

De la cliente qui tape l'adresse jusqu'à la page affichée.

Déposez des cartes ici.

À côté du trajet 0

Les cartes qui ne se placent pas directement sur le trajet.

Déposez des cartes ici.

Votre travail est conservé dans ce navigateur.
Vous pouvez fermer l'onglet et y revenir : les cartes restent où vous les avez laissées. Par contre, rien n'est envoyé au professeur — notez votre trajet dans le document de votre équipe avant la mise en commun.

---

Le corrigé

Voir le corrigé (à ouvrir seulement une fois votre propre trajet terminé)

Le trajet

	Carte	Ce qui se passe
1	Appareil	La cliente sort son téléphone. C'est le point de départ de tout le trajet.
2	Navigateur	C'est lui, et non le téléphone, qui sait comment aller chercher une page Web.
3	Nom de domaine	L'adresse tapée, bistro-exemple.ca. Pour le navigateur, ce n'est encore qu'un texte.
4	DNS	Le navigateur demande : « à quelle adresse IP se trouve ce nom ? ». Le DNS répond.
5	Certificat SSL/TLS	Le navigateur ouvre une connexion chiffrée vers cette adresse. C'est le cadenas.
6	Hébergement	Le serveur où vit le site, celui qui répond à cette adresse IP.
7	Plateforme	Le logiciel qui tourne sur ce serveur et qui fabrique la page demandée.
8	Contenus	Ce que la plateforme assemble : les textes, les photos, le menu. C'est ce que la cliente voulait voir.

À côté du trajet

Carte	Pourquoi elle n'est pas sur le trajet
Registraire	Il intervient avant, une fois par année : c'est chez lui qu'on loue le nom de domaine. Pendant l'affichage de la page, il ne fait rien.
Courriel professionnel	info@bistro-exemple.ca utilise le même nom de domaine, mais c'est un service complètement séparé du site. Changer d'hébergeur sans précaution peut le briser.
Service externe	La réservation, le paiement ou la livraison se déclenchent après l'affichage de la page, quand la cliente clique. Ce n'est pas le site qui les fait.

Ce corrigé n'est pas la seule réponse acceptable.
Plusieurs ordres se défendent — par exemple, on peut placer le certificat SSL/TLS plus loin sur le trajet, ou mettre le nom de domaine à côté du trajet plutôt que dessus. Ce qui compte, c'est que votre ordre s'explique. Si votre trajet diffère et que vous savez pourquoi, dites-le pendant la mise en commun.

Suite : Séance 1 — Ce qu'il faut pour mettre un site en ligne