I

MIT
N
A V
P E
p N
T
O
R

Entorno y
Desarrollo con
App
Programación
By Manzanarez
Inventor
 I

A
P
N
V
E
Ubicación de memoria
N

identificada con un nombre

p
T
O
R

En ella se puede almacenar un valor que puede

cambiar durante la ejecución de un programa
Variables

Almacenamos un valor en la variable mediante la

operación de asignación.

Programación
By Manzanarez
 I

A
P
N
V
E
Pueden cambiar de valor
N

durante la ejecución del

p
T
O
R

programa
Variables

Programación
By Manzanarez
 I

A
P
N
V
E
Podemos asignarle el
N

resultado de una operación

p
T
O
R
Variables

Programación
By Manzanarez
 I
N
A
P
V
E Podemos asignarle el resultado de una
N
p
T
O
operación en la que intervenga el
R
contenido de la propia variable
Variables

Programación
By Manzanarez
 I
N
A
P
V
E Podemos asignarle cualquier valor
p N
T
O
R

Un texto a cadena alfanumérica

Variables

Un numero como ya hemos visto

Programación
By Manzanarez
 I
N
A
P
V
E Variables y tipos de datos en App
N
p
T
O
Inventor
R

Las piezas(o tipos de datos) que encajan (que pueden ser

asignados) en la pieza def as son:
Variables

Programación
By Manzanarez
 I
N
A
P
V
E Variables Global
p N
T
O
Asignación de valores en App Inventor
R

Una vez declaradas son accesibles desde cualquier punto del

programa
Variables

Programación
By Manzanarez
 I
N
A
P
V
E Variables Global
p N
T
O
R
Las variables globales son aquellas que están disponibles para
acceder a su contenido desde cualquier lugar de la aplicación
móvil desarrollada.

Por tanto, el valor de una variable global puede ser empleado por
cualquier componente o bloque.
Variables

Programación
By Manzanarez
 I
N
A
P
V
E Variables Global
p N
T
O
Asignación de valores en App Inventor
R
Se puede realizar cuando se define o declara la variable o, una
vez definida, mediante la pieza set global to

La pieza correspondiente a una variable la encontramos en el

editor de bloques en la pestaña Built-In -> Definition.
Variables

Para declarar una variable además de definirla debemos

asignarle un valor

Se puede realizar cuando se define o declara la variable o, una

vez definida, mediante la pieza set global to

Ejemplo:

Programación
By Manzanarez
 I
N
A
P
V
E Variable Local
p N
T
O
R
Las variables locales son aquellas que están declaradas dentro
del ámbito de un bloque particular.

También pueden ser parámetros pasados a una función definida

por el usuario.
Variables

El acceso a variables locales solo se puede realizar desde el

bloque en que se define o desde la función que la recibe como
parámetro.

Programación
By Manzanarez
 I
N
A V
P
p
E
N
T
Ejercicio 7 -
O
R Variables
Variables

Programación
By Manzanarez
 I
N

¿Qué son las listas?

A V
P E
p N
T
O
R
Es una estructura de datos en la que cada elemento puede ser
referenciado por la posición que ocupa en la misma.
Listas

Programación
By Manzanarez
 I
N

listas mixtas
A V
P E
p N
T
O
R

En una lista podemos almacenar datos de distinto

tipo
Listas

Programación
By Manzanarez
 I
N

listas anidadas
A V
P E
p N
T
O
R

Podemos almacenar listas dentro de listas.

Listas

Programación
By Manzanarez
 I
N

Construir una lista - make a list

A V
P E
p N
T
O
R
Listas

Programación
By Manzanarez
 listas
I
N
A V
P E
p N
T
O
R

Listas Mixta
Listas

Programación
By Manzanarez
 I
N

Listas de Listas
A V
P E
p N
T
O
R
Listas

Programación
By Manzanarez
 Ejercicio – 8 * Listas – ejemplo 1
I
N
A V
P E
p N
T
O
R
Listas

Programación
By Manzanarez
 Listas – ejemplo 2
I
N
A V
P E
p N
T
O
R
Listas

Programación
By Manzanarez
 Listas – ejemplo 3
I
N
A V
P E
p N
T Seleccionar un elemento de la lista - select list
O
R item
Listas

Programación
By Manzanarez
 Listas – ejemplo 4
I
N
A V
P E
N
p
T
O
Reemplazar un elemento de una lista - replace list
R
Listas

Programación
By Manzanarez
 Listas – ejemplo 5
I
N
A V
P E
N
p
T
O
Insertar un elemento en una lista - insert list item
R
Listas

Programación
By Manzanarez
 Listas – ejemplo 6
I
N
A V
P E
N
p
T
O
Eliminar un elemento de una lista - remove list item
R
Listas

Programación
By Manzanarez
 Listas – ejemplo 7
I
N
A V
Unir dos listas - append to list
P E
p N
T
O
R
Listas

Programación
By Manzanarez
 Listas – ejemplo 8
I
N
A V
P E
p N Unir elementos al final de una lista - add Ítems to list
T
O
R
Listas

Programación
By Manzanarez
 I

A
N
V
E
Ejercicio – 9
P
p N
T Una cadena de texto es una sucesión de
caracteres (letras, números u otros signos o
O
R

símbolos)
Cadenas de Texto

App Inventor proporciona la

pieza text para expresar una
cadena de caracteres.

Programación
By Manzanarez
 I

Ejemplo 1 - Construir una cadena de texto

N
A V
P E
p N
T
O
Make Text
R
Cadenas de Texto

Programación
By Manzanarez
 I

Ejemplo 2 - Pasar a mayúsculas una cadena de texto

N
A V
E
upcase
P
p N
T
O
R
Cadenas de Texto

Programación
By Manzanarez
 I
N Ejemplo 3 - Insertar saltos de línea en una cadena de texto
A V
P
p
E
N \n
T
O
R
Cadenas de Texto

Programación
By Manzanarez
 I

A
N
V Ejemplo 4 - Extraer una lista de palabras de una cadena de texto
split
P E
p N
T
O
R
Cadenas de Texto

Programación
By Manzanarez
 I

A
N
V Ejemplo 5 - Eliminar los espacios en blanco de una cadena de texto
trim
P E
p N
T
O
R
Cadenas de Texto

Espacios en blanco

Programación
By Manzanarez
 I

Ejercicio 10 - ¿Qué es un Spinner?

N
A V
P E
p N
T
Este componente nos permite crear una lista y seleccionar
O
R
uno de ellos para usarlo a nuestra necesidad.
Ejemplo 1
Spinner

Programación
By Manzanarez
 I

Ejercicio 11 - ¿Qué es un ListPicker?

N
A V
P E
p N
T
O
R
Es un componente que nos permite
presentarle al usuario una lista de opciones
para que seleccione una de ellas.
ListPicker

Programación
By Manzanarez
 I

¿Qué es un ListPicker?
N
A V
P E
p N
T
O
R
Cuando un usuario pulsa en un selector de
lista, se muestra una lista de elementos de
texto para que pueda elegir.
ListPicker

Programación
By Manzanarez
 I

Elementos de un ListPicker
N
A V
P E
p N
T
O
R Los elementos pueden ser especificados en el
diseñador o en el editor de bloques, estableciendo la
propiedad ElementsFromString con una lista de
cadenas de texto separada por comas, o estableciendo
la propiedad Elements en el editor de bloques con una
ListPicker

lista de cadenas de texto.

Programación
By Manzanarez
 I

Ejercicio 12 - Visor de Lista

N
A V
P E
p N
T Nos permite presentarle al usuario una lista de
O
R opciones para que seleccione una de ellas, a diferencia
de ListPicker, Listview podemos utilizarlo en la misma
pantalla en la que estemos trabajando.
ListView

Programación
By Manzanarez
 I

A
N
V
E
Web Viwer
P
p N
T
O
R
Se utiliza para abrir un navegador y ver paginas de
navegador internet.
Visor del

Programación
By Manzanarez
 I

A
N
V
E
Lienzo/Canvas
P
p N
T
O
R
Sirve para dibujar una figura, poner o poder colocar
Animation un texto entre otras cosas.
Drawing &

Programación
By Manzanarez
 I
N
A
P
V
E Lienzo/Canvas
Dibujar Círculos.
p N
T
O
R
Animation
Drawing &

Programación
By Manzanarez
 I

A
N
V
E
Lienzo/Canvas - Pelota/Ball
P
p N
T
O
R
Sencillamente es eso, una simple “pelotita”, que se
coloca dentro del canvas para hacer algunas acciones.

X
Animation
Drawing &

X=0, Y=0

Programación
By Manzanarez
 I

A
N
V
E
Pelota/Ball
P
p N
T
O
R
Animation
Drawing &

Programación
By Manzanarez
 I

A
N
V
E
Ejemplo de llamada/mensaje
P
p N
T
O
R
Llamada de Teléfono
& Enviar Texto

Programación
By Manzanarez
 I
N
A
P
V
E Sensor de orientación
p N
T
O
R Es un componente que nos permite determinar la
orientación espacial del teléfono, para ello nos
proporciona tres valores expresados en grados.

1. Roll
2. Pitch
Sensores

3. Azimuth

Programación
By Manzanarez
 I
N
A
P
V
E Azimuth
El acimut se mide desde el punto cardinal norte en
p N
T
O
R sentido horario de 0° a 360°
Sensores

Programación
By Manzanarez
 I
N
A
P
V
E Pitch
p N
T
O
R Pitch mide la inclinación del móvil en relación a la
parte anterior y posterior
Sensores

Programación
By Manzanarez
 I
N
A
P
V
E Roll
Roll mide la inclinación del móvil en relación a los
p N
T
O
R laterales
Sensores

Programación
By Manzanarez
 I
N
A
P
V
E Evento OrientationChanged
Ocurre cuando la orientación del móvil cambia
p N
T
O
R
Sensores

Programación
By Manzanarez
 I
N
A
P
V
E Clock
Un proceso que se va ejecutar en determinado tiempo,
p N
T
O
R también puede actuar como un contador.
Sensores

Programación
By Manzanarez
 I
N
A
P
V
E Clock
Reversa
p N
T
O
R
Sensores

Programación
By Manzanarez
 I
N
A
P
V
E Acelerómetro
Es un sensor que posee el móvil, que permite detectar
p N
T
O
R la aceleración que experimenta el móvil sobre sus ejes
de referencia. (La aceleración de un objeto es una
magnitud que indica cómo cambia la velocidad del
objeto en una unidad de tiempo.)
Sensores

Programación
By Manzanarez
 I
N
A
P
V
E Location sensor
Nos permite ver la Longitud y latitud en la que
p N
T
O
R estamos ubicados.
Sensores

Programación
By Manzanarez
 I
N
A
P
V
E Map & Marker
Nos permite ver un Mapa de nuestra Ubicación
p N
T
O
R
Maps

Programación
By Manzanarez
 I
N
A
P
V
E SpeechRecognizer
p N
T Es modulo de reconocimiento de voz, identifica las
O
R palabras que dictamos.
Media

Programación
By Manzanarez
 I
N
A
P
V
E TextToSpeech
p N
T Reproduce las palabras que se le digita.
O
R
Media

Programación
By Manzanarez
 I
N
A
P
V
E TextToSpeech
p N
T Reproduce las palabras que se le digita.
O
R
Media

Programación
By Manzanarez
 I
N
A
P
V
E Camera
p N
T Tomar una foto.
O
R
Media

Programación
By Manzanarez