Sorties du programme :
Edition et exécution d'un programme de construction utilisant la bibliothèque Javascript JSXGraph via 3 zones : en haut à gauche le rendu, à droite le script de la figure, en bas à gauche les sorties du programme ou cette aide.
- les commandes
JSXGraph Reference est LA page de référence officielle de la bibliothèque, en anglais.
Le site JSXGraph Commands propose une entrée alphabétique des commandes :
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
Résumé PDF - Fonctions mathématiques - Exemples
- Principe de la construction
La programme commence par effacer le contenu de la construction si elle existe déjà.
Dans JsGeoDyn, il est procédé ainsi :
// Efface éventuellement la précédente construction
for(var oldBoard in JXG.JSXGraph.boards) { JXG.JSXGraph.freeBoard(oldBoard ); }
Puis il initialise les paramètres du repère de représentation :
// Repère de la construction
board = JXG.JSXGraph.initBoard('jsxbox', { originX:130, originY:290, unitX:60, unitY:60, axis:true, keepaspectratio:true});
Enfin il crée les objets et les manipule.
Par exemple on construit un point libre A :
// Début de la construction
var A = board.create('point',[1,2],{name:'A'});
L'appui sur le bouton [EXE] ou la touche F9 exécute le programme qui sera terminé quand "Fin d'exécution." sera affiché dans la zone Sorties du programme.
Voici quelques fonctionnalités complémentaires spécifiques à JsGeoDyn reprenant la syntaxe de Javascript en Ligne pour des saisies ou affichages complémentaires (débogage, résultats ...) dans le cadre en bas à gauche, sous la construction.
Sur le site Javascript en Ligne, vous trouverez aussi quelques exemples d'utilisation de la syntaxe Javascript :
Variables et affectations, Instructions conditionnelles,
Boucles, Fonctions.
- afficher
Cette commande permet au programme d'imprimer des messages dans le cadre en bas à gauche, sous la construction.
Ceux-ci s'affichent en continue sauf à utiliser le bouton [effacer] de la zone ou à utiliser la commande effacerSorties().
Exemple :
afficher(1+2);
Vous pouvez écrire plusieurs choses à la fois, en séparant les arguments par une virgule.
Exemple :
afficher("1+2=",1+2);
- demander
Grâce à cette instruction, le programme peut demander des données à l'utilisateur.
Par exemple, demander à l'utilisateur d'entrer un nombre et stocke le résultat dans la variable n.
var n=demander("Entrez le nombre : ")
Si l'utilisateur entre plusieurs données à la fois, séparées par une virgule ou par un point-virgule, celles-ci seront stockées dans une suite.
Soit par exemple l'instruction :
var v=demander("Entrez xA et yA séparées par une virgule");
Si on répond "-1, 3" ou "-1 ; 3", la variable v est alors égale à la suite (-1 ; 3), de premier terme v[0] et de second terme v[1].
L'instruction afficher(v[0]) affichera donc -1.
Cette instruction permet d'effacer la zone des sorties du programme sans confirmation (contrairement au bouton [effacer]).
Par exemple, demander à l'utilisateur d'entrer un nombre et stocke le résultat dans la variable n.
effacerSorties();
- Présenter en tableau
Le petit programme suivant montre comment obtenir une présentation en tableau :
var monTableau=new tableau("Article","Prix en €");
monTableau.ajouter("cafe",0.40);
monTableau.ajouter("petit pain",0.70);
- Personnaliser encore plus :
Vous pouvez accéder directement au bloc DIV des sorties sachant que son ID est 'sortiesDiv' :
var sd = document.getElementById('sortiesDiv');
sd.innerHTML = sd.innerHTML+'<p>Utilisez la touche <font color=red>F9</font> pour exécuter le programme.</p>';
JSXGraph est un bibilothèque libre sous licence GNU-LGP. Elle utilise le langage de programmation Javascript pour construire et manipuler une figure de géométrie dynamique.
JsGeoDyn permet l'édition et l'exécution d'un programme de construction utilisant la bibliothèque Javascript JSXGraph.
JsGeoDyn et son aide ont été réalisés par E.Ostenne (KEOPS) (c) GNU-GPL août 2011.
JsGeoDyn s'inspire du code de Jean-Pierre Branchard de Javascript en Ligne.
Ce code est contenu à lui seul dans le fichier jsxgraphenligne.htm original. Il suffit donc d'en enregistrer la page via votre navigateur : menu Fichier, Enregistrer sous ...
Par défaut, JSXGraph est appelé sur le serveur de l'Université de Bayreuth qui le publie librement. Mais cette bibliothèque peut être téléchargée pour une utilisation en pur local : il suffit alors de modifier le début du fichier pour supprimer/remplacer la référence à http://jsxgraph.uni-bayreuth.de/distrib/
Pour toute information, ne pas hésiter à m'écrire.