\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}
\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}
