En esta actividad vamos a crear una sencilla aplicación compuesta de varios componentes que permiten reconocer la voz, transcribir lo que se ha dicho y, tras agitar el dispositivo, mostrar un texto al azar. Diseñando y programando la aplicación aprenderemos a usar los componentes Contenedor, Botón, Texto, Acelerómetro, Reconocimiento de voz y Reproductor de música de Bitbloq Apps y a programar eventos, listas y condicionales.
Material necesario
- Ordenador con acceso a Internet.
- Dispositivo Android o iOS con la aplicación Bitbloq Pocket instalada.
Instrucciones
Diseño
Comenzamos pidiendo a nuestro alumnado que se descargue las imágenes y el sonido que se adjuntan en el apartado Descargables de la actividad, que acceda a la web de Bitbloq y seleccione la herramienta Bitbloq Apps. A continuación, vamos explicando los siguientes pasos:
1. En la pestaña Diseño, pulsar sobre + Añadir recurso y seleccionar los dos recursos descargados previamente.
2. En el panel de propiedades de Pantalla, añadir en Imagen de fondo la imagen descargada y seleccionar la opción Contenedor en la propiedad Modo fondo.
3. Seleccionar y arrastrar un componente Texto a la parte superior de la pantalla del dispositivo que aparece en el espacio de trabajo y configurarlo para incluir un título.
| Es recomendable renombrar los componentes de nuestras aplicaciones para facilitar su identificación. |
4. Seleccionar y arrastrar un componente Contenedor vertical a la parte inferior.
5. Configurar dicho contenedor para que tenga la forma que se quiera y centrarlo.
6. Seleccionar y arrastrar un componente Texto al interior del hueco superior del contenedor y un componente Botón al inferior.
7. Configurar el componente Texto para que el texto tenga color blanco y, de momento, borrar el texto.
8. Configurar el botón utilizando las opciones de su menú de propiedades.
9. Añadir otro componente Texto que servirá para mostrar las respuestas y colocarlo en el espacio correspondiente de la imagen de fondo.
10. Configurarlo para que el texto tenga color blanco y, de momento, no muestre ningún texto.
11. Para finalizar el diseño, seleccionar y arrastrar los componentes no visibles: Reconocimiento de voz y Reproductor de sonido de la categoría Multimedia y Acelerómetro de la categoría Sensores.
Programación
Una vez realizado el diseño, explicamos cómo programar su funcionamiento:
12. En la pestaña Bloques, programar que cuando se haga clic sobre el botón inferior:
- Borre el texto previo que aparezca en el componente Texto (si lo hay).
- Inicie el reconocimiento de voz para poder realizarle la pregunta.
13. Programar que cuando el reconocimiento de voz finalice, se muestre la pregunta en el componente Texto. Para que tenga formato de pregunta, utilizar un bloque Unir de la categoría Texto y construir la sintaxis necesaria utilizando el parámetro Texto reconocido.
14. En la pestaña Variables y listas, programar una lista nueva. Para ello, una vez añadido el bloque Lista, hay que:
- Darle un nombre, por ejemplo Respuesta.
- Añadir tantos elementos (correspondientes con las respuestas que va a devolver la aplicación) como se quiera.
15. Programar que cuando el acelerómetro detecte que el móvil se agita y, si se ha realizado una pregunta (puesto que se muestra un texto en el componente Texto Pregunta), se deshabilite el acelerómetro, se reproduzca el sonido cargado y se muestre una de las respuestas de la lista en el componente Texto Respuesta. Agregar una espera y reiniciar la programación dejando de mostrar el Texto Respuesta, borrando el texto del componente Texto Pregunta y habilitando de nuevo el acelerómetro.
Recomendamos a nuestro alumnado ir probando el funcionamiento de la programación cada poco tiempo utilizando el modo En tu dispositivo móvil, siguiendo los pasos que se indican. Para ello, deben tener instalada en su dispositivo la aplicación Bitbloq Pocket, disponible para Android o iOS.
Otras ideas
A continuación, te proponemos algunas ideas de aplicaciones similares para seguir practicando:
- Aplicación que permita anotar cosas en una lista utilizando el reconocimiento de voz.
- Aplicación que muestre una imagen al azar tras agitar el móvil.
- Aplicación que incluya el componente Texto a voz para decir la respuesta además de mostrarla escrita.
Disfruta de Bitbloq Apps con el Plan Docente
La versión beta de Bitbloq Apps está disponible solo para usuarios del Plan Docente. ¡Suscríbete ya y empieza a disfrutar de todas sus ventajas!
- Sistema de gestión del aula completo e intuitivo para un número ilimitado de alumnos y clases simultáneas.
- Acceso del alumnado a un espacio personal con sus ejercicios mediante códigos, sin descargas ni registros.
- Itinerarios formativos. (Próximamente)
- Funcionalidades exclusivas, add-ons gratis y acceso prioritario a las novedades.
- Acceso gratuito para ti y tus alumnos a programar placas como Arduino UNO.
- Asistencia directa del equipo de Bitbloq.