Creación de materiales didácticos Aplicaciones para dispositivos móviles Lección 5

Transcripción

1 Creación de materiales didácticos Aplicaciones para dispositivos móviles Lección 5 Imágenes, sonido, vídeo

2 Índice de contenido Introducción...3 Imágenes...4 Sonidos y vibración... 5 Síntesis de voz...7 Reconocimiento de voz. Órdenes por voz...8 Vídeos... 9 En la próxima lección

3 Introducción Aunque muchos de vosotros ya habréis trabajado con contenido multimedia en lecciones anteriores, en esta lección vamos a repasar todos los elementos que ofrece App Inventor para darle a nuestras aplicaciones un carácter más multimedia. Concretamente, vamos a ver: Como utilizar imágenes Como utilizar sonidos. Controlar la vibración del móvil. Interfaz Text-To-Speech para sintetizar voz. Interfaz Speech-Recognizer para reconocimiento de voz. Incluir vídeos en nuestra aplicación. Importante Para esta lección no vamos a poder comprobar todas las características usando sólo el emulador de Android. Por tanto, es muy recomendable que utilicemos nuestro móvil o tablet. Además, en la mayoría de los casos, el servicio de síntesis de voz, y el de reconocimiento necesitan conexión a internet para funcionar. 3

4 Imágenes Como ya sabemos que el App Inventor nos permite añadir imágenes haciendo uso del elemento Image. La propiedad más interesante es Picture, donde especificamos la imagen a mostrar. En este caso, tenemos diferentes posibilidades: Podemos usar una imagen estática de nuestro programa (las añadidas al cuadro media). También podemos especificar una ruta en nuestro móvil. Para la tarjeta de memoria (sdcard), tenemos que especificar la ruta de la siguiente forma: /sdcard/fotos/alhambra.jpg Por último, podemos indicar una URL de una imagen en la Web. Por ejemplo: Otra propiedad que a veces puede ser interesante es Animation, que nos permite seleccionar una animación de scroll para nuestra imagen. Las posibles animaciones son ScrollLeft, ScrollLeftSlow, ScrollLeftFast, ScrollRight, ScrollRightSlow y ScrollRightFast. Para ver el uso de imágenes, podemos abrir el proyecto PruebaImagenes.zip que es una aplicación para obtener imágenes aleatorias de la web 4

5 Sonidos y vibración Para reproducir sonidos, App Inventor tiene dos elementos diferentes, el Sound y el Player, ambos incluidos en la pestaña Media de la paleta del editor de diseños: Aunque ambos pueden reproducir sonidos, el elemento Sound es más recomendable para reproducir efectos y sonidos de corta duración, mientras que Player nos permitirá reproducir sonidos más largos, e incluso canciones. Como en el caso de las imágenes, podemos especificar como sonido un fichero de nuestro programa (cuadro media), uno de la tarjeta de memoria del móvil, o una URL que apunte a un sonido de internet. Las propiedades del elemento Sound son: MinimumInterval: indica el intervalo (en milisegundos) que debe reproducirse como mínimo del sonido. Hasta que no se reproduzca dicho intervalo, no se podrá detener la reproducción del sonido para iniciar otra. Source: indica el origen del sonido. El elemento Player tiene las siguientes propiedades: Volume: es el volumen con el que se reproducirá el sonido. El rango para el volumen va de 0 a 100. IsLooping: indica si el sonido se debe reproducir indefinidamente. Source: Origen del sonido. Junto con las propiedades comentadas, ambos objetos tienen bloques para las tareas básicas de reproducción: Play, Pause, Stop, Resume... Un ejemplo sencillo del uso de Sound lo podemos encontrar en Piano.zip. Dicho programa consiste en un sencillo piano en el que podemos jugar con la escala de Do mayor del piano: 5

6 Es posible combinar ambos elementos, Sound y Player, para generar una atmósfera más rica. En el ejemplo Burbujas.zip se puede ver un ejemplo. Dicho proyecto hace uso del elemento Canvas y el Sprite, que veremos con más detalles en los siguientes temas: Para controlar la vibración del móvil, tanto el elemento Player como el elemento Sound tienen un bloque Vibrate que nos permite indicar un número de milisegundos de vibración. Por ejemplo, el siguiente ejemplo hace que el móvil vibre 1 segundo: 6

7 Síntesis de voz En Android existen potentes herramientas para sintetizar voz. Podemos acceder a la que tengamos en nuestro móvil mediante el elemento TextToSpeech, disponible en la pestaña Other Suff de la paleta del editor de diseño: Este elemento tiene propiedades para definir el idioma que usaremos para generar la voz. Es importante que este idioma coincida con el del texto, para obtener una pronunciación y entonación adecuadas. Podemos ver la lista de idiomas soportados en la siguiente web: Si no establecemos un idioma, App Inventor usará el del móvil. Para sintetizar voz, lo único que tenemos que hacer es usar el bloque Speak pasándole la cadena de texto: Con este bloque, podemos hacer un sencillo programa para leer textos introducidos por el usuario: Una de las funciones principales del servicio de texto a voz es añadir ayuda hablada que mejore la accesibilidad en personas con dificultades de visión. También es fundamental mientras se conduce un vehículo para evitar desviar la mirada hacia el móvil. 7

8 Reconocimiento de voz. Órdenes por voz En Android podemos hacer uso de la herramienta de Google para el reconocimiento de voz, lo que nos permite en nuestras aplicaciones que el usuario pueda introducir texto dictado por voz o ejecutar comandos por voz. Para poder disfrutar de esta funcionalidad, sin embargo, es necesario tener conexión a internet en el móvil. En App Inventor podemos realizar reconocimiento de voz usando el bloque SpeechRecognizer que se encuentra dentro de la pestaña Other Stuff: Los bloques disponibles para este elemento son: El primer bloque se ejecuta cuando se ha terminado el proceso de reconocimiento. El segundo bloque, se llama justo antes de que se inicie el proceso de reconocimiento. Puede ser útil para detener alguna tarea, o informar con algún mensaje. El bloque usaremos para inicial el proceso de reconocimiento es el GetText. Hay que tener en cuenta que este proceso, puesto que requiere acceso a internet, puede llevar tiempo por lo que se lleva a cabo en segundo plano (es por ello que el bloque GetText no devuelve el resultado, y necesitamos para ello utilizar AfterGettingText). Como ejemplo de uso, se puede ver el programa MoverConLaVoz.zip, que nos permite mover una bola mediante los comandos arriba, abajo, izquierda, derecha y parar. Aunque el programa tiene elementos que veremos en próximos temas (Canvas, BallSprite) el alumno puede estudiar cómo se implementa el reconocimiento de comandos, y usarlo como base para otros programas. 8

9 Vídeos Para reproducir vídeo en App Inventor tenemos que usar el bloque VideoPlayer, que está dentro de la pestaña Media: Es importante tener en cuenta que App Inventor pone fuertes limitaciones en cuanto al tamaño de los ficheros de vídeo que podemos incluir en el cuadro Media, obligándonos en la mayoría de los casos a usar vídeos albergados en servidores web o en la tarjeta SD del móvil. El funcionamiento de este bloque es muy similar al visto con el objeto Player o Sound, por lo que no vamos a entrar en detalles. 9

10 En la próxima lección... Después de este rápido repaso sobre las posibilidades que tiene App Inventor para manejar contenido multimedia, en la próxima lección nos centraremos en uno de los elementos más potentes que incluye la herramienta: el Canvas. Con el Canvas tendremos infinidad de posibilidades para pintar y manejar animaciones en nuestra aplicación, de cara al desarrollo de juegos y cuentos interactivos. 10