Diferencia entre revisiones de «Tutorial:Gráficos con Deslizadores»

De GeoGebra Manual
Saltar a: navegación, buscar
m (Revertidos los cambios de Lilai (disc.) a la última edición de LailaTov)
 
(No se muestran 37 ediciones intermedias de 5 usuarios)
Línea 1: Línea 1:
{{tutorial|
+
{{tutoriales|
title=Gráficos con Deslizadores  }}
+
title=Gráficos con Deslizadores  }}__NoToc__{{Interfaz Gráfica|Funciones}}
 
=== Gráficos de Funciones a ''Deslizar'' Dinámicamente ===
 
=== Gráficos de Funciones a ''Deslizar'' Dinámicamente ===
 
GeoGebra permite trazar las gráficas de una variedad de funciones - como ilustra la figura - y de calcular las áreas bajo las curva.
 
GeoGebra permite trazar las gráficas de una variedad de funciones - como ilustra la figura - y de calcular las áreas bajo las curva.
 
'''[[File:Samplegraphpng1.png|center]]'''
 
'''[[File:Samplegraphpng1.png|center]]'''
  <p class="wp-caption-text"><small><center>Figura 1 - Gráficos creados con GeoGebra</small></center>
+
<p class="wp-caption-text"><small><center>Figura 1 - Gráficos creados con GeoGebra</center></small>
<div id="page-content-wrapper">  
+
<div id="page-content-wrapper">
    <div id="page-content">  
+
<div id="page-content">
        <div id="region-main-box">  
+
<div id="region-main-box">
            <div id="region-post-box">  
+
<div id="region-post-box">
           
+
 
                <div id="region-main-wrap">  
+
<div id="region-main-wrap">
                    <div id="region-main">  
+
<div id="region-main">
                        <div class="region-content">  
+
<div class="region-content">
                            <span id="maincontent"></span>  
+
<span id="maincontent"></span>
<div class="box generalbox center clearfix"><div class="no-overflow">  
+
<div class="box generalbox clearfix"><div class="no-overflow">
En este tutorial, se va a indagar sobre el efecto de los parámetros de diversas funciones, empleando los  ''' ''deslizadores'' ''' de GeoGebra para modificarlos y registrar correlatos en las representaciones gráfica.  
+
En este tutorial, se va a indagar sobre el efecto de los parámetros de diversas funciones, empleando los  ''' ''deslizadores'' ''' de GeoGebra para modificarlos y registrar correlatos en las representaciones gráfica.
 
====Preparativos====
 
====Preparativos====
En el [[Menú Apariencias]], es preciso seleccionar la adecuada y:
+
En el [[Referencia:Versión_3.2#Interfaz_GG|Menú Apariencias]], es preciso seleccionar la adecuada y:
* dejar activa la [[Menú Vista#Barra de Estilo|Barra de Estilo]]  
+
*dejar activa la [[Manual:Protocolo_de_Construcción#Barra_de_Estilo|Barra de Estilo]]
* exponer los ejes de coordenadas.
+
*exponer los ejes de coordenadas.
 +
 
 +
<small>
 
===Registro Gráfico en correlato con los Parámetros de la Expresión===
 
===Registro Gráfico en correlato con los Parámetros de la Expresión===
En primer lugar, se indagará qué cambios se registran sobre la función "y = mx"  - empezando por anotarla en la [[Barra de Entrada]] -  para pasar a emplear los ''deslizadores'' para modificarla.
+
</small>En primer lugar, se indagará qué cambios se registran sobre la función "y = mx"  - empezando por anotarla en la [[Manual:Barra de Entrada|Barra de Entrada]] -  emplear los ''deslizadores'' para modificarla.
 
=====Paso a Paso=====
 
=====Paso a Paso=====
Para seguir este tutorial paso a paso, se puede abrir la  [http://gpbautista1.webs.com/geogebra/GeoGebra_Window.html '''Ventana de GeoGebra''' ] en el buscador. La salidas se pueden observar [http://gpbautista1.webs.com/tutorial4/Linear_Function.html aquí] (<strong><span style="color: rgb(0, 0, 255);">actualizado el 24 de Noviembre del 2009)</span></strong>.
+
Para seguir este tutorial paso a paso, se puede abrir la  '''Ventana de GeoGebra'''  en el buscador. <!--La salidas de una versión (<strong><span style="color: rgb(0, 0, 255);">de Noviembre del 2009</span></strong>) se pueden observar [http://gpbautista1.webs.com/tutorial4/Linear_Function.html aquí] .
 
;
 
;
Incluso se puede recorrer el artículo que, en inglés, permite controlar los deslizadores, en cuatro pasos ([http://math4allages.wordpress.com/2009/11/25/geogebra-tutorial-8-learning-how-to-use-the-geogebra-slider-control-in-4-steps/ <small>''Graphs and Sliders Part 2.''</small>])  
+
Incluso se puede recurrir al artículo que, en inglés, permite controlar los deslizadores, en cuatro pasos ([http://math4allages.wordpress.com/2009/11/25/geogebra-tutorial-8-learning-how-to-use-the-geogebra-slider-control-in-4-steps/ <small>''Graphs and Sliders Part 2.''</small>])-->
 
;
 
;
 +
 
===Graficando Funciones===
 
===Graficando Funciones===
<ol>  
+
<ol>
<li>Abrir GeoGebra para graficar ''' ''y = 2x'' ''' simplemente anotando  <strong>y = 2x</strong> en la [[Barra de Entrada]] y pulsando {{KeyCode|Intro}} ({{KeyCode|ENTER}} en algunos teclados)
+
<li>Abrir GeoGebra para graficar ''' ''y = 2x'' ''' simplemente anotando  <strong>y = 2x</strong> en la [[Manual:Barra de Entrada|Barra de Entrada]] y pulsando {{KeyCode|Intro}} ({{KeyCode|ENTER}} en algunos teclados)
<li>Anotar las siguientes ecuaciones:  ''' ''y = 3x'' '''  así como ''' ''y = 4x'' '''  y finalmente ''' ''y = -8x'' ''' pulsando la tecla {{KeyCode|Intro}} tras cada una de ellas.</li>  
+
<li>Anotar las siguientes ecuaciones:  ''' ''y = 3x'' '''  así como ''' ''y = 4x'' '''  y finalmente ''' ''y = -8x'' ''' pulsando la tecla {{KeyCode|Intro}} tras cada una de ellas.</li>
  <li>Se pueden ensayar otras ecuaciones de formulación ''' ''y = mx'' ''' dándole a ''' ''m'' ''' cualquier valor real.</li>  
+
<li>Se pueden ensayar otras ecuaciones de formulación ''' ''y = m x'' ''' dándole a ''' ''m'' ''' cualquier valor real.</li>
  <li>¿Cómo impacta sobre el gráfico cada cambio en el valor de ''' ''m'' '''?</li>  
+
<li>¿Cómo impacta sobre el gráfico cada cambio en el valor de ''' ''m'' '''?</li>
</ol>  
+
</ol>
 
====Usando Deslizadores====
 
====Usando Deslizadores====
Para evitar tener que anotar una y otra vez el valor diferente que se quiera ensayar para el parámetro - ''' ''m'' ''' en este caso y el de que se tratara en general -, se puede emplear como ''sintonizador de control del valor'' un ''' ''deslizador'' '''.  
+
Para evitar tener que anotar una y otra vez el valor diferente que se quiera ensayar para el parámetro - ''' ''m'' ''' en este caso y el de que se tratara en general -, se puede emplear como ''sintonizador de control de valores'' un ''' ''[[Herramienta de Deslizador|deslizador]]'' '''.
 
;
 
;
Un deslizador es la  representación visual de un número que en esta ocasión emplearemos no sólo para ''' ''m'' ''' sino también para  <em>b</em>. Lo que implica que se podrá explorar en  gráfico de la función ''' ''y = mx + b'' '''dándole a ''' ''m'' ''' y a ''' ''b'' ''' diferentes valores  reales.
+
Un [[Herramienta de Deslizador|deslizador]] es la  [[File:Mode slider.png]] representación visual de un número que en esta ocasión emplearemos no solo para ''' ''m'' ''' sino también para  <em>b</em>. Lo que implica que se podrá explorar en  gráfico de la función ''' ''y = mx + b'' '''dándole a ''' ''m'' ''' y a ''' ''b'' ''' diferentes valores  reales.
 +
 
 
====Cajas de Diálogo====
 
====Cajas de Diálogo====
 
Se pueden registrar los efectos de estos pasos:
 
Se pueden registrar los efectos de estos pasos:
* 1.) Abrir la Ventana de Geogebra
+
*1.) Abrir la Ventana de Geogebra
* 2.) Seleccionar la [[File:Tool Slider.gif]] [[Herramienta de Deslizador]], dar un ''clic'' en cualquier lugar libre de la [[Vista Gráfica]] para abrir la ''' ''Caja de Diálogo'' ''' correspondiente.
+
*2.) Seleccionar la [[File:Mode slider.png]] [[Herramienta de Deslizador]], dar un ''clic'' en cualquier lugar libre de la [[Vista Gráfica]] para abrir la ''' ''Caja de Diálogo'' ''' correspondiente.
* 3.) En la ''' ''Caja de Diálogo'' ''', cambiar:
+
'''[[File:Slider Dialog 1.PNG|420px|center]]'''
** el nombre del deslizador por <em>m</em>,  
+
*3.) En la ''' ''Caja de Diálogo'' ''', cambiar:
** el intervalo para que se extienda entre  un ''' ''mínimo de  -10'' ''' y un ''' ''máximo de 10'' '''.
+
**el nombre del deslizador por <em>m</em>,
** si se lo desea, el incremento a, por ejemplo, ''' ''0.25'' ''', manteniendo los demás valores sin modificaciones y dejando todo establecido al pulsar el botón para aceptarlos y salir.
+
**el intervalo - en la pestaña correspondiente - para que se extienda entre  un '''''Mín - mínimo - de  -10'' ''' y un ''' ''Máx - máximo de 10'' '''.
* 4. ) En la [[Vista Gráfica]], ajustar la posición del deslizador de ser necesario y luego, mover el redondelito que opera como ''sintonizador'' para registrar los efectos que se operan.
+
**si se lo desea, el incremento a, por ejemplo, ''' ''0.25'' ''', manteniendo los demás valores sin modificaciones y dejando todo establecido al pulsar el botón '''Aplica''' para aceptarlos y salir.
* 5.) Llevar adelante las mismas maniobras para el deslizador ''' ''b'' '''.
+
'''[[File:Slider Dialog 1.PNG|470px|center]]'''
* 6.) Anotar ahora en la [[Barra de Entrada]], la expresión ''' '' m x + b '' ''' reemplazando la última ingresada (en este ejemplo, ''' '' 3 x '' ''') para observar ahora qué sucede cuando se cambía la ''sintonía'' - y por lo tanto, el valor - para cada deslizador vinculado a esta expresión y a su gráfico.
+
{{Note|1= En la '''Caja de Diálogo''' del deslizador, en cada una de las pestañas, es posible además:
 +
*Establecer...
 +
**su disposición '''Horizontal''' o '''Vertical'''  y
 +
**el '''Ancho''' que presentará
 +
*Asignarle una '''Animación''' que afectará a todo lo que dependa del deslizador...
 +
** con una modalidad  ('''Oscilando''', '''Incrementando'''... ) y
 +
**'''Velocidad''' acorde a lo que se indique.
 +
}}
 +
*4. ) En la [[Vista Gráfica]], ajustar la posición del deslizador (y el color) de ser necesario y luego, mover el redondelito que opera como ''sintonizador'' para registrar los efectos que se operan.
 +
*5.) Llevar adelante las mismas maniobras para el deslizador ''' ''b'' ''' (eligiendo un color contrastante y diferente del que se eligió para ''' ''m'' ''').
 +
*6.) Anotar ahora en la [[Manual:Barra de Entrada|Barra de Entrada]], la expresión ''' '' m x + b '' ''' reemplazando la última ingresada (en este ejemplo, ''' '' 3 x '' ''') para observar ahora qué sucede cuando se cambia la ''sinfonía'' - y por lo tanto, el valor - para cada deslizador vinculado a esta expresión y a su gráfico.
 +
*7.) Marcar:
 +
**el [[Referencia:Herramientas_3D_a_libro#Sobre_la_Intersección|punto de intersección]] entre la lineal y el EjeY
 +
**el [[File:Tool Segment between Two Points.gif]] [[Herramienta de Segmento|segmento]] entre el origen de coordenadas y el punto de intersección recientemente creado con el mismo color que se le hubiera asignado a ''' ''b'' '''.
 +
**[[File:Mode point.png|link=Comentarios:Herramienta_de_Refleja_Objeto_por_Punto]] [[Comentarios:Herramienta_de_Refleja_Objeto_por_Punto|un punto]] sobre la gráfica lineal y emplear la [[File:Tool Slope.gif]] [[Herramienta de Pendiente]] para poner en evidencia el impacto del deslizador correspondiente.
 +
'''[[File:6 linear equation.PNG|center]]'''
 +
 
 
;
 
;
 +
{{Note|1= Anticipar lo que se supone sucedería si se le diera animación al deslizador correspondiente a:
 +
*''' ''m'' '''
 +
*''' ''b'' '''
 +
... y controlar, realizando la maniobra, si efectivamente se confirma tal presunción.}}
 +
{{OJo|1= La animación sobre un deslizador puede desactivarse simplemente seleccionándolo con un ''clic'' derecho para quitar el tilde en la opción correspondiente del [[Comentarios:Menú_Contextual|Menú Contextual]] que se despliega. Esta maniobra no es posible cuando se detiene momentáneamente la animación con el botón pertinente.}}
 
<strong>A tener en cuenta...</strong>
 
<strong>A tener en cuenta...</strong>
<ol>
+
{{OJo|1= El símbolo ^ se emplea para anteponer e indicar un exponente en GeoGebra. Por eso, para hacer ensayos con otros deslizadores - ''' ''n'' ''', ''' ''a'' ''', ''' ''b'' ''' y ''' ''c'' ''' por ejemplo - y otras funciones - ''' ''a x^n + b x + c'' ''' es necesario identificar:
{{hint|1= El símbolo ^ se emplea para anteponer e indicar un exponente en GeoGebra. Por eso, para hacer ensayos con otros deslizadores - ''' ''n'' ''', ''' ''a'' ''', ''' ''b'' ''' y ''' ''c'' ''' por ejemplo - y otras funciones - ''' ''a x^n + b x + c'' ''' es necesario identificar:
+
*dónde se encuentra el símbolo correspondiente a '''^'''
* dónde se encuentra el símbolo correspondiente a '''^'''
+
*en su defecto, ingresar, cuando se trate de un cuadrado o un cubo, el superíndice que ofrece la caja de símbolos básicas que se despliega pulsando la flecha a la derecha de la [[Manual:Barra de Entrada|Barra de Entrada]]
* en su defecto, ingresar, cuando se trate de un cuadrado o un cubo, el superíndice que ofree la caja de símbolos básicas que se despliega pulsando la flecha a la derecha de la [[Barra de Entrada]]
 
 
}}
 
}}
</li>  
+
<ol>
                 
+
</li>
[[Category:Tutoriales de Diseño]]
+
[[Category:Tutoriales Básicos]]

Revisión actual del 21:36 12 ago 2020

Plantilla:Tutoriales

Gráficos de Funciones a Deslizar Dinámicamente

GeoGebra permite trazar las gráficas de una variedad de funciones - como ilustra la figura - y de calcular las áreas bajo las curva.

Samplegraphpng1.png

Figura 1 - Gráficos creados con GeoGebra

En este tutorial, se va a indagar sobre el efecto de los parámetros de diversas funciones, empleando los deslizadores de GeoGebra para modificarlos y registrar correlatos en las representaciones gráfica.

Preparativos

En el Menú Apariencias, es preciso seleccionar la adecuada y:

Registro Gráfico en correlato con los Parámetros de la Expresión

En primer lugar, se indagará qué cambios se registran sobre la función "y = mx" - empezando por anotarla en la Barra de Entrada - y emplear los deslizadores para modificarla.

Paso a Paso

Para seguir este tutorial paso a paso, se puede abrir la Ventana de GeoGebra en el buscador.

Graficando Funciones

  1. Abrir GeoGebra para graficar y = 2x simplemente anotando y = 2x en la Barra de Entrada y pulsando Intro (ENTER en algunos teclados)
  2. Anotar las siguientes ecuaciones: y = 3x así como y = 4x y finalmente y = -8x pulsando la tecla Intro tras cada una de ellas.
  3. Se pueden ensayar otras ecuaciones de formulación y = m x dándole a m cualquier valor real.
  4. ¿Cómo impacta sobre el gráfico cada cambio en el valor de m ?

Usando Deslizadores

Para evitar tener que anotar una y otra vez el valor diferente que se quiera ensayar para el parámetro - m en este caso y el de que se tratara en general -, se puede emplear como sintonizador de control de valores un deslizador .

Un deslizador es la Mode slider.png representación visual de un número que en esta ocasión emplearemos no solo para m sino también para b. Lo que implica que se podrá explorar en gráfico de la función y = mx + b dándole a m y a b diferentes valores reales.

Se pueden registrar los efectos de estos pasos:

Slider Dialog 1.PNG
  • 3.) En la Caja de Diálogo , cambiar:
    • el nombre del deslizador por m,
    • el intervalo - en la pestaña correspondiente - para que se extienda entre un Mín - mínimo - de -10 y un Máx - máximo - de 10 .
    • si se lo desea, el incremento a, por ejemplo, 0.25 , manteniendo los demás valores sin modificaciones y dejando todo establecido al pulsar el botón Aplica para aceptarlos y salir.
Slider Dialog 1.PNG
Nota: En la Caja de Diálogo del deslizador, en cada una de las pestañas, es posible además:
  • Establecer...
    • su disposición Horizontal o Vertical y
    • el Ancho que presentará
  • Asignarle una Animación que afectará a todo lo que dependa del deslizador...
    • con una modalidad (Oscilando, Incrementando... ) y
    • Velocidad acorde a lo que se indique.
  • 4. ) En la Vista Gráfica, ajustar la posición del deslizador (y el color) de ser necesario y luego, mover el redondelito que opera como sintonizador para registrar los efectos que se operan.
  • 5.) Llevar adelante las mismas maniobras para el deslizador b (eligiendo un color contrastante y diferente del que se eligió para m ).
  • 6.) Anotar ahora en la Barra de Entrada, la expresión m x + b reemplazando la última ingresada (en este ejemplo, 3 x ) para observar ahora qué sucede cuando se cambia la sinfonía - y por lo tanto, el valor - para cada deslizador vinculado a esta expresión y a su gráfico.
  • 7.) Marcar:
    • el punto de intersección entre la lineal y el EjeY
    • el Tool Segment between Two Points.gif segmento entre el origen de coordenadas y el punto de intersección recientemente creado con el mismo color que se le hubiera asignado a b .
    • Mode point.png un punto sobre la gráfica lineal y emplear la Tool Slope.gif Herramienta de Pendiente para poner en evidencia el impacto del deslizador correspondiente.
  • 6 linear equation.PNG
    Nota: Anticipar lo que se supone sucedería si se le diera animación al deslizador correspondiente a:
    • m
    • b
    ... y controlar, realizando la maniobra, si efectivamente se confirma tal presunción.
    Bulbgraph.pngAtención: La animación sobre un deslizador puede desactivarse simplemente seleccionándolo con un clic derecho para quitar el tilde en la opción correspondiente del Menú Contextual que se despliega. Esta maniobra no es posible cuando se detiene momentáneamente la animación con el botón pertinente.

    A tener en cuenta...

    Bulbgraph.pngAtención: El símbolo ^ se emplea para anteponer e indicar un exponente en GeoGebra. Por eso, para hacer ensayos con otros deslizadores - n , a , b y c por ejemplo - y otras funciones - a x^n + b x + c es necesario identificar:
    • dónde se encuentra el símbolo correspondiente a ^
    • en su defecto, ingresar, cuando se trate de un cuadrado o un cubo, el superíndice que ofrece la caja de símbolos básicas que se despliega pulsando la flecha a la derecha de la Barra de Entrada
    © 2024 International GeoGebra Institute