RS exercice

cartographie/dijkstra/cours.tex

@@ -0,0 +1,67 @@
+\documentclass[11pt,a4paper]{../../template_cours}
+\usepackage{float}
+
+\title{Calcul d’itinéraires}
+\author{Adrian Amaglio}
+\def\thesequence{SNT : Réseaux sociaux}
+
+\usepackage{tikz}
+
+\begin{document}
+\maketitle
+
+\section{Présentation de l’algorithme}
+
+Nous allons travailler sur un graphe donc chaque sommet représente une ville et les arrêtes entre les sommets représentent le temps nécéssaire pour voyager entre deux villes.
+
+\begin{figure}[ht]
+\centering
+\begin{tikzpicture}
+    \node[shape=circle,draw=black] (A) at (0,4) {A};
+    \node[shape=circle,draw=black] (B) at (8,4) {B};
+    \node[shape=circle,draw=black] (C) at (4,4) {C};
+    \node[shape=circle,draw=black] (D) at (6,0) {D};
+    \node[shape=circle,draw=black] (E) at (2,0) {E};
+
+    \path (A) edge node[above] {2} (C);
+    \path (A) edge node[left] {3} (E);
+    \path (C) edge node[above] {20} (B);
+    \path (B) edge node[left] {1} (D);
+    \path (B) edge node[left] {10} (E);
+    \path (E) edge node[above left] {2} (D);
+\end{tikzpicture}
+\caption{Un réseau de villes} \label{fig:M1}
+\end{figure}
+
+On veut calculer le temps minimal de voyage entre la ville A et toutes les autres.\\
+On regarde chaque ville une par une, et pour chacune :
+\begin{itemize}
+    \item Permet elle d’atteindre plus vite une autre ville ? Si oui on note la nouvelle durée.
+    \item Les villes qu’on ne peut pas attendre gardent leur durée précédente.
+    \item On choisit la ville la plus proche pour le tour suivant.
+    \item On note sa durée comme étant la plus courte possible.
+\end{itemize}
+
+\section{Exercices}
+\begin{figure}[ht]
+\centering
+\begin{tikzpicture}
+    \node[shape=circle,draw=black] (A) at (2,4) {A};
+    \node[shape=circle,draw=black] (B) at (6,4) {B};
+    \node[shape=circle,draw=black] (C) at (8,2) {C};
+    \node[shape=circle,draw=black] (D) at (6,0) {D};
+    \node[shape=circle,draw=black] (E) at (2,0) {E};
+
+    \path (A) edge node[above] {20} (B);
+    \path (A) edge node[left] {3} (E);
+    \path (C) edge node[above] {5} (B);
+    \path (B) edge node[left] {1} (D);
+    \path (B) edge node[left] {10} (E);
+    \path (E) edge node[above left] {2} (D);
+    \path (D) edge node[below right] {7} (C);
+\end{tikzpicture}
+\caption{Un second réseau de villes} \label{fig:M1}
+\end{figure}
+
+
+\end{document}

donnees_structurees/exercices/exercices.tex

@@ -8,54 +8,57 @@
 \author{Adrian Amaglio}
 \def\thesequence{SNT Séquence 4}
 
+\answerstrue
+
 \begin{document}
 
-\question{
+\begin{terseQ}
     Durant quelle décennie a été inventé le disque dur ?
-}
+\end{terseQ}
-\answer{
+\terseA{
     Il a été inventé en 1956 donc \textbf{dans les années 50}.
 }
 
-\question{
+\begin{terseQ}
     À quoi sert un tableur ?
-}
+\end{terseQ}
-\answer{
+\terseA{
     À organiser des données sous forme de tableau et leur appliquer des traitements automatique.
 }
 
-\question{
+\begin{terseQ}
     Quelle part de la consommation mondiale d’électricité est attribuée à internet ?
-}
+\end{terseQ}
-\answer{
+\terseA{
     En 2020, on estime que les centres de données consomment environ 10\% de la production électrique mondiale.
 }
 
-\question{
+\begin{terseQ}
     À quoi sert un service de fichiers en ligne (aussi nommé cloud) comme NextCloud, Google Drive ou Icloud ?
-}
+\end{terseQ}
-\answer{
+\terseA{
     Il sert à
     \begin{itemize}
-        \item Stocker des fichiers sur un serveur distant.
+        \item Stocker des fichiers sur un serveur sur internet.
         \item Partager des fichiers à d’autres personnes.
     \end{itemize}
 }
 
-\question {
+\begin{terseQ}
     Qu’est-ce qu’une donnée personnelle ?
-}
+\end{terseQ}
-\answer {
+\terseA{
     Une donnée personnelle est une information se rapportant à une personne physique et pouvant mener à son identification directe ou indirecte.
 }
 
-\question {
+\begin{terseQ}
-    Retrouvez la date de l’image. Quelle collection permet de retrouver cette information le plus rapidement ?
+    À l’aide des collections de métadonnées ci-dessous, retrouvez la date de l’image.
+    Quelle collection permet de retrouver cette information le plus rapidement et pourquoi ?
     \begin{center}
     \includegraphics[width=.8\textwidth]{collections_metadonnees.png}
     \end{center}
-}
+\end{terseQ}
-\answer{
+\terseA{
     La date est 05/06/2018 car c’est la seule photo de plage. la collection 2 est plus pratique car elle décrit les paysages de chaque photos plutôt que le pays.
 }
 

locale_template.tex

@@ -1,3 +0,0 @@
-
-
-\renewcommand{\thelicence}{\includegraphics[height=\baselineskip]{../../licences/cc-by-nc-sa.png}}

réseaux_sociaux/cours/cours.tex

@@ -0,0 +1,117 @@
+\documentclass[11pt,a4paper]{../../template_cours}
+\usepackage{float}
+
+\title{Séquence Réseaux sociaux — Cours}
+\author{Adrian Amaglio}
+\def\thesequence{SNT : Réseaux sociaux}
+
+\usepackage{tikz}
+
+\begin{document}
+\maketitle
+
+On parlera dans cette séance de réseaux sociaux numériques.
+Ce sont des applications et des sites web permettant de développer des communautés.
+
+%
+\section{Chiffres clés}
+\begin{description}
+    \item[1995] Premier réseau social (classmates, pour les étudiants).
+    \item[3,2 milliards] d’utilisateurs de réseaux sociaux actifs en 2018.
+\end{description}
+
+%
+\section{Les graphes}
+Pour construire le graphe d’un réseau social, on part d’un ensemble de personnes nommées A, B, C, D, E, F et G qui appartiennent à ce réseau.
+On les relie par un trait si elles sont amies dans le réseau social.
+Les ronds représentent une personne et sont appellés des sommets.
+Les traits qui les relient sont appellés des arrêtes.
+
+\begin{figure}[ht]
+\centering
+\begin{tikzpicture}
+    \node[shape=circle,draw=black] (A) at (2,4) {A};
+    \node[shape=circle,draw=black] (B) at (6,4) {B};
+    \node[shape=circle,draw=black] (C) at (8,2) {C};
+    \node[shape=circle,draw=black] (D) at (6,0) {D};
+    \node[shape=circle,draw=black] (E) at (2,0) {E};
+    \node[shape=circle,draw=black] (F) at (0,2) {F} ;
+    \node[shape=circle,draw=black] (G) at (4,2) {G} ;
+
+    \path (A) edge (F);
+    \path (F) edge (G);
+    \path (G) edge (B);
+    \path (G) edge (C);
+    \path (G) edge (E);
+    \path (B) edge (C);
+    \path (C) edge (D);
+\end{tikzpicture}
+\caption{Un example de graphe} \label{fig:M1}
+\end{figure}
+
+\begin{definition}
+    La distance entre deux sommets est le nombre minimal d’arrêtes qui relient deux sommets entre eux.
+\end{definition}
+\begin{example}
+    La distance entre G et B est de 1.\\
+    La distance entre A et G est de 2.\\
+    La distance entre A et C est de 3.\\
+    …
+\end{example}
+
+\begin{definition}
+    L’excentricité d’un sommet est la distance maximale entre ce sommet et les autres sommets du graphe.
+\end{definition}
+\begin{example}
+    \begin{itemize}
+        \item L’excentricité du sommet A est de 4.
+        \item L’excentricité du sommet B est de 3.
+        \item L’excentricité du sommet C est de 3.
+        \item L’excentricité du sommet D est de 4.
+        \item L’excentricité du sommet E est de 3.
+        \item L’excentricité du sommet F est de 3.
+        \item L’excentricité du sommet G est de 2.
+    \end{itemize}
+\end{example}
+
+\begin{definition}
+    Les centres d’un graphes sont les sommets d’excentricité minimale.
+\end{definition}
+\begin{example}
+    Il n’y a qu’un centre sur notre graphe, c’est G.
+\end{example}
+
+\begin{definition}
+    Le rayon d’un graphe est l’excentricité d’un de ses centres.
+\end{definition}
+\begin{example}
+    Le rayon de notre graphe est de 2.
+\end{example}
+
+\begin{exercice}
+    Pour le graphe suivant, trouvez l’excentricité de chaque sommet, puis les centres et le rayon du graphe.
+\end{exercice}
+\begin{figure}[ht]
+\centering
+\begin{tikzpicture}
+    \node[shape=circle,draw=black] (A) at (2,4) {A};
+    \node[shape=circle,draw=black] (B) at (6,4) {B};
+    \node[shape=circle,draw=black] (C) at (8,2) {C};
+    \node[shape=circle,draw=black] (D) at (6,0) {D};
+    \node[shape=circle,draw=black] (E) at (2,0) {E};
+    \node[shape=circle,draw=black] (F) at (0,2) {F} ;
+    \node[shape=circle,draw=black] (G) at (4,6) {G} ;
+
+    \path (A) edge (B);
+    \path (A) edge (E);
+    \path (A) edge (F);
+    \path (B) edge (G);
+    \path (B) edge (D);
+    \path (C) edge (D);
+    \path (D) edge (E);
+    \path (E) edge (F);
+\end{tikzpicture}
+\caption{Un second example de graphe} \label{fig:M1}
+\end{figure}
+
+\end{document}

réseaux_sociaux/exercices/exercices.tex

@@ -0,0 +1,18 @@
+\documentclass[11pt,a4paper]{../../template_cours}
+\usepackage{enumitem} % pour reprendre des énums en cours
+\usepackage{listings}
+\usepackage{float} % pour fixer la place des figures
+\usepackage{subcaption} % Pour avoir des subfigures
+
+\title{Réseaux sociaux — Exercices}
+\author{Adrian Amaglio}
+\def\thesequence{SNT Séquence 5}
+
+\begin{document}
+
+\begin{terseQ}
+\end{terseQ}
+\begin{terseA}
+\end{terseA}
+
+\end{document}

réseaux_sociaux/fiche_preparation_sequence.tex

@@ -0,0 +1,68 @@
+\documentclass[11pt,a4paper]{../../template_cours}
+\author{Adrian Amaglio}
+\def\thesequence{Les réseaux sociaux}
+\title{Fiche de préparation de séquence : \thesequence}
+% Inspiré d’un document de Cécile Raynal, formateur MEEF Documentation ESPE LR
+
+\begin{document}
+\section{Contexte et cadrage pédagogique}
+%Situe la place de la séquence dans le programme NSI, précise l’environnement dans lequel se met en place la séquence.
+Cette séquence se situe dans le programme de SNT. Elle intervient en seconde générale, au début du troisième trimestre.
+
+\section{Objectifs pédagogiques}
+% Chaque objectif s’inscrit dans une progression des apprentissages.
+\begin{itemize}
+    \item Connaître les principaux concepts liés à l’usage des réseaux sociaux.
+    \item Distinguer plusieurs réseaux sociaux selon leurs caractéristiques, y compris un ordre de grandeur de leurs nombres d’abonnés.
+    \item Paramétrer des abonnements pour assurer la confidentialité de données personnelles.
+    \item Identifier les sources de revenus des entreprises de réseautage social.
+    \item Étudier des graphes simples représentant des réseaux de personnes.
+    \item Décrire comment l’information présentée par les réseaux sociaux est conditionnée par le choix préalable de ses amis.
+    \item Connaître les dispositions de l’article 222-33-2-2 du code pénal.
+    \item Connaître les différentes formes de cyberviolence (harcèlement, discrimination, sexting...) et les ressources disponible pour lutter contre.
+\end{itemize}
+
+\section{Pré-requis}
+%Notions ou compétences préalables nécessaires à la construction de connaissances et/ou de compétences nouvelles.
+Aucun pré-requis nécessaire.
+
+\section{Notions disciplinaires}
+%Liste des notions à faire acquérir par les élèves au cours de la séquence
+
+\section{Modalités de la séquence}
+%Précisent le cadre et les conditions matérielles dans lesquels la séquence a été menée ou nécessaires à son bon déroulement.
+\begin{description}
+    \item[Lieu] Lycée Jules Guesde
+    \item[Nombre d’élèves] 11 à 17 par groupe
+    \item[Nombre de classes] 5 classes soit 10 groupes
+    \item[Nombre de séances] 4
+    \item[Intervenants] Professeurs documentalistes sur 4h
+    \item[Support horaire] 5h
+\end{description}
+
+\section{Évaluation}
+%Précise l’objet et le mode d’évaluation retenus.
+Évaluation de la production d’une affiche à l’issue de la première séance.
+Contrôle sur table.
+QCMs et exercices à la maison.
+
+\section{Séances d’apprentissages}
+%Liste les séances qui composent la séquence avec pour chacune le titre et le ou les objectifs pédagogiques visés.
+\subsection{Modèle économique des réseaux sociaux}
+% Objectif(s) : objectifs opérationnels qui permettent d’atteindre les objectifs généraux de la séquence
+Séance en coopération avec les professeurs documentalistes.
+
+\subsection{Représenter les réseaux en graphes}
+Cours et exercices pour découvrir les graphes.
+
+\subsection{Comment s’informer correctement ? Harcèlement, prévention et accompagnement}
+% Objectif(s) : objectifs opérationnels qui permettent d’atteindre les objectifs généraux de la séquence
+Savoir décrire une source documentaire (acteur, intérêt).
+Identifier le rôle des journalistes dans le processus d’information.
+Identifier les biais cognitifs et sociaux qui agissent sur notre réception et notre recherche d’information.
+Reconnaître et prévenir les cyberviolences.
+
+\subsection{Distance - Dopamine et dépendance}
+QCM sur les stimulateurs dopaminergiques utilisés par de nombreuses applications et la dépendance qu’ils entrainent.
+
+\end{document}

template_cours.cls

@@ -365,7 +365,7 @@ breaklinks=true,
 \myenvironment{further}{Pour aller plus loin}{greentitle}{greentitleback}
 %\myenvironment{question}{Réponse - Question}{turquoisetitle}{turquoisetitleback}
 \myenvironment{question}{Question}{turquoisetitle}{turquoisetitleback}
-%\myenvironment{definition}{Définition}{redtitle}{redtitleback}
+\myenvironment{definition}{Définition}{redtitle}{redtitleback}
 \myenvironment{regle}{Règle}{redtitle}{redtitleback}
 %\myenvironment{consigne}{Réponse - À faire}{redtitle}{redtitleback}
 \myenvironment{consigne}{À faire}{redtitle}{redtitleback}
@@ -411,7 +411,18 @@ breaklinks=true,
 \answerstrue % Answers are displayed by default.
 
 % Actual answer command
-\newcommand{\answer}[1]{
+%\newenvironment{terseA}
+%{
+%    \ifanswers
+%    \begin{itshape}
+%    \leftbar
+%}
+%{
+%    \endleftbar
+%    \end{itshape}
+%    \fi
+%}
+\newcommand\terseA[1]{
     \ifanswers
     \begin{itshape}
     \leftbar
@@ -425,17 +436,17 @@ breaklinks=true,
 % --- Create a 'question' environment that display text 'Question' and a counter
 \newcounter{simplequestions}
 \setcounter{simplequestions}{1}
-\newenvironment{simplequestion}
+\newenvironment{terseQ}
 {
     \textbf{Question \arabic{simplequestions}}
     \stepcounter{simplequestions}
 }{
 }
-\newcommand{\questions}[1]{
+%\newcommand{\terseQuestion}[1]{
-    \textbf{Question \arabic{simplequestions}}
+%    \textbf{Question \arabic{simplequestions}}
-    \stepcounter{simplequestions}
+%    \stepcounter{simplequestions}
-    #1
+%    #1
-}
+%}
 
 % --- Some default values
 % ---

web/controle/controle.tex

@@ -7,6 +7,7 @@
 \title{Contrôle N°2 — Photographie numérique et Web}
 \author{Adrian Amaglio}
 \def\thesequence{SNT Séquences 2 et 3}
+\def\thelicence{cc by-sa}
 
 \begin{document}
 
@@ -20,27 +21,26 @@ Tout moyen de communication (internet, téléphone, pots de yaourt…) est inter
 
 \section{La photographie numérique}
 \subsection*{Définitions}
-\question{
+\begin{terseQ}
     Qu’est-ce qu’un pixel ?
-}
+\end{terseQ}
-\answer{
+\begin{terseA}
     Un pixel est un carré de couleur qui compose une image
-}
+\end{terseA}
 
-\question{
+\begin{terseQ}
     Quelle sera la définition d’une image de 10 pixels par 5 pixels ?
-}
+\end{terseQ}
-\answer{
+\begin{terseA}
     L’image aura une définition de 10×5 pixels soit 50 pixels. Il s’agit du nombre de pixel de l’image.
-}
+\end{terseA}
-
 
 \subsection*{Capteurs numériques}
-\question{
+\begin{terseQ}
     Le schéma suivant récapitule les mesures effectuées par une grille de photosites mesurant les quantités de rouge, de vert et de bleu qui arrivent au capteur d’un appareil photo.
     À partir de ces mesures, reconstituez une image de 2 pixels de large et 2 pixels de haut.
     Vous devrez retrouver les quantités de rouge, vert et bleu de chaque pixel de l’image finale.
-}
+\end{terseQ}
 \begin{figure}[H]
     \begin{subfigure}{.5\textwidth}
         \centering
@@ -73,7 +73,7 @@ Tout moyen de communication (internet, téléphone, pots de yaourt…) est inter
         \end{tabular}
     \end{subfigure}
 \end{figure}
-\answer{
+\begin{terseA}
             Sachant que l’on cherche à composer une image de 4 pixels à partir d’une grille de 16 capteurs, on utilisera 4 capteurs pour définir la couleur d’un pixel.\\
             Sachant qu’un pixel est composé de trois couleurs : Rouge, Vert et Bleu.
             Il faudra donc les informations d’au moins un capteur de chaque couleur.\\
@@ -92,12 +92,11 @@ Tout moyen de communication (internet, téléphone, pots de yaourt…) est inter
             Vert=5 & Vert=3 \\
            \hline
         \end{tabular}
-    }
+\end{terseA}
-
+\begin{terseQ}
-\question{
     Même question mais avec une image finale de 3 pixels de large et 3 de haut.
-}
+\end{terseQ}
-\answer{
+\begin{terseA}
     \begin{tabular}{|c|c|c|}
        \hline
         Bleu=7 & Bleu=9 & Bleu=9 \\
@@ -113,68 +112,69 @@ Tout moyen de communication (internet, téléphone, pots de yaourt…) est inter
         Vert=5 & Vert=4 & Vert=3 \\
        \hline
     \end{tabular}
-}
+\end{terseA}
 
 
 \subsection*{Algorithmes et métadonnées}
-\question{
+\begin{terseQ}
     Citez trois informations que l’on peut trouver dans les métadonnées d’une photo.
-}
+\end{terseQ}
-\answer{
+\begin{terseA}
     La date et l’heure de la prise de la photo ; la position GPS de la prise ; Le modèle et la marque de l’appareil photo
-}
+\end{terseA}
 
-\question{
+\begin{terseQ}
     Réordonnez les étapes de la prise de vue :
     1. Enregistrement au format RAW,
     2. Stabilisation et mise au point,
     3. Capture de la lumière,
     4. Compression et enregistrement au format JPEG,
     5. Algorithmes de traitement.
-}
+\end{terseQ}
-\answer{
+\begin{terseA}
     2, 3, 1, 5, 4
-}
+\end{terseA}
 
-\question{
+\begin{terseQ}
     Citez deux traitements d’image qui interviennent dans l’appareil photo.
-}
+\end{terseQ}
-\answer{
+\begin{terseA}
     Balance des blancs, traitement de la saturation, traitement des contrastes, traitement des lumières…
-}
+\end{terseA}
 
 \section{Le web}
 \subsection*{Définitions}
-\question{
+\begin{terseQ}
     Quel âge a la première page web, ou en quelle année a t’elle été créée ?
-}
+\end{terseQ}
-\answer{
+\begin{terseA}
     Elle a été créée en 1989.
-}
+\end{terseA}
 
-\question{
+\begin{terseQ}
     À quoi sert un navigateur ?
-}
+\end{terseQ}
-\answer{
+\begin{terseA}
     À télécharger des documents sur le web et afficher des pages web.
-}
+\end{terseA}
 
-\question{
+\begin{terseQ}
     À quoi sert un moteur de recherche ?
-}
+\end{terseQ}
-\answer{
+\begin{terseA}
     À trouver des pages web selon des mots-clés.
-}
+\end{terseA}
 
 \subsection*{Cookies et URLs}
-\question{
+\begin{terseQ}
     Décomposez les URLs suivantes en 4 parties (adresse, paramètres, chemin et protocole), et indiquez si elles sont sécurisées :
     \begin{verbatim}
     http://julesguesde.fr/LIENS
     https://search.lilo.org/?q=ultra+vomit
     \end{verbatim}
-}
+\end{terseQ}
-\answer{
+\begin{terseA}
+    lol
     \begin{tabular}{|c|c|c|c|c|}
         \hline
         Protocole & Adresse & Chemin du document & Paramètres & Sécurisée \\
@@ -184,11 +184,12 @@ Tout moyen de communication (internet, téléphone, pots de yaourt…) est inter
         https:// & search.lilo.org & / & q=ultra+vomit & oui \\
         \hline
     \end{tabular}
-}
+\end{terseA}
 
-\question{
+\begin{terseQ}
     En reportant les numéros sur votre copie, complétez le texte suivant :
-}\\
+\end{terseQ}
+
 Un cookie est ………\textbf{[~1~]} stocké dans
 ………\textbf{[~2~]} à la demande d’un
 ………\textbf{[~3~]}.\\
@@ -199,7 +200,7 @@ Pour que les sites web me considèrent comme une nouvelle personne, je peux
 ………\textbf{[~7~]} ou
 ………\textbf{[~8~]}.
 
-\answer{
+\begin{terseA}
         Un cookie est \textit{un petit fichier texte} stocké dans
         \textit{le navigateur} à la demande d’un
         \textit{site web}.\\
@@ -209,14 +210,14 @@ Pour que les sites web me considèrent comme une nouvelle personne, je peux
         Pour que les sites web me considèrent comme une nouvelle personne, je peux
         \textit{supprimer les cookies} ou
         \textit{utiliser la navigation privée}.
-}
+\end{terseA}
 
 \subsection*{HTML et CSS}
-\question{
+\begin{terseQ}
     Dessinez la page web qui s’affichera lorsque le navigateur interprètera les documents HTML et CSS suivants. Info : la couleur par défaut est le noir.
     Vous ne devez pas dessiner la fenêtre du navigateur, ni même les onglets, seulement le contenu de la page web.
     Vous pourrez vous aider de l’annexe 1.
-}
+\end{terseQ}
 
 \begin{samepage}
 \rule{\linewidth}{1px}
@@ -228,10 +229,10 @@ Pour que les sites web me considèrent comme une nouvelle personne, je peux
 \rule{\linewidth}{1px}
 \end{samepage}
 
-\answer{
+\begin{terseA}
     {\color{red}\underline{Voici un exemple de site web}}\\
     {\color{black}Il est possible d’ecrire du texte sur un site web !}
-}
+\end{terseA}
 
 \subsection*{Annexe 1 : Quelques règles CSS}
 \begin{description}

web/tp_fake_news/sujet.tex

@@ -28,6 +28,7 @@ Pour en faire un titre principal, on aurait utilisé la balise \textbf{h1}.
     Dans un dossier que vous pourrez retrouver plus tard dans l’année, créez un dossier et nommez le « web1 ».
 \end{exercice}
 
+\arabic{exercice}
 \begin{exercice}
     Ouvrez un éditeur de texte comme « notepad++ ».
     Créez un nouveau fichier texte (menu \textbf{File > new} ou raccourci \textbf{CTRL+n}) et enregistrez le dans le dossier créé à l’exercice précédent (menu \textbf{File > save As}) sous le nom « index.html ».
@@ -38,6 +39,7 @@ Pour en faire un titre principal, on aurait utilisé la balise \textbf{h1}.
     %\lstinputlisting[language=HTML]{index.html}
 \end{exercice}
 
+\envcounterexercice
 \begin{exercice}
     Ouvrez le fichier « index.html » avec un navigateur.
     \\