Función cuadrática

La representación algebraica de la función y la consigna de la tarea que se propone, se mostrará por medio de un widget:

Para crear el widget hay que hacer clic en el siguiente icono de la barra de herramientas:

En la pantalla aparece un menú, donde se da clic en la opción nuevo widget.

EXPRESIONES ALGEBRAICAS

En el widget se presenta:

• El enunciado de la tarea.

• La representación algebraica de la función cuadrática correspondiente a la parábola a modificar (verde), que incluye una lista desplegable para cambiar el valor del parámetro \(c\)

• Un botón de verificación, que incluye un script para verificar si la tarea fue resuelta; si no está resuelta, solicita resolverla, si ya está resuelta presenta un nuevo ejercicio.

Al completar 5 ejercicios correctos da posibilidad de pasar a la siguiente actividad.

El formato del texto (tipo de letra, color, tamaño, alineación, etc.) se controla con comandos HTML, que se caracterizan por estar entre los signos < > (por ejemplo, <p style='font-size:14px;color: orange;'>).

El formato de las ecuaciones (exponentes, fracciones, etc.) se controla con comandos LATEX, que se caracterizan por estar entre signos $ $ (por ejemplo, $\Huge =a(x+b)^2+c$)

Los scripts se caracterizan por estar entre signos § § y utilizan comandos javascript.

A continuación se explican los componentes más importantes del widget, es decir la ecuación de la parábola a modificar (verde), con una lista desplegable para seleccionar el valor del parámetro c, y el script del botón ‘verificar'.

1. Para obtener la ecuación canónica de la parábola, con el exponente 2, se utiliza la siguiente sintaxis LATEX:

$\Huge y=a(x+b)^2+c$

La cual produce la siguiente presentación:

2. Se Va a remplazar el parámetro \(c\) por una lista desplegable de números, que corresponderán a la ordenada del vértice de la parábola. Así que reducimos la expresión algebraica a $\Huge y=a(x+b)^2+$ y añadimos el comando HTML <input type=number> que crea la lista desplegable.

El código $\Huge y=a(x+b)^2+$ <input type="number" min="-6" max="6"value=0> produce la siguiente presentación:

3. En la presentación del numeral 2 existe un inconveniente: si el número seleccionado en la lista desplegable es negativo, la ecuación final muestra:

Con el fin de evitar el doble signo +- en la ecuación, se crean dos expresiones: exp01 que incluye el signo + y exp02 que no incluye el signo +. Y se utiliza una programación especial html para que la primera aparezca cuando el número seleccionado en la lista desplegable es positivo, y la segunda aparezca cuando el número seleccionado sea negativo.

La expresión exp01 queda así: $\Huge y=a(x+b)^2+$.

La expresión exp02 queda así: $\Huge y=a(x+b)^2$

Es necesario usar comandos html para que ambas aparezcan en el mismo sitio, pero no al mismo tiempo.

La programación html para exp01 es la siguiente:

<span id="exp01"style='font-size:14px;color:green;'>$\Huge y=a(x+b)^2+$ </span>

Y para exp02 es:

<span id="exp02" style='font-size:14px;color:green;display:none'>$\Huge y=a(x+b)^2$</span>

el none es el encargado de mantener oculta la expresión dos y cuando sea necesario que aparezca la expresión dos y se oculte la expresión uno, estará programado más adelante.

La programación de la lista desplegable queda así:

LISTA DESPLEGABLE

BOTÓN VERIFICAR

Ahora vamos a explicar la programación del botón verificar, que debe:

1. Evaluar la respuesta del alumno. Si no es correcta, decírselo. Si es correcta, proponer un nuevo ejercicio.

2. Si el alumno ya ha completado cinco ejercicios correctos, remitirlo a la siguiente actividad.

Finalmente, en el widget se incluye la opción continuar que permanece oculta hasta que el estudiante realice 5 ejercicios correctos

<a id="enlace" style='font-size:24px;color:green;display:none' href=

>continuar</a>

El enlace se pega después de href= y antes que >Continuar