Diaporama présenté lors des Journées pour l'enseignement des langues étrangères, célébrées à Albacete, les 27 et 28 avril 2009.

1. II JORNADAS PROVINCIALES DE IDIOMAS
LE WEB 2.0 EN CLASSE
DE FLE
Carmen Vera Pérez.
http://carmenvera.eoidehellin.es

3. Objectifs
Connaître les différences entre le web 1, le

web 2.0 et le web 3.
Connaître les apports du web 2.0

Connaître les possibilités offertes par ces

nouveaux outils dans l’enseignement des
langues étrangères

4. Contenus
Le web 2.0, c’est quoi?

 Nouveaux concepts.
 Nouveaux outils.
 Plateformes et outils étoile.

5. C’est quoi,
le web
2.0?

6. Web 2.0 : une définition
collaborative.
6
Selon Wikipédia :

“L'expression Web 2.0 a été proposée pour
désigner ce qui est perçu comme un renouveau
du World Wide Web. L'évolution ainsi qualifiée
concerne aussi bien les technologies employées
que les usages. En particulier, on qualifie de Web
2.0 les interfaces permettant aux internautes
d'interagir à la fois avec le contenu des pages
mais aussi entre eux, faisant du Web 2.0 le web
communautaire et interactif.quot;

7. Web 2.0 : origine Marketing
7
Expression lancée en 2004 par Dale Dougherty, vice

président des éditions O'Reilly lors d'une réflexion
avec Craig Cline de MediaLive pour développer des
idées pour une conférence conjointe.
Il a suggéré que le Web était dans une période de

renaissance, avec un changement de règles et une
évolution des modèles d’affaires, centrés sur
l’utilisateur.
Deux changements majeurs:

progrès technologiques

évolution des comportements


8. Historique du Web
8
Le web 0: 1994:

réservé aux informaticiens, spécialistes

peu de producteurs de contenus pour quelques utilisateurs

Le web 1: 1995-2005

croissance rapide

ecommerce, médias

diffusion verticale: internaute passif

Le web 2.0: 2005 (imposé à partir de 2007)

apparition des blogs, wikis…

modification des comportements

l’utilisateur devient le producteur

Web 3 ou 3D ou Web sémantique: 2008

Collaboration en temps réel


9. Le Web 2.0: pas de
définitions, mais des exemples.
9
Web 1 Web 2
Profil de l’internaute Passif Actif: blog, wiki, réseaux sociaux
Recherche d’informations
Attitude de Partage de connaissances
l’internaute
Sélection, lecture d’infos Sélection, lecture, publication d’infos:
Interactivité
syndication
Système de liens Liens hypertextes reliant des pages Flux RSS, API REST exposant les objets
Stockage Clé USB Disques virtuels: box.net, esnips, divShare
d’information
Mode de navigation De page en page via des liens Ajout de composants et de sources
d’information sur une PAP: google, netvibes
hypertexte
Bureautique Traitements de texte, éditeurs Googledocs, Splashup,
d’images, lecteurs .pdf payants convertisseurs en ligne,
Éditeurs HTML et serveurs Google Sites
Netscape Firefox
Moteur de recherche Altavista Google
Encyclopédie Encarta Wikipédia

10. Une définition du Web 2.0
10
www.20minutes.fr

11. Pour moi, le web 2.0 c’est…
11
Communiquer

Partager

Collaborer

Démocratiser la Toile

 Plate-formes gratuites
 Construire un site
 Intéragir avec le créateur du site
 Créer des activités, des chats…
 Manipuler du multimédia sans être informaticien

12. Caractéristiques des sites Web
2.0
12
partage de contenus: blogs, wikis, réseaux

sociaux
la force de la comunauté: donner son avis,

partager, collaborer, s’exprimer, influencer
l’utilisateur est au centre et le contenu est le fruit de

la collaboration des internautes
des pages plus riches en contenu multimédia

pages statiques pages dynamiques

et interactives
l’Ajax (Asynchronous Javascript And XML) au coeur, navigation légère

 échange d’informations entre le client et le serveur afin de
mettre à jour le contenu d'une page web sans rafraîchir la

13. Nouveaux
concepts,
nouveaux termes,
nouvelles
plateformes

15. Le Web 2.0: nouveaux concepts,
nouveaux termes.
15
les blogs

les wikis

 communication diachronique
les réseaux sociaux

 les communautés linguistiques
 communication et apprentissage des langues
les chats intégrés dans les blogs, wikis ou

réseaux
 communication synchronique

16. Qu’est-ce qu’un (web)blog?
16
Un journal de bord («log») sur la toile («web»), une

sorte de site régulièrement mis à jour au sein duquel
les textes récents s’affichent en haut de page avec le
nom de son auteur, la date et l’heure de sa rédaction.
 Permet d’ajouter du texte, du son, des images.
 L’audio-blog permet d’ajouter du son.
 Le vidéo-blog permet d’ajouter des vidéos.
Le fotolog, le moblog, le microblog.
 Le professeur peut créer son site web en deux
pas, celui de ses élèves, …
But? À vous de décider

17. les blogs:
communication
diachrone
un blog
17
« perso ».
http://carmenvera.blogspot.com/

18. De l’audio-visuel
pour le cours de FLE.
18
http://delaudio-visuelpourlescoursdefle.blogspot.com/
http://www.dailymotion.com/videosfle http://www.youtube.com/cveraperez?gl=FR&hl=fr

19. Pourquoi un blog en classe?
19
Gratuit et modifiable partout et en deux

minutes
 tout professeur peut avoir son site
Motivant pour les élèves

 Le site du professeur
 panneau d’affichage
 travailler en classe ou à la maison
 Le site du groupe
 blog collaboratif
journal de l’école, journal du groupe

compréhension et expression écrites


20. Pourquoi encore?
20
Pour intégrer les TICE

Possibilités multimédia

Possibilité d’avancer à son rythme

Développer l’écriture, la création et l’imagination

Remettre les travaux dans les articles ou commentaires

Publier des travaux, toujours disponibles pour tous

Facilite les travaux de collaboration et l’entraide

Communication avec autrui

Poser des questions à l’enseignant(e) ou à d’autres élèves

Facile à donner des directives ou explication de travaux (communication)

Écrire des messages en faisant attention aux erreurs

C’est plus intéressant qu’une rédaction

Développement personnel

Écrire ses découvertes

Forum de discussion sur un sujet quelconque


21. les blogs de
mes groupes
21
http://eoidehellin1.canalblog.com
http://eoidehellin2.canalblog.com
http://eoidehellin3.canalblog.com
http://eoidehellin4.canalblog.com
http://eoidehellin5.canalblog.com
…

22. Les audioblogs: à quoi ils servent?
http://carmenvera.podomatic.com
22

23. Podcast vs audioblog
http://www.clickcaster.com/carmenvera
http://eoidehellin5.canalblog.com/archives/2007/10/10/6490939.html
http://www.jamglue.com/people/cvera
23 http://carmenvera.ning.com/forum/topics/2066775:Topic:3
01

24. Vidéoblogs: à quoi ça
peut servir?
http://www.dailymotion.com/cvera
24
http://www.dailymotion.com/eleves

25. Un wiki, c’est quoi?
25
Le terme quot;wikiquot; vient de l'hawaïen « wiki wiki »

signifiant « vite ».
Le wiki est un site web dont la principale

caractéristique est de permettre à ses
utilisateurs d'éditer de façon simple et rapide
n'importe laquelle de ses pages.

26. Comunication, collaboration et
interactivité: les wikis.
26
http://carmenvera.wikispaces.com/
http://lisonsunpeu.wikispaces.com/

27. Les wikis: communauté de
connaissance.
27

28. Pourquoi un wiki?
28
Facile à utiliser

aucune connaissance html

modification sur n’importe quel ordinateur

publication immédiate

Travail collaboratif

Tout le monde peut y participer

 changements
 ajouts
 corrections
Accepte le multimédia

Téléchargeable


29. À quoi ça sert, un wiki?
29
Site web de l’établissement

Site web du professeur ou du département

 le guide des élèves
Site web du groupe d’élèves

 forum, panneau d’affichage
 web inter-établissements
Développement en ligne d’un travail

collaboratif
 roman interactif
 publication de matériaux
 publication de sites web utiles…

30. Critiques au wiki
30
Désorganisation

Trop ouvert

Aucun contrôle

Vandalisme et spam

Ce n’est pas pour tout le monde


31. Wiki et blog: différences.
31
Blog

Un seul auteur http://carmenvera.blogspot.com/

Des commentaires des visiteurs

Structure chronologique: on se retrouve face à la dernière entrée

Liens externes

Configuration plus attirante

Wiki

Plusieurs auteurs au même niveau http://carmenvera.wikispaces.com/

La structure est libre, on peut effacer les anciennes contributions

même
Liens internes ou externes

Les collaborateurs doivent être enregistrés et on sait qui a collaboré

Possibilité de garder le contenu au format html


32. Compléments pour blogs et
wikis.
32
Il existe des outils multimédia très variés qu’on peut

ajouter dans le blog ou dans le wiki, au sein des
articles, ce qui rend ces plate-formes
de puissantes ressources audio-visuelles.

On peut y ajouter autant d’applications qu’on

souhaite, selon le sujet ou la nature de l’article qu’on
souhaite publier. Les plus utilisées sont des vidéos, du
son, des images, ou des fichiers à télécharger.
http://carmenvera.blogspot.com

http://carmenvera.wikispaces.com/

http://franceseoi.wikispaces.com


33. les chats: tout le
monde peut en avoir.
communication
synchrone
http://gabbly.com/
http://carmenvera.wikispaces.com/Chat.
33

34. Les réseaux sociaux
34
Communauté d’internautes partageant des

centres d’intérêt et des fonctionnalités en
ligne.
http://carmenvera.ning.com
http://dnl-francophones.ning.com

35. Les communautés linguistiques.
35
Un réseau social s’organise en sous-

communautés focalisées autour d’un thème
central
Sites d’apprentissage de langues

 parientsur la communication et l’échange entre
internautes de toutes les nationalités pour
parfaire et faire pratiquer les langues
 développer ses connaissances linguistiques
 rencontrer les caractéristiques culturelles de la langue
étudiée

36. Le Web 2.0: nouveaux
concepts, nouveaux termes.
36
 tags, étiquetage, folksonomy
Les utilisateurs classent les fichiers en leur

attribuant des mots-clés, ou quot;tagsquot; en anglais, qui
facilitent la recherche.
Dans les marqueurs sociaux, les

blogs, audioblogs, wikis…
Le terme quot;Folksonomyquot;, inventé par Thomas

Vander Wal, provient de quot;Folksquot; (les gens) et
quot;Taxonomyquot; (règles de classification) et signifie en
quelque sorte quot;classification par les gensquot;.

37. Nuage de tags.
37
Représentation visuelle des mots-clé (tags) les plus utilisés sur un site web.

38. Le Web 2.0: nouveaux
concepts, nouveaux termes.
38
fils d’information RSS
 Les
(Really Simple Syndication o Rich Site Summary)

C’est un moyen pour se tenir au courant des

mises à jour d'un site ou un blog.

39. Le Web 2.0: nouveaux
concepts, nouveaux termes.
39
 Agrégateurs RSS (lecteurs de fils RSS)
Pour lire un fil/canal/flux RSS il faut

 un outil spécifique, appelé «lecteur RSS», «agrégateur RSS»
il va se connecter régulièrement aux sites que

vous lui désignez (ceux où vous avez souscrit au
fil RSS) et va rapatrier les informations récentes.
 syndiquer son contenu, sur un blog ou un site web
Souscription RSS

 un copier-coller de l'adresse du fil RSS vers votre
agrégateur
http://www.imagiers.net/

http://apprendre.over-blog.fr/


40. Les flux RSS en bon français.
40
http://www.youtube.com/watch?v=240u_FoIHc8

41. Agrégateur et page d’accueil
personnalisée
41
http://www.google.fr/reader/

42. Le Web 2.0: nouveaux
concepts, nouveaux termes.
42
Podcast, podcasting

le podcast est un fichier audio-visuel

contraction de Pod et de Broadcasting

« Pod » signifie capsule; « broadcasting », signifie diffusion, émission,

transmission.
c’est donc la transmission d’informations encapsulées.

diffusion de fichiers sonores ou vidéo sur internet (podcasts)

recupérables automatiquement sur les baladeurs numériques
baladodiffusion (ou baladiffusion), podiffusion (Suisse) pour podcasting

balado ou fichier balado pour podcast

le podcasting permet de télécharger automatiquement des émissions

audio (ou vidéo)
 les transférer sur une clé USB
 les enregistrer sur un CD
Comment les télécharger?

agrégateurs de podcasts: tous les jours l’ordinateur va

automatiquement chercher les dernières éditions des programmes
qui nous intéressent.
Juice, iTunes.

Dailymotion, Comme au cinéma, Diffusion des savoirs de l’OUMLR


43. Web 2.0: nouveaux concepts.
43
Widgets ou gadgets

 contraction des termes window (fenêtre) et
gadget
 un widget de bureau est un outil disponible sur un
système d'exploitation, une page web et un blog.
Les widgets de bureau proposent habituellement
des informations ou des divertissements:
 médias
 traducteurs
 horloges
 chatsou écrans de communication
 gadgets Google, gadgets Comme au cinéma: exemple

44. Outils du Web 2.0
utiles pour le professeu

45. Quels outils peuvent nous
intéresser?
45
Communiquer

Collaborer

Partager et publier

Travailler en ligne

Stocker des fichiers

Manipuler de l’audio-visuel

Enregistrer de l’audio-visuel


46. Outils utiles
46
Communiquer Bureautique en ligne
 
Blogs Traitement de texte
 
 Traitement d’images
Messagerie instantanée

 Convertisseurs
Collaborer

Plateformes pour créer des
Wikis 

activités éducatives en ligne
Journaux en ligne

forums

Partager

Des diaporamas: Slideshare

nos favoris: marqueurs

sociaux
.doc, .pdf, .mp3

Stocker

Snips, divShare: disque

virtuel
Stocker et partager

Audio-blogs, vidéo-blogs

Flickr (photos)


47. Communiquer, publier,
collaborer…
47
Le journal du groupe ou de
l’établissement.
http://www.webzinemaker.com/eoidehellin/

48. Partager, publier, collaborer.
48
Les articles des élèves.
http://issuu.com/cvera

49. Communiquer, publier,
collaborer…
49
Ecriture collaborative.
http://www.writeboard.com/
http://123.writeboard.com/cba622363dcd3a619

50. Communiquer, publier,
s’entraider…
50
Un forum pour trouver des correspondants.
http://carmenvera.forumpro.fr/index.htm

51. Communiquer, publier,
s’entraider…
51
Un forum pour échanger des
idées.
http://carmenvera.exprimetoi.net/

52. Partager: des diaporamas.
52
http://www.slideshare.net/cvera

53. Partager des diaporamas: slideshare
53
Insertion sur un site, blog, wiki.

code embed fourni

Alléger les courriels

on indiquera seulement l’URL du diaporama à envoyer

Partager des travaux

lire seulement

 lire et télécharger
Publier les travaux des élèves

Connaître l’avis des lecteurs grâce aux

commentaires
collaborer


54. Partager: des documents.
54
http://www.scribd.com

55. Partager des documents:
Scribd
55
possibilité de partager des textes en ligne de

manière efficace
possibilité de placer un texte sur un site, un

blog, etc. en copiant-collant un petit bout de
code (à la embed)
idéal pour partager des travaux (elearning)

génial puisqu’il ne faut pas posséder la suite

Microsoft Office pour arriver à lire le contenu

56. Stocker, enregistrer, partager, publi
er.
56
des fichiers audio: sur des audio-blogs

plateformes: clickcaster, podomatic, podemus, evoca…

des sites gratuits où l’on peut stocker de l’audio

ou créer des podcasts

des vidéos: sur des vidéo-blogs

 plateformes:
Googlevidéos, Youtube, Dailymotion, bliptv…
souscription

agrégateurs gratuits: iTunes, juice

enregistrer les élèves: présentations, journaux

télévisés, simulations…
des photos et les partager: Flickr, Ning


57. Envoyer des fichiers très lourds.
57
http://rapidshare.com/

58. Stocker et partager: disques durs
virtuels.
58
Pas de clé USB sur vous? Aucun problème:

http://www.esnips.com/user/cvera
http://www.divshare.com/
http://www.box.net/

59. Comment on peut obten
du matériel audio-visue
pour nos cours
dans ces sites 2.0?

60. Enregistrer de l’audio-visuel sur la
Toile.
60
SONS

 Audacity http://audacity.sourceforge.net/about/?lang=fr
Téléchargeable gratuitement

Enregistre le son que vous entendez sur la Toile ou votre voix

Vous stockez les enregistrements sur votre disque dur ou vous les envoyez sur

internet
 Firefox + freecorder
http://applian.com/freecorder3/

VIDÉOS

 Real One Player http://france.real.com/player/win/
Enregistre le son ou les vidéos que vous visionnez sur la Toile

7 jours sur la planète, Télé Mélody, dailymotion.

 Firefox + downloadhelper
https://addons.mozilla.org/fr/firefox/addon/3006


61. Écouter et enregistrer les radios en
ligne: logiciel gratuit.
61
http://www.radiofrsolo.info/

62. Du podcasting.
62
Comment obtenir regulièrement des

ressources audio-visuelles (chansons ou
autres) de podcast et videoblogs
 installer iTunes
 s’abonner au site dont nous souhaitons obtenir les
fichiers
http://www.apple.com/fr/itunes/overview/

63. Synthèse vocale en ligne.
63
http://www.research.att.com/~ttsweb/tts/demo.php
http://tts.loquendo.com/ttsdemo/default.asp
http://www.acapela-group.com/text-to-speech-interactive-
demo.html
KALI http://elsap1.unicaen.fr/KaliDemo.html
http://www.voki.com/ http://www.agoravox.fr/
http://readthewords.com/

64. Traducteurs ou dictionnaires + audio.
64
http://traduction.translated.net/
http://www.mediadico.com/dictionnaire-
parlant.asp
http://www.oddcast.com/home/demos/tts/tts_tran_example.php?clients

65. Comment les travailler en classe?
65
Pas d’internet en classe.

Les enregistrer sur une clé USB, un disque

multimédia, un CD, un DVD, un ipod,… pour les
visionner en classe
Convertisseurs de format de vidéos

en ligne

http://media-convert.com/convertir/

logiciels

 Cinemaforge
Internet Video Converter

Les blogguer sur un blog, page web ou wiki

travailler à la maison

travailler dans la salle d’ordinateurs


66. Convertisseurs en ligne
66
convertir un fichier quelconque dans un

autre format
audio-visuel
doc
pdf…
 mediaconvert, zamzar
 http://media-convert.com/convertir/
 http://www.zamzar.com/

67. Bloguer des documents audio-
visuels.
67
Dailymotion

Youtube

Google vidéo


68. Bloguer une vidéo pas à pas.
68
Bloguez une vidéo

Visitez www.dailymotion.com/cvera

Choisissez un clip

Copiez l’étiquette EMBED ou “lecteur exportable”

Collez-la dans votre blog en cliquant d’abord sur

l’option HTML

69. Insérer de l’audiovisuel dans le
wiki.
69

70. Insertion, publication de widgets
audio-visuels sur notre site.
70
http://www.deezer.com/ http://www.springwidgets.com/

71. Plate-formes pour créer ou publier des
activités éducatives en ligne.
71
Journaux en ligne.

Forums.

Blogs et dérivés.

Exercices interactifs.

Cyberquêtes.


72. Pour que les professeurs ou les élèves
publient (expression écrite ou orale)
72
Blogs

Wikis

consacrés à la matière étudiée, à un sujet, à un

exposé, à la mise en oeuvre d’un projet de
collaboration avec un établissement étranger…
Journaux en ligne http://www.webzinemaker.com/eoidehellin/

Histoires interactives

http://123.writeboard.com/cba622363dcd3a619
Vidéo-blogs http://www.dailymotion.com/eleves

Audio-blogs http://www.jamglue.com/people/cvera

Créer son site facilement

http://www.webs.com/

http://sites.google.com/site/carmenvera/


73. Pour créer ces activités en
ligne.
73
Exercices et questionnaires

à faire et à publier en ligne
À insérer sur un site web
Quibblo

Quizz.bizz

ESLvideo.com

 Plateformes: indiquer leur URL aux élèves
Françaisfacile.com http://www.francaisfacile.com/

ClozeMaker Test Author Utilities http://www.edict.com.hk/clozemaker/ Exemple

QCM en ligne:

http://www.proprofs.com/quiz-school/ Exemple

Charles Kelly's Online Quiz Exemple

 http://a4esl.org/c/bilingual.html

74. Pour créer des miniquests.
74
Outils pour créer des activités de recherche en

ligne
trackstar: http://trackstar.4teachers.org/trackstar/

Exemples: Avant la lecture du petit Prince L’abbé Pierre Voyage à Paris

wizard http://wizard.4teachers.org/

Exemple: l’abbé Pierre Connaissons Paris

exemples en espagnol

http://www.isabelperez.com/moodle2/ronda/actividades_ronda.htm
Outils pour créer des cyberquêtes.

En ligne:

Edutic http://www.edutic.ua.es/webquest/index.asp

Php webquest http://www.phpwebquest.org/

À publier sur un serveur

Modèles à télécharger: 1, (il faut connaître le .html)


75. Comment rendre publiques ces
activités?
75
Leur URL est trop long

 Ouvrez un compte sur delicious
n’aurez qu’à donner l’URL de votre delicious aux
 Vous
élèves
Ils y trouveront vos activités en ligne

Ils n’auront qu’à cliquer sur les liens

 Ouvrez un blog, un wiki, une page sur Google:
 Vous y indiquerez les liens vers vos activités
 Vous y insérerez vos QCM

76. Récapitulons

77. Outils étoile.
77
 Les ajouts / extensions / modules / add-ons le
rendent essentiel dans la navigation
 https://addons.mozilla.org/fr/firefox/
de l’audio-visuel: downloadhelper
 Enregistrer
 Capturer des écrans: FireShot
 Convertir au format pdf: pdf download de nitro
 Enregistrer vos favoris en ligne: delicious

78. Google
78

79. Google et ses possibilités.
79
https://www.google.com/accounts/ManageAccount

80. Google
80
configurer sa page d’accueil personnalisée…

iGoogle

écrire un document sans logiciel de texte

GoogleDocs

collaborer en ligne / publier

créer un site web

Google Reader: agrégateur

Blogguer

Googlevideos

Agenda


81. Récapitulons:
comment se repérer
dans ces sites 2.0?

82. Cherchez le tag!
82

83. Récapitulons:
comment être au jour
au milieu de tous
ces sites intéressants?

84. Inscrivez-vous sur un
agrégateur!
84

85. Conclusions
et conseils

86. Conditions requises pour l’utilisation
optimale du Web 2.0 dans
l’enseignement
86
Établissement

Connexion dans la salle de classe

 Ordinateurs pour les élèves dans la salle de classe
Chez l’élève

Ordinateur et connexion sur internet

Le professeur

Ordinateur personnel à la maison et au travail

Village, ville…

Médiathèques ou espaces wifi où le citoyen puisse se

connecter facilement
Pere Marquès, 2007.

87. Conditions requises pour l’utilisation
optimale du Web 2.0 dans
l’enseignement
87
Compétences chez l’élève

plus autonome dans l’accès à l’information et la construction de

ses connaissances
compétences informatiques

compétences sociales: travail en équipe, respect, responsabilité…

autres: apprentissage autonome, créativité, adaptabilité…

Le professeur

compétences informatiques générales

compétences didactiques: introduire le web 2.0 dans une séquence

pédagogique adaptée aux besoins éducatifs
règlement dans l’utilisation habituelle des ordinateurs en salle de

classe
attitude favorable à l’intégration des TICE

Pere Marquès, 2007.

88. Dangers du Web 2.0
88
Piratage de données personnelles dans les

réseaux sociaux ou les chats
 trouver
les mots de passe
 envoyer de la publicité
Spyware dans les réseaux sociaux

Spam trompeur sur les blogs

Multiplication d’outils

 confusion
 disparition (beta)
Copyright


89. Connaissez-vous
Charlène ?
© Photographer: Geotrac | Agency: Dreamstime.com
89

90. 90
Merci pour votre attention!
Vous avez des questions?
carmen.vera@terra.es
http://carmenvera.eoidehellin.es