App Inventor, la herramienta que ayuda a crear apps sin saber programar

Cuando se habla de programación por bloques, quien más y quien menos piensa en Scratch, la herramienta más popular para aprender a programar desde edades tempranas sin necesidad de saber código. Pero no es, ni mucho menos, la única opción. De hecho, el movimiento No Code (programar sin saber código) promueve precisamente la creación de todo tipo de soluciones por parte de personas de cualquier edad que, aunque cuenten con unas nociones básicas de programación, no sean suficientes para crear un software, una página web o una aplicación móvil con ‘aire’ profesional. 

App Inventor es una de estas herramientas. Se trata de un programa creado por el MIT (al igual que Scratch) que facilita que cualquier persona tenga la capacidad de crear una aplicación para dispositivos móviles. Y lo hace siguiendo la filosofía No Code: incorpora para ello un editor con lenguaje visual formado por miles de bloques, cada uno relacionado con una acción determinada, que hay que ir seleccionando y moviendo para transformarlos en órdenes.

Lo que hay que saber antes de usarlo

App Inventor es una herramienta gratuita de código abierto que se apoya en Blockly, una biblioteca para el lenguaje de programación JavaScript que se emplea para crear lenguajes de programación visuales basados en bloques.

Para utilizarla hay que dirigirse a su página web, hacer clic sobre el botón 'Create Apps!' e iniciar sesión con una cuenta de Google. Y aunque la interfaz que se muestra por defecto está en inglés, se puede cambiar a español. Destaca la presencia de una completa guía que resuelve dudas como las relacionadas, por ejemplo, con las características de diseño, interfaz, gráficos, dibujo y animación (entre otros elementos) de la aplicación que se desea desarrollar o el uso de los siguientes bloques: Control, Lógica, Matemáticas, Texto, Listas, Colores, Variables y Procedimientos. 

Partes principales

Dentro de App Inventor es posible diferenciar dos partes que son esenciales dentro de la plataforma. La primera es el ‘Designer’ o ‘Diseñador’, que ayuda a dar forma a la interfaz de la aplicación e incluye, además de la paleta donde se ubican todos los componentes disponibles (botones, casilla de verificación, etiquetas, imágenes…), un área de propiedades desde donde modificar el color, el tamaño, el comportamiento… de estos componentes que se ven reflejados en el visor de la parte central.

La segunda parte a destacar es el ‘Blocks Editor’ o ‘Editor de Bloques’, que es el que facilita programar ‘el comportamiento’ de la aplicación. Es aquí donde se determina qué hace cada componente y cuando. 

Comprobar que las aplicaciones creadas funcionan

Una vez que los alumnos han creado sus aplicaciones, deben asegurarse que efectivamente las apps desarrolladas son válidas y que, por lo tanto, funcionan. En este caso, App Inventor ha ideado varios métodos, pero entre ellos destaca el que a continuación se explica: 

• El primer paso es descargarse la aplicación MIT App Inventor Companion en un dispositivo Android o iOS, y seguir las instrucciones. 

• A continuación, hay que asegurarse de que el ordenador y el dispositivo móvil (teléfono o tablet) que se están usando forman parte de la misma red Wi-Fi. 

• Ya dentro de App Inventor, hay que abrir el proyecto, vincularlo al dispositivo elegido y seguir la ruta ‘Conectar/ AI Companion’ como se muestra en la siguiente imagen:

• Una vez haya aparecido en la pantalla del ordenador un cuadro de diálogo con un código QR, se inicia la aplicación MIT App Companion tal y como se haría con cualquier otra aplicación que instalamos en nuestro teléfono o tablet. 

• Luego hay que hacer clic en el botón ‘Escanear código QR’ dentro de MIT App Companion y escanee el código en la ventana de App Inventor.

• Al cabo de unos segundos, se debería ver la aplicación que estamos creando bien en el móvil o la tablet. Se actualizará a medida que se realicen cambios en su diseño y bloques.