Catégorie : programmes_conçus

Ma Cam Doc : un nouveau programme pour avoir une caméra document sous le coude

Bonjour à tous

Je profite que mes élèves planchent sur le brevet pour terminer un outil qui aurait été bien pratique cette année : une caméra document.

Je m’explique, nos deux salles de classe de mathématiques sont munies de caméra document, c’est un outil super pratique pour voir des productions d’élèves ou même afficher un exercice de livre pour le commenter etc…

Bref, on est super content de cet outil et franchement le besoin se ressent quand on ne l’a pas.

Alors avant je passais par mon téléphone et je m’envoyais par mail la photo pour « rapidement » avoir l’image à projeter, je dis rapidement en fait ça prenait pas mal de temps, beaucoup trop!

Donc j’ai concocté un outil qui permet rapidement de prendre une photo et de l’avoir sur l’ordinateur et cela sans que le serveur ne garde les images, dès qu’elle est lue, hop elle est supprimée du serveur (pas de soucis de confidentialité).

Alors il existe une alternative qui est ChingView2, qui est nettement plus étoffée (on peut écrire sur les images etc… on peut gérer l’affichage de l’ordinateur avec le téléphone) , mais il vous faudra un compte, contrairement à moi où cela marche directement.

Alors comment ça marche ?

J’ai essayé de faire un truc simple !

On se rend ici :

https://www.mathix.org/macamdoc/

On observe 2 parties :

Le QRcode et le lien « Ma session ».

Le Qrcode doit être scanné par le téléphone portable qui servira de caméra, le lien « Ma session » doit être cliqué sur l’ordinateur qui vidéoprojetera l’image.

Sur l’ordinateur

Si vous cliquez sur le lien alors que vous n’avez pas encore pris de photos vous aurez simplement un message indiquant qu’il n’y a pas de photo et un rappel du QRCode à scanner avec le téléphone portable.

blank

Sinon vous aurez directement l’image qui s’affichera (en prenant le plus de place).

blank

Vous avez trois boutons :

  • Le premier permet de rafraîchir l’image si vous avez pris une autre photo
  • Le second permet de faire pivoter l’image
  • Le 3e permet de télécharger l’image sur l’ordinateur

Le bouton rafraîchir :

Admettons que vous voulez rafraîchir l’image mais que vous n’avez pas pris de photos (en théorie il n’a plus d’image à afficher car elle a été supprimée), il refusera de rafraîchir avec un message indiquant qu’aucune nouvelle photo n’a été prise et restera à afficher l’image.

blank

Et si vous avez pris une nouvelle photo il l’affichera.

blank

Le bouton pivoter

il pivote tout simplement l’image de 90°.

blank

Le bouton Télécharger

Il permettra d’enregistrer l’image.

Sur le téléphone :

Dès qu’on scanne le Q-code, on doit autoriser l’utilisation de la caméra, on voit tout simplement ce que filme la caméra.

blank

il suffit de cliquer sur l’image pour prendre la photo.

blank

L’image se fige alors et 2 boutons apparaissent.

Celui de gauche permet de reprendre la photo, si elle n’est pas bien.

Celui de droite permet d’envoyer l’image sur le serveur.

Dès qu’on envoie, un message indique si l’image est prête, et invite l’utilisateur à cliquer sur le bouton pour rafraîchir sur l’ordinateur!

blank

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

Licence Creative Commons

Number-Hive version 2 joueurs

Bonjour à tous !!

Voilà un jeu que j’ai trouvé juste extra-ordinaire!

Et le seul bémol, c’est que le jeu ne propose pas à deux joueurs de jouer sur le même support.

blank

Donc ni une ni deux, je me suis mis en tête de travailler sur un mini-site html/js qui le permette.

Outre le fait que c’est bigrement moins consommateurs de ressources, il n’y a pas besoin d’installation !

Le chargement est quasi-instantanné et on peut jouer à deux sur le même support!

Qu’est-ce que j’ai galéré sur la création de la grille! Mais je ne suis pas peu fier du résultat !

Ça rend trop bien sur le smartphone !!

Ce jeu est idéal pour faire travailler les tables de multiplications (et la décomposition des nombres en produits !

Les grilles sont générées de manière aléatoire.

La règle est simple :

  • vous changez un des deux facteurs, et cela coloriera automatiquement la case dont le numéro est le produit des deux facteurs.
  • Puis c’est à l’autre joueur de changer un des deux facteurs.
  • Le premier à aligner 4 pions a gagné!

https://mathix.org/number-hive/index.html

Je vais travailler sur des variantes (multiplication de relatifs, et voir même pour l’addition?)

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

Licence Creative Commons

Une fractale bien sympathique

Bonjour à tous!

Je vous présente une fractale que l’on peut construire à l’aide du hasard. Notamment le flocon de Koch!!

J’ai vu cette vidéo :

On trace un hexagone.

On choisit un sommet au hasard de départ.

Pour construire un nouveau point, on devra partir construire le barycentre (1,2) des deux points suivants :

  • Le premier point sera toujours le point précédent.
  • Le second point sera toujours un des 6 sommets de l’hexagone pris au hasard

J’ai donc tenté d’en faire le programme ! 🙂

J’ai mis des options, pour générer des variations.

(on peut faire en sorte que le sommet de hexagone choisi ne soit pas le même qu’avant ni un voisin etc…)

voilà le rendu que j’ai fait avec le programme disponible ici :

https://www.mathix.org/fractales/hexagone_de_sierpinski/index.html

blank
blank
blank
blank

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

Licence Creative Commons

Maclasse passe en v4

Bonjour à tous!

Juste avant de partir en voyage scolaire en Angleterre, je tenais à prendre le temps de publier la v4 de ma classe!

Grosse nouveauté : elle est multi-utilisateur!

Ajout :

  • On peut donc créer plusieurs comptes enseignants.(seule limitation, on ne peut avoir la même classe pour deux enseignants…)
blank
  • On peut modifier les noms des répertoires par défaut et en mettre plus ou mois.
  • La prise de photo via le site, demande aussi l’enregistrement sur le support utilisé (le téléphone ou l’ordi, afin de garder la photo en cas de soucis d’upload, par exemple on ne capte pas tout le temps bien et parfois ça plante pendant l’envoi)
blank
  • Un bouton pour cacher afficher le chapitre!
  • On peut aussi installer l’icône de connexion sur le téléphone portable facilement en installant l’application web-app.

Tout est dans le README.

SOURCES :
Le script interface élève et gestion photos (index.php , javascript_php.js,photo.php, javascript_photo.js) est en CC BY-NC-SA, auteur Arnaud DURAND.
Le script d'édition et d'upload (admin.php) est issu d Tiny File Manager v2.5.3 (https://github.com/prasathmani/tinyfilemanager),
je l'ai modifié pour incorporer les fonctions d'ajouter de répertoire, et ôté les fonctions de compressions, 
d'édition avancée, et j'ai ajouté un token de connexion pour éviter l'interface de connexion et j'ai peaufiné la traduction.


INSTALLATION

1) copier le script dans un répertoire /maclasse/ à la racine de votre site (un .htaccess permettra de gérer la conversion de https://site/maclasse/4eE vers https://site/maclasse/index.php?classe=4eE
2)il faut éditer le fichier variables.php et y mettre une chaîne de caractère longue.
(vous pouvez utiliser https://miniwebtool.com/fr/random-string-generator/ , pas de caractère spécial)

3)C'est prêt!
Pour aller à l'interface d'upload, il y a un tableau pour remplir les tokens différents à mettre pour chaque utilisateur dans le fichier variables.php

mettre dans $token_tableau, 'le mot de passe de l url permettant l'accès à l'utilisateur'
 cela doit ressembler à cela 
  $token_tableau = array(
  "chaine1"=>"utilisateur1",
  "chaine2"=>"utilisateur2",
  "chaine3"=>"utilisateur3"
  );

MISE A JOUR A PARTIR DE LA V3
Déplacer le contenu de "classes" (qui contient vos classe) vers  "classes/mon_nom" où mon_nom sera votre nom d'utilisateur.
Ensuite dans variables.php mettre cela (où votreancientoken est la chaine que vous aviez mise pour $tok_admin

$token_tableau = array(
  "votreancientoken"=>"mon_nom");

UTILISATION

https://votresite/maclasse/admin.php?id_tok= ###
(### étant le token de l'utilisateur choisi)

Créer une classe
->cliquez sur nouvel élément, puis classe

Créer un chapitre
une fois dans la classe
->cliquez sur nouvel élément, puis chapitre (avec arborescence de préférence)

Mettre des vidéos.
une fois dans le chapitre 
aller dans Vidéos, puis cliquez sur liens.txt
Ajouter un nom suivi de |  puis l'url du lien, par exemple
mon blog| https://mathix.org

Mettre des fichiers
Une fois dans un répertoire (cours, docs ou autre)
Cliquez sur Envoyer
Seul jpg , mp4, pdf sont autorisés.

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

Licence Creative Commons

« Ma classe » gérer ses fichiers et les rendre disponible pour ses élèves facilement.

Et voilà, après quelques évolutions, le projet est prêt à être diffusé.

Pour rappel, il est chez moi à cette adresse : https://mathix.org/maclasse/

Je l’ai mis pour moi, mon frère et un copain (en 2 minutes c’était en place, le temps de copier les fichiers…. et juste d’ajouter une clé token)

D’abord les nouveautés :

  • on peut prendre prendre les photos via l’interface et les photos seront directement téléversées dans le dossier « Tableau » du chapitre sélectionné. idéal pour garder des traces du cours rapidement sans prise de tête.
blank
blank
blank
  • Création d’un squelette automatique des chapitres (avec les répertoires)
blank
  • Possibilité de mettre des vidéos (soit un fichier mp4, soit en éditant un fichier liens.txt
blank
blank
  • On peut cacher des répertoires en mettant un # devant le nom.
blank
  • Possibilité de mettre des liens de ressources (exerciseurs ou autres) comme avec les vidéos
blank
blank

Bon vous avez un site avec un accès ftp? Il faut juste un serveur php et vous pourrez avoir ce genre d’outil!

Voici la vidéo de présentation :

Dans l’archive, vous trouverez un fichier readme dont voici le contenu :

SOURCES :
Le script interface élève et gestion photos (index.php , javascript_php.js,photo.php, javascript_photo.js) est en CC BY-NC-SA, auteur Arnaud DURAND.
Le script d'édition et d'upload (admin.php) est issu d Tiny File Manager v2.5.3 (https://github.com/prasathmani/tinyfilemanager), je l'ai modifié pour incorporer les fonctions d'ajouter de répertoire, et ôté les fonctions de compressions, d'édition avancée, et j'ai ajouté un token de connexion pour éviter l'interface de connexion et j'ai peaufiné la traduction.


INSTALLATION

1) copier le script dans un répertoire /maclasse/ à la racine de votre site (un .htaccess permettra de gérer la conversion de https://site/maclasse/4eE vers https://site/maclasse/index.php?classe=4eE
2)il faut éditer le fichier variables.php et y mettre une chaîne de caractère longue.
(vous pouvez utiliser https://miniwebtool.com/fr/random-string-generator/ , pas de caractère spécial)
3)C'est prêt!
Pour aller à l'interface d'upload (remplacez ### par la chaîne mise dans variables.php):
$id_tok_admin="#####"

UTILISATION

https://votresite/maclasse/admin.php?id_tok= ###

Créer une classe
->cliquez sur nouvel élément, puis classe

Créer un chapitre
une fois dans la classe
->cliquez sur nouvel élément, puis chapitre (avec arborescence de préférence)

Mettre des vidéos.
une fois dans le chapitre 
aller dans Vidéos, puis cliquez sur liens.txt
Ajouter un nom suivi de |  puis l'url du lien, par exemple
mon blog| https://mathix.org

Mettre des fichiers
Une fois dans un répertoire (cours, docs ou autre)
Cliquez sur Envoyer
Seul jpg , mp4, pdf sont autorisés.

Voici l’archive !

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

Licence Creative Commons

Organisation des documents donnés aux élèves : un nouveau projet « maclasse »

Bonjour à tous !

Voici un projet que je compte partager, il répond à plusieurs problématiques qui me sont propres :

  • Organiser et rendre accessible des documents (doc, vidéo , lien url…) aux élèves
  • Pouvoir mettre des photos prises en classe pour les traces écrites intermédiaires.
  • Se passer d’e-lyco (qui est pourtant l’outil institutionnel … mais)

Alors pourquoi se passer d’e-lyco ?

E-lyco n’est pour moi pas du tout adapté au monde actuel, beaucoup (trop) de clic pour accéder à un document. Une organisation via l’agenda ou des « plans de travail » qui n’est pas forcément intuitive pour l’élève.

Une pérennité de l’outil contestable, en effet, notre académie a changé d’outil il y a quelques années non sans heurts, effaçage complet des documents & progression des collègues qui s’étaient investis. (d’ailleurs je crois que notre académie est citée en exemple comme ce qu’il ne faut pas faire en transition… mais bon je crois que cela doit exister dans d’autres académies, c’est juste que chez nous on a coché toutes les cases sur ce qu’il ne fallait pas faire… )

Force est de constater que pour moi les outils académiques je les prends avec quelques pincettes…

Cela fait écho à une conférence d’un certain ploum (un libriste convaincu que j’ai découvert il y a plus de 15 ans quand il officiait sur les forums libristes) sur les fameuses mises à jour que les utilisateurs refusent … :

Bref, vous l’aurez compris, je veux mon outil que je gère sur mon site, les mises à jour je les gère :

il doit :

  • fournir rapidement les fichiers que l’élève souhaite en 3 clics (chapitre ‘clic’, type de doc ‘clic’, le doc ‘clic’), pas de connexion ou de mot de passe à entrer.
  • Il doit être responsive pour une utilisation sur téléphone portable.
  • Il doit pouvoir autoriser de cacher des répertoires par l’enseignant
  • Il doit pourvoir être utilisable par l’enseignant rapidement avec un token pour éviter une interface de connexion, mieux, on créé un lien sur le smartphone et paf on peut gérer les fichiers
  • Il doit pouvoir permettre de prendre des photos d’un tableau et les ajouter rapidement
  • Une url simple pour la diffuser.

Ma solution actuelle répond à tous les critères, toutefois la gestion des fichiers reste atypique, (on édite en live un fichier texte pour mettre des vidéos youtube ou peertube par exemple)

Voici quelques captures d’écran :

blank
vue ordi
blank
blank
Vue téléphone

Voici un aperçu :

Pour tester la vue élève :

https://www.mathix.org/maclasse/3eD

https://www.mathix.org/maclasse/4eC

https://www.mathix.org/maclasse/4eD

https://www.mathix.org/maclasse/4eE

Je ferai un tutoriel pour installer l’outil bientôt ! 🙂

Je prévois également d’intégrer les fichier ggb comme animation, mais pour l’instant je coince un peu….

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

Licence Creative Commons

Exerciseur sur les patterns

Bonjour à tous !

Bon dans ma lancée, je suis arrivé à créer un « jeu » sur les patterns, où il faut deviner la formule qui permettra de deviner rapidement le nombre de carrés d’un pattern à une n-ième étape.

Tout d’abord j’ai amélioré le premier programme qui permet de générer des patterns en ajoutant les demi-carrés comme ci-dessous. (toujours disponible ici : https://mathix.org/pattern/ )

blank

Maintenant venons à mon exerciseur, il vient vraiment en fin de travail sur les patterns, la question est unique , on doit trouver la formule (mais il accepte les formules équivalentes). Il ne propose pas de correction pour l’instant.

J’ai créé un outil qui permet de générer des niveaux rapidement, donc je devrais pouvoir l’étoffer (là il y a 11 niveaux).

blank

Les niveaux sont, d’après moi, progressifs.

Voici le lien pour le tester

https://www.mathix.org/exerciseur_pattern/

Il risque d’évoluer, notamment, je compte rajouter un espace pour dessiner une étape supplémentaire par exemple….

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

Licence Creative Commons

Outil pour créer facilement des patterns

Bonjour à tous !

Bon, là je suis sur un travail de Plan de travail pour des élèves de 5emes sur le calcul littéral.

Des élèves de 5emes, ça fait un bail que j’en ai eu, je n’en ai pas cette année, mais je dois pourtant travailler dessus pour un travail avec un groupe de profs super motivés. (De ce groupe de travail, j’en parlerai sans doute en fin d’année)

J’ai donc voulu reprendre un document de l’IREM Paris-NORD sur les patterns :

Mais je trouve que les patterns vont très vite dans le dur, et j’ai donc voulu en inventer à moi des plus simples et pour faire propre et bien j’ai conçu mon petit outil qui génère les images toutes belles 🙂

Il vous dessine en clair dans l’étape d’après le motif de l’étape d’avant pour vous aider à poursuivre.

blank

Voilà l’outil en action :

Pour utiliser l’outil, c’est par là :

https://mathix.org/pattern

Voici quelques exemples :

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

Licence Creative Commons

Tuiles version 2

Bonjour à tous!

Suite à plusieurs retours et idées de fonctionnalités, je les ai donc implémentées! 🙂

En vrac :

  • On peut modifier les lettres pour celles de l’alphabet
  • On peut échanger la largeur et la longueur quand le rectangle est tracé
  • On peut pivoter la tuile avec le clic gauche ou droit
  • Utilisable sur les smartphones donc l’utilisation de QRcode est faisable!

Voici un petit exemple :

L’interface de configuration des exercices a donc évolué avec l’apparition de boutons :

blank
Ici, on a inversé la largeur et la longueur du rectangle et mis les lettres a et b

C’est toujours par là :

https://www.mathix.org/tuiles/

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

Licence Creative Commons

Représenter le calcul littéral avec des tuiles

Bonjour à tous!

Voilà un projet un peu teasé par Julien!

L’outil est fonctionnel mais devrait évoluer encore un peu, mais les principales fonctionnalités sont là.

Deux types d’exercices :

1)On peut donc avoir des tuiles au nombre restreint pour travailler sur la factorisation , soit en faisant des tas soit en formant un rectangle.

blank
blank

2)On peut aussi dessiner un rectangle pour le remplir ce qui permet de développer en calculant l’aire du rectangle.

blank
blank

Les exercices peuvent être donnés via un lien (les élèves n’auront pas accès au menu de configuration qui permet de changer la taille du rectangle à remplir ou du nombre de tuiles), il faut cliquer sur le logo de la chaîne à gauche.

Ah, oui c’est clic-droit pour faire pivoter les tuiles!

Par exemple, voici les liens des captures ci-dessus :

https://www.mathix.org/tuiles/?nbx2=1&nbx=2&nb1=1&nby2=0&nby=0&nbxy=0&nbmx2=0&nbmx=0&nbm1=0&trace=0

https://www.mathix.org/tuiles/?la=0&lo=1&lax=2&lox=1&lay=1&loy=0&trace=1

Voilà une vidéo de présentation :

L’outil est disponible ici :

https://mathix.org/tuiles

Je vous souhaite à toutes et tous d’excellentes fêtes de fin d’année !

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

Licence Creative Commons