diff --git a/web/controle/controle.pdf b/web/controle/controle.pdf new file mode 100644 index 0000000..cee268b Binary files /dev/null and b/web/controle/controle.pdf differ diff --git a/web/controle/controle.tex b/web/controle/controle.tex new file mode 100644 index 0000000..2756070 --- /dev/null +++ b/web/controle/controle.tex @@ -0,0 +1,248 @@ +\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} diff --git a/web/controle/index.html b/web/controle/index.html new file mode 100644 index 0000000..c70b9c0 --- /dev/null +++ b/web/controle/index.html @@ -0,0 +1,11 @@ + + +
+Il est possible d'ecrire du texte sur un site web !
+ + diff --git a/web/controle/style.css b/web/controle/style.css new file mode 100644 index 0000000..5ea41df --- /dev/null +++ b/web/controle/style.css @@ -0,0 +1,10 @@ + +h1 { + text-decoration: underline; + color: red; +} + +h2 { + text-decoration: underline; + color: green; +}