Diferencia entre revisiones de «Tutorial:Creando a Tortuga»

De GeoGebra Manual
Saltar a: navegación, buscar
(Página creada con «category:Tutoriales{{tutorial| title=Acomodando Applets <small>Dibujos Quelónidos</small> }} Se detallan recomendaciones para procurar que todo ''applet'' de GeoGeb...»)
 
Línea 1: Línea 1:
 
[[category:Tutoriales]]{{tutorial|
 
[[category:Tutoriales]]{{tutorial|
title=Acomodando Applets   <small>Dibujos Quelónidos</small>
+
title=GeoGebra a Tortuga   <small>Dibujos Quelónidos</small>
 
}}
 
}}
 +
Al ingresar por primera vez el [[Comandos|comando]] [[Tortuga|Tortuga'''[]''']] en la [[Barra de Entrada]], se crea:
 +
*un punto llamado ''tortuga1''
 +
**de coordenadas (0,0)
 +
**con orientación a, 0° en la [[Vista Gráfica]]
 +
**con una representación visual como la siguiente [[Image:Tortue.png]] .<br/>
 +
*el [[Botones|botón]] [[Image:Animate Play.png]] de ejecución en la esquina inferior izquierda de la [[Vista Gráfica]] que:
 +
**que deviene [[Image:Animate Pause.png]]Pausa con un ''clic''
 +
**todas las órdenes que se ingresen se registran para ejecutarse en diferido.<br/>
 +
Una tortuga es, en definitiva, un punto animable y animado a partir de la presencia de estos botones,de modo que se le puede solicitar, en lugar del botón de ejecutar reemplazado por el [[Comandos|comando]]  [[:fr:Commande DémarrerAnimation|DémarrerAnimation[]]].
  
Se detallan recomendaciones para procurar que todo ''applet'' de GeoGebra pueda desarrollarse adecuadamente en todos los dispositivos de destino correctamente.<br>{{Note|1=Para incluir una aplicación (''applet'') en una página web, se recomienda consultar el artículo sobre [[Referencia:Applet Embebido|técnicas ''embedidas'']].}}
+
La fenêtre de dialogue classique des propriétés d'un point est accessible, mais la modification de beaucoup de ces propriétés est inopérante actuellement, ainsi par exemple, modifier la couleur du point ne changera pas la couleur de la tortue, simplement, lorsque celle-ci est sélectionnée, le tracé qu'elle aura construit apparaîtra dans la couleur choisie.
 +
La seule propriété intéressante et opérationnelle à ce jour est l'association d'image au point, ce qui vous permet de pouvoir quand même différencier vos tortues si vous en utilisez plusieurs.
  
<u>Clave</u>: Es conveniente ir haciendo los controles a medida que se avanza en lugar de hacerlo recién al terminar. De detectar demoras u otro tipo de dificultad, conviene reportarlo para que los responsables de desarrollo lo verifiquen. Por el momento, HTML5 suele ser más lento que lo que corre bajo Java incluso en el mismo ''hardware''.
 
  
==Sugerencias Generales==
+
La commande [[:fr:Commande SoitCoordonnées|SoitCoordonnées[ <Objet>, <x>, <y> ]]] est opérationnelle pour modifier la position de la tortue. Les fonctions <code>x()</code> et <code>y()</code> agissent sur la tortue, mais ATTENTION, elles retournent les coordonnées finales de la tortue que les ordres saisis aient été exécutés ou non.
*Todos los elementos innecesarios para operar en la interfaz debieras esconderse
 
*Es preferible evitar cualquier comando que requiera el motor '''''CAS''''' como , por ejemplo, [[Comando Simplifica|Simplifica]][], [[Comando Factoriza|Factoriza]][], [[Comando Desarrolla|Desarrolla]][], [[Comando Asíntota|Asíntota]][]. Suele poder reemplazarse [[Comando Polinomio|Polinomio]][] ien lugar de [[Comando Simplifica|Simplifica]][] / [[Comando Desarrolla|Desarrolla]][]
 
*Los estilos más ambiciosos (como los sombreados más sofisticados o las imágenes de fondo) debieran limitarse a lo estrictamente necesario
 
*Es preferible no incluir texto dentro del ''applet''. En GeoGebra se pueden incluir instrucciones para el empleo de la hoja dinámica antes y detrás del ''applet''
 
*Conviene ocultar los rótulos de los objetos
 
*Es mejor ocultar la cuadrícula y los ejes a menos que se los precise
 
*Si se emplea en numerosas ocasiones un valor que debe ser calculado, es mejor asignarle su valor a una variable
 
  
<h2>Respecto de la [[Vista Algebraica]]</h2>
+
'''Les commandes spécifiques à la tortue''' :
*Si solo se precisa la descripción de unos pocos objetos, es preferible describirlos a través de textos dinámicos y esconder la [[Vista Algebraica]]
 
*Se puede reducir el tiempo necesario para el trazado actualizado de cada Vista cerrando algunas categorías. Por ejemplo, pasando en la [[Vista Algebraica]] para ordenar los objetos por tipo y esconder todas las listas o indicado varios objetos como auxiliares.
 
  
==Consejos para Guiones-Scripts==
+
:'''Translations''' : <br/>
En general, siendo posible, es preferible emplear un '''script de tipo JavaScript''' en lugar de un '''''GeoGebraScript'''''.
+
::[[:fr:Commande TortueAvance|TortueAvance]] et [[:fr:Commande TortueRecule |TortueRecule]],
 +
:::la tortue nommée va avancer ou reculer, en ligne droite, de la distance donnée
  
*<code>[[Comando Valor|Valor]][a,c+b]</code> resulta mucho más rápido que <code><nowiki>a=c+b</nowiki></code> (para evitar que toda la construcción sea re-trazada) y ggbApplet.setValue() será aún más veloz porque se aminora la necesidad de análisis interno..
+
:'''Rotations''' : <br/>
 +
::[[:fr:Commande TortueADroite|TortueADroite]] et [[:fr:Commande TortueAGauche|TortueAGauche]], 
 +
:::la tortue nommée va pivoter, sur place, vers la droite ou vers la gauche,  de l'angle donné.
  
*<code>[[Comando Valor|Valor]][a, [[Comando Si|Si]]'''['''b<3,4,5]]</code> es mejor que <code>[[Comando Si|Si]]'''['''b<3,[[Comando Valor|Valor]][a,4],Valor[a,5]]</code>.
+
:'''Tracés''' : <br/>
 +
::[[:fr:Commande TortueBC|TortueBC]] (BC pour BaisseCrayon),
 +
:::la tortue nommée va laisser une trace de son déplacement,  et <br/>
 +
::[[:fr:Commande TortueLC|TortueLC]] (LC pour LèveCrayon),
 +
:::la tortue nommée ne va pas laisser de trace de son déplacement.
  
==[[Listas]]==
 
Los comandos como [[Comando Secuencia|Secuencia]] y [[Comando Zip|Zip]] son todavía lentos en algunos casos. Se está trabajando para lograr acelerarlos pero, entre tanto, es conveniente emplear la [[Hoja de Cálculo|Hoja de Cálculo]] para producir secuencias y/o la “Condición para Mostrar el Objeto” para simular una secuencia.
 
  
==Animaciones==
+
Certaines commandes comme [[:fr:Commande Exécute|Exécute[]]], [[:fr:Commande Répéter|Répéter[]]] et [[:fr:Commande LanceScriptActu|LanceScriptActu[]]] ou [[:fr:Commande LanceScriptClic|LanceScriptClic[]]] seront souvent sollicitées.
Es preferible preparar, en las animaciones de múltiples pasos, cada objeto por separado a manejar por su correspondiente deslizador, en lugar de plasmarlo todo en el mismo y único.<br>{{Note|1=Al respecto, vale revisar el tutorial [[Tutorial:Animándose|Animándose]].}}
 
  
Se han desarrollado también, ejemplos en los que se resuelve, de un modo eficiente, EDOs usando un deslizador para velocidad variable que es mucho más ágil que apelar a guiones ''scripts'' con eventos de actualización<sup><small>Ver este [http://www.geogebra.org/student/m23587 applet]</small></sup>.
 
  
==[[LaTeX]]==
 
Mejor que emplear los comandos [[Comando TablaTexto|TablaTexto]] y [[Comando FórmulaTexto|FórmulaTexto]] es apelar a [[LaTeX|LaTeX básico]] que puede consultarse en [[Código LaTeX para las fórmulas más comunes]] y que también se ejecuta
 
[http://www.geogebra.org/student/m33487?mobile=true en HTML5]
 
  
==[[Imágenes]]==
+
;Construire un carré :
Recomendaciones:
+
 
*Es preferible no emplear alta resolución, intentando en lo posible una menor. Especialmente cuando se trabaja con comandos como [[Comando Secuencia|Secuencia]]
+
Valider successivement chacune des commandes suivantes dans Saisie :
*Puede emplearse software como http://www.irfanview.com/ para las imágenes
+
 
*https://tinypng.com/ reduce el peso de archivos del tipo PNG entre un 80 y un 90%
+
<code>t=Tortue[]</code><br/>
 +
<code>TortueAvance[t,1]</code><br/>
 +
<code>TortueAGauche[t,90°]</code><br/>
 +
<code>TortueAvance[t,1]</code><br/>
 +
<code>TortueAGauche[t,90°]</code><br/>
 +
<code>TortueAvance[t,1]</code><br/>
 +
<code>TortueAGauche[t,90°]</code><br/>
 +
<code>TortueAvance[t,1]</code><br/>
 +
 
 +
Bien sûr, comme annoncé dès le départ, rien ne se passe dans Graphique, après l'apparition de la tortue et du bouton Exécuter  , simplement si Algèbre est ouverte, vous pouvez remarquer les variations des coordonnées du point ''t''.
 +
(rappel : ne pas se priver de la fonctionnalité "Refaire" du champ de saisie !!!)
 +
et presser enfin le bouton [[Image:Animate Play.png]]  Exécuter 
 +
 
 +
Une tortue, nommée ''t'', va construire un carré direct, de côté 1, à partir de l'origine.
 +
 
 +
Il est évident que la saisie de ces 8 lignes de commandes est fastidieuse, surtout lorsque l'on sait qu'elle peut être ramenée à une saisie de 2 lignes :
 +
 
 +
<code>t=Tortue[]</code><br/>
 +
<code>Répéter[4, TortueAvance[t, 1], TortueAGauche[t, 90° ]]</code><br/>
 +
 
 +
 
 +
Tout de suite, une remarque, le passage d'arguments globaux fonctionne, ainsi, si est définie une variable numérique ''c'' :<br/>
 +
<code>Répéter[4, TortueAvance[t, c], TortueAGauche[t, 90° ]]</code><br/>
 +
La tortue ''t'', va construire un carré direct, de côté ''c'', à partir de l'origine, à reculons, si ''c'' est négatif.
 +
Mais le tracé ne sera pas impacté par une modification ultérieure de la valeur de ''c''.
 +
 
 +
 
 +
Et sans plus attendre, valider successivement chacune des commandes suivantes dans Saisie :
 +
 
 +
<code>c=1</code><br/>
 +
<code>n=5</code><br/>
 +
<code>Répéter[n,Répéter[4, TortueAvance[t, c], TortueAGauche[t, 90° ]],SoitValeur[c,c+1]]</code><br/>
 +
 
 +
L'exécution vous tracera ces 5 classiques carrés emboîtés de côtés respectifs 1, 2, 3, 4 et 5.
 +
 
 +
<center> [[Image:CarrésEmboîtés.png]]</center>
 +
 
 +
 
 +
 
 +
;"Procédures"
 +
 
 +
La philosophie de Logo était plutôt de définir des "procédures", réalisant un travail basique, les procédures étant ensuite sollicitées en groupe pour effectuer une tâche plus complexe.
 +
 
 +
Je vais utiliser les scripts GeoGebra attachés aux objets pour définir des procédures. J'ai choisi sciemment comme type d'objets les textes, ce qui me permet d'afficher facilement le listing,
 +
 
 +
Je lance l'outil Insérer un texte, je valide :
 +
 
 +
<code>Pour Carré :c</code><br/>
 +
 
 +
<code>Répéter[4, TortueAvance[t, c], TortueAGauche[t, 90° ]]</code><br/>
 +
 
 +
En ouvrant les propriétés de ce texte, je le renomme ''Carré'', et je fais un copier/coller de l'instruction
 +
dans l'onglet  Script/ParClic (ne pas oublier de presser le bouton "Ok")
 +
 
 +
L'exécution des 2 commandes suivantes :<br/>
 +
<code>c=2</code><br/>
 +
<code>t=Tortue[]</code><br/>
 +
et un<b><u> clic</u></b> sur le texte
 +
 
 +
construit comme attendu un carré de côté 2
 +
 
 +
De même maintenant avec un autre texte, dans le même fichier, que je renomme ''CarrésEmboîtés'' :
 +
 
 +
<code>Pour CarrésEmboîtés :n :c</code><br/>
 +
 
 +
<code>Répéter[n,LanceScriptClic[Carré],SoitValeur[c,c+1]]</code><br/>
 +
 
 +
après avoir validé <br/><code>c=1</code> et <br/><code>n=5</code>, <br/>un <b><u>clic</u></b> sur ce nouveau texte me redonne la construction des carrés emboîtés précédente.
 +
 
 +
 
 +
;Exemple page 55 de "Logo, des ailes pour l'esprit"
 +
 
 +
[[http://www.geogebra.org/material/show/id/878345 Fichier sur GeoGebra]]
 +
 
 +
 +
<code>Pour Feuille</code><br/>
 +
<code>TortueAGauche[t,45°]</code><br/>
 +
<code>TortueAvance[t,2]</code><br/>
 +
<code>TortueRecule[t,2]</code><br/>
 +
<code>TortueAGauche[t,90°]</code><br/>
 +
<code>TortueAvance[t,2]</code><br/>
 +
<code>TortueRecule[t,2]</code><br/>
 +
<code>TortueADroite[t,135°]</code><br/>
 +
 
 +
<center> [[Image:Feuille.png]]</center>
 +
   
 +
<code>Pour Epi</code><br/>
 +
<code>TortueAGauche[t,90°]</code><br/>
 +
<code>TortueAvance[t,5]</code><br/>
 +
<code>Répéter[3,TortueADroite[t,90°],  LanceScriptClic[Feuille],  TortueAGauche[t,90°],TortueAvance[t,1.25]]</code><br/>
 +
<code>TortueRecule[t,8.75]</code><br/>
 +
<code>TortueADroite[t,90°]</code><br/>
 +
 +
<center> [[Image:Épi.png]]</center>
 +
 
 +
<code>Pour Champ</code><br/>
 +
<code>Répéter[3,LanceScriptClic[Epi],TortueLC[t],TortueAvance[t1,4],TortueBC[t]]</code><br/>
 +
 
 +
<center> [[Image:Champ.png]]</center><br/><br/>
 +
 
 +
Avec un bouton de gestion ayant pour script :
 +
<code>Effacer[t]</code><br/>
 +
<code>t=Tortue[]</code><br/>
 +
<code>SoitCoordonnées[t1,-8,-1]</code><br/>
 +
<code>DémarrerAnimation[]</code><br/>
 +
 
 
{{tutorial|
 
{{tutorial|
 
title=GeoGebra a Tortuga  <small>Dibujos Quelónidos</small>
 
title=GeoGebra a Tortuga  <small>Dibujos Quelónidos</small>
 
}}
 
}}

Revisión del 18:34 9 jun 2015

Tutorial: GeoGebra a Tortuga Dibujos Quelónidos

Al ingresar por primera vez el comando Tortuga[] en la Barra de Entrada, se crea:

  • un punto llamado tortuga1
    • de coordenadas (0,0)
    • con orientación a, 0° en la Vista Gráfica
    • con una representación visual como la siguiente Tortue.png .
  • el botón Animate Play.png de ejecución en la esquina inferior izquierda de la Vista Gráfica que:
    • que deviene Animate Pause.pngPausa con un clic
    • todas las órdenes que se ingresen se registran para ejecutarse en diferido.

Una tortuga es, en definitiva, un punto animable y animado a partir de la presencia de estos botones,de modo que se le puede solicitar, en lugar del botón de ejecutar reemplazado por el comando DémarrerAnimation[].

La fenêtre de dialogue classique des propriétés d'un point est accessible, mais la modification de beaucoup de ces propriétés est inopérante actuellement, ainsi par exemple, modifier la couleur du point ne changera pas la couleur de la tortue, simplement, lorsque celle-ci est sélectionnée, le tracé qu'elle aura construit apparaîtra dans la couleur choisie. La seule propriété intéressante et opérationnelle à ce jour est l'association d'image au point, ce qui vous permet de pouvoir quand même différencier vos tortues si vous en utilisez plusieurs.


La commande SoitCoordonnées[ <Objet>, <x>, <y> ] est opérationnelle pour modifier la position de la tortue. Les fonctions x() et y() agissent sur la tortue, mais ATTENTION, elles retournent les coordonnées finales de la tortue que les ordres saisis aient été exécutés ou non.

Les commandes spécifiques à la tortue :

Translations :
TortueAvance et TortueRecule,
la tortue nommée va avancer ou reculer, en ligne droite, de la distance donnée
Rotations :
TortueADroite et TortueAGauche,
la tortue nommée va pivoter, sur place, vers la droite ou vers la gauche, de l'angle donné.
Tracés :
TortueBC (BC pour BaisseCrayon),
la tortue nommée va laisser une trace de son déplacement, et
TortueLC (LC pour LèveCrayon),
la tortue nommée ne va pas laisser de trace de son déplacement.


Certaines commandes comme Exécute[], Répéter[] et LanceScriptActu[] ou LanceScriptClic[] seront souvent sollicitées.


Construire un carré

Valider successivement chacune des commandes suivantes dans Saisie :

t=Tortue[]
TortueAvance[t,1]
TortueAGauche[t,90°]
TortueAvance[t,1]
TortueAGauche[t,90°]
TortueAvance[t,1]
TortueAGauche[t,90°]
TortueAvance[t,1]

Bien sûr, comme annoncé dès le départ, rien ne se passe dans Graphique, après l'apparition de la tortue et du bouton Exécuter , simplement si Algèbre est ouverte, vous pouvez remarquer les variations des coordonnées du point t. (rappel : ne pas se priver de la fonctionnalité "Refaire" du champ de saisie !!!) et presser enfin le bouton Animate Play.png Exécuter

Une tortue, nommée t, va construire un carré direct, de côté 1, à partir de l'origine.

Il est évident que la saisie de ces 8 lignes de commandes est fastidieuse, surtout lorsque l'on sait qu'elle peut être ramenée à une saisie de 2 lignes :

t=Tortue[]
Répéter[4, TortueAvance[t, 1], TortueAGauche[t, 90° ]]


Tout de suite, une remarque, le passage d'arguments globaux fonctionne, ainsi, si est définie une variable numérique c :
Répéter[4, TortueAvance[t, c], TortueAGauche[t, 90° ]]
La tortue t, va construire un carré direct, de côté c, à partir de l'origine, à reculons, si c est négatif. Mais le tracé ne sera pas impacté par une modification ultérieure de la valeur de c.


Et sans plus attendre, valider successivement chacune des commandes suivantes dans Saisie :

c=1
n=5
Répéter[n,Répéter[4, TortueAvance[t, c], TortueAGauche[t, 90° ]],SoitValeur[c,c+1]]

L'exécution vous tracera ces 5 classiques carrés emboîtés de côtés respectifs 1, 2, 3, 4 et 5.

CarrésEmboîtés.png


"Procédures"

La philosophie de Logo était plutôt de définir des "procédures", réalisant un travail basique, les procédures étant ensuite sollicitées en groupe pour effectuer une tâche plus complexe.

Je vais utiliser les scripts GeoGebra attachés aux objets pour définir des procédures. J'ai choisi sciemment comme type d'objets les textes, ce qui me permet d'afficher facilement le listing,

Je lance l'outil Insérer un texte, je valide :

Pour Carré :c

Répéter[4, TortueAvance[t, c], TortueAGauche[t, 90° ]]

En ouvrant les propriétés de ce texte, je le renomme Carré, et je fais un copier/coller de l'instruction dans l'onglet Script/ParClic (ne pas oublier de presser le bouton "Ok")

L'exécution des 2 commandes suivantes :
c=2
t=Tortue[]
et un clic sur le texte

construit comme attendu un carré de côté 2

De même maintenant avec un autre texte, dans le même fichier, que je renomme CarrésEmboîtés :

Pour CarrésEmboîtés :n :c

Répéter[n,LanceScriptClic[Carré],SoitValeur[c,c+1]]

après avoir validé
c=1 et
n=5,
un clic sur ce nouveau texte me redonne la construction des carrés emboîtés précédente.


Exemple page 55 de "Logo, des ailes pour l'esprit"

[Fichier sur GeoGebra]


Pour Feuille
TortueAGauche[t,45°]
TortueAvance[t,2]
TortueRecule[t,2]
TortueAGauche[t,90°]
TortueAvance[t,2]
TortueRecule[t,2]
TortueADroite[t,135°]

Feuille.png

Pour Epi
TortueAGauche[t,90°]
TortueAvance[t,5]
Répéter[3,TortueADroite[t,90°], LanceScriptClic[Feuille], TortueAGauche[t,90°],TortueAvance[t,1.25]]
TortueRecule[t,8.75]
TortueADroite[t,90°]

Épi.png

Pour Champ
Répéter[3,LanceScriptClic[Epi],TortueLC[t],TortueAvance[t1,4],TortueBC[t]]

Archivo:Champ.png



Avec un bouton de gestion ayant pour script : Effacer[t]
t=Tortue[]
SoitCoordonnées[t1,-8,-1]
DémarrerAnimation[]

Tutorial: GeoGebra a Tortuga Dibujos Quelónidos
© 2022 International GeoGebra Institute