Passer du plan de travail au Plan de travail numérique : l’outil est en place!

Bonjour à tous!

Voici un projet qui prend forme et devrait être utilisé en production l’année prochaine pour quelques séquences.

Alors avant de le présenter, je vais d’abord expliquer le besoin.

J’utilise les plan de travail depuis quelques temps, deux notamment fonctionnent plutôt bien, ce sont deux séquences complètes sur les fractions et le théorème de Thalès en 4e. Je vais m’attarder sur le théorème de Thalès.

Voici le plan de travail tel que je l’ai encore donné cette année.

I.Le plan de travail « papier »

Je commençais en collectif à regarder la vidéo suivante :

On arrive à conclure qu’il n’y aucune chance avec les connaissances actuelles pour répondre à cette question.

(C’est donc l’accroche de ma séquence)

Ensuite, je leur propose très rapidement la découverte du théorème de Thalès, j’ai fait le choix d’une vidéo cette année pour générer une ressource regardable à posteriori et qui soit une référence contrairement à une activité « classique » où les élèves en difficulté peuvent « perdre » les éléments importants, et je voulais faire travailler autant la mémoire auditive que visuelle. Passons, c’est un choix, point. Je donne quelques explications s’il y a des questions , généralement j’appuie fortement sur les conditions et je louvoie sur la manières de trouver les rapports (ils seront en autonomie dessus)

Puis je distribue le plan de travail et leur demande de travailler en autonomie sur 2 semaines avec des objectifs à moyen terme (1 semaine pour arriver aux exercices d’applications, ils peuvent poser des questions s’entraider, travail en groupe etc.)

II.Problème de cette manière de faire.

Je n’ai plus accès aux ressources vues en collectif, et vu la tête de ma feuille, impossible de surcharger davantage.

On n’identifie pas vraiment ce qui est optionnel et même si c’est écrit les niveaux d’acquisition ne sont pas assez visibles.

J’ai un soucis lié au boîter Hootoo ou ravpower que j’utilise (j’ai les deux, comme ça mon collègue en utilise un également), les liens youtube ne fonctionnent pas quand on est en classe et je devais passer par une feuille supplémentaire.

(l’idée était que chez eux, ils puissent avoir accès aux vidéo sur youtube et en classe comme il n’y a pas internet, il fallait que les liens pointent vers les vidéos dans le boîtier)

Les élèves ont toujours été résilients face à cette organisation un peu bancale et on tout de même su s’adapter. (Même si certains ont préféré utiliser leur forfait 4g)

III. La solution

Que le plan de travail complet soit numérique et hébergé à la fois sur mon site mathix.org et sur le ravpower/Hootoo.

Contrainte forte : pas de php, pas de base de données etc.. Toute la programmation réside en un site statique HTML/JS, il doit être CSS-responsive pour passer de l’ordi au téléphone sans difficulté et respecter les plan de travail tel que je le veux.

Mon programme répond à tous mes problèmes, reste l’intégration de l’échelle descriptive et l’ajout des ressources papiers (cela dit c’est quelque chose là qui m’est totalement personnel, peu de prof utilise mon livret)

Voilà l’allure du plan de travail numérique :

A chaque case, on peut ajouter autant de ressources que l’on veut (vidéo, pdf,iframe, lien youtube, lien internet… par exemple MATHALEA 🙂 ), il n’y a pas de nombre limite de case par ligne.

Si je clique sur « Trouver les rapports de Thalès » , j’obtiens :

Les deux icônes en haut représentent les ressources à disposition, on clique dessus et ça switche joliment sur l’autre ressources.

En mode téléphone portable, ça donne ça :

Bref, je vous invite à le tester :

https://www.mathix.org/plan-numerique/?fichier=thales

IV. Je veux l’utiliser : Comment ça fonctionne?

Il faudra d’abord le télécharger (on est à la v4) : https://www.mathix.org/plan-numerique/plan-numeriquev4.zip

On a ça :

On créé un répertoire qui sera le nom de notre séquence par exemple : « fraction »

Dedans il faut 3 répertoires »exercices » « outils » « video » (qui contiendront les ressources et un fichier data.js (fichier vide qu’on va remplir)

Le fichier data.js se présente comme cela (ne partez pas en courant, ce n’est pas si dur à comprendre) : il lui faut une ligne :

data=[ avec plein de trucs à écrire ];

Par exemple, voici un exemples pour les fractions :

data=[
[['Fraction']],
[['Addition/soustraction de fractions (?)','exercice_fraction_addition.mp4.mp4','exaddisous.pdf'],['Multiplication de fractions','exercice_fraction_produit.mp4.mp4','exmult.pdf']],
[['Calculer avec les produits en croix [A]','exercice_fraction_produitencroix.mp4.mp4','exegalite.pdf']],
[['Division de fractions découverte','decouverte-fraction-division.mp4.mp4']],
[['Division application [C]','exercice_fraction_division.mp4.mp4','exdiv.pdf']],
[['Approfondissement [E]','exapprof.pdf']],
[['Fiche de cours à faire','fairecours.pdf']]
];

En gros, le premier élément est le titre du plan .

La ligne en dessous contient tout les éléments de la première ligne

La ligne d’après en dessous contient tout les éléments de la 2e ligne etc.

Dans chaque ligne, les éléments sont de la forme [‘titre’,’ressource1′,’ressource2’…]

On peut ajouter des badges en ajoutant dans le titre [D] [A] [C] [E] (débutant apprenti confirmé ou expert)

Pour le côté optionnel de la case (en hachuré), il faut ajouter (?) au titre

C’EST EXPLIQUÉ DANS LE FICHIER DATA.JS

Les vidéo sont dans « vidéo », les pdf sont à mettre dans « exercices » et les outils à intégrer en iframe dans « outils »

Et pour ouvrir le plan de travail, il suffit d’ajouter à la page index.html : »?fichier=nomdurépertoire » donc ici :

https://mathix.org/plan-numerique/index.html?fichier=fraction

Point de vigilance, les fichiers pdf lourds à charger peuvent mettre quelques temps à s’ouvrir, le plugin pdfjs met un peu de temps.

Pour l’utiliser sur ravpower ou hootoo, il suffit de le copier dessus et c’est tout!

J’expliquerai comment on peut créer sur un hootoo un service MATHALEA en local pour faire fonctionner tous les générateurs d’exercices!

EDIT : Je vais concevoir dans un avenir proche un programme pour aider à la création de ce fichier data.js

Vous avez aimé cet article ? Alors partagez-le avec vos amis en cliquant sur les boutons ci-dessous :

Twitter Facebook email
Licence Creative Commons

5 commentaires

  1. Ça semble génial et ça donne envie ! Mais il faut pour cela des qualités expertes en informatique car à part les termes mathématiques et français, tout le reste me semble du chinois …

  2. Ça a l’air génial!!! Est ce que cela fonctionne sur linux ? Merci davance de tout ce que vous faites. Cet vraiment génial.

    1. Ca fonctionne sur n’importe quel support (ça fonctionne avec le navigateur internet) toutefois si c’est pour un affichage en local ( sans passer par un site ou un boîtier de type hootoo), il faut un serveur hmtl… qui se lance très facilement : une commande dans un terminal « python -m SimpleHTTPServer »
      et tu vas sur http://localhost:8000
      Dans le cas contraire, TOUT fonctionne sauf l’affichage des PDF qui plante

Rejoignez la conversation

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *