Saltar la navegación

APP con control de botones

Instrucciones prácticas sobre la funcionalidad de botones con APPInventor

Con el presente proyecto pretendemos aprender a controlar distintos pines digitales de Arduino (en este caso los asociados a dos ledes) desde un dispositivo móvil. Para comprender cómo hacerlo, vamos a diseñar una pequeña aplicación para Android que nos permita controlar las distintas propiedades de sus botones y etiquetas. Comprender esta aplicación nos va a permitir entender el funcionamiento de la que debemos diseñar para conseguir nuestro fin.

Para poder alcanzar nuestro reto, empezaremos conociendo las distintas áreas de trabajo de la interfaz de APPInventor:

Antonio Muñoz Pancorbo. Interfaz de trabajo de APPInventor (CC BY-SA)

En clase se verá más detenidamente todos los aspectos relativos a la interfaz de APPInventor y algunos de los aspectos más relevantes de las propiedades de los distintos componentes que formarán parte de nuestras APPs.

Antonio Muñoz Pancorbo. Propiedades de componentes en APPInventor (CC BY-SA)



Diseña el entorno de una APP sencilla

ACTIVIDAD A REALIZAR: diseña una aplicación que contenga 4 botones y 1 etiqueta. Se utilizarán disposiciones horizontales y/o verticales para conseguir una estética ajustada al contenedor. Además puedes incluir una imagen libre relacionada con la tecnología.

Instrucciones prácticas sobre programación en APPInventor

Una vez que hemos diseñado nuestra aplicación, podemos cambiar las propiedades de los distintos componentes utilizando el código y los distintos eventos de APPInventor. De esta forma adaptaremos todos los componentes a aquello que queremos que suceda en la APP. Podremos hacerlo de la forma que se muestra en el vídeo.

Antonio Muñoz Pancorbo. Programación de cambio de propiedades en distintos componentes de APPInventor (CC BY-SA)

Pero, antes de lanzar y publicar la APP, ¿cómo podemos saber si funciona correctamente? Esta acción la podemos hacer utilizando la conexión AI Companion. A continuación vemos un vídeo en el que se muestra cómo hacerlo.

Antonio Muñoz Pancorbo. Control de propiedades de botones y etiquetas en APPInventor

Crea una aplicación Android sencilla

Ya dispones de todo el apoyo necesario para poder diseñar y programar una aplicación sencilla para un móvil Android. En este caso debes diseñar una APP que tenga al menos 4 botones colocados dentro de una serie de disposiciones que ocupen todo el ancho de la pantalla (recuerda el concepto de contenedor) y 2 etiquetas. Una de las etiquetas simplemente tendrá un texto fijo (el nombre de la APP, por ejemplo) y la otra etiqueta irá indicando qué elemento se va activando. El objetivo de la APP es simplemente comenzar con un único botón habilitado y que este vaya habilitando progresivamente al resto de botones. Además, un clic largo en el último botón nos mostrará la imagen de un elemento tecnológico que permita cuidar el medio ambiente. ¡ÁNIMO!

ACTIVIDAD A REALIZAR: archivo *.aia que permita probar la aplicación diseñada para cumplir lo soliciado y archivo *.apk que permita instalar la aplicación. Además  debes explicar todo el proceso llevado a cabo en tu página web (pantallazo del diseño, diagrama de flujo del programa, pantallazos de los bloques de programación y de las pruebas realizadas, vídeo muestra del funcionamiento, etc.).