Ça fait un moment que je parle de certaines de mes applis au fil de billets ou de commentaires, en particulier de celle que j'utilise au boulot. Un très long billet totalement dispensable destiné à ceux que l'enseignement intéresse (ou les logiciels dans l'enseignement)

Je me suis dit que ça pouvait intéresser des gens de voir avec quoi je taffe.

Les attentes (le pourquoi du comment j'ai décidé de faire mon propre truc)

Tout est venu de l'aspect pour le moins instable et aléatoire des logiciels et environnements proposés dans le cadre de mon boulot que ce soit au niveau du ministère, de l'académie, du département ou même du collège.

1- du problème des évolutions 👎

En gros, on change soit de logiciel soit d'environnement soit de machines à peu près tous les ans ou les deux ans, ce qui induit une certaine appréhension au niveau de la conservation de nos données: les exercices réalisés dans les exerciseurs disparaissent, les données et documents de l'ENT également... bref: c'est du taf inutile à se retaper tous les ans (ou deux ans) 💩

2- du problème des logiciels 👎

Mon autre souci, c'est que les logiciels proposés sont rarement utilisés par ceux qui les codent puisqu'il s'agit d'applis à caractère administratif (appel/cahier de texte etc) ou pédagogiques (exerciseurs / stockage de données / expos etc)

Résultat, l'UI est merdique et il est impossible de faire la moindre opération sans un nombre de clics qui à lui seul justifierait qu'on vire le bureau d'études. Quand tu dois swapper clavier souris trois fois pour juste une case à cocher, on a un problème. 😬

Ce problème vient du fait qu'à vouloir donner la possibilité de réaliser des choses complexes, on complexifie inutilement la réalisation des choses simples... or, on fait plus souvent des cases à cocher ou des cases de texte à remplir que des formulaires insérés dans des vidéos. 😭

3- de mes attentes persos quant aux applis

Pour ma part, j'attends d'une appli destinée aux élèves et aux professeurs que:

Pour les élèves:

1. la consultation et les exercices se retrouvent sur la même plate-forme et dans des espaces clairs
2. les élèves n'aient pas à se logger pour pouvoir consulter ou s'exercer ( limiter la friction de travail selon mon adage: «si c'est galère il va pas le faire» 😅)
3. ça passe partout y compris et surtout SUR LEUR PITIN DE TELEPHONES ! Quand tu vois l'ENT sur mobile, ça te donne des envies de suicide collectif.
4. que ce soit clair, lisible et simple.
5. que tous les documents / pdf etc utilisés lors d'un cours soient dispo depuis un seul lien de partage

Pour moi:

1. pas de perte de temps au moment de mettre en ligne: je copiecolle le lien de partage de mon document dans l'ENT et c'est tout.
2. pas de perte d'énergie au moment de réaliser les documents et travaux (limiter la friction d'usage selon mon adage «la vie est trop courte pour se faire chier deux heures sur un document»)
3. mise en ligne rapide et simple des documents (et possibilité de partager des documents sur une page sans la réaliser vraiment: génération auto de la page de partage)
4. pas de perte de mon boulot: c'est sur mon serveur, pas sur une merde académique hébergée aux USA qui va se perdre ou être fliquée.
5. pas de flicage ni de moi ni de mes élèves.
6. rapidité et simplicité de la création d'exercices

Naissance de Documentos

Il s'agit d'une appli en ligne de consultation libre des documents utilisés en cours.

Côté élève, un lien de partage conduit à la page que j'utilise en classe pour faire cours: il a donc toutes les ressources pour revoir la leçon ou récupérer le cours en un seul lien.

Cette même page me permet de mettre une image en plein écran en un clic, de faire plusieurs diapos simplement etc.

Côté enseignant, elle fournit un explorateur de fichiers , un éditeur de pages etc. On peut ainsi créer un nouveau dossier de travail pour les 5ème, y déposer en une fois mp3, images etc, y créer une page dans laquelle on organise le tout et même créer des exercices numériques sans que ça prenne plus de temps de le faire là que de le faire sous libreoffice (souvent, la version papier me prend grave plus de temps que la version numérique en fait 😅)

Ok, mais ça a quelle tronche ton truc ?

La racine de la page d'accueil donne accès à tous les niveaux

et dans chaque niveau, une page unique liste tous les documents disponibles. Quand le prof cherche le document du jour, il peut filtrer en tapant une partie du nom du dossier contenant lesdits documents.

Une fois sur le document, l'élève (ou le prof en classe) a une page claire avec documentation, questions, liens vers les fiches de révision et pdf éventuellement distribué.

L'enseignant peut également ajouter des éléments de formulaire dynamiques permettant de sélectionner, cocher, ordonner, compléter

Vous noterez au passage qu'on peut ajouter un bouton permettant de se rendre directement à un temps T d'une vidéo ou d'un enregistrement, pour guider les élèves.

J'ai ajouté un bouton servant à changer la police de caractères pour l'opendyslexic:

Et côté admin alors ?

Le prof a un filemanager pour créer des dossiers et des fichiers simplement, uploader en glisser-déposer, éditer des fichiers. L'accent a été mis sur la rapidité et la simplicité d'utilisation.

Si on se contente d'uploader sans mettre de page, le lien générera une page complète avec les documents. Sinon, on ajoute une page html qu'on édite ensuite (deux clics)

Tous les fichiers constituant un «document de classe» se trouvent dans le même dossier par défaut: si on crée des sous-dossiers dans celui du document, chaque sous-dossier devient une diapo indépendante générée comme des pages individuelles. Lorsqu'on se rend sur la page de partage, on passera de l'une à l'autre avec les flèches du clavier ou celles apparaissant sur les côtés de l'écran... pas besoin de se faire chmir à créer les diapos, les lier que sais-je.

On a donc: ROOT> niveau> document> fichiers ou ROOT> niveau> document> diapo1>fichiers , ROOT> niveau> document> fichiers>diapo2>fichiers etc.

Et la réalisation d'exercices alors ?

Pour la mise en page, on utilise markdown, donc, du texte brut. Hors de question pour moi de devoir me prendre le chou avec des mises en page compliquées.

Sur ce principe, pas de boîtes de dialogue, de clics multiples pour créer des exos: tout se fait par deux types de «balises» sans lâcher son clavier:

les {{}}

Propres à mon framework perso, je les ai adaptées à Documentos:

• pour insérer un fichier à un endroit: {{fichier.ext}} et c'est tout.
• pour insérer tous les fichiers d'un type {{*.jpg}}, et si on ne se souvient pas bien du nom {{*moncul.jpg}} fonctionne très bien.
• pas de boutons ou balises spéciales selon les documents: documentos se démerde seul... ainsi {{fichier.jpg}} crée une image qui passe en fullscreen au clic, {{fichier.mp3}} crée un lecteur audio, {{fichier.mp4}} crée un lecteur video etc...
• on peut ajouter facilement des choses plus poussées en insérant des {{fichier.css}} ou {{fichier.js}}spécifiques.
• L'appli offre certaines constantes accessibles de la même façon: {{BLEU}} change le fond en bleu, {{FULLSCREEN}} passe en fullscreen dès le chargement, {{FECHA}} ajoute la date du jour en espagnol...

les []

Les éléments de formulaire sont générés via des commandes gu genre {{app->flashcards("")}} qui ne sont pas super simple à mémoriser ou sexy à voir. Du coup, j'ai créé des aliases plus simples qui utilisent les crochets. Ainsi:

• une case texte ? [texte à trouver]
• Il faut accepter plusieurs réponses ? [réponse1+réponse2]
• une liste déroulante ? [choix 1,choix 2, +bon choix,choix3]
• Une case à cocher ? []texte d'une case à ne pas cocher], [+]texte d'une à case cocher]
• un verbe à conjuguer ? [conjugaison:llamo,llamas,llama,llamamos,llamáis,llaman]
• une phrase à ordonner ? [ordonne:La primera pelota está en la estantería.]
• des flashcards ? [flashcards:texteface:textedos;texteface2:textedos2]
• Une liste de mots à trouver ? [mots:textefr:texteesp;textefr2:texteesp2]
• Un mot avec traduction ? [texte es=texte fr]
• Un bouton pour aller au temps T d'un media ? [espana.mp3>0:07] ou [>0:07] si un seul media est présent sur la page.
• Un bouton pour stocker les réponses de l'élève ? [envoyer]
• Un enregistreur pour les élèves n'ayant pas d'appli d'enregistrement ? [enregistreur]

Le fait de ne jamais quitter le clavier supprime la plupart des clics et la perte de temps du passage entre clavier et souris. ça s'avère redoutable dès qu'on a un peu l'habitude: on ne s'occupe que du contenu sans jamais perdre de temps à chercher comment faire (friction d'utilisation minimale)

Tu as parlé de stocker les réponses des élèves ! ET LE RGPD ? 😱

T'inquiète, mon con de chef m'a suffisamment fait chier avec ça pour que je ne coure aucun risque (faire une recherche sur ce site avec le mot clé «j'abandonne» 😡):

1. rien n'est hébergé hors serveur,
2. je n'utilise rien que je n'ai fait moi-même (aucune lib notamment)
3. les données des formulaires remplis qui sont sauvegardées le sont dans un fichier anonymisé: à aucun moment l'élève ne renseigne son nom et à aucun moment une donnée perso n'est utilisée pour le nommage de fichiers. Quand l'élève a envoyé le formulaire, le site lui donne un code à fournir au prof afin qu'il ait accès à la copie.

J'utilise Documentos depuis 2018 et je le modifie régulièrement. L'utilisation au quotidien est top et lors du confinement, je n'ai pas eu à changer grand-chose pour que le distanciel soit possible... je pouvais fournir presque en temps réel et mes élèves ont pu bosser dès les premières minutes de confinement sans être déroutés et depuis n'importe quel appareil (là où l'ENT était à genoux dès 8:10)

Pas de lien ?!

Je ne fournis pas le code de Documentos pour plusieurs raisons:

1. c'est codé pour moi, avec mes habitudes... ça peut ne pas convenir à d'autres
2. c'est fait pour l'espagnol: on peut l'adapter, mais faut coder
3. il y a toujours des bugs par ci par là: je m'en accommode parce que je n'ai pas le temps de coder plus que ça et que ça ne touche pas le côté élève... mais ce serait chiant pour un autre.
4. j'ai beau essayer de maintenir la cohérence et la logique du code, le patch à la truelle nécessite de reprendre certains aspects.
5. pas de lien de démo car les documents fournis aux élèves sont copyrightés et que je ne veux pas d'emmerdes avec les éditeurs de bouquins

Après, on peut discuter, hein 😉

Mon grand pelait des pommes pour un crumble et là, c'est le drame, il fait le jeu de mots à l'origine de ce rébucon...

The aim of guizero is to make the process of creating simple GUIs quick, accessible and understandable for new learners.

• Works with standard Python Tkinter GUI library (and no need to install other libraries)
• Abstracts away details new learners find difficult to understand (such as Tkinter StringVar() objects)
• Accessible widget naming system to help new learners to build up a mental model
• Flexible enough to be used for projects up to A-Level standard, yet accessible to primary school children
• Comprehensive and accessible documentation with examples
• Generates helpful additional error messages

Liste des widgets: https://lawsie.github.io/guizero/widgetoverview/

Hier, à la faveur d'un EPI avec mes quatrièmes lors duquel une élève me disait que son anniversaire tombait jeudi, j'ai confessé que c'était également mon cas... vous connaissez les élèves: la plupart du temps, ils s'avèrent incapables de prêter attention à une consigne tant qu'elle n'a pas été formulée à voix haute un nombre de fois égale à un multiple du nombre d'oreilles dans la classe... curieusement, cette info-là, pourtant exprimée à mi voix, a fait le tour de la salle instantanément.

A leurs yeux, le problème était qu'ils n'allaient pas m'avoir jeudi à cause d'un déplacement d'heure.

Casse-la-tienne comme dirait Bérurier (car je spike le santantonio couramment), aujourd'hui, une de mes élèves arrive avec un sac et me demande l'autorisation de me fêter mon anniversaire ! (💖)

J'aime vraiment ces mômes... ce ne sont pas toujours des flèches, ils ne bossent pas vraiment mais ils sont extrêmement attachants (un de mes collègues dit «attachiants»), pleins de qualités non évaluées. Ils me font souvent rire, ils arrivent à me surprendre et, parfois, ils m'émeuvent.

Du coup, on a lâché l'affaire pour le cours et on a utilisé des applis de jeu que j'ai faites (un pendu et un qui est-ce) et on a joué en espagnol en mangeant du gâteau et en buvant un verre de banga.

Je leur ai sans doute dit merci une bonne trentaine de fois et que leur geste resterait pour moi un souvenir unique et chaleureux.

Ils sont mignons, ces p'tis cons 💖

Pour vous accompagner au quotidien et répondre aux besoins du travail à distance pendant le confinement, nous mettons à votre disposition la version Beta d'apps.education.fr. Cette version expérimentale est issue d'un projet qui a vocation à être pérennisé à l'échelon national. Vous y trouverez les outils essentiels et communs à tous les métiers de l’Éducation nationale. Les utilisateurs sont propriétaires de leurs données et sont, de fait, en charge de leur gestion. Nous vous souhaitons une bonne utilisation.

Au menu, des instances Peertube, Etherpad, Nextcloud, Blogs, CodiMD, Visio CNED, Webinaire...

Encore en béta.

Par contre, pour un service qui met en avant la maîtrise de leurs données par les utilisateurs, le recours à matérial design et google fonts, ça fait tâche...

Un web component pour faire du markdown facilement par Lea Verou. Hop, de côté.

• Zero dependencies (except marked, obvs, which is only loaded if a <md-block> or <md-span> element is actually used on the page)
• Styleable with regular selectors, just like the rest of the page
• Load external Markdown files or render inline content
• Customize start heading level
• Also comes with , for lightweight inline markdown
• Prism is automatically used for syntax highlighting, if included (but can be included dynamically too)

Ha zut, comme dit ici https://bookmarks.ecyseo.net/?sAzyVQ ça ne fonctionne que sous chrome.... Merci copain...

POURQUOI ?! PFFF

Suite à l'article d'il y a quelques jours sur la PineTime, J'ai eu quelques retours très intéressants et notamment un échange fructueux avec un lecteur du site, Sylvain, qui m'a très généreusement proposé de m'envoyer une des siennes !

J'adore internet comme nous le vivons du côté des non GAFAM: un espace de rencontre, d'échanges, de dons... ça m'a énormément touché ! 💕😭💕

📦 Unboxing

Le colis contient la montre et le support magnétique de chargement (pas de chargeur fourni mais avec la chiée de chargeurs qu'on a tous chez nous, ça me paraît tout-à-fait normal du point de vue écologique: et un point pour griffondor)

Je mets la montre à charger.

🥇 Premiers tests

L'interface est plutôt austère, comme je le disais dans le billet précédent, mais finalement pas si moche quand on le voit en direct. De plus, l'écran est plutôt réactif: pas de lag, pas besoin de recommencer plusieurs fois un mouvement pour que la dalle le détecte.

L'écran est très lisible avec trois niveaux de luminosité.

Au moment de tester la mesure cardiaque, surprise: il m'affiche des valeurs oscillant entre 40 et 250 pulsations, jouant les Jean-claude VanDamme du cardio fréquence mètre.

Pris d'un doute, je regarde la version du firmware (1.2) puis celle de la dernière version en ligne (1.9)...Ya un coup à jouer: je flashe la montre.

🔁 Mise à jour

Rendez-vous sur la page github du projet pour récupérer la dernière version ( https://github.com/InfiniTimeOrg/InfiniTime/releases ) puis sur la page de tuto sur la mise à jour à partir de l'appli compagnon Gadgetbridge ( https://github.com/InfiniTimeOrg/InfiniTime/blob/develop/doc/gettingStarted/ota-gadgetbridge.md )

En gros, depuis l'appli, on sélectionne le fichier zip téléchargé et hop, c'est parti: une ou deux minutes plus tard, la montre redémarre avec son firmware mis à jour.

Comme attendu, le problème de mesure cardiaque a disparu: 60 pulsations minutes stables au repos (oscillation entre 59 et 63)

C'est agréable de voir que l'équipe de DEV est derrière et que la montre bénéficie d'un réel suivi (et encore un point pour Griffondor)

🔧 Fonctionnement

Comme je l'ai dit, la PineTime est réactive et très simple d'utilisation:

• un swipe vers le bas révèle les dernières notifications
• un swipe vers le haut révèle le menu des applis hébergées
• un swipe de gauche à droite révèle le menu de config
• un appui sur le bouton sert de retour arrière dans les menus ou d'allumage / extinction de la montre.

🆒 Une vidéo pour voir ce que ça donne

Ok, yen a plein sur le net, mais là, vous voyez tous les menus et sous menus sans commentaires à la c***

🪄 Autonomie

Tout dépend de l'usage que vous allez en faire: avec l'éveil par mouvement du poignet, 15 secondes d'allumage d'écran et... le moniteur cardiaque en continu, la nuit a eu raison des 25 ou 30% qu'il me restait. En une heure de rechargement elle était à nouveau autour de 60-70%. Par contre, avec éveil par contact, 5 secondes d'allumage et pas de moniteur cardiaque en continu, pas de souci: sur la journée j'ai du perdre moins de 10% en consultant mes notifications et en utilisant la montre pour ce qu'elle est: regarder l'heure.

👤 Une montre pour qui ?

Franchement, si vous êtes sportifs, adeptes de la perf et du combat contre soi-même pour se surpasser et être parmi les meilleurs des meilleurs, vous n'êtes pas la cible de la PineTime. Ce n'est pas une montre de performeu-r-se.

Par contre, si vous êtes tenté par une montre connectée pas chère, respectueuse de vos données et de votre vie privée, qui vous permet de faire l'essentiel de ce qu'on attend de ce genre d'appareil (mesure cardiaque / graphiques / évaluation du sommeil / compteur de pas...) et qu'en plus vous êtes un adepte du libre / opensource, encore bravo: VOUS ÊTES LA CIBLE DE CETTE MONTRE. (et vous l'aimerez 💖)

En plus, le fait qu'elle soit amenée à évoluer vous plonge dans la fébrilité des découvertes de la mise à jour suivante, si vous voyez

📝 Suite ?

J'ai trouvé des tutos pour développer sur la PineTIme et ça m'a donné envie de tester un peu. J'ai deux trois idées, vous me connaissez

Seule variable d'ajustement: le temps ! (comme toujours)

Credits

La musique de fond est "Leaving Home" Kevin MacLeod trouvée sur incompetech.com ( https://incompetech.com/music/royalty-free/mp3-royaltyfree/Leaving%20Home.mp3 )

L'image d'en-tête a été crée par mes soins comme une anti image mondedemerde 💩, très utilisée ces derniers temps: Sylvain, c'est à toi qu'on doit ce déferlement glycémique rose bonbon qui illustre bien l'état d'esprit avec lequel j'ai écrit ce billet !

Voilà... J'ai envie de modifier les panneaux de mon village en «fachoville» ça fait bien normand je trouve.

Bande de bâtards.

Dire que je croise ces gens tous les jours sans être sûr de qui vote quoi...