1. Desarrollo de aplicaciones con App Inventor

2. Primeros pasos con MIT App Inventor

2.1. Interfaz

Una vez identificados en la plataforma se abre una interfaz en la que se distinguen dos secciones:

  •   Menú superior: Con pestañas de configuración general del entorno y acceso a los proyectos almacenados. Por ejemplo, se puede seleccionar el idioma, cargar un proyecto almacenado, generar el archivo APK, o acceder a la “Galería” con proyectos ya publicados por otros usuarios.

menú App Inventor 1

menú App Inventor 2

Figura 2.3. Menú superior de App Inventor. Captura de pantalla. Rafael Morales Caumel.


  •  Ventana Diseñador

La interfaz ofrece en la parte superior un gestor de pantallas bien para seleccionar las diferentes pantallas de nuestra aplicación, o para saltar entre la pantalla del Diseñador y la del Programador (Editor de Bloques).

Asimismo, se distinguen cuatro columnas nombradas de izquierda a derecha como Paleta (Región 1), Visor (Región 2), Componentes (Región 3) y Propiedades (Región 4):

Captura App Inventor

Figura 2.4. Ventana del diseñador de App Inventor. Captura de pantalla. Rafael Morales Caumel.

  1. PALETA: Agrupados en 12 categorías, ofrece multitud de elementos para integrarlos en nuestra aplicación arrastrándolos a la ventana Visor.

  2. VISOR. Muestra una pantalla similar a un dispositivo móvil para ir alojando los elementos de la paleta y comprobar su disposición.

  3. COMPONENTES.  Aparecen los elementos seleccionados en el visor en forma de árbol. Incluye una ventana inferior “Medios” para subir archivos multimedia.

  4. PROPIEDADES. La cuarta columna permite la configuración de los componentes seleccionados anteriormente: color y alineación de texto, visible, etc. bien para la aplicación en general o bien para cada una de las pantallas de nuestra app.