.gitignore

@@ -282,5 +282,3 @@ 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/template_cours}
+\documentclass[11pt,a4paper]{../../template_cours}
 \usepackage{float}
 
 \title{Calcul d’itinéraires}

donnees_structurees/cours/cours.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template/template_cours}
+\documentclass[11pt,a4paper]{../../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/template_cours}
+\documentclass[11pt,a4paper]{../../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/template_cours}
+\documentclass[11pt,a4paper]{../../template_cours}
 \usepackage{listings}
 
 \usepackage{minted}

donnees_structurees/tp_nextcloud/sujet.tex

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

internet/controle/controle.tex

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

nsi_binaire/controle/controle.tex

@@ -1,151 +0,0 @@
-\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/template_cours}
+\documentclass[11pt,a4paper]{../../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/template_cours}
+\documentclass[11pt,a4paper]{../../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/template_cours}
+\documentclass[11pt,a4paper]{../../template_cours}
 
 \author{Adrian Amaglio}
 \def\thesequence{Photographie numérique}

projets/projet_biere/sujet.tex

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

python/tp_intro_turtle/sujet.tex

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

python/tp_plus_moins/sujet.tex

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

python/tp_variables/sujet.tex

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

réseaux_sociaux/comment_sinformer/sujet.tex

@@ -1,4 +1,4 @@
-\documentclass[11pt,a4paper]{../../template/template_cours}
+\documentclass[11pt,a4paper]{../../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/template_cours}
+\documentclass[11pt,a4paper]{../../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/template_cours}
+\documentclass[11pt,a4paper]{../../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/template_cours}
+\documentclass[11pt,a4paper]{../../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/template_cours}
+\documentclass[11pt,a4paper]{../../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

@@ -1,39 +0,0 @@
-# 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

@@ -0,0 +1,459 @@
+% 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/template_cours}
+\documentclass[11pt,a4paper]{../../template_cours}
 \usepackage{listings}
 
 \usepackage{minted}
@@ -6,25 +6,23 @@
 \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{Pages web et connexion. \duration{1h}}
+\section{Données et pages web}
 \subsection{Liste des pages web disponibles}
 \begin{tabular}{l|l|l}
-    \textbf{Page} & \textbf{Paramètres} & \textbf{Visible par} \\
+    \textbf{Page} & \textbf{Paramètres} & \textbf{Visibilité} \\
     \hline
-    /accueil.html & & Tout le monde \\
+    /accueil.html & & Publique \\
-    /connection.html & id, motdepasse & Tout le monde\\
+    /connection.html & id, motdepasse & Publique \\
-    /notes.html & & Seulement les gens connectés \\
+    /notes.html & & Privée \\
 \end{tabular}
 
 \subsection{Liste des utilisateurs et utilisatrices inscrites sur le site}
-On dit que qu’une personne se connecte quand elle envoie son identifiant et son mot de passe.\\
+Donner un identifiant temporaire en cookie et le noter dans ce tableau à chaque connexion.\\
-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
@@ -33,7 +31,11 @@ Pour qu’elle reste connectée donne un identifiant temporaire aléatoire dans
     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} \\
@@ -42,15 +44,14 @@ 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=7XFG \\
+    \textbf{e} & 1.1.1.1 & /notes.html & idtemporaire= \\
     \textbf{f} & 1.1.1.1 & /notes.html & idtemporaire= \\
-    \textbf{g} & 2.2.2.2 & /notes.html & idtemporaire=7XFG \\
+    \textbf{g} & 2.2.2.2 & /notes.html & idtemporaire= \\
 \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 principal de la réponse                                  } & \textbf{Cookies} \\
+    \textbf {N°} & \textbf{Adresse IP} & \textbf{Contenu} & \textbf{Cookies} \\
     \hline
     \textbf{a} & 1.2.3.4 & Contenu du fichier accueil.html & \\
     \textbf{b} &  &  & \\
@@ -64,14 +65,17 @@ Pour chaque requête ci-dessus, donnez la réponse du serveur web.\\
 \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}
-Nous sommes maintenant un moteur de recherche.
+Ce tableau représente les données que l’on garde des utilisateurs pour connaître leurs pratique au quotidien.\\
-Nous donnons à chaque visiteur un identifiant temporaire pour pouvoir suivre toutes ses requêtes.\\
+\begin{tabular}{l|l|l}
-\begin{tabular}{l|l}
+    \textbf{Adresse IP} & \textbf{Identifiant} & \textbf{Page} \\
-    \textbf{Adresse IP} & \textbf{Identifiant} \\
     \hline
-    1.1.1.1 & A901 \\
+    & & \\
-    1.1.1.1 & TPUG \\
+    & & \\
+    & & \\
+    & & \\
 \end{tabular}
 
 \subsection{Requêtes}
@@ -80,40 +84,22 @@ 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+survivre+rupture+amoureuse & idtemporaire=A901 \\
+    \textbf{b} & 1.1.1.1 & /recherche?question=comment+oublier+une+rupture+amoureuse & idtemporaire= \\
-    \textbf{c} & 1.1.1.1 & /recherche?question=douleurs+règles & idtemporaire=A901 \\
+    \textbf{c} & 1.1.1.1 & /recherche?question=douleurs+règles & idtemporaire= \\
     \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}
 
-\begin{exercice}
+Que peut-on savoir d’une personne à l’aide du traçage par cookies ?
-    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/template_cours}
+\documentclass[11pt,a4paper]{../../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/template_cours}
+\documentclass[11pt,a4paper]{../../template_cours}
 \usepackage{listings}
 
 \title{Séquence Web — Cours}
-\author{\href{https://git.jean-cloud.net/adrian-amaglio}{Adrian Amaglio}}
+\author{Adrian Amaglio}
-\def\thesequence{Web}
+\def\thesequence{SNT : 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=.4\textwidth]{example.png}
+        \includegraphics[width=\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 une page web en changeant les éléments de style (la mise en forme, les polices, les couleurs…).
+    Les fichiers CSS permettent de styliser un 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=.6\textwidth]{examplecss.png}
+        \includegraphics[width=\textwidth]{examplecss.png}
     \end{centering}
 \end{example}
 
@@ -84,11 +84,4 @@ 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/template_cours}
+\documentclass[11pt,a4paper]{../../template_cours}
 
 \author{Adrian Amaglio}
 \def\thesequence{Le web}

web/tp_fake_news/sujet.tex

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