Objectif de l`atelier Phase 1 – Création d`une activité de

Réalisation d'une cyberquête
Mardi 26 Mars 2013
Objectif de l'atelier
Au terme de cet atelier, vous saurez :
•
créer une activité de recherche d’information accessibles aux enfants dès le 5P Harmos et la
réaliser techniquement
•
identifier l’intérêt pédagogique d’une telle acticité et prévenir les difficultés de la recherche
d'information sur internet.
Concrètement, l'atelier va consister à :
•
connaître les difficultés auxquels sont exposés les élèves de primaire lors d’une recherche
d’information pour les anticiper
•
identifier les sites pertinents pour les élèves, et qui concourent à l’objectif d’apprentissage,
•
créer un moteur de recherche spécifique (ou une page web de cyberquête) sur un sujet précis,
•
construire une séquence didactique pertinente et motivante autour de cette recherche,
•
créer une série de pages web sur lesquelles apparaitra votre recherche internet.
A l’issue de l’atelier, vous disposerez d’une activité « clé en main » créée par vos soins sur un thème
spécifique.
Phase 1 – Création d’une activité de recherche d’information
1.1 Difficultés et intérêt d'une activité de recherche d'information - 30 mn
Par groupe de deux ou trois, allez sur la page de la cyberquête "Au secours ma planète" et suivez les
instructions. Adresse : http://tecfa.unige.ch/tecfa/teaching/LME/betrancourt/cyberquete/, afficher page
Planete-enseignants.html
Discussion :
- Intérêt : qu'apprend-on d'après vous, quelles compétences, quelles connaissances ? quel intérêt pour
les élèves ?
- A quelles difficultés avez-vous été confrontées ? quelles sont les difficultés que pourraient rencontrer
des élèves ?
- Quelles recommandations pour la constructon de séquences didactiques comportant des activités de
recherche d’information ?
Ressources :
- Lire l’article du cadre théorique sur les cyberquêtes : http://tecfalabs.unige.ch/mitic/cadretheorique/usages-et-exemples-1
- Voir l’article sur la recherche d'information sur le site de l'Agence Nationale des Usages des TICE
(France) : http://www.cndp.fr/agence-usages-tice/, suivre Que dit la recherche, Article « Recherche
d’informations, comment former les élèves ? »1
- Des exemples de recherches d'information adaptée à une activité en primaire :
1
http://www.cndp.fr/agence-usages-tice/que-dit-la-recherche/recherche-d-informations-comment-former-les-eleves-3.htm
- Site Suisse pour le primaire : cyberquetes.ch
- Site québecquois, primaire et secondaire : cyberquete.ca
1.2. – Elaboration de votre cyberquête
Par groupe de 2 ou 3, choisissez un thème sur lequel vous aimeriez créer une activité de recherche
d'information. Ce peut-être en géographie, histoire, science...
Identifier l’objectif disciplinaire visé et le degré. Précisez l'intérêt pour cette question d'aller
chercher sur internet.
Identifier deux ou trois sites pertinents et adaptés au degré (connaissances préalables et
compétences de lecture).
1. 3 – Création d’une activité scénarisée ou séquence didactique autour de la recherche
d’information
Vous allez maintenant élaborer une séquence didactique intégrant une recherche d'information. La
recherche est en général une étape dans un scénario pédagogique plus large, dans lequelle il y a du
sens à rechercher une information sur internet.
Proposez une séquence d'enseignement pour y intégrer votre activité de recherche d'information
(réalisation poster, jeu de rôle, argumentation...).
Ressources :
Allez lire la page "En savoir plus sur les cyberquêtes" dans le Cadre théorique et inspirez vous des
exemples présentés dans le texte et dans la partie "Sites proposant des cyberquêtes"ainsi que la page
de l'agence française des usages des TIC.
1. 4. – Création d'une page du journal de bord avec la cyberquête
Dans le journal de bord, créer une entrée qui s'appelle Ma cyberquête sur... (là vous écrivez le nom du
sujet).
Vous précisez :
•
le thème de la cyberquête
•
l'objectif disciplinaire
•
les degrés
•
le lien sur les sites repérés
•
le contour de la séquence et notamment comment les élèves vont utiliser les informations
trouvées
Vous pouvez écrire ce billet dans le journal de l’un-e d’entre vous et que les autres pointent dessus.
Phase 2 - Faire vos pages de Cyberquête avec le logiciel Kompozer
Tutoriel Kompozer adapté de http://www.gtalbot.org/NvuSection/GuideUtilisateurNvu/GuideNvuSection1.html
1. Commencer avec Kompozer
Le logiciel est disponible sur les postes Unige, sur le bureau.
Pour chez vous, vous pouvez télécharger le logiciel à : http://kompozer.net/download.php
Une version en français est disponible plus bas dans la page.
1.1 Créer une nouvelle page et l’enregistrer
Kompozer s’ouvre sur une nouvelle page vide. Sinon, sur la barre de composition,
cliquez sur le bouton ‘Nouveau’.
- Copiez le texte décrivant votre recherche internet (billet de journal) dans la page vide.
- Pour enregistrer le document en tant que fichier HTML, cliquez le bouton ‘Enregistrer’ dans la barre
de menu du haut.
- S'il s'agit d'un nouveau document, une fenêtre de dialogue vous demandera d'éditer le titre de cette
page. Ce titre apparaîtra dans l'onglet au haut du panneau d'édition de contenu. Attention, ce titre N'est
PAS le nom de votre fichier mais le nom que portera la page dans le navigateur web. Donnez donc
un nom signifiant (cyberquete sur … - Page enseignants). Cliquez 'OK'; on va alors vous offrir
d'enregistrer votre fichier.
- Une fenêtre de sauvegarde classique s’ouvre. Enregistrez-le document avec le nom "Pageenseignants.html" dans votre dossier personnel ou Home, dans le dossier Public.WWW.
ATTENTION : le nom du fichier permet de le retrouver. Sur le web, les noms de fichier ne doivent
comporter NI ACCENT NI ESPACE. Pour qu'un lien vers un fichier, page html ou image marche, il
faut que son nom soit rigoureusement identique. Car internet ne sait pas lire mais juste reconnaitre des
séquences de caractères.
1.2 Ouvrir une page existante
Pour vérifier que la page a été sauvegardée sur votre disque local en format HTML:
Fermez vore page. Dans la barre de menu, cliquez ‘Fichier’ puis ‘Ouvrir un fichier’ ou cliquez
dans la barre Principale le bouton Ouvrir. Naviguez jusqu'au fichier Page-Enseignants.html et cliquez ‘Ouvrir’.
1.3 Prévisualiser une page
Pour voir comment se dispose votre page dans votre navigateur par défaut sans l’ouvrir, dans la barre Principale,
cliquez le bouton ‘Navigateur’.
Bravo, vous avez créé votre première page Web !
2. Éditer le contenu d’une page
KompoZer accepte tous les raccourcis-clavier standards de Windows pour les commandes d'édition. par ex.
Copier Ctrl+C, Coller Ctrl+V, Sélectionner tout Ctrl+A, Annuler Ctrl+Z, Refaire Ctrl+Y. Trouver
Ctrl+F, Nouveau Ctrl+N, Ouvrir Ctrl+O, Enregistrer Ctrl+S.
Il en existe plusieurs autres, spécifiques à KompoZer.
2.1. Brève introduction au HTML (facultatif)
HTML est l'abréviation que signifie HyperText Markup Language ou, en Français, Langage de
Balis(ag)e HyperTexte. Il est le language de publication du World Wide Web sur lequel KompoZer se
base. Idéalement, il devrait être possible d'utiliser KompoZer sans une connaissance préalable de ce
langage et certainement sans une connaissance en détail. Néanmoins, une connaissance de base facilite
la corection des erreurs de format et autre.
Cliquez sur l'onglet '<> Source'. Vous allez voir un nombre d'expressions à l'intérieur de signes angles
ou comparateur mathématiques Inférieur à, Supérieur à <>. Ce sont là des ‘balises’ HTML. Tout ce
qui commence depuis <body> et finissant avec </body> va apparaître sur votre page Web.
Note Dans la plupart des cas, les balises apparaissent en paire avec une balise de départ et une balise
de fin (ou quelquefois on dit balise de clôture) – Les balises de fin sont précédées d'une barre oblique
ascendante "/" (NdT : forward slash).
Tout ce qui constitue la page n'est pour le moment qu'une seule et unique balise <br> qui est un retour
à la line (NdT : line break) et qui est, bien sûr, invisible. Plus tard, lorsque l'édition de la page
progresse, plusieurs autres paires de balises s'ajoutent au code de la page. La plupart du temps, les
paires de balises renferment les ‘éléments’ à partir desquels la page est constituée, est construite –
éléments comme les Paragraphes, les Titres (aussi appelés Entêtes ou Intitulés), les Tableaux, les
Images. Le nom des balises sont habituellement le même que le nom anglais des éléments ou leurs
abréviations; par exemple, ‘table’ pour tableau, ‘img’ pour image, ‘p’ pour paragraphe, ‘br’ pour
retour à la ligne (qui n'a pas de balise de fin).
2.2 Donnez un titre à la page : dans le code source ou par le menu
Dans le code source :
Cliquez sur l'onglet '<> Source' en bas de page. Entre les balises <title> et </title>, vous retrouvez le titre que
vous avez tapé tout à l’heure et qui s’affichera dans le navigateur Web.
Vous pouvez modifiez le titre en tapant directement. Cliquez sur l'onglet de mode d'édition ‘Normal’ ou Design
(l’œil) en bas de page et voyez le titre de votre page Web s’afficher dans l’onglet.
Par le menu :
Si vous n’aimez pas cette interface, rien n'est perdu. Cliquez sur l’onglet « Normal» (l’œil) en bas de page.
Allez à Format > Titre et propriétés de la page.... Ici, vous pouvez entrer les différents paramètres incluant le titre
et la langue dans laquelle vous écrivez. Ces informations vont être entrées dans la section <head> dans le code
de la page. Dans certaines circonstances, celles-ci peuvent être importantes; le titre et la description, par
exemple, sont souvent utilisés par les engins de recherche qui indexent votre page (comme google).
2.3. Créez une deuxième page web
En suivant les mêmes opérations, créez une deuxième page web ayant pour titre « Cyberquête sur.. Page
élèves ».
Enregistrez le fichier sous le nom « Page-eleves.html » (sans accents ni espace !).
Vous décrirez dans cette page les éléments pour les élèves : étapes, consignes, matériel….
2.3. Travailler avec les images
Note technique :
Avec KompoZer, il est facile d'insérer des image dans votre page Web. Les navigateurs Web acceptent les
images en 3 formats (GIF, JPG et PNG).
Vous devrez utiliser une application pour les images (comme le logiciel libre et gratuit GIMP 2.8.4) pour
convertir votre image en un de ces 3 formats convenables. Pour le Web, le meilleur format pour la
compression d'image et pour la qualité graphique d'image est le format PNG; le format GIF est bon aussi.
JPG est le moins bon (rapport compression du fichier versus qualité graphique) des trois ci-haut mentionnés.
Vous pouvez insérer une image située n'importe où sur votre ordinateur mais, pour les nécessités de gestion d'un
projet de développement d'un site web, il est fortement recommandé de placer toutes les images dont vous avez
l'intention d'utiliser dans votre site web dans un seul et même dossier « images ».
2.3.1 Organiser vos fichiers et images
- Créez un dossier cyberquete sur votre espace personnel (Home > Public)
- Déplacez vos deux fichiers html créés précédemment dans ce dossier
- Toujours dans ce dossier, créez un dossier ‘images’
- Trouvez sur internet une image représentative du thème de votre cyberquête, libre de droit ou en « creative
commons ».
- Enregistrez-là dans le dossier ‘images’ (clic droit sur l’image > Enregistrez sous) avec le nom « imagetheme.png » (ou gif si votre navigateur ne propose pas png).
2.3.2 Insérer des images
Attention Avant d'insérer une image, enregistrez votre page Web. Sinon, KompoZer ne saura pas comment
référencer votre image ni où elle se trouve.
1.
2.
3.
4.
5.
6.
Cliquez le bouton 'Image' dans la barre Principale.
La fenêtre Propriétés Image s'ouvre. Cliquez 'Choisir Fichier', naviguez et sélectionnez le fichier
« image-theme.png »
Cliquez ‘Ouvrir’. Cochez la case à cocher ‘L'URL est relative à l'emplacement de la page ’; cela va
vous permettre de déplacer la page et l'image à un autre endroit sur votre ordinateur sans changer le
lien.
Dans la case à cocher ‘Texte alternatif’, ajoutez une description textuelle de l'image. Ceci complète
l'attribut ‘alt’ de l'élément img (pour image) et fournit un texte alternatif pour les handicapés visuels par
exemple.
Dans la boîte de texte ‘Vignette’, vous pouvez optionnellement insérer un texte pour l'image. La très
grande majorité des navigateurs vont rendre ce texte dans un info-bulle quand le curseur plane audessus de l'image.
Cliquez OK.
2.3.2 Positionner et redimensionner des images
Vous devriez voir l'image insérée dans le milieu du paragraphe. Peut-être l'image s'affiche-t-elle dans
une dimension incorrecte ou inappropriée. Cliquez sur l'image. Une boîte de redimensionnement avec
8 poignées graphiques (8 petits carrés blancs) apparaît tout autour de l'image.
Saisissez une poignée graphique pour altérer la dimension de l'image. Donnez-lui une dimension
appropriée. Un plus grand contrôle peut être accompli via la boîte 'Propriétés de l'image' en
sélectionnant l'onglet ‘Dimensions’.
2.4. Insérer un lien hypertexte
Les liens procurent les moyens de naviguer d’une page à l’autre dans un même site ou vers d’autres sites Web.
Les liens peuvent être attachés à n'importe quel élément d'une page. Habituellement, on utilise quelques mots ou
une image sur lequel un clic va activer un lien.
Créez un lien vers une page sur internet :
• Sur la page Page-Enseignants, écrire Activité du cours MITIC 2014. Sélectionnez les derniers mots qui
seront cliquables.
• Sur la barre Principale, cliquez sur le bouton ‘Lien’. Alternativement, faites un clic droit sur les mots
sélectionnés et sélectionnez ‘Créer un lien...’. La boîte ‘Propriétés du lien’ s'ouvre.
•
Collez dans le champ de texte vide l’adresse de la page d’accueil du cours MITIC
(http://tecfalabs.unige.ch/mitic/).
Créez un lien vers une de vos pages (sur votre ordinateur) :
• Dans la page Cyberquête… enseignant, écrire « Lien vers l’activité élèves ».
• Sélectionnez ces quelques mots qui seront alors cliquables.
• Sur la barre Principale, cliquez sur le bouton ‘Lien’. Alternativement, faites un clic droit sur les mots
sélectionnés et sélectionnez ‘Créer un lien...’. La boîte ‘Propriétés du lien’ s'ouvre.
• Cliquez sur ‘Parcourir...’ et naviguer jusqu'au fichier que vous voulez lier, en l’occurrence, Page-eleves.html
• Cochez bien la case « URL relative à la localisation de la page ».
• Cliquez Ok
• Recommencez l’opération avec la page Elèves pour la lier à la page enseignants.
Dans le Mode d'édition Normal ou Aperçu, vous verrez vos mots soulignés et en une autre couleur
(probablement bleu). Si vous double-cliquez maintenant sur le texte, la boîte 'Propriétés du lien' s'ouvre. Cette
procédure peut s'avérer fort utile si vous voulez changer le fichier auquel le lien réfère.
Pour créer un lien vers une adresse email :
Pour réaliser un lien de courrier électronique, procédez comme précédemment. Quand la boîte ‘Propriétés de
lien’ s'ouvre (ou si c'est la boîte Propriétés de l'image, alors cliquez l'onglet Lien), entrez l'adresse de courrier
électronique et cochez la case ‘La valeur ci-dessus est une adresse de courrier électronique’.
Pour créer un lien sur un texte de la même page :
Il existe un autre type de lien appelé ‘ancre nommée’. Une telle ancre est extrêmement utile puisqu'elle peut agir
comme un signet définissant un endroit précis sur une page. Il suffit de sélectionner l’endroit désiré (par exemple
devant « objectif », de cliquer sur « insérer une ancre » dans la barre d’outil, de donner à cette ancre un nom
significatif (par exemple objectif). Une petite icône avec une ancre marine s’affiche.
Il suffit ensuite de créer un lien comme précédemment : sélectionner le texte à cliquer qui amènera à cette zone,
cliquez sur ‘Lien’ et sélectionnez dans le menu déroulant le nom de votre ancre (ex. #objectif).
3. Création d'un moteur de recherche avec google Search engine
Google Custom Search engine est un module de Google qui permet de créer son propre moteur de recherche
personnalisé. En clair, le moteur de recherche cherche uniquement dans les sites web que l'on a indiqués et pas
sur tout le Web. S'il n’est pas le premier à proposer aux internautes la création de leur propre moteur de
recherche personnalisable, Google Custom Search Engine est très accessible et permet de créer son moteur en
quelques clics. En outre, le résultat ressemble à s'y méprendre à celui que renvoie le moteur google en général.
Indication pédagogique. La création d'un moteur personnalisé répond à l'objectif d'initier les élèves à la
recherche d'information dans son versant de sélection des informations pertinentes parmi des résultats de
recherche classés selon des critères que l'on ne maîtrise pas. Il permet de travailler sur la formulation des
requêtes et l'évaluation de la qualité des sources. Pour l’enseignant, il est important de sélectionner des sites
accessibles au niveau des enfants et pertinents pour la question posée.
Procédure
•
•
•
•
Tout d'abord il faut se créer un compte google (gmail). Pour cette activité vous pouvez créer un compte pour
trois.
Ensuite, vous allez vers le module : http://www.google.com/cse/
Suivez les étapes indiquées : les sites internets sur lesquels vous souhaitez que les élèves fassent leur
recherche dans le champ de texte, puis donnez le titre.
Et voilà ! Il suffit de copier l'adresse web (url) sur la page web qui présente la consigne (Page-eleves.html)
ou bien de copier le script fourni par le module google dans la page (ne marche pas toujours…)
Note : Utilisez de préférence Firefox pour lequel on a testé que cela marche.
4. Rendre ces pages accessibles sur internet
C’est le grand moment ! Vous avez sauvé vos fichiers sur l'ordinateur, localement comme on dit. Pour que vos
pages deviennent réellement des pages internet, il faut les mettre sur une machine connectée à internet et équipée
d'un serveur web. Vos espaces personnels, vos "H:" ou Home, comporte un dossier www > Public. Tout ce que
vous y mettez peut être retrouvé par internet avec l'adresse :
http://home.etu.unige.ch/~votreusername/nomDossier/
- Si ce n’est pas déjà fait, copiez votre dossier cyberquete DANS votre dossier Public.WWW sur le lecteur H:
- Testez avec un navigateur internet avec l’adresse :
http://home.etu.unige.ch/~votreusername/cyberquete/Page-enseignants.html
Et admirez votre cyberquête ! Testez les liens et modifiez le texte si nécessaire.
- Si cela ne marche pas, vérifiez bien que l’écriture soit exactement la même (majuscule, pluriel, type de tiret…).
Note : Il existe une page index.html dans votre dossier public, sur laquelle on aboutit si on tape juste
http://home.etu.unige.ch/~votreusername/
Cette page index peut simplement contenir votre nom, mais aussi un lien vers votre cyberquête et tout autre info
vous concernant (attention, visible par tout le monde !).
Notez que si vous vous lancez dans la confection de cyberquêtes, vous avez tout intérêt à les partager avec vos
collègues enseignants (voir par exemple le site cyberquete.ch) pour ne pas tout créer vous-mêmes.
5. Billet sur la plateforme
Vous avez terminé votre activité. Postez dans la plateforme MITIC les éléments suivants :
- nom de votre cyberquête, personnes avec lesquelles vous avez travaillé-e
- lien vers vos pages Enseignants et Elèves
- toute réflexion que vous avez à ce stade sur ce type d’activité de recherche d’information.