1. Desarrollo de aplicaciones con App Inventor

3. Comenzamos a programar una app

3.1. Diseño de la app

Después de iniciar la sesión en App Inventor, accederemos (por defecto) a la ventana “Diseñador” (botón superior derecho) y en la columna “Paleta” elegiremos varios elementos arrastrándolos a la ventana Visor:

    • Etiqueta (categoría Interfaz de usuario). Componente visible
    • Botón (categoría Interfaz de usuario). Componente visible
    • Sonido (categoría  Medios). Componente No visible

A partir de este momento, seleccionamos cada elemento y en la columna “Propiedades” se configuran las mismas. Por ejemplo, para el componente “Etiqueta” podemos cambiar el texto por “Pulsa sobre la imagen”. Para el componente “Botón” seleccionaremos una imagen para dicho botón, en nuestro caso la imagen de un burro que podremos insertar ajustando el tamaño de varias formas y finalmente para el componente “Sonido” seleccionaremos un sonido en formato “mp3” que sonará al activar el evento correspondiente.