Comment coder une image ?
De Wikidebrouillard.
(→Ressources internes et externes) |
(→Ressources internes et externes) |
||
| (9 versions intermédiaires masquées) | |||
| Ligne 1 : | Ligne 1 : | ||
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 ? | 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 ? | ||
| - | ==Mots | + | ==Mots Clés== |
Image. | Image. | ||
Code. | Code. | ||
| Ligne 12 : | Ligne 12 : | ||
Une image matricielle (ou bitmap) est une image constituée d'une matrice de points colorés. | Une image matricielle (ou bitmap) est une image constituée d'une matrice de points colorés. | ||
| - | C'est-à-dire | + | 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== | ==Objectifs== | ||
| Ligne 22 : | Ligne 22 : | ||
==public== | ==public== | ||
| - | A | + | A partir du cycle 3. |
==Durée== | ==Durée== | ||
| Ligne 28 : | Ligne 28 : | ||
==Matériel== | ==Matériel== | ||
| - | * carte "code" (carte flèches,carte gribouill, carte coins)) | + | * carte "code" (carte flèches, carte gribouill, carte coins)) |
* code existant | * code existant | ||
* dessin existant | * dessin existant | ||
* carte "dessin" (carré noir et blanc) | * carte "dessin" (carré noir et blanc) | ||
| - | [[Média:Codage_d_une_image.pdf| | + | [[Média:Codage_d_une_image.pdf|Télécharger tous les docs nécessaires à l'atelier]] |
==Pré-requis== | ==Pré-requis== | ||
| Ligne 39 : | Ligne 39 : | ||
==Protocole/deroulé/explications== | ==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. | * Essayer de dégager la logique de création d'un code et/ou d'un dessin. | ||
| - | * Garder les | + | * Garder les binômes précédemment formés. |
| - | * Un des deux membres du | + | * 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. | * Le deuxième possède les cartes dessin et doit représenter le code fourni par son collège. | ||
| - | * Garder les mêmes | + | * Garder les mêmes binômes. |
* Celui possédant les cartes "dessin" doit réaliser un dessin avec celle-ci. | * 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. | * Le deuxième possédant les cartes "code" doit mettre en place un cadre permettant de réaliser le dessin de son collègue. | ||
| Ligne 54 : | Ligne 54 : | ||
Explication : | Explication : | ||
| - | Une image peut être divisée en un tableau (=une matrice) | + | 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== | ==Points délicats/Vigilance== | ||
==Liens avec la vie quotidienne== | ==Liens avec la vie quotidienne== | ||
| - | Les images en | + | 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== | ==+ loin== | ||
| Ligne 74 : | Ligne 73 : | ||
[[Catégorie:Réussir à l'école avec wikidébrouillard ]] | [[Catégorie:Réussir à l'école avec wikidébrouillard ]] | ||
[[Catégorie:Éducation au numérique (livret)]] | [[Catégorie:Éducation au numérique (livret)]] | ||
| + | [[Catégorie:Fiche péda]] | ||
Version actuelle en date du 23 juillet 2015 à 15:55
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
S'inscrire
Login
Aide
- Dernière modification de cette page le 23 juillet 2015 à 15:55.
- Cette page a été consultée 11 888 fois.
- Contenu disponible sous Creative Commons - Paternite Partage a l'identique (CC-BY-SA).
- Politique de confidentialité
- À propos de Wikidebrouillard
- Avertissements