lOMoARcPSD|60588631
Cours compétence numérique 2
Compétences numériques 2 (Université Grenoble-Alpes)
Scan to open on Studocu
Studocu is not sponsored or endorsed by any college or university
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
Calque
•Avant ou après Toussaint eval sur machine
Traitement de texte
•Rendre texte mis en page selon le modèle donnée en suivant les bonne pratique (style,
mise en forme …)
Puis ajouté image avec licence, site… avec la bonne taille (dossier max 100 150 KO)
Le tours du monde en montgolfière
5 images en rapports avec le voyage (elle avoir la bonne taille et être mis comme il faut)
➔Rendre dernière semaine avant Noel
•Examen QCM pour le partiel portera sur le CM et TD
➔Pas de licence écrite en clair on ne peut rien faire
-Episode 1-
➔Pas de licence écrite en clair on ne peut rien faire
Images numériques
•Qu’est ce qu’une image numérique ?
Sur le plan technique, une image numérique est…
[Link] ensemble de pixels
[Link] description géométrique des objets visuels
[Link] deux
•Image numérique: matricielle / vectorielle
-Les images matricielles (bitmap en anglais) sont des ensembles de points appelés pixels
(pixel est l'abréviation de PICture ELement) qui représentent les plus petits éléments
constitutifs d'une image. L'ensemble de ces pixels est contenu dans un tableau à deux
dimensions constituant l'image, telle que représentée sur un écran.
-Les images vectorielles sont des représentations d'entités géométriques telles qu'un
cercle, un rectangle, un segment ou une courbe. Celles-ci sont représentées par des
formules mathématiques.
-Les photographies numériques sont codées sous forme matricielle, tandis que les dessins
créés à la main comme les croquis, les schémas ou les organigrammes sont codés sous
forme vectorielle à leur création.
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
•De quoi dépend le poids d’une image numérique ?
Le poids d’une image numérique dépend…
[Link] la netteté de ce qu’on voit quand on zoome
[Link] son codage, selon qu’il est matriciel ou vectoriel
[Link] la taille selon laquelle elle s’affiche à l’écran
[Link] nombre de couleurs qu’elle comporte ➔ oui si elle est matriciel
•Zoom pour une image vectorielle / matricielle
-Image vectorielle prends moins de
place
-Vectorielle à matricielle →on perd de la
place
-Car dans 95% des cas matricielle et
plus grande que la vectorielle
•Test
Les image d’un service de cartographie en ligne utilisent:
[Link] représentation vectorielle
[Link] représentation matricielle
•Dimension d’une image B
Les dimensions d’une image matricielle sont définies…
[Link] la place qu’elle occupe sur l’écran
[Link] le nombre de pixels qu’elle contient
Les dimension d’une image vectorielle est définie…
[Link] les dimensions du cadre qui l’englobe
[Link] notion n’a pas de sens
•Définition d’une image et profondeur de couleur
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
•Définition d’une image et profondeur de couleurs
RGB: Red Green Blue en français RVB
Traité les images avant de les mettre dans les fichiers
•Profondeur de couleur
Quand on réduit une image puis on l’agrandis on ne retrouvera jamais la photo
d’origine
•Codage d’une image matricielle
-Une image matricielle est représentée par un tableau à deux dimensions dont chaque
case est un pixel. Les dimensions de largeur et hauteur sont appelées définition de l'image
(exemple : 800 x 600). Chaque case contient une valeur déterminant la couleur du pixel
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
correspondant. Par exemple, une image en noir et blanc est représentée par un tableau
qui contient des 0 pour les pixels blancs et des 1 pour les pixels noirs. Ces deux valeurs
peuvent être codées sur un bit. Pour une image en couleurs, il est nécessaire de
représenter les différentes couleurs : un bit ne suffit plus !
-On appelle profondeur de couleur le nombre de bits nécessaire pour stocker la couleur ou
l'intensité des pixels d'une image. Il existe plusieurs standards de codage de la profondeur
de couleur :
-noir et blanc: en stockant un bit dans chaque case, il est possible de définir deux
couleurs (noir ou blanc).
-16 couleurs : en utilisant 4 bits pour chaque pixel, il est possible de définir 16
couleurs différentes.
-256 couleurs : en utilisant un octet pour chaque pixel, il est possible de définir 256
couleurs différentes.
-16 millions de couleurs (true color) : la couleur d'un pixel est représentée par un
entier comportant les trois composantes RGB (Rouge Vert Bleu), chaque couleur étant
codée sur un octet, c'est-à-dire au total 3 x 8 = 24 bits; il est possible d'ajouter une
quatrième composante pour coder l'information de transparence ou de texture, auquel cas
la couleur d'un pixel est codée sur 32 bits.
•Image: la compile 1
•Codage •Caractéristiques d’une image
-représentation matricielle / bitmap -matricielle
(carte de pixels) -définition = hauteur * largeur
-représentation vectorielle (géométrie) -poids = hauteur (pixels) * profondeur
de couleur (bits)
-x taux de compression !!!
-au zoom: se dégrade
•Logiciel d’édition d’image •Vectorielle
-vectorielle: LibreOffice, Draw, Adobe -au zoom: reste intacte
Illustrator, Inkscape…
-matricielle: Paint, IrfanView, Xnview…
•Photoshop…
[Link] un logiciel de dessin vectorielle
[Link] un logiciel de traitement d’image matricielle
[Link] édité par Microsoft
[Link] gratuit
E.A donné lieu à un verbe dans le langage courant
•Photoshop battle
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
[Link] est-encore-au-coeur-dune-photoshop-battle-003
•Formats d’image compressés
Parmi les formats suivants, lesquels sont compressés?
[Link] (Portable Network Graphics)
[Link] (Graphics Interchange Format)
[Link] (Joint Photographers Expert Group)
[Link] (BitMaP)
•Réduire le poids d'une image
On comprend ainsi que pour réduire le poids d'une image, on peut réduire sa définition
(supprimer des pixels): c'est utile si on n'a pas besoin de l'afficher ou l'imprimer en grand.
On pourrait aussi envisager de diminuer la profondeur de couleur, mais on perdrait ainsi
en qualité visuelle puisque cela supprimerait des nuances de couleurs, sauf à adopter
l'approche en couleurs indexées (compression PNG).
Enfin, une autre approche consiste à appliquer un algorithme de compression comme
JPEG, qui regroupe en rectangles plus ou moins grands les pixels voisins de même
couleur.
•Compresser une image
Couleur indexées (PNG) Rectangles (JPG)
Palette des couleurs de l’image considérée On regroupe les pixels voisins portant la même
couleur…
On code chaque couleur (bien moins que 16M!)
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
•Formats d’images compressés
Les algorithmes de compression s'appliquent automatiquement lorsqu'on enregistre une
image dans un format compresse, comme JPEG ou PNG.
Lors de l'enregistrement dans un de ces formats, on peut choisir le taux de compression
souhaité.
Pour JPEG, ce taux s'exprime comme un niveau de qualité : 100 % indique une
compression sans perte, c'est-à-dire que les rectangles ne regroupent que les pixels
portant exactement la même couleur ; à 80 % par exemple, l'algorithme pourra regrouper
sous une même couleur des pixels voisins qui ne sont pas tout à fait de la même couleur.
Pour PNG, ce taux s'exprime comme un niveau de compression : 9 indique que la
compression est maximale, alors que 0 ne réalise aucune compression en dehors du
codage en couleurs indexées.
•Images
-Les images peuvent être classifiées selon le nombre de bits utilisés dans leur
représentation
-Monochrome (noir et blanc)
1 bit par pixel
-Niveaux de gris (Gray scale, 256 nuances de gris)
1 octet par pixel
-Couleurs
Jusqu'à 24bits = 16.7 millions (32 bits avec un alpha)
•1-bit Monochrome
-Type d'image le plus simple
-Ne contient pas de couleur
-Chaque pixel est codé sur 1 seul bit (0 or 1)
→ Image binaire
-Usage
Tickets de caisse, journaux, fax, etc.
•Taille d’une image monochrome
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
1024 o (octet) ➔ 1 ko
1024 ko ➔ 1 Mo
1024 Mo ➔ 1 Go
1024 Go ➔ 1 To
•Niveau de gris
Chaque pixel est codé sur un seul octet
Chaque pixel a une valeur grise parmi 256 nuances (i.e. 2^8)
•Taille d’une image
Image en niveaux de gris
256 couleurs
480 px par 640 px
•Image 24 bits
-Un pixel est représenté par 3 octets (RGB)
-Supporte 256 x 256 x 256 couleurs possibles (i.e, 16777216)
-Connue sous le nom de Couleur vraie (True Color)
L'oeil humain différencie 10 millions de couleurs
-Format gourmand en taille d’image
-Ex. Taille d'une image 24 bits 640 x 480 : 921.6 kB (sans compression)
•Séparation en canaux de couleurs
Image rouge, verte ou bleu affiché en gris pour mieux voir les détails
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
•Image 32 bits
-Les images sont parfois codées sur 32 bits pour représenter un effet sur le pixel
-L’octet supplémentaire s’appelle le canal alpha
-Souvent utilisé pour gérer des effets de transparence
-Par exemple, pour la composition d’objets se recouvrant
•Image 8 bits (couleurs indexées)
-Quand la taille de l'image (stockage, transfert) importe, on peut utiliser des couleurs
indexées (256 couleurs codées sur 24 bits)
-Tous les systèmes sont compatibles
-Même sur smartphones
-Ces images utilisent une palette de couleurs ou lookup table (LUTs) pour sauvegarder
l'information de couleur
-Le pixel ne code pas directement la couleur mais l'index d'une couleur dans la
palette
•Format populaire sur le Web
-GIF: Le plus ancien et encore très populaire du fait de son intrication historique avec
HTLM
-JPEG: Le type de fichier le plus répandu actuellement
-PNG: Remplaçant de GIF
-SVG: Format vectoriel
•GIF (Graphics Interchange Format)
-Développé et breveté par CompuServe en 1987
-Encore très utilisé sur Internet
-Limité à 256 couleurs indexées → 8-bits
-Peut stocker plusieurs images et contrôler le défilement et la transparence pour
faire des animations
-Une couleur spéciale sert de couleur transparente (pas d’alpha)
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
-Compression sans perte
-Hors réduction de couleurs
-Application pour les dessins au trait, les clip arts et les images avec de gros aplat de
couleurs 9 12 Stone Art
•Gif animé
•Transparence du GIF
-Une couleur de la palette est désignée comme étant transparente
-Tous les pixels dans cette couleurs ne seront pas rendus à l’écran
•JPEG (Joint Photographers Expert Group)
-Plus de 16 millions de couleurs
-Adéquate pour les photos
-Compression avec perte pour réduire au maximum la taille
-Réduction de la résolution de l’image
-Distorsion des lignes
-Les images JPEG sont dégradées avec un facteur de qualité
-Proche de 100 → dégradation peu perceptible, faible compression
-Proche de 0 → très forte dégradation, fichier peu volumineux
-75 est généralement un bon compromis
•JPEG Quality Factor
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
•Dégradation
-Les dégradations causées à l'image sont cumulatives
-i.e., si vous lisez une image JPEG et que vous réappliquer l'encodage en JPEG,
de nouvelles dégradations de l'image vont apparaître
-Très mauvais résultats sur les lignes droites et les textes
-Dégradation visible
-Ce type d'image doit utiliser GIF ou PNG
-Très bon résultat sur les photographies
•JPEG Progressif
-Deux types d'image PEGI
-JPEG séquentiel : qui stocke les images par blocs
-JPEG progressif: l'image apparait "par couche", semble hors du focus au départ
et s’affine par la suite
-Avantage
-On peut voir un pré-rendu de l'image complète lors du chargement
-Désavantage
-Coût en calcul plus important
•PNG (Portable Network Graphic)
-Créé pour être une alternative gratuite et plus performante à GIF
-Compression sans perte
-Mais pas d’animation
-3 types d'images supportés: True color, gray scale, indexée «
-JPEG supporte les 2 premiers.
-GIF supporte le 3ème. «
-Supporté par tous les navigateurs actuels
-GIF ne devrait servir qu'aux animations
•SVG (Scalable Vector Graphics)
-Développé à partir de 1999 par le W3C
-SVG est un format XML
-C’est donc un fichier texte !!
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
-Format descriptif à partir de primitive de dessin (cercles, rectangles, courbes de
Béziers,…)
-Supporte le changement d’échelle
-Important pour HTML5 ! (balise « svg »)
•SVG-exemple
•Tableau comparatif
GIF JPEG PNG SVG
Application Line Art, Image Photographies, Images avec Dessins
avec peu de Images avec beaucoup de composites
couleurs, texte beaucoup de couleurs / Textures,
couleurs / textures texte
Vitesse a chage ++ --- - --
Béné ces Transparence, Bonne Compression sans Changement
animation compression pour perte d’échelles
les photos
Nb couleurs 256 16,7 millions 16,7 millions 16,7 millions
Formats et interopérabilité
•Formats d’image
Parmi les formats suivants, lesquels sont matriciels ?
[Link] (Portable Network Graphics)
[Link] (Graphics Interchange Format)
[Link] (Joint Photographers Expert Group)
[Link] (Stable Vector Graphics)
[Link] (Bitmap)
[Link] (Adobe Illustrator)
[Link] (Adobe Photoshop)
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
fi
ffi
lOMoARcPSD|60588631
•Format, extension
Le format d’un fichier détermine la façon dont l’information est codée à l’intérieur.
L’extension (ex: [Link]) est une partie du nom du fichier qui désigne un format.
•Formats d’image ouverts
Parmi les formats suivants, lesquels sont ouvert ?
[Link] (Portable Network Graphics)
[Link] (Graphics Interchange Format)
[Link] (Joint Photographers Expert Group)
[Link] (Scable Vector Graphics)
[Link] (BitMaP)
[Link] (Adobe Illustrator)
[Link] (PhotoShop Document)
[Link] (Open Document Graphics)
•Format ouvert, format propriétaire
Pour qu’un logiciel puisse exploiter les fichiers produits par un autre logiciel, il doit
connaitre les spécifications du format des fichiers. Si les spécifications sont publiées par
un organisme de normalisation il s’agit d’une norme; si elles sont publiées par un autre
type d’organisme, il s’agit d’un standard.
Un format est dit ouvert si ses spécifications sont publiées et accessibles de tous. Dans le
cas contraire, on parle de format fermé ou propriétaire.
•Interopérabilité
La compatibilité est la possibilité pour deux systèmes de types différents de fonctionner
ensemble, notamment en utilisant les mêmes fichiers de données.
Lorsqu’un acteur devient dominant dans un domaine, les autres acteurs font en sorte
d’être compatibles avec lui.
-Avantage: l’ensemble des systèmes peuvent à peu près fonctionner ensemble
-Inconvénient: l’acteur dominant contrôle d’une certaine manière cette possibilité.
L’interpérabilité est la possibilité pour différents systèmes de fonctionner ensemble sans
dépendre d’un acteur particulier. Elle repose sur la présence d’un standard ouvert.
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
L’interpérabilité est la capacité que possède un produit ou un sytème, dont les interfaces
sont intégralement connues, à fonctionner avec d’autres produits ou systèmes existants
ou futurs et ce sans restriction d’accès ou de mise en oeuvre.
•Format d’image compressés
Parmi les formats suivants, lesquels sont compressés?
[Link] (Portable Network Graphics)
[Link] (Graphics Interchange Format)
[Link] (Joint Photographers Expert Group)
[Link] (BitMaP)
•Réduire le poids d’une image
On comprend ainsi que pour réduire le poids d’une image, on peut réduire sa
définition (supprimer des pixels): c’est utile si on n’a pas besoin de l’afficher ou l’imprimer
en grand.
On pourrait aussi envisager de diminuer la profondeur de couleur, mais on perdrait ainsi
en qualité visuelle puisque cela supprimerait des nuances de couleurs, sauf à adopter
l’approche en couleurs indexées (compression PNG).
Enfin, une autre approche consiste à appliquer un algorithme de compression comme
JPEG, qui regroupe en rectangles plus ou moins grands les pixels voisins de même
couleur.
•Compresser une image…
•Formats d'images compressés
Les algorithmes de compression s'appliquent automatiquement lorsqu'on enregistre
une image dans un format compressé, comme JPEG ou PNG.
Lors de l'enregistrement dans un de ces formats, on peut choisir le taux de
compression souhaité.
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
Pour JPEG, ce taux s'exprime comme un niveau de qualité : 100% indique une
compression sans perte, c'est-à-dire que les rectangles ne regroupent que les
pixels portant exactement la même couleur ; à 80 % par exemple, l'algorithme
pourra regrouper sous une même couleur des pixels voisins qui ne sont pas tout à
fait de la même couleur.
Pour PNG, ce taux s'exprime comme un niveau de compression : 9 indique que la
compression est maximale, alors que 0 ne réalise aucune compression en dehors
du codage en couleurs indexées.
•Formats de vidéo
AVI (Audio Video Interleave)
WMV (Microsoft)
MOV (Apple)
DivX (... voir le roman https:/[Link]/wiki/DivX)
MPEG4 (norme)
FLV (Adobe - Flash)
Droit d’auteur et licences
•Où ai-je trouvé le cube en 3D ?
•Licence associée
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
•Collaboration CreativeCommons et ministère de la culture
•par Framasoft
•Quizz 1 télécharger une vidéo
Sondage: j’ai besoin de télécharger une vidéo trouvée en ligne
[Link]
[Link]
[Link]
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
•Quizz 2 télécharger une vidéo
Sondage: lorsque je veux télécharger une vidéo je galère…
[Link]
[Link]
[Link]
[Link]
•Exemple en direct
On part de là…
[Link]
1-la télécharger
2-l’intégrer au diaporama
•Droit d’auteur
En France, c’est le droit d’auteur qui protège les oeuvres de l’esprit (texte, musique,
photographie, schéma, programme informatique, etc). Il se compose du droit moral et des
droits patrimoniaux.
Le droit moral reconnait la paternité de l’auteur et protège l’intégrité de l’oeuvre. Ce droit
est perpétuel.
Les droits patrimoniaux permettent à l’auteur (ou à ses héritiers) d’être rémunéré pour
chaque utilisation de l’oeuvre.
Conformément à l’article L 111-1 du Code de la Propriété Intellectuelle, les oeuvres sont
protégées du seul fait de leur création. Il n’y a aucune formalité de dépôt à réaliser.
Il est toutefois possible de déposer l’oeuvre auprès d’un huissier de justice afin de créer
une preuve de paternité datée en cas de litige.
Une oeuvre tombe dans le domaine public à l’expiration des droits patrimoniaux. L’oeuvre
peut alors être utilisée librement à condition de respecter le droit moral de l’auteur (citation
et intégrité).
Conformément à l’article L 123-1 du Code de la Propriété Intellectuelle, les droits
patrimoniaux cessent en 70 ans après la mort de l’auteur.
•Copyright
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
Dans les pays anglo-saxons, c’est le copyright qui protège les oeuvres de l’esprit
Si on veut comparer le copyright au droit d'auteur, on pourrait dire que le copyright
concerne davantage les droits patrimoniaux que le droit moral.
En France, les mentions "Copyright", © ou "Tous droits réservés" n'ont aucune valeur
juridique. Elles ont seulement un rôle informatif permettant d'identifier la personne à
contacter pour demander l'autorisation d’exploitation.
La convention de Berne pour la protection des œuvres littéraires et artistiques est un traité
pour la protection internationale des œuvres. Elle permet de faire valoir le droit d'auteur à
l'étranger. Signée en 2009 par 164 pays, elle est actuellement gérée par l'organisation
mondiale de la propriété intellectuelle (OMPI).
•Licence, licence libre
Tout élément publié sur le web est soumis au droit d'auteur. Pour pouvoir exploiter une
ressource du web, il est nécessaire de respecter la licence associée.
Une licence est un contrat qui régit les conditions d'utilisation et de distribution d'une
œuvre.
On distingue deux types de licence : les licences libres et les licences propriétaires.
Les licences libres offrent :
- la possibilité d'utiliser l'œuvre pour tous les usages ;
- la possibilité d'étudier l'œuvre ;
- la possibilité de redistribuer des copies de l'œuvre ;
- la possibilité de modifier l'œuvre et de publier ces modifications.
Dans certains cas, cette licence peut imposer que toute copie ou œuvre dérivée soit
diffusée avec la même licence. C'est ce qu'on appelle le copyleft, ou partage à l'identique
des conditions initiales.
L'avantage du copyleft est que les contributions apportées par les uns et les autres
profitent au plus grand nombre d'utilisateurs.
•Licences propriétaires
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
Les licences propriétaires définissent les conditions d'exploitation des ressources. Voici
quelques exceptions (article L 122-5 du Code de la Propriété Intellectuelle) qui permettent
d'utiliser une ressource sans être contraint par les termes du contrat :
- la copie privée et la représentation dans un cercle de famille ;
- les courtes citations ;
-l’exploitation à des fins pédagogiques.
•Hadopi
La Haute Autorité pour la Diffusion des Oeuvres et la Protection des Droits sur
Internet (Hadopi) est une autorité publique indépendante créée par la loi « Création et
Internet ». Elle est chargée de veiller à la prévention et, éventuellement, à la sanction du
piratage des oeuvres.
La loi « Création et Internet » n°2009-669 du 12 juin 2009 (dite « loi Hadopi » a pour but
de lutter contre le téléchargement illégal de musique ou de films via les réseaux poste à
poste.
Cette loi propose une réponse graduée en cas de constatation de téléchargements
illégaux via un réseau d’échange poste à poste: envoi d’un courriel, puis envoi d’une lettre
recommandée et enfin suspension ou résiliation de l’abonnement à internet.
•Et?
-le droit à l’image ???
-le droit à l’oubli ???
-La RGpD ???
•Logo associé au Copyleft
A
B
C
D
E
•Attribuer l’auteur…
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])
lOMoARcPSD|60588631
•Logiciel libre
Un logiciel libre est un logiciel pour lequel on dispose de 4 libertés
fondamentales :
- on est libre de l'utiliser ;
- on est libre d'étudier son code source et de l'adapter à ses besoins ;
- on est libre de le redistribuer ;
-on est libre de le modifier et de le diffuser.
•Quizz 1: logiciel libre
A. Un logiciel libre est gratuit
B. Un logiciel gratuit est un logiciel libre
C. Un shareware (partagiciel) est un logiciel libre
D. Un logiciel libre peut être associé à des services payants
•Quizz Qui est-ce ?
A. Richard Stallman
B. Roger Rabbit
C. William Blake
D. Alan Moore
E. Steve Jobs
•GNU, FSF, GPL,
Downloaded by Manel Zouaoui (manelzouaoui98@[Link])