Compare commits
No commits in common. "cddef5d27734aa195b530f285fc9987cbfa231db" and "c35bc143e37ef5dbf1defade186e9f2f481e5730" have entirely different histories.
cddef5d277
...
c35bc143e3
23
Makefile
Normal file
23
Makefile
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
|
||||||
|
default: all
|
||||||
|
.PHONY: default
|
||||||
|
|
||||||
|
all:
|
||||||
|
.PHONY: all
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
TEX:= $(wildcard ./*/*.tex)
|
||||||
|
tex: $(TEX)
|
||||||
|
pdflatex
|
||||||
|
|
||||||
|
|
||||||
|
## Licences ##
|
||||||
|
## Convert svg licence files to pdf+pdf_tex
|
||||||
|
LICENCES:= $(wildcard ./licences/*.svg)
|
||||||
|
LICENCES_PDF:= $(patsubst %.svg,%.pdf,$(wildcard ./licences/*.svg))
|
||||||
|
licences: $(LICENCES_PDF)
|
||||||
|
$(LICENCES_PDF): $(LICENCES)
|
||||||
|
echo $(TEX)
|
||||||
|
inkscape -D $^ -o $@ --export-latex
|
||||||
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 51 KiB |
Binary file not shown.
@ -1,137 +0,0 @@
|
|||||||
\documentclass[11pt,a4paper]{../../template_cours}
|
|
||||||
\usepackage{float}
|
|
||||||
|
|
||||||
\title{Séquence Données structurées — Cours}
|
|
||||||
\author{Adrian Amaglio}
|
|
||||||
\def\thesequence{SNT : Données structurées}
|
|
||||||
|
|
||||||
\begin{document}
|
|
||||||
\maketitle
|
|
||||||
|
|
||||||
%
|
|
||||||
\section{Les supports de stockage}
|
|
||||||
\subsection{Historique}
|
|
||||||
\begin{description}
|
|
||||||
\item [1930] Utilisation de cartes perforées
|
|
||||||
\item [1956] Invention du disque dur
|
|
||||||
\end{description}
|
|
||||||
|
|
||||||
\subsection{Différents supports de l’information}
|
|
||||||
Les données numériques sont stockées sur des supports très variés.
|
|
||||||
|
|
||||||
\begin{figure}[h!]
|
|
||||||
\caption{Premier support numérique : les cartes perforées}
|
|
||||||
\center
|
|
||||||
\includegraphics[width=.5\textwidth]{PunchedCardsAnalyticalEngine.jpg}
|
|
||||||
\end{figure}
|
|
||||||
|
|
||||||
\begin{info}
|
|
||||||
Un support de stockage est définit par les caractéristiques suivantes :
|
|
||||||
\begin{itemize}
|
|
||||||
\item Sa capacité de stockage (en octet).
|
|
||||||
\item La vitesse à laquelle on peut lire et écrire les informations (on ne peut pas toujours les écrire).
|
|
||||||
\item La technologie utilisée.
|
|
||||||
\end{itemize}
|
|
||||||
\end{info}
|
|
||||||
|
|
||||||
\begin{figure}
|
|
||||||
\begin{tabular}{l|c|c|c}
|
|
||||||
Nom & Capacité & Vitesse & technologie \\
|
|
||||||
\hline
|
|
||||||
Cartes perforées & ~1 octet/carte & 1 octet par seconde & carton perforé \\
|
|
||||||
CD-ROM & ~700Mo & 1 à 100 Mo /s & Laser et feuille métalique \\
|
|
||||||
Cartes SD & 1-1000 Go & 1-100Mo /s & Puces de stockage \\
|
|
||||||
Disques durs & 1Go-100To & 4Mo-1Go /s & Plateau métalique et pointe magnétique \\
|
|
||||||
SSD & 1Go-100To & 100Mo-10Go /s & Puces de stockage \\
|
|
||||||
\hline
|
|
||||||
RAM & 100Mo-100Go (volatile !) & 100Mo-100Go /s & Puces de stockage \\
|
|
||||||
\end{tabular}
|
|
||||||
\caption{Quelques exemples de moyens de stockage}
|
|
||||||
\end{figure}
|
|
||||||
|
|
||||||
%
|
|
||||||
\section{Traitement des données}
|
|
||||||
\subsection{Historique}
|
|
||||||
\begin{description}
|
|
||||||
\item [1979] Création du premier tableur, VisiCalc.
|
|
||||||
\item [2013] Charte du G8 pour l’ouverture des données publiques.
|
|
||||||
\end{description}
|
|
||||||
|
|
||||||
\subsection{Données structurées}
|
|
||||||
\begin{definition}
|
|
||||||
Il est possible de structurer des données sous forme de tableau.
|
|
||||||
Les Noms des colonnes sont appelés « descripteurs », et chaque ligne représente une entité.
|
|
||||||
\begin{center}
|
|
||||||
\includegraphics[width=.7\textwidth]{noms.png}
|
|
||||||
\end{center}
|
|
||||||
\end{definition}
|
|
||||||
|
|
||||||
%
|
|
||||||
\section{Hébergement de données en ligne}
|
|
||||||
|
|
||||||
\begin{definition}
|
|
||||||
Les services d’hébergement en ligne, appelés « nuages » ou « cloud » servent à stocker, modifier et partager des documents.
|
|
||||||
\end{definition}
|
|
||||||
|
|
||||||
Les services les plus connus sont Google Drive, Icloud et DropBox.
|
|
||||||
Il ne sont cependant pas interopérables,
|
|
||||||
c’est à dire qu’ils ne peuvent pas communiquer entre eux (on ne peut pas partager directement un document google à un utilisateur dropbox).
|
|
||||||
\begin{definition}
|
|
||||||
Un système fédéré est un service pouvant être fournit par plusieurs acteurs différents et toujours offrir des services communs et compatibles.
|
|
||||||
Chaque acteur héberge une \textbf{instance} du service.
|
|
||||||
\end{definition}
|
|
||||||
\begin{example}
|
|
||||||
Les mails sont fédérés car plusieurs acteurs hébergent un serveur (une instance) mail :
|
|
||||||
\begin{itemize}
|
|
||||||
\item Gmail
|
|
||||||
\item Outlook
|
|
||||||
\item Gresille
|
|
||||||
\item Yopmail
|
|
||||||
\end{itemize}
|
|
||||||
Pourtant, tous ces serveurs peuvent communiquer entre eux pour s’échanger des messages.
|
|
||||||
\end{example}
|
|
||||||
Un système de stockage de fichiers fédéré bien connu est : NextCloud.
|
|
||||||
|
|
||||||
%
|
|
||||||
\section{Consommation électrique d’internet}
|
|
||||||
\subsection{Quelques estimations}
|
|
||||||
La consommation mondiale d’électricité est de 23 000 TWh en 2019.\\
|
|
||||||
% https://www.cbc.ca/news/technology/data-centres-energy-consumption-1.5391269
|
|
||||||
En 2017, Greenpeace estime qu’internet consomme 7\% de l’électricité mondiale.\\
|
|
||||||
En 2020, on estime à 650 terawatt-heure la consommation électrique des centres de données (environ 3\%), et à 10\% la consommation totale d’internet (centres, réseaux et terminaux).\\
|
|
||||||
La consommation électrique d’internet est difficile à évaluer car les composants son très hétérogènes et dispersés dans le monde.
|
|
||||||
\begin{definition}
|
|
||||||
On estime qu’internet consomme entre 10\% de la production électrique mondiale.
|
|
||||||
\end{definition}
|
|
||||||
|
|
||||||
\subsection{Un internet durable}
|
|
||||||
Les grands acteurs d’internet comme Google, Apple, Facebook et beaucoup d’autres, annoncent utiliser de plus en plus d’électricité issue de sources renouvelables.\\
|
|
||||||
Les énergies renouvelables étant par nature très intermittentes, il est actuellement impossible de produire une quantité constante d’électricité.\\
|
|
||||||
\begin{definition}
|
|
||||||
Un centre de données 100\% électricité renouvelable ne pourrait pas être allumé en permanence, donc certains services seraient indisponibles en cas de faible production.
|
|
||||||
\end{definition}
|
|
||||||
|
|
||||||
%
|
|
||||||
\section{Données personnelles}
|
|
||||||
% source https://www.cnil.fr/fr/definition/donnee-personnelle
|
|
||||||
\begin{definition}
|
|
||||||
Une donnée personnelle est une information se rapportant à \textbf{une personne} physique et \textbf{pouvant mener à son identification} directe ou indirecte.
|
|
||||||
\end{definition}
|
|
||||||
Parce qu’elles concernent des personnes, celles-ci doivent conserver la maîtrise de leurs données personnelles.
|
|
||||||
|
|
||||||
Une personne physique peut être identifiée :
|
|
||||||
\begin{description}
|
|
||||||
\item[directement] exemple : nom et prénom.
|
|
||||||
\item[indirectement] exemple : par un numéro de téléphone ou de plaque d’immatriculation, un identifiant tel que le numéro de sécurité sociale, une adresse postale ou courriel, mais aussi la voix ou l’image
|
|
||||||
\end{description}
|
|
||||||
|
|
||||||
L’identification d’une personne physique peut être réalisée :
|
|
||||||
\begin{itemize}
|
|
||||||
\item à partir d’une seule donnée (exemple : nom) ;
|
|
||||||
\item à partir du croisement d’un ensemble de données (exemple : une femme vivant à telle adresse, née tel jour et membre dans telle association) :
|
|
||||||
\end{itemize}
|
|
||||||
|
|
||||||
Par contre, des coordonnées d’entreprises (par exemple, l’entreprise « Compagnie A » avec son adresse postale, le numéro de téléphone de son standard et un courriel de contact générique « compagnie1@email.fr ») ne sont pas, en principe, des données personnelles.
|
|
||||||
|
|
||||||
|
|
||||||
\end{document}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 340 KiB |
Binary file not shown.
@ -1,62 +0,0 @@
|
|||||||
\documentclass[11pt,a4paper]{../../template_cours}
|
|
||||||
\usepackage{enumitem} % pour reprendre des énums en cours
|
|
||||||
\usepackage{listings}
|
|
||||||
\usepackage{float} % pour fixer la place des figures
|
|
||||||
\usepackage{subcaption} % Pour avoir des subfigures
|
|
||||||
|
|
||||||
\title{Données structurées — Exercices}
|
|
||||||
\author{Adrian Amaglio}
|
|
||||||
\def\thesequence{SNT Séquence 4}
|
|
||||||
|
|
||||||
\begin{document}
|
|
||||||
|
|
||||||
\question{
|
|
||||||
Durant quelle décennie a été inventé le disque dur ?
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
Il a été inventé en 1956 donc \textbf{dans les années 50}.
|
|
||||||
}
|
|
||||||
|
|
||||||
\question{
|
|
||||||
À quoi sert un tableur ?
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
À organiser des données sous forme de tableau et leur appliquer des traitements automatique.
|
|
||||||
}
|
|
||||||
|
|
||||||
\question{
|
|
||||||
Quelle part de la consommation mondiale d’électricité est attribuée à internet ?
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
En 2020, on estime que les centres de données consomment environ 10\% de la production électrique mondiale.
|
|
||||||
}
|
|
||||||
|
|
||||||
\question{
|
|
||||||
À quoi sert un service de fichiers en ligne (aussi nommé cloud) comme NextCloud, Google Drive ou Icloud ?
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
Il sert à
|
|
||||||
\begin{itemize}
|
|
||||||
\item Stocker des fichiers sur un serveur distant.
|
|
||||||
\item Partager des fichiers à d’autres personnes.
|
|
||||||
\end{itemize}
|
|
||||||
}
|
|
||||||
|
|
||||||
\question {
|
|
||||||
Qu’est-ce qu’une donnée personnelle ?
|
|
||||||
}
|
|
||||||
\answer {
|
|
||||||
Une donnée personnelle est une information se rapportant à une personne physique et pouvant mener à son identification directe ou indirecte.
|
|
||||||
}
|
|
||||||
|
|
||||||
\question {
|
|
||||||
Retrouvez la date de l’image. Quelle collection permet de retrouver cette information le plus rapidement ?
|
|
||||||
\begin{center}
|
|
||||||
\includegraphics[width=.8\textwidth]{collections_metadonnees.png}
|
|
||||||
\end{center}
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
La date est 05/06/2018 car c’est la seule photo de plage. la collection 2 est plus pratique car elle décrit les paysages de chaque photos plutôt que le pays.
|
|
||||||
}
|
|
||||||
|
|
||||||
\end{document}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 26 KiB |
Binary file not shown.
@ -1,56 +0,0 @@
|
|||||||
\documentclass[11pt,a4paper]{../../template_cours}
|
|
||||||
\usepackage{listings}
|
|
||||||
|
|
||||||
\usepackage{minted}
|
|
||||||
|
|
||||||
\title{Stocker ses données en ligne}
|
|
||||||
\author{Adrian Amaglio}
|
|
||||||
\def\thesequence{Données structurées}
|
|
||||||
|
|
||||||
\begin{document}
|
|
||||||
Durée : 1h
|
|
||||||
|
|
||||||
|
|
||||||
% ---
|
|
||||||
\section{Utiliser un stockage de fichiers en ligne}
|
|
||||||
\begin{exercice}
|
|
||||||
Connectez vous au service de stockage de fichiers dont l’adresse et les identifiants vous sont donnés par le professeur.
|
|
||||||
\end{exercice}
|
|
||||||
|
|
||||||
\begin{exercice}
|
|
||||||
Créez un dossier nommé selon vos noms et prénoms et placez vous dedans.
|
|
||||||
\fbox{\includegraphics[width=\textwidth]{nouveau_dossier.png}}
|
|
||||||
\end{exercice}
|
|
||||||
|
|
||||||
\begin{exercice}
|
|
||||||
Créez un fichier texte dont vous choisirez le nom.\\
|
|
||||||
\fbox{\includegraphics[width=\textwidth]{nouveau_document_texte.png}}
|
|
||||||
\end{exercice}
|
|
||||||
|
|
||||||
\begin{exercice}
|
|
||||||
puis partagez le « par lien » avec autorisation de modification.\\
|
|
||||||
\fbox{\includegraphics[width=.4\textwidth]{partage.png}}\\
|
|
||||||
\fbox{\includegraphics[width=.4\textwidth]{modification_partage.png}}
|
|
||||||
\end{exercice}
|
|
||||||
|
|
||||||
\begin{exercice}
|
|
||||||
Vérifiez en navigation privée que le partage est bien paramétré.
|
|
||||||
\end{exercice}
|
|
||||||
|
|
||||||
\begin{exercice}
|
|
||||||
Modifiez le fichier et collez y le lien de partage précédemment créé.
|
|
||||||
\end{exercice}
|
|
||||||
|
|
||||||
\begin{exercice}
|
|
||||||
Partagez votre dossier en lecture seule au compte « prof » sur votre instance Nextcloud.
|
|
||||||
\fbox{\includegraphics[width=.6\textwidth]{partage_utilisateur.png}}
|
|
||||||
\end{exercice}
|
|
||||||
|
|
||||||
% ---
|
|
||||||
\section{Partage avec une autre instance}
|
|
||||||
\begin{exercice}
|
|
||||||
Choisissez un binôme dans le groupe qui est sur une autre instance Nextcloud.
|
|
||||||
Partagez lui votre dossier en lecture seule à l’aide de son identifiant nextcloud.
|
|
||||||
\end{exercice}
|
|
||||||
|
|
||||||
\end{document}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
BIN
licences/cc-by-sa.pdf
Normal file
BIN
licences/cc-by-sa.pdf
Normal file
Binary file not shown.
58
licences/cc-by-sa.pdf_tex
Normal file
58
licences/cc-by-sa.pdf_tex
Normal file
@ -0,0 +1,58 @@
|
|||||||
|
%% Creator: Inkscape 1.0 (4035a4fb49, 2020-05-01), www.inkscape.org
|
||||||
|
%% PDF/EPS/PS + LaTeX output extension by Johan Engelen, 2010
|
||||||
|
%% Accompanies image file 'cc-by-sa.pdf' (pdf, eps, ps)
|
||||||
|
%%
|
||||||
|
%% To include the image in your LaTeX document, write
|
||||||
|
%% \input{<filename>.pdf_tex}
|
||||||
|
%% instead of
|
||||||
|
%% \includegraphics{<filename>.pdf}
|
||||||
|
%% To scale the image, write
|
||||||
|
%% \def\svgwidth{<desired width>}
|
||||||
|
%% \input{<filename>.pdf_tex}
|
||||||
|
%% instead of
|
||||||
|
%% \includegraphics[width=<desired width>]{<filename>.pdf}
|
||||||
|
%%
|
||||||
|
%% Images with a different path to the parent latex file can
|
||||||
|
%% be accessed with the `import' package (which may need to be
|
||||||
|
%% installed) using
|
||||||
|
%% \usepackage{import}
|
||||||
|
%% in the preamble, and then including the image with
|
||||||
|
%% \import{<path to file>}{<filename>.pdf_tex}
|
||||||
|
%% Alternatively, one can specify
|
||||||
|
%% \graphicspath{{<path to file>/}}
|
||||||
|
%%
|
||||||
|
%% For more information, please see info/svg-inkscape on CTAN:
|
||||||
|
%% http://tug.ctan.org/tex-archive/info/svg-inkscape
|
||||||
|
%%
|
||||||
|
\begingroup%
|
||||||
|
\makeatletter%
|
||||||
|
\providecommand\color[2][]{%
|
||||||
|
\errmessage{(Inkscape) Color is used for the text in Inkscape, but the package 'color.sty' is not loaded}%
|
||||||
|
\renewcommand\color[2][]{}%
|
||||||
|
}%
|
||||||
|
\providecommand\transparent[1]{%
|
||||||
|
\errmessage{(Inkscape) Transparency is used (non-zero) for the text in Inkscape, but the package 'transparent.sty' is not loaded}%
|
||||||
|
\renewcommand\transparent[1]{}%
|
||||||
|
}%
|
||||||
|
\providecommand\rotatebox[2]{#2}%
|
||||||
|
\newcommand*\fsize{\dimexpr\f@size pt\relax}%
|
||||||
|
\newcommand*\lineheight[1]{\fontsize{\fsize}{#1\fsize}\selectfont}%
|
||||||
|
\ifx\svgwidth\undefined%
|
||||||
|
\setlength{\unitlength}{90.00000253bp}%
|
||||||
|
\ifx\svgscale\undefined%
|
||||||
|
\relax%
|
||||||
|
\else%
|
||||||
|
\setlength{\unitlength}{\unitlength * \real{\svgscale}}%
|
||||||
|
\fi%
|
||||||
|
\else%
|
||||||
|
\setlength{\unitlength}{\svgwidth}%
|
||||||
|
\fi%
|
||||||
|
\global\let\svgwidth\undefined%
|
||||||
|
\global\let\svgscale\undefined%
|
||||||
|
\makeatother%
|
||||||
|
\begin{picture}(1,0.35)%
|
||||||
|
\lineheight{1}%
|
||||||
|
\setlength\tabcolsep{0pt}%
|
||||||
|
\put(0,0){\includegraphics[width=\unitlength,page=1]{../../licences/cc-by-sa.pdf}}%
|
||||||
|
\end{picture}%
|
||||||
|
\endgroup%
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
74
licences/cc-by-sa.svg
Normal file
74
licences/cc-by-sa.svg
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="120" height="42" id="svg2759" sodipodi:version="0.32" inkscape:version="0.45+devel" version="1.0" sodipodi:docname="by-sa.svg" inkscape:output_extension="org.inkscape.output.svg.inkscape">
|
||||||
|
<defs id="defs2761"/>
|
||||||
|
<sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#8b8b8b" borderopacity="1" gridtolerance="10000" guidetolerance="10" objecttolerance="10" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1" inkscape:cx="179" inkscape:cy="89.569904" inkscape:document-units="px" inkscape:current-layer="layer1" width="120px" height="42px" inkscape:showpageshadow="false" inkscape:window-width="1198" inkscape:window-height="624" inkscape:window-x="488" inkscape:window-y="401"/>
|
||||||
|
<metadata id="metadata2764">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1">
|
||||||
|
<g transform="matrix(0.9937807,0,0,0.9936694,-177.69409,-74.436409)" id="g287" inkscape:export-filename="/mnt/hgfs/Bov/Documents/Work/2007/cc/identity/srr buttons/big/by-sa.png" inkscape:export-xdpi="300.23013" inkscape:export-ydpi="300.23013">
|
||||||
|
<path id="path3817_2_" nodetypes="ccccccc" d="M 182.23532,75.39014 L 296.29928,75.59326 C 297.89303,75.59326 299.31686,75.35644 299.31686,78.77344 L 299.17721,116.34033 L 179.3569,116.34033 L 179.3569,78.63379 C 179.3569,76.94922 179.51999,75.39014 182.23532,75.39014 z" style="fill:#aab2ab"/>
|
||||||
|
|
||||||
|
<g id="g5908_2_" transform="matrix(0.872921,0,0,0.872921,50.12536,143.2144)">
|
||||||
|
|
||||||
|
<path id="path5906_2_" cx="296.35416" ry="22.939548" cy="264.3577" type="arc" rx="22.939548" d="M 187.20944,-55.6792 C 187.21502,-46.99896 180.18158,-39.95825 171.50134,-39.95212 C 162.82113,-39.94708 155.77929,-46.97998 155.77426,-55.66016 C 155.77426,-55.66687 155.77426,-55.67249 155.77426,-55.6792 C 155.76922,-64.36054 162.80209,-71.40125 171.48233,-71.40631 C 180.16367,-71.41193 187.20441,-64.37842 187.20944,-55.69824 C 187.20944,-55.69263 187.20944,-55.68591 187.20944,-55.6792 z" style="fill:#ffffff"/>
|
||||||
|
|
||||||
|
<g id="g5706_2_" transform="translate(-289.6157,99.0653)">
|
||||||
|
<path id="path5708_2_" d="M 473.88455,-167.54724 C 477.36996,-164.06128 479.11294,-159.79333 479.11294,-154.74451 C 479.11294,-149.69513 477.40014,-145.47303 473.9746,-142.07715 C 470.33929,-138.50055 466.04281,-136.71283 461.08513,-136.71283 C 456.18736,-136.71283 451.96526,-138.48544 448.42003,-142.03238 C 444.87419,-145.57819 443.10158,-149.81537 443.10158,-154.74451 C 443.10158,-159.6731 444.87419,-163.94049 448.42003,-167.54724 C 451.87523,-171.03375 456.09728,-172.77618 461.08513,-172.77618 C 466.13342,-172.77618 470.39914,-171.03375 473.88455,-167.54724 z M 450.76657,-165.20239 C 447.81982,-162.22601 446.34701,-158.7395 446.34701,-154.74005 C 446.34701,-150.7417 447.80529,-147.28485 450.72125,-144.36938 C 453.63778,-141.45288 457.10974,-139.99462 461.1383,-139.99462 C 465.16683,-139.99462 468.66848,-141.46743 471.64486,-144.41363 C 474.47076,-147.14947 475.88427,-150.59069 475.88427,-154.74005 C 475.88427,-158.85809 474.44781,-162.35297 471.57659,-165.22479 C 468.70595,-168.09546 465.22671,-169.53131 461.1383,-169.53131 C 457.04993,-169.53131 453.59192,-168.08813 450.76657,-165.20239 z M 458.52106,-156.49927 C 458.07074,-157.4809 457.39673,-157.9715 456.49781,-157.9715 C 454.90867,-157.9715 454.11439,-156.90198 454.11439,-154.763 C 454.11439,-152.62341 454.90867,-151.55389 456.49781,-151.55389 C 457.54719,-151.55389 458.29676,-152.07519 458.74647,-153.11901 L 460.94923,-151.94598 C 459.8993,-150.0805 458.32417,-149.14697 456.22374,-149.14697 C 454.60384,-149.14697 453.30611,-149.64367 452.33168,-150.63653 C 451.35561,-151.62994 450.86894,-152.99926 450.86894,-154.7445 C 450.86894,-156.46008 451.37123,-157.82159 452.37642,-158.83013 C 453.38161,-159.83806 454.63347,-160.34264 456.13423,-160.34264 C 458.35435,-160.34264 459.94407,-159.46776 460.90504,-157.71978 L 458.52106,-156.49927 z M 468.8844,-156.49927 C 468.43353,-157.4809 467.77292,-157.9715 466.90201,-157.9715 C 465.28095,-157.9715 464.46988,-156.90198 464.46988,-154.763 C 464.46988,-152.62341 465.28095,-151.55389 466.90201,-151.55389 C 467.95304,-151.55389 468.68918,-152.07519 469.10925,-153.11901 L 471.36126,-151.94598 C 470.31301,-150.0805 468.74007,-149.14697 466.64358,-149.14697 C 465.02587,-149.14697 463.73095,-149.64367 462.75711,-150.63653 C 461.78494,-151.62994 461.29773,-152.99926 461.29773,-154.7445 C 461.29773,-156.46008 461.79221,-157.82159 462.78061,-158.83013 C 463.76843,-159.83806 465.02588,-160.34264 466.55408,-160.34264 C 468.77027,-160.34264 470.35776,-159.46776 471.3154,-157.71978 L 468.8844,-156.49927 z"/>
|
||||||
|
|
||||||
|
</g>
|
||||||
|
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<path d="M 297.29639,74.91064 L 181.06688,74.91064 C 179.8203,74.91064 178.80614,75.92529 178.80614,77.17187 L 178.80614,116.66748 C 178.80614,116.94922 179.03466,117.17822 179.31639,117.17822 L 299.04639,117.17822 C 299.32813,117.17822 299.55713,116.94922 299.55713,116.66748 L 299.55713,77.17188 C 299.55713,75.92529 298.54297,74.91064 297.29639,74.91064 z M 181.06688,75.93213 L 297.29639,75.93213 C 297.97998,75.93213 298.53565,76.48828 298.53565,77.17188 C 298.53565,77.17188 298.53565,93.09131 298.53565,104.59034 L 215.4619,104.59034 C 212.41698,110.09571 206.55077,113.83399 199.81835,113.83399 C 193.083,113.83399 187.21825,110.09913 184.1748,104.59034 L 179.82666,104.59034 C 179.82666,93.09132 179.82666,77.17188 179.82666,77.17188 C 179.82664,76.48828 180.38329,75.93213 181.06688,75.93213 z" id="path294"/>
|
||||||
|
|
||||||
|
<g enable-background="new " id="g296">
|
||||||
|
<path d="M 265.60986,112.8833 C 265.68994,113.03906 265.79736,113.16504 265.93115,113.26172 C 266.06494,113.35791 266.22119,113.42969 266.40088,113.47608 C 266.58154,113.52296 266.76807,113.54639 266.96045,113.54639 C 267.09033,113.54639 267.22998,113.53565 267.3794,113.51368 C 267.52784,113.4922 267.66749,113.44972 267.79835,113.3877 C 267.92823,113.32569 268.03761,113.23975 268.12355,113.13086 C 268.21144,113.02197 268.25441,112.88379 268.25441,112.71533 C 268.25441,112.53515 268.19679,112.38916 268.08156,112.27685 C 267.9673,112.16455 267.81594,112.07177 267.62941,111.99658 C 267.44386,111.92236 267.23195,111.85693 266.9966,111.80078 C 266.76027,111.74463 266.52101,111.68262 266.27883,111.61377 C 266.02981,111.55176 265.78762,111.47559 265.55129,111.38525 C 265.31594,111.29541 265.10402,111.17822 264.9175,111.03515 C 264.73098,110.89208 264.58059,110.71337 264.46535,110.49853 C 264.35109,110.28369 264.29347,110.02392 264.29347,109.71923 C 264.29347,109.37646 264.36671,109.07958 264.51222,108.82763 C 264.6587,108.57568 264.85011,108.36572 265.08644,108.19726 C 265.32179,108.02929 265.58937,107.90478 265.8882,107.82372 C 266.18605,107.74315 266.48488,107.70263 266.78273,107.70263 C 267.13136,107.70263 267.46535,107.74169 267.78566,107.81982 C 268.105,107.89746 268.39015,108.02392 268.6382,108.19824 C 268.88722,108.37256 269.08449,108.59521 269.23097,108.86621 C 269.37648,109.13721 269.44972,109.46582 269.44972,109.85156 L 268.02784,109.85156 C 268.01514,109.65234 267.97315,109.4873 267.90284,109.35693 C 267.83155,109.22607 267.73682,109.12353 267.61964,109.04834 C 267.50148,108.97412 267.36671,108.9209 267.21534,108.89014 C 267.063,108.85889 266.89796,108.84326 266.71827,108.84326 C 266.60108,108.84326 266.48292,108.85596 266.36573,108.88037 C 266.24757,108.90576 266.14112,108.94922 266.04542,109.01123 C 265.94874,109.07373 265.86964,109.15137 265.80812,109.24463 C 265.7466,109.33838 265.71535,109.45654 265.71535,109.59961 C 265.71535,109.73047 265.73976,109.83643 265.78957,109.91699 C 265.83937,109.99804 265.93801,110.07275 266.08352,110.14111 C 266.22903,110.20947 266.43118,110.27832 266.68899,110.34668 C 266.9468,110.41504 267.28372,110.50244 267.70071,110.60791 C 267.82473,110.63281 267.99661,110.67822 268.21731,110.74365 C 268.43801,110.80908 268.65676,110.91308 268.87454,111.05615 C 269.09231,111.1997 269.27981,111.39111 269.43899,111.63037 C 269.59719,111.87012 269.67629,112.17676 269.67629,112.55029 C 269.67629,112.85547 269.61672,113.13867 269.49856,113.3999 C 269.3804,113.66162 269.20461,113.8872 268.97122,114.07666 C 268.73782,114.26709 268.44876,114.41455 268.10403,114.52051 C 267.75833,114.62647 267.35794,114.6792 266.90481,114.6792 C 266.53762,114.6792 266.18118,114.63379 265.83547,114.54346 C 265.49074,114.45313 265.18508,114.31104 264.92043,114.11768 C 264.65676,113.92432 264.4468,113.67774 264.29055,113.37891 C 264.13528,113.07959 264.06106,112.7251 264.06692,112.31397 L 265.4888,112.31397 C 265.48877,112.53809 265.52881,112.72803 265.60986,112.8833 z" id="path298" style="fill:#ffffff"/>
|
||||||
|
|
||||||
|
<path d="M 273.8667,107.8667 L 276.35986,114.53076 L 274.8374,114.53076 L 274.33349,113.04638 L 271.84033,113.04638 L 271.31787,114.53076 L 269.84326,114.53076 L 272.36377,107.8667 L 273.8667,107.8667 z M 273.95068,111.95264 L 273.11084,109.50928 L 273.09229,109.50928 L 272.22315,111.95264 L 273.95068,111.95264 z" id="path300" style="fill:#ffffff"/>
|
||||||
|
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g enable-background="new " id="g302">
|
||||||
|
<path d="M 239.17821,107.8667 C 239.49559,107.8667 239.78563,107.89502 240.04735,107.95068 C 240.30907,108.00683 240.53368,108.09863 240.72118,108.22607 C 240.9077,108.35351 241.05321,108.52295 241.15575,108.73437 C 241.25829,108.94579 241.31005,109.20703 241.31005,109.51806 C 241.31005,109.854 241.23388,110.13329 241.08056,110.35742 C 240.92822,110.58154 240.70165,110.76465 240.40283,110.90771 C 240.81494,111.02587 241.12256,111.23291 241.32568,111.5288 C 241.5288,111.82469 241.63037,112.18114 241.63037,112.59814 C 241.63037,112.93408 241.56494,113.22509 241.43408,113.47119 C 241.30322,113.7168 241.12646,113.91748 240.90576,114.07324 C 240.68408,114.229 240.43115,114.34424 240.14795,114.41845 C 239.86377,114.49365 239.57275,114.53075 239.27295,114.53075 L 236.03662,114.53075 L 236.03662,107.86669 L 239.17821,107.86669 L 239.17821,107.8667 z M 238.99071,110.56201 C 239.25243,110.56201 239.46727,110.5 239.63622,110.37597 C 239.80419,110.25146 239.88817,110.05029 239.88817,109.77099 C 239.88817,109.61572 239.85985,109.48828 239.80419,109.38915 C 239.74755,109.28954 239.67333,109.21239 239.57958,109.15624 C 239.48583,109.10058 239.37841,109.06151 239.25731,109.04003 C 239.13524,109.01806 239.00926,109.00732 238.8784,109.00732 L 237.50535,109.00732 L 237.50535,110.56201 L 238.99071,110.56201 z M 239.07664,113.39014 C 239.22019,113.39014 239.35691,113.37647 239.48777,113.34815 C 239.61863,113.32032 239.73484,113.27344 239.83445,113.2085 C 239.93406,113.14307 240.01316,113.0542 240.07273,112.94239 C 240.1323,112.83058 240.1616,112.68751 240.1616,112.51319 C 240.1616,112.17139 240.06492,111.92725 239.87156,111.78126 C 239.6782,111.63527 239.42234,111.56202 239.10496,111.56202 L 237.50535,111.56202 L 237.50535,113.39014 L 239.07664,113.39014 z" id="path304" style="fill:#ffffff"/>
|
||||||
|
|
||||||
|
<path d="M 241.88914,107.8667 L 243.53269,107.8667 L 245.09324,110.49854 L 246.64402,107.8667 L 248.27781,107.8667 L 245.80418,111.97315 L 245.80418,114.53077 L 244.33543,114.53077 L 244.33543,111.93604 L 241.88914,107.8667 z" id="path306" style="fill:#ffffff"/>
|
||||||
|
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g id="g6316_1_" transform="matrix(0.624995,0,0,0.624995,391.2294,176.9332)">
|
||||||
|
|
||||||
|
<path id="path6318_1_" cx="475.97119" ry="29.209877" cy="252.08646" type="arc" rx="29.209877" d="M -175.0083,-139.1153 C -175.00204,-129.7035 -182.62555,-122.06751 -192.03812,-122.06049 C -201.44913,-122.05341 -209.08512,-129.67774 -209.09293,-139.09028 C -209.09293,-139.09809 -209.09293,-139.10749 -209.09293,-139.1153 C -209.09919,-148.52784 -201.47413,-156.1623 -192.06311,-156.17011 C -182.65054,-156.17713 -175.01456,-148.55207 -175.0083,-139.14026 C -175.0083,-139.13092 -175.0083,-139.1239 -175.0083,-139.1153 z" style="fill:#ffffff"/>
|
||||||
|
|
||||||
|
<g id="g6320_1_" transform="translate(-23.9521,-89.72962)">
|
||||||
|
<path id="path6322_1_" d="M -168.2204,-68.05536 C -173.39234,-68.05536 -177.76892,-66.25067 -181.35175,-62.64203 C -185.02836,-58.90759 -186.86588,-54.48883 -186.86588,-49.38568 C -186.86588,-44.28253 -185.02836,-39.89416 -181.35175,-36.22308 C -177.67673,-32.55114 -173.29859,-30.71521 -168.2204,-30.71521 C -163.07974,-30.71521 -158.62503,-32.56677 -154.85312,-36.26996 C -151.30307,-39.78558 -149.52652,-44.15827 -149.52652,-49.38568 C -149.52652,-54.6123 -151.33432,-59.03265 -154.94843,-62.64203 C -158.5625,-66.25067 -162.98599,-68.05536 -168.2204,-68.05536 z M -168.17352,-64.69519 C -163.936,-64.69519 -160.33752,-63.20221 -157.37655,-60.21466 C -154.38748,-57.25836 -152.89214,-53.64899 -152.89214,-49.38568 C -152.89214,-45.09186 -154.35466,-41.52856 -157.28438,-38.69653 C -160.36876,-35.64727 -163.99849,-34.12304 -168.17351,-34.12304 C -172.34856,-34.12304 -175.94701,-35.63244 -178.96892,-38.64965 C -181.9908,-41.66918 -183.50176,-45.24657 -183.50176,-49.38567 C -183.50176,-53.52398 -181.97518,-57.13414 -178.92205,-60.21465 C -175.9939,-63.20221 -172.41107,-64.69519 -168.17352,-64.69519 z"/>
|
||||||
|
|
||||||
|
<path id="path6324_1_" d="M -176.49548,-52.02087 C -175.75171,-56.71856 -172.44387,-59.22949 -168.30008,-59.22949 C -162.33911,-59.22949 -158.70783,-54.90448 -158.70783,-49.1372 C -158.70783,-43.50982 -162.57194,-39.13793 -168.39383,-39.13793 C -172.39856,-39.13793 -175.98297,-41.60277 -176.63611,-46.43877 L -171.93292,-46.43877 C -171.7923,-43.92778 -170.1626,-43.04418 -167.83447,-43.04418 C -165.1813,-43.04418 -163.4563,-45.50908 -163.4563,-49.27709 C -163.4563,-53.22942 -164.94693,-55.32244 -167.74228,-55.32244 C -169.79074,-55.32244 -171.55948,-54.57787 -171.93292,-52.02087 L -170.56418,-52.02789 L -174.26734,-48.32629 L -177.96894,-52.02789 L -176.49548,-52.02087 z"/>
|
||||||
|
|
||||||
|
</g>
|
||||||
|
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<g id="g313">
|
||||||
|
<circle cx="242.56226" cy="90.224609" r="10.8064" id="circle315" sodipodi:cx="242.56226" sodipodi:cy="90.224609" sodipodi:rx="10.8064" sodipodi:ry="10.8064" style="fill:#ffffff"/>
|
||||||
|
|
||||||
|
<g id="g317">
|
||||||
|
<path d="M 245.68994,87.09766 C 245.68994,86.68116 245.35205,86.34424 244.93603,86.34424 L 240.16357,86.34424 C 239.74755,86.34424 239.40966,86.68115 239.40966,87.09766 L 239.40966,91.87061 L 240.74071,91.87061 L 240.74071,97.52295 L 244.3579,97.52295 L 244.3579,91.87061 L 245.68993,91.87061 L 245.68993,87.09766 L 245.68994,87.09766 z" id="path319"/>
|
||||||
|
|
||||||
|
<circle cx="242.5498" cy="84.083008" r="1.63232" id="circle321" sodipodi:cx="242.5498" sodipodi:cy="84.083008" sodipodi:rx="1.63232" sodipodi:ry="1.63232"/>
|
||||||
|
|
||||||
|
</g>
|
||||||
|
|
||||||
|
<path clip-rule="evenodd" d="M 242.53467,78.31836 C 239.30322,78.31836 236.56641,79.4458 234.32715,81.70215 C 232.0293,84.03516 230.88086,86.79736 230.88086,89.98633 C 230.88086,93.1753 232.0293,95.91846 234.32715,98.21338 C 236.625,100.50781 239.36133,101.65527 242.53467,101.65527 C 245.74756,101.65527 248.53272,100.49853 250.88819,98.18359 C 253.10889,95.98681 254.21827,93.2539 254.21827,89.98632 C 254.21827,86.71874 253.08936,83.95751 250.83057,81.70214 C 248.57178,79.4458 245.80615,78.31836 242.53467,78.31836 z M 242.56396,80.41797 C 245.2124,80.41797 247.46142,81.35156 249.31103,83.21875 C 251.18115,85.06592 252.11572,87.32227 252.11572,89.98633 C 252.11572,92.66992 251.20068,94.89746 249.36963,96.66699 C 247.4419,98.57275 245.17334,99.52539 242.56397,99.52539 C 239.9546,99.52539 237.70557,98.58252 235.81739,96.6958 C 233.92774,94.80957 232.98389,92.57324 232.98389,89.98633 C 232.98389,87.3999 233.93799,85.14404 235.84619,83.21875 C 237.67676,81.35156 239.9165,80.41797 242.56396,80.41797 z" id="path323" style="fill-rule:evenodd"/>
|
||||||
|
|
||||||
|
</g>
|
||||||
|
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<script xmlns=""/><style xmlns="" data-source="methods/base.css" class="dblt-ykjmwcnxmi"/><style xmlns="" data-source="methods/stylesheet-processor.css" class="dblt-ykjmwcnxmi"/></svg>
|
||||||
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB |
@ -1,3 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
\renewcommand{\thelicence}{\includegraphics[height=\baselineskip]{../../licences/cc-by-nc-sa.png}}
|
|
||||||
@ -133,7 +133,7 @@ Chacune de ces informations a un nom et une valeur :
|
|||||||
\end{minipage}
|
\end{minipage}
|
||||||
}
|
}
|
||||||
|
|
||||||
% Les dates
|
|
||||||
% TODO user array https://tex.stackexchange.com/questions/37426/create-an-array-of-variables
|
% TODO user array https://tex.stackexchange.com/questions/37426/create-an-array-of-variables
|
||||||
\newcommand{\dateone}{1773:12:16}
|
\newcommand{\dateone}{1773:12:16}
|
||||||
\newcommand{\datetwo}{1789:07:14}
|
\newcommand{\datetwo}{1789:07:14}
|
||||||
@ -146,7 +146,6 @@ Chacune de ces informations a un nom et une valeur :
|
|||||||
\newcommand{\datenine}{2021:10:03}
|
\newcommand{\datenine}{2021:10:03}
|
||||||
\newcommand{\dateten}{2033:05:12}
|
\newcommand{\dateten}{2033:05:12}
|
||||||
|
|
||||||
% Les coordonnées GPS
|
|
||||||
\newcommand{\latone}{42.3518}
|
\newcommand{\latone}{42.3518}
|
||||||
\newcommand{\lattwo}{48.8532}
|
\newcommand{\lattwo}{48.8532}
|
||||||
\newcommand{\latthree}{45.7747}
|
\newcommand{\latthree}{45.7747}
|
||||||
@ -178,9 +177,7 @@ Chacune de ces informations a un nom et une valeur :
|
|||||||
|
|
||||||
% Pictures definitions %
|
% Pictures definitions %
|
||||||
% Ces exemples sont durs à lire, les élèves reconnaissent à peine les lettres. Ça les force à utiliser les métadonnées pour les remettre dans l’ordre.
|
% Ces exemples sont durs à lire, les élèves reconnaissent à peine les lettres. Ça les force à utiliser les métadonnées pour les remettre dans l’ordre.
|
||||||
% La première ligne est le contenu de l’image
|
|
||||||
\newcommand{\picI}{\K\B\B\B\K\W\K\G\K\W\\\K\W\G\W\K\W\K\G\K\W\\\K\R\R\R\K} % Un I
|
\newcommand{\picI}{\K\B\B\B\K\W\K\G\K\W\\\K\W\G\W\K\W\K\G\K\W\\\K\R\R\R\K} % Un I
|
||||||
% La seconde est sa rotation
|
|
||||||
\newcommand{\picIrot}{180°}
|
\newcommand{\picIrot}{180°}
|
||||||
\newcommand{\picL}{\B\R\G\G\G\B\K\G\G\G\\\B\R\G\G\G\B\K\G\G\G\\\B\R\K\R\G} % Un L
|
\newcommand{\picL}{\B\R\G\G\G\B\K\G\G\G\\\B\R\G\G\G\B\K\G\G\G\\\B\R\K\R\G} % Un L
|
||||||
\newcommand{\picLrot}{0°}
|
\newcommand{\picLrot}{0°}
|
||||||
@ -207,7 +204,6 @@ Chacune de ces informations a un nom et une valeur :
|
|||||||
\newcommand{\picEighteen}{\R\R\R\R\R\K\W\K\W\K\\\G\G\G\G\G\G\B\G\B\G\\\G\G\G\G\G} % Un 18
|
\newcommand{\picEighteen}{\R\R\R\R\R\K\W\K\W\K\\\G\G\G\G\G\G\B\G\B\G\\\G\G\G\G\G} % Un 18
|
||||||
\newcommand{\picEighteenrot}{90°}
|
\newcommand{\picEighteenrot}{90°}
|
||||||
|
|
||||||
% On génère ici les images précédemment décrites avec un petit hint à la fin pour pouvoir les retrouver sur papier
|
|
||||||
% Les rotations sont en sens horaire
|
% Les rotations sont en sens horaire
|
||||||
\image{\picI}{\dateone}{\latone}{\longone}{\picIrot}{i}
|
\image{\picI}{\dateone}{\latone}{\longone}{\picIrot}{i}
|
||||||
\image{\picL}{\datetwo}{\lattwo}{\longtwo}{\picLrot}{l}
|
\image{\picL}{\datetwo}{\lattwo}{\longtwo}{\picLrot}{l}
|
||||||
|
|||||||
@ -6,18 +6,16 @@
|
|||||||
% terms of the Do What The Fuck You Want To Public License, Version 2,
|
% 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.
|
% as published by Sam Hocevar. See http://www.wtfpl.net/ for more details.
|
||||||
|
|
||||||
% Contributors : Marie D,
|
|
||||||
|
|
||||||
% -----------------------------------------------------------------------------
|
|
||||||
% Define Document properties
|
|
||||||
% -----------------------------------------------------------------------------
|
|
||||||
|
|
||||||
% --- Class structure: identification part
|
% --- Class structure: identification part
|
||||||
% ---
|
% ---
|
||||||
\ProvidesClass{../../template_cours}[Cours en lycée]
|
\ProvidesClass{article_adrian}[Cours en lycée]
|
||||||
\NeedsTeXFormat{LaTeX2e}
|
\NeedsTeXFormat{LaTeX2e}
|
||||||
|
|
||||||
|
|
||||||
|
%\usepackage{../tof2}
|
||||||
|
|
||||||
|
|
||||||
% --- Class structure: declaration of options part
|
% --- Class structure: declaration of options part
|
||||||
% ---
|
% ---
|
||||||
% This class extends the article class
|
% This class extends the article class
|
||||||
@ -36,25 +34,21 @@
|
|||||||
\LoadClass{article}
|
\LoadClass{article}
|
||||||
|
|
||||||
|
|
||||||
% --- Force A4 paper
|
|
||||||
% ---
|
|
||||||
% TODO: Can we create a A3 or A5 document with this template?
|
|
||||||
\usepackage[a4paper]{geometry}
|
|
||||||
|
|
||||||
|
|
||||||
% --- Loading common packages
|
% --- Loading common packages
|
||||||
% ---
|
% ---
|
||||||
|
% Be utf-8 %
|
||||||
|
|
||||||
% --- Be french and utf-8
|
|
||||||
% ---
|
|
||||||
\usepackage[utf8]{inputenc}
|
\usepackage[utf8]{inputenc}
|
||||||
\usepackage[french]{babel}
|
\usepackage[french]{babel}
|
||||||
\usepackage[T1]{fontenc}
|
\usepackage[T1]{fontenc}
|
||||||
%\usepackage{amsmath}%why
|
%\usepackage{amsmath}%why
|
||||||
%\usepackage{amsfonts}%why
|
%\usepackage{amsfonts}%why
|
||||||
%\usepackage{amssymb}%why
|
%\usepackage{amssymb}%why
|
||||||
|
% Include pictures %
|
||||||
|
\usepackage{graphicx}
|
||||||
|
% Why
|
||||||
|
%\usepackage{array}
|
||||||
|
% To display typewriter style text
|
||||||
|
\usepackage{listings}
|
||||||
|
|
||||||
% --- Define hyperlinks style
|
% --- Define hyperlinks style
|
||||||
% ---
|
% ---
|
||||||
@ -75,16 +69,14 @@ breaklinks=true,
|
|||||||
|
|
||||||
% --- Define document margins
|
% --- Define document margins
|
||||||
% ---
|
% ---
|
||||||
\geometry{top=2cm, bottom=2cm, left=2cm, right=2cm}
|
\setlength{\textheight}{715pt} \addtolength{\voffset}{-90pt}
|
||||||
%\setlength{\textheight}{715pt} \addtolength{\voffset}{-90pt}
|
\setlength{\textwidth}{485pt} \addtolength{\hoffset}{-70pt}
|
||||||
%\setlength{\textwidth}{485pt} \addtolength{\hoffset}{-70pt}
|
|
||||||
|
|
||||||
|
|
||||||
% --- Paper and page layout
|
% --- Paper and page layout
|
||||||
% ---
|
% ---
|
||||||
\setlength{\parindent}{0pt}
|
\setlength{\parindent}{0pt}
|
||||||
%\setlength{\headheight}{20pt}
|
\setlength{\headheight}{20pt}
|
||||||
\setlength{\headheight}{14.2pt}
|
|
||||||
|
|
||||||
|
|
||||||
% --- New page for each section
|
% --- New page for each section
|
||||||
@ -97,42 +89,15 @@ breaklinks=true,
|
|||||||
% --- Define document font
|
% --- Define document font
|
||||||
% ---
|
% ---
|
||||||
\usepackage{mathpazo}
|
\usepackage{mathpazo}
|
||||||
% TODO dyslexic friendly font
|
|
||||||
%\usepackage{newcent}
|
|
||||||
%Dyslexie
|
%Dyslexie
|
||||||
%OpenDyslexic (open-dyslexic) by Abelardo Gonzalez is licensed under a Creative Commons Attribution 3.0 Unported License
|
%OpenDyslexic (open-dyslexic) by Abelardo Gonzalez is licensed under a Creative Commons Attribution 3.0 Unported License
|
||||||
%Lexia Readable
|
%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
|
% --- Register some information about the document
|
||||||
% ---
|
% ---
|
||||||
% TODO clickable licence
|
\newcommand{\thelicence}{\def\svgwidth{.1\columnwidth}\input{../../licences/cc-by-sa.pdf_tex}}
|
||||||
\newcommand{\thelicence}{\includegraphics[height=\baselineskip]{../../licences/cc-by-sa.png}}
|
\renewcommand{\thelicence}{CC-BY-SA \url{https://creativecommons.org}} %TODO XXX remove
|
||||||
\newcommand{\thelevel}{SNT}
|
\newcommand{\thelevel}{SNT}
|
||||||
\newcommand{\thesequence}{Séquence 0}
|
\newcommand{\thesequence}{Séquence 0}
|
||||||
|
|
||||||
@ -174,8 +139,6 @@ breaklinks=true,
|
|||||||
\rfoot{\thelicence}
|
\rfoot{\thelicence}
|
||||||
|
|
||||||
|
|
||||||
\def \ifempty#1{\def\temp{#1} \ifx\temp\empty }
|
|
||||||
|
|
||||||
% --- Document title
|
% --- Document title
|
||||||
% ---
|
% ---
|
||||||
% remove spacing around date:
|
% remove spacing around date:
|
||||||
@ -185,127 +148,51 @@ breaklinks=true,
|
|||||||
\AtBeginDocument{%
|
\AtBeginDocument{%
|
||||||
\dateoriginal{} % clear date
|
\dateoriginal{} % clear date
|
||||||
\authororiginal{}
|
\authororiginal{}
|
||||||
\ifx \@title\empty \else \maketitle \fi
|
\maketitle
|
||||||
\thispagestyle{fancy}
|
\thispagestyle{fancy}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
% --- Academic year command
|
% --- Academic year
|
||||||
% --- Use: \academicyear to display text like "2020-2021"
|
% --- Use: \academicyear to display text like "2020-2021"
|
||||||
% --- Use: \academicyear[-1] to display text like "2019-2020"
|
% --- Use: \academicyear[-1] to display text like "2019-2020"
|
||||||
% --- Use: \academicyear[0][/][ to display text like "2020/2021"
|
% --- Use: \academicyear[0][/][ to display text like "2020/2021"
|
||||||
|
% TODO without global : https://tex.stackexchange.com/questions/94710/what-is-the-difference-between-local-and-global-in-a-tex-meaning
|
||||||
\usepackage{xparse}
|
\usepackage{xparse}
|
||||||
\newcounter{myyear}
|
\newcounter{myyear}
|
||||||
\newcounter{myyearprevious}
|
\newcounter{myyearprevious}
|
||||||
\newcounter{myyearnext}
|
\newcounter{myyearnext}
|
||||||
\NewDocumentCommand{\academicyear}{O{0} O{-}}{
|
\NewDocumentCommand{\academicyear}{O{0} O{-}}{
|
||||||
|
\begingroup
|
||||||
% Current year %
|
% Current year %
|
||||||
\newcommand{\myyear}{\the\year}
|
\setcounter{myyear}{\year}
|
||||||
|
\addtocounter{myyear}{#1}
|
||||||
% Previous year %
|
% Previous year %
|
||||||
\newcommand\myyearprevious{\the\numexpr\myyear+#1-1\relax}
|
\setcounter{myyearprevious}{\value{myyear}}
|
||||||
|
\addtocounter{myyearprevious}{-1}
|
||||||
|
\addtocounter{myyearprevious}{#1}
|
||||||
% Next year %
|
% Next year %
|
||||||
\newcommand\myyearnext{\the\numexpr\myyear+#1+1\relax}
|
\setcounter{myyearnext}{\value{myyear}}
|
||||||
%% Print academic year %
|
\stepcounter{myyearnext}
|
||||||
\ifnum\month<8 \myyearprevious#2\myyear \else\myyear#2\myyearnext\fi
|
\addtocounter{myyearnext}{#1}
|
||||||
|
% Print academic year %
|
||||||
|
\ifnum\month<8 \arabic{myyearprevious}#2\arabic{myyear} \else\arabic{myyear}#2\arabic{myyearnext}\fi
|
||||||
|
\endgroup
|
||||||
}
|
}
|
||||||
|
|
||||||
% --- 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
|
|
||||||
|
|
||||||
|
|
||||||
|
% --- my environments
|
||||||
% ---
|
% ---
|
||||||
\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
|
|
||||||
}
|
|
||||||
|
|
||||||
% --- 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}
|
\usepackage[many]{tcolorbox}
|
||||||
|
|
||||||
% This command define a new environment, cartouche style.
|
|
||||||
% 1: name
|
% 1: name
|
||||||
% 2: Text to display in cartouche
|
% 2: Text to display in cartouche
|
||||||
% 3: font color of cartouche
|
% 3: font color of cartouche
|
||||||
% 4: back color of cartouche
|
% 4: back color of cartouche
|
||||||
% TODO is there a way to reset the counter from a document?
|
|
||||||
\newcommand{\myenvironment}[4]{
|
\newcommand{\myenvironment}[4]{
|
||||||
\newtcolorbox[
|
\newtcolorbox[
|
||||||
auto counter,
|
auto counter,
|
||||||
@ -336,49 +223,36 @@ breaklinks=true,
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
% --- Some nice color sets
|
|
||||||
% ---
|
|
||||||
\definecolor{yellowtitle}{RGB}{133,100,4}
|
\definecolor{yellowtitle}{RGB}{133,100,4}
|
||||||
\definecolor{yellowtitleback}{RGB}{255,243,205}
|
\definecolor{yellowtitleback}{RGB}{255,243,205}
|
||||||
\definecolor{yellowtitleborder}{RGB}{255,238,196}
|
\definecolor{yellowtitleborder}{RGB}{255,238,196}
|
||||||
|
\myenvironment{example}{Exemple}{yellowtitle}{yellowtitleback}
|
||||||
|
|
||||||
\definecolor{turquoisetitle}{RGB}{12,84,96}
|
\definecolor{turquoisetitle}{RGB}{12,84,96}
|
||||||
\definecolor{turquoisetitleback}{RGB}{209,236,241}
|
\definecolor{turquoisetitleback}{RGB}{209,236,241}
|
||||||
\definecolor{turquoisetitleborder}{RGB}{190,229,235}
|
\definecolor{turquoisetitleborder}{RGB}{190,229,235}
|
||||||
|
\myenvironment{exercice}{Exercice}{turquoisetitle}{turquoisetitleback}
|
||||||
|
|
||||||
\definecolor{redtitle}{RGB}{114,28,36}
|
\definecolor{redtitle}{RGB}{114,28,36}
|
||||||
\definecolor{redtitleback}{RGB}{248,215,218}
|
\definecolor{redtitleback}{RGB}{248,215,218}
|
||||||
\definecolor{redtitleborder}{RGB}{245,198,203}
|
\definecolor{redtitleborder}{RGB}{245,198,203}
|
||||||
|
\myenvironment{definition}{Définition}{redtitle}{redtitleback}
|
||||||
|
|
||||||
\definecolor{greentitle}{RGB}{21,87,36}
|
\definecolor{greentitle}{RGB}{21,87,36}
|
||||||
\definecolor{greentitleback}{RGB}{212,237,218}
|
\definecolor{greentitleback}{RGB}{212,237,218}
|
||||||
\definecolor{greentitleborder}{RGB}{195,230,203}
|
\definecolor{greentitleborder}{RGB}{195,230,203}
|
||||||
|
\myenvironment{info}{Info}{greentitle}{greentitleback}
|
||||||
|
|
||||||
% --- Some environments
|
|
||||||
|
% --- Include tiks figures from external files
|
||||||
|
% --- Those figures supports beamer options that are ignored in article mode
|
||||||
% ---
|
% ---
|
||||||
%\myenvironment{exercice}{Exercice}{greentitle}{greentitleback}
|
% `mode=tex` means we will use the source file of the figures directly.
|
||||||
\myenvironment{rappel}{Rappel}{greentitle}{greentitleback}
|
\usepackage[mode=tex]{standalone}
|
||||||
\myenvironment{notion}{Notions abordées}{greentitle}{greentitleback}
|
\usepackage{tikz}
|
||||||
\myenvironment{example}{Exemple}{yellowtitle}{yellowtitleback}
|
\usetikzlibrary{calc,positioning}
|
||||||
\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
|
||||||
|
|
||||||
% --- Create fake \onslide and other commands for standalone picture
|
|
||||||
% ---
|
|
||||||
% TODO is this working?
|
|
||||||
\usepackage{xparse}
|
\usepackage{xparse}
|
||||||
\NewDocumentCommand{\onslide}{s t+ d<>}{}
|
\NewDocumentCommand{\onslide}{s t+ d<>}{}
|
||||||
\NewDocumentCommand{\only}{d<>}{}
|
\NewDocumentCommand{\only}{d<>}{}
|
||||||
@ -387,8 +261,9 @@ breaklinks=true,
|
|||||||
\NewDocumentCommand{\invisible}{d<>}{}
|
\NewDocumentCommand{\invisible}{d<>}{}
|
||||||
|
|
||||||
|
|
||||||
% --- Some nice left bar for answer environment
|
% --- Some nice left bar
|
||||||
% ---
|
% ---
|
||||||
|
|
||||||
\usepackage{framed}
|
\usepackage{framed}
|
||||||
\usepackage{xcolor}
|
\usepackage{xcolor}
|
||||||
|
|
||||||
@ -404,11 +279,13 @@ breaklinks=true,
|
|||||||
}
|
}
|
||||||
{\endMakeFramed}
|
{\endMakeFramed}
|
||||||
|
|
||||||
% --- Answer environment
|
|
||||||
% --- Create an 'answer' environment, that will be hidden if the command \answersfalse is used
|
% --- Hide some block if the variable is 0
|
||||||
|
% ---
|
||||||
|
% ---
|
||||||
\usepackage{ifthen}
|
\usepackage{ifthen}
|
||||||
\newif\ifanswers
|
\newif\ifanswers
|
||||||
\answerstrue % Answers are displayed by default.
|
\answerstrue % comment out to hide answers
|
||||||
|
|
||||||
% Actual answer command
|
% Actual answer command
|
||||||
\newcommand{\answer}[1]{
|
\newcommand{\answer}[1]{
|
||||||
@ -422,18 +299,19 @@ breaklinks=true,
|
|||||||
}
|
}
|
||||||
|
|
||||||
% --- Question env
|
% --- Question env
|
||||||
% --- Create a 'question' environment that display text 'Question' and a counter
|
% ---
|
||||||
\newcounter{simplequestions}
|
|
||||||
\setcounter{simplequestions}{1}
|
\newcounter{questions}
|
||||||
\newenvironment{simplequestion}
|
\setcounter{questions}{1}
|
||||||
|
\newenvironment{question}
|
||||||
{
|
{
|
||||||
\textbf{Question \arabic{simplequestions}}
|
\textbf{Question \arabic{questions}}
|
||||||
\stepcounter{simplequestions}
|
\stepcounter{questions}
|
||||||
}{
|
}{
|
||||||
}
|
}
|
||||||
\newcommand{\questions}[1]{
|
\newcommand{\questions}[1]{
|
||||||
\textbf{Question \arabic{simplequestions}}
|
\textbf{Question \arabic{questions}}
|
||||||
\stepcounter{simplequestions}
|
\stepcounter{questions}
|
||||||
#1
|
#1
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -443,3 +321,4 @@ breaklinks=true,
|
|||||||
\title{}
|
\title{}
|
||||||
\author{}
|
\author{}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -71,6 +71,3 @@ Allow student to connect via SSH or SFTP to add python files and play with bash.
|
|||||||
|
|
||||||
## NGINX HTTP server
|
## NGINX HTTP server
|
||||||
For more flexibility with HTTP
|
For more flexibility with HTTP
|
||||||
|
|
||||||
# TODOs
|
|
||||||
- public directory in homes where content is served
|
|
||||||
|
|||||||
Binary file not shown.
@ -1,248 +0,0 @@
|
|||||||
\documentclass[11pt,a4paper]{../../template_cours}
|
|
||||||
\usepackage{enumitem} % pour reprendre des énums en cours
|
|
||||||
\usepackage{listings}
|
|
||||||
\usepackage{float} % pour fixer la place des figures
|
|
||||||
\usepackage{subcaption} % Pour avoir des subfigures
|
|
||||||
|
|
||||||
\title{Contrôle N°2 — Photographie numérique et Web}
|
|
||||||
\author{Adrian Amaglio}
|
|
||||||
\def\thesequence{SNT Séquences 2 et 3}
|
|
||||||
|
|
||||||
\begin{document}
|
|
||||||
|
|
||||||
\maketitle
|
|
||||||
|
|
||||||
Lisez attentivement les consignes et les questions.\\
|
|
||||||
Le contrôle dure 50 minutes, toutes les réponses se font sur une feuille séparée.
|
|
||||||
Tout moyen de communication (internet, téléphone, pots de yaourt…) est interdit.
|
|
||||||
|
|
||||||
\answerstrue
|
|
||||||
|
|
||||||
\section{La photographie numérique}
|
|
||||||
\subsection*{Définitions}
|
|
||||||
\question{
|
|
||||||
Qu’est-ce qu’un pixel ?
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
Un pixel est un carré de couleur qui compose une image
|
|
||||||
}
|
|
||||||
|
|
||||||
\question{
|
|
||||||
Quelle sera la définition d’une image de 10 pixels par 5 pixels ?
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
L’image aura une définition de 10×5 pixels soit 50 pixels. Il s’agit du nombre de pixel de l’image.
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
\subsection*{Capteurs numériques}
|
|
||||||
\question{
|
|
||||||
Le schéma suivant récapitule les mesures effectuées par une grille de photosites mesurant les quantités de rouge, de vert et de bleu qui arrivent au capteur d’un appareil photo.
|
|
||||||
À partir de ces mesures, reconstituez une image de 2 pixels de large et 2 pixels de haut.
|
|
||||||
Vous devrez retrouver les quantités de rouge, vert et bleu de chaque pixel de l’image finale.
|
|
||||||
}
|
|
||||||
\begin{figure}[H]
|
|
||||||
\begin{subfigure}{.5\textwidth}
|
|
||||||
\centering
|
|
||||||
\caption{Les valeurs mesurées par les capteurs}
|
|
||||||
\begin{tabular}{|c|c|c|c|}
|
|
||||||
\hline
|
|
||||||
{\color{blue} 7} & {\color{green} 2} & {\color{blue} 9} & {\color{green} 6} \\
|
|
||||||
\hline
|
|
||||||
{\color{green} 6} & {\color{red} 1} & {\color{green} 4} & {\color{red} 3} \\
|
|
||||||
\hline
|
|
||||||
{\color{blue} 4} & {\color{green} 4} & {\color{blue} 9} & {\color{green} 2} \\
|
|
||||||
\hline
|
|
||||||
{\color{green} 6} & {\color{red} 7} & {\color{green} 4} & {\color{red} 6} \\
|
|
||||||
\hline
|
|
||||||
\end{tabular}
|
|
||||||
\end{subfigure}
|
|
||||||
\begin{subfigure}{.5\textwidth}
|
|
||||||
\centering
|
|
||||||
\caption{Les couleurs mesurées par les capteurs}
|
|
||||||
\begin{tabular}{|c|c|c|c|}
|
|
||||||
\hline
|
|
||||||
bleu & vert & bleu & vert \\
|
|
||||||
\hline
|
|
||||||
vert & rouge & vert & rouge \\
|
|
||||||
\hline
|
|
||||||
bleu & vert & bleu & vert \\
|
|
||||||
\hline
|
|
||||||
vert & rouge & vert & rouge \\
|
|
||||||
\hline
|
|
||||||
\end{tabular}
|
|
||||||
\end{subfigure}
|
|
||||||
\end{figure}
|
|
||||||
\answer{
|
|
||||||
Sachant que l’on cherche à composer une image de 4 pixels à partir d’une grille de 16 capteurs, on utilisera 4 capteurs pour définir la couleur d’un pixel.\\
|
|
||||||
Sachant qu’un pixel est composé de trois couleurs : Rouge, Vert et Bleu.
|
|
||||||
Il faudra donc les informations d’au moins un capteur de chaque couleur.\\
|
|
||||||
Le pixel en haut à gauche de l’image sera créé à partir des valeurs mesurées par les 4 capteurs en haut à gauche de la grille.\\
|
|
||||||
Il aura pour valeurs : Bleu=7, Rouge=1, vert=4.\\
|
|
||||||
(si on a plusieurs valeurs pour une même couleur on calcule leur moyenne).\\
|
|
||||||
Voici donc les couleurs qu’auront les pixels :\\
|
|
||||||
\begin{tabular}{|c|c|}
|
|
||||||
\hline
|
|
||||||
Bleu=7 & Bleu=9 \\
|
|
||||||
Rouge=1 & Rouge=3 \\
|
|
||||||
Vert=4 & Vert=5 \\
|
|
||||||
\hline
|
|
||||||
Bleu=4 & Bleu=9\\
|
|
||||||
Rouge=7 & Rouge=6 \\
|
|
||||||
Vert=5 & Vert=3 \\
|
|
||||||
\hline
|
|
||||||
\end{tabular}
|
|
||||||
}
|
|
||||||
|
|
||||||
\question{
|
|
||||||
Même question mais avec une image finale de 3 pixels de large et 3 de haut.
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
\begin{tabular}{|c|c|c|}
|
|
||||||
\hline
|
|
||||||
Bleu=7 & Bleu=9 & Bleu=9 \\
|
|
||||||
Rouge=1 & Rouge=1 & Rouge=3 \\
|
|
||||||
Vert=4 & Vert=3 & Vert=5 \\
|
|
||||||
\hline
|
|
||||||
Bleu=4 & Bleu=9 & Bleu=9 \\
|
|
||||||
Rouge=1 & Rouge=1 & Rouge=3 \\
|
|
||||||
Vert=5 & Vert=4 & Vert=3 \\
|
|
||||||
\hline
|
|
||||||
Bleu=4 & Bleu=9 & Bleu=9\\
|
|
||||||
Rouge=7 & Rouge=7 & Rouge=6 \\
|
|
||||||
Vert=5 & Vert=4 & Vert=3 \\
|
|
||||||
\hline
|
|
||||||
\end{tabular}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
\subsection*{Algorithmes et métadonnées}
|
|
||||||
\question{
|
|
||||||
Citez trois informations que l’on peut trouver dans les métadonnées d’une photo.
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
La date et l’heure de la prise de la photo ; la position GPS de la prise ; Le modèle et la marque de l’appareil photo
|
|
||||||
}
|
|
||||||
|
|
||||||
\question{
|
|
||||||
Réordonnez les étapes de la prise de vue :
|
|
||||||
1. Enregistrement au format RAW,
|
|
||||||
2. Stabilisation et mise au point,
|
|
||||||
3. Capture de la lumière,
|
|
||||||
4. Compression et enregistrement au format JPEG,
|
|
||||||
5. Algorithmes de traitement.
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
2, 3, 1, 5, 4
|
|
||||||
}
|
|
||||||
|
|
||||||
\question{
|
|
||||||
Citez deux traitements d’image qui interviennent dans l’appareil photo.
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
Balance des blancs, traitement de la saturation, traitement des contrastes, traitement des lumières…
|
|
||||||
}
|
|
||||||
|
|
||||||
\section{Le web}
|
|
||||||
\subsection*{Définitions}
|
|
||||||
\question{
|
|
||||||
Quel âge a la première page web, ou en quelle année a t’elle été créée ?
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
Elle a été créée en 1989.
|
|
||||||
}
|
|
||||||
|
|
||||||
\question{
|
|
||||||
À quoi sert un navigateur ?
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
À télécharger des documents sur le web et afficher des pages web.
|
|
||||||
}
|
|
||||||
|
|
||||||
\question{
|
|
||||||
À quoi sert un moteur de recherche ?
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
À trouver des pages web selon des mots-clés.
|
|
||||||
}
|
|
||||||
|
|
||||||
\subsection*{Cookies et URLs}
|
|
||||||
\question{
|
|
||||||
Décomposez les URLs suivantes en 4 parties (adresse, paramètres, chemin et protocole), et indiquez si elles sont sécurisées :
|
|
||||||
\begin{verbatim}
|
|
||||||
http://julesguesde.fr/LIENS
|
|
||||||
https://search.lilo.org/?q=ultra+vomit
|
|
||||||
\end{verbatim}
|
|
||||||
}
|
|
||||||
\answer{
|
|
||||||
\begin{tabular}{|c|c|c|c|c|}
|
|
||||||
\hline
|
|
||||||
Protocole & Adresse & Chemin du document & Paramètres & Sécurisée \\
|
|
||||||
\hline
|
|
||||||
http:// & julesguesde.fr & /LIENS & & non \\
|
|
||||||
\hline
|
|
||||||
https:// & search.lilo.org & / & q=ultra+vomit & oui \\
|
|
||||||
\hline
|
|
||||||
\end{tabular}
|
|
||||||
}
|
|
||||||
|
|
||||||
\question{
|
|
||||||
En reportant les numéros sur votre copie, complétez le texte suivant :
|
|
||||||
}\\
|
|
||||||
Un cookie est ………\textbf{[~1~]} stocké dans
|
|
||||||
………\textbf{[~2~]} à la demande d’un
|
|
||||||
………\textbf{[~3~]}.\\
|
|
||||||
Il lui sera renvoyé à chaque ………\textbf{[~4~]}\\
|
|
||||||
Un cookie sert à ………\textbf{[~5~]}
|
|
||||||
ou à ………\textbf{[~6~]}.\\
|
|
||||||
Pour que les sites web me considèrent comme une nouvelle personne, je peux
|
|
||||||
………\textbf{[~7~]} ou
|
|
||||||
………\textbf{[~8~]}.
|
|
||||||
|
|
||||||
\answer{
|
|
||||||
Un cookie est \textit{un petit fichier texte} stocké dans
|
|
||||||
\textit{le navigateur} à la demande d’un
|
|
||||||
\textit{site web}.\\
|
|
||||||
Il lui sera renvoyé à \textit{chaque requête}.\\
|
|
||||||
Un cookie sert à \textit{enregistrer une préférence}
|
|
||||||
ou à \textit{identifier un utilisateur}.\\
|
|
||||||
Pour que les sites web me considèrent comme une nouvelle personne, je peux
|
|
||||||
\textit{supprimer les cookies} ou
|
|
||||||
\textit{utiliser la navigation privée}.
|
|
||||||
}
|
|
||||||
|
|
||||||
\subsection*{HTML et CSS}
|
|
||||||
\question{
|
|
||||||
Dessinez la page web qui s’affichera lorsque le navigateur interprètera les documents HTML et CSS suivants. Info : la couleur par défaut est le noir.
|
|
||||||
Vous ne devez pas dessiner la fenêtre du navigateur, ni même les onglets, seulement le contenu de la page web.
|
|
||||||
Vous pourrez vous aider de l’annexe 1.
|
|
||||||
}
|
|
||||||
|
|
||||||
\begin{samepage}
|
|
||||||
\rule{\linewidth}{1px}
|
|
||||||
\lstinputlisting[language=HTML]{index.html}
|
|
||||||
\rule{\linewidth}{1px}
|
|
||||||
\end{samepage}
|
|
||||||
\begin{samepage}
|
|
||||||
\lstinputlisting[language=HTML]{style.css}
|
|
||||||
\rule{\linewidth}{1px}
|
|
||||||
\end{samepage}
|
|
||||||
|
|
||||||
\answer{
|
|
||||||
{\color{red}\underline{Voici un exemple de site web}}\\
|
|
||||||
{\color{black}Il est possible d’ecrire du texte sur un site web !}
|
|
||||||
}
|
|
||||||
|
|
||||||
\subsection*{Annexe 1 : Quelques règles CSS}
|
|
||||||
\begin{description}
|
|
||||||
\item[font-size: 10px;] Spécifie que le texte fera 10 pixels de haut.
|
|
||||||
\item[color: red;] colorie le texte en rouge.
|
|
||||||
\item[color: green;] colorie le texte en green.
|
|
||||||
\item[border: 1px solid black;] Spécifie un cadre de 1px de couleure noire.
|
|
||||||
\item[background-color: blue;] Colorie le fond du bloc en bleu.
|
|
||||||
\item[text-decoration: underline;] souligne le texte.
|
|
||||||
\item[letter-spacing: 3px;] Fixe l’espace entre les lettres à 3 pixels.
|
|
||||||
\end{description}
|
|
||||||
|
|
||||||
|
|
||||||
\end{document}
|
|
||||||
@ -1,11 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Un bel exemple !</title>
|
|
||||||
<link rel="stylesheet" href="./style.css" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>Voici un exemple de site web</h1>
|
|
||||||
<p>Il est possible d'ecrire du texte sur un site web !</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
|
|
||||||
h1 {
|
|
||||||
text-decoration: underline;
|
|
||||||
color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
text-decoration: underline;
|
|
||||||
color: green;
|
|
||||||
}
|
|
||||||
Binary file not shown.
@ -1,108 +0,0 @@
|
|||||||
\documentclass[11pt,a4paper]{../../template_cours}
|
|
||||||
\usepackage{listings}
|
|
||||||
|
|
||||||
\title{Séquence Web — Cours}
|
|
||||||
\author{Adrian Amaglio}
|
|
||||||
\def\thesequence{SNT : Web}
|
|
||||||
|
|
||||||
\begin{document}
|
|
||||||
\maketitle
|
|
||||||
|
|
||||||
\section{Historique}
|
|
||||||
\begin{description}
|
|
||||||
\item [1965] Invention et programmation du concept d’hypertexte par Ted Nelson
|
|
||||||
\item [1989] Première page web au CERN par Tim Berners Lee
|
|
||||||
\item [1993] Mise dans le domaine public, disponibilité du premier navigateur Mosaic
|
|
||||||
\item [2001] Standardisation des pages grâce au DOM (Document Object Model)
|
|
||||||
\end{description}
|
|
||||||
|
|
||||||
\section{Qu’est-ce que le web ?}
|
|
||||||
\begin{definition}
|
|
||||||
Le web est un système utilisant internet et servant à publier des \textbf{ressources} (par exemple des documents textes et multimédia).
|
|
||||||
\end{definition}
|
|
||||||
|
|
||||||
\section{Fonctionnement}
|
|
||||||
Comment peut-on récupérer des documents sur internet depuis notre ordinateur ou téléphone ?
|
|
||||||
|
|
||||||
\subsection{Client et serveur}
|
|
||||||
\begin{definition}
|
|
||||||
Les ressources sont stockées sur un serveur web connecté à internet.\\
|
|
||||||
Un navigateur (ou client) également connecté à internet peut donc lui envoyer une \textbf{requête web}, demandant une ressource précise.\\
|
|
||||||
La \textbf{réponse} contiendra cette ressource si elle existe.
|
|
||||||
\end{definition}
|
|
||||||
|
|
||||||
\begin{definition}
|
|
||||||
Un navigateur web est un logiciel capable de récupérer des documents sur le web et d’afficher des pages web.
|
|
||||||
\end{definition}
|
|
||||||
|
|
||||||
\subsection{URLs}
|
|
||||||
On identifie les fichiers grâce à une URL pour « Uniform Ressource Locator » ou en français : « localisateur uniforme de ressource ».
|
|
||||||
\begin{definition}
|
|
||||||
Une URL est de la forme suivante :\\
|
|
||||||
\textcolor{red}{https://}\textcolor{blue}{www.julesguesde.fr}\textcolor{green}{/LIENS}
|
|
||||||
\begin{description}
|
|
||||||
\item[\textcolor{red}{https://}] Le protocole utilisé pour récupérer la ressource. HTTP pour le web, HTTPS avec un chiffrement.
|
|
||||||
\item[\textcolor{blue}{www.julesguesde.fr}] Est l’adresse IP du serveur (ou un nom symbolique qui sera traduit par l’adresse).
|
|
||||||
\item[\textcolor{green}{/LIENS}] Est le chemin du document que l’on souhaite récupérer sur le serveur.
|
|
||||||
\end{description}
|
|
||||||
\end{definition}
|
|
||||||
|
|
||||||
\section{Types de ressources}
|
|
||||||
Tous les fichiers peuvent être servis par un serveur web que ce soit du texte, une vidéo, un programme…\\
|
|
||||||
Ces fichiers sont téléchargés par le navigateur sur notre ordinateur.\\
|
|
||||||
|
|
||||||
\subsection{Les documents HTML}
|
|
||||||
Un type de fichier est cependant traité différement : les pages web.
|
|
||||||
Une page web est un fichier texte dont le contenu est structuré par le format HTML pour « HyperText Markup Language » ou « langage de balisage hypertexte ».
|
|
||||||
\begin{definition}
|
|
||||||
Le HTML permet de structurer un document et de donner un sens sémantique au texte.
|
|
||||||
C’est à dire que l’on peut préciser où sont les titres, paragraphes, menus, en-têtes, etc.
|
|
||||||
\end{definition}
|
|
||||||
Le HTML est un format de structure d’un fichier.
|
|
||||||
On peut donc mettre des titres, des paragraphes et d’autres éléments de structure dans une page.
|
|
||||||
\begin{example}
|
|
||||||
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}
|
|
||||||
\end{centering}
|
|
||||||
|
|
||||||
\end{example}
|
|
||||||
|
|
||||||
\subsection{Les feuilles de style}
|
|
||||||
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…).
|
|
||||||
\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}
|
|
||||||
\end{centering}
|
|
||||||
\end{example}
|
|
||||||
|
|
||||||
\section{HyperTexte}
|
|
||||||
La force du web, c’est de pouvoir faire référence à d’autres documents depuis un texte.
|
|
||||||
C’est le rôle des liens !
|
|
||||||
\begin{example}
|
|
||||||
Par exemple, sur le site du lycée, on trouve des liens vers le site web de pronote et vers l’ENT.
|
|
||||||
\end{example}
|
|
||||||
Les documents sur internet peuvent donc être vus comme connectés entre eux par ces liens.
|
|
||||||
C’est pour ça qu’on le représente souvent sous forme de toile d’araignée (web en anglais).
|
|
||||||
|
|
||||||
\begin{definition}
|
|
||||||
L’hypertexte est la possibilité dans un document de faire un lien direct avec un autre document.
|
|
||||||
\end{definition}
|
|
||||||
|
|
||||||
\section{Moteurs de recherche}
|
|
||||||
Pour accéder à un site internet, il faut connaître son adresse IP ou son adresse symbolique, ce qui est très peu pratique au quotidien.
|
|
||||||
Les moteurs de recherches sont des sites web qui répertorient d’autres sites web et les classent par mots-clés et thèmes.
|
|
||||||
Ils peuvent ensuite nous présenter les pages web qui semblent contenir ce que l’on cherche.
|
|
||||||
\begin{definition}
|
|
||||||
Un moteur de recherche répertorie un maximum de pages web puis affiche celles qui correspondent le mieux à notre recherche.
|
|
||||||
\end{definition}
|
|
||||||
|
|
||||||
\end{document}
|
|
||||||
@ -1,8 +0,0 @@
|
|||||||
h1{
|
|
||||||
color:red;
|
|
||||||
}
|
|
||||||
|
|
||||||
p{
|
|
||||||
color:blue;
|
|
||||||
margin-left:200px;
|
|
||||||
}
|
|
||||||
@ -1,12 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Un exemple de site</title>
|
|
||||||
<link rel="stylesheet" href="example.css" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>Titre !</h1>
|
|
||||||
<p>Un paragraphe de texte</p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Loading…
Reference in New Issue
Block a user