Webquest des Eurolangues – Conseils techniques

Webquest des Eurolangues – Conseils techniques
Pour mener à bien ce projet « webquest des eurolangues », l’enseignant devra :
-
rédiger la webquest
la mettre à disposition des élèves (en salle informatique, sur l’ENT de l’établissement ou sur internet)
expliquer aux élèves les rudiments d’un logiciel de présentation
enregistrer les élèves en train de présenter leur carnet de voyage
Logiciels à utiliser
-
Pour la présentation de la webquest : Word de Microsoft Office (ou Writer de LibreOffice) ou KompoZer
Pour la mise à disposition de cette webquest en salle informatique : Scribe (ou autre serveur de fichiers)
Pour la réalisation du diaporama : Powerpoint de Microsoft Office (ou Impress de LibreOffice)
Pour l’enregistrement des élèves : Jing (par exemple)
Pour la lecture du fichier généré par Jing : Un navigateur Internet (Internet Explorer, Mozilla Firefox, …) ou un
lecteur flash indépendant (GeoVid Flash Player, …)
Mise en œuvre
La webquest des eurolangues est déjà rédigée, elle est visible en ligne à cette adresse :
http://pedagogie2.ac-reunion.fr/cyberprofLV/index_fichiers/webquest_eurolangues_accueil.htm
ou encore à cette adresse :
http://allemand.ac-reunion.fr//documents/webquests/webquest_eurolangues_berlin/index.html
On y trouve, à destination des élèves, l’introduction, la tâche à effectuer, la méthode à utiliser, les critères
d’évaluation et des liens vers des sites pour guider les élèves dans leurs recherches (recherches sur Londres ou
Berlin, à titre d’exemple).
Dans la rédaction de la webquest, le rôle le l’enseignant consiste à modifier cette dernière rubrique des liens
pour les adapter aux besoins des élèves, pour effectuer des recherches sur une autre ville, par exemple.
Il n’est pas absolument nécessaire de créer un nouveau site web pour modifier ces liens, on peut tout à fait
envisager de présenter la webquest sur une page Word (ou LibreOffice) en copiant-collant l’introduction, la
tâche, la méthode, les critères d’évaluation, puis en ajoutant les nouveaux liens. (Voir le fichier « modèle.doc »
dans le dossier « Formation_webquest_eurolangues » pour le script de la webquest, voir le fichier
« Exemple1.doc » dans le même dossier pour voir un exemple de présentation)
On peut cependant aussi envisager une présentation plus « dynamique » de la webquest sous forme de site web,
en utilisant par exemple le logiciel KompoZer. (Voir l’exemple2, cliquer sur « index.html »)
…/…
Aspects techniques
Compétences requises pour le professeur : Word (ou Writer), Powerpoint (ou Impress), Scribe, Jing (ou autre)
-
Scribe : partage des fichiers
Word (ou Writer): insérer des images, insérer liens
Powerpoint (ou Impress): insérer des images, du son
Jing : enregistrement des élèves
Et pour aller plus loin :
-
Kompozer : création de pages web
FileZilla : Client FTP pour l’envoi des pages créées, des images, des sons, …, sur un serveur web
Scribe
Sur un ordinateur de la salle informatique, dans le « Poste de travail », utiliser le lecteur « Commun sous Scribe »
pour mettre la présentation de la webquest à disposition des élèves. Déposer le fichier .doc ou le dossier qui
contient le mini-site dans le dossier « Travail » du lecteur « Commun sous Scribe ». Ces fichiers seront alors
visibles à partir de tout poste de la salle.
Word (ou Writer)
o Ouvrir le fichier « Modèle.doc » et copier le texte
o Ouvrir un nouveau document vierge et y coller le texte
o Changer la couleur de fond (onglet « Mise en page »), la couleur de la police (onglet « accueil »), la
couleur des liens (onglet « Accueil », « Modifier les styles », « Couleurs »)
o Insérer un tableau et supprimer la bordure (insérer un tableau, clic droit sur le tableau, Bordure et
trame)
o Insérer une image (insérer à partir d’un fichier, ou copier-coller à partir d’internet)
o Créer un lien sur une image (sélectionner l’image, clic sur menu « insertion », sur « créer lien
hypertexte », puis faites un copier-coller de l’adresse internet)
o Créer un lien sur du texte (même chose en sélectionnant le texte)
Powerpoint (ou Impress)
o
o
o
o
o
o
o
Ouvrir un nouveau document vierge
Choisir un modèle de présentation (menu « disposition »)
Choisir la couleur (menu « création »)
Insérer Image (menu « Insertion »)
Insérer une zone de texte (menu « Insertion »)
Insérer un Wordart (menu « Insertion »)
Visionner le diaporama (menu « Diaporama », clic sur « A partir du début »)
Jing
o
o
o
o
Installer et lancer Jing (une boule jaune pâle translucide apparaît en haut de l’écran (au milieu).
Pointez la boule jaune et cliquer sur la « + » pour capturer l’écran.
Sélectionner la totalité de l’écran.
Une barre de contrôle s’affiche en bas à gauche de l’écran. Cliquer sur le bouton qui représente une
pellicule pour lancer la capture (attendre quelques secondes avant de commencer à parler et de
faire défiler le diaporama).
o Cliquer sur le bouton « stop » à la fin de l’enregistrement.
o Attendre quelques secondes… Jing propose alors de visionner votre enregistrement avant de
l’enregistrer. Le visionner pour en vérifier la qualité.
o Cliquer sur « Replay » pour le visionner à nouveau.
o Enregistrer en cliquant sur le bouton qui représente une petite disquette.
o Pour quitter Jing, pointer la petite boule jaune pâle, cliquer sur les petits engrenages, puis sur le
bouton de mise en veille.
o Jing enregistre au format .swf. Pour visionner un fichier .swf, utliliser un navigateur internet (Internet
Explorer, Mozilla Firefox…) ou utiliser un lecteur flash indépendant (ex. : GeoVid Flash Player,
téléchargeable à l’adresse suivante : http://www.geovid.com/flash_player/)
Faire parvenir ce fichier sur CD ou sur clé USB à la DAREIC avant le 30 novembre 2011
KompoZer
Fondamentaux pour la réalisation d’un site web :
o L’intégralité du contenu du site (pages, images, sons, boutons, …) doit être regroupée dans un seul et
unique dossier (le « dossier racine » du site).
o La page d’accueil du site doit être nommée « index.htm » ou « index.html ».
o Cette page d’accueil doit être placée à la racine du site (pas dans un sous-dossier du dossier racine).
o Tous les noms de dossier, de sous-dossiers, de pages, de fichiers (images, sons, …) ne doivent
contenir ni d’espaces, ni d’accent, ni de caractères spéciaux.
o Il est conseillé de vérifier l’affichage du site avec plusieurs résolutions d’écrans.
Voir un exemple d’arborescence : Exemple2
Créer une page web/un site web avec KompoZer
o
o
o
o
o
o
o
o
o
o
o
o
Lancer KompoZer (une page vierge s’affiche).
Définir les couleurs de fond, du texte, les liens (Onglet « Format », « Couleurs et fond de page »).
Insérer un tableau (Onglet « Tableau », « Insérer », « Tableau »).
Définir la taille de la bordure du tableau (double clic sur le tableau, Onglet « Tableau », définir la
bordure. Entrer bordure=0 pour un tableau sans bordure).
Définir la taille des colonnes (double clic sur la colonne à redimensionner, Onglet « Cellule », définir
la largeur).
Si toutes les pages du site sont vouées à avoir les mêmes couleurs, polices et organisation, effectuer
des copies du modèle créé. (Onglet « Fichier », « Enregistrer sous… », autant de fois que de pages à
créer, donner un nom aux différentes pages.
Les différentes pages créées et ouvertes s’affichent sous forme d’onglets sous la barre de mise en
forme du texte.
Donner un titre à chaque page (Onglet « Format », « Titre et propriétés de la page… »). Accents et
espaces sont possibles ici.
Pour insérer une image, ne jamais utiliser de copier-coller. Placer l’image dans le dossier racine, puis
aller dans l’onglet « Insertion », cliquer sur « Image ». Préciser l’emplacement de l’image (dans le
dossier racine), remplir le champ « Vignette » (pour l’info-bulle) et le champ « Texte alternatif » (en
cas de non-affichage de l’image).
Pour redimensionner une image : double clic sur l’image, Onglet « Dimension ».
Pour insérer un lien, sélectionner l’image ou le texte, aller dans l’onglet « Insertion », cliquer sur
« Lien ». Renseigner le champ « Emplacement du lien » (adresse internet ou page,image, son, …,
dans le dossier racine. Définir la « cible » du lien, pour qu’il s’affiche en lieu et place de votre page ou
dans une nouvelle fenêtre.
Ne pas oublier de créer des liens pour naviguer entre les différentes pages du site. (de la page
d’accueil vers les autres pages, des autres pages vers la page d’accueil, …)
Arnaud Lemesle
Formateur TICE
[email protected]