Programación: AppInventor
En este apartado vamos a ver un poco de programación sencilla con una aplicación llamada Appinventor. Hemos creado una aplicación para mezclar colores en el modo RGB que podéis descargar en el siguiente enlace. Para entrar en Appinventor necesitamos una cuenta de google.
Esta es la pantalla que nos aparecerá al principio. Para empezar nuestra app le damos clic en New Project y le damos el nombre que queramos.
Para conectar con nuestro móvil y poder probar nuestra app en tiempo real nos tendremos que descargar la aplicación MIT AI Companion. La podemos descargar en Play Store. Para conectar nos vamos a la parte superior y en Connect - AI Companion. Podemos introducir el código o escanear el código QR.
En esta aplicación tenemos dos partes: la de diseño y la de programación. En primer lugar trabajaremos en la parte de diseño donde crearemos el aspecto de la app.
En la parte de la izquierda tenemos los componentes que utilizaremos, en la parte de la derecha tenemos los componentes que hemos introducido en la pantalla y más en la derecha las propiedades de los componentes.
Los componentes utilizados en esta app son:
Una vez creada la parte de diseño, vamos a la parte de programación, donde daremos todas las órdenes necesarias a los diferentes componentes.
En la primera parte, le damos la orden de que cuando deslicemos el dedo por los sliders, nos redondeé el número que nos aparece en las cajas de arriba.
En la segunda, le diremos que cuando un color pase de un valor determinado aparezca un texto que nos diga que color es.
Y en una tercera parte de ampliación le diremos que cuando la suma de dos colores sea mayor que otra nos aparezca que no predomina ningún color.
Una vez acabada nuestra aplicación la podemos probar a tiempo real si estamos conectados desde nuestro teléfono.
Una vez comprobado que todo está bien, procederemos a descargarnos la apk. Para esto tenemos dos opciones:
Esta es la pantalla que nos aparecerá al principio. Para empezar nuestra app le damos clic en New Project y le damos el nombre que queramos.
Para conectar con nuestro móvil y poder probar nuestra app en tiempo real nos tendremos que descargar la aplicación MIT AI Companion. La podemos descargar en Play Store. Para conectar nos vamos a la parte superior y en Connect - AI Companion. Podemos introducir el código o escanear el código QR.
En esta aplicación tenemos dos partes: la de diseño y la de programación. En primer lugar trabajaremos en la parte de diseño donde crearemos el aspecto de la app.
En la parte de la izquierda tenemos los componentes que utilizaremos, en la parte de la derecha tenemos los componentes que hemos introducido en la pantalla y más en la derecha las propiedades de los componentes.
Los componentes utilizados en esta app son:
- TextBox. Es una caja que nos permite introducir un texto.
- Label. Nos permite mostrar un texto determinado.
- Slider. Nos permite controlar una variable a modo de deslizador.
- Clock. Nos permite crear un contador de tiempo que señala unos acontecimientos a intervalos regulares.
- TableArrangement. Nos permite ordenar los componentes.
Una vez creada la parte de diseño, vamos a la parte de programación, donde daremos todas las órdenes necesarias a los diferentes componentes.
En la primera parte, le damos la orden de que cuando deslicemos el dedo por los sliders, nos redondeé el número que nos aparece en las cajas de arriba.
En la segunda, le diremos que cuando un color pase de un valor determinado aparezca un texto que nos diga que color es.
Y en una tercera parte de ampliación le diremos que cuando la suma de dos colores sea mayor que otra nos aparezca que no predomina ningún color.
Una vez acabada nuestra aplicación la podemos probar a tiempo real si estamos conectados desde nuestro teléfono.
Una vez comprobado que todo está bien, procederemos a descargarnos la apk. Para esto tenemos dos opciones:
- En la primera opción podemos descargarnos la apk leyendo el código QR con nuestro móvil, y nos la descargara automáticamente.
- En la segunda opción, nos podemos descargar la apk directamente a nuestro ordenador y pasarla a nuestro móvil con Airdroid.
Ya tenemos terminada nuestra aplicación y nos quedará así:
Podéis descargarla en el principio de la entrada.
