ejercicios practicos en app inventor para principiantes

1. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
App
Inventor
MIT
Entorno y
Desarrollo con

2. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Variables
Ubicación de memoria
identificada con un nombre
En ella se puede almacenar un valor que puede
cambiar durante la ejecución de un programa
Almacenamos un valor en la variable mediante la
operación de asignación.

3. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Variables
Pueden cambiar de valor
durante la ejecución del
programa

4. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Variables
Podemos asignarle el
resultado de una operación

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

6. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Variables
Podemos asignarle cualquier valor
Un texto a cadena alfanumérica
Un numero como ya hemos visto

7. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Variables
Variables y tipos de datos en App
Inventor
Las piezas(o tipos de datos) que encajan (que pueden ser
asignados) en la pieza def as son:

8. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Variables
Variables Global
Asignación de valores en App Inventor
Una vez declaradas son accesibles desde cualquier punto del
programa

9. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Variables
Variables Global
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.

10. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Variables
Variables Global
Asignación de valores en App Inventor
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.
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:

11. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Variables
Variable Local
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.
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.

12. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Variables
a09_variables

13. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Variables
a09_variables
Repite este bloque para
todas las operaciones.

14. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Listas ¿Qué son las listas?
Es una estructura de datos en la que cada elemento puede ser
referenciado por la posición que ocupa en la misma.

15. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Listas listas mixtas
En una lista podemos almacenar datos de
distinto tipo

16. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Listas listas anidadas
Podemos almacenar listas dentro de listas.

17. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Listas Construir una lista - make a list

18. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Listas
a010_listas Screen1 Principal

19. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Listas Listas Simple
Listas
Mixta
a010_listas Screen1 Principal

20. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Listas Listas de Listas

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

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

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

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

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

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

27. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Una cadena de texto es una
sucesión de caracteres
(letras, números u otros
signos o símbolos)
Cadenas
de
Texto
App Inventor proporciona la
pieza text para expresar una
cadena de caracteres.
Screen 2 –
Cadenas de
texto

28. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Ejemplo 1 - Construir una cadena de texto
Make Text
Cadenas
de
Texto

29. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Ejemplo 2 - Pasar a mayúsculas una cadena de texto
upcase
Cadenas
de
Texto

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

31. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Ejemplo 4 - Extraer una lista de palabras de una cadena de texto
split
Cadenas
de
Texto

32. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Ejemplo 5 - Eliminar los espacios en blanco de una cadena de texto
trim
Cadenas
de
Texto
Espacios en blanco

33. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
¿Qué es un Spinner?
Este componente nos permite crear
una lista y seleccionar uno de ellos
para usarlo a nuestra necesidad.
Spinner
Screen 3 –
Spinner

34. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Spinner
Screen 3 –
Spinner

35. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
¿Qué es un Spinner?
Este componente nos permite crear una lista y seleccionar uno de ellos para
usarlo a nuestra necesidad.
Spinner
Screen 3 –
Spinner

36. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
¿Qué es un ListPicker?
(Selector de Lista )Es un
componente que nos permite
presentarle al usuario una
lista de opciones para que
seleccione una de ellas.
ListPicker
Screen 4 –
ListPicker
Cuando un usuario pulsa en
un selector de lista, se
muestra una lista de
elementos de texto para que
pueda elegir.

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

38. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Elementos de un ListPicker
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
lista de cadenas de texto.
ListPicker

39. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
ListPicker

40. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
ListPicker

41. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Visor de Lista
Nos permite presentarle al usuario una lista de
opciones para que seleccione una de ellas, a
diferencia de ListPicker, Listview podemos
utilizarlo en la misma pantalla en la que
estemos trabajando.
ListView
Screen 5 – Visor de
Lista

42. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
ListView

43. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
a11_PackCanva Screen 1 –
Menú de opciones con
iconos

44. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Sirve para dibujar una figura, poner o poder colocar un texto entre
otras cosas.
Drawing
&
Animation
a11_PackCanva Screen 2 –
Lienzo/Canvas

45. Programación
By Manzanarez
A
P
p
I
N
V
E
N
T
O
R
Drawing
&
Animation
a11_PackCanva Screen 2 –
Lienzo/Canvas

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

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

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