Creative Commons - Attribution

LES OUTILS DU WEBAlain MICHEL

Les outils du web

2 Creative Commons - Attribution

AUTEURS :Alain MICHEL

LICENCES :Creative Commons - Attribution

Les outils du web

Creative Commons - Attribution 3

Table des matières

I. OBJECTIFS ..................................................................................................................................................................................................... 5

II. AVANTAGES ET INCONVÉNIENTS DES OUTILS EN LIGNE... ........................................................................................................... 6

III. SERVICES EN LIGNE UTILES À L'ENSEIGNANT ET AUX ÉLÈVES .................................................................................................. 7

1. → Stockage en ligne ........................................................................................................................................................................ 7

2. → Transfert de fichiers volumineux  ............................................................................................................................................... 7

3. → Création, édition, bureautique .................................................................................................................................................... 8

4. → Édition et retouche d'images ...................................................................................................................................................... 9

5. → Enregistrement et édition de fichiers audio ............................................................................................................................. 11

6. → Travail avec la vidéo .................................................................................................................................................................. 11

7. → Outils de présentation ............................................................................................................................................................... 13

8. → Création de cartes mentales ..................................................................................................................................................... 14

9. → Outils de veille et de diffusion ................................................................................................................................................... 15

10. → Utilitaires divers ....................................................................................................................................................................... 16

IV. VERSION DIAPORAMA DE PRÉSENTATION ..................................................................................................................................... 18

ANNEXES ......................................................................................................................................................................................................... 19

GLOSSAIRE ..................................................................................................................................................................................................... 20

Les outils du web

4 Creative Commons - Attribution

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.

Les outils du web

Creative Commons - Attribution 5

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 « du

 » sont intéressants pour une utilisation par les élèves en favorisant par exemple les échanges au sein de la classe et le Web 2.0.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

Les outils du web

6 Creative Commons - Attribution

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

AUTEURS :Alain MICHEL

LICENCES :Creative Commons - Attribution

Attention :

Avantages

Aucune installation ni maintenancePas de mises à jour à faireSimplicité d'utilisation : navigateur internetMultiplateforme : 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 ?

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

Les outils du web

Creative Commons - Attribution 7

III. Services en ligne utiles à l'enseignant et aux élèves

1. → Stockage en ligne

AUTEURS :Alain MICHEL

LICENCES :Creative Commons - Attribution

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 pouvoir , et Google Drive créer éditer

tout type de document.partager

Logo de Google Drive

2. → Transfert de fichiers volumineux 

AUTEURS :Alain MICHEL

LICENCES :Creative Commons - Attribution

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.Il est limité à .450 Mo par fichier

Wetransfer | Filemail

D'autres services permettent l'envoi de plus gros fichiers comme par exemple (jusqu'à 2 Go) ou jusqu'à 30 Wetransfer FilemailGo !(très haut débit conseillé !!!)

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

Accès au service : https://echanges.ac-montpellier.fr

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

Les outils du web

8 Creative Commons - Attribution

3. → Création, édition, bureautique

AUTEURS :Alain MICHEL

LICENCES :Creative Commons - Attribution

Google Drive

Google Drive offre une , avec Google (traitement de texte), Google (tableur) et suite bureautique en ligne Docs SheetsGoogle (Présentation).SlidesUn énorme avantage des ces outils est de permettre un .travail collaboratif en temps réelIl existe encore de nombreuses autres possibilités parmi les outils de Google Drive.

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.

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

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

Framapad : https://framapad.org/

Les outils du web

Creative Commons - Attribution 9

4. → Édition et retouche d'images

AUTEURS :Alain MICHEL

LICENCES :Creative Commons - Attribution

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.

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/

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

Les outils du web

10 Creative Commons - Attribution

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

 :http://www.sumopaint.comPaint

FacePixelizer

Un outil plus spécifique mais qui sera   : qui, comme son nom l'indique, permet de façon très utile à l'école FacePixelizerextrêmement SIMPLE et RAPIDE de tout ou une partie d'une photo (intéressant pour les visages) par pixeliser ou de floutersimple 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.

Tiny PNG

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

Glisser - déposer votre imageTéléchargez l'image optimiséeAucune inscription

Pixlr Editor : https://pixlr.com/

Sumo Paint : http://www.sumopaint.com

FacePixelizer : http://facepixelizer.com/

Tiny PNG  : https://tinypng.com/

Les outils du web

Creative Commons - Attribution 11

5. → Enregistrement et édition de fichiers audio

AUTEURS :Alain MICHEL

LICENCES :Creative Commons - Attribution

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.

123Apps

La suite d'applications en ligne reste tout en offrant plus de possibilités d'édition.123Apps très simple d'emploi

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

[cf. Essai du service en ligne Dictation.io]

6. → Travail avec la vidéo

AUTEURS :Alain MICHEL

LICENCES :Creative Commons - Attribution

Vocaroo  : http://vocaroo.com/

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

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

Les outils du web

12 Creative Commons - Attribution

123Apps

La suite présentée ci-dessus propose également et de manipulations 123Apps quelques outils d'édition simples de fichiers .vidéo

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

Visioconférences avec Whereby

Whereby est un qui permet d'établir une (4 participants au plus en version gratuite) de excellent outil conversation en directtype .visio-conférenceWhereby est aussi disponible sous la forme d' pour et .applications tablettes smartphones

Création de vidéos d'animation

Deux outils sortent du lot en matière de création de courtes vidéos d'animations, utilisables en classe : il s'agit de et de PowtoonMoovlyCes deux outils sont plébiscités par les enseignants qui réalisent souvent des capsules vidéo pour leur classe (surtout ceux qui travaillent en «   ») et on trouve une important documentation à leur sujet sur internet.classe inverséeÀ retenir cependant une proposée par l'académie de Créteil sur le site des Médiafiches : étude très détaillée http://mediafiches.ac-creteil.fr/spip.php?article351

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

Screencast-O-Matic : https://screencast-o-matic.com

Whereby : https://whereby.com/

Powtoon : https://www.powtoon.com/

Moovly : https://www.moovly.com/

Les outils du web

Creative Commons - Attribution 13

Enrichissement de vidéos

Certains services permettent «   » des vidéos existantes, déjà en ligne (sur Youtube par exemple) en leur d'enrichir intégrant des , par exemple des , des .compléments questions quizz

PlayPosit est excellent dans son domaine, il permet de créer des quizz assez élaborés.

7. → Outils de présentation

AUTEURS :Alain MICHEL

LICENCES :Creative Commons - Attribution

Prezi

Excellente alternative à l'éternel PowerPoint, permet de créer des présentations plus riches et " " qu'avec un Prezi dynamiqueslogiciel classique.Elles ont l'énorme avantage d'être accessibles directement dans un navigateur, de pouvoir être créées de façon et collaborativede pouvoir être diffusées et partagées très facilement.

Slides

Slides est et plus simples services en ligne de ce type.un des meilleursGratuit, 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

PlayPosit  : https://www.playposit.com/

Prezi : https://prezi.com

Slides  : https://slides.

Les outils du web

14 Creative Commons - Attribution

Padlet

Padlet offre un « mur » blanc, personnel, avec une sur lequel vous allez pouvoir déposer ce que URL unique personnalisablevous voulez, où vous voulez : des notes, des liens, des images, des sons, des vidéos, des PDF...Padlet est un outil qui permet d'initier simplement des élèves au en ligne.travail collaboratif

8. → Création de cartes mentales

AUTEURS :Alain MICHEL

LICENCES :Creative Commons - Attribution

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 vous pouvez même les insérer dans votre site 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.

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.

Slides  : https://slides.com/

Padlet : https://fr.padlet.com/

Framindmap  : https://www.framindmap.org

Mind42 : http://mind42.com/

Les outils du web

Creative Commons - Attribution 15

MindMup

MindMup offre la possibilité de sauvegarder les cartes créées directement sur le site (dans ce cas-là, l'accès aux cartes est public).La personnalisation des cartes est relativement limitée.Pour rendre ses cartes privées, . Cette possibilité, ajoutée à la facilité de prise en possibilité de sauvegarde sur Google Drivemain et aux fonctions de partage de documents de Google Drive, font de cette application un outil de très travail collaboratifintéressant.

9. → Outils de veille et de diffusion

AUTEURS :Alain MICHEL

LICENCES :Creative Commons - Attribution

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

Twitter

Twitter : Média social de «   » ; permet la d'infos (en 140 caractères), la d'infos, la et micro-blogging diffusion recherche veilleles avec les autres membres.échanges

MindMup  : https://www.mindmup.com/

Feedly  : https://feedly.com

Twitter  : https://twitter.com/

Les outils du web

16 Creative Commons - Attribution

Scoop.it

Scoop.it est un outil de : sa fonction première est effectivement de , de une « » de contenuscuration diffuser publier sélection en les présentant sous la forme d'une page de journal (d'où l'appellation « scoop ») avec la possibilité d'éditorialiser de contenus

les contenus que l'on publie : on peut ajouter pour chacun un commentaire, une description, un avis personnel qui vont aider les lecteurs à se faire une opinion sur le sujet.

Pearltrees

Cet outil en ligne est destiné à la vers ses sites favoris, en les organisant sous publication et au partage de ses propres liensla forme d'une arborescence : on parle d'outil de " ".social bookmarkingUn propose des pour les débutants  : espace pour les enseignants ressources d'accompagnement http://www.pearltrees.com/t/ressource-espace-enseignant/id13181222

10. → Utilitaires divers

AUTEURS :Alain MICHEL

LICENCES :Creative Commons - Attribution

com/

Exemple :

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

Scoop.it  : http://www.scoop.it

Exemple :

Ma page Scoop.it : http://www.scoop.it/t/tice-web-2-0

Pearltrees  : http://www.pearltrees.com

Exemple :

Mon Pearltrees «   » : TICE, Web 2.0, logiciels libres http://www.pearltrees.com/alainmi

Les outils du web

Creative Commons - Attribution 17

goqr.me

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

images sur les périphériques mobiles.

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, professeur des écoles et 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.

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/

goqr.me : http://goqr.me/

Accès à l'outil en ligne : https://micetf.fr/qrcode/

Les outils du web

18 Creative Commons - Attribution

IV. Version diaporama de présentation

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

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

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.]

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

Les outils du web

Creative Commons - Attribution 19

ANNEXES

Les outils du web

20 Creative Commons - Attribution

GLOSSAIRE

QR CodeAcronyme de «Quick Response code» - Ce code visuel en deux dimensions peut être lu par différents terminaux, en particulier

les dispositifs mobiles, ce qui déclenchera différentes actions (ajouter une carte de visite virtuelle, naviguer sur un site internet, visionner une vidéo, etc.).

Source