Ciclos, con bloques para android
En esta entrada se aborda el tema de los ciclos / bucles / secuencias iterativas, o como se guste llamar. Si quedan dudas sobre lo que se tratara, visita el siguiente enlace donde se describe el concepto de ciclos. En esta ocasión el ejercicio que se realizará será en el que de un número dado (5, 10, 100) por el usuario, se clasificará cuales son pares y cuales son impares. es decir si el usuario introduce un 10 el programa debe de mostrar cuales son pares y lo impares partiendo del rango 1-10, siendo el diez el limite y posteriormente leer cada grupo. Para ello se va a requerir de lo siguiente:
Requisitos
Conocimiento de:
- Estructura de control, leer el ejercicio creado aquí.
- Creación de un proyecto en appinventor, visita la práctica por acá.
Componentes:
- Cuadro de texto.
- Botón.
- Un par de etiquetas.
- Texto a voz.
Partiendo de que ya se tiene creado un proyecto nuevo y que se tiene un lienzo en blanco, se debe de tener una interfaz de usuario similar a la que se muestra en la imagen 1.
Para esta actividad, se va a requerir de tres variables, una es la que va a tener el valor numérico que escribe el usuario, llevará el nombre de num, otra es la que tendrá el resultado de la operación, se llamará rpi (resultado par e impar), la que contendrá los números pares e impares, par e ipar respectivamente. No se olvide que deben de ser iniciadas en cero o en vacío, según convenga. Se debe de tener algo similar a lo que se muestra en la imagen 2.
Ahora viene el momento de tomar el valor que envía el usuario, mediante un ciclo for hacer las iteraciones desde 1 hasta el número que se escribió en el cuadro de texto, posteriormente dentro del ciclo hay que hacer la operación para determinar si un número es par o impar, se debe de recordar que esto se realiza con el calculo del residuo y se debe de dividir entre dos, el resultado de ello se debe de guardar en el variable rpi. Se debería de poder tener algo similar a lo que se muestra en la imagen 3.
Ahora hay que hacer uso del bloque del ciclo for (desde / para) paa ello se hará clic sobre los integrados en su categoría “control”, se tomará el bloque que tiene los textos: “por cada número desde … hasta … se incrementa en ejecutar …“. los caracteres marcados con negritas corresponde a lo siguiente:
- la palabra “número” corresponde al nombre de la variable que irá llevando el conteo de cuantas veces se va ejecutando, es decir equivale a lo que sería el contador o la variable i que regularmente se utiliza en la sintaxis del ciclo for (leer para recordar estructura del ciclo acá para ver un ejemplo del ciclo en java).
- Los puntos (…), son las variables que hay que introducirle, el primero indica desde donde va a iniciar, es decir, su limite inferior (regularmente es cero o uno). El segundo, señala hasta donde se va a incrementar, en otras palabras, es su limite superior. El tercero, marca cuanto es el incremento que se estará utilizando en el ciclo (peculiarmente su incremento es en uno o dos, de acuerdo a lo que se requiera). (vea imagen 4)
Es momento de que se coloquen las instrucciones (bloques) que permitirá darle “vida” a la aplicación. para ello se hará uso del bloque if-else donde la condición a evaluar es el resultado del residuo, después de ello hay que unir (concatenar) los valores que la variable i adquiere, que es la que de los valores existente entre 1 y el número que introdujo el usuario. Se debería de tener algo similar a lo que se muestra en la imagen 5.
Es importante notar que hasta este punto se tiene todas las variables iniciadas en cero, es decir, en un valor entero. Pero las variables par e ipar son las que van a contener todos los pares y debe de unirse con el texto “los pares son:” y se debe de cambiar el valor de iniciado en cero por un en texto vacío. Se debe de hacer un proceso similar a como se muestra en la imagen 6.
En la imagen 7 se puede observar los bloques que permiten, concatenar los números pares e impares, para ello se hizo uso de los bloques de unión (concatenación), de los integrados de texto, posteriormente se utiliza los bloques de tomar, que se encuentra en la categorías de las variables. El proceso se debe de repetir dos veces uno para los pares y los impares, la diferencia va hacer el uso de las variables, recordad que ipar es para los impares y par para los números pares.
Ahora es momento de enviar los valores a las etiquetas, no olvidar que en la etiqueta uno se colocaran los números pares y en la etiqueta dos los impares, para hacer esto hay que ir al componente etiqueta1 y buscar el bloque que inicia con el texto “poner..”, después hay que usar el bloque unión para concatenar el texto “los pares son: ” con el valor de la variable par. Luego hay que realizar el mismo proceso con la etiqueta2. Vea la imagen 8, debe de hacerse un proceso similar.
Es momento de asignarle los bloques al texto a voz, para que lee los resultados, hay que aclarar que no es necesario crear dos texto a voz sino con uno y se concatena las dos etiquetas para que las lea una después de terminar la otra. Se recomienda seguir un procedimiento como el que se muestra en la imagen 9.
Por último, es momento de agrupar todos los bloques o al menos los que competan dentro del bloque de ejecutar del objeto botón cuando se haga clic se ejecute cada uno de los mismo, para ello hay que ir al componente “botón” y elegir el bloque que tiene el texto “clic”. Se debe de hacer un proceso similar al que se puede visualizar en la imagen 10.
Al leer los bloques de código se puede observar que es un 99 % probable que exista un pequeño error, el cual consiste en que no se ha limpiado las variables que guardan los números pares (par) y los impares (ipar). Esto se notará cuando se ejecutar el programa por primera vez todo saldra bien. Pero sino cierras la aplicación y le das oro número para que calcule cuales son los pares e impares se mostrara, los nuevos números junto con los anteriores. Para solventar ese detalle solo hay que iniciar en vacío las variables ipar y par, eso se realiza con bloque de texto en vacío. Y después hay que colocar esos bloques dentro del botón. Es algo similar a lo que se muestra en la imagen 11.
En el vídeo 1 se muestra la integración de todos los bloques que se mostraron anteriormente. El vídeo 2, muestra la ejecución de los bloques . Se espera que la reproducción de esta actividad sea más placentera y de fácil aprendizaje para sus futuros proyectos. Espero sus comentarios.