Gestor de escenas


El Gestor de escenas se invoca con DescartesWeb2.0.exe en Windows, DescartesWeb2.0.sh en Linux y DescartesWeb2.0.jar en cualquier sistema operativo. Es un programa que permite crear, abrir, y editar páginas web que contienen escenas de Descartes 2, Descartes 4 y Descartes Web 2.0. El término editar significa que se pueden agregar y eliminar escenas, así como modificarlas y guardar los cambios dentro del mismo Gestor. Además, el Gestor de escenas permite también editar el código de la página directamente sobre el texto html si se tiene conocimiento de ese lenguaje.

Instalación y arranque del Gestor de escenas Cortar, copiar y pegar escenas
Cómo usar el Gestor de escenas Deshacer y rehacer
Modificar páginas web y escenas Hacer cambios y guardarlos

 


Instalación y arranque del Gestor de escenas

Carpeta principal

Se recomienda usar C:\Descartes como carpeta principal. En ella se encuentran los archivos comunes a todos los materiales, como logotipos, imágenes, índices, si los hay, y, en particular, en ella vamos a suponer que está colocado el archivo:

aunque esto no es estrictamente necesario.

Para abrir el Gestor de escenas basta ejecutar el archivo correspondiente al sistema operativo que esté usando:

 


Cómo usar el Gestor de escenas

Al abrir el Gestor de escenas aparece la ventana inicial , con fondo verde y con una sencilla barra de menús con las opciones Archivo, Servidores, Items, Editar, Insertar y Html.

Para abrir, cerrar, crear y guardar nuevos archivos o páginas se usa el menú Archivo. Al abrir el Gestor de escenas, sólo queda activado (iluminado) este menú, y se pueden seleccionar las siguientes opciones:

 

Nuevo se debe usar para crear una nueva página. Cuando se crea una página es necesario guardarla en el disco dándole un nombre. Al seleccionar esta opción, saldrá la ventana Guardar html que le permite guardar la página con cualquier nombre y en cualquier directorio de su ordenador o red, si la hay. Sin embargo, se recomienda que se guarden todas las páginas html en subcarpetas de segundo nivel respecto a la carpeta principal. Por ejemplo si la carpeta principal es C:\Descartes, entonces las páginas html deberían guardarse en directorios como, por ejemplo: c:\Descartes\proyectos\funciones o c:\Descartes\3eso\coordenadas, etc...

Abrir sirve para abrir cualquier página html que esté accesible en el ordenador, generalmente en el disco duro. Si se selecciona esta opción, aparecerá la ventana, usual en Windows, Abrir html, que permite localizar la página deseada (unidad de disco, carpeta, archivo).

Cerrar sirve para cerrar la página sin salir del Gestor. Si en el momento de pulsar esta opción está abierta una página html en la cual hay cambios que aún no se han guardado, el Gestor de escenas pregunta si se desean guardar los cambios antes de cerrar.

Actualizar se usará para volver a leer en el disco el archivo que contiene la página que se está editando. Es imprescindible usar esta opción si se han hecho y guardado modificaciones en la misma página con otro editor, para que el programa trabaje con la página modificada. Si en el momento de pulsar esta opción hay cambios que aún no se han guardado, el Gestor de escenas pregunta si se desean guardar los cambios antes de actualizar; se recomienda usar la opción antes de hacer ningún cambio para evitar pérdida de información o después de hacer cambios que han resultado erróneos, para eliminarlos y volver a la sitcación inicial o más bien a la última en la que se había guardado el archivo.

Guardar almacena en el disco todos lo cambios realizados (texto y escenas) en la página que se está editando, en el mismo archivo que se creó o abrió.

Guardar como sirve también para almacenar la página que se está editando, pero se usa para hacerlo en otro archivo, con otro nombre y/o en otro sitio, se recomienda hacerlo siempre dos niveles por debajo de la carpeta principal. Para situaciones especiales, consultar el Apéndice I. Nota sobre el código base.

Exportar a png sirve para guardar una imagen en formato png de la (primera) escena que se está editando en el gestor. Por supuesto esta imagen no tendrá la funcionalidad de la escena, pero se verá exactamente igual a ella, por lo que puede servir para hacer documentaciones de las unidades didácticas o para crear presentaciones estáticas de contenidos.

Exportar a jpg sirve para guardar una imagen en formato jpg de la (primera) escena que se está editando en el gestor. Igual que en la opción anterior, la imagen no tendrá la funcionalidad de la escena, pero se verá igual que ella..

Salir se usará para cerrar la aplicación. También en esta opción, como en Cerrar, se pregunta si se desean guardar los cambios, en el caso de que se hayan hecho y no se hayan guardado aún.

Cuando se encuentra una página html abierta en el Gestor, también se activarán las siguientes opciones Cerrar, Guardar y Guardar como en el menú Archivo:

 

Menú : Servidores

Descartes Web 2.0 permite publicar y leer archivos html en servidores especializados.

Abrir Escena de un Servidor

Responde con una serie de ventanas de diálogo en las que hay que escoger (de una lista) el servidor al que se va a acceder, el usuario, el proyecto y el archivo html. El gestor de escenas abre ese archivo, muestra la o las escenas que vienen incluídas y permite editarlas. Tal archivo puede volverse a publicar en el servidor bajo el mismo usuario o bajo otro, siempre y cuando se proporcione la contraseña, que deberá propocionársela al usuario el proveedor del servicio.

Abrir URL

Responde preguntando por una dirección URL en donde se supone encontrará un archivo html con escenas para editar.

Publicar Escena en un servidor

Responde con una serie de ventanas de diálogo en las que hay que escoger (de una lista) el servidor al que se va a acceder, el usuario, proporcionar una contraseña, elegir un proyecto o definir uno nuevo y elegir un archivo html para sobreescribirlo o definir uno nuevo.

Menú: Items

Descargar Item de un servidor

Responde con una ventanas de diálogo en la que hay que escoger (de una lista) el servidor de ítems al que se va a acceder, luego se abre una ventana de diálogo en donde se pueden buscar ítems y seleccionar uno y definir una carpeta en donde descargarlo.

Una vez descargado el item aparece listo para editarse como una escena cualquiera de DescartesWeb2.0.

Publicar Item en un servidor

Abre una ventana de diálogo en la que hay que dar la clave de usuario y contraseña, así como los metadatos del ítem. Una vez llenado hay que pulsar Enviar para publicar el ítem.

Publicar nuevo Item en un servidor

Hace lo mismo que el anterior excepto que en este caso nunca sobreescribe un ítem sino que siempre crea uno nuevo en el servidor.


Modificar páginas web y escenas

Al abrir una página con escenas, aparecen todas, una tras otra. Hay dos opciones de presentación que quedan determinadas por el menú Html. Las opciones son Ocultar HTML y Mostrar HTML. Por defecto la opción activa es la de Ocultar HTML.

 

Si se activa la opción Mostrar HTML, entonces el programa mostrará intercalado entre las escenas el código html que hay entre una escena y otra. De esta manera todo el contenido de la página está a la vista: las escenas aparecen en su forma gráfica, completamente activas, mientras que el resto del código html aparece en formato de texto, como se ilustra en la siguiente imagen.

Las escenas que aparecen son editables, es decir, haciendo un doble clic sobre ella puede abrirse el editor de configuración de la escena, o pulsando el botón config ya sea sobre la escena (si tal botón aparece en ella), o sobre la ventana exterior (que aparece tras un clic derecho sobre cualquier sitio de la escena). Los cambios que se hagan a la configuración y que se hayan aplicado, pasarán a formar parte de la página y por tanto se guardarán cuando ésta se guarde en el disco.

Cuando se crea una página nueva aparece vacía con la estructura elemental de una página web: con los códigos de apertura, a modo de paréntesis de abrir, <html>, <head> y <body>, y sus respectivos cierres, así como con los respectivos paréntesis de cerrar en orden inverso: </body>, </head> y</html>. También aparece el título de la página (<title>TITULO</title>) y un solo párrafo vacío alineado a la izquierda (<p> y </p>).

Sin necesidad de profundizar en el lenguaje html puede observarse que los códigos que utiliza este lenguaje son de texto (caracteres legibles), que las secciones que lo forman están parentizadas, y que los códigos de estos paréntesis tienen la forma <nombre> y </nombre>. No es necesario usar esto para trabajar con Descartes, sin embargo, puede ayudar a comprender lo que ocurre en algunas ocasiones.

La siguiente imagen muestra el código HTML de una página nueva sin escenas creada por el Gestor. Recuerde que el código HTML sólo puede verse cuando está activada la opción Mostrar HTML.

 

Para agregar o insertar escenas en la página web, hay que utilizar el menú Insertar.

Se pueden agregar o insertar escenas nuevas de Descartes2 y de Descartes3, también se pueden agregar e insertar escenas del sistema, es decir, escenas que han sido previamente guardadas en un archivo y finalmente se pueden agregar o insertar escenas que previamente han sido copiadas al portapapeles (ver copiar y pegar escenas ).

Agregar pone la nueva escena después de todas las que hay en la página.

Insertar pone la escena antes de la que esté seleccionada.

Para seleccionar una escena hay que hacer clic sobre el botón negro marcado con una S que aparece a la derecha de cada escena.

Para insertar escenas en el modo de Mostrar HTML hay que colocar el cursor en el punto del código html donde se quiere hacer la inserción. Al hacer esto, se activarán también las opciones de Insertar párrafo e Insertar párrafo con escena en el menú Insertar:

Insertar escena sirve para insertar una escena dentro de en un párrafo o tabla ya existente. Si se escoge esta opción, el cursor se tendrá que colocar dentro del párrafo (o la tabla) en el cual se pretende insertar, o sea colocándolo en algún sitio entre <p> y </p> (o en algún elemento de la tabla)

Insertar párrafo con escena: esta opción insertará en el lugar donde está el cursor una nueva escena dentro de un nuevo párrafo con alineación centrada; por tanto, conviene colocar el cursor en el texto del código html pero fuera de un párrafo (entre un </p> y el siguiente <p>).

Las escenas nuevas aparecen en forma gráfica como escenas vacías con red cartesiana, y son totalmente operativas. Por tanto pueden editarse como de costumbre, dando un doble clic o un clic derecho con el cursor colocado sobre la escena para abrir la ventana de edición o de configuración.

Otra forma de abrir la ventana de edición o de configuración basta con con darle una clic al botón "E" que aparece en la pantalla del lado superior derecho.

(Actualizar Pantalla)

Insertar párrafo sirve para insertar un nuevo párrafo en el sitio donde se ubica el cursor. Esta operación simplemente agrega el código html de apertura y cierre de un párrafo (<p> y </p>), y se podría incluso hacer manualmente. Por defecto los párrafos quedan alineados a la izquierda.

 


Cortar, copiar y pegar escenas

A la derecha de cada escena, se encuentra un botón negro con una S, al pulsarlo quedará seleccionada la escena y se dibujará a su alrededor un marco rojo.

En el menú Editar se activarán las siguientes opciones:

Estas mismas operaciones pueden realizarse con las combinaciones de teclas acostumbradas: Ctrl-X para cortarla, Ctrl-C para copiarla, Crtl-V para pegarla y Supr (o Del) para suprimirla.

Nota: Como ya se ha indicado, la escena más recientemente copiada o cortada permanece en el portapapeles y se puede insertar en la página mediante las opciones de Insertar escena e Insertar párrafo con escena (menú Editar, opción Insertar escena) y eligiendo la sub-opción del portapapeles.

Sin embargo, para cortar, copiar, pegar o eliminar un trozo del código html, se trabaja directamente sobre el texto usando las combinaciones de teclas Ctrl-X, Ctrl-C, Crtl-V y Supr (o Del); no es posible hacerlo usando el menú.

 


Deshacer y rehacer

Si se pulsa la opción de deshacer en el menú Editar, se anulará el último cambio que se efectuó en la página. Se puede deshacer repetidamente hasta llegar a la situación inicial cuando se abrió o creó la página.

Si se pulsa rehacer, se revoca el último deshacer (o sea, vuelve a efectuar la acción deshecha). También se puede rehacer repetidamente hasta llegar a la última versión de la página, es decir la que se estaba mostrando cuando se comenzó a pulsar deshacer.

 


Hacer cambios y guardarlos

Todas las escenas desplegadas por el Gestor son totalmente operativas y pueden editarse, dando un doble clic o clic derecho con el cursor colocado sobre la escena para abrir su ventana de edición. Además, si durante la edición se cambia el tamaño de una escena, la página se refresca automáticamente y la escena aparece con su nuevo tamaño.

El resto del código html puede editarse manualmente en formato de texto. Por tanto, es posible escribir todo el contenido de la página que se está creando, incluso el texto, dentro del Gestor. Sin embargo, para hacer mejoras de estilo del texto, es recomendable usar cualquier editor de html.

Cuando se guarda una página editada en el Gestor (menú Archivos, opción Guardar), se guardan todos los cambios realizados en el código html y en todas las escenas.


Apéndice I. Nota sobre el código base (codebase)

El código base de un applet

La ubicación de las páginas html dentro de la jerarquía de carpetas de su ordenador es muy importante para que se vena las escenas, ya que cada escena de Descartes es un applet de Java que, para poder exhibirse necesita acceder al archivo (nippe) que interpreta el código que define esa escena, por lo que debe saber dónde encontrarlo. Hay dos archivos que pueden interpretar el código: Descartes.jar y Descartes4.jar, a cada uno de estos intérpretes se le llama nippe (nucleo interactivo para programas educativos).

El código de cada escena comienza indicando cómo se llama ese intérprete y dónde encontrarlo, por ejemplo:

<applet name="Coordenadas enteras"
code="Descartes.class"
codebase="../../"
archive="Descartes4.jar"

donde archive="Descartes.jar" indica a Java el nombre del nippe que debe utilizar y codebase="../../" le indica en qué lugar se encuentra ese archivo. En la estructura de árbol que tienen las carpetas en el disco duro el código "../" significa la carpeta del nivel anterior (carpeta madre), es una dirección relativa a la posición desde la que se usa, por ello "../../" significa que debe buscar el archivo Descartes.jar dos niveles por encima de donde está esa página (habitualmente en Descartes se usa esta dirección).

El código base y los archivos DescartesLib.jar y descinst.jar

Al insertar por primera vez en una página html una escena de un programa específico o al abrir una página html que contenga escenas (por ejemplo de Descartes 2), el Gestor de escenas busca el archivo del correspondiente al código del nippe (DescartesLib.jar) en la carpeta de instalación de la versión activa de Java, en la sub-carpeta lib/ext. Las classes de Java instaladas en dicha carpeta pasan a ser parte de las librerías de Java en el ordenador del usuario y no es necesario especificar un código base (codebase) para que la máquina virtul de Java las encuentre. Por esta razón una escena de DescartesWeb2.0 no necesita especificar cual es ni dónde dónde se encuentra su librería (el archivo DescartesLib.jar que contiene su código). Por tal motivo, se aprovecha a poner como librería un pequeño archivo llamado descinst.jar que se recomienda poner al lado de las aplicaciones (en la misma carpeta) y que sirve para informarle al usuario que aún no tiene instalado DescartesWeb2.0, que debe hacer la instalación y le proporciona un botón con un vínculo a la página oficial de instalación de descartesWeb2.0. De todas formas, si la aplicación no encuentra su propio sitio descinst.jar y lo necesita, lo va a buscar al sitio oficial: http://recursostic.educacion.es/descartes/web/DescartesWeb2.0/.

Cuando en el ordenador del usuario no está instalado DescartesWeb2.0 y el navegador encuentra un applet de Descartes o DescartesWeb2.0, éste aparece así:

Al pulsar el botón de este applet el navegador abrirá la página oficial de instalación.

 


Autores: José Luis Abreu León y Tine Stalmans
con la colaboración de Norma Apodaca, Lilia Morales, Deyanira Monroy y Mariana Villada