Feat(SNT): ajout les premiers exercices photos numérique
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Bertrand Benjamin 2022-11-17 07:02:58 +01:00
parent 82c5ee6d05
commit cfd8742fcb
12 changed files with 1768 additions and 1 deletions

View File

@ -0,0 +1,6 @@
P2
3 3
255
0 128 255
100 50 100
10 20 30

View File

@ -0,0 +1,5 @@
P1
3 3
0 1 0
1 0 1
0 1 0

View File

@ -0,0 +1,5 @@
P1
3 3
1 0 1
1 0 1
1 0 1

View File

@ -0,0 +1,62 @@
\begin{exercise}[subtitle={Comparer des images}, step={1}, origin={ma tête}, topics={ Photo numérique }, tags={ SNT }, mode={\computerMode}]
Dans le dossier partagé, vous trouverez différentes images.
\begin{enumerate}
\item Ouvrez-les puis classez-les en fonction de celles qui vous semble être les plus agréables à regarder.
\item Quels sont les caractéristiques des images qui vous ont permis de faire ce classement.
\end{enumerate}
\end{exercise}
\begin{exercise}[subtitle={Dimension d'une image}, step={1}, origin={ma tête}, topics={ Photo numérique }, tags={ SNT }, mode={\paperMode+\computerMode}]
\begin{enumerate}
\item Calculer le définition des images ci-dessous. Combien faut-il de pixel pour les réaliser?
\begin{center}
\includegraphics[scale=3]{./fig/pixelart_nb}
\end{center}
\item Reprendre les images de l'exercice précédent. Chercher leur définition puis calculer le nombre de pixel que comporte chaque image.
\end{enumerate}
\end{exercise}
% Construire une image
\begin{exercise}[subtitle={Image Bitmap en noir et blanc}, step={2}, origin={ma tête}, topics={ Photo numérique }, tags={ SNT }, mode={\computerMode}]
\begin{enumerate}
\item Ouvrir avec Gimp puis avec notepad++, les images \texttt{noir\_blanc.bmp} et \texttt{noir\_blanc2.bmp}.
\item Lire le contenu et chercher la correspondance entre ce que vous voyez dans Notepad++ et sur Gimp (il faudra surement beaucoup zoomer).
\item Expliquer comment est construit une image bmp en noir et blanc.
\item Reproduire une image de l'exercice 2.
\end{enumerate}
\end{exercise}
\begin{exercise}[subtitle={Faire des nuances de gris}, step={2}, origin={ma tête}, topics={ Photo numérique }, tags={ SNT }, mode={\computerMode}]
\begin{minipage}{0.7\linewidth}
Dans cet exercice, nous allons faire la même chose que dans l'exercice précédent mais avec des images en nuances de gris.
\begin{enumerate}
\item Ouvrir avec Gimp puis avec notepad++, les images \texttt{gris.bmp}.
\item Lire le contenu et chercher la correspondance entre ce que vous voyez dans Notepad++ et sur Gimp (il faudra surement beaucoup zoomer).
\item Expliquer comment est construit une image bmp en noir et blanc.
\item Reproduire le plus fidèlement possible l'image ci-contre.
\end{enumerate}
\end{minipage}
\hfill
\begin{minipage}{0.2\linewidth}
\includegraphics[scale=3]{./fig/coeur_gris}
\end{minipage}
\end{exercise}
\begin{exercise}[subtitle={Des nombres de 0 à 255}, step={2}, origin={ma tête}, topics={ Photo numérique }, tags={ SNT }, mode={\computerMode}]
Suivant le nombre de bits utilisé, on peut définition plus ou moins de niveau de gris. C'est la \textbf{profondeur}.
\begin{itemize}
\item Avec 1 bit, on peut faire la différence entre 2 choses : 0 (blanc) ou 1 (noir).
\item Avec 2 bits, on peut faire la différence entre 4 choses : 00 (blanc) ou 01 (gris clair) ou 10 (gris foncé) ou 11 (noir).
\end{itemize}
\begin{enumerate}
\item Combien de "gris" différent peut-on faire avec 3 bits (on comptera le blanc et le noir comme des niveaux de gris)?
\item Avec 4 bits?
\item Avec 8 bits?
\end{enumerate}
\end{exercise}
\begin{exercise}[subtitle={Voir le monde en couleur}, step={2}, origin={ma tête}, topics={ Photo numérique }, tags={ SNT }, mode={\computerMode}]
\end{exercise}

Binary file not shown.

View File

@ -0,0 +1,424 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="45"
height="45"
viewBox="0 0 11.906249 11.90625"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)"
sodipodi:docname="coeur_gris.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="true"
inkscape:zoom="7.8831699"
inkscape:cx="23.023733"
inkscape:cy="27.209866"
inkscape:window-width="1918"
inkscape:window-height="1048"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1">
<inkscape:grid
type="xygrid"
id="grid132"
originx="2.9227903e-07"
originy="-1.322917" />
</sodipodi:namedview>
<defs
id="defs2" />
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(2.9227905e-7,-1.322917)">
<g
id="g2287">
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236"
width="1.3229166"
height="1.3229166"
x="5.2916665"
y="11.90625" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-3"
width="1.3229166"
height="1.3229166"
x="6.614583"
y="10.583333" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-6"
width="1.3229166"
height="1.3229166"
x="7.9374995"
y="9.260417" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-7"
width="1.3229166"
height="1.3229166"
x="9.260416"
y="7.9375" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-5"
width="1.3229166"
height="1.3229166"
x="10.583333"
y="6.6145835" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-35"
width="1.3229166"
height="1.3229166"
x="10.583333"
y="5.2916665" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-62"
width="1.3229166"
height="1.3229166"
x="10.583333"
y="3.96875" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-9"
width="1.3229166"
height="1.3229166"
x="9.260416"
y="2.6458335" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-1"
width="1.3229166"
height="1.3229166"
x="7.9374995"
y="1.322917" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-2"
width="1.3229166"
height="1.3229166"
x="6.614583"
y="2.6458335" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-70"
width="1.3229166"
height="1.3229166"
x="5.2916665"
y="3.96875" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-60"
width="1.3229166"
height="1.3229166"
x="3.9687498"
y="2.6458335" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-626"
width="1.3229166"
height="1.3229166"
x="2.645833"
y="1.322917" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-18"
width="1.3229166"
height="1.3229166"
x="1.3229164"
y="2.6458335" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-79"
width="1.3229166"
height="1.3229166"
x="-2.9227905e-07"
y="3.96875" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-20"
width="1.3229166"
height="1.3229166"
x="-2.9227905e-07"
y="5.2916665" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-75"
width="1.3229166"
height="1.3229166"
x="-2.9227905e-07"
y="6.6145835" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-92"
width="1.3229166"
height="1.3229166"
x="1.3229164"
y="7.9375" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-28"
width="1.3229166"
height="1.3229166"
x="2.645833"
y="9.260417" />
<rect
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect236-97"
width="1.3229166"
height="1.3229166"
x="3.9687498"
y="10.583333" />
<rect
style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126"
width="1.3229166"
height="1.3229166"
x="5.2916665"
y="6.614583" />
<rect
style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-6"
width="1.3229166"
height="1.3229166"
x="5.2916665"
y="10.583333" />
<rect
style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-1"
width="1.3229166"
height="1.3229166"
x="3.9687498"
y="9.260416" />
<rect
style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-2"
width="1.3229166"
height="1.3229166"
x="2.645833"
y="7.9375" />
<rect
style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-9"
width="1.3229166"
height="1.3229166"
x="1.3229164"
y="6.614583" />
<rect
style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-3"
width="1.3229166"
height="1.3229166"
x="1.3229164"
y="5.2916665" />
<rect
style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-19"
width="1.3229166"
height="1.3229166"
x="1.3229164"
y="3.9687498" />
<rect
style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-4"
width="1.3229166"
height="1.3229166"
x="2.645833"
y="6.614583" />
<rect
style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-7"
width="1.3229166"
height="1.3229166"
x="3.9687498"
y="7.9375" />
<rect
style="fill:#7a7a7a;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-8"
width="1.3229166"
height="1.3229166"
x="5.2916665"
y="9.260416" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45"
width="1.3229166"
height="1.3229166"
x="6.614583"
y="9.260416" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-0"
width="1.3229166"
height="1.3229166"
x="5.2916665"
y="7.937499" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-3"
width="1.3229166"
height="1.3229166"
x="3.9687498"
y="6.6145825" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-6"
width="1.3229166"
height="1.3229166"
x="2.645833"
y="5.291666" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-1"
width="1.3229166"
height="1.3229166"
x="2.645833"
y="3.9687493" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-06"
width="1.3229166"
height="1.3229166"
x="2.645833"
y="2.6458325" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-32"
width="1.3229166"
height="1.3229166"
x="3.9687498"
y="3.9687493" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-061"
width="1.3229166"
height="1.3229166"
x="3.9687498"
y="5.291666" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-5"
width="1.3229166"
height="1.3229166"
x="5.2916665"
y="6.6145825" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-54"
width="1.3229166"
height="1.3229166"
x="5.2916665"
y="5.291666" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-7"
width="1.3229166"
height="1.3229166"
x="6.614583"
y="7.937499" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-65"
width="1.3229166"
height="1.3229166"
x="7.9374995"
y="7.937499" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-69"
width="1.3229166"
height="1.3229166"
x="6.614583"
y="6.6145825" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-69-2"
width="1.3229166"
height="1.3229166"
x="7.9374995"
y="6.6145825" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-37"
width="1.3229166"
height="1.3229166"
x="6.614583"
y="5.291666" />
<rect
style="fill:#dbdbdb;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-52-2"
width="1.3229166"
height="1.3229166"
x="7.9374995"
y="2.6458325" />
<rect
style="fill:#dbdbdb;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-52-6"
width="1.3229166"
height="1.3229166"
x="9.260416"
y="3.9687493" />
<rect
style="fill:#dbdbdb;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-52-8"
width="1.3229166"
height="1.3229166"
x="9.260416"
y="5.291666" />
<rect
style="fill:#dbdbdb;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-52-8-9"
width="1.3229166"
height="1.3229166"
x="9.260416"
y="6.6145825" />
<rect
style="fill:#a7a7a7;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-69-64"
width="1.3229166"
height="1.3229166"
x="7.9374995"
y="5.291666" />
<rect
style="fill:#dbdbdb;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-52-8-5"
width="1.3229166"
height="1.3229166"
x="6.614583"
y="3.9687493" />
<rect
style="fill:#dbdbdb;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-opacity:0.645091"
id="rect1126-45-52-8-0"
width="1.3229166"
height="1.3229166"
x="7.9374995"
y="3.9687493" />
</g>
<rect
style="fill:none;fill-opacity:1;stroke:#2200e5;stroke-width:0.1;stroke-opacity:0.645091"
id="rect2289"
width="11.90625"
height="11.90625"
x="-1.0521571e-14"
y="1.3229166" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

View File

@ -2,7 +2,7 @@ Photographie numérique
######################
:date: 2022-11-16
:modified: 2022-11-16
:modified: 2022-11-17
:authors: Benjamin Bertrand
:tags: Photos numériques
:category: SNT
@ -29,11 +29,58 @@ Une plénière pour faire le bilan et définir les mots résolution et définiti
On s'interroge sur le poids numérique d'une image. On définit la notion de bits. On calcule alors le poids des images vues précédemment.
Bilan: Image numérique en format bitmap, pixel, définition.
Étape 2: Construire une image
-----------------------------
- Construire une image en noir et blanc avec un éditeur de texte (bmp P1)
- Niveau de gris et binaire: comment stocker un gradient et combien de bit faut-il? Notion de profondeur.
- Construction d'une image en niveau de gris.
- Comment stocker une couleur
- Construction d'une image en couleur.
Bilan: image NB, niveau de gris et
Étape 3: Prise d'une image et algo
----------------------------------
- Acquisition d'une image numérique (optique -> capteur -> algorithmes)
- Ajustement des couleurs
-
Étape 4: Métadonnées
--------------------
- Lecture des métadonnées d'une image.
- Recherche des lieux de prise de vu
- Modification des métadonnées d'une image
Étape 5: Métiers liés à l'image numérique
-----------------------------------------
Préparation d'un exposé de 2-3 minutes sur les métiers liés à l'image numérique. Les élèves préparent une page web sur un métier choisi. Ils devront ensuite faire une présentation orale pour présenter le métier.
Informations sur le métier:
- Description des activités du métier
- Études à réaliser (avec éventuellement des noms d'écoles)
- Les qualités
- Le salaire
- Liens vers les sources d'informations
Idées de métiers:
- Infographiste/graphiste
- Animateur 2D/2D
- Desinger UX/UI
- Photographe
- Monteur vidéo
- Ingénieur en traitement d'images
- Directeur artistique
- Illustrateur
Tous les élèves préparent une page web. Seuls quelqu'un passent à l'oral pour la présentation.
Pour la page web, les deux fichiers suivant doivent être enregistré dans le même répertoire puis modifiés pour décrire le métier.

Binary file not shown.

View File

@ -0,0 +1,42 @@
\documentclass[a4paper,12pt]{article}
\usepackage{myXsim}
\usepackage{pgfplots}
\author{Benjamin Bertrand}
\title{Photo numérique}
\tribe{SNT}
\date{novembre 2022}
\pagestyle{empty}
\DeclareExerciseCollection{banque}
\xsimsetup{
}
\begin{document}
\maketitle
\section{L'image numérique}
\listsectionexercises
\section{Construire une image}
\listsectionexercises
\section{Prise d'une image et algo}
\listsectionexercises
\section{Métadonnées}
\listsectionexercises
\section{Métiers liés à l'image numérique}
\listsectionexercises
\pagebreak
\input{exercises.tex}
\printcollection{banque}
\end{document}