Warning: putenv() has been disabled for security reasons in /home/users4/d/debrouilloweb/www/wikidebrouillard/LocalSettings.php on line 193

Warning: putenv() has been disabled for security reasons in /home/users4/d/debrouilloweb/www/wikidebrouillard/LocalSettings.php on line 197

Warning: putenv() has been disabled for security reasons in /home/users4/d/debrouilloweb/www/wikidebrouillard/includes/parser/Parser.php on line 2338

Warning: putenv() has been disabled for security reasons in /home/users4/d/debrouilloweb/www/wikidebrouillard/includes/parser/Parser.php on line 2338

Warning: putenv() has been disabled for security reasons in /home/users4/d/debrouilloweb/www/wikidebrouillard/includes/parser/Parser.php on line 2338

Warning: putenv() has been disabled for security reasons in /home/users4/d/debrouilloweb/www/wikidebrouillard/includes/parser/Parser.php on line 2338

Warning: putenv() has been disabled for security reasons in /home/users4/d/debrouilloweb/www/wikidebrouillard/includes/parser/Parser.php on line 2338
[ Wikidébrouillard ] Comment coder une image ?

Comment coder une image ?

De Wikidebrouillard.

Nous sommes entourés d'écrans (télé, ordinateur, tablette, smartphone) qui nous bombardent d'images numériques, mais comment font-ils pour les afficher ? Comment font-ils pour recréer des images numériques afin qu'elles soient visibles ?

Sommaire

Mots Clés

Image. Code. Pixel

Histoire/Anecdotes

Une image d'ordinateur est soit matricielle, soit vectorielle. Les images classiques (.jpg par exemple) sont des images matricielles.

Une image matricielle (ou bitmap) est une image constituée d'une matrice de points colorés. C'est-à-dire constituée d'un tableau, d'une grille, où chaque case possède une couleur qui lui est propre et est considérée comme un point.

Le textile utilise ce genre de technique, notamment ceux de Jacquard ou le point de croix. Dans la technique de la mosaïque, déjà pratiquée par les Grecs et les Romains, les images sont représentées par la juxtaposition de petits carreaux de pierre ou de faïence colorés (les tesselles). Tout ceci est à l'origine des images en « carte de points Â», ou en anglais, « bitmap Â».

Objectifs

  • se familiariser avec le codage des images en grille de cases noires et blanches
  • comprendre qu’il peut exister plusieurs codes pour un même résultat
  • comprendre que l’on peut passer d’une image à un code (codage/numérisation) ou d’un code à une image (décodage)

public

A partir du cycle 3.

Durée

minimum 30 min

Matériel

  • carte "code" (carte flèches, carte gribouill, carte coins))
  • code existant
  • dessin existant
  • carte "dessin" (carré noir et blanc)

Télécharger tous les docs nécessaires à l'atelier

Pré-requis

Aucun

Protocole/deroulé/explications

  • Répartir les participants par binômes, chaque binôme possède plusieurs cartes dessin complètes et plusieurs codes complets.
  • Demander à chaque binôme d'associer à chaque code le dessin correspondant.
  • Essayer de dégager la logique de création d'un code et/ou d'un dessin.
  • Garder les binômes précédemment formés.
  • Un des deux membres du binôme possède les cartes "code" et doit créer un code pour une image
  • Le deuxième possède les cartes dessin et doit représenter le code fourni par son collège.
  • Garder les mêmes binômes.
  • Celui possédant les cartes "dessin" doit réaliser un dessin avec celle-ci.
  • Le deuxième possédant les cartes "code" doit mettre en place un cadre permettant de réaliser le dessin de son collègue.

Mais comment ça marche ?

Explication :

Une image peut être divisée en un tableau (=une matrice) composée d'énormément de petits carrés. Dans le cas d'une image noir et blanc, chaque carré peut prendre soit la couleur noire soit la couleur blanche. Dans le cas des images en couleur, chaque petit carré peut prendre une des trois couleurs suivantes : rouge, vert ou bleu. L'agglomération de tout ces petits carrés forme à grande échelle une image. Ces petits carrés s'appellent des pixels, ils sont commandés par un système afin de prendre une couleur spécifique, il faut donc comme dans l'expérience lui dire la position exacte des pixels et quelles couleurs ils doivent prendre.

Points délicats/Vigilance

Liens avec la vie quotidienne

Les images en informatique sont définies par les pixels, les systèmes informatiques procèdent de la même façon que dans l'expérience, seules les façons d'indiquer la localisation du pixel et sa couleur diffèrent.

+ loin

Activité "Pixel Art" : Comment coder une image couleur ?

Ressources internes et externes

FI

Comment coder une image ?

Rechercher

Page Discussion Historique
Powered by MediaWiki
Creative Commons - Paternite Partage a l

© Graphisme : Les Petits Débrouillards Grand Ouest (Patrice Guinche - Jessica Romero) | Développement web : Libre Informatique