Usaremos este bloque para

devolver el resultado de la suma

de cualquier cantidad de bloques
que tienen un valor numérico.
Abrir: App Inventor
Abre el
Paso 1 navegador web
de tu elección,
en este caso
abrimos
“Safari”.
Paso 2
En el buscador de Safari buscamos
Paso TRES “appinventor.mit.edu para poder ingresar a la pagina
oficial de App Inventor y asi poder crear Aplicaciones.
Presionar el boton “Create Apps!”
para comenzar a crear apps.

Paso 4
Elige la
cuenta que
quieres usar
para abrir y
usar App
Inventor.

Paso CINCO
Si te aparece esta
pestaña ya esta todo listo
para comenzar a crear
aplicaciones en App
Inventor.
Crear un nuevo proyecto

Seleccionamos “Comenzar un nuevo proyecto..”

2.
3. Al terminar de
Nombramos
ingresar le
nuestro
nombre del
Proyecto con
nuevo proyecto
el nombre de
seleccionamos la
nuetsra
opción “Aceptar”.
preferencia.

4. Listo!! El Proyecto se a creado ahora solo hay que seleccionarlo.

5. Al seleccionar
el Proyecto que
acabamos de
crear se abrira y
estara listo para
poder empezar a
trabajar.
Consultar proyectos en
el listado de proyectos

1. Presiona en la opción
“Projects” y se abrira un menu
despegable de ese menu 3. Al
selecciona “My projects”. momento de
seleccionar
el proyecto
deseado se
abrira
automaticam
ente en la
misma
pestaña.

Seleccionar,
para abrirlo.
2. Al realizar
el paso 1 se
abrira el
listado de
todos
Proyectos
que hemos
realizado.
Hay que
seleccionar
el Proyecto
que
queramos
abrir.
Descargar emulador

1. Ingresamos
a la tienda de
apps de
nuestro
telefono y en el 5. Al abrir
buscador del la
app store aplicación
buscamos nos
“app inventor”. aparecera
Al finalizar le esto y le
damos en daremos
“buscar”. click en
“Continue”.

2. Presionamos el
boton de “obtener”
para que comience
la descarga de la
aplicación

3. Esperamos
a que termine 6. Si
la descarga. aparece
esto es
que ya
esta lista
nuestra
aplicación
4. Cuando finalice
para
la descarga le
poder
damos en “abrir”.
usuarla.
Emulador: ¿Como usar?

1. Abrimos app inventor

en nuestra computadora.

2. Seleccione
“Connect” y
luego “Al
Companion”
para iniciar una
conexión.

3.1. Ingresamos el Abrimos el

codigo que se genero emulador
en app inventor y de nuestro
despues presionamos telefono.
el boton “connect ith
code”.

3.2. Presionamos el
boton “scan QR
code” y
automaticamente se
3. Existen dos formas para abrira la camara de
crear una conexión con nuestro telefono hay 4.
nuestra aplicación que escanear el Automaticamente
codigo QR generado al realizar el
3.1. Conectarnos con un en app inventor. paso 3.1. o el
codigo. paso 3.2. se
abrira nuestra
3.2. Conectarnos aplicación en el
escaneando un codigo QR. telefono.
Apk1: Hola

Comenzamos un nuevo proyecto.

Nombramos el proyecto con el

nombre “Hola”

Cuando terminemos de nombrar el

proyecto damos click en “Aceptar”.

Cuando el
componente
que jalemos de
la peleta al visor
ya se haya
integrado al
Se jala una visor este
etiqueta al aparecera en el
visor. recuadro de
componentes.
 El color de fondo de
nuestra etiqueta
sera color rosa.

El texto de la etiqueta
estara en negrita.

El tamaño de la letra
de la etiqueta sera
13.

Ingresamos el texto que

queremos que tenga la
etiqueta, en este caso
“Hola, mi nombre es
Monserrat Velazquez
Valdes”.

El color del texto

será el que está por
defecto (negro).

PROPIEDADES DE LA “ETIQUETA1” Esta es la aplicación

en el emulador.
Apk2: Sobre mi
 Propiedades de elementos

Cuando metemos
todos nuestros
componentes al visor
la selección de
componentes se va
llenando con cada
uno de los
componentes que
estan dentro del
visor.
x

Estas son las Este Label Estas son las Las propiedades
propiedades del (Label2) fue propiedades del del Label4, Label5
Label1 donde lo utilizado para Label3 donde lo y Label6 son las
Lo unica propiedad es la imagen que cargamos para mostrar.

unico que se separar label’s asi unico que se mismas pero con
configuro fue: que lo unico que configuro fue: diferente texto asi
se configuro - ColorDeFondo: como se puede
- Color de fondo: fueron el color del Rosa observar, donde lo
Rosa fondo del Label se - Tamaño de unico que se
- Negrita cambio el color letra: 15 configuro fue:
- Tamaño de ‘por defecto’ este - Texto: “Me
letra:15 debido a que no gusta…” - Tamaño de letra:
- Tipo de letra: quiero que se vea 15
sans serif
- Texto
pero si que este
ahí que se logre LABEL3 LABEL4,
- Color del texto hacer una
separación.
LABEL5 Y
LABEL1
LABEL2 LABEL6
Image 1 Que se modifico?
Prueba en el emulador
emulador
 Apk3: Suma 2 num.
r

DISEÑADOR
-PROPIEDADES-
TEXTBOX1 Y
TEXTBOX2

LABEL1, LABEL2
Y LABEL3 BUTTON1
 Bloques

Utilizamos este bloque Lo usaremos para concatenar una

para que al momento cadena de de texto a nuestro labe3.
de presionar el boton Utilizamos el bloque
se realice la accion “unir” que anexa todas
necesaria. las entradas para hacer
Usaremos este bloque
una sola cadena.
para sumar los valores
de cada TextBox.

Estos dos bloques son los valores que

fueron ingresados en cada TextBox y se
sumarán con el bloque de suma.

De donde se tomo cada bloque?

Prueba en el emulador
emulador
Apk4: Operaciones Bas.

en el que estan los componentes en el visor de la aplicación.

El orden en el que estan todos los componentes es el orden
V

-PROPIEDADES-
El Label1, Label2 y Del Button1 al
Label3 tienen las Button7 contienen
mismas El TextBox1 y las mismas
propiedades, la TextBox2 propiedades.
unica diferencia es tienen las
que contien mismas
diferente texto. propiedades.

Lo que difiere es el
texto que contiene
cada Button.
Bloques
Apk5: Screen 1 y 2

Como crea
r
Ingresamos el nombre de la nueva screen. una nueva
Presionar le boton ‘Ok’ para que Screen?.
se añada y abra la nueva
Screen.

Sreen 1 Sreen 2
Componentes de cada
Sreen
Sreen 1 -PROPIEDADES- Sreen 2

Bloques
Apk6: Promedios
Propiedades
de cada elemento
-PROPIEDADES-
SIGNO ZODIACAL