accès à la ressource - Espace Pédagogique

Technologies web pour la classe de langue
David COTTREL, professeur d’espagnol, lycée Jean Perrin, Rezé (44).
[email protected]
Objectifs de l’atelier :
-
découvrir les possibilités d’un intranet bénéficiant de technologies avancées du web
manipulation de différents scripts et applications web utilisables en cours de langue ou
en accompagnement
Prérequis :
Les informations décrites dans les pages suivantes demandent une bonne connaissance de
l’environnement informatique en général, du système d’exploitation Windows (95-98 ou +), de
la navigation sur internet, de la création de pages web (HTML) ainsi que quelques
connaissances en architecture réseau (adresses IP) et Windows NT.
¡ ¡Ojo!!
L’atelier ne vous apprendra pas :
- à utiliser un ordinateur
- à utiliser un système d’exploitation
- à créer des pages web, des formulaires,
- à utiliser un système auteur
- à capturer un site web
- à monter un réseau informatique
- à programmer en Php ou en Perl (j’en suis moi-même incapable !)
- à résoudre tous les problèmes liés à l’utilisation de l’informatique ;-))
Introduction :
La mise à la disposition des élèves d’informations (sites webs « capturés » ou « aspirés »,
résumés, compléments de cours) et d’activités (exercices interactifs, jeux) sous forme de pages
web est de plus en plus utilisée dans les établissement scolaires. La mise en place d’un serveur
Intranet permet la mutualisation et la simplification de la gestion de cet ensemble de
documents, en évitant par exemple aux élèves de naviguer dans le « voisinage réseau ». Il leur
suffit de taper l’adresse du serveur web dans le navigateur et de suivre les liens proposés par
les enseignants.
L’Intranet permet aussi dans le cas d’un établissement entièrement câblé de rendre accessibles
les données en tout point de celui-ci, on peut imaginer qu’il devienne un outil
d’accompagnement du cours pour l’élève qui peut y retrouver, à partir du CDI ou d’une salle
informatique en libre-accès, le travail commencé en cours pour le finir. Rien n’empèche
d’imaginer de la même façon si le serveur est accessible de l’extérieur (extranet) que cet
accompagnement puisse se faire à partir de n’importe quel ordinateur connecté au web.
De plus en plus de collègues utilisent les pages web et notamment les exercices de type Hot
Potatoes en cours de langue mais sont souvent confrontés au même problème : le suivi du
travail des élèves n’est guère satisfaisant car les résultats disparaissent avec la fermeture du
navigateur. La mise en place de fonctionnalités avancées sur le serveur de l’Intranet
(installation d’un serveur de courrier, d’une base de données et d’un langage de script) permet
de récupérer ces résultats et de les envoyer par courrier électronique au professeur ou encore de
les stocker dans une base de données.
-1-
Installation :
Matériel et logiciels requis :
Une machine serveur.
On peut utiliser un ordinateur tournant sous Windows 98 mais on préférera un système
d’exploitation plus robuste (Windows NT, 2000 ou Linux) pour éviter les plantages du serveur.
Cela dit, pour un tout petit réseau domestique (2-3 postes) ça fonctionne. Le serveur de la salle
multimédia de langue du lycée Jean Perrin utilise Windows NT.
Les serveurs web peuvent tourner sur des configurations modestes si le nombre de connexions
simultanées est limité, la quantité de mémoire vive installée peut aussi avoir des incidences (64
ou mieux 128 Mo recommandés).
Un serveur web.
Le logiciel IIS de Microsoft est fourni avec Windows NT, PWS du même Microsoft existe
pour Windows 95-98, Sambar (freeware ou gratuiciel) est une bonne alternative pour
Windows tout comme Apache (logiciel libre) qui existe aussi pour Linux.
Ma préférence va à Sambar, très facile à configurer via une interface web (en anglais). Ce
logiciel est utilisé dans de nombreux établissements scolaires (écoles primaires et classes de
techno notamment –voir le carnet d’adresses).
Un serveur de courrier électronique.
Utile si l’on souhaite mettre en place une messagerie interne pour récupérer par mél des
données envoyées par formulaire. Mercury pour Windows est gratuit. Il faudra bien sûr créer
des comptes utilisateurs, au moins un pour le professeur chargé de récupérer les données des
élèves. Et bien sûr configurer un logiciel client pour accéder à ce compte.
Un langage de script adapté au web.
Perl ou Php. Ces deux langages de programmation côté serveur (par opposition aux langages
côté client comme le Javascript) possèdent des caractéristiques propres. Pour simplifier, après
manipulation de scripts écrits dans les deux langages, je dirais que Perl est un langage très
riche et très puissant qui ne se limite pas qu’au web à la différence de Php qui est moins
puissant mais plus accessible au néophyte (!). Autre différence, le script en Perl est en général
placé à un endroit précis du serveur (dans le dossier /cgi-bin/ le plus souvent) alors que le script
en Php peut être placé dans n’importe quel dossier, voire être contenu dans une page web.
Cette différence est importante si on place ses pages chez un hébergeur gratuit car il est très
rare qu’ils accordent un accès à un répertoire cgi-bin (pour des raisons de sécurité notamment).
Il existe d’autres langages de programmation orientés serveur mais l’avantage de ces deux
langages est qu’ils sont utilisables gratuitement.
Un serveur de base de données.
MySql, serveur de base de données libre.
Colloque Cyber-Langues 2002 - Artigues
Atelier : Technologies web pour la classe de langues – D. Cottrel
-2-
Alternative.
Pour ceux que ces installations successives rebuteraient, une solution existe : EasyPhp est un
programme exécutable qui permet d’installer en quelques minutes un serveur Apache, Php,
Mysql et l’interface d’administration de base de données PhpMyadmin, le tout sans (presque)
mettre les mains dans le cambouis.
Un ou des scripts à appeler de vos pages web ou des applications complètes.
Enfin, récupérer les scripts voulus sur internet et les installer. Certains disposent d’une
installation automatisée (c’est souvent le cas pour les applications en Php) d’autres demandent
la modification de quelques paramètres « à la main » dans le code, pour cela un éditeur de texte
suffit (le bloc-notes de Windows ou d’autres plus élaborés NoteTab Light ou Jext par
exemple). Il est relativement facile (pour les anglophiles notamment) de trouver de très
nombreux scripts sur le web, en revanche il est plus difficile de trouver LE bon script, facile à
installer, ergonomique et clairement documenté. Ces scripts sont bien entendus utilisables
gratuitement souvent sans autre restriction que de conserver les informations relatives à leur
auteur.
Exemples d’utilisation de scripts dans un intranet pédagogique
Une fiche à remplir
Les élèves en début d’année pour prendre contact avec la salle multimédia et l’intranet, se
connectent par le navigateur à un formulaire qui une fois validé va stocker les informations en
les concaténant dans un fichier texte stocké sur le serveur. Il pourra être ouvert dans un tableur
par la suite pour créer des listes d’élèves, des bulletins électroniques etc.
Après écriture des informations dans le fichier, le serveur renvoie une page de commentaire
(page dynamique) et/ou vers une autre page.
J’ai utilisé pour cela le script en Perl écrit par Sébastien Joncheray « telechargeur.pl » qu’on
peut trouver ici : http://www.perl-gratuit.com/perl/telechargeur/
Il est aussi possible de faire la même chose en Php avec le script « Uniform » :
http://flelay.free.fr/uniform.php3
Une réponse ou une rédaction envoyée par mél
Les élèves sont invités à répondre à une ou des questions dans un formulaire qui est transmis à
un ou plusieurs correcteurs et peut générer une copie pour leur propre adresse électronique.
Scripts (en Perl) utilisés - le plus connu des scripts de ce type est FormMail de Matt Wright
mais il a été développé sous Unix et ne fonctionne pas sur un serveur tournant sous Windows
NT, en voici néanmoins 3 qui fonctionnent sous ce système d’exploitation :
Form2Mail : http://www.liquidsilver.com/scripts/form2mail/ (“Artistic Licence” Freeware)
BnbForm : http://www.bignosebird.com/carchive/bnbform.shtml (Freeware)
SouperMail : http://soupermail.sourceforge.net/ (Licence GPL)
Un résultat d’exercice envoyé par mél
Hot Potatoes (mais aussi Quiz Faber, qui fournit ses propres scripts en Perl) permettent l’envoi
du résultat d’un exercice à une adresse électronique. Pour cela il faut en intranet qu’un script en
Perl de type FormMail soit installé ainsi qu’un serveur de courrier. Si l’ordinateur dispose d’un
accès permanent à Internet on peut trouver des scripts « prêts-à-l’emploi » sur le web qui
enverront le résultat directement à votre boîte-aux-lettres.
Colloque Cyber-Langues 2002 - Artigues
Atelier : Technologies web pour la classe de langues – D. Cottrel
-3-
Pour accéder à cette option de Hot Potatoes dans le menu Options > Configurer le résultat,
cliquez sur l’onglet CGI puis renseignez précisément les champs proposés :
Un « livre d’or » détourné
Le « livre d’or » permet aux visiteurs d’un site de laisser leurs remarques sur celui-ci. En
validant le formulaire de saisie, les remarques sont ajoutées aux précédentes, une page de
remerciement s’affiche et un avertissement sous forme de mél est envoyé au propriétaire du
site.
- Détournement en "journal de bord de la salle multimédia" : le script permet à plusieurs
utilisateurs de signaler sur une même page les différents problèmes rencontrés ou
modifications apportées à la configuration de la salle multimédia du lycée. L’aide-éducateur
responsable de la salle peut consulter la page à tout moment et par un autre formulaire signaler
les problèmes résolus.
- Détournement plus pédagogique : les élèves qui ont travaillé en cours d’espagnol sur une
série de portraits ont à rédiger une imitation de ceux-ci pour être présentés sur le site du lycée.
[Le résultat de ce travail est (normalement) visible ici : http://www.lycee-jeanperrin.net/pages/lyceens/Retrato/retrato.htm , un descriptif du travail est disponible là :
http://www.ac-nantes.fr/peda/disc/lv/espagnol/travaux/retrato/retr_pres.htm ]
Le script en Perl utilisé est SouperMail : http://soupermail.sourceforge.net/ . Il permet à partir
d’un formulaire de concaténer les réponses des élèves dans un seul fichier et de faciliter ainsi
sa mise en forme postérieure dans un éditeur HTML.
- Détournement en « cahier de textes virtuel » : dans le cadre de la mise en service du câblage
global du lycée Jean Perrin, je vais mettre en place un cahier de textes virtuel pour une classe
de seconde que seuls les professeurs pourront modifier mais qui sera accessible par tous les
élèves.
Un sondage
De nombreux scripts en Php permettent de réaliser de petits sondages dont le résultat est
aussitôt affiché sous forme graphique. Le degré de sophisitication du script permet ou pas
d’éviter les doubles votes, etc.
Colloque Cyber-Langues 2002 - Artigues
Atelier : Technologies web pour la classe de langues – D. Cottrel
-4-
Un test (de personnalité, etc.)
Je pense que le Php doit permettre de générer simplement des tests de type « test de
personnalité » avec classement des résultats dans une base de données par exemple,
malheureusement je n’en ai pas trouvé encore ! (je suis preneur de vos découvertes :
[email protected] ). Il existe par ailleurs de nombreux générateurs de tests et quizz en
Php, à tester…).
La communauté de développeurs (programmeurs) en Php propose de nombreux scripts mais
aussi des applications professionnelles complètes (et gratuites la plupart du temps) :
Une application complète en Php : la plate-forme de travail collaboratif Ganesha
Plus riche que le simple script l’application Ganesha propose en réalité un ensemble d’outils
pour gérer et suivre un groupe d’élèves : un espace pour des formations (cours, exercices,
documents à télécharger), des outils de discussion (forum, courrier électronique et chat), des
outils de gestion des élèves, des classes, des enseignants, des formations et des chapitres de
cours, etc. et le tout gratuitement (licence GPL). Le tout s’installe très simplement en local ou
sur un serveur distant.
Autre atout, Ganesha est capable de récupérer (moyennant quelques modifications un peu
fastidieuses du code HTML des pages d’exercices existantes à l’aide de « patches de
Ganeshaïsation ») les résultats des exercices réalisés avec Hot Potatoes ou CourseBuilder de
Macromedia.
Je travaille actuellement sur des « templates » pour Hot Potatoes, modèles d’exercices à
charger dans le logiciel pour produire des exercices sans avoir à entrer dans le code. Contactezmoi ([email protected]) si vous souhaitez en savoir plus.
Cet ensemble d’e-learning permet de proposer aux élèves des parcours de formation ou de
révision dans un environnement très abouti et professionnel, le site des concepteurs étant très
clair et constamment enrichi par les propositions et apports de ses utilisateurs comme souvent
dans l’univers du logiciel en open source ou « libre ».
Il existe aussi d’autres plates-formes comme Claroline qui proposent peu ou prou les mêmes
fonctionnalités (voir le carnet d’adresses à la fin du document).
Un site mutualisé
Qui dit « Intranet pédagogique » doit nécessairement penser « mutualisation », cependant à
l’usage il est difficile de pousser les collègues à la mutualisation si celle-ci demande un
investissement important pour maîtriser les nouvelles technologies et notamment la création de
pages web. De plus, la multiplication des intervenants (et donc des goûts et des couleurs de
chacun) rend généralement l’aspect de l’intranet de plus en plus déroutant et bariolé.
Confier la création des pages du site intranet à une seule personne ne résout pas forcément tous
les problèmes. Devant la montée en charge des participations de collègues, le responsable peut
vite se trouver submergé. Une bonne alternative existe pour décharger les uns et les autres des
aspects les plus lourds de la gestion d’un intranet : il s’agit des générateurs de sites mutualisés
ou encore des générateurs de « portails ». Le plus connu est l’application PhpNuke mais il en
existe d’autres tout aussi intéressants comme Xoops, Npds ou encore Spip (celui que je
préfère ;-)).
Ces applications créent deux types d’utilisateurs, les « auteurs » et le ou les
« administrateur(s) ». Les premiers (les professeurs mais pourquoi pas les élèves ?) se chargent
de produire des ressources, d’apporter leurs données, qu’ils soumettent à l’administrateur grâce
à un identifiant et un mot de passe dans un formulaire. Ils ne s’occupent ainsi que du fond, et
Colloque Cyber-Langues 2002 - Artigues
Atelier : Technologies web pour la classe de langues – D. Cottrel
-5-
ne perdent plus de temps à maîtriser le HTML ou les feuilles de style. L’administrateur peut
ajouter autant d’auteurs, créer autant de rubriques qu’il le souhaite, ajouter telle ou telle
fonctionnalité (forum, téléchargement, etc.) et modifier très facilement l’aspect de l’intranet
sans risquer de perdre les données existantes.
Adresses
Pour tout recherche de logiciel gratuit ou libre, ayez le réflexe Framasoft !
http://www.framasoft.net
Hot Potatoes
http://web.uvic.ca/hrd/halfbaked/
Pour ceux qui ne connaissent pas, j’ai commis un « tutoriel » sur le logiciel (mais je ne suis pas
le seul) disponible sur le site de l’académie de Nantes :
http://www.ac-nantes.fr/peda/disc/lv/espagnol/acc-esp.htm
Rubrique : Multimédia.
Puis >> Logiciels >> Hot Potatoes, logiciel de création d'exercices au format HTML
QuizFaber
Générateur d’exercices au format HTML.
http://www.lucagalli.net/eng/download.htm
Tout-en-1 : EasyPhp
http://www.easyphp.org
Serveurs Web :
Sambar Server : http://www.sambar.com
Une très bonne documentation sur Sambar (en français) : http://perso.wanadoo.fr/dg/
Voir aussi : http://cartables.net/grenier/sambar/sambar.html ou
http://www.ifrance.com/bea/sambar.html
http://www.ac-creteil.fr/reseaux/internet/inet/proxy/sambar.htm
http://www.demey.net/faq/sambar/sambar_index.htm
http://www.ac-nantes.fr/peda/disc/scphy/dochtml/reseau/reseau3.htm
Apache : http://httpd.apache.org/
Serveur de courrier : Mercury de David Harris (créateur de Pegasus Mail)
http://www.pmail.com/versions.htm
Serveur de base de données MySql :
http://www.mysql.com/downloads/index.html
Perl :
Pour comprendre ce qu’est le Perl : http://www.enstimac.fr/Perl/DocFr.html
Toute l’information sur Perl (en anglais) : http://www.perl.com/
Pour télécharger un exécutable pour Windows :
http://www.perl.com/pub/a/language/info/software.html#win32
Colloque Cyber-Langues 2002 - Artigues
Atelier : Technologies web pour la classe de langues – D. Cottrel
-6-
Cette adresse renvoie en général à http://www.activestate.com pour une distribution à
télécharger gratuitement (Windows Installer 2.0 nécessaire).
Modules de Perl pour Windows : Net::SMTP et MIME::Lite nécessaires pour SouperMail
http://www.activestate.com/ppmpackages/
Pour installer Perl avec EasyPhp/Apache :
http://www.manucorp.com/article.php?id=13
PHP :
Quelques informations pour comprendre ce qu’est le Php :
http://www.manucorp.com/article.php?id=9
Pour télécharger un éxécutable Windows :
http://www.php.net/downloads.php Choisir un « Windows binary » évidemment ;-)
Scripts :
En Perl : En français : http://www.perl-gratuit.com/
En anglais :
Form2Mail : http://www.liquidsilver.com/scripts/form2mail/ (“Artistic Licence” Freeware)
BnbForm : http://www.bignosebird.com/carchive/bnbform.shtml (Freeware)
SouperMail : http://soupermail.sourceforge.net/ (Licence GPL)
PHP :
Form2Mail + autres scripts : http://www.ftls.org/fr/exemples/php/
Scripts divers (dont PhpMyAdmin pour administrer une base de données Mysql) :
http://www.phpscripts-fr.net
http://www.phpfrance.com/
http://www.comscripts.com/
http://www.php.net (en anglais)
Applications
Plate-forme de travail collaboratif en PHP :
Ganesha : http://www.anemalab.org
Claroline : http://www.claroline.net/
Site Web mutualisé en PHP :
PhpNuke : http://phpnuke-france.org/
Xoops : http://www.frxoops.org/modules/news/
NPDS : http://www.npds.org/index.php?op=edito
SPIP : http://www.uzine.net/rubrique91.html
Colloque Cyber-Langues 2002 - Artigues
Atelier : Technologies web pour la classe de langues – D. Cottrel
-7-
Technologies web pour la classe de langue.................................................................................. 1
Objectifs de l’atelier : ...............................................................................................................1
Prérequis :................................................................................................................................. 1
¡ ¡Ojo!! ..................................................................................................................................... 1
Introduction :.............................................................................................................................1
Installation : ............................................................................................................................. 2
Matériel et logiciels requis :..................................................................................................2
Une machine serveur. .......................................................................................................2
Un serveur web................................................................................................................. 2
Un serveur de courrier électronique..................................................................................2
Un langage de script adapté au web..................................................................................2
Un serveur de base de données......................................................................................... 2
Alternative.........................................................................................................................3
Un ou des scripts à appeler de vos pages web ou des applications complètes................. 3
Exemples d’utilisation de scripts dans un intranet pédagogique.............................................. 3
Une fiche à remplir............................................................................................................... 3
Une réponse ou une rédaction envoyée par mél................................................................... 3
Un résultat d’exercice envoyé par mél..................................................................................3
Un « livre d’or » détourné.....................................................................................................4
Un sondage............................................................................................................................4
Un test (de personnalité, etc.)............................................................................................... 5
Une application complète en Php : la plate-forme de travail collaboratif Ganesha..............5
Un site mutualisé...................................................................................................................5
Adresses.................................................................................................................................... 6
Hot Potatoes.......................................................................................................................... 6
QuizFaber..............................................................................................................................6
Tout-en-1 : EasyPhp............................................................................................................. 6
Serveurs Web :......................................................................................................................6
Serveur de courrier : Mercury de David Harris (créateur de Pegasus Mail)........................ 6
Serveur de base de données MySql :.................................................................................... 6
Perl : ..................................................................................................................................... 6
PHP :..................................................................................................................................... 7
Scripts :................................................................................................................................. 7
Applications.......................................................................................................................... 7
Plate-forme de travail collaboratif en PHP :..................................................................... 7
Site Web mutualisé en PHP :............................................................................................ 7
Colloque Cyber-Langues 2002 - Artigues
Atelier : Technologies web pour la classe de langues – D. Cottrel
-8-