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 les ressources associées à cette vidéo.
Voir le programme réalisé dans la vidéo.
Voir le programme réalisé dans la vidéo.
Voir le programme réalisé dans la vidéo.
Voir le programme réalisé dans la vidéo.
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)
Voir le programme réalisé dans la vidéo.
Voir le premier programme réalisé dans la vidéo
(et le même programme écrit sans ajouter de fonctions).
Voir le second programme réalisé dans la vidéo
(et la version pas à pas de ce programme).
Voir le programme réalisé dans la vidéo.
Voir le programme réalisé dans la vidéo.
Caractéristiques spéciales de p5Visuel
Télécharger le dossier p5VisuelLeger créé dans la vidéo.
Voir le programme correspondant.
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.
Voir le programme sur les notations mathématiques
Voir le programme pour résoudre des équations quadratiques
Voir le programme précédent intégré dans une page web prédéfinie
Télécharger le dossier correspondant au dernier programme (à exécuter dans un serveur local)
Voir le programme de factorisations premières sans notations mathématiques
Voir le programme de factorisations premières avec notations mathématiques
Voir le programme de factorisations premières soulignant les nombres premiers
Voir le programme affichant des tables de multiplication modulo
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
Voir le programme créé dans cette vidéo.
Voir un article décrivant p5Visuel, et sa publication dans MathémaTICE.
É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.