Software">
APPINVENTOR PRACTICA 1-HolaGatito v1 - 0
APPINVENTOR PRACTICA 1-HolaGatito v1 - 0
APPINVENTOR PRACTICA 1-HolaGatito v1 - 0
Aprenderemos
• Crearemos app’s seleccionando componentes desde la ventana de
diseño y luego los programaremos para que hagan aquello que
queramos en la ventana de edición de bloques.
• Veremos que algunos componentes son visibles en la pantalla de la app
pero otros, en cambio, no lo son.
• Añadiremos contenido multimedia a la app (la imagen del gatito y un
sonido).
• Probaremos la app a la vez que la construimos (live testing). Esto te
permitirá ver cómo funciona la app en tu dispositivo a medida que vamos
trabajando en ella.
• Para terminar, empaquetaremos la app y la instalaremos en nuestro
dispositivo.
Materiales
Una selección de imágenes y sonidos están disponibles en App Inventor Media
Library.
Francisco García Muñoz 2
Para empezar a crear tu primera app, haz clic en Project y después en New
Project. Ahora, introduce el nombre de tu proyecto, por ejemplo: HolaGatito, y
pulsa Ok.
Diseño de Componentes
Nada más empezar con un proyecto nuevo, la ventana de diseño será como la
siguiente:
Ventana de diseño
El primer componente que vamos añadir es una Label (etiqueta) para mostrar
un texto.
Añadir un botón
Ahora que tenemos el botón haremos que aparezca en él la imagen del gatito:
Pruebas en vivo
Por hacer una analogía, podemos decir que si los componentes son los
ingredientes de una receta de cocina entonces los bloques son las
instrucciones de la receta que nos permitirá cocinarlos.
También puedes comprobar que si haces clic en uno de los componentes (en
la imagen anterior se ha hecho sobre Button1) entonces se verá la lista de
eventos, métodos y propiedades asociados a dicho componente.
Para programar qué queremos que suceda cuando se toca el botón, haz clic
sobre Button1 y después selecciona el evento when Button1.Click y arrástralo
al espacio en blanco. Todos los componentes que incluyen la palabra when
(cuando) se llaman programadores de eventos, es decir, especifican cómo se
comportará el componente en cuestión cuando sucede algo (en nuestro caso:
cuando se haga clic sobre el botón).
Francisco García Muñoz 10
Prueba tu app
Añadir un ronroneo
Vamos a hacer que el gatito maúlle y también que ronronee cuando tocamos el
botón. Simularemos en ronroneo haciendo vibrar el dispositivo. Aunque
parezca muy difícil de hacer en realidad es muy sencillo; el componente Sound
incluye la posibilidad de hacer vibrar el dispositivo. De hecho, en la vista de
diseño no tendremos que hacer nada, tan sólo tendremos que añadir un
Francisco García Muñoz 11
Prueba tu app
¡Pruébalo! Toca la imagen del gatito en tu dispositivo y comprueba que además
del sonido también se produce la vibración.
Agitar el dispositivo
Compartir la app
Una vez que has creado una app, la puedes compartir de varias formas. Para
compartir el paquete ejecutable (el archivo .apk), primero haz clic en Build y
selecciona la opción Application (save to my computer). Así podrás crear un
archivo con extensión .apk en tu ordenador. Puedes compartir tu app enviando
por correo electrónico el archivo anterior a tus familiares, amigos o alumnos.
También puedes compartir la app si subes el archivo .apk a internet, por
ejemplo a tu carpeta de DropBox o Google Drive y después crear un enlace a
dicho archivo que puedes compartir con otras personas. Pero recuerda que
para que otras personas puedan instalar tu app en sus dispositivos deben
tener activada en su dispositivo Android la opción que permite instalar app’s de
fuentes desconocidas, es decir, app’s que no provienen de la tienda oficial de
Google (Play Store).
Ampliaciones
Después de construir tu primera app, hay algunas cosas que puedes mejorar
por ti mismo, por ejemplo:
Resumen
Algunos de los puntos más importantes que hemos tratado en este tema son:
Licencia
Hola Gatito de App Inventor 2, por Francisco García Muñoz basado en: