Instrumentos musicales - Instituto Nacional de Tecnologías ...

MINISTERIODE EDUCACIÓNY CIENCIASECRETARÍA GENERALDE EDUCACIÓNDIRECCIÓN GENERALDE EDUCACIÓN,FORMACIÓN PROFESIONALE INNOVACIÓN EDUCATIVACENTRO NACIONALDE INFORMACIÓN YCOMUNICACIÓN EDUCATIVANEOBOOK. Aplicaciones MultimediaInstrumentos musicalesC/ TORRELAGUNA, 5828027 - MADRID

MINISTERIODE EDUCACIÓNY CIENCIASECRETARÍA GENERALDE EDUCACIÓNDIRECCIÓN GENERALDE EDUCACIÓN,FORMACIÓN PROFESIONALE INNOVACIÓN EDUCATIVACENTRO NACIONALDE INFORMACIÓN YCOMUNICACIÓN EDUCATIVAÍNDICE• Introducción • Instrumentos musicales• Recorrido • Herramientas asociadas• Aplicación “La casa” • Funciones avanzadas• Aplicación “Mapas” • Utilidades• VariablesNeoBook es un programa que sirve para realizar publicaciones electrónicas, es decir, sirvepara crear y distribuir materiales para su lectura y utilización posterior en un ordenador. Laspublicaciones electrónicas pueden aprovechar la capacidad multimedia de los ordenadores paraincluir animaciones, imágenes, vídeo y sonido. Es una de las herramientas de autor de mayordifusión en el mercado educativo. Puede crearse desde una simple presentación a publicacionesque enlacen con otros materiales, o incluso a otros programas.Se puede realizar desde algo tan sencillo que sólo sirva para ser visto o leído por el receptor,hasta publicaciones más complicadas que permitan la interrelación del lector, introduciendo datos,mostrando resultados, etc.Instrumentos musicalesPresentaciónPágina menúMultimediaUso de variablesContadorC/ TORRELAGUNA, 5828027 - MADRID

Instrumentos musicalesPresentaciónLa aplicación que vamos a realizar se llamará instrumentos (instrumentos.pub, cuando la guardes) y todos losficheros que usaremos se encuentran en la carpeta llamada instrumentos del CD. Recuerda que debemos pasar estacarpeta a nuestro disco duro para que usemos directamente los archivos de vídeo, sonido y texto que contiene estacarpeta. También en ella guardaremos la aplicación sobre instrumentos musicales que realizaremos. (No copies estacarpeta al escritorio sino a la carpeta raíz del disco duro C:).La ejecución de la aplicación que vamos a crear debe ser como la que sigue. Si por razones de tu navegador no seejecuta al pulsar en el enlace de abajo, localiza el fichero instrumentos.exe situado en la carpeta instrumentos de tudisco duro y ejecuta el fichero con doble clic del ratón en él..Los vídeos de esta publicación están comprimidos con DivX. Si no losves en tu ordenador, en el CD-ROM del curso está la carpeta. La abres einstalas el programaTodos los ficheros que se usan en esta aplicación están localizados en la carpetade tu disco duro.(Recuerda que los vídeos están comprimidos con DivX y deberás instalarlo si no lo tienes en tu ordenador).Cuando entramos en la aplicación observamos que aparecen cinco botones que nos llevan a páginas de cincoinstrumentos musicales:También observamos un botón con el texto Continuar:Este botón está inactivo inicialmente y pasará a ser activo cuando hayamos accedido a cada uno de los cincoinstrumentos propuestos, en cuyo caso nos permitirá acceder a una página nueva llamada evaluar.Vamos a realizar esta aplicación con Neobook paso a paso.1

Introducción de texto y botones de acciónPrimeramente vamos a crear un aplicación nueva a 800x600 y 16 millones de colores. A continuación iremos a Libro >Propiedades del Libro y en la sección Ventana seleccionaremos la opción Ventana a pantalla completa. Seguidamentevamos a modificar el nombre a la primera página. Observaremos que en cada nueva aplicación aparecen las páginasPagina Maestra y Nueva Página.La página maestra no la vamos a tocar pero a la página llamada Nueva Página le vamos a cambiar el nombre pormenú. Para ello, pulsamos en Página > Propiedades de la Página...Aparece un cuadro de diálogo en el que modificaremos el nombre de la página y la llamaremos menú:Pulsamos en Aceptar y ya tenemos la página con el nuevo nombre.A continuación pondremos el texto que aparece en la página menú:Para ello pulsamos en la herramienta texto , hacemos un rectangulo en pantalla con el tamaño que queramos deltexto y al soltar el ratón nos aparece un cuadro de diálogo que nos permite introducir texto:2

Pondremos el texto "Instrumentos musicales", y seleccionándolo, podremos cambiar las propiedades del texto(tipografía, tamaño, negrita, cursiva, subrayado, etc.).Hacemos este mismo proceso con el otro texto ("En esta aplicación vas a trabajar...").Una vez escritos los textos, podemos modificar sus propiedades fácilmente si pulsamos con el puntero sobre el textoque queremos modificar y teniendo extendida la barra flotante de herramientas seleccionamos Color de tipografía oTipografía.Si quisieramos cambiar el contenido del texto, podemos hacerlo pulsando con el botón derecho del ratón sobre elmismo.A continuación, vamos a insertar los botones de acción que necesitamos:3

Para ello, debemos seleccionar el botón comando de la barra flotante de herramientas. Con el ratón arrastramospara hacer un recuadro que englobe lo que será el botón que estamos realizando. Al soltar el ratón observaremos queaparece un cuadro de diálogo como el siguiente:Vamos a realizar el botón que nos lleve al instrumento musical almirez. En ese cuadro no pondremos texto al botón yaque vamos a utilizar una imagen que ya tiene texto. También le pondremos nombre al botón (botonalmirez en estecaso) y dejaremos marcados Visible y Habilitado del Estado inicial del botón.Seguidamente pulsamos en Apariencia, situado a la izquierda del cuadro de diálogo, el cual cambiará como sigue:En este cuadro de diálogo debemos seleccionar las características físicas que tendrá nuestro botón. En este caso,vamos a elegir una imagen en forma de botón (este tipo de imágenes se pueden hacer con programas de retoque deimágenes como Photoshop, Paint Shop Pro, Gimp, etc.) que está situada en la carpeta instrumentos que hemos pasadoa nuestro disco duro. Para ello, debemos seleccionar la opción Usar imágenes individuales y a continuación seleccionarla imagen sin presionar y la imagen realzado, es decir, qué forma tendrá el botón antes de pulsar sobre él y quéforma tendrá cuando se está encima de él.Al seleccionar aparece un cuadro de diálogo que nos permite localizar la imagen que queremos utilizar como botón(en C:\instrumentos) e incluso nos permite seleccionar el color que queremos que sea transparente (esto esinteresante cuando ponemos un fondo a la página).4

A modo de ejemplo, el botón que aparece a continuación tiene parecidas características físicas que el que crearemoscon Neobook (pasa el ratón por encima de este botón y lo comprobarás):Debemos repetir el proceso de crear los cinco botones, uno para cada instrumento musical: almirez, botella, badil,caldero y castañuelas (sus imágenes de botones se encuentran en la carpeta C:\instrumentos).El botón continuar lo diseñamos igual que los anteriores teniendo en cuenta que el fichero de imagen de este botón sellama continuar.gif y que su estado incial debe ser deshabilitado.En otro capítulo asignaremos instrucciones o comandos de acción a dichos botones.5

Introducción de elementos multimediaAparte de la Página Maestra tenemos una página llamada menú. En dicha página están los cinco botones que hemoscreado anteriormente y nos deben llevar a cinco páginas diferentes, una por cada instrumento musical, de forma quenecesariamente debemos crear esas páginas.El proceso para crear una nueva página es el siguiente:- Nos situamos en la página menú.- Pulsamos en el icono de Nueva página , o bien pulsamos en Página > Añadir Página...- Aparece un cuadro de diálogo como el siguiente:- Donde nos indica el número de páginas a añadir pondremos 5 (una por cada instrumento). Seleccionamos que noscree las cinco páginas después de la página menú. Neobook además nos permite que cada página comience por lapalabra que queramos, en este caso pondremos almirez y observaremos que aparecen cinco páginas nuevas llamadasalmirez, almirez1, almirez2, almirez3 y almirez4.- El siguiente paso es cambiar el nombre a las páginas almirez1, almirez2, almirez3 y almirez4 por badil, botella,caldero y castañuelas respectivamente.De esta forma ya tenemos las cinco páginas de los cinco instrumentos musicales.Vamos ahora a llenar de contenidos la página, por ejemplo, caldero. Para ello nos situamos en dicha página.Creamos un texto con la herramienta texto de la barra flotante de herramientas que ponga literalmente Caldero.6

Después de aplicarle las características que queramos (tipo de letra, tamaño, etc.) situaremos este texto en el lugar dela página que queramos, siempre teniendo en cuenta que debemos dejar espacio para el dibujo del caldero, para losbotones de vídeo y sonido y para el texto descriptivo de este instrumento musical.Seguidamente pondremos la imagen del caldero, que se encuentra en la carpeta c:\instrumentos de tu disco duro yque se llama caldero3.jpg. Para ello, pulsaremos en la herramienta imagen de la barra flotante de herramientas yharemos un rectángulo que englobará la imagen del caldero, al soltar el ratón aparece un cuadro de diálogo que nospermitirá seleccionar la carpeta donde se encuentra la imagen y el fichero de la imagen.Pulsamos en Abrir y ya tenemos la imagen en nuestra página. Recuerda que con el puntero podemos mover la imagena la posición que queramos y que con el botón derecho del ratón sobre la imagen nos aparecen las características de laimagen para modificar dimensiones, color transparente, etc. Selecciona las opciones Reducir imagen para ajustar aventana y Mantener proporción de aspecto.El siguiente paso es poner un artículo sobre este instrumento musical, en este caso el artículo está en formato rtf(formato de texto que puede crearse o transformarse con programas procesadores de textos muy utilizados, como sonOpenOffice Writer, Microsoft Word, etc.). Este artículo lo insertaremos utilizando la herramienta Archivo deArtículo/Texto de la barra flotante de herramientas y haciendo un rectángulo con el ratón en la página, el cuálenglobará el artículo que vamos a insertar.Observaremos que al soltar el ratón aparece un cuadro de diálogo:7

Como el artículo que vamos a insertar está en formato rtf, debemos seleccionar la opción Abrir un documento existentey pulsar en Aceptar, de forma que nos aparece lo siguiente:Debemos buscar nuestra carpeta C:\instrumentos y dentro de ella el texto Caldero, pulsamos en Abrir yobservaremos que nuestro artículo sobre el instrumento musical caldero aparece en pantalla:Si quisieramos editar el contenido de este artículo debemos pulsar con el botón derecho del ratón sobre él y se abriráun cuadro de diálogo con las propiedades del artículo, de forma que si pulsamos sobre el icono señalado con la flechase abrirá un editor de texto que nos permite modificar el contenido del artículo.En cambio, si queremos cambiar tamaño de letra, colores de letra, etc. debemos seleccionar las opciones de texto de labarra flotante de herramientas (en formato extendido):Por último vamos a crear los botones de acción. Primero crearemos un botón de acción que reproduce un archivo desonido del instrumento caldero:8

Creamos el botón pulsando en el icono correspondiente de la barra flotante de herramientas , y trazando unrectángulo sobre la superficie deseada, al soltar nos aparece el cuadro de diálogo de Propiedades del Botón deComando:En la opción de Sugerencia podemos poner un texto que aparecerá unos segundos cuando el usuario de nuestraaplicación pase por encima del botón que estamos diseñando. En el campo Texto no pondremos nada porqueutilizaremos una imagen que tenemos almacenada en nuestra carpeta.Seleccionamos Apariencia y aparece el cuadro siguiente:Seleccionamos la imagen del botón, que en este caso será el archivo botonnota.jpg situado en la carpetaC:\instrumentos, y ponemos a cero el ancho del bisel para que no aparezca bordeada nuestra imagen del botón.Seguidamente seleccionamos la sección Acciones que nos abre un nuevo cuadro en el que elegiremos el comando quese ejecutará cuando pulsemos con el ratón:Pulsamos en Seleccionar Acción y aparecen todos los comandos de acción agrupados por categorías de funciones deacción; en este caso vamos a el grupo de acciones Multimedia:9

Veremos que se despliegan a la derecha todas las acciones del grupo Multimedia y entre ella elegimos, con el ratón, lainstrucción reproducir archivo de sonido (PlaySoundFile) y seleccionamos el archivo de sonido caldero.wav de nuestracarpeta instrumentos:Pulsamos en Abrir, Aceptar y Aceptar y ya tenemos nuestro botón asociado a la acción de reproducir el sonido delcaldero (enciende los altavoces de tu equipo si quieres probar).Este proceso lo realizamos igual para el botón de reproducir un vídeo, teniendo en cuenta que:1. El icono del botón de vídeo se llama botonplay.jpg.2. El comando que debemos utilizar es Reproducir archivo de vídeo (PlayvídeoFile) y también está en el grupoMultimedia.3. El archivo de vídeo se llama caldero2.avi.Finalmente nos falta poner un botón que nos lleve a la página menú. El proceso es igual que para los botonesanteriores salvo que:• El icono del botón de volver a la página menú es el archivo botonvacio.gif que no contiene el texto volver,de forma que debemos escribir el texto volver e indicar que el texto irá encima de la imagen.10

• La acción de ir a la página menú se encuentra en el grupo Navegación y se llama Ir a la Página (GotoPage),de forma que al seleccionar esta acción se abre un cuadro de diálogo donde podemos seleccionar la página ala que nos enviará la ejecución de esta acción. Pulsando en la flecha de la derecha se despliegan todos losnombres de las páginas de nuestra aplicación, debemos seleccionar, evidentemente, la página menú:Recuerda ir guardando la aplicación pub con el nombre instrumentos (instrumentos.pub) en tu carpetaC:\instrumentos.Hemos desarrollado la página caldero, ahora necesitamos hacer lo mismo con las otras cuatro páginas de los restantesinstrumentos musicales. A cada página le pondremos título, su artículo e imagen correspondientes y los botones dereproducir sonido y vídeo de sus propios instrumentos musicales.La opciones cortar, copiar, pegar y seleccionar todo no solamente seleccionan elobjeto u objetos que queramos, sino que también sus propiedades y acciones. Porejemplo, si seleccionamos y copiamos el botón de volver al menú, podremos irpágina por página pegando este botón y observaremos que se coloca exactamente enel mismo lugar que se encontraba en la página donde lo hemos copiado, y queademás la acción que lleva es la misma (volver a la página menú). A los objetospegados podemos cambiarles sus propiedades (fichero de imagen, comando deacción, fichero de sonido, vídeo, etc.) pulsando con el botón derecho del ratón sobreél.11

Uso de variablesYa tenemos la página menú y las cinco páginas de los cinco instrumentos. Vamos a crear una nueva página que nospermita hacer una actividad de evaluación con los alumnos y la llamaremos evaluar. Desde la página menú tendremosun acceso a esta página a través del botón que ya habíamos colocado anteriormente:Recuerda que habíamos seleccionado que el Estado Inicial de este botón fuera no habilitado ya que nos interesa queel usuario haya accedido anteriormente a cada uno de las páginas de los instrumentos antes de habilitar este botón(mediante el uso de variables aprenderemos a hacer esto).Nos situamos inicialmente en la última página del último instrumento que hayamos creado (en mi caso sería la páginacastañuelas) y creamos la página evaluar mediante el icono Nueva Página. Recuerda cambiarle el nombre.Ya podemos ir a la página menú y asignar una acción al botón continuar. La acción será Ir a la Página evaluar.Volvemos de nuevo a la página evaluar.Ponemos el texto del título de la página con la herramienta Texto, que podría ser el siguiente:Colocaremos las imágenes de los cinco instrumentos mediante la herramienta Cuadro/Archivo gráfico . Los ficherosde estas imágenes están en la carpeta C:\instrumentos y son: caldero3.jpg, botellaanis2.jpg, badil3.jpg,almirez3.jpg y castañuelas.jpg.Al insertar cada imagen aparece un cuadro de diálogo que nos permite elegir el fichero de imagen, en Sugerenciapondremos caldero para que en ejecución cuando pasemos el ratón sobre la imagen aparezca este texto. Dado que eltamaño original de las imágenes es grande y cuando se inserta una imagen en Neobook siempre se coloca en el tamañooriginal, es conveniente que seleccionemos la opción de Reducir imagen para ajustar a ventana, de forma que laventana que hayamos abierto para incluir la imagen será justamente el tamaño de la imagen seleccionada (si queremoscambiar el tamaño solamente tenemos que seleccionar la imagen y arrastrar cualquiera de las manijas). También esconveniente marcar la opción Mantener proporción de aspecto.12

A continuación insertamos un botón para que vuelva a la página menú, lo más sencillo es copiar cualquier botónvolver de cualquier página de instrumento musical que tenemos hecha y pegarlo en esta página, seguidamentepodemos mover el botón a la posición que queramos de la pantalla.Nos falta lo más complicado: tenemos que crear un botón que cuando el usuario de nuestra publicación pulse en él seescuche aleatoriamente uno de los cinco instrumentos musicales; seguidamente el usuario pulsará sobre la imagen delinstrumento musical que cree que corresponde a ese sonido y saldrá un mensaje de acierto o error; también apareceráun contador de errores y aciertos.La imagen donde se encuentran los aciertos y errores es marcador2.gif y se encuentra en la carpetaC:\instrumentos. El texto que se encuentra encima de este marcador Aciertos: y Errores: lo hacemos utilizando laherramienta textode la siguiente forma:El texto que escribimos es "Aciertos" y seguidamente utilizamos una variable llamada ac que para hacer referencia a suvalor se pone entre corchetes [ ]. Una variable es un elemento que contiene un valor (numérico, texto...) que puedevariar cuando se cumplen ciertas condiciones o cuando el usuario de la publicación lo determina. En este caso lavariable ac nos indicará el número de aciertos que llevamos. Cada vez que entremos en la página evaluar nos interesa13

que esta variable valga cero para que comience a contar los aciertos. En Página > Propiedades de la página podemosasignar el valor cero a la variable ac de la siguiente forma:A continuación seleccionamos Acciones > Seleccionar Acción, el grupo de acciones Variables y la acción Especificarvariable (SetVar).Observaremos que aparece el cuadro de diálogo del comando Especificar variable, en el cual seleccionamos nombre dela variable (en este caso ac) y ponemos valor (en este caso cero en número).Hacemos exáctamente el mismo proceso para los errores, pero utilizando la variable er.Finalmente tendremos, en las Propiedades de la página, dos instrucciones para que se ejecuten cuando se llegue a estapágina:14

Si todo va bien, al ejecutarlos marcadores deben aparecer a cero:El texto pulsa para escuchar lo hacemos con la herramienta texto .Vamos a crear ahora el botón del sonido aleatorio: El botón lo hacemos con la herramienta Botón de comandoutilizando la imagen botonnota.jpg de la carpeta C:\instrumentos. A continuación seleccionamos Acciones >Seleccionar Acción, el grupo de acciones Control y la acción Aleatorio (Random):El comando Aleatorio (Ramdom) genera un número entero comprendido entre 0 y el número que pongamos. Ennuestro caso, como tenemos cinco instrumentos diferentes, nos interesa poner un 4 y así tenemos cinco posibilidadesdistintas (0, 1, 2, 3, y 4). La variable que almacena este número aleatorio la hemos llamado alea.Seguidamente asignamos cada uno de los números aleatorios a un instrumento musical diferente, de forma que porejemplo:15

• Si sale aleatoriamente un 0 suena el almirez• Si sale aleatoriamente un 1 suena el badil o badila• Si sale aleatoriamente un 2 suena la botella• Si sale aleatoriamente un 3 suena el caldero• Si sale aleatoriamente un 4 suenan las castañuelasEsto lo llevamos a la programación del botón aleatorio de la siguiente forma:Dentro de las propiedades del botón seleccionamos Acciones > Seleccionar Acción, el grupo de acciones Control y laacción If (Si).Aparece el cuadro de diálogo de las propiedades de este comando, donde rellenaremos la comparación correspondientea "si el contenido de la variable alea es un cero" entonces haz...:Debemos tener en cuenta que cada vez que comparemos contenidos de variables siempre hay que poner la variableentre corchetes [ ] (entre paréntesis no funcionaría).Al pulsar en Aceptar:• Aparece el script o programación de nuestro botón.• Borramos el comando Else y una de las líneas en blanco.• Nos situamos en la línea blanca entre If y EndIf.• Asignamos una instrucción para cuando se cumple la condición, en este caso, que reproduzca el sonido delalmirez (seleccionamos Acciones > Seleccionar Acción, el grupo de acciones Multimedia y la acciónReproducir Archivo de Sonido (PlaySoundFile) eligiendo el fichero de sonido del almirez).Debemos hacer un comando If por cada número aleatorio diferente. La programación de nuestro botón debe quedarasí:16

Podemos probar ejecutando nuestra publicación y pulsando sobre el botón de generación de número aleatorio aver si cada vez que pulsamos suena un instrumento aleatorio.¿Funciona?Nos falta rematar la faena, es decir, cuando nuestro usuario pulse en este botón aleatorio sonará un instrumento, debepulsar sobre una de las imágenes de instrumentos que hemos puesto anteriormente y si acierta que salga un mensajede acierto y que el contador de aciertos (la variable ac) se incremente en uno; en cambio, si falla saldrá un mensaje deerror y el contador de errores (la variable er) se incremente en uno.Una de las aportaciones de la nueva versión de Neobook es que cualquier objeto puede funcionar como un botón, esdecir, que las imágenes que hemos puesto pueden asumir esta función. De forma que vamos a programar las imágenesde los instrumentos musicales que tenemos en pantalla, por ejemplo, comenzamos por el caldero:Pulsamos con el botón derecho del ratón encima del caldero y aparece el cuadro de diálogo de propiedades del caldero,pulsamos en Acciones > Seleccionar Acción, grupo de acciones Control y por último el comando Si (If):Como anteriormente habíamos decidido que si salía aleatoriamente (en la variable alea) el número tres sonaba elcaldero, el comando Si (If) lo rellenamos de la siguiente forma:Es decir, si el contenido de la variable alea es un tres entonces...Justo debajo de la instrucción If pondremos dos acciones: una que nos enseña un mensaje de que hemos acertado yotra que incrementa en uno la variable que acumula los aciertos (ac).17

El Else nos indica que lo que hay debajo de él será ejecutado si no se ha cumplido la condición anterior, en nuestrocaso, si el contenido de la variable alea no es un tres. Por lo tanto, justo debajo del Else pondremos dos acciones: unaque nos enseña un mensaje de error y otra que incrementa en uno la variable que acumula los errores (er).La imagen de acierto se llama muybien.gif y se encuentra en la carpeta C:\instrumentos y el comando para mostrarla imagen se localiza en el grupo Mensajes/Interacción y la acción Desplegar Imagen(PopUpImage).En el cuadro anterior podemos determinar si la imagen se presentará hasta que se pulse con el ratón, unos segundos,etc. y también podemos seleccionar el lugar exacto de la pantalla donde aparecerá la imagen.El incremento de la variable que lleva los aciertos lo hacemos con la instrucción ya utilizada anteriormente SetVar; paraello seleccionamos Acciones > Seleccionar Acción, el grupo de acciones Variables y la acción Especificar variable(SetVar).Como aparece en la imagen, a la variable ac le asignamos el valor que tiene [ac] con el incremento de una unidad.La imagen de error se llama fallaste.gif y recordando que la variable que almacena los errores se llama er, finalmenteel script de nuestra imagen del caldero debe quedar así:Por último, realizamos el proceso con las demás imágenes de instrumentos, siempre teniendo en cuenta qué númerohabíamos asignado a cada instrumento con la variable aleatoria alea.El script de la imagen del instrumento de la botella de anís es el mismo que el quehemos hecho del caldero, con la diferencia de que la comparación no la hacemos conel 3 sino con el 2, que corresponde a la botella. Por lo tanto, si seleccionamos elscript completo de la imagen del caldero, lo copiamos, lo pegamos en el script vacíode la imagen de la botella y cambiamos el 3 por un 2 ya tenemos hecha laprogramación de ese instrumentos. Si hacemos esto con los demás instrumentosmusicales nos ahorraremos tiempo.18

Uso del contadorHemos diseñado la página de actividades de reconocimiento de instrumentos musicales (llamada evaluar) y solamentenos quedan pequeños flecos para terminar completamente la actividad.Los primero que debemos hacer es volver a la página menú y asignar una acción al botón continuar.Pulsamos con el botón derecho del ratón sobre él y aparece el cuadro de Propiedades del botón. SeleccionamosAcciones > Seleccionar Acción, grupo de acciones Navegación y acción Ir a página (Gotopage).En el cuadro que nos aparece debemos seleccionar la página con la que enlazará este botón. El nombre de la página lopodemos escribir o seleccionarlo de una lista que se puede desplegar, en este caso, seleccionamos la página evaluar.Ya solamente nos falta un detalle: que el botón se habilite cuando el usuario de la aplicación haya accedido a las cincopáginas de los cinco instrumentos musicales. Para ello nos vamos a ayudar de una página nueva que vamos a crearllamada depaso. Esta página la vamos a colocar antes de la página menú.Nos situamos en la página menú .Seleccionamos el icono de nueva página y aparece un cuadro de diálogo donde debemos seleccionar que lapágina se situe Antes de menú y que se llamará depaso.Pulsamos en Aceptar y ya tenemos la página creada en la ubicación deseada.19

En las propiedades de la página depaso vamos a asignarle una acción, es decir, cada vez que accedamos a esta páginase ejecutará la acción que vamos a detallar a continuación. Necesitamos que esta página ponga una variable a cero,esta variable será la que nos cuente si hemos llegado a cinco páginas accedidas (las de los cinco instrumentos) y asípodamos habilitar el botón continuar de la página menú.Observamos que hemos puesto la acción Especificar variable (SetVar) del grupo de acciones Variables utilizando unavariable llamada contador y dándole el valor cero. A continuación utilizamos Ir a la Siguiente Página (GotoNextPage)del grupo Navegación para que directamente pase a la página siguiente.Si ejecutamos la aplicación desde la página depaso, observaremos que directamente accedemos a la página menú(internamente se ha puesto la variable contador a cero).El siguiente paso es situarnos en la página menú y asignarles sus acciones correspondientes a cada uno de los botonesde los instrumentos musicales que ya teníamos diseñados anteriormente.Comenzamos por el botón almirez: pulsamos con el botón derecho de ratón sobre él y seleccionamos Acciones. Vamosa necesitar que se ejecuten tres acciones:• Deshabilitar el mismo botón almirez para que ya no se tenga acceso de nuevo a esta página.• Que nos lleve a la página del instrumento correspondiente al botón, en este caso, a la página almirez.• Que la variable contador se incremente en uno.20

Para ello hacemos lo siguiente:Pulsamos en Seleccionar Acción y dentro del grupo de acciones Objetos seleccionamos la acción Deshabilitar Objeto(DisableObject).Si no recordamos el nombre del objeto que queremos deshabilitar podemos pulsar en el icono indicado en la figuraanterior que nos despliega el listado de los objetos de la página (también podemos seleccionar los objetos de cualquierotra página utilizando la barra izquierda que nos indica los nombres de todas las páginas de nuestro Libro o aplicación).Seleccionamos botonalmirez en este caso, y aceptamos.Volvemos a pulsar en Seleccionar Acción y dentro del grupo de acciones Navegación escogemos la acción Ir a la Página(GotoPage) y seleccionamos la página almirez.Por último, volvemos a pulsar en Seleccionar Acción y dentro del grupo de acciones Variables escogemos la acciónEspecificar Variable (SetVar) asignando a la variable contador el valor de la misma variable más uno.21

El proceso que hemos hecho sobre el botón del almirez debemos repetirlo con los otros cuatro instrumentos.Finalmente debemos ir a propiedades de la página menú para introducir una acción que compruebe si el valor de lavariable contador es cinco, y si es así debemos habilitar el botón que nos lleva a la página evaluar (esto querrá decirque el usuario de nuestra aplicación ha accedido ya a las cinco páginas de los cinco instrumentos y está en disposiciónde pasar a la página con ejercicios de evaluación).El script de la página menú debe quedar como sigue:El comando Si (If) seencuentra en el grupode acciones ControlEl comando Habilitar Objeto(EnableObject) se encuentra enel grupo de acciones ObjetosComprobación final: sitúate en la página depaso y ejecutapara ver si funciona todo.¿Funciona?No es tan difícil... ¿verdad?Guarda la aplicaciónc:\instrumentos.con el nombre instrumentos.pub en tu carpeta22