LINUX USER Educacin: Squeak y Geografa

Los alumnos crean sus propias aplicaciones interactivas

DE VIAJE CON SQUEAK

Squeak es un entorno ideal para el desarrollo de actividades y aplicaciones educativas. Si bien es verdad que se utiliza de una forma muy distinta a otras aplicaciones, no resulta complicado acostumbrarse a su forma de uso. POR DANIEL SANCHO EHLERT
emos visto como Squeak es ideal para las clases de ciencias, pero supongamos que queremos preparar una actividad para que los alumnos aprendan datos bsicos sobre los pases de la Unin Europea. Podemos a hacer un proyecto en Squeak para ello? Podramos crear la aplicacin para que la usen los alumnos, pero personalmente prefiero que sean ellos los que la realicen. Estamos acostumbrados a que se presenten trabajos elaborados con ayuda de un procesador de textos, no deberamos extraarnos si utilizamos medios ms verstiles. Si el proyecto lo realizan los alumnos, tendrn que buscar la informacin, copiarla, repasar el contorno de cada pas, realizar un clculo sencillo y escribir un pequeo script para mostrar una pgina determinada de un libro. En vez de ser meros espectadores de la informacin, tendrn que trabajar con ella.

Definimos el trabajo
Queremos una aplicacin en la que aparezca un mapa de la Unin Europea y en la que se muestren datos bsicos sobre cada pas al pasar el ratn por encima del mismo. Tambin queremos que el alumno repase el concepto de densidad de poblacin, as que, en vez de mostrar el dato simplemente, nuestra aplicacin lo calcular a partir de la extensin y la poblacin de cada pas. Podremos comprobar que hay veces que el dato no coincide con el que se ve en la wikipedia. Seguramente el alumno se sorprenda con los resultados obtenidos, cul es el pas con mayor densidad de la UE?, y del mundo?

especfica para cada sistema operativo. Nosotros usaremos la imagen Atenex, que podemos encontrar en la web de Squeakpolis, por ser la ms adecuada para su uso en el aula. En esta misma direccin encontramos documentos que nos pueden introducir en el uso de Squeak. Cada trabajo, actividad, aplicacin hecha en Squeak recibe el nombre de proyecto, en el que usaremos distintos componentes, etoys, y escribiremos pequeos scripts, guiones, para conseguir el comportamiento deseado.

Empecemos
Al abrir Squeak lo primero que aconsejo hacer es pulsar Configuracin en la barra de men principal y cambiar a modo experto. Desde la misma barra abrimos el men Squeak y seleccionamos Guardar. De este modo el cambio queda guardado para la prxima vez que entremos en el entorno.

Los Proyectos de Squeak

En Squeak se llama imagen al archivo que contiene todo el entorno independiente del sistema operativo. Esta imagen funciona sobre una mquina virtual que es

80

Nmero 29

WWW.LINUX- MAGAZINE.ES

Educacin: Squeak y Geografa LINUX USER

La misma herraEn la parte inferior de la pantalla mienta permite vemos una pestaa con el nombre provimodificar imgesiones, en ella se encuentran objetos de nes directamente uso frecuente. Arrastramos la pestaa desde el halo gris hacia arriba para ver su contenido y oscuro volver a arrastramos un libro y lo soltamos en el pintar. Se abrir proyecto. A pesar de la apariencia pobre la herramienta, del mismo, nuestro trabajo tendr un bastante intuiaspecto final muy profesional. El libro es tiva. Para termiun objeto compuesto por otros ms sennar de dibujar cillos. Para acceder a los halos de un pulsaremos en el objeto que est dentro de otro, tendrebotn Salva de la mos que pulsar sucesivamente con el herramienta de botn derecho del ratn hasta llegar al dibujo. En nueshalo del objeto, o bien pulsando MAYUS tro caso hemos + ALT + CLIC. Por ejemplo, si dentro aadido un del libro colocamos una fotografa, para borde azul a la obtener su halo tendramos que pulsar imagen y hemos tres veces con el botn derecho del ratn borrado partes (la primera muestra los halos del libro, la Figura 1: Desde el halo rojo seleccionamos propiedades del texto para del dibujo. segunda muestra los halos de la pgina y controlar los atributos del mismo. Podemos la tercera la de la fotografa). mover los objeDe provisiones arrastramos un texto y Empezaremos creando un proyecto tos en el proyecto arrastrndolos con el lo soltamos dentro del libro, y escribimos nuevo. Para ello pulsamos sobre el icono ratn o bien pulsando sobre ellos con un los datos que nos interesan sobre cada que encontraremos en el panel superior. clic, moviendo el ratn y pulsando de pas. Podemos escribir todo el texto Si vamos pasando el ratn sobre los iconuevo para soltarlo. Para fijar el mapa lo junto y cambiarle el tipo de letra, tamao nos, podremos leer para qu sirve cada pulsaremos con el botn derecho del y otros atributos del texto usando los uno de ellos, ya que se muestra un globo ratn, veremos los halos, y pulsamos halos inferiores del texto. Para cambiar de ayuda. sobre el halo rojo para desplegar un otros atributos podemos seleccionar la Veremos cmo aparece una ventana men y marcaremos la casilla no arrasopcin propiedades de texto del men nueva, cambiaremos Sin nombre por trable. Si quisiramos mover el mapa del halo rojo (Figura 1) el nombre que queramos y pulsaremos tendramos que hacerlo con el halo En este texto principal no pondremos enter. Para entrar en nuestro proyecto marrn. los datos de poblacin, extensin y denbastar con pulsar encima de la ventana sidad de poblacin, nos interesar que El Libro de Squeak recin creada. sean objetos de texto independientes, ya Buscamos un mapa de la Unin EuroPara organizar la informacin usaremos que de esta forma podremos usarlos en pea; hemos utilizado uno de la Wikipeun libro. Un libro es un objeto estructuel clculo de la densidad de poblacin. Si dia, por tanto podemos garantizar que el rado en pginas, de forma que en cada queremos, podemos poner tantos objetos material utilizado es de libre uso. una de ellas A continuacin lo insertaremos. Baspodemos soltar tar con arrastrar el mapa desde el admidistintos objetos. nistrador de archivos y soltarlo en nuesTambin permite tro proyecto. Haremos lo mismo ms crear un protoadelante con las banderas y escudos de tipo de pgina cada pas. para que no tenTodos los objetos se utilizan de la gamos que repemisma forma: si pulsamos con el botn tir todo el trabajo derecho del ratn sobre ellos, aparecern con cada pgina sus halos, pequeos botones circulares que hagamos. que rodean el objeto. Si pasamos el ratn Para meter algo sobre los halos, un globo de ayuda nos en el libro basinformar de su funcin. Es recomendatar con arrasble arrastrar objetos de provisiones e ir trarlo y soltarlo probando los halos para ir acostumbrndentro, o bien dose a ellos. soltarlo dentro Squeak permite crear objetos nuevos arrastrndolo Figura 2: Objetos que intervienen en el clculo de la densidad de pobladibujndolos directamente, para ello con el halo cin. Podemos ver cmo va quedando nuestro guin a medida que cuenta con una herramienta de dibujo. negro. vamos siguiendo las instrucciones.

WWW.LINUX- MAGAZINE.ES

Nmero 29

81

LINUX USER Educacin: Squeak y Geografa

Figura 3: Con el halo rosa de la derecha podemos controlar el color de fondo y el del borde de los objetos. En este caso queremos hacerlo transparente y eliminar el borde.

de tipo texto como creamos conveniente, como nos resulte ms cmodo. Colocamos en el libro otro objeto de tipo texto, pulsamos con el botn derecho para mostrar sus halos y le damos el nombre de poblacin. Cambiamos el tipo de letra y el color (3). Con el halo verde de la esquina hacemos una copia, a la que le damos el nombre de extensin. Hacemos otra copia y la llamamos densidad. El halo verde es muy til para no tener que repetir el trabajo y para mantener un estilo comn. Situamos en el lugar adecuado los textos. Vemos que estos no se mueven como los dems objetos, eso es porque si pulsamos sobre ellos podemos editarlos, los moveremos arrastrndolos con el halo marrn, y si queremos incrustarlos dentro de otro objeto, lo haremos con el halo negro.

El Clculo de la Densidad de Poblacin

Para crear un guin tendremos que pulsar sobre el halo azul con un ojo, que abrir el visor. El visor nos permite ver muchas de las propiedades de un objeto y est organizado en categoras. El visor tiene una cabecera en la que vemos el

nombre del objeto, un panel para buscar propiedades y a continuacin uno o ms paneles, cada uno de una categora. Si pulsamos sobre el nombre de la categora podemos cambiarla. Abrimos el visor del texto que hemos llamado densidad, seleccionamos la categora guiones y arrastramos la frase guin vaco y la soltamos en la pantalla. Seleccionamos la categora bsico y vemos que existe una propiedad llamada valor numrico, arrastramos la flecha verde dentro del guin que hemos creado, con lo que estamos asignando un valor a densidad. De la categora bsico del visor de poblacin, arrastramos el valor numrico y lo soltamos encima del nmero que hay a la derecha de la flecha en el guin. OJO: no cogemos la flecha, arrastramos la frase de la izquierda, ya que no queremos modificar el valor de la poblacin, queremos usar su valor. Ahora pulsamos sobre el pequeo tringulo verde que hay a la derecha de poblacin valor numrico en nuestro guin. Esto permite realizar operaciones con este valor, veremos cmo aparece la suma y un uno. Pulsamos sobre la suma y seleccionamos la divisin sin decimales (//).

Abrimos el visor de extensin y soltamos la frase valor numrico encima del nmero que est a la derecha de //. En la figura 2 podemos ver cmo nos ir quedando el guin despus de cada paso. Lo que hemos hecho es asignar al valor numrico de densidad el valor de la poblacin dividido entre la extensin. Ahora vamos a indicar cundo queremos que se ejecute el guin, vamos a pulsar el icono en forma de reloj que se encuentra en la cabecera del guin, cambiar el color por malva y nos indica que est latiendo. Mantendremos pulsado el mismo icono hasta que se despliegue un men y seleccionamos, por ejemplo, el 1. Esto significa que el guin se ejecutar una vez cada segundo. Si cambiamos los datos de poblacin o extensin la densidad de poblacin se recalcular de forma automtica. Podemos ocultar el guin pulsando sobre el segundo icono de la cabecera del guin (O). Si queremos abrirlo de nuevo iremos a la categora guiones del visor del objeto y lo arrastramos y soltamos en la pantalla. Para disimular el libro vamos a hacer transparente tanto el libro como la pgina, pulsamos el halo rosa, panel de propiedades y tal como se ve en la figura 3, hacemos transparente el libro, le quitamos el borde arrastrando el ratn en el cuadro Ancho del Borde y pulsamos el botn aceptar para cerrar el panel. Del mismo modo hacemos transparente la pgina. Cuando mostramos los halos de los objetos aparece el nombre del mismo en la parte inferior, podemos comprobar si estamos accediendo a los halos del libro, de la pgina o de cualquier objeto que se encuentre en la pgina. Es el momento de guardar la pgina como prototipo de pgina nueva. Para ello pulsaremos sobre el punto que est en la cabecera del libro, se desplegar el men del libro y seleccionaremos la opcin guardar como prototipo de pgina nueva. Ya podemos crear las pginas de los dems pases. Para aadir una pgina pulsamos sobre el + de la cabecera del libro, si no vemos dicho botn pulsaremos sobre el botn de la derecha de la cabecera del libro para mostrar ms controles. Al crear una nueva pgina, sta ser idntica a la primera que guardamos como prototipo. Quiz convenga abrir su

82

Nmero 29

WWW.LINUX- MAGAZINE.ES

Educacin: Squeak y Geografa LINUX USER

visor y ver el nmero de pgina en la categora navegacin del libro, de esta forma no nos confundiremos. Al cambiar de pgina en un libro se escucha un efecto sonoro que podemos cambiar, aunque en este ejercicio nos conviene eliminarlo; del men del libro seleccionamos efecto sonoro para todas las pginas, y de la lista que aparece seleccionamos silencio. Cuando ya tengamos relleno el libro podemos ocultar los controles, pulsamos sobre el punto en el centro de la cabecera del libro y seleccionamos la opcin adecuada del men desplegable. Si necesitamos de nuevo los controles, seleccionamos del men del halo rojo la ltima opcin, libro, y del submen, la opcin mostrar controles de pgina. Creamos otro libro en el que insertaremos la bandera y el escudo de cada pas. Por qu dos libros? Pues porque de esta forma puedo situar las imgenes donde quiera, y no necesariamente junto con el texto. Lo primero que haremos ser hacer transparente tanto el libro como la primera pgina, y guardar la pgina en blanco como prototipo de pgina nueva. Vamos creando pginas y metiendo las banderas y escudos. Ya podemos colocar los dos libros en el lugar de la pantalla que queramos.

Mapa Sensible
Ahora vamos a hacer que cuando el ratn pase por encima de un pas se muestren las pginas de los libros correspondientes a dicho pas. Se puede realizar de muchas formas, pero lo haremos colocando encima del pas un polgono casi transparente y escribiremos un guin. Manos a la obra. Abrimos la pestaa de provisiones, arrastramos un polgono y lo colocamos encima de un pas, con el halo rosa abro el panel de propiedades y hago casi transparente el fondo del polgono. Cuidado, si lo hacemos transparente del todo no funcionar. A continuacin con el halo rojo abrimos el men y seleccionamos mostrar controles. Podemos arrastrar los crculos amarillos para cambiar la forma del polgono, o bien aadir puntos pulsando sobre los tringulos verdes; para quitar un punto amarillo lo haremos coincidir con otro crculo consecutivo. Una vez conseguida la forma deseada puedo ocultar los controles desde el

men del halo rojo. Ahora vamos a escribir el guin: abrimos el visor del polgono y desde la categora guiones arrastramos la frase guin vaco y la soltamos en la pantalla. Pulsamos sobre el nombre del guin y lo cambiamos por muestraMiPagina. Abrimos los visores de ambos libros, y de la categora navegacin del libro arrastramos la flecha verde de la propiedad nmero de pgina dentro del guin. Aqu la orden que estamos dando es que el libro muestre la pgina que queFigura 4: Superponemos polgonos sobre cada pas del ramos. Para saber qu pagina mapa y escribimos un guin que muestre la pgina corresponde a cada pas podemos adecuada del libro. cambiar el nmero directamente desde el visor si tenemos ocultos los conpiedades, y donde se indica Ancho de troles de los libros. Borde pulsamos o arrastramos el ratn Como queremos que este guin se ejehasta que el borde sea cero. Pulsamos cute cuando el ratn est encima del el botn aceptar para cerrar el panel. polgono, pulsaremos sobre el cuadro Guardar Nuestro Proyecto que pone normal en la cabecera del guin y seleccionaremos de la lista desUna vez terminado el proyecto lo guarplegable la opcin ratn Dentro. daremos pulsando sobre el icono para El guin nos quedara tal como se publicarlo que est en el panel supemuestra en la figura 4. rior. Aparecer una ventana en la que Como resulta muy fcil mover objese nos pedir informacin para docutos en Squeak, nos conviene incrustar mentar el proyecto, esta informacin los polgonos en el mapa, as, si muevo ser til en caso de publicar el proyecto ste, los polgonos lo acompaarn: en un repositorio de internet. Pulsamos Desde el men del halo rojo del mapa aceptar y en la siguiente pantalla selecprocuraremos tener marcada la opcin cionamos dnde queremos guardarlo. permitir incrustacin. Hay veces que Seleccionaremos la carpeta Squeak que no quedan adheridos los objetos que no tiene icono de globo terrqueo y soltamos encima, en estos casos se pulsamos guardar. puede incrustar soltando un objeto con No debemos confundir guardar un su halo negro. proyecto con guardar la imagen. Para Para hacer el siguiente polgono guardar la imagen pulsaremos sobre el podemos copiar con el halo verde el men desplegable Squeak del panel que ya tenemos hecho, de esta forma superior y seleccionaremos guardar. no necesitaremos escribir de nuevo el Tambin podemos guardar la imagen al guin, bastar con indicar en el guin salir del programa. del nuevo polgono el nmero de Para ms informacin pgina que se debe mostrar. Una vez duplicado el polgono para el Puedes descargar el proyecto terminado siguiente pas, lo colocamos en su lugar desde la pgina del autor [2]. Puede ser en el mapa. Le cambiamos la forma til para comprender mejor su funcionausando los controles y abrimos su miento. Tambin puedes plantear las I visor. De la categora guiones arrastradudas que te surjan. mos el guin que hemos llamado muesRECURSOS traMiPagina y lo soltamos en la pantalla para cambiar el nmero de pgina [1] Pgina de descarga de Squeakpolis: asociado al pas. http://squeak.educarex.es/ A medida que vayamos completando Squeakpolis/48 pases vamos ocultando los controles [2] Pgina del autor: http://www. de los polgonos y quitando el borde eueueueueu.eu Con el halo rosa abrimos el panel pro-

WWW.LINUX- MAGAZINE.ES

Nmero 29

83