Merge branch 'master' of git_opytex:/lafrite/2020-2021

SNT/02_Image_Numerique/3B_couleur_metadonnees.tex

@@ -0,0 +1,56 @@
+\documentclass[a4paper,10pt]{article}
+\usepackage{myXsim}
+
+\author{Benjamin Bertrand}
+\title{Image Numérique - Cours}
+\date{novembre 2020}
+
+\pagestyle{empty}
+
+\begin{document}
+
+\maketitle
+
+
+\subsection*{Les couleurs - RGB}
+
+On a vu que les couleurs pouvait être décrites numériquement par 3 nombres, c'est le modèle RGB (red, green, blue).
+
+Avec le matériel récent, le plus commun est d'attribuer 1octet (ou encore 8bits) à chaque couleurs. Les couleurs sont donc décrites par 3 octets que l'on représente pas 3 nombres entre 0 et 255.
+
+Voici quelques exemples de couleurs:
+\begin{center}
+    \includegraphics[scale=0.2]{./fig/roue_couleurs_255_corr}
+    \includegraphics[scale=0.2]{./fig/roue_couleurs_128_corr}
+\end{center}
+
+\textbf{Nombre de couleurs possibles:} Il y a 256 niveaux  de rouge, 256 niveaux de vert et 256 niveau de bleu. On a donc en tout
+        \[
+            256\times 256\times 256 = \np{16777216}
+        \]
+        Ce que l'on nomme plus communément  16 millions de couleurs.
+
+\paragraph{Remarque:} Il existe d'autres modèles pour décrire les couleurs qui fonctionnent sur le même principe mais qui ne sont pas basé sur les couleurs primaires. On peut citer TSB ou TSV.
+
+
+\section{Les métadonnées}
+
+Un fichier contenant une image ne continent pas uniquement la couleur de chaque pixel. Il contient aussi des données qui permettent de décrire le contexte dans lequel l'image a été prise. Ce sont les \textbf{métadonnées}.
+
+\begin{minipage}{0.6\textwidth}
+    \includegraphics[scale=0.3]{./fig/metadonnees}
+\end{minipage}
+\begin{minipage}{0.4\textwidth}
+    On y retrouve par exemple:
+    \begin{itemize}
+        \item Les dimensions
+        \item La date de prise de vue
+        \item La marque et le modèle de l'appareil photo
+        \item Les coordonnées gps si le GPS est activé.
+    \end{itemize}
+\end{minipage}
+
+
+
+
+\end{document}

SNT/02_Image_Numerique/index.rst

@@ -2,7 +2,7 @@ Image Numérique
 ###############
 
 :date: 2020-11-03
-:modified: 2021-01-01
+:modified: 2021-01-05
 :authors: Benjamin Bertrand
 :tags: Python, Image
 :category: SNT
@@ -94,6 +94,10 @@ Les élèves doivent alors placer sur une frise chronologique les photos, trouve
 
 On explique comme modifier les métadonnées. Les élèves à partir des images téléchargées doivent modifier les métadonnées pour qu'on croit à une histoire qu'ils racontent.
 
+.. image:: ./3B_couleur_metadonnees.pdf
+    :height: 200px
+    :alt: Bilan sur les couleurs et les métadonnées
+
 
 Étape 5: Métiers le l'image numérique
 =====================================

SNT/03_Internet/1B.tex

@@ -1,14 +0,0 @@
-\documentclass[a4paper,10pt]{article}
-\usepackage{myXsim}
-
-\author{Benjamin Bertrand}
-\title{Internet - Cours}
-\date{décembre 2020}
-
-\pagestyle{empty}
-
-\begin{document}
-
-\maketitle
-
-\end{document}

SNT/03_Internet/1B_niveau_internet.tex

@@ -0,0 +1,43 @@
+\documentclass[a4paper,10pt]{article}
+\usepackage{myXsim}
+
+\author{Benjamin Bertrand}
+\title{Internet - Cours}
+\date{décembre 2020}
+
+\pagestyle{empty}
+
+\begin{document}
+
+\maketitle
+
+\section{Description d'Internet}
+
+On peut décrire Internet suivant 3 niveaux:
+\begin{itemize}
+    \item \textbf{Le matériel}: c'est l'ensemble des objets qui permettent à Internet de fonctionner. On y retrouve des ordinateurs, des serveurs, des routeurs mais aussi des câbles en cuivres, des fibres optiques, des antennes relais et même des satellites.
+    \item \textbf{Les logiciels et les protocoles}: c'est l'ensemble des règles programmes qui permettent aux objets de communiquer entre eux.
+    \item \textbf{Les contenus}: c'est l'ensemble des informations qui sont échangées.
+\end{itemize}
+
+\subsection*{Exemples}
+
+\begin{itemize}
+    \item Mettre en ligne une page web et la consulter
+
+        \begin{center}
+            \includegraphics[scale=0.7]{./fig/depose_page_web}
+        \end{center}
+
+        \begin{itemize}
+            \item Matériel: \dotfill
+            \item Protocoles: \dotfill
+            \item Contenus: \dotfill
+        \end{itemize}
+
+        \afaire{Compléter les pointillés}
+
+    \item /!\ à compléter avec les exemples cités en classe.
+\end{itemize}
+
+\end{document}

SNT/03_Internet/1E.tex

@@ -1,18 +0,0 @@
-\documentclass[a4paper,10pt]{article}
-\usepackage{myXsim}
-
-\author{Benjamin Bertrand}
-\title{Internet - Cours}
-\date{décembre 2020}
-
-\DeclareExerciseCollection{banque}
-\xsimsetup{
-    step=1,
-}
-
-\begin{document}
-
-\input{exercises.tex}
-\printcollection{banque}
-
-\end{document}

SNT/03_Internet/index.rst

@@ -2,7 +2,7 @@ Internet
 ########
 
 :date: 2020-12-28
-:modified: 2021-01-02
+:modified: 2021-01-05
 :authors: Benjamin Bertrand
 :tags: Internet
 :category: SNT
@@ -11,6 +11,33 @@ Internet
 Étape 1: Décrire le réseau internet
 ===================================
 
+Les élèves créent un pad et par groupe de 2, ils vont écrire tous les mots qu'ils associent à *Internet* (il en faudrait un vingtaine). Ensuite, on met en commun nos mots sur un pad de la classe.
+
+Je leur explique les 3 "niveaux" d'internet:
+
+- Le matériel
+- Les protocoles/logiciels
+- Les contenus
+
+Les élèves copient la liste des mots communs et rangent cette liste dans les 3 niveaux. Ils peuvent ajouter des mots s'ils le souhaitent.
+
+On met ensuite les "rangements" en commun sur le pad de la classe. Le but étant de discuter des rangements pour mieux définir les "niveaux".
+
+Une fois ces niveaux compris, on va demander aux élèves d'imaginer des situations où l'on utilise le réseau internet, de le décrire succinctement en quelques phrases puis de décrire le contenue des 3 niveaux. Ce travail sera fait sur leur pad personnel puis ils pourront mettre leurs scénarios sur le pad commun.
+
+Bilan à recopier et compléter à la maison
+
+.. image:: ./1B_niveau_internet.pdf
+    :height: 200px
+    :alt: Comment décrire Internet
+
+
+Lors de cette séance, du temps sera pris pour mettre en ligne leur page web sur le serveur. Ce sera l'occasion de décrire la situation du point de vu des 3 niveaux.
+
+.. image:: ./fig/depose_page_web.pdf
+    :height: 200px
+    :alt: Schéma des éléments mis en jeux lors de la dépose de la page web et de sa lecture.
+
 
 Étape 2: Construction d'un protocole de communication numérique
 ===============================================================