Waielbi

Les images numériques

Waielbi — 2021-06-15T05:57:20Z

Photos, dessins, captures, ... l'enseignant et sa classe manipulent de nombreuses images. Voici une tentative de synthèse avec des outils, des aides et des activités...
Les outils sont nombreux, la difficulté est donc de conserver cette liste courte.

Sommaire

Cliquer sur les liens pour afficher la fiche des logiciels et accéder aux ressources liées.

Logiciels pour PC, Mac et Gnu/Linux...

Capture

Pour capturer des images depuis une webcam ou un visualiseur ? Voir cet article : Logiciels pour visualiseurs et webcam ;

Pour utiliser un scanner afin de créer des images numériques il faut d'abord un pilote. En général, on utilisera le logiciel du constructeur du scanner qui a été installé avec le pilote. Avec Gnu/Linux, on bénéficie de pilotes génériques qui permettent de faire fonctionner une très grande variété de scanners [1].

Simple-Scan

Pour numériser une image ou du texte en Gnu/Linux avec un bureau Gnome.

Les copieurs récents sont capables de scanner vers une clef usb ou d'héberger les scans que l'on peut ensuite récupérer depuis un pc sur le réseau en web en entrant l'adresse ip du copieur. Les copieurs proposent en général une très bonne qualité de numérisation, un format A3 et un trieur de documents pour scanner de nombreuses pages rapidement.


Récupérer un scan sur un copieur - Kyocera

Édition des images matricielles

Pour de l'aide et des pas-à-pas sur les trois premiers logiciels, on consultera cette page : Édition d'images.

Photofiltre

PhotoFiltre est un logiciel d'édition d'images pour PC-windows suffisamment pour être utilisés par des élèves de cycle 3 mais assez puissant pour réaliser toutes les tâches courantes qu'un enseignant peut vouloir.
Voir les tutoriels ce logiciel

XnViewMP

Afficher, classer, éditer et convertir les images, multiplateforme. Très efficace pour la modification de lots d'images.
Voir les tutoriels ce logiciel

Gimp

Édition des images, probablement le plus puissant de cette liste. Gimp est libre et multiplateforme.
Voir les tutoriels ce logiciel

Photos

Application de Windows pour afficher, classer, modifier et annoter les photos.

Dessin vectoriel

Inkscape

Le dessin vectoriel libre et multi-plateforme.

LibreOffice Draw OpenOffice Draw

Module de dessin de la suite LibreOffice / OpenOffice

Dessin matriciel

Tux Paint

Dessiner dès la maternelle.

Paint 3D

Application pour Windows qui permet de dessiner et de manipuler des modèles 3D.

Captures d'écran

Capture d'écran et croquis

Application de Windows pour créer des captures d'écran et les annoter.

Capture

La capture d'écran sur les bureaux Gnome.

Firefox

Pour capturer des pages web : capturer un élément de la page, la page visible ou la page entière.

Applis mobiles pour Android et iOS

Prise de vue

Simple Camera

Si l'appli de prise de vue de votre matériel Android est décevante, voici une alternative simple convaincante.

Open Camera

Pour un appareil photo Android qui offre plus de réglages : verrouillage de l'exposition et de l'orientation, télécommande Bluetooth, format de fichier (jpg, png et webp), bracketing, infos exif, sensibilité, intervallomètre,...

Appareil Photo

L'appli iOS de prise de vue.

Light Trace Artist

Une appli pour faire du lightpainting facilement. L'appli a deux modes : photo et crayon. On peut s'en servir pour capturer sur une tablette, pendant qu'on l'utilise sur d'autres appareils comme sources de lumière.

La plupart des marques de copieurs ont une appli mobile qui permet de scanner (et imprimer) depuis une tablette. Pour certains supports (affiche, production graphique, double page de manuel,...) le résultat est bien meilleur et rapide qu'une photographie [2]

Édition

Galerie Simple Les constructeurs proposent tous une appli par défaut qui gère les photos et permet de les éditer, on trouve le meilleur et le pire... Cette appli opensource Android permet le recadrage, redimensionnement, annotation, filtres, ... sans pub. Elle remplacera celle de vos tablettes qui ne vous conviendrait pas.	Image Pipe Redimensionner des images à la volée une par une ou par lots.	Photo Compress Appli Android pour redimensionner et compresser les images par lots ...	Batch Resize Redimensionner un lot d'images avec un iPad.
Photos La photothèque des iPads : classer, annoter, recadrer,...	Pixel Station Créer et animer des images pixel art.	PrivacyBlur Flouter ou pixeliser des zones sur une images.

Capture d'écran

Screenshot Tile

Pour ajouter un bouton « capture d'écran » au volet des raccourcis Android.

Outils et ressources en ligne

Édition

Travailler en ligne sans avoir rien à installer ça a l'air plus simple, mais :

les gros fichiers qui doivent traverser le web prennent du temps de chargement ;
les images qui contiennent des données personnelles (visage, texte, ...) ne doivent pas être envoyées n'importe où !

On choisira donc autant que possible des outils qui travaillent localement (sans envoyer les images sur un serveur).

pQina

Un éditeur de photos dans le navigateur qui travaille localement sans envoyer les images sur internet.

Redacted

Flouter, pixeliser ou noircir une zone sur une image.

TinyPng

Optimiser (« tinyfier ») les images. Environ 2/3 de gain sur des PNG en conservant la transparence. D'après les « Terms of use » le site conserve les images 48h maximum.

Remove BG

Détourer des photos automatiquement ? Sans lasso ni baguette magique ? Oui c'est possible...

Rasterbator

Créer des affiches et posters grands formats à partir d'images...

Télécharger des images

Des images libres de droits

Clic images

Une banque de plus de 1000 illustrations indexées et libres de droits (sous licence Creative Commons niveau paternité 2.0).

ARASAAC

Une vaste collection de pictogrammes.

Abuledu Data

Un moteur de recherche d'images, de sons, de textes, libres pour l'éducation.

Sclera Pictogrammes

Sclera propose un moteur de recherche, un index et des téléchargements par catégories pour trouver des pictogrammes. Ils sont tous libres de droit.

Lumni/Éduthèque

Un certain nombre de partenaires Éduthèque, offrent des images à télécharger : citons en particulier « L'histoire par l'image », « RetroNews », « Panorama de l'art », le Muséum d'Histoire Naturelle, Le Louvre, ...

Héberger, publier une image

En premier lieu, on pensera à l'ENT de l'école si on a un. Mais on peut avoir besoin d'un lien direct sans authentification ou que l'image soit publique et accessible par tous.

Nextcloud d'apps.education.fr

Une images déposée dans le Nextcloud de la boite peut être partagée par lien qu'il est aisé de distribuer.

Lutim

Le Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires, Chatons, propose des instances de Lutim gratuites pour utiliser le service

Thinglink

Une webapp pour publier une image et l'enrichir avec des liens et d'autres médias.

Réglementation

Il y a deux axes principaux qui concernent les images dans la réglementation :

le droit à l'image avec :
- l'autorisation de prise de vue ;
- l'autorisation de publication ;
la propriété intellectuelle, les droits d'auteur.

Autorisation parentale

Eduscol a conçu un document qui permet de recueillir l'autorisation de tout cela à la fois pour l'image et la voix : voir sur cette page. Il va de soi qu'il faut conserver ces autorisations (et probablement déclarer ces traitements (recueil et conservation) dans le registre RGPD académique).

Et pour réfléchir un peu sur les pratiques photos de l'enseignant dans sa classe, un court article qui pose bien les choses : Un cadre pour la photo numérique scolaire.

Droits d'auteurs

Pour l'utilisation d'images produites par autrui, s'ajoute la dimension des droits de l'auteur. Par défaut, partons du principe que tout ce qui n'est pas explicitement autorisé est interdit. Formulé autrement on n'utilisera que des images libres pour nos publications.

Si l'enseignant utilise les images en classe (projection) ou dans un ENT, il a un peu plus de droits car il bénéficie de l'exception pédagogique pour les œuvres protégées (BO du 29/09/2016), les limites sont précisées dans le contrat établi avec le centre français de la copie, le résumé publié sur cette page devrait être connu de tous les enseignants.

Des activités

Initiation à la photo en maternelle

La construction du regard commence en cycle1, le détail de ce projet sur ce site Canopé, « Initiation à la photo en maternelle » :

Découvrir des notions de cadrage ;
Acquérir le vocabulaire spécifique ;
Verbaliser, argumenter ses choix.

Photographie à l'école - un projet unique d'éducation du regard

Le site présente des projets photos conduits avec la maison de la photographie Robert Doisneau de Gentilly. https://photographiealecole.com/

Photomontages et roman photo à l'école primaire

Présentation de projets, ac-poitiers, 2012 et 2017 :

Des pistes plastiques pour travailler la photo en classe

Un grand pdf richement illustré pour de nombreuses pistes sur la photo à l'école : « Des pistes plastiques pour travailler la photo en classe », CPD Arts 77, 2019.

Pratiquer la photographie en arts visuels

Tous cycles. Une séquence et des outils pour se lancer. Le projet utilise une site de la BnF avec des supports pédagogique sur Atget. Pratiquer la photographie en arts visuels, CPDAV 42, 2014-2017

Créer des images animées

Il est possible de créer des images animées simplement à partir d'une série d'images fixes ou d'une vidéo. Pour cela on utilisera Gimp sur PC, ou l'appli Galerie des tablettes Samsung ou Video Transcoder.

[1] Ne jetez pas vos vieux scanners usb qui ne sont plus reconnus par Windows 10 faute de pilote car ils fonctionnent probablement très bien avec un PC Gnu/Linux...

[2] Kyocera Android/iOS, Minolta Android/iOS, ... une recherche dans les magasins d'applications ou sur le site du constructeur du copieur permet de trouver les applis.

Dessins SVG

Waielbi — 2019-10-10T17:35:00Z

OpenClipart nous manque, en attendant qu'un partage de fichiers SVG libres renaisse quelque-part, voici les miens...

C'est en licence CC-BY-NC-SA


Dragon: Dragon, Lucca, San Martino


Griffon & Dragon: griffon, dragon, Lucca, San Martino


Aigle: aigle, eagle, Lucca, San Martino


Lion: lio, Lucca, San Martino


Carte d'identité: ID card, carte,identité


Personnage grec: silhouette, personnage, grec


Paysan grec: paysan, paesan, greek, grec, silhouette


Chèvre volante: chèvre, goat


Greek Goat: chèvre, goat, grecque, greek, amphore


Méthodologie angle droit: équerre, angle, obtus, aigu, droit, perpendiculaire


Cube: cube, face, arête, sommet, edge, vertex, vocabulaire, lexique, polyèdre


Greek Sphinx: grec, greek, sphinx

Vocabulaire direction du vent vent, wind, onshore, offshore, side shore, side on, vent de terre	Tablette Tab, Android	Clé OTP OTP, One Time Password	Minilivre
Icônes « Partager » share, partager, icon	iTruc iOS iPad	Icônes ENTBox	BlueBot Un BlueBot vu du ciel
Tablette

Applis et services en ligne

Waielbi — 2016-09-14T09:00:56Z

« — T'as pas une appli pour... ?
— Nan, mais j'ai une adresse ! »

Sommaire

Créer du contenu avec sa classe

BookCreator
https://app.bookcreator.com/
BookCreator est une appli web qui ne fonctionne que sur le navigateur Chrome. En revanche, elle fonctionne sur toutes les plateformes y compris les tablettes.

Pour travailler en classe

	TNI Facile https://tnifacile.fr/ TNI Facile est un site qui offre des outils pour utiliser son tableau numérique interactif, son VPI, son ENI, son vidéoprojecteur... mais un certain nombre sont exploitables directement sur PC ou tablette. une barre d'outil et des widgets comparables à Classroomscreen avec en plus : un outil de modèle d'écriture, des étiquettes déplaçables, des étiquettes à classer. TNI Étiquettes pour manipuler des étiquettes textuelles ; TNI Nombres est un ensemble d'appli pour la numération et le calcul ; TNI Quiz qui est une générateur d'exercices à trous ; TNI Rituels.
	ClassRoomScreen https://classroomscreen.com/ Un site incontournable si on a la chance d'avoir un vidéoprojecteur à poste dans sa classe. Une boite à outils qui simplifie la vie : afficher un fond d'écran ; afficher une webcam ou un visualiseur ; afficher le niveau sonore de la classe avec un micro ; tirer au sort dans une liste d'éléments textuelle ; tirer 1 à 3 dès ; afficher un Qr code à partir d'un texte / url ; dessiner ; écrire dans une boite texte ; afficher un horloge, un chrono, un minuteur, le calendrier ; afficher des symboles de consignes...
	Les générateurs de feuilles de Jérôme Desmoulins https://www.desmoulins.fr/index.php?pg=scripts!online!feuilles Qui n'a pas eu besoin de lignes à projeter ou à imprimer ? Tout est configurable...

Codes-barres et QR-codes

	Générateur de codes barres en ligne https://micetf.fr/qrcode/ Un site pour créer des codes simples. Et ce n'est pas tout ce que MiCetF propose, allez voir...
	Générateur de codes barres en ligne https://zxing.appspot.com/generator Un site pour créer tous les types de codes et QR. Dont les QR codes pour accès wifi... Très pratique...
	La Digitale https://ladigitale.dev/#outils/ Raccourcir des liens avec Digilink et créer des QR Cides avec Digicodes. On peut aussi créer un bouquet de liens avec Digibunch et récupérer son code QR.
	Libre QR sur Chapril https://qrcode.chapril.org Créer des QR codes simples.

Autour de l'image

	Les chatons Trouver une instance de Lutim pour héberger vos images en ligne. Ce service permet d'héberger une image sur le web pour s'en servir en ligne à l'aide de son url (inclure dans une page, ajouter dans un forum, ajouter dans une description Umap, ...). Le plus c'est qu'on peut paramétrer la durée d'hébergement ainsi que quelques options d'inclusion comme forcer le téléchargement ou supprimer au premier accès...
	The Rasterbator Wall art from any image https://rasterbator.net/ Créer des affiches pour sa classe avec une banale imprimante, des ciseaux et de la colle. Un exemple détaillé Pour notre exemple on part de cette carte on upload le fichier sur le site (ici par le l'url de l'image récupérée sur wikipedia) Paper & size : on choisi ces paramètres, ici A3 portrait (imprimé sur un copieur) avec deux feuilles de large, ce qui fera une affiche de 80cm par 75cm, on clique sur « Continue » Style : sans effet, on clique sur « Continue » Color : on peut choisir une couleur de fond et le nombre de couleur (noir, une couleur ou en couleurs), on clique sur « Continue » Options : on peut faire varier les modes de sortie (output) à essayer pour adapter la qualité, laisser « Crop marks » c'est tellement pratique pour l'assemblage... Rasterbate, quand le fichier est prêt le navigateur propose de le télécharger, voici le résultat Carte du Var Carte du Var de Wikipedia traitée par Rasterbator il ne reste plus qu'à imprimer le fichier, à découper les marges inutiles et à coller...
	Edit • Photo https://edit.photo/ Éditer des images en ligne avec une interface épurée. Filtres, rotations, redimensionnement, retournement, recadrage, ...
	Tinypng & Tinyjpg https://tinypng.com/ & https://tinyjpg.com Optimiser (« tinyfier ») les images. Environ 2/3 de gain sur des PNG en conservant la transparence. D'après les « Terms of use » le site conserve les images 48h maximum.
	Redacted https://redacted.app/ Flouter, pixeliser ou noircir des parties d'images dans un navigateur sans envoyer l'image sur internet...
	Nano.Compress https://vecta.io/nano Optimiser les images SVG. Optimiser le code SVG des images pour en réduire le volume. Supprimer les éventuels scripts contenus dans le fichier pour le sécuriser avant inclusion dans un site et incorporer les polices dans le fichier, c'est ce que fait nano...

Autour du texte

	Prompteur en ligne - https://www.teleprompteur.fr/ Prompteur en ligne Un prompteur qui permet de faire défiler un texte de notre choix avec une vitesse et des dimensions réglables. Le plus ? La possibilité d'enregistrer en même temps. Ce qui rend cet outil très indiqué pour travailler la fluence et conserver une trace audio de l'exercice.
	i2OCR Free French OCR http://www.i2ocr.com/free-online-french-ocr La reconnaissance optique de caractères en ligne. Scannez ou photographiez votre texte puis donnez-le à digérer au site puis récupérez votre texte directement. Plus le scan/photo est de bonne qualité et plus la reconnaissance sera efficace, mais les résultats sont globalement très bons. Aperçu du résultat sur une photo médiocre
	Texte à l'envers.com https://texte-a-l-envers.com/ Qu'est-ce qui est rond, vert, qui monte qui descend ? ˙sıod ʇıʇǝd un Pas besoin de créer un bloc et de le retourner... ce site permet de transformer le texte pour obtenir une version « à l'envers » qui peut-être copié-collé directement.
	CopyPasteCharacter https://copychar.cc/ Insérer des caractères spéciaux depuis un traitement de texte, on sait faire... mais dans une page internet (page web, traitement de texte, ...) c'est moins simple, heureusement il y a ce site. Double clic sur le caractère souhaité puis clic-droit copier... ✥☃⚉ⒶⓂ🎸↝

Audio / son

Reberb Record
https://record.reverb.chat/
S'enregistrer en ligne directement dans le navigateur (tablettes et pc portables) et partager l'enregistrement via un lien... Cela peut être pratique pour faire des QR Codes audios...


Share Your Voice | Reverb Record

Autour d'internet

	Start.me permet de créer des pages de démarrage internet pour soi ou pour une classe. Exemple de page.
	tiiny.host Je veux héberger un site vite fait https://tiiny.host/ Trouvé via Ticeman, ce service permet de mettre en ligne un site statique (html) facilement. L'hébergement est temporaire et ne contient pas de publicité. On créé son site dans un dossier, une page index.html servira de page d'accueil. On zippe le dossier et on uploade sur tiiny.host. et voilà, c'est en ligne pour 7 jours... Un exemple de site pour essayer tiiny.host
	Padlet https://padlet.com Oui Padlet est un super outil de collaboration, mais on peut aussi « détourner » ses fonctionnalités d'hébergement : sur un padlet public, on peut copier les liens directs de fichiers images, audio, vidéo, odt, ... pour en faire des QR Codes par exemple... Une image. Une vidéo Un fichier audio Ou même une page web...
	PrintWhatYouLike Print the good parts of web page while skipping junk https://www.printwhatyoulike.com/ On entre l'adresse d'une page internet dans le formulaire et on peut ensuite faire disparaître chacun de ses blocs, afficher ou cacher les images ou le fond et bien sûr imprimer et même enregistrer la page.
	HTML Cleaner Je veux des beaux tableaux html sans avoir à les styler de mémoire https://html-cleaner.com/ Ce site permet de créer des tableaux pour le web sans avoir à connaître ou mémoriser les codages html et css. Si l'éditeur de votre ENT, site ou M@gistère est décevant pour créer des tableaux bien formatés, c'est l'outil idéal. On supprime le contenu de la fenêtre de gauche pour le remplacer par notre tableau, on le formate avec les outils complets du site. Pour les couleurs, on utilise les noms des couleurs html (red, blue, grey, ...) ou les codes hex sans oublier le « # ». Une fois le travail fini on copie-colle le code html... Attention à le coller dans la partie « code source » de notre page. Ce code est « Compact » c'est à dire que la partie css est incluse dans les balises html, pratique pour notre ENT/M@gistère qui ne gérera pas le code css séparé...

Vidéo

Video link
SafeYouTube est devenu video.link.

Copier l'adresse de partage de la vidéo YouTube (exemple) ;
Coller ce lien dans video.link et récupérer l'adresse de la vidéo épurée ou son code d'intégration (iframe), (exemple épuré). On peut en plus ajouter un titre et changer le début et la fin de la vidéo et récupérer le code QR

Très pratique pour se débarrasser de la suggestion de vidéos que propose YouTube...

Convertir

Online Convert
Convertisseur gratuit de fichier en ligne
https://www.online-convert.com/fr/
Extraire la piste audio d'une vidéo, convertir un flac en mp3, convertir les fichiers vidéos du camescope que ce logiciel de montage ne veut pas ouvrir, ... tout cela sans rien installer. Certes il faudra être patient, mais si les fichiers ne sont pas trop gros, c'est une solution simple.