S0-Informations numériques

Coder tout type d'informations

1-Comment coder un chiffre, un texte ?

S0-Diaporama.pdf

Codage-binaire.pdf

Travail à faire :

- Découvrir le codage des chiffres en binaire.

Les cartes binaire (Classe entiere)

- Expliquer pourquoi le binaire.

TP - Coder des caractères en code ASCII.

1 - Télécharger les fichiers snt.txt et snt.doc et les enregistrer sur votre PC :

2 - Ouvrir les fichiers snt.txt et snt.doc avec le blocnote de windows

3 - Ouvrir les fichiers snt.txt et snt.doc à partir de l'application en ligne HexEd.it

Activité livre p73 - Document 3

Code ASCII : Codez votre prénom en binaire et en hexadécimal

Ressource :

ASCII.jpg

Ressources

Source : MOOC Enseigner en ICN - INRIA

La version pdf

TD-Exercices conversion :

Binaire en décimal

01010101
11111111
10011001

Hexadecimal en binaire

Hexadecimal en décimal

Décimal en binaire

Décimal en Hexadécimal

2-Comment coder une image ?

Activité d'introduction :

Réaliser une forme simple dans le tableau n°1 ci-contre, (10x10) 100 cases.
Convertir le dessin selon le code suivant : 0=case noire, 1 =case blanche (en partant en haut, à gauche)
Reconstruire le dessin d'un camarade à partir du code indiqué.

TP - Coder une image

Codage-image.pdf

Travail à faire :

1 - Télécharger le fichier image 8px.bmp :

(clic droit puis enregistrer sous)

2 - Ouvrir le fichier dans l'application en ligne HexEd.it :

3 - Compléter la colonne 'Code (Héxadécimal") du tableau de la fiche de travail en relevant chaque code hexadécimal de l'image lu sur HexEd.it

4 - À partir du document ressource ci-dessous, compléter la colonne "Signification" en expliquant ce que chaque bout de code du fichier représente :

Coder une couleur

Compléter la fiche travail à partir des ressources ci-dessous :

- Comprendre le codage des couleurs RGB :

https://htmlcolorcodes.com/fr/

http://www.f-legrand.fr/scidoc/simul/image/espaceRGB.html

Convertisseur décimal, hexadecimal, binaire :

https://sebastienguillon.com/test/javascript/convertisseur.html

TP - Un autre code pour créer des images

1 - Ouvrir les 2 fichiers images dans le navigateur web

Fichiers images > Plan-Lyon-Metro-Tramway :

2 - Zoomer à 300% en faisant un CTRL + Molette de la souris

3 - Comparer les images et compléter la fiche travail avec vos remarques.

4 - Dans le navigateur faire un clic droit sur l'image et afficher le code source. Que remarquez-vous ?

5 - Quel est d'après vous l'avantage du format .svg

TP - Réaliser son premier dessin en .svg

1) Ouvrir notepad (Démarrer > Tous les programmes > Accessoires).

2) Copier le code "disque noir" suivant :

<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?><svg width="800px" height="800px" xmlns="http://www.w3.org/2000/svg"><circle cx="400px" cy="400px" r="100px" fill="black" /><title> Disque noir en SVG </title><desc> <Creator>Prenom NOM</Creator> </desc></svg >

3) Enregistrer le fichier sous votre nom-cercle-noir.SVG (N'oubliez pas l'extension en .SVG)