Différences

Ci-dessous, les différences entre deux révisions de la page.

--- aseba:seances-4-5 [2018/11/14 15:12] – [L'encodage] cyrille
+++ aseba:seances-4-5 [2019/07/17 19:24] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
-====== Programmation et robotique en classe. Séances 4 et 5 ======
+====== Programmation et robotique en classe. Séances 4 et 5. Encoder une image. ======
+Basé sur le [[http://www.fondation-lamap.org/fr/123codez|livre 1,2,3 Codez]], présentation des activités menées en classe.
 =====Inducteur =====
@@ Ligne 8: / Ligne 9: @@
 Et hop ! L'inducteur est en place.
-===== L'activité =====
+===== Pixelliser et coder une image NOIR ET BLANC =====
+==== L'activité ====
 ON distribue une image du chapeau et des quadrillages de 7 X 7.
@@ Ligne 28: / Ligne 30: @@
 Pour bien montrer que chaque image d'un ordinateur fonctionne ainsi, il suffit d'en projeter une au tableau et de zoomer jusqu'à l'apparition des pixels.
-===== L'encodage =====
+==== L'encodage ====
 Au tableau, on synthétise ce qui a été fait lors du premier test (7 X 7)
 Et on propose de coder cette image.
@@ Ligne 56: / Ligne 58: @@
-===== Pixel Art =====
+==== Pixel Art ====
 Enfin on finit la séance par une activité de réinvestissement plus ludique avec des images couleurs à pixeliser.
 Cf section Ressources pour des utilitaires en ligne de **Pixel-Art** et **fiche Ressources 18** avec grilles de **la fiche 17**.
-===== Pixeliser et coder une image =====
+===== Pixelliser et coder une image NOIR ET BLANC (2)=====
+Réinvestissement de la séance précédente.
+On distribue aux élèves les **fiches 39** et **40**.
+Et on leur demande à l'aide d'un calque de reproduire une figure sur une grille de leur choix.
+On mutualise les productions et réinvestit les notions de pixel et de résolution.
+On rappelle les règles de l'encodage, c'est à dire  **0 pour le blanc** et **1 pour le noir**.
+Ensuite sur un éditeur de fichier le plus simple (**mousepad**, **leafpad**, **xed**... sous **Linux** ou **Notepad** sous **Windows**), ils encodent leur dessin en respectant
+//**Première ligne : Nom du fichier. Exemple P1
+Seconde ligne : Taille de ligne Longueur par Largeur
+Troisième : Encodage ligne par ligne
+**//
+Ensuite on ouvre ce même fichier dans un visualisateur d'image (exemple : **xnView**).
+|{{ :aseba:capture_d_ecran_2018-11-21_16-54-04.png?200|}}|{{:aseba:capture_d_ecran_2018-11-21_16-51-04.png?200 |}}|
+<WRAP center round tip 60%>
+Je recommande [[https://www.xnview.com/fr/|xnView]] car il ne "lisse" pas les pixels et permet de garder un zoom avec des pixels réellement noirs ou blancs de forme carrée.
+</WRAP>
+__**Objectifs :**__
+  * une image n'est qu'un fichier texte contenant un code couleur pour chacun de ses pixels.
+  * Plus il y a de pixels, plus l'image est nette (résolution).
+===== Pixelliser et coder une image EN NIVEAUX DE GRIS (16) =====
+Séance à venir
+===== Pixelliser et coder une image COULEUR =====
+Séance à venir
 ===== Ressources =====
   * __Les fiches 1 2 3 Codez__
@@ Ligne 67: / Ligne 109: @@
   * {{ :aseba:fiche_17.pdf |}}
   * {{ :aseba:fiche_18.pdf |}}
+  * {{ :aseba:fiche_39.pdf |}}
+  * {{ :aseba:fiche_40.pdf |}}
   * __Petit logiciel pour pixeliser une image__
   * [[http://castor-informatique.fr/questions/lamap/demo_guide_lamap.html]]
   * __Des logiciels de "pixel art" en ligne__
   * [[http://www.makepixelart.com/free/|Make Pixel Art]]
   * [[http://pix-attack.com/editeur-pixel-art|Pix Attack]]
+<WRAP center round tip 60%>
+**Sous Linux** : pour le codage RGB, utiliser en parallèle les utilitaires **gpick** ou **gcolor2**
+<code>
+aptitude search gpick gcolor2</code>
+Des équivalents existent pour **windows** et **Mac**
+</WRAP>

Cyrille BIOT

Outils pour utilisateurs

Outils du site

Différences

Outils de la page