Modèles pour p5Visuel

Programmation (janvier 2019)




Par défaut, l'éditeur p5Visuel exécute ses programmes dans une page web vierge :
http://profmath.uqam.ca/~boileau/p5VisuelWEB/p5Visuel/edition.html
Mais on peut modifier ce comportement en ajoutant à l'adresse web un suffixe
?prog=http://profmath.uqam.ca/~boileau/p5VisuelWEB/
MODELES/StoresTortue/professeur.p5V
qui spécifie un programme (autre que vide) à utiliser par défaut.

De plus, on peut encore ajouter à ce suffixe une continuation
&exec=http://profmath.uqam.ca/~boileau/p5VisuelWEB/
MODELES/StoresTortue/execution.html
qui spécifie une page web dans laquelle devra s'exécuter le programme.
On obtient de la sorte le résultat suivant.

Enfin, au lieu d'ajouter une continuation de type &exec=, on peut encore ajouter le bloc Le programme s'exécutera dans la page web au début de la fonction actions initiales:
On obtient à ce moment le résultat suivant.

En utilisant ces techniques, j'ai créé quelques modèles pouvant être utilisés dans l'enseignement des mathématiques au secondaire : ils permettent de compléter très simplement des programmes déjà fournis, et d'obtenir des résultats assez spectaculaires.

Pour accéder à la liste de ces modèles, vous pouvez cliquer sur l'image ci-dessus.

Remarque importante  Veuillez noter que la démarche décrite ci-dessus ne fonctionne que si tous les fichiers en présence ont une adresse web ayant le même nom de domaine (ici profmath.uqam.ca).

Autre remarque  Pour qu'une page web puisse accueillir un programme p5Visuel, il faut la préparer en insérant les instructions suivantes dans son entête (entre les balises <head> et </head>) :
<script type="text/javascript" async
      src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/latest.js?config=AM_HTMLorMML-full" async>
</script>
<script src="http://profmath.uqam.ca/~boileau/p5VisuelWEB/p5Visuel/p5/p5.min.js"> </script>
<script src="http://profmath.uqam.ca/~boileau/p5VisuelWEB/p5Visuel/p5/p5.dom.min.js"> </script>
<script src="http://profmath.uqam.ca/~boileau/p5VisuelWEB/p5Visuel/p5/p5.sound.min.js"></script>
<script src="http://profmath.uqam.ca/~boileau/p5VisuelWEB/p5Visuel/p5/bibAB.js"> </script>
<script src="http://profmath.uqam.ca/~boileau/p5VisuelWEB/p5Visuel/programme.js"> </script>