Mi primera aplicacin en App Inventor

A continuacin menciono los siguientes pasos que realice en la construccin de mi primera

aplicacin en App Inventor.
1. Ingresar

con

cualquier

navegador

web

la

pgina

web

de

App

inventor

http://appinventor.mit.edu/explore/ y hacer clic en la opcin Create apps!

2. Para utilizar app inventor, debemos registrarnos con una cuenta de Gmail, autorizando el
acceso de dicha herramienta.

3. Para iniciar nuestro proyecto HolaRonronea debemos hacer clic en start new project
que se encuentra cerca de la parte superior de la pgina.

4. Introducimos el nombre que llevar nuestro proyecto, en este caso el proyecto lo

llamaremos Holaronronea. Nota: el nombre del proyecto se debe digitar sin espacios.

5. Una vez hecho clic en el botn OK, se abre el Diseador donde encontraremos una
pantalla, all insertamos cada uno de los componentes que necesitar nuestro proyecto.

6. Iniciando el diseo de la aplicacin Holaronronea, comenzamos arrastrar y soltar hasta

screen1 los componentes Botton, Label y sound. Cada uno de estos componentes los
encontramos en la seccin user Interface y Media de la paleta.

7. Despus de arrastrar y soltar los componentes Botton, Label, sound en el rea del visor,
debemos establecer cada una de las propiedades de estos componentes que sern de la
siguiente manera.
En la lista de propiedades de Button1, nos dirigimos a la propiedad image y subimos la
imagen kitty.png. Luego nos dirigimos a la propiedad Text y eliminamos con la tecla de
retroceso el texto del botn.
En la lista de propiedades de Etiqueta, cambiamos la propiedad de Text por Acaricia el
Gatito, la propiedad Backgroundcolor ponemos el color azul, la propiedad Texcolor
seleccionamos el color amarillo y tamao de fuente (Fontsize) 30.
En la lista de propiedades de Sound, subimos en la propiedad source el archivo de
multimedia meow.mp3

8. Hasta aqu terminaramos el diseo de nuestra aplicacin. Ahora debemos asignar las
acciones que realizar cada componente. Para ello nos dirigimos al editor de bloques para
definir la forma en que la aplicacin se va a comportar.
Para hacer que se reproduzca el sonido al tocar el botn con la foto del gatito, debemos ir
a la pestaa Screen1 y desplegar los bloques de la seccin Botn y arrastrar y soltar al
lienzo central el bloque When botn.click do, que se refiere a la circunstancia que el
usuario pulse el botn y, tras desplegar los bloques de la seccin sound, arrastrar el bloque

callsound1.play al lienzo central, aproximndolo al bloque When botn.click do, de modo

que ambos encajen.

9. Para finalizar compilamos nuestra aplicacin con el emulador para ver el funcionamiento
de nuestra aplicacin holaronronea.