On ne nous prévient pas toujours loin de là mais nous constatons avec fierté et plaisir que notre service libre Framapad est de plus en plus souvent utilisé dans les établissements scolaires (par exemple ici, ici, ici ou encore là).

On y a apprécie son immédiateté, sa simplicité d’usage et surtout ses potentialités pédagogiques, notamment pour ce qui concerne le travail collaboratif (on y apprécie également le fait que ce soit libre et qu’on n’est pas obligé d’en passer par Google).

Nous avons voulu en savoir plus en interviewant ci-dessous deux enseignantes, l’une du primaire et l’autre du secondaire.

Merci de relayer l’info pour faire connaître et donner envie à plus de monde encore de se frotter à Framapad. Merci également d’apporter votre témoignage dans les commentaires si vous aussi vous l’utilisez dans vos classes, il est important pour nous de faire savoir que nous sommes utiles 😉

La photo ci-dessous est issue d’une séance pédagogique très détaillée réalisée en SVT dans l’Académie de Créteil (on y parle de Firefox et LibreOffice aussi). Nous vous invitons également à regarder cette vidéo^[1] où des élèves de l’Académie de Bordeaux découvre l’écriture poétique avec Framapad sur leur… iPad !

Interview croisée de deux utilisatrices de Framapad, l’une au primaire et l’autre au secondaire

Bonjour, pouvez-vous vous présenter succinctement. Où enseignez-vous et à quel niveau ?

Laetitia : Bonjour, Laetitia, enseignante en CM1/CM2, dans les Deux-Sèvres

Hélène : Professeur documentaliste au Collège Saint Jean (215 élèves) dans le Tarn.

Comment avez-vous connu Framapad ?

Laetitia : Par l’animateur informatique de ma circonscription qui en a parlé en animation pédagogique (temps de formation).

Hélène : Je ne me souviens plus précisément mais sans aucun doute par le biais de mutualisation entre professeurs documentalistes

Qu’est-ce qui vous a motivé(e) à le proposer à vos élèves/étudiants ?

Laetitia : Un projet inter-degrés entre ma classe et une classe de 6e de mon collège de secteur.

Hélène : Plusieurs questions et interrogations m’ont amenée à utiliser un outil d’écriture collaborative. Comment dépasser le simple « copier-coller » des élèves ? Comment enseigner l’écriture numérique ? Comment faire pour que les élèves donnent du sens à leurs recherches documentaires ? Comment développer chez des élèves de collège le sens du travail collaboratif ?

Il fallait un outil simple, facilement accessible et bien sûr librement utilisable par les élèves. Framapad répondait à ces critères.

Quels dispositifs avez-vous mis en place pour l’utiliser ? Avec quels matériels ? Et surtout pour quelle démarche pédagogique ?

Laetitia : Production d’écrit par 4 (1 élève chacun), connectés en même temps.

Hélène : lors de la mise en activité de recherche par les élèves, je pratique avec mes collègues la méthode du document de collecte. Ce document de collecte est la première étape d’un brouillon, constituée d’extraits « copier-coller » correctement référencés (sources des informations relevés). Il permet à la fois de cerner un sujet, d’évaluer la pertinence d’une information et de prélever l’information à partir d’internet notamment.

Lors de travaux de groupes, il est apparu nécessaire de trouver un outil permettant aux élèves de travailler simultanément sur un même document pour mutualiser ce document de collecte et interagir sur celui-ci. Par exemple, pour un dossier santé et environnement en SVT en classe de 3e, les élèves ont en amont travaillé sur un article d’actualité qui a permis de dresser collectivement une cartographie des producteurs d’info, sur les sources (cartographie des sources) en réalisant un scoop.it comme traces de leur recherche.

L’outil Framapad a ensuite permis à chaque binôme de réaliser son travail de collecte, de synthèse et de réécriture des informations à partir du document de collecte réalisé. Au besoin, chacun a pu revenir sur les sites préalablement sélectionnés pour compléter, approfondir des points particuliers.

Dans la mesure où Framapad se trouve sur Internet, est-ce que la connexion parfois hésitante des établissements scolaires a été un frein à son usage ?

Laetitia : Parfois j’ai eu du mal à avoir un ordinateur connecté par élève (ligne Wi-Fi trop légère pour le nombre de PC).

Hélène : Personnellement, je n’ai pas eu de soucis particuliers. 5 ou 6 groupes ont pu travailler simultanément sur leur pad. Mais j’ai des retours de collègues pour qui le site a plusieurs fois « beugué » lorsqu’il y avait trop de connexions simultanées. Ce genre de séance nécessite d’avoir une solution de repli sous le coude.

Dans la mesure où Framapad se trouve sur Internet, avez-vous envisagé des scénarios pédagogiques hors temps de classe, où les élèves seraient invités à travailler dessus et ensemble depuis leur domicile ?

Hélène : Les binômes qui n’avaient pas terminé leur travail de réécriture ont été invités à le terminer. L’avantage avec ce dispositif c’est que chacun des élèves du groupe peut y accéder à son rythme, depuis chez lui ou depuis le CDI du collège. Même en cas d’absence d’un élève par exemple le travail reste accessible à l’autre élève.

Quels sont les points positifs et négatifs que vous avez rencontrés lors de son usage en classe ?

Laetitia : Lorsque les élèves se connectent à leur texte d’un ordinateur différent, ils n’ont plus la même couleur, celle-ci reste attribuée à l’ordinateur qui se connecte. Les prénoms ne restent pas enregistrés, c’est dommage pour le suivi par l’enseignant (hors temps scolaire sur un ordi perso, donc connexion différente).

Hélène : Je partage cette dernière remarque qui peut être résolu en demandant aux élèves de préciser en haut de page la couleur qu’ils ont choisi (ici même, pour cette interview c’est ce que vous nous demandez de faire d’ailleurs^[2]).

Framapad permet un véritable travail collaboratif du binôme qui peut annoter, corriger, compléter le travail de l’autre. Je trouve important (et c’est d’ailleurs une compétence du B2i (2.4 – Participer à des travaux collaboratifs en connaissant les enjeux et en respectant les règles) de leur montrer ces possibilités de travail.

Plusieurs points positifs à l’usage du pad en classe :

• Un suivi pour mon collègue de SVT et moi-même après chaque séance : annoter, corriger, questionner et même si besoin vérifier l’historique du pad—qui a écrit, quoi ?
• Alternance de l’individualisation du travail et de travail de groupe : d’abord un travail individuel (chacun ayant en charge une partie du travail) puis un travail de relecture et d’annotation de la partie de l’autre. Les élèves ont vraiment eu le souci de reformulation, de conservation des informations pertinentes par rapport à leur plan même si sur certains pads le passage du copier-coller au copier-créer reste difficile soit parce qu’ils ne comprennent pas ce passage et ne font donc aucun effort de synthèse soit au contraire parce qu’ils estiment que la phrase est déjà suffisamment claire.
• La possibilité de personnaliser les URL d’accès au pad pour être facilement mémorisable et transmise aux autres et aux enseignants.

Points d’amélioration : En collège, l’usage du tchat, qui offre pourtant des perspectives intéressantes d’échange et de partage, reste difficile, sans doute encore par manque de maturité ou d’expérience de l’exercice. J’ai donc pour ma part privilégié la concertation de vive voix et mettant les élèves côte à côte dans la salle informatique.

Quelles sont les fonctionnalités qui manquent selon vous à Framapad, notamment pour un usage éducatif ? Que pensez-vous de son ergonomie générale, est-ce adapté à la spécificité d’un jeune public ?

Laetitia : Pas d’idée particulière. Oui, ça convient pour des élèves du primaire de fin de cycle 3.

Hélène : Peut-être plus de possibilité de mise en page (taille de la police par exemple pour mettre en valeur des titres)

On dit souvent que les élèves ne sont pas assez habitués à travailler collaborativement, ensemble, en groupe, etc. Un tel outil vous semble-t-il intéressant pour développer de telles compétences ?

Laetitia : Oui, pour le développement de la maîtrise de la langue écrite, pour expliquer, argumenter, justifier…

Hélène : Un outil d’écriture collaborative permet de développer des compétences informationnelles et numériques.

• LIRE : Savoir confronter les différents discours sur un sujet (information divergentes ou contradictoires sur des sujets de controverses par exemples), être capable de relever les manques ou les besoins ;
• ECRIRE : Etre capable d’écrire à plusieurs sur un même document, Savoir prendre en compte l’écrit de l’autre afin de le compléter ou de modifier son propre écrit. Il s’agit d’un véritable travail de création ;
• NAVIGUER : Maîtriser la navigation en ligne en utilisant les hypertexte, la navigation d’un onglet à l’autre ;
• ORGANISER : S’appuyer sur le document de collecte pour construire une carte d’idées et un plan.

L’outil pad permet également de développer chez les élèves des aptitudes de concertation et de choix (ce qu’on garde, ce qu’on supprime et pourquoi). Il amène les élèves à développer un esprit critique et une réflexion sur leur propre écriture

Réitérerez-vous l’expérience ? Le conseilleriez-vous à des collègues ?

Laetitia : Oui, mais avec 3 élèves et l’enseignant sur le 4e poste pour réguler en direct, poser des questions, relancer, aider…

Hélène : Sans aucun doute, OUI et même pour les plus petites classes. je l’utilise d’ailleurs également avec des collègues professeurs documentalistes lorsque nous avons besoin de réfléchir à plusieurs sur une problématique, bâtir des ordres du jour ou des synthèses par exemple.

Saviez-vous que derrière Framapad se cache Framasoft et derrière Framasoft la promotion et la diffusion du logiciel libre ?

Laetitia : Je savais que Framapad faisait partie de Framasoft dont j’avais entendu parler par un autre animateur informatique de mon département.

Hélène : Oui pour utiliser plusieurs de ses services notamment Framamindmap ou Framadate. Nos établissements n’ont pas toujours les moyens d’avoir des logiciels payants. Et puis la philosophie du libre est en adéquation avec les valeurs que je souhaite véhiculer à travers mon enseignement du numérique.

Notre slogan est « La route est longue mais la voie est libre », cela vous inspire quelque chose ?

Laetitia : Oui, que c’est un dur labeur mais que la réussite est assurée !

Hélène : Je suis convaincue de l’intérêt collectif du partage et du libre : il contribue à l’intelligence et à la pensée collectives. Cette notion de libre rejoint de très près la notion de biens communs.

Les initiatives comme celles de Framasoft sont à encourager parce qu’elles participent au développent de l’enseignement du numérique… Même si la route est longue, nous y sommes bel et bien. Pour Bernard Steigler, le numérique entre aujourd’hui dans une troisième phase : celle des « technologies de l’annotation ».

On l’a vu avec notre redoutable poisson d’avril : Framasoft évolue. Bien entendu, il n’est nullement question d’un quelconque partenariat avec Microsoft. Framasoft est et restera dédié à la diffusion du Libre auprès du public le plus large ; quitte à prendre le temps et la patience nécessaires pour que la famille Toulemonde apprenne à se libérer. Quitte, aussi, à prendre les gens là où ils/elles sont, et à répondre à leurs besoins de manière libre et ouverte en créant et adaptant de nouveaux outils. C’est ainsi que ce « réseau d’éducation populaire » s’est étoffé, passant d’un annuaire à une galaxie de sites web et services variés.

Grace à vos dons, à vos apports, à notre ouvrage commun… de grands (et beaux) changements s’annoncent. Si nous étions dans Game Of Nobody-wants-a-fucking-Throne on entendrait : « Penguins are commiiiiiing ».

C’est aux petits détails qu’on repère les grandes évolutions. Alors, histoire de vous mettre l’eau à la bouche, voici une petite interview de Pierre-Yves Gosset (alias PYG) qui nous présente la Framanav.

Pouhiou pour le Framablog : PYG, je n’ai pu m’empêcher de remarquer qu’en haut de la plupart des sites web estampillés Frama, une jolie barre est venue se poser… Tu nous présentes ?

Bien sûr. Il s’agit tout simplement d’une barre de navigation commune permettant de présenter et d’accéder rapidement aux sites de ce joyeux bor^W bazar qu’est devenu le réseau Framasoft au fil des années. Elle permet donc de retrouver (mais aussi de découvrir !) les sites du réseau Framasoft, maintenant classés en trois catégories : Logiciels libres, Culture libre, et Services libres.

Une telle barre existe depuis début 2007, à compter du moment où Framasoft a dépassé les limites d’un simple annuaire logiciel pour proposer d’autres services. Elle a connu différentes évolutions au fil du temps, mais il fallait aujourd’hui une nouvelle version afin de présenter plus clairement les activités plutôt foisonnantes de l’association.

Par ailleurs, cette Framanav intègrera un système d’annonces et d’alertes qui nous permettra d’interagir plus facilement avec nos visiteurs. Par exemple, lorsque nous envisagerons une mise à jour de Framapad.org, nous pourrons informer les utilisateurs directement sur le site par un système d’alerte, afin qu’ils ne se lancent pas dans une traduction collaborative, par exemple, 10 minutes avant que l’on n’interrompe le service. Cela nous permettra aussi d’annoncer plus facilement (et très ponctuellement), sur tous les sites une information que nous estimons importante, comme par exemple la publication d’un nouveau Framabook…. (attention, je crois que tu baves un peu, là…).

L’ensemble du réseau faisant plus d’un million de visites par mois, mais proposant pour l’essentiel des services libres et gratuits sans inscription, cela nous a paru à la fois complémentaire et probablement plus efficace que notre bonne vieille Lettre d’informations.

Framablog : Il y avait donc, à ton avis, un besoin de faire connaitre l’ensemble des services Framasoft ?

Oui. Ces deux dernières années, Framasoft a multiplié les projets. Framapad ou Framadate fêtent leur 2 ans, Framazic, Framamindmap ou Framacalc ont moins d’un an. Les utilisateurs peuvent s’y perdre, bien entendu. Mais surtout, ils risquent tout simplement d’ignorer l’existence d’un service.

Framasoft, c’est aujourd’hui 11 serveurs dédiés, et plus de 35 sites publics (oui, ils ne sont pas encore tous présentés dans la Framanav, on en garde encore un peu sous le pied 😉 ). Ce n’est clairement pas facile de s’y retrouver. Par exemple, nous avons d’excellents retours d’utilisateurs du site framapack.org (qui permet aux utilisateurs Windows de se constituer un « panier de logiciels libres installables en 3 clics » extrêmement utile suite à l’achat d’une machine par exemple), mais le site reste trop méconnu.

De plus nous avons choisi d’y intégrer les sites que nous hébergeons gracieusement, comme par exemple le Geektionnerd, ou VeniVidiLibri. Mais aussi des sites « partenaires » comme le Planete-libre. J’espère sincèrement que cette nouvelle barre de navigation commune permettra à chacun de s’y retrouver plus facilement et plus rapidement.

Framablog : Mettons les mains dans le cambouis… Qu’est-ce qui a été le plus dur pour toi ? Adapter la barre à chacun de nos sites ou concevoir un menu clair et intuitif ?

La Framanav a été réalisée à l’aide de Bootstrap, un framework HTML/JS/CSS issu du travail de développeurs travaillant chez Twitter : http://twitter.github.io/bootstrap/. Il s’agit d’un framework plutôt simple et agréable, proposant suffisamment de fonctionnalités, mais pas trop (il faut conserver un poids raisonnable).

La création de la barre elle-même a été extrêmement rapide (de l’ordre de la journée, environ). La principale difficulté réside dans l’adaptation à chaque site. En effet, comme je le disais, Framasoft, c’est plus de 30 sites publics (WordPress, Dotclear, Drupal, Mediawiki, Etherpad, Ethercalc, SPIP, PhpBB et j’en passe). L’adaptation purement CSS à chaque site n’est elle-même pas complexe (j’y passe rarement plus d’une heure).

Cependant, la principale difficulté réside dans le fait que la Framanav utilise jQuery (c’est aussi un choix volontaire de notre part d’utiliser cette bibliothèque javaScript sur chacun de nos sites), et là, ça se complique souvent, car suivant les CMS, les versions de jQuery sont incompatibles ou nécessitent un travail de réécriture ou d’optimisation du code (et non, pour les habitués de jQuery, un simple jQuery.noConflict() ne résout pas toujours le problème, ça serait trop simple !). Cela explique que la Framanav soit toujours en cours de déploiement sur certains sites (par exemple framapad.org, développé en node.js, dispose d’un système de template/cache un peu particulier qui m’a fait retirer la nav après 24h de mise en place).

Par ailleurs, il reste encore du travail sur la compatibilité avec les smartphones. Elle est encore largement perfectible, mais elle sera améliorée au cours des prochains mois. Bref, la migration se fait dans le temps, comme souvent avec les projets libres. D’ailleurs, pour ceux qui voudraient donner un coup de main, le code est disponible sur le GitHub Framasoft : https://github.com/framasoft/framanav

Framablog : La question troll : tu as testé la FramaNav sur Internet Explorer ? Tu es allé jusqu’au 6 ?

Internet Exploquoi ? Connais pas… Plus sérieusement, je l’ai testée avec une machine virtuelle Windows 7 / IE 9 et un vieux Windows XP / IE 8 et ça fonctionnait plutôt bien 😉 Je l’ai aussi testée avec différents smartphones/tablettes.

Framablog : Maintenant qu’on y est, qu’est-ce que ça te fait de voir tout Framasoft, comme ça, à portée de clic ?

J’en suis tellement ému que j’ai envie d’aller corriger quelques bugs de dernière minutes, tiens ! J’aimerais juste conclure en remerciant JosephK, bénévole de Framasoft, qui avait réalisé la précédente version de la nav (que vous pouvez encore admirer sur quelques sites).