web
This commit is contained in:
parent
a74b558f4e
commit
3d3f6d41bd
BIN
web/controle/controle.pdf
Normal file
BIN
web/controle/controle.pdf
Normal file
Binary file not shown.
248
web/controle/controle.tex
Normal file
248
web/controle/controle.tex
Normal file
@ -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}
|
||||
11
web/controle/index.html
Normal file
11
web/controle/index.html
Normal file
@ -0,0 +1,11 @@
|
||||
<!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>
|
||||
10
web/controle/style.css
Normal file
10
web/controle/style.css
Normal file
@ -0,0 +1,10 @@
|
||||
|
||||
h1 {
|
||||
text-decoration: underline;
|
||||
color: red;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-decoration: underline;
|
||||
color: green;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user