01-¡Hola, amigo!

¡Hola, amigo!

Introducción a la programación en
MIT App Inventor 2

MIT App Inventor es un entorno de programación visual de código abierto y uso libre y gratuito que permite crear aplicaciones para teléfonos y tabletas que corran el sistema operativo Android. Se trata de una herramienta basada en bloques, lo que facilita la creación de aplicaciones para aquellos que no están familiarizados con el mundo de la programación.

​

¿QUÉ ES MIT APP INVENTOR?

Al ingresar encontrarán una pantalla que lista los proyectos creados

por el usuario. Cambiar el idioma a español

Primera aplicación

Para crear un proyecto se debe hacer clic en el botón Comenzar un proyecto nuevo..., ubicado sobre

la izquierda de la barra superior. Entonces, se nos solicitará que ingresemos el nombre del proyecto.

En App Inventor, los nombres deben comenzar con una letra y solo pueden contener letras, números y

guiones bajos (_).

Creación de Nuevo proyecto

Editor de diseño de App Inventor

Para incorporar un componente a la aplicación solo hay que arrastrarlo desde el menú de componentes –bajo el título Paleta– hasta el visor. Los botones se encuentran en Paleta > Interfaz de usuario y, por tratarse de un componente visible –es decir, que aparecerá en la pantalla al correr la aplicación–, al depositarlo lo veremos aparecer en el visor del teléfono.

Para cambiar la leyenda que aparece en el botón, en primer lugar hay que seleccionarlo. Esto puede hacerse tanto en el visor como en el sector Componentes. Al hacerlo, en el panel Propiedades aparecerán aquellas propiedades que son propias de los botones, como por ejemplo su altura, su ancho, su forma, el texto que muestra, etc. Allí puede cambiarse la leyenda del botón modificando el texto que se encuentra bajo el título Texto. Al hacerlo, en el visor verán que el botón se habrá actualizado.

Cambio del nombre del botón

Ejecutar la aplicación en el emulador. Para hacerlo, deben seleccionar la opción Emulador del menú Conectar, que se encuentra en la barra superior del entorno. El emulador tarda unos instantes en arrancar, pero finalmente mostrará en la pantalla la aplicación.

Para conseguir el objetivo planteado, hay que agregar un conversor de texto a voz. Este componente se encuentra disponible en Paleta > Medios. Una vez que lo arrastramos hasta el visor, no lo veremos aparecer en la pantalla; en el entorno, los componentes no visibles se muestran bajo la pantalla del teléfono.

Ingresa al editor de bloques

EVENTOS Y MANEJO DE EVENTOS

Hay dos elementos importantes que tienes que diferenciar: los eventos y el manejo de eventos. Los eventos son sucesos que acontecen y que, a priori, no sabemos cuándo ocurrirán –por ejemplo, que el usuario presione el botón–. Por su parte, el manejo de eventos es el conjunto de acciones que se disparará cuando ocurra el evento –en este caso, que el teléfono diga “¡Hola, amigo!”–. Se trata, en definitiva, de la parte del programa que se ejecuta cuando ocurre un evento.