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