Feat: début des bilans et ajoute des projets

1NSI/02_Programmation_Python_et_microbit/1B_microbit.tex

@@ -0,0 +1,37 @@
+\documentclass[a4paper,10pt]{article}
+\usepackage{myXsim}
+
+\author{Benjamin Bertrand}
+\title{Python et micro:bit - Cours}
+\date{Septembre 2022}
+
+\pagestyle{empty}
+
+\begin{document}
+
+\maketitle
+
+\section{Carte micro:bit}
+
+\begin{definition}[Carte Micro:bit]
+
+    BBC micro:bit est une carte à microcontrôleur conçue en 2015 au Royaume-Uni pour développer l'apprentissage de l'algorithmique et de la programmation.
+
+\begin{center}
+   \includegraphics[scale=0.5]{./fig/micro-bit}
+\end{center}
+
+Quelques unes de ses capacités
+\begin{itemize}
+    \item 25 LEDs programmables individuellement
+    \item 2 boutons programmables
+    \item Broches de connexion (pin ou GPIO)
+    \item Capteurs de lumière et de température
+    \item Capteurs de mouvements (accéléromètre et boussole)
+    \item Communication sans fil, via Radio et Bluetooth
+    \item Interface USB
+\end{itemize}
+
+\end{definition}
+
+\end{document}

1NSI/02_Programmation_Python_et_microbit/2B_bases_programmation.tex

@@ -0,0 +1,108 @@
+\documentclass[a4paper,10pt]{article}
+\usepackage{myXsim}
+
+\author{Benjamin Bertrand}
+\title{Web HTML CSS - Cours}
+\date{Septembre 2022}
+
+\pagestyle{empty}
+
+\begin{document}
+
+\maketitle
+
+\section{Le web}
+
+\begin{definition}[ Le web ]
+    Le World Wide Web (littéralement la « toile (d’araignée) mondiale », abrégé www ou le Web), la Toile mondiale ou la Toile, est un système hypertexte public fonctionnant sur Internet. Le Web permet de consulter, avec un navigateur, des pages accessibles sur des sites. L’image de la toile d’araignée vient des hyperliens qui lient les pages web entre elles.
+
+    \flushright{Source: Wikipedia}
+\end{definition}
+
+\subsection*{Les navigateurs web}
+
+\afaire{Lister 5 navigateurs web}
+
+\vspace{2cm}
+
+\subsection*{Les languages du web}
+
+On utilise classiquement 3 langages pour programmer des pages web. C'est 3 langages se complètent et ont un rôle distinct dans le rendu final.
+\begin{center}
+    \begin{tabular}{ccc}
+        \includegraphics[scale=0.4]{./fig/CSS3_logo}
+        &
+        \includegraphics[scale=0.9]{./fig/HTML5_logo}
+        &
+        \includegraphics[scale=0.3]{./fig/JavaScript_logo}
+        \\
+        Décoration & Contenu & Interaction
+    \end{tabular}
+\end{center}
+
+\section{HTML}
+
+\begin{definition}[ Le HTML ]
+    Le HyperText Markup Language, généralement abrégé HTML ou, dans sa dernière version, HTML5, est le langage de balisage conçu pour représenter les pages web.
+
+    \flushright{Source: Wikipedia}
+\end{definition}
+
+\subsection*{Les balises}
+
+Les balises permettent de \textbf{structurer} le contenu d'une page HTML.
+
+\begin{center}
+    \includegraphics[scale=2]{./fig/anatomie-element-html}
+\end{center}
+
+Quelques balises:
+\afaire{Reprendre la liste des balises vues en classe et expliquer leur utilité}
+\vspace{2cm}
+
+On peut ajouter à cette liste deux balises génériques qui jouent le role de conteneur pour la décoration CSS:
+\begin{itemize}
+    \item \texttt{<span>...</span>}: balise \textbf{sans} retour à la ligne avant utilisé pour le mise en forme d'une partie d'un texte.
+    \item \texttt{<div>...</div>}: balise \textbf{avec} retour à la ligne avant utilisé pour la mise en forme d'une partie de la page.
+\end{itemize}
+
+\bigskip
+
+Les balises doivent être bien imbriquée. C'est à dire qu'il faut fermer la dernière balise ouverte avant les autres.
+
+\begin{multicols}{2}
+    Balises bien imbriquées
+    \begin{lstlisting}
+    <div>
+        Conversation
+        <p>
+            Bonjour
+        </p>
+    </div>
+    \end{lstlisting}
+
+
+    Balises mal imbriquées
+    \begin{lstlisting}
+    <div>
+        Conversation
+        <p>
+            Bonjour
+    </div>
+        </p>
+    \end{lstlisting}
+\end{multicols}
+
+
+
+\subsection*{Validation}
+
+Même si le rendu d'une page web peut sembler correcte, cela ne signifie pas que le code respecte les normes du HTML. En effet, les navigateurs sont en général très permissifs sur la qualité du code qui leur est fourni.
+
+Ces normes sont définis pas le W3C (World Wide Web Consortium). Cet organisme propose un validateur:
+\begin{center}
+    \url{https://validator.w3.org/#validate_by_upload}
+\end{center}
+
+
+\end{document}

1NSI/02_Programmation_Python_et_microbit/exercises.tex

@@ -123,8 +123,9 @@
         \end{minipage}
     \end{center}
     \begin{enumerate}
+        \setcounter{enumi}{3}
         \item Changer les images affichées.
-        \item Afficher une flèche qui fait le tour autour du centre de la matrice.
+        \item Afficher une aiguille qui tourne.
     \end{enumerate}
 \end{exercise}
 
@@ -145,4 +146,51 @@
     \end{enumerate}
 \end{exercise}
 
+\begin{exercise}[subtitle={Plus ou moins}, step={5}, origin={Classique}, topics={ Programmation Python et microbit }, tags={ Python, Programmation, Architecture }]
+    Écrire un programme qui compte le nombre de fois où vous avez appuyé sur le bouton A et sur le bouton B et qui affiche les symboles:
+    \begin{itemize}
+        \item "=": si vous avez autant appuyé sur A que sur B.
+        \item ">": si vous avez plus appuyé sur A que sur B.
+        \item "<": si vous avez moins appuyé sur A que sur B.
+    \end{itemize}
+\end{exercise}
+
 % ---- Miniprojets
+
+
+\begin{exercise}[subtitle={Queulorior}, step={6}, origin={Pydefi}, topics={ Programmation Python et microbit }, tags={ Python, Programmation, Architecture }]
+    \begin{minipage}{0.15\linewidth}
+        \includegraphics[scale=0.2]{./fig/queulorior-pedia}
+    \end{minipage}
+    \begin{minipage}{0.7\linewidth}
+        Le Queulorior a ceci de particulier que de la peinture s'écoule au bout de sa queue. Ainsi, lorsqu'il se déplace, il laisse une trace.
+    \end{minipage}
+
+    Sacha sait que vous avez un Queulorior et pour communiquer avec vous, il vous envoie des instructions à donner au Queulorior. Ces instructions forment une séquence assez longue composée de 4 lettres : N, S, O et E. La lettre N indique au Queulorior de faire un pas vers le nord, la lettre S lui indique de faire un pas vers le sud, la lettre E un pas vers l'est et la lettre O un pas vers l'ouest.
+
+    Par exemple, donnez ces instructions au Queulorior :
+
+    \begin{center}
+        NNEESOOEES
+    \end{center}
+
+    Il va faire deux pas vers le nord, deux pas vers l'est, un pas vers le sud, deux pas vers l'ouest, deux pas vers l'est et un pas vers le sud, ce qui dessinera un A approximatif :
+
+    \begin{center}
+        \includegraphics[scale=1]{./fig/trajet_queulorior}
+    \end{center}
+
+    Écrire un programme où le message est stocké dans une variable et où le message décodé s'affiche sur l'écran.
+\end{exercise}
+
+\begin{exercise}[subtitle={Snake}, step={6}, origin={Classique}, topics={ Programmation Python et microbit }, tags={ Python, Programmation, Architecture }]
+    On souhaite coder un prototype du jeu snake sur le micro:bit. Vous pouvez le commencer seul ou suivre les étapes suivantes
+    \begin{enumerate}
+        \item Pour le moment le serpent a une taille de 1 pixel. Le faire avancer en ligne droite sur la matrice. Quand il sort de la matrice, tout l'écran doit clignoter.
+        \item On veut pouvoir le faire tourner à droite ou à gauche avec les boutons A et B. Ajouter cette possibilité de changement de direction.
+        \item Ajouter une choses à manger (un pixel). La matrice doit afficher un cœur quand la chose est touché par le serpent puis la chose réapparait à un autre endroit.
+        \item (*) Faire en sorte que le serpent face 2 pixels de long.
+        \item (*) Le serpent doit s'allonger de 1 pixel à chaque fois qu'il mange un pixel.
+        \item (*) La partie doit être perdue quand la tête du serpent touche une partie de son corps.
+    \end{enumerate}
+\end{exercise}

1NSI/Evaluations/DS_2022-09-19/exercises.tex

@@ -32,9 +32,9 @@
                 \begin{tasks}
                     \task{la balise \texttt{p} à la ligne 12 n'est pas fermée.}
                     \task{la balise \texttt{li} à la ligne 14 n'est pas fermée.}
-                    \task{la balise \texttt{p} à la ligne 21 n'est pas fermée.}
+                    \task{la balise \texttt{p} à la ligne 23 n'est pas fermée.}
                     \task{les balises \texttt{p} et \texttt{ul} ne sont pas bien imbriquées.}
-                    \task{les balises \texttt{div} et \texttt{ul} ne sont pas bien imbriquées.}
+                    \task{les balises \texttt{ul} et \texttt{li} ne sont pas bien imbriquées.}
                 \end{tasks}
                 \vfill
             \item Où va nous amener le lien contenu dans la page ci-contre?
@@ -50,7 +50,7 @@
                 \inputminted[bgcolor=base3,linenos]{html}{./annexes/bad_html.html}
             \end{minipage}
 
-        \item Une internaute cliques sur un lien qui envoie la requête HTTP suivante à un serveur:
+        \item Une internaute clique sur un lien qui envoie la requête HTTP suivante à un serveur:
 
             \begin{center}
                 \url{http://jaimelaneige.com/ma\_planche/traitement.php?nom=Snow&prenom=Jon}
@@ -104,7 +104,7 @@
                     \mintinline{css}|h1 {color: blue;}|
                 }
                 \task{
-                    \mintinline{css}| #barretitre {color: blue;}|
+                    \mintinline{css}|#barretitre {color: blue;}|
                 }
                 \task{
                     \mintinline{css}|div {color: blue;}|

2nd/04_evolution/exercises.tex

@@ -0,0 +1,155 @@
+\begin{exercise}[subtitle={Réductions}, step={1}, origin={Inspiré par Dan Meyer}, topics={ Information chiffrée 1 }, tags={ Proportion }, mode={\searchMode}]
+    \begin{enumerate}
+        \item ~\\
+            \begin{minipage}{0.3\linewidth}
+
+                \includegraphics[scale=0.2]{./fig/dueldisc_reduction.jpg}
+            \end{minipage}
+            \begin{minipage}{0.7\linewidth}
+                Quelle réduction choisir pour les objets suivants?
+
+                \bigskip
+
+                \includegraphics[width=0.3\linewidth]{./fig/chair.jpg}
+                \includegraphics[width=0.3\linewidth]{./fig/avengersplay.jpg}
+                \includegraphics[width=0.3\linewidth]{./fig/cdmusic.jpg}
+            \end{minipage}
+
+            \bigskip
+
+        \item  ~\\
+            \begin{minipage}{0.3\linewidth}
+                \includegraphics[scale=0.35]{./fig/perco_avec_red.pdf}
+            \end{minipage}
+            \begin{minipage}{0.7\linewidth}
+                Quelle réduction a été choisie?
+                \bigskip
+
+                \hfill
+                \begin{minipage}{0.2\linewidth}
+                    \begin{bclogo}[logo=\bccube,marge=10]{\LARGE 10\$}%
+                        \tiny
+                        Non remboursable
+                    \end{bclogo}
+                \end{minipage}
+                \hfill
+                \begin{minipage}{0.2\linewidth}
+                    \begin{bclogo}[logo=\bcdodecaedre,marge=10]{\LARGE 19\%}%
+                        \tiny
+                        Il n'y en aura pas deux
+                    \end{bclogo}
+                \end{minipage}
+                \hfill
+                    \begin{minipage}{0.2\linewidth}
+                    \begin{bclogo}[logo=\bcicosaedre,marge=10]{\LARGE 21\%}%
+                        \tiny
+                        Promotions exceptionnelles
+                    \end{bclogo}
+                    \end{minipage}
+                \hfill
+                    \begin{minipage}{0.2\linewidth}
+                    \begin{bclogo}[logo=\bcoctaedre,marge=10]{\LARGE 23\%}%
+                        \tiny
+                        Journée beau temps
+                    \end{bclogo}
+                    \end{minipage}
+                \hfill
+
+
+            \end{minipage}
+
+            \bigskip
+    \end{enumerate}
+\end{exercise}
+
+\begin{exercise}[subtitle={Réductions}, step={1}, origin={Inspiré par Dan Meyer}, topics={ Information chiffrée 1 }, tags={ Proportion }, mode={\trainMode}]
+    \begin{enumerate}
+        \item
+    \end{enumerate}
+\end{exercise}
+
+\begin{exercise}[subtitle={Conversion taux d'évolution et coefficient multiplicateur}, step={1}, origin={Ma tête}, topics={ Information chiffrée 1 }, tags={ Proportion }, mode={\trainMode}]
+    Compléter le tableau suivant
+    \begin{center}
+        \begin{tabular}{|*{4}{p{4cm}|}}
+            \hline
+            Valeur initiale & Taux d'évolution & coefficient multiplicateur & Valeur finale \\
+            \hline
+            100 & $+10\%$ & & \\
+            \hline
+            200 & $+50\%$ & & \\
+            \hline
+            100 & $-10\%$ & & \\
+            \hline
+            60 & $-90\%$ & & \\
+            \hline
+            45 & $+200\%$ & & \\
+            \hline
+            10 &  & $1.3$ & \\
+            \hline
+            550 &  & $0.6$ & \\
+            \hline
+            35 &  & $0.2$ & \\
+            \hline
+            20 &  & $2.5$ & \\
+            \hline
+        \end{tabular}
+    \end{center}
+\end{exercise}
+
+\begin{exercise}[subtitle={Retrouver une réductions}, step={2}, origin={Inspiré par Dan Meyer}, topics={ Information chiffrée 1 }, tags={ Proportion }, mode={\searchMode}]
+    Retrouver la réduction qui a été appliqué à tous ces objets.
+    \begin{center}
+        \includegraphics[scale=1]{./fig/3reductions}
+    \end{center}
+\end{exercise}
+
+\begin{exercise}[subtitle={Retrouver le taux d'évolution et le coefficient multiplicateur}, step={2}, origin={Pris de partout}, topics={ Information chiffrée 1 }, tags={ Proportion }, mode={\trainMode}]
+    Compléter le tableau suivant
+    \begin{center}
+        \begin{tabular}{|*{4}{p{4cm}|}}
+            \hline
+            Valeur initiale & Taux d'évolution & coefficient multiplicateur & Valeur finale \\
+            \hline
+            100 &  & & 80\\
+            \hline
+            200 &  & & 150\\
+            \hline
+            100 &  & & 150\\
+            \hline
+            60 &  & & 200\\
+            \hline
+        \end{tabular}
+    \end{center}
+\end{exercise}
+
+\begin{exercise}[subtitle={Renforcement}, step={2}, origin={Pris de partout}, topics={ Information chiffrée 1 }, tags={ Proportion }, mode={\trainMode}]
+    \begin{enumerate}
+    \end{enumerate}
+\end{exercise}
+
+\begin{exercise}[subtitle={Choisir le bon outil}, step={3}, origin={Pris de partout}, topics={ Information chiffrée 1 }, tags={ Proportion }, mode={\trainMode}]
+    \begin{enumerate}
+        \item L'assemblé nationale est composée de 577 députés dont  155 femmes. Quelle est la proportion de femmes dans l'assemblé nationale?
+        \item Au lycée, il y a 1123 élèves. 240 sont en 2nd et 130 en terminal général. Quelle est la proportion d'élèves en terminal générale dans ce lycée?
+        \item A une altitude de 1000m, 95\% des arbres sont des conifères. On a dénombré 1340 arbre dans une forêt à cette altitude. Combien y aura-t-il d'arbres qui ne sont pas des conifères?
+        \item  Dans un poulailler, il y a 40 poules pondeuses, 50 poules à chaire et 15 coqs. Quelle est la proportion de poules à chaire dans ce poulailler?
+
+        \item Sur un emballage de fromage blanc de 450g, on peut lire qu'il y a 35\% de matière grasse. Quelle est la masse de matière grasse?
+        \item Dans un panier de 30fruits, 33\% des fruits sont pourris. Combien y a-t-il de fruits pourris?
+        \item 140 candidats se sont inscrits à un concours. Seul 10\% seront admis. Combien y aura-t-il d'admis?
+        \item Un village compte 607 logements. Les trois quart sont des appartements. Combien y a-t-il d'appartements?
+
+        \item Un professeur a 14 élèves qui ont un stylo 4 couleurs ce qui représente 40\% de ses élèves. Combien a-t-il d'élèves?
+        \item Un vendeur automobile a vendu 11 voitures bleu. Cela représente un quart de ses ventes. Combien de voiture a-t-il vendu en tout?
+        \item Un ornithologue a compté 25 martins pécheurs. Il estime que cela représenter une proportion de 0.6 de la population totale. Donner une estimation de la population totale.
+
+        \item Un objet coûte 28\euro. Il baise de 10\%. Quel est son nouveau prix?
+        \item Chaque minutes, une population de bactérie augmente de 120\%. Elle est de 120 individus. Quelle sera la population une minute plus tard?
+        \item Un employé est payé \np{1600}\euro par mois. Il demande une augmentation de 15\%. Quel salaire souhaite-t-il avoir?
+
+        \item Le 28 février 2020, on comptait 57 cas de covid en France. Le 29 février, on en comptait 100. Quel a été le taux d'évolution de du nombre de cas?
+        \item La population africain est passé de \np{227 794 000} habitants en 1950 à \np{810 984 000} en 2000. Quel est le taux d'évolution de la population entre ces deux dates?
+        \item En 1994, on comptait \np{600000} utilisateurs d'Internet tandis qu'en 2018 on en comptait \np{53 300 000}. Calculer le taux d'évolution du nombre d'utilisateurs d'Internet.
+    \end{enumerate}
+\end{exercise}

2nd/04_evolution/index.rst

@@ -0,0 +1,12 @@
+evolution
+#########
+
+:date: 2022-09-19
+:modified: 2022-09-19
+:authors: Benjamin Bertrand
+:tags: Information chiffrée
+:category: 2nd
+:summary: Découverte et manipulation des taux d'évolutions.
+
+Étape 1:
+========

2nd/04_evolution/plan_de_travail.tex

@@ -0,0 +1,49 @@
+\documentclass[a4paper,12pt]{article}
+\usepackage{myXsim}
+
+\author{Benjamin Bertrand}
+\title{Évolution - Plan de travail}
+\tribe{2nd}
+\date{septembre 2022}
+
+\pagestyle{empty}
+
+\DeclareExerciseCollection{banque}
+\xsimsetup{
+}
+
+
+\begin{document}
+\maketitle
+
+% Résumé
+
+\bigskip
+
+Savoir-faire de la séquence
+\begin{itemize}
+    \item Évolution : variation absolue, variation relative.
+    \item  Exploiter la relation entre deux valeurs successives et leur taux d’évolution.
+\end{itemize}
+
+\bigskip
+
+\section{Appliquer une évolution}
+
+\listsectionexercises
+
+\section{Calculer un taux d'évolution}
+
+\listsectionexercises
+
+\section{On mélange tout}
+
+\listsectionexercises
+
+\bigskip
+
+\input{exercises.tex}
+\printcollection{banque}
+
+
+\end{document}

2nd/04_evolution/solutions.tex

@@ -0,0 +1,28 @@
+\documentclass[a4paper,10pt]{article}
+\usepackage{myXsim}
+
+\usetikzlibrary{shapes.geometric}
+
+\author{Benjamin Bertrand}
+\title{evolution - Solutions}
+\tribe{2nd}
+\date{septembre 2022}
+
+\DeclareExerciseCollection{banque}
+\xsimsetup{
+    exercise/print=false,
+    solution/print=true,
+}
+
+\pagestyle{empty}
+
+
+\begin{document}
+
+\maketitle
+
+\input{exercises.tex}
+%\printcollection{banque}
+%\printsolutions{exercises}
+
+\end{document}