Tutoriels sur p5Visuel disponibles sur YouTube

(Cliquez sur un volet pour révéler ou cacher l'information)


Mises à jour

Il est recommandé de visionner cette vidéo en premier, avant toutes les autres.




p5Visuel pour débutants

Voir le programme de base utilisé dans la vidéo.
Voir le programme brut placé sur le serveur.
Voir le progrmme incrusté placé sur le serveur.
Voir la page web contenant le modèle simple slide et les fichiers résultants utilisés.
Logiciels utilisés
     • Cyberduck (transfert de fichiers vers le serveur)
     • Brackets (éditeur de code de sites web)
     • BluGriffon (éditeur web avec une interface graphique)




Caractéristiques spéciales de p5Visuel

Voir le premier programme présenté dans la vidéo (version source et version exécutable)
Voir le second programme présenté dans la vidéo (version source et version exécutable)
Voir le troisième programme présenté dans la vidéo (version source et version exécutable)
Télécharger un dossier contenant les programmes ci-dessus.




Les oublis dans cette vidéo.

Notre premier programme, sur les familles de fonctions, qui utilise des graphes GeoGebra
Télécharger le dossier correspondant au premier programme (à exécuter dans un serveur local)
Notre second programme, pour résoudre des équations quadratiques, auquel on a ajouté une figure GeoGebra
Télécharger le dossier correspondant au second programme (à exécuter dans un serveur local)

Exemple d'utilisation de p5Visuel avec une vidéo et une figure GeoGebra
Exemples d'utilisation de p5Visuel avec d'autres environnements mathématiques (SAGE, SPAF, THREE et MATTER)




Exemples de programmes



Évènements spéciaux

Voir la page web utilisée.

Voir les ressources utilisées lors de cette présentation.

Voir les ressources utilisées lors de cette présentation.

Voir les ressources utilisées lors de cette présentation.

Cette vidéo a été réalisée rapidement pour remplacer un atelier annulé à cause du coronavirus (COVID-19).

Voir le premier programme
Voir le second programme.
Pour télécharger les fichiers de l'atelier.

Correction
Dans la vidéo, à partir de 2:06:00, je tente d'ouvrir le fichier "pageWeb.html" sans me rendre compte que je ne le fais pas dans le cadre d'un serveur local et, conséquemment, que le fonctionnement de la page web n'est pas parfait (puisque la figure GeoGebra ne réagit pas aux changements de paramètres).

Pour que tout fonctionne bien, il faut ouvrir "pageWeb.html" dans un serveur local. Voici comment procéder :
• choisir le dossier "autonome" dans le serveur local pour chrome
• ouvrir notre navigateur à l'adresse indiquée ("http://127.0.0.1:8887")
• dans liste des fichiers qui apparaît alors, cliquer sur "pageWeb.html".

Une remarque en terminant
p5Visuel évolue rapidement : une nouvelle version est désormais disponible. Dans cette nouvelle version, le fichier "execution.html" a été modifié et comporte maintenant des éléments non seulement dans l'entête (head) mais aussi dans le corps (body) de la page.
Dans la vidéo, quand on combine ce fichier dans "pageWeb.html", il faudrait maintenant s'assurer que tous les éléments de "execution.html" sont placés dans "pageWeb.html".
Vous pouvez télécharger ici les fichiers utilisant cette nouvelle version.