Les outils du web

Creative Commons - Attribution 1

LES OUTILS DU WEB

AUTEURS :Alain MICHEL

Utiliser des outils du Web (en ligne) pour rendre ses cours plus attractifs

Un enseignant aujourd'hui, pour utiliser pleinement les possibilités qui s'offrent à lui, ne peut pas faire l'impasse sur la connaissance et la maîtrise de l'internet. Il est nécessaire de rester informé sur des contenus et des outils extrêmement évolutifs. De très nombreux services en ligne permettent de travailler dans tous les domaines et communiquer, sans oublier une composante omniprésente aujourd'hui : les réseaux sociaux.Caractéristique commune à toutes ces solutions : les possibilités de partage et de publication.

I. Objectifs

Présentation

L'évolution permanente des techniques et des possibilités offertes par internet en particulier permet aujourd'hui à l'enseignant de ne plus être isolé et d'avoir à sa disposition une pour travailler, quantité phénoménale d'outils, de services en ligne

, , , , de façon simple, très souvent gratuite, avec l'avantage de ne communiquer échanger publier collaborer partagernécessiter aucune installation sur un ordinateur et d'être accessibles à tout moment et en tout lieu. Beaucoup de ces outils en ligne peuvent être intéressants pour une utilisation par les élèves en favorisant par exemple les échanges au sein de la classe et le

.travail collaboratif

Objectifs

Connaître des services en ligne utiles à l'enseignant pour être efficace dans sa préparation de classe : stockage en ligne, transfert de fichiers, édition et retouche d'images, outils de capture d'écran, création de présentations, outils de veille et de diffusion.

Connaître des services en ligne utiles pour travailler avec ses élèves : enregistrement et édition de fichiers audio, création de cartes mentales, outils de publication et de communication, outils de travail collaboratif

II. Avantages et inconvénients des outils en ligne...

AUTEURS :Alain MICHEL

Les outils du web

2 Creative Commons - Attribution

III. Services en ligne utiles à l'enseignant et aux élèvesAvant de balayer la liste d'outils et services en ligne intéressants, catégorie par catégorie…

Attention :

Avantages

Aucune installation ni maintenancePas de mises à jour à faireSimplicité d'utilisation : dans un navigateur internetMulti-plateforme : Windows, Mac OS, LinuxAccessible en tout lieu, sur tout appareilEspace de stockage dédié et gratuit (souvent)Partage et collaboration simplifiés

Et parfois :

Aucune inscription nécessaireOffres spécifiques enseignants (pas de pub ou plus de fonctions ou plus de stockage)

Inconvénients

Nécessité d'une connexionLa qualité d'utilisation dépend directement de la vitesse de la connexion utiliséeOffre pléthorique → Difficile de faire un choixPérennité des données ?Confidentialité des données ?Protection des données personnelles des utilisateurs ?

Et parfois :

Présence de publicitésCertaines fonctions payantesPas toujours en françaisProblème de compatibilité avec le navigateur utilisé et/ou les plugins nécessaires

Attention : Précision importante

Les tout premiers outils qu'on va privilégier sont les outils institutionnels.Ce sont les seuls (ou presque) à être .RGPD compatiblesCe sont eux qu'on utilisera en priorité (sauf si l'outil ou la fonctionnalité recherchée n'existe pas).Par exemple :

ENT de l'établissement (cours, activités, exercices, etc.)NextCloud académique (stockage, travail collaboratif)Instance académique (hébergement de vidéos)PeerTube

Conseil :

Tous les choix de l'enseignant seront guidés par la préoccupation de la D'ABORD protection des données personnellesdes utilisateurs, donc des élèves et/ou de lui-même.Et ensuite seulement, si on n'a pas de solution parmi les outils institutionnels, on se dirigera vers d'autres services en ligne en prenant soin à chaque fois d'étudier avant tout leurs conditions d'utilisation et leur politique de confidentialité des données, pour éliminer ceux qui sont trop peu respectueux des données des utilisateurs.

Les outils du web

Creative Commons - Attribution 3

1. → Stockage en ligne

Les plus connus...

Google Drive, Dropbox, One drive, etc.De très nombreux services existent, autorisant plus ou moins d'espace de stockage, gratuits ou payants.Outre le simple stockage, offre l'avantage de Google Drivepouvoir , et tout type de document.créer éditer partager

Logo de Google Drive

Accès au service : https://drive.google.com

À privilégier

Nextcloud académique

Chaque académie propose ou proposera d'ici à la fin de l'année 2020 un service équivalent basé sur la solution libre NextCloud.Par exemple :https://cloud-montpellier.beta.education.frCe service est un service institutionnel, il est totalement « 

».RGPD compatible 

Complément : Méthodologie de choix

On peut se baser sur cette méthodologie simplifiée de choix d'un outil numérique :

Les outils du web

4 Creative Commons - Attribution

2. → Transfert de fichiers volumineux 

Service d'échanges de fichiers volumineux

Il existe un pour l'échange de gros fichiers ; l'identification est nécessaire avec ses identifiants académiques service académiquepour pouvoir l'utiliser.

Accès au service : https://filesender.renater.fr/Il est très largement plus performant que tous les autres services « grand public » en termes de capacité de stockage puisqu'il permet de transférer jusqu'à 100 fichiers dans une

.limite de 100 GoCe service est un service institutionnel, il est totalement « 

 ».RGPD compatible

Wetransfer | Filemail | Smash

D'autres services grand public permettent aussi l'envoi de gros fichiers comme par exemple (jusqu'à 2 Go), Wetransfer Filemail(jusqu'à 30 Go), ou (jusqu'à 2 Go + chiffrement des fichiers à l'envoi).SmashHaut débit conseillé !

Wetransfer  : https://www.wetransfer.com/

Filemail : http://www.filemail.com/

Smash : https://fr.fromsmash.com/

Les outils du web

Creative Commons - Attribution 5

Smash : https://fr.fromsmash.com/

3. → Création, édition, bureautique

Google Drive

Google Drive offre une , avec Google (traitement de texte), Google (tableur) et suite bureautique en ligne Docs SheetsGoogle (Présentation).SlidesUn avantage des ce type d'outils (proposés par Google ou autres) est de permettre un .travail collaboratif en temps réel

Google Drive : https://drive.google.com/

Framapad

Framapad est un proposé par , association et réseau d'éducation populaire consacré éditeur de texte collaboratif Framasoftau .logiciel libreLes contributions de chaque utilisateur, identifiées par des couleurs différentes, apparaissent immédiatement dans les pads de tous les participants.

Framapad : https://framapad.org/

Les outils du web

6 Creative Commons - Attribution

4. → Édition et retouche d'images

Editor Photo

Il existe de nombreux outils en ligne permettant de retoucher simplement, modifier et ajouter des effets à vos photos, par exemple : Editor Photo qui est un outil très simple d'utilisation, ne nécessitant aucune inscription.

Editor Photo : http://editor.pho.to/fr/

Complément :

Framasoft propose de nombreux autres outils libres :

FramaCalc : tableur collaboratifFramaDate : planification de réunions, enquête en ligneFramaBoard : gestion de projets collaborative

etc.

Tous les outils Framasoft : http://framasoft.org/

Conseil :

Heureusement pour Framasoft – qui n'a pas vocation à pallier les manques de l'Éducation Nationale dans ce domaine – on voit apparaître d'autres services équivalents , basés sur des solutions libres respectueux de vos données

.personnellesPar exemple :

Services libres « » : Entraide https://entraide.chatons.org/fr/Cryptpad : https://cryptpad.fr/NoMagic : https://nomagic.uk/fr/La Digitale : https://ladigitale.dev/

Rappel :

Ne pas oublier les services mis à disposition provisoirement par le Ministère pendant le confinement, comme https://apps.education.fr/➜ Ces services seront déployés et pérennisés

.pendant l'année 2020-2021 par chaque Rectorat

Les outils du web

Creative Commons - Attribution 7

Pixlr Editor | Sumo Paint

Pour les , il est possible d'accéder à de véritables «   » avec des services d'édition utilisateurs plus exigeants Photoshop en ligneet de retouches d'images extrêmement évolués, incluant des , comme  ou fonctionnalités très avancées Pixlr Editor Sumo

.Paint

Pixlr Editor : https://pixlr.com/

Doka-Photo

Un outil en particulier sera cependant préférable dans la plupart des cas : .Doka-PhotoIl permet de retoucher rapidement des images, très simplement et directement dans son navigateur, sans inscription et sans

, le traitement de l'image se fait envoi de fichier en ligne.localement

Doka-Photo : https://doka.photo/

FacePixelizer

Un outil plus spécifique mais qui sera   : très utile à l'école qui, comme son nom l'indique, permet de façon FacePixelizer

extrêmement SIMPLE et RAPIDE de pixeliser ou de floutertout ou une partie d'une photo (intéressant pour les visages) par simple glisser-déposer de la photo et sélection de la zone à flouter. Il ne reste plus qu'à télécharger son image ainsi modifiée.FacePixelizer : http://facepixelizer.com/

Les outils du web

8 Creative Commons - Attribution

Tiny PNG

Pour simplement le «  de vos images (JPG ou PNG) on utilisera .optimiser poids » Tiny PNG

Glisser - déposer votre imagePatienter le temps du traitementTéléchargez l'image optimiséeAucune inscription

Tiny PNG  : https://tinypng.com/

5. → Enregistrement et édition de fichiers audio

Vocaroo

Certains outils très simples et basiques existent, comme qui permet d'enregistrer sa voix directement en ligne, via un Vocaroomicrophone branché sur l'ordinateur, et de pouvoir ensuite télécharger ou partager le fichier obtenu.

Vocaroo : http://vocaroo.com/

BearAudio

BearAudio est un service en ligne d'édition de fichiers audio mp3.Il permet l'édition de fichiers MP3 en ligne, gratuitement et sans inscription, pour couper, fusionner, modifier vos fichiers audio, le tout directement dans le navigateur et , .localement sans envoyer de fichier sur un serveur

BearAudio : https://www.bearaudiotool.com/fr/

Les outils du web

Creative Commons - Attribution 9

123Apps

La suite d'applications en ligne offre des fonctionnalités plus basiques, très simples d'emploi.123Apps

123Apps  : http://123apps.com/fr/

Dictation.io

Dictation.io est un service en ligne de ( ), sans inscription ni création de compte (reconnaissance vocale Speech to text ne ).fonctionne que dans Chrome

Dictation.io :https://dictation.io/

6. → Travail avec la vidéo

Édition simple de vidéos avec Modfy

Éditeur de fichiers vidéo (découpage, conversion, montage vidéo à partir de photos, modification des proportions, etc.) qui et qui ➜ les vidéos traitées ne sont envoyées nulle part, sur s'exécute entièrement dans le navigateur travaille en local

aucun serveur, tout reste sur votre ordinateur. Parfait pour la protection des données personnelles.

Modfy : https://modfy.video/

ScreenCast-O-Matic

Service permettant l'enregistrement d'une de l'écran ( ), Screencast-O-Matic est extrêmement utile pour capture vidéo screencastcréer des capsules vidéos, des tutoriels, etc.→ Cet outil nécessite que JAVA soit installé sur votre ordinateur

Screencast-O-Matic : https://screencast-o-matic.comEn créant un compte personnel sur le site, il est possible d'utiliser une version de l'enregistreur d'écran installée localement sur votre ordinateur.À télécharger ici : https://screencast-o-matic.com/download

Visioconférences avec Jitsi Meet

Rendez-vous est un excellent service en ligne, basé sur un logiciel libre et proposé par RENATER, qui permet d'établir une visio-conférence, avec conversation texte et partage d'écran.Cet outil est basé sur la solution Jitsi Meet.RENATER est un groupement d'intérêt public – Réseau National de communications électroniques pour la Technologie, l'Enseignement et la Recherche.

Rendez-Vous : https://rendez-vous.renater.fr/

Les outils du web

10 Creative Commons - Attribution

Rendez-Vous : https://rendez-vous.renater.fr/Ce service est un service institutionnel, il est totalement « 

».RGPD compatible 

Enrichissement de vidéos

Certains services permettent « d'enrichir » des vidéos existantes en leur intégrant des compléments, par exemple, des questions, quizz, avec .EdPuzzle

EdPuzzle : https://edpuzzle.com

7. → Outils de présentation

Slides

Slides est (ou LE meilleur, en tout cas mon préféré) et des plus simples services en ligne de création de un des meilleursprésentations.Gratuit, basé sur une , il permet de créer des présentations très originales et , de type « solution libre entièrement en HTML5

 » (auto-adaptables à toutes les tailles d'écrans).responsive

Slides : https://slides.com/Le logiciel libre qui fait fonctionner Slides peut également être téléchargé et utilisé localement.C'est celui que j'ai utilisé pour créer .cette présentationhttps://revealjs.com/

Genially

Genial.ly est un service en ligne très performant qui permet de créer des infographies, des images et des présentations interactives très élaborées : https://www.genial.ly/frIl est possible d'intégrer tout type de contenu (images, sons, vidéos, liens hypertexte).

Prezi

Une bonne alternative à l'éternel PowerPoint, permet de créer des présentations plus riches et «   » qu'avec un Prezi dynamiqueslogiciel classique.

Elles ont l'avantage d'être accessibles directement dans un navigateur, de pouvoir être créées de façon et de collaborative

Les outils du web

Creative Commons - Attribution 11

Elles ont l'avantage d'être accessibles directement dans un navigateur, de pouvoir être créées de façon et de collaborativepouvoir être diffusées et partagées très facilement.

Prezi : https://prezi.com

8. → Exerciseurs, création d'activités

Quizinière

Quizinière est un service en ligne gratuit proposé par Réseau Canopé pour créer très simplement des quiz pour ses élèves.

Quizinière : https://www.quiziniere.com/Il est possible d'intégrer tout type de contenu (images, sons, vidéos, liens hypertexte), de créer des classes et de gérer individuellement la distribution et la correction des quiz.Quizinière est totalement «   ».RGPD compatible

Learning Apps

Learning Apps est un service en ligne gratuit de création d'activités interactives.Learning Apps : https://learningapps.org/Learning Apps permet d'utiliser des activités déjà conçues par d'autres utilisateurs, dans toutes les disciplines et pour tous les niveaux, sans nécessairement créer de compte.Pour créer ses propres contenus, il faut créer son compte.

9. → Création de cartes mentales

Framindmap

Framindmap est un service en ligne avec lequel les cartes créées peuvent être partagées et modifiées à plusieurs (mais pas en temps réel), téléchargées sous différents formats (Freemind, images, texte...) et on peut même les insérer dans ses pages web.La création d'un compte (gratuit, très rapide) est nécessaire pour permettre de stocker ses cartes créées au moyen de cet outil.

Framindmap : https://www.framindmap.orgExemple : https://framindmap.org/c/maps/129002/public

Les outils du web

12 Creative Commons - Attribution

Mind42

Mind42 est un .outil collaboratif en temps réelMême si l'esthétique des cartes produites est très sommaire, plutôt dépouillé, les prestations en matière d'exportation, de partage, d'intégration de liens ou de notes sont très nombreuses.

Mind42 : http://mind42.com/Exemple : https://mind42.com/mindmap/309b17cc-0e5d-446b-a259-b045b50b3b73

10. → Outils de veille et de diffusion

Feedly

Feedly est un , pour regrouper dans une même interface facilitant la gestion et la lecture tous vos agrégateur de flux RSSabonnements à des .flux RSS

Feedly : https://feedly.comApprenez à utiliser les flux RSS, c'est LA BASE de tout dispositif de veille.

Les alertes

Les alertesIl existe des outils permettant de sur les thèmes, les mots-clés à suivre.créer des alertes automatisées➜ Alertes mots-clés ou recherche avancée : sur le web https://www.google.fr/alerts➜ Alertes mots-clés ou recherche avancée : sur Twitter https://warble.co/ 

Twitter

Twitter : Média social – historiquement qualifié d'outil de «   » – permet la d'infos (en 280 caractères), la micro-blogging diffusion d'infos, la et les avec les autres membres.recherche veille échanges

Twitter est outil en matière de veille et de recherche.extrêmement puissant

Twitter : https://twitter.com/Exemple : Mon compte Twitter https://twitter.com/alainmi11

11. → Utilitaires divers

goqr.me

GoQR.me est un très très personnalisables pour faciliter l'accès à des ressources, liens, images bon générateur de QR Codes

Les outils du web

Creative Commons - Attribution 13

GoQR.me est un très très personnalisables pour faciliter l'accès à des ressources, liens, images bon générateur de QR Codessur les périphériques mobiles.

goqr.me : http://goqr.me/Goqr.me permet de choisir la couleur du QRCode et la taille de l'image générée.

Générateur de QR Codes de pour la classe

Ce générateur de QR Codes gratuit est proposé par Frédéric Misery, ERUN en Ardèche.Il a un double avantage :

une simplicité sans pareille,la possibilité de générer des planches de 28 vignettes de QRCodes identiques (planches à télécharger, de taille A4, au format PDF) : c'est idéal si on veut donner un QRCode vers un site précis à chaque élève de sa classe.

Accès à l'outil en ligne : https://micetf.fr/qrcode/Nombreux autres outils pour la classe sur le site de l'auteur : https://micetf.fr

Générateurs de quadrillages

Générateurs de feuilles lignées et quadrillées (plusieurs carroyages différents), ou de trames de points :http://www.desmoulins.fr/index.php?pg=scripts!online!feuilles

Un autre générateur, uniquement de feuilles quadrillées : http://paperkit.net/

IV. Version diaporama de présentation

Ce diaporama HTML reprend les contenus des différentes sections ci-dessus.

Complément :

Cliquez sur le lien suivant pour lancer la présentation  :en mode fenêtré

Utiliser des outils du web pour rendre ses cours plus attractifs[p.]

Les outils du web

14 Creative Commons - Attribution

Ce diaporama a été réalisé avec qui est un framework open source de création de présentations.reveal.jsReveal.js est téléchargeable pour construire ses présentations hors-ligne :https://github.com/hakimel/reveal.jsReveal.js est à la base du service en ligne présenté plus haut.Slides.com

ANNEXES

Complément :

Cliquez sur le lien suivant pour lancer la présentation  :en mode plein-écranhttps://alain-michel.canoprof.fr/eleve/ateliers-numeriques/outils-du-web/diaporama-plein-ecran-outils-du-web

Attention :

Le diaporama ou bien au moyen des flèches de direction du clavier.se lance et se déroule automatiquement