Actividad N°3 Arreglos

Para la siguiente actividad vamos a crear elementos de un arreglo en App-Inventor


1.- Inicia sección en la página de app inventor http://ai2.appinventor.mit.edu/. Crea un proyecto y vincula tu dispositivo android o tablet a app inventor.
2.- Debemos crear la interacción que necesitamos con el usuario. Para eso necesitaremos ir a Interfaz del Usuario, buscar "Disposición Horizontal" y arrastras 3 veces la opción y agregar un Notificadador (este lo usaremos más adelante)

3.- Ahora buscamos "botón" y arrastramos uno en "Disposición Horizontal 1". Luego en "Disposición Horizontal 2" necesitaremos un "botón", una "Disposición Tabular" y dentro de esta necesitamos dos "etiqueta" y dos "campos de texto"


4.- Tenemos que cambiarle el texto a los interfaces que ingresamos. Para eso nos dirigimos a Propiedades de cada interfaz y en la opción "texto" le cambiamos su contenido. 
  • Botón1: Fijar Tamaño
  • Botón2: Aceptar Ingreso
  • Etiqueta1: Posición
  • Etiqueta2: Dato 

5.- A "Disposición Horizontal 3" le añadiremos un "Disposición Tabular" y a esta le añadiremos un "botón", una "etiqueta" y un "campo de texto". Y en propiedades le cambiamos el texto a cada uno respectivamente 



6.- Ahora pasamos a la construcción de la programación del arreglo con los bloques. Para eso necesitaremos crear las variables "arreglo" y tamaño" con el bloque de "inicializar globar como" de la siguiente manera 

el bloque 0 lo encontrarás en los bloques "matemática" y el bloque crear una lista vacía en "lista"

7.- Ahora necesitaremos crear el procedimiento para ejecutar y obtener resultados del arreglo y para eso necesitaremos los siguientes bloques que encontrarás en "Procedimiento"


8.- En el primer bloque haremos clic en la tuerca azul y arrastraremos 2 veces la opción "entrada:x". Se añadirán al bloque 2 opciones en color naranja. A estas opciones le cambiaremos el nombre por posición y valor.


9.- Luego en "lista" buscamos el bloque "sustituye elementos de la lista", lo anclamos al bloque anterior y complementamos con los bloques tomar que se encuentran al hacer clic en las opciones de color naranjo.


10.- En el segundo bloque del paso 7  haremos clic en la tuerza azul y arrastraremos un "entrada:x". Se añadirá un bloque de color naranjo. A este le cambiaremos el nombre por "posición" 



11.- Luego en "lista" arrastramos el bloque "seleccionar elementos de la lista" y lo anclamos con el bloque anterior. Ocupamos el bloque naranjo que se nos creo anteriormente. 


12.- Ahora necesitamos programar los botones que hemos colocado. Para eso iremos a los bloques del primer botón y arrastraremos el bloque "Cuando Botón1. Clic". A este le añadiremos una opción para mostrar lo que salga al apretarlo. Para eso necesitamos que quede de la siguiente manera: 


13.- Luego necesitamos que haya un incremento en nuestro arreglo. Aquí necesitamos el bloque "para cada número desde" que se encuentra en la sección de Control y lo modificares de la siguiente manera:


14.- En este momento vamos a usar el Notificador. Hacemos clic en los bloques de este y arrastramos el bloque "llamar Notificador1. Mostrar diálogo mensaje" y lo anclamos al bloque que teníamos anteriormente. Lo modificamos agregando más bloques quedando así:



15.-  Ahora vamos a ingresar un dato al arreglo. Para esto necesitaremos los siguientes bloques 


16.- Y finalmente necesitaremos hacer la lista de los datos del arreglo


17.- Y listo, ya puedes crear un arreglo. Para cargar tu aplicación dirígete a "conectar" y haz clic en "al companion". Escanea el código QR con tu dispositivo en "App inventor" y juega con tu actividad.

No hay comentarios:

Publicar un comentario