Práctica 4: Actividades guiadas

En estas Actividades Guiadas se ofrece en detalle los pasos que se requiere para la consecución del Proyecto 4 .

Edición de una escena (Gescenas)	En primer lugar hay que modificar la primera escena de la página ejercicio4.htm.
Iniciar Gescenas	Para cambiar la configuración de una escena se debe iniciar Gescenas que se encuentra en la carpeta Descartes, en el menú Archivo se selecciona la opción Abrir para acceder al archivo que se busca.
Localizar y abrir la página que contiene la escena	En este caso hay que localizar el archivo ejercicio4.htm de la subcarpeta proyectos que está en la carpeta Curso_basico.
Mostrar solo las escenas	Se aconseja trabajar con la opción Ocultar HTML del menú Html, para que solo se vean y editen las escenas.
Llamar al editor de escenas	A continuación, para cambiar la configuración de la primera escena se realizará alguna de las siguientes acciones: Doble clic sobre la escena. Clic en el botón config que hay en la esquina superior derecha de la escena. Clic con el botón secundario sobre la escena y un clic con el botón principal sobre el botón config que aparece en una pequeña ventana.
Editor disponible	Al hacerlo se abre el editor que mostrará el panel Espacio.

Configuración del Espacio (colores) Escena 1	La herramienta colores aparece en numerosas ocasiones, es un pequeño editor que permite modificar el color con mucha facilidad.
Editor de colores color de fondo	En el panel Espacio se hace clic sobre el botón del color del *fondo* para elegir negro y se pulsa Aceptar. Para ver el cambio de la escena, sin cerrar la ventana de edición, se pulsa el botón Aplicar.
Color de red, red10, ejes y texto	La cuadrícula con color actual grisClaro resalta demasiado junto al fondo negro que se ha puesto, por ello conviene cambiar el color de la *red, se hace de forma similar al cambio del color de fondo* aunque, en este caso, además, hay que marcar el selector de red Después se hace clic sobre el botón del color y se selecciona grisObscuro. Después se repite la operación con la red10, se marca el selector y se cambia el color a gris. Lo mismo con los ejes (gris claro) y con el texto (blanco).
Guardar los cambios Guardar como	Siempre que se quieran guardar los cambios en el archivo del disco bastará usar la opción Guardar del menú Archivo. Pero si se quiere conservar el archivo inicial se puede guardar con un nombre diferente, en este caso solucion4.htm, con la opción Guardar como. Se escribe el Nombre del archivo y se pulsa Guardar. Al hacerlo el archivo del disco queda actualizado con los últimos cambios. Se recomienda guardar los cambios de vez en cuando para evitar que por algún fallo del ordenador se pierda el trabajo realizado. A partir de ahora, en esta práctica, bastará usar la opción Guardar para que se guarden los cambios que se vayan realizando en el archivo solución4.htm.

Configuración del Espacio
(números y ejes)

Escena 1

Se trata ahora de indicar que se desea escribir algunos valores de las coordenadas, números, sobre los ejes y también las etiquetas correspondientes a cada eje coordenado.

Se marcan los selectores de números, eje-x y eje-y.
Se escriben las etiquetas de los ejes: X en eje-x e Y en eje-Y

Escena 1 ejes

Configuración del Espacio
(botones)

Escena 1

Se ocultan los botones que no son necesarios: el botón config porque evitará que el alumno se distraiga usándolo y limpiar porque no es funcional aquí.

Para desactivar estos botones, cuando están marcados, basta posicionar el cursor sobre el selector correspondiente y hacer clic; desaparecen las marcas. Finalmente se pulsar aplicar para que se vean los cambios.

Escena 1 botones

Ventana emergente

Una vez que el botón config no es visible, para poder acceder a la configuración basta hacer doble clic sobre la escena.

También, haciendo clic con el botón secundario sobre la escena, aparece una ventana con los botones de la escena.

Configuración de los controles especiales (escala, Ox y Oy) Escena 1	En la primera escena se eliminan de la región norte los controles Ox y Oy que sirven para colocar los ejes de coordenadas. La eliminación de estos controles, en esta escena, no afectan la posición de los ejes puesto que, si no se asigna otro valor a estos controles, se coloca el origen de coordenadas en el centro de la escena. Sólo queda visible en la región norte el control Escala que adopta el nombre externo Ampliar/Reducir. En primer lugar hacer doble clic para ver la ventana de configuración (recordar que ya no es visible el botón config) y a continuación seleccionar el panel Controles. Los pasos para eliminar un control se muestran en la siguiente imagen.

	Se asignará la siguiente configuración al parámetro Escala en la primera escena.

	Si se pulsa el botón Aplicar los cambios quedarán reflejados en la escena, como se puede comprobar buscando los límites de la escala y observando su incremento.

Configuración de los controles numéricos Escena 1	Cuando se crea un control numérico se le asignan unos valores por defecto en aquellos parámetros que no pueden estar vacíos, pero lo más frecuente, es tener que modificarlos como se hace en las siguientes actividades. En las dos imágenes siguientes se muestran los pasos que hay que seguir para añadir un control numérico, así como los valores que asigna el editor.

	En la Escena 1, se asignará a la configuración del parámetro m los siguientes valores.

	Para crear el efecto de cambio en la inclinación de la recta hay que configurar Gráficos. Se define como control numérico la pendiente de la recta m y luego, en Gráficos, se emplea este control m en la ecuación de la recta: *y=mx** Se seleccionar el panel de configuración Gráficos. Se modifica la ecuación de la recta poniendo en su lugar y=m*x. Se establece el color rojo para la recta. La siguiente imagen refleja los pasos de esta configuración.

Configuración de los controles gráficos Escena 1	En la Escena 1 hay que hacer visible un control gráfico obligado a moverse sobre la recta de ecuación y=mx. Se activa el panel de Controles. Se añade (+) un control Gráfico*. Se asigna a ese control el nombre P. Las siguiente imagen refleja los pasos para hacer posible todo lo anterior.

	Luego se establecen los siguientes valores de configuración del control gráfico P: pos, color de contorno del control (blanco), tamaño, constricción y texto (el orden en que se haga no es relevante).

	Se observará que al agregar el control gráfico P, se agregan automáticamente, los controles numéricos P.x y P.y correspondientes a las coordenadas del punto donde se encuentre el control gráfico P. Como en esta escena no van a usarse estos controles P.x y P.y se pueden eliminar. Después hay que pulsar el botón Aceptar para que la escena adopte esos cambios. Se debe probar la funcionalidad del control gráfico P, haciendo clic sobre el punto y arrastrándolo.
Guardar los cambios	Para que lo cambios realizados con el editor sean permanentes, hay que Guardar la página con Gescenas, como se indicó al principio de estas actividades.

Configuración el Relleno

Escena 2

Para cambiar la configuración de la segunda escena, como ya se hizo en la primera, hay que llamar al editor, por ejemplo haciendo doble clic sobre la escena, una vez que se ha abierto la página correspondiente con Gescenas.

Para rellenar el interior del triángulo hay que buscar la herramienta que lo hace. Está en el panel de Gráficos, como todas las herramientas de representación, se denomina Relleno. Para activar esta orden se pulsa agregar (+) y, en la ventana agregar que se muestra, se selecciona el tipo de gráfico Relleno.

Como se quiere rellenar el interior del triángulo ABC hay que indicar las coordenadas de un punto que esté en el interior, que no pertenezca a los lados, y asignar el color de relleno.

La coordenadas del vértice B son (0,0), así que un punto del triángulo es, por ejemplo (0.1,0.1).

En la lista de elementos insertados hay que situar esta orden por encima de los arcos para que el relleno cubra todo el triángulo. Para conseguirlo, se selecciona la orden Relleno y se pulsa tres veces sucesivas el botón de desplazamiento hacia arriba, flecha azul, Pulsadores en el encabezado de la lista.

La representación de los objetos se hace siguiendo el orden que se muestra en la lista, por eso es importante organizarla de forma que se produzca el efecto deseado.

Relleno en la escena 2

Relleno en la escena 2 bis

Luego se establecen los siguientes valores de configuración del control gráfico P: pos, color de contorno del control (blanco), tamaño, constricción y texto (el orden en que se rellenen los datos no es relevante).

Hay que recordar la conveniencia de Aplicar los cambios para comprobar el resultado en la escena y Guardar la página cuando ese resultado sea correcto.

Configuración de P en la escena 1

Configurar los nombres de los vértices Escena 2	Se Selecciona el gráfico arco con el texto de vértice B en la lista de gráficos insertados en la escena y quitar el texto. Más adelante se insertará un punto próximo al vértice, a la izquierda, con texto B que lo reemplazará.

	Sucesivamente se seleccionan los otros dos arcos con vértices C y A respectivamente y se modifica el formato de la orden texto como indica la figura siguiente.

	Es el momento de añadir el punto a distancia fija del vértice B(0,0). Esto significa que si se cambia el zoom, la posición del punto B respecto del vértice en la posición (0,0) no cambia. Si esta distancia es 1 unidad en desplazamiento a la izquierda y el valor inicial del zoom (escala) es 15, bastará definir la posición del punto como (−15/escala,0). Se puede declarar una variable auxiliar s = −15/escala y definir el punto B en la posición (s,0).

	El tamaño del punto es 0 para que sólo salga representado el texto, que es lo único que interesa.

Configurar los segmentos

Escena 2

Se refiere al formato del texto asociado al segmento.

Los segmentos de esta escena son los lados del triángulo ABC.

En el panel de gráficos, se va seleccionando uno a uno los segmentos y en cada caso se configura la orden texto.

La imagen siguiente muestra el panel de configuración del texto, el mismo para los tres segmentos.

Configuración de segmento de la escena 2

Configurar el TEXTO gráfico

Escena 2

El texto contiene la expresión del teorema de Pitágoras referido al triángulo ABC

b² = a² + c²

^{Se
insertarán dos textos gráficos:}

b = a + c y ² ² ²

^{Estos textos se hacen visibles si
el valor del control t es 1 y
no es visible si t vale 0.}

^{Las
imágenes sucesivas muestran las configuraciones de los
paneles de Controles y Gráficos
que permiten obtener el resultado deseado.}

Configuración de textos escenas 2 (1)

Configuración de textos escenas 2 (2)

Configuración de textos escenas 2 (3)

Configuración de textos escenas 2 (4)

Añadir escenas

Escena 3

El menú Insertar de Gescenas permite:

Agregar escena que la colocará en el final de la página.
Insertar escena, sólo disponible si está selecciona alguna, y colocará la nueva por encima de la seleccionada.

Para añadir la tercera escena, se abre la página escena_ejemplo.html con Gescenas y se selecciona la escena pulsando el botón Botón seleccionar escena que está a la derecha. La escena quedará enmarcada en rojo. Se copia con la combinación de teclas control + c o bien desde el menú Editar. Ahora la escena también está en el Portapapeles.

Se abre en Gescenas la página solucion4.htm y, en el menú Insertar, se elige Agregar escena con la opción del portapapeles.

Otro procedimiento alternativo al descrito consiste en abrir en Gescenas primeramente el archivo solucion4.htm y después se elige Agregar escena con la opción del sistema, buscando ahora el archivo del sistema escena_ejemplo.html en la carpeta proyectos dentro de Curso_basico

Redimensionar la escena
	Para cambiar las dimensiones de una escena se pulsa en el botón código de la ventana de configuración:

	En la ventana que aparece se cambian los valores de width y height, y se pulsa en aplicar como muestra la siguiente imagen:

Guardar los cambios	Se cierra esta ventana y cuando se pulse Aceptar en la ventana de configuración de la escena se producirá el cambio de tamaño. No debe olvidarse Guardar la página desde Gescenas para que todos los cambios que se hayan realizado queden reflejados en el archivo de la página.

Cambiar el texto

Para cambiar el texto se aconseja usar el editor HTML, en nuestro caso FrontPage Express. Basta abrir el archivo solucion4.htm y escribir los títulos que se indican y el nombre en la parte inferior.

Después hay que Guardar los cambios.

Si se mantiene abiertos los dos editores (Gescenas y el editor HTML) hay que tener en cuenta la siguiente observación.

Uso de dos editores

Habitualmente se trabaja con dos editores para hacer cambios en la misma página, Gescenas para configurar las escenas y FrontPage, o el editor HTML que se esté usando, para modificar el texto.

En este caso, después de Guardar los cambios hechos con Gescenas, hay que Actualizar la página en FrontPage, para que vuelva a leer la versión del archivo que se ha guardado y no use la anterior, la que había antes de hacer los cambios.

Y viceversa, si se hacen cambios con el editor HTML y se Guardan en el disco, antes de hacer ningún cambio en Gescenas hay que Actualizar, porque Gescenas no solo abre las escenas sino toda la página.

Autores: Juan Madrigal Muga, Ángel Cabezudo Bueno, Enrique Martínez Arcos, Josep Mª Navarro Canut, Juan Simón Santamaría