controle

.gitignore

@@ -282,3 +282,5 @@ TSWLatexianTemp*
 # option is specified. Footnotes are the stored in a file with suffix Notes.bib.
 # Uncomment the next line to have this generated file ignored.
 #*Notes.bib
+
+.~lock.*

cartographie/dijkstra/cours.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{float}
 
 \title{Calcul d’itinéraires}

donnees_structurees/cours/cours.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{float}
 
 \title{Séquence Données structurées — Cours}

donnees_structurees/exercices/exercices.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{enumitem} % pour reprendre des énums en cours
 \usepackage{listings}
 \usepackage{float} % pour fixer la place des figures

donnees_structurees/tp_decouverte_csv/sujet.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{listings}
 
 \usepackage{minted}

donnees_structurees/tp_nextcloud/sujet.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{listings}
 
 \usepackage{minted}

internet/controle/controle.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{enumitem} % pour reprendre des énums en cours
 
 \title{Contrôle N°1 — Internet}

internet/controle/corrige.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{enumitem} % pour reprendre des énums en cours
 
 \title{Contrôle Internet — Corrigé}

internet/cours/cours.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 
 \title{Séquence internet — Cours}
 \author{Adrian Amaglio}

nsi_binaire/controle/controle.tex

@@ -0,0 +1,151 @@
+\documentclass[11pt,a4paper]{../../template/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
+\usepackage{minted}
+
+%\title{Exercices sur le web}
+\title{Contrôle NSI — Numération et représentation de l’information}
+\author{Adrian Amaglio}
+\def\thelevel{NSI}
+\def\thesequence{Numération et représentation de l’information}
+\def\thelicence{cc-by-sa}
+
+\answersfalse
+
+\begin{document}
+\begin{textit}
+    Durée 1h00.
+    Les documents ainsi que tous les moyens de communication sont interdits.
+\end{textit}
+
+
+
+\section*{\thesequence}
+\subsection*{Tableaux d’aide}
+
+\begin{tabular}{l|l|l}
+    \textbf{Base 10} & \textbf{Base 2} & \textbf{Base 16}\\
+    \hline
+    0 & 0 & 0 \\
+    1 & 1 & 1 \\
+    2 & 10 & 2 \\
+    3 & 11 & 3 \\
+    4 & 100 & 4 \\
+    5 & 101 & 5 \\
+    6 & 110 & 6 \\
+    7 & 111 & 7 \\
+    8 & 1000 & 8 \\
+    9 & 1001 & 9 \\
+    10 & 1010 & A \\
+    11 & 1011 & B \\
+    12 & 1100 & C \\
+    13 & 1101 & D \\
+    14 & 1110 & E \\
+    15 & 1111 & F \\
+\end{tabular}
+\begin{tabular}{l|l|l}
+    \textbf{$N$} & \textbf{$2^{N}$} & \textbf{$16^{N}$} \\
+    \hline
+    0 & 1 & 1 \\
+    1 & 2 & 16 \\
+    2 & 4 & 256 \\
+    3 & 8 & 4096 \\
+    4 & 16 & 65536 \\
+    5 & 32 & \\
+    6 & 64 & \\
+    7 & 128 & \\
+    8 & 256 & \\
+    9 & 512 & \\
+    10 & 1024 & \\
+    11 & 2048 & \\
+\end{tabular}
+
+
+\subsection*{Conversions de bases}
+\begin{terseQ}
+    Convertissez de la base 10 vers la base 2 : 45
+\end{terseQ}\\
+\begin{terseQ}
+    Convertissez de la base 10 vers la base 2 : 100
+\end{terseQ}\\
+\begin{terseQ}
+    Convertissez de la base 2 vers la base 10 : 001101
+\end{terseQ}\\
+\begin{terseQ}
+    Convertissez de la base 10 vers la base 16 : 172
+\end{terseQ}\\
+\begin{terseQ}
+    Convertissez de la base 10 vers la base 16 : 15
+\end{terseQ}\\
+\begin{terseQ}
+    Convertissez de la base 16 vers la base 10 : A01
+\end{terseQ}\\
+\begin{terseQ}
+    Convertissez de la base 16 vers la base 10 : 10
+\end{terseQ}\\
+\begin{terseQ}
+    Convertissez de la base 16 vers la base 2 : 10
+\end{terseQ}\\
+\begin{terseQ}
+    Convertissez de la base 16 vers la base 2 : 1A
+\end{terseQ}\\
+\begin{terseQ}
+    Convertissez de la base 2 vers la base 16 : 10
+\end{terseQ}\\
+
+\subsection*{Représentation des nombres en machine}
+
+\begin{terseQ}
+    Convertissez en nombre signé LE sur 8 bits : $95_{10}$
+\end{terseQ}
+
+\begin{terseQ}
+    Convertissez en nombre signé LE sur 8 bits : $-60_{10}$
+\end{terseQ}\\
+\begin{terseQ}
+    Combien de nombres différents peut-on représenter au maximum sur 8 bits ? Et sur N bits (donnez la formule générale) ?
+\end{terseQ}
+
+Voici le résultat d’un test en python :
+\begin{minted}{python}
+    >>> 0.1 + 0.2 == 0.3
+    False
+\end{minted}
+\begin{terseQ}
+    Que peut-on en conclure sur les nombres fractionnaires en machine ? Quelle précaution faut il prendre en les utilisant ?
+\end{terseQ}
+
+
+\subsection*{Représentation du texte en machine}
+Voici un extrait de la table ascii :\\
+\begin{tabular}{l|l}
+    \textbf{Binaire} & \textbf{Caractère} \\
+    \hline
+    00100000 & \textit{espace} \\
+    01000001 & A \\
+    01000010 & B \\
+    01000011 & C \\
+    01000100 & D \\
+    01000101 & E \\
+    01000110 & F \\
+\end{tabular}\\
+\begin{terseQ}
+    Convertissez ce binaire en texte :\\
+    01000001 01000011 01000100 01000011 00100000 01000011 01000101 00100000 01000110 01000001 01000100 01000001
+\end{terseQ}
+
+\begin{terseQ}
+    Peut-on savoir juste en voyant ce binaire qu’il représente du texte ? Si oui comment, si non pourquoi ?
+\end{terseQ}\\
+\begin{terseQ}
+    Donnez l’avantage et l’inconvénient principal de l’ASCII et de l’UTF8.
+\end{terseQ}
+
+\begin{terseQ}
+    Bonus : Représentez le nombre 48,256 en flottant avec 1 bit de signe, 8 bits d’exposant et 23 bits de mantisse.\\
+    On rappelle que l’exposant doit être ajouté à 127 et que la mantisse représente la partie fractionnaire du nombre binaire en écriture scientifique.
+\end{terseQ}
+
+\end{document}

photo numérique/activité_décryptage_image/sujet.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 
 \title{Activité débranchée — Codage des images}
 \def\thesequence{Photographie numérique}

photo numérique/cours/cours.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 
 \title{Photographie Numérique — Cours}
 \author{Adrian Amaglio}

photo numérique/fiche_sequence/fiche_preparation_sequence.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 
 \author{Adrian Amaglio}
 \def\thesequence{Photographie numérique}

projets/projet_biere/sujet.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{listings}
 
 \usepackage{minted}

python/tp_intro_turtle/sujet.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 
 \usepackage{minted}
 

python/tp_plus_moins/sujet.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 
 \usepackage{minted}
 

python/tp_variables/sujet.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 
 \usepackage{minted}
 

réseaux_sociaux/comment_sinformer/sujet.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{enumitem} % pour reprendre des énums en cours
 \usepackage{listings}
 \usepackage{float} % pour fixer la place des figures

réseaux_sociaux/exercices/exercices.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{enumitem} % pour reprendre des énums en cours
 \usepackage{listings}
 \usepackage{float} % pour fixer la place des figures

réseaux_sociaux/fiche_preparation_sequence/fiche_preparation_sequence.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \author{Adrian Amaglio}
 \def\thesequence{Les réseaux sociaux}
 \title{Fiche de préparation de séquence : \thesequence}

réseaux_sociaux/graphes/cours.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{float}
 
 \title{Séquence Réseaux sociaux — Cours}

réseaux_sociaux/graphes/fiche_séance.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \author{Adrian Amaglio}
 \def\thesequence{Les réseaux sociaux}
 \title{Fiche de Séance — Introduction aux graphes\\Séquence \thesequence}

template/readme.md

@@ -0,0 +1,39 @@
+# Template latex pour cours
+
+## Fonctions inclues
+- \bigO Notation en grand O 
+- \ignore Son paramètre est ignoré
+- \correc Colorie en vert
+- \motcle Colorie en bleu
+- \mothtml Colorie en bleau et entoure de chevrons <>
+- \todo Colorie en rouge
+- \academicyear Affiche l’année scolaire en cours
+- \duration{1h} Affiche la durée avec une mise en forme fixe (utile dans les titres).
+
+## Éléments de mise en page
+- \def\thelicencepic{cc-by-sa.png} défini l’image du répertoire `licences` à utiliser comme photo pour la licence
+- \def\thelicencelink{creativecommons.org} défini le lien vers lequel amener les utilisateurs ou utilisatrices qui cliquent sur la licence (n’est pas affiché à l’impression)
+- \def\thelevel{SNT} défini le niveau d’enseignement
+- \def\thesequence{Web} défini la séquence
+- \moreinNSI Provoque l’affichage de l’encart spécifiant que le sujet est approfondi en NSI
+- \title{} le titre
+- \date{} la date
+- \author{} l’auteur ou l’autrice
+
+## Blocs numérotés
+- rappel
+- notion
+- example
+- important
+- further
+- {question
+- question
+- definition
+- regle
+- {consigne
+- consigne
+- savoir
+- important2
+- exercice
+- methode
+

template_cours.cls

@@ -1,459 +0,0 @@
-% This is a Latex template, inspired from
-% http://tutex.tug.org/pracjourn/2005-4/hefferon/hefferon.pdf
-%
-% Copyright © 2019 Adrian Amaglio <adrian@amaglio.fr>
-% This work is free. You can redistribute it and/or modify it under the
-% terms of the Do What The Fuck You Want To Public License, Version 2,
-% as published by Sam Hocevar. See http://www.wtfpl.net/ for more details.
-
-% Contributors : Marie D,
-
-% -----------------------------------------------------------------------------
-%                     Define Document properties
-% -----------------------------------------------------------------------------
-
-% --- Class structure: identification part
-% ---
-\ProvidesClass{../../template_cours}[Cours en lycée]
-\NeedsTeXFormat{LaTeX2e}
-
-
-% --- Class structure: declaration of options part
-% ---
-% This class extends the article class
-% Read all the documentclass options; pass them to article,
-% ---
-\DeclareOption*{\PassOptionsToClass{\CurrentOption}{article}}
-
-
-% --- Class structure: execution of options part
-% ---
-\ProcessOptions \relax
-
-
-% --- Class structure: Loading parent class
-% ---
-\LoadClass{article}
-
-
-% --- Force A4 paper
-% ---
-% TODO: Can we create a A3 or A5 document with this template?
-\usepackage[a4paper]{geometry}
-
-
-% --- Loading common packages
-% ---
-
-
-% --- Be french and utf-8
-% ---
-\usepackage[utf8]{inputenc}
-\usepackage[french]{babel}
-\usepackage[T1]{fontenc}
-%\usepackage{amsmath}%why
-%\usepackage{amsfonts}%why
-%\usepackage{amssymb}%why
-
-
-% --- Define hyperlinks style
-% ---
-\usepackage{xcolor}
-\usepackage{hyperref}
-\hypersetup{pdfpagemode={UseOutlines},
-bookmarksopen=true,
-bookmarksopenlevel=0,
-hypertexnames=false,
-colorlinks=true, % Set to false to disable coloring links
-citecolor=green!40!black!90, % The color of citations
-linkcolor=red!40!black!80, % The color of references to document elements (sections, figures, etc)
-urlcolor=blue!40!black!80, % The color of hyperlinks (URLs)
-pdfstartview={FitV},
-breaklinks=true,
-}
-
-
-% --- Define document margins
-% ---
-\geometry{top=2cm, bottom=2cm, left=2cm, right=2cm}
-%\setlength{\textheight}{715pt} \addtolength{\voffset}{-90pt}
-%\setlength{\textwidth}{485pt} \addtolength{\hoffset}{-70pt}
-
-
-% --- Paper and page layout
-% ---
-\setlength{\parindent}{0pt}
-%\setlength{\headheight}{20pt}
-\setlength{\headheight}{14.2pt}
-
-
-% --- New page for each section
-% ---
-\usepackage{titlesec}
-%\newcommand{\sectionbreak}{\pagebreak}
-%not working as expected :(
-
-
-% --- Define document font
-% ---
-\usepackage{mathpazo}
-% TODO dyslexic friendly font
-%\usepackage{newcent}
-%Dyslexie
-%OpenDyslexic (open-dyslexic) by Abelardo Gonzalez is licensed under a Creative Commons Attribution 3.0 Unported License
-%Lexia Readable
-
-% -----------------------------------------------------------------------------
-%                     Include and define nice functions 
-% -----------------------------------------------------------------------------
-
-% --- Include pictures
-% ---
-\usepackage{graphicx}
-% \usepackage{rotating, graphicx}
-% Why
-%\usepackage{array}
-
-
-% --- To display typewriter style text
-% ---
-\usepackage{listings}
-
-
-% --- Some useful commands
-\newcommand{\bigO}{\textit{O}}
-\newcommand\ignore[1]{{}}
-\newcommand{\correc}[1]{\textbf{\textcolor{codegreen}{#1}}}
-\newcommand{\motcle}[1]{\texttt{\textcolor{blue}{#1}}}
-\newcommand{\mothtml}[1]{\texttt{<\textcolor{blue}{#1}>}}
-\newcommand{\todo}[1]{\textcolor{red}{#1}}
-
-
-% --- Register some information about the document
-% ---
-% TODO clickable licence
-\newcommand{\thelicence}{\includegraphics[height=\baselineskip]{../../licences/cc-by-sa.png}}
-\newcommand{\thelevel}{SNT}
-\newcommand{\thesequence}{Séquence 0}
-
-
-% --- Store title, author and date to use them later, even after maketitle emptyed them
-% ---
-\let\titleoriginal\title           % save original \title macro
-\renewcommand{\title}[1]{          % substitute for a new \title
-    \titleoriginal{#1}%               % define the real title
-    \def\thetitle{#1}        % define \thetitle
-}
-
-\let\dateoriginal\date           % save original \date macro
-\renewcommand{\date}[1]{          % substitute for a new \date
-    \dateoriginal{#1}%               % define the real date
-    \def\thedate{#1}        % define \thedate
-}
-
-\let\authororiginal\author           % save original \author macro
-\renewcommand{\author}[1]{          % substitute for a new \author
-    \authororiginal{#1}%               % define the real author
-    \def\theauthor{#1}        % define \theauthor
-}
-
-
-% --- Header and footer
-%---
-\usepackage{fancyhdr}
-\pagestyle{fancy}
-
-\lhead{\thedate}
-\chead{\thelevel}
-\rhead{\thesequence}
-
-\usepackage{lastpage}
-\renewcommand{\footrulewidth}{0.4pt}% default hline is 0pt
-\lfoot{\theauthor}
-\cfoot{\thepage \,/ \pageref{LastPage}}
-\rfoot{\thelicence}
-
-
-\def \ifempty#1{\def\temp{#1} \ifx\temp\empty }
-
-% --- Document title
-% ---
-% remove spacing around date:
-%\usepackage{titling}
-%\predate{}
-%\postdate{}
-\AtBeginDocument{%
-  \dateoriginal{} % clear date
-  \authororiginal{}
-  \ifx \@title\empty \else \maketitle \fi
-  \thispagestyle{fancy}
-}
-
-
-% --- Academic year command
-% --- Use: \academicyear to display text like "2020-2021"
-% --- Use: \academicyear[-1] to display text like "2019-2020"
-% --- Use: \academicyear[0][/][ to display text like "2020/2021"
-\usepackage{xparse}
-\newcounter{myyear}
-\newcounter{myyearprevious}
-\newcounter{myyearnext}
-\NewDocumentCommand{\academicyear}{O{0} O{-}}{
-    % Current year %
-    \newcommand{\myyear}{\the\year}
-    % Previous year %
-    \newcommand\myyearprevious{\the\numexpr\myyear+#1-1\relax}
-    % Next year %
-    \newcommand\myyearnext{\the\numexpr\myyear+#1+1\relax}
-    %% Print academic year %
-    \ifnum\month<8 \myyearprevious#2\myyear \else\myyear#2\myyearnext\fi
-}
-
-% --- some optional packages
-% \usepackage{multirow} % to use multirow in tabular
-\usepackage{amsmath} % for more maths symbols and so on
-% --- pour barrer du texte
-\usepackage{ulem}
-
-% --- Some color definitions
-\definecolor{codegreen}{rgb}{0,0.6,0}
-\definecolor{codegray}{rgb}{0.5,0.5,0.5}
-\definecolor{codepurple}{rgb}{0.58,0,0.82}
-\definecolor{backcolour}{rgb}{0.95,0.95,0.92}
-\definecolor{rouge_brique}{HTML}{B6321C}
-\xdefinecolor{darkblue}{rgb}{0,0,0.4}
-\xdefinecolor{darkred}{rgb}{0.4,0,0}
-
-% --- Javascript listing coloration
-% ---
-\lstdefinelanguage{JavaScript}{
-  keywords={typeof, new, true, false, catch, function, return, null, catch, switch, var, if, in, while, do, else, case, break, let},
-  keywordstyle=\color{blue}\bfseries,
-  ndkeywords={class, export, boolean, throw, implements, import, this, document},
-  ndkeywordstyle=\color{darkgray}\bfseries,
-  identifierstyle=\color{black},
-  sensitive=false,
-  comment=[l]{//},
-  morecomment=[s]{/*}{*/},
-  commentstyle=\color{purple}\ttfamily,
-  stringstyle=\color{red}\ttfamily,
-  morestring=[b]',
-  morestring=[b]"
-}
-
-% --- Some Python highlightings presets
-% ---
-\lstdefinestyle{mystyle}{
-    backgroundcolor=\color{backcolour},
-    commentstyle=\color{codegreen},
-    % keywordstyle=\color{magenta},
-    keywordstyle=\color{blue},
-    % keywordstyle=\color{darkblue},
-    numberstyle=\tiny\color{codegray},
-    % stringstyle=\color{codepurple},
-    stringstyle=\color{rouge_brique},
-    basicstyle=\ttfamily\footnotesize,
-    breakatwhitespace=false,
-    breaklines=true,
-    captionpos=b,
-    keepspaces=true,
-    numbers=left,
-    numbersep=5pt,
-    showspaces=false,
-    showstringspaces=false,
-    showtabs=false,
-    tabsize=2,
-    inputencoding=utf8,
-    extendedchars=true,
-    literate={ç}{{\c{c}}}1 {à}{{`a}}1 {é}{{'e}}1 {è}{{`e}}1 {î}{{^i}}1,
-}
-
-% --- Some HTML highlightings presets
-% ---
-\lstdefinestyle{mystylehtml}{
-    backgroundcolor=\color{backcolour},
-    commentstyle=\color{codegreen},
-    % keywordstyle=\color{orange},
-    keywordstyle=\color{blue},
-    numberstyle=\tiny\color{codegray},
-    % stringstyle=\color{codepurple},
-    stringstyle=\color{red},
-    basicstyle=\ttfamily\footnotesize,
-    breakatwhitespace=false,
-    breaklines=true,
-    captionpos=b,
-    keepspaces=true,
-    numbers=left,
-    numbersep=5pt,
-    showspaces=false,
-    showstringspaces=false,
-    showtabs=false,
-    tabsize=2
-}
-
-% --- Style configuration
-\lstset{style=mystyle}
-\lstset{language=Python}
-\lstset{frame=lines}
-\lstset{basicstyle=\footnotesize}
-
-
-% --- Environment creator
-% --- Handy to have a standard environment
-% TODO add a symbole to each environment for daltonian students or B&W printing
-\usepackage[many]{tcolorbox}
-
-% This command define a new environment, cartouche style.
-% 1: name
-% 2: Text to display in cartouche
-% 3: font color of cartouche
-% 4: back color of cartouche
-% TODO is there a way to reset the counter from a document?
-\newcommand{\myenvironment}[4]{
-  \newtcolorbox[
-    auto counter,
-%    number within=chapter
-  ]{#1}{%
-    %breakable, % Bug, add a cartouche on new page, over text
-    enhanced,
-    colback=white,
-    colbacktitle=white,
-    arc=0pt,
-    boxrule=0pt,
-    leftrule=1pt,
-    rightrule=0pt,
-    toprule=0pt,
-    bottomrule=0pt,
-    titlerule=0pt,
-    colframe=#4,
-    fonttitle=\color{#4}\sffamily\scshape,
-    overlay={
-      \node[
-        outer sep=-1pt,
-        anchor=west,
-        fill=#4,
-        font=\color{#3}\sffamily\scshape
-      ] at (title.west) {#2~\thetcbcounter};
-    },
-    adjusted title={}
-  }
-}
-
-% --- Some nice color sets
-% ---
-\definecolor{yellowtitle}{RGB}{133,100,4}
-\definecolor{yellowtitleback}{RGB}{255,243,205}
-\definecolor{yellowtitleborder}{RGB}{255,238,196}
-
-\definecolor{turquoisetitle}{RGB}{12,84,96}
-\definecolor{turquoisetitleback}{RGB}{209,236,241}
-\definecolor{turquoisetitleborder}{RGB}{190,229,235}
-
-\definecolor{redtitle}{RGB}{114,28,36}
-\definecolor{redtitleback}{RGB}{248,215,218}
-\definecolor{redtitleborder}{RGB}{245,198,203}
-
-
-\definecolor{greentitle}{RGB}{21,87,36}
-\definecolor{greentitleback}{RGB}{212,237,218}
-\definecolor{greentitleborder}{RGB}{195,230,203}
-
-% --- Some environments
-% ---
-%\myenvironment{exercice}{Exercice}{greentitle}{greentitleback}
-\myenvironment{rappel}{Rappel}{greentitle}{greentitleback}
-\myenvironment{notion}{Notions abordées}{greentitle}{greentitleback}
-\myenvironment{example}{Exemple}{yellowtitle}{yellowtitleback}
-\myenvironment{important}{Important}{yellowtitle}{yellowtitleback}
-\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{regle}{Règle}{redtitle}{redtitleback}
-%\myenvironment{consigne}{Réponse - À faire}{redtitle}{redtitleback}
-\myenvironment{consigne}{À faire}{redtitle}{redtitleback}
-\myenvironment{savoir}{À savoir}{redtitle}{redtitleback}
-\myenvironment{important2}{Important}{redtitle}{redtitleback}
-\myenvironment{exercice}{Exercice}{turquoisetitle}{turquoisetitleback}
-\myenvironment{methode}{Méthode}{turquoisetitle}{turquoisetitleback}
-
-
-
-% --- Create fake \onslide and other commands for standalone picture
-% ---
-% TODO is this working?
-\usepackage{xparse}
-\NewDocumentCommand{\onslide}{s t+ d<>}{}
-\NewDocumentCommand{\only}{d<>}{}
-\NewDocumentCommand{\uncover}{d<>}{}
-\NewDocumentCommand{\visible}{d<>}{}
-\NewDocumentCommand{\invisible}{d<>}{}
-
-
-% --- Some nice left bar for answer environment
-% ---
-\usepackage{framed}
-\usepackage{xcolor}
-
-\renewenvironment{leftbar}[1][\hsize]
-{%
-    \def\FrameCommand
-    {%
-        {\color{turquoisetitleborder}\vrule width 3pt}%
-        \hspace{0pt}%must no space.
-        \fboxsep=\FrameSep\colorbox{turquoisetitleback}%
-    }%
-    \MakeFramed{\hsize#1\advance\hsize-\width\FrameRestore}%
-}
-{\endMakeFramed}
-
-% --- Answer environment
-% --- Create an 'answer' environment, that will be hidden if the command \answersfalse is used
-\usepackage{ifthen}
-\newif\ifanswers
-\answerstrue % Answers are displayed by default.
-
-% Actual answer command
-%\newenvironment{terseA}
-%{
-%    \ifanswers
-%    \begin{itshape}
-%    \leftbar
-%}
-%{
-%    \endleftbar
-%    \end{itshape}
-%    \fi
-%}
-\newcommand\terseA[1]{
-    \ifanswers
-    \begin{itshape}
-    \leftbar
-    #1
-    \endleftbar
-    \end{itshape}
-    \fi
-}
-
-% --- Question env
-% --- Create a 'question' environment that display text 'Question' and a counter
-\newcounter{simplequestions}
-\setcounter{simplequestions}{1}
-\newenvironment{terseQ}
-{
-    \textbf{Question \arabic{simplequestions}}
-    \stepcounter{simplequestions}
-}{
-}
-%\newcommand{\terseQuestion}[1]{
-%    \textbf{Question \arabic{simplequestions}}
-%    \stepcounter{simplequestions}
-%    #1
-%}
-
-% --- Some default values
-% ---
-\date{\academicyear}
-\title{}
-\author{}
-

web/activité http cookies/sujet.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{listings}
 
 \usepackage{minted}
@@ -6,23 +6,25 @@
 \title{Activité — Simuler un serveur web}
 \author{Adrian Amaglio}
 \def\thesequence{Web}
+\moreinNSI
 
 \begin{document}
 
 Vous êtes un serveur web permettant de consulter ses notes.
 
-\section{Données et pages web}
+\section{Pages web et connexion. \duration{1h}}
 \subsection{Liste des pages web disponibles}
 \begin{tabular}{l|l|l}
-    \textbf{Page} & \textbf{Paramètres} & \textbf{Visibilité} \\
+    \textbf{Page} & \textbf{Paramètres} & \textbf{Visible par} \\
     \hline
-    /accueil.html & & Publique \\
+    /accueil.html & & Tout le monde \\
-    /connection.html & id, motdepasse & Publique \\
+    /connection.html & id, motdepasse & Tout le monde\\
-    /notes.html & & Privée \\
+    /notes.html & & Seulement les gens connectés \\
 \end{tabular}
 
 \subsection{Liste des utilisateurs et utilisatrices inscrites sur le site}
-Donner un identifiant temporaire en cookie et le noter dans ce tableau à chaque connexion.\\
+On dit que qu’une personne se connecte quand elle envoie son identifiant et son mot de passe.\\
+Pour qu’elle reste connectée donne un identifiant temporaire aléatoire dans un cookie (ici 7XFG).\\
 \begin{tabular}{l|l|l}
     \textbf{Identifiant} & \textbf{Mot de passe} & \textbf{ID temporaire} \\
     \hline
@@ -31,11 +33,7 @@ Donner un identifiant temporaire en cookie et le noter dans ce tableau à chaque
     adrian-lebg & passw0rd & \\
 \end{tabular}
 
-
+Ces requêtes vont arriver dans un certain ordre et doivent bien être traitées dans cet ordre !
-\section{Questions}
-Donnez la réponse que vous enverrez pour les requêtes suivantes.\\
-Ces requêtes vont arriver dans un certain ordre et doivent bien être traitées dans cet ordre !\\
-
 \subsection{Requêtes}
 \begin{tabular}{l|l|l|l}
     \textbf {N°} & \textbf{Adresse IP} & \textbf{chemin et paramètres} & \textbf{Cookies} \\
@@ -44,14 +42,15 @@ Ces requêtes vont arriver dans un certain ordre et doivent bien être traitées
     \textbf{b} & 1.2.1.2 & /administration.html & \\
     \textbf{c} & 1.1.1.1 & /notes.html & \\
     \textbf{d} & 1.1.1.1 & /connection.html?id=jaune.attend\&motdepasse=12345 & \\
-    \textbf{e} & 1.1.1.1 & /notes.html & idtemporaire= \\
+    \textbf{e} & 1.1.1.1 & /notes.html & idtemporaire=7XFG \\
     \textbf{f} & 1.1.1.1 & /notes.html & idtemporaire= \\
-    \textbf{g} & 2.2.2.2 & /notes.html & idtemporaire= \\
+    \textbf{g} & 2.2.2.2 & /notes.html & idtemporaire=7XFG \\
 \end{tabular}
 
 \subsection{Réponses}
+Pour chaque requête ci-dessus, donnez la réponse du serveur web.\\
 \begin{tabular}{l|l|l|l}
-    \textbf {N°} & \textbf{Adresse IP} & \textbf{Contenu} & \textbf{Cookies} \\
+    \textbf {N°} & \textbf{Adresse IP} & \textbf{                             Contenu principal de la réponse                                  } & \textbf{Cookies} \\
     \hline
     \textbf{a} & 1.2.3.4 & Contenu du fichier accueil.html & \\
     \textbf{b} &  &  & \\
@@ -65,17 +64,14 @@ Ces requêtes vont arriver dans un certain ordre et doivent bien être traitées
 \newpage
 
 \section{Tracer les visiteurs et visiteuses}
-Nous sommes maintenant sur un moteur de recherche. \\
-Donnez à chaque visiteur ou visiteuse un cookie avec un identifiant unique et notez toutes les pages qu’il visite.
 \subsection{Tableau d’identification}
-Ce tableau représente les données que l’on garde des utilisateurs pour connaître leurs pratique au quotidien.\\
+Nous sommes maintenant un moteur de recherche.
-\begin{tabular}{l|l|l}
+Nous donnons à chaque visiteur un identifiant temporaire pour pouvoir suivre toutes ses requêtes.\\
-    \textbf{Adresse IP} & \textbf{Identifiant} & \textbf{Page} \\
+\begin{tabular}{l|l}
+    \textbf{Adresse IP} & \textbf{Identifiant} \\
     \hline
-    & & \\
+    1.1.1.1 & A901 \\
-    & & \\
+    1.1.1.1 & TPUG \\
-    & & \\
-    & & \\
 \end{tabular}
 
 \subsection{Requêtes}
@@ -84,22 +80,40 @@ Voici les requêtes qui vous sont faites. La requête d est faite par un autre n
     \textbf {N°} & \textbf{Adresse IP} & \textbf{chemin et paramètres} & \textbf{Cookies} \\
     \hline
     \textbf{a} & 1.1.1.1 & /recherche?question=guerir+du+covid & \\
-    \textbf{b} & 1.1.1.1 & /recherche?question=comment+oublier+une+rupture+amoureuse & idtemporaire= \\
+    \textbf{b} & 1.1.1.1 & /recherche?question=comment+survivre+rupture+amoureuse & idtemporaire=A901 \\
-    \textbf{c} & 1.1.1.1 & /recherche?question=douleurs+règles & idtemporaire= \\
+    \textbf{c} & 1.1.1.1 & /recherche?question=douleurs+règles & idtemporaire=A901 \\
     \textbf{d} & 1.1.1.1 & /recherche?question=problème+réseau+free & \\
 \end{tabular}
 
 \subsection{Réponses}
 \begin{tabular}{l|l|l|l}
-    \textbf {N°} & \textbf{Adresse IP} & \textbf{Cookies} \\
+    \textbf {N°} & \textbf{Adresse IP} & \textbf{                    Cookies                     } \\
     \hline
     \textbf{a} & 1.2.3.4 & \\
     \textbf{b} &  & \\
     \textbf{c} &  & \\
     \textbf{d} &  & \\
 \end{tabular}
+\begin{exercice}
+    Que savez vous de la vie de ces deux personnes ?
+\end{exercice}
 
-Que peut-on savoir d’une personne à l’aide du traçage par cookies ?
+\begin{exercice}
+    Consultez votre historique de navigation et cherchez ce que votre moteur de recherche sait de vous.
+\end{exercice}
+
+\section{Cookies tiers et navigateurs}
+\begin{exercice}
+    Les cookies tiers sont des cookies embarqués sur plusieurs sites web.
+    Google est ainsi présent sur un grand nombre de site web, même quand ceux-là n’ont aucun rapport avec les activités de Google.
+    Ces cookies permettent de suivre les internautes même lorsqu’ils et elles changent de site web.\\
+    Les cookies tiers permettent à leurs propriétaires de connaître toute une partie de notre historique de navigation.\\
+    De la même façon, notre navigateur sait exactement toutes les pages que l’on visite. Il est donc important de s’assurer qu’il n’appartient pas à une entreprise cherchant à faire de l’argent en utilisant ou revandant ce genre d’informations.\\
+    Consultez votre historique de navigation et expliquez ce que votre navigateur sait de vous.
+\end{exercice}
+\begin{exercice}
+    Quand vous cliquez sur le bouton « acceptez les cookies » sur un site web. Acceptez-vous les cookies de connexion ou ceux de traçage ?
+\end{exercice}
 
 
 % ---

web/controle/controle.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{enumitem} % pour reprendre des énums en cours
 \usepackage{listings}
 \usepackage{float} % pour fixer la place des figures

web/cours/cours.tex

@@ -1,9 +1,9 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{listings}
 
 \title{Séquence Web — Cours}
-\author{Adrian Amaglio}
+\author{\href{https://git.jean-cloud.net/adrian-amaglio}{Adrian Amaglio}}
-\def\thesequence{SNT : Web}
+\def\thesequence{Web}
 
 \begin{document}
 \maketitle
@@ -44,7 +44,7 @@ On peut donc mettre des titres, des paragraphes et d’autres éléments de stru
     Voici à quoi ressemble une page HTML en texte et interprétée par le navigateur
     \begin{centering}
         \lstinputlisting[language=HTML,linerange={1-4,6-12}]{example.html}
-        \includegraphics[width=\textwidth]{example.png}
+        \includegraphics[width=.4\textwidth]{example.png}
     \end{centering}
 \end{example}
 
@@ -52,14 +52,14 @@ On peut donc mettre des titres, des paragraphes et d’autres éléments de stru
 Un autre type de fichier est important pour le web.
 Il s’agit du CSS comme « Cascade Style Sheet » ou « feuilles de style en cascade ».
 \begin{definition}
-    Les fichiers CSS permettent de styliser un page web en changeant les éléments de style (la mise en forme, les polices, les couleurs…).
+    Les fichiers CSS permettent de styliser une page web en changeant les éléments de style (la mise en forme, les polices, les couleurs…).
 \end{definition}
 
 \begin{example}
     Voici la même page que tout à l’heure mais pour laquelle on a appliqué le style CSS suivant :
     \begin{centering}
         \lstinputlisting[language=HTML]{example.css}
-        \includegraphics[width=\textwidth]{examplecss.png}
+        \includegraphics[width=.6\textwidth]{examplecss.png}
     \end{centering}
 \end{example}
 
@@ -84,4 +84,11 @@ Ils peuvent ensuite nous présenter les pages web qui semblent contenir ce que l
 Un moteur de recherche répertorie un maximum de pages web puis affiche celles  qui correspondent le mieux à notre recherche.
 \end{definition}
 
+\section{Cookies}
+\begin{definition}
+    Un cookie est un texte stocké par le navigateur à la demande d’un serveur.\\
+    Il est renvoyé au serveur à chaque requête.\\
+    Il permet donc de stocker des préférences ou d’identifier les utilisateurs et utilisatrices.
+\end{definition}
+
 \end{document}

web/fiche_sequence/fiche_preparation_sequence.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 
 \author{Adrian Amaglio}
 \def\thesequence{Le web}

web/tp_fake_news/sujet.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template_cours}
+\documentclass[11pt,a4paper]{../../template/template_cours}
 \usepackage{listings}
 
 \usepackage{minted}
@@ -13,7 +13,8 @@ Durée : 1h
 % ---
 \section{HTML — Structure et contenu}
 Le HTML est le langage de balisage utilisé pour structuré une page web.\\
-Une balise est de la forme :\\
+Une balise \textbf{p} est de la forme : \textbf{<p>}\\
+Un paragraphe est donc écrit comme suit :\\
 \begin{minted}{HTML}
     <p>Je suis un texte quelconque</p>
 \end{minted}