Arreglos en app-inventor

 Primeramente abrimos la app inventor y lo vinculamos con nuestra cuenta que ya nos hemos creado.

Luego al ingresar debemos presionar aquí  

 

crear un nuevo proyecto, para así comenzar a crear este nuevo trabajo.

 

Primeramente nos aparece la pantalla para crear o hacer una aplicación

en la parte izquierda están los comandos para hacer dentro de la aplicación, después en el centro encontramos la pantalla del dispositivo del celular para vincular los elementos y después al lado derecho encontramos los comandos que hemos usado  en la pantalla

ahora vamos a ir a izquierda, en el lugar de los comandos y buscaremos el lugar en donde dice disposición esto nos ayuda a vincular dos o varios bloques en la dirección como horizontal, vertical, listados, entre otros.

 

ahora que ya tenemos nuestra disposición horizontal en la pantalla, nos vamos a interfaz de usuario para agregarle un botón y un campo de texto, ubicandola una al lado de la otra.

 

 

Al hacer clic en dicho botón en su dispositivo se va efectuar la acción en la aplicación.

  

al botón lo llamaremos "fijar tamaño", y con esto, en la aplicación podremos agregar ingresos de datos y para esto agregaremos disposiciones, para así unir algunas paletas que podamos usar en ambos ingresos.

 

para ello agregaremos una disposición horizontal para vincular botones y entre otras cosas, para que después agreguemos otra disposición, solo que ahora utilizaremos la tabular.

 

esta nos servirá a agregar mas botones o etiquetas que podamos usar de interfaz del usuario para que así podamos aplicarlo de una forma mas sencilla

 

ahora agregaremos etiquetas dentro de la disposición tabular para que, al apretar el botón se ingresen los valores que hayamos colocado, para esto, nos ubicamos en el interfaz de usuario y agregamos una etiqueta

 

 

 

cambiamos el nombre de etiqueta y a "posición", y después agregamos un campo de texto al lado de la etiqueta para que quede en la pagina. 

Para continuar agregaremos otra etiqueta debajo de la que ya tenemos, y le cambiaremos el nombres a "dato" y a esto le agregaremos un campo de texto, lo cual quedaría de la siguiente forma: 

 

A continuación (debajo de la anterior) agregamos una nueva disposiciones llamada "disposición vertical", esto nos ayudara a mostrar un listado de los elementos que hemos o vayamos agregando.

 

 

A esto le agregaremos un botón y le cambiaremos el nombres a "listar", luego agregamos una etiqueta a la cual le cambiaremos el nombre a "lista de elementos". Se verá de la siguiente forma:

 

Una vez listo todo lo anterior, nos iremos a la parte superior derecha de nuestra aplicación y presionaremos donde dice "bloques", para poder crear una función

 

 Al presionar "bloques", nos enviara a la siguiente pantalla y es aquí en donde podemos utilizar los botones y los campos de textos agregados anteriormente.

 

Para continuar, en la sección de bloques iremos a variable para agregar una variable  de inicio a nuestra aplicación, para esto usaremos una llamada "inicializar global"

 

Esta la arrastramos a la pantalla y en donde dice nombre le colocamos "tamaño" y nuestro valor inicial sera 0, y para poder insertar esto, nos vamos al bloque de "matemática" y le adjuntamos lo siguiente:

 

 Lo dicho anteriormente nos quedará ed la siguiente forma:

 

ahora agregaremos otro bloque de variable inicializada pero ahora lo nombraremos "arreglo" y este no no iniciara en desde 0. 

Para ello vamos a ir a variables y colocamos el bloque inicializar global, y a este lo unimos con un bloque llamamos "lista vacía"

 

 

 

 

 

y una vez ubicado ambos botones,nos va a quedar de la siguiente manera:

Ahora nos vamos a procedimientos y agregamos y usaremos el siguiente botón:

 

este bloque nos ayuda a tener un resultado del procedimiento, en donde dice "procedure" lo llamaremos "obtener elemento" y a este le agregamos otro botón, ubicado en "lista", adjuntamos el que dice "seleccionar elemento de la lista e indice"

 

Si nos damos cuenta, tenemos dos aberturas en donde podemos agregar bloques, en el primero sera "tomar global arreglo", en su indice debe ir "tomar posición", y luego le hacemos clic en el engranaje, ubicado en la parte superior izquierda de mi bloque, para que nos muestre los siguientes comandos:

 

juntaremos la entrada "x" en donde esta la ventanilla de entradas y lo renombramos "posición"

 

Ahora juntaremos los bloques para que nos quede de la siguiente manera:

 

A continuación, para ejecutar el procedimiento debemos un bloque distinto, para ello vamos en la lista de los bloques y agregamos el que dice "como y ejecutar". En este bloque 

debemos cambiar el nombre en procedimientos y renombrarlo como "agregar elemento". Para continuar con esto, presionamos nuevamente en el engranaje que se presenta en el bloque y así poder rellenar los campos que tenemos vacíos, agregamos con esto los datos que nos faltan y también arrastraremos los bloques posición y valor a la cual estarán al lado de nuestro "agregar_elemento" y nos debe quedar de la siguiente manera: 

 

Una vez terminado esto, usaremos el siguiente bloque que mostramos a continuación (recordar que los encontramos al lado izquierdo de nuestra pantalla).

 

En donde dice lista agregaremos el bloque "tomar global arreglo". En donde esta la parte de índice pondremos el bloque "tomar posición" . En sustituirlo agregaremos el bloque de "Tomar valor" Esto nos debe quedar de la siguiente forma:

 

Ahora agregaremos algunos bloques, hacemos clic en bloques para agregar el siguiente: 

 

En el bloque anterior agregamos otros bloques dentro de el, como mostramos en la siguiente imagen.

Una vez adjuntados los bloques, nos vamos a control, y ubicamos lo siguiente: 

 

esto nos ayudara a que pueda empezar de un numero exacto nuestro contador, y al apretar el botón cumpla con lo que estamos requiriendo.

También modificaremos el botón "5" y lo cambiaremos por el botón "tomar global arreglo".

 Luego agregamos el bloque añadir elementos de la lista y a estos les agregamos: tomar global arreglo y un texto, como mostramos a continuación:

 

 Y para finalizar esta parte, nos deben quedar los siguientes bloques:

 

Para concluir esta aplicación, crearemos un ultimo bloque general,  que nos debe quedar de la siguiente forma: 

 A modo de resumen, solo debemos seguir los pasos anteriores, pero fijarnos bien en la imagen, ya que hay aparece lo que nos están pidiendo.

 La pantalla final se nos puede ver de la siguiente forma, ya que uno le da su propia forma u espacio a cada uno de los bloques que hemos hecho:  

 

  

Y a continuación, les dejo el link de la app inventor que realizamos juntos, esta puede ser vista para cualquier duda o consultas.

http://ai2.appinventor.mit.edu/?locale=es_ES#6167105178566656

¡Espero que te haya servido y nos vemos en la próxima edición con app inventor!