Compare commits
No commits in common. "2a08295cc2495409dc61180c4e0f5f368b8e6db2" and "b6d872d38ed56e55c79df9b051399ebd27ab7e8c" have entirely different histories.
2a08295cc2
...
b6d872d38e
2
.gitignore
vendored
2
.gitignore
vendored
@ -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.*
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
\documentclass[11pt,a4paper]{../../template/template_cours}
|
||||
\documentclass[11pt,a4paper]{../../template_cours}
|
||||
\usepackage{float}
|
||||
|
||||
\title{Calcul d’itinéraires}
|
||||
|
||||
@ -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}
|
||||
|
||||
@ -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
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
\documentclass[11pt,a4paper]{../../template/template_cours}
|
||||
\documentclass[11pt,a4paper]{../../template_cours}
|
||||
\usepackage{listings}
|
||||
|
||||
\usepackage{minted}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
\documentclass[11pt,a4paper]{../../template/template_cours}
|
||||
\documentclass[11pt,a4paper]{../../template_cours}
|
||||
\usepackage{listings}
|
||||
|
||||
\usepackage{minted}
|
||||
|
||||
@ -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}
|
||||
|
||||
@ -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é}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
\documentclass[11pt,a4paper]{../../template/template_cours}
|
||||
\documentclass[11pt,a4paper]{../../template_cours}
|
||||
|
||||
\title{Séquence internet — Cours}
|
||||
\author{Adrian Amaglio}
|
||||
|
||||
Binary file not shown.
@ -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}
|
||||
@ -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}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
\documentclass[11pt,a4paper]{../../template/template_cours}
|
||||
\documentclass[11pt,a4paper]{../../template_cours}
|
||||
|
||||
\title{Photographie Numérique — Cours}
|
||||
\author{Adrian Amaglio}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
\documentclass[11pt,a4paper]{../../template/template_cours}
|
||||
\documentclass[11pt,a4paper]{../../template_cours}
|
||||
|
||||
\author{Adrian Amaglio}
|
||||
\def\thesequence{Photographie numérique}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
\documentclass[11pt,a4paper]{../../template/template_cours}
|
||||
\documentclass[11pt,a4paper]{../../template_cours}
|
||||
\usepackage{listings}
|
||||
|
||||
\usepackage{minted}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
\documentclass[11pt,a4paper]{../../template/template_cours}
|
||||
\documentclass[11pt,a4paper]{../../template_cours}
|
||||
|
||||
\usepackage{minted}
|
||||
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
\documentclass[11pt,a4paper]{../../template/template_cours}
|
||||
\documentclass[11pt,a4paper]{../../template_cours}
|
||||
|
||||
\usepackage{minted}
|
||||
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
\documentclass[11pt,a4paper]{../../template/template_cours}
|
||||
\documentclass[11pt,a4paper]{../../template_cours}
|
||||
|
||||
\usepackage{minted}
|
||||
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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
|
||||
|
||||
@ -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}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
\documentclass[11pt,a4paper]{../../template/template_cours}
|
||||
\documentclass[11pt,a4paper]{../../template_cours}
|
||||
\usepackage{float}
|
||||
|
||||
\title{Séquence Réseaux sociaux — Cours}
|
||||
|
||||
@ -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}
|
||||
|
||||
@ -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
|
||||
|
||||
459
template_cours.cls
Executable file
459
template_cours.cls
Executable file
@ -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{}
|
||||
|
||||
Binary file not shown.
@ -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 \\
|
||||
/connection.html & id, motdepasse & Tout le monde\\
|
||||
/notes.html & & Seulement les gens connectés \\
|
||||
/accueil.html & & Publique \\
|
||||
/connection.html & id, motdepasse & Publique \\
|
||||
/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.\\
|
||||
Pour qu’elle reste connectée donne un identifiant temporaire aléatoire dans un cookie (ici 7XFG).\\
|
||||
Donner un identifiant temporaire en cookie et le noter dans ce tableau à chaque connexion.\\
|
||||
\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.
|
||||
Nous donnons à chaque visiteur un identifiant temporaire pour pouvoir suivre toutes ses requêtes.\\
|
||||
\begin{tabular}{l|l}
|
||||
\textbf{Adresse IP} & \textbf{Identifiant} \\
|
||||
Ce tableau représente les données que l’on garde des utilisateurs pour connaître leurs pratique au quotidien.\\
|
||||
\begin{tabular}{l|l|l}
|
||||
\textbf{Adresse IP} & \textbf{Identifiant} & \textbf{Page} \\
|
||||
\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{c} & 1.1.1.1 & /recherche?question=douleurs+règles & 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= \\
|
||||
\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}
|
||||
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}
|
||||
Que peut-on savoir d’une personne à l’aide du traçage par cookies ?
|
||||
|
||||
|
||||
% ---
|
||||
|
||||
@ -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
|
||||
|
||||
Binary file not shown.
@ -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}}
|
||||
\def\thesequence{Web}
|
||||
\author{Adrian Amaglio}
|
||||
\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}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
\documentclass[11pt,a4paper]{../../template/template_cours}
|
||||
\documentclass[11pt,a4paper]{../../template_cours}
|
||||
|
||||
\author{Adrian Amaglio}
|
||||
\def\thesequence{Le web}
|
||||
|
||||
@ -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>}\\
|
||||
Un paragraphe est donc écrit comme suit :\\
|
||||
Une balise est de la forme :\\
|
||||
\begin{minted}{HTML}
|
||||
<p>Je suis un texte quelconque</p>
|
||||
\end{minted}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user