APP INVENTOR DE MIT

1. Crea una cuenta de google

2. Ingresa a http://appinventor.mit.edu/

3. Pulsa el botón créate app (Crear aplicación)

4. Escribe tu cuenta y tu contraseña de Gmail

5. Lee las condiciones y acepta los términos del servicio

1
6. Pregunta si deseas contestar la encuesta, pulsa el botón tomar encuesta más tarde o nunca
tomar encuesta.

7. En el mensaje de bienvenida pulsa Continuar

2
 8. Desde la barra superior cambia el idioma a español

9. Aparece un mensaje donde te da la opción de ver la Guía o de iniciar nuevo proyecto (Crear
app o crear aplicación).

NOTA: Para ver las opciones de la guía vaya al apéndice de este material.

10. En este caso, vamos a dar clic en Create App (Iniciar nuevo proyecto o comenzar un proyecto
nuevo).

PARA LEER: App Inventor es un entorno de desarrollo de aplicaciones para dispositivos Android.
Para desarrollar aplicaciones con App Inventor sólo necesitas un navegador web y un télefono o tablet Android (si no lo
tienes podrás probar tus aplicaciones en un emulador).

3
 App Inventor se basa en un servicio web que te permitirá almacenar tu trabajo y te ayudará a realizar un
seguimiento de sus proyectos. Se trata de una herramienta de desarrollo visual muy fácil de usar.
Al construir las aplicaciones para Android trabajarás con dos herramientas: App Inventor Designer y App Inventor
Blocks Editor.
 En Designer (Diseño) construirás el Interfaz de Usuario, eligiendo y situando los elementos con los que
interactuará el usuario y los componentes que utilizará la aplicación.
 En el Blocks Editor (Bloques) definirás el comportamiento de los componentes de tu aplicación.

11. Escribe el nombre de la aplicación sin espacios, en este caso PruebaHolaMundo y pulsa aceptar.

12. Se crea el proyecto e inmediatamente aparece la interfaz para crear la aplicación.

4
13. En la Vista Diseñador

14. Arrastra y suelta label (Etiqueta) y button (botón) al área de diseño

15. Da clic en la etiqueta 1 para modificar sus propiedades. Coloca en la etiqueta el texto Mensaje
de Bienvenida, en negrita y tamaño 20.

5
16. De los componentes agregados selecciona el botón (button) y con el botón Cambiar nombre
modifica su anterior nombre por el nuevo nombre que será botón menú y pulsa aceptar.

6
17. De igual manera selecciona la etiqueta para cambiar su nombre por Etiqueta Mensaje.

18. Cambia a la vista Bloques.

19. Del lado izquierdo en elementos personalizados selecciona el Botón-Menú, entonces aparecen
las acciones que se pueden asociar al botón.

7
20. Elige el bloque “Cuando haga clic en el Botón Menú ejecuta…” (When Botón menú clic do) y
arrastra dicho bloque a la derecha del visor.

21. Ahora selecciona la etiqueta_Mensaje y de los bloques que aparecen elige “Poner Etiqueta-
Mensaje texto como”

8
Puede aparecer un mensaje que dice advertencia debe llenar todos los sockets con bloques, esto es
porque claramente falta un bloque al final.

22. De las acciones generales elige Texto y de los bloques selecciona cadena de texto.

23. Arrastra el bloque cadena de texto al final del bloque verde. Escribe en el bloque cuadro de texto
la frase: hola a todo el mundo.

9
 Guardar proyecto

24. Genera el archivo .apk (APK significa: Android Aplication Package. Es decir un archivo ejecutable de
aplicaciones para Android)

25. copia el archivo .apk a tu celular, desde el exportador de tu celular ábrelo y ejecútalo

Nota: es muy probable que te pida cambiar los ajustes de “aceptar orígenes desconocidos”

Una vez instalado abre la aplicación y comprueba su funcionamiento

10