Mi primera apps

1. CREANDO MI PRIMERA APPS
Tutor: Ing. Javier Ricardo
Aprendiz: María Johana Carvajalino

2. CREANDO MI PRIMERA APPS
1. Debo tener una cuenta de Gmail creada
2. Cuando ingreso al sitio web ai2.appinventor.mit.edu. Me pide mis datos
de Gmail como lo muestra el siguiente pantallazo

3. CREANDO MI PRIMERA APPS
3. Luego de ingresar mis datos me lleva al siguiente pantallazo:
Clic aquí

4. CREANDO MI PRIMERA APPS
4. Clic en iniciar nuevo proyecto
Clic aquí

5. CREANDO MI PRIMERA APPS
4. Cuando le damos clic en nuevo proyecto nos muestra el siguiente pantallazo
Le damos el
nombre a nuestra
Apps, para este caso
se va a llamar
“Apps_Presupuesto”

6. CREANDO MI PRIMERA APPS
4. Luego de haber dado el nombre a nuestra mi primera Apps, nos muestra
la siguiente área de trabajo

7. CREANDO MI PRIMERA APPS
5. Introducimos nuestro logo de presupuesto, pero antes debemos insertar el
tipo de diseño, para ello seleccionamos “TableArragement”

8. CREANDO MI PRIMERA APPS
6. Luego insertamos la imagen, para ello nos vamos a la pestaña de “Interfaz de
usuario” y arrastramos el botón de “Imagen”
Le damos cli
sostenido
arrastrando la
imagen hacia el
cuadro verde que se
muestra en la figura

9. CREANDO MI PRIMERA APPS
7. Cuando vayamos a insertar la imagen hay que subir la imagen de nuestro
computador a nuestra área de trabajo
Clic aquí para
buscar la imagen en
nuestro pc y subirla

10. CREANDO MI PRIMERA APPS
8. Este es el pantallazo que me muestra luego de seleccionar la imagen que subí

11. CREANDO MI PRIMERA APPS
9. En el paso anterior vimos como la imagen se veía demasiado grande para
reducirla debemos irnos a las propiedades de la imagen como se muestra en el
siguiente pantallazo.

12. CREANDO MI PRIMERA APPS
10. Arrastro un Label para darle el siguiente nombre “Mi presupuesto”
Clic para
arrastrar el
label hacia el
cuadro

13. CREANDO MI PRIMERA APPS
11. Le damos formato al texto según se muestra en la siguiente figura

14. CREANDO MI PRIMERA APPS
12. Incluyendo otro label en la aplicación

15. CREANDO MI PRIMERA APPS
13. Insertando twiter
Clic para arrastrar
twiter

16. CREANDO MI PRIMERA APPS
14. Aquí comienzo a darle al usuario las opciones para que comience a ingresar
los datos numéricos

17. CREANDO MI PRIMERA APPS
15. Se le cambian los nombre a los label y checkbox para empezar a programarlos
en el editor de bloques