Seguidamente, vas a empezar a conocer la parte de App Inventor destinada a los bloques de programación.
Para ello, te voy a pedir inicialmente que trates de explorar sus opciones más importantes, haciendo pruebas con ellas para que te vayas acercando poco a poco a su dinámica, características y forma de uso.
Antes de hacer nada, debes acceder al apartado de bloques de App Inventor.
Para ello, dirígete al diseñador como ya sabes, dentro del proyecto que has titulado ... (¿Cómo? ¿Aún no le has puesto el título?), y busca el botón “bloques” que aparece en la pantalla bajo el nombre de usuario (en la esquina superior derecha) para pinchar sobre él.
Comprobarás que vas a llegar a una interfaz que recuerda algo a la de Scratch. Ahí es donde vas a centrar tus esfuerzos.
Si no consigues llegar a los bloques con las instrucciones que tienes, no te preocupes, a continuación te indico los pasos que debes seguir para conseguirlo:
Accede a la página página web de App Inventor
Este paso es automático.
Al pinchar en "Create Apps!", tras una breve espera, se abrirá el último proyecto sobre el que estuvieras trabajando.
En tu caso aquel que llamaste ... (¿?).
Una vez dentro del proyecto estarás en la zona de "diseñador".
Para pasar a la de "bloques", basta con pinchar en el botón del mismo nombre que tienes en la esquina superior derecha, debajo del nombre de usuario.
Te lo muestro en la siguiente imagen:
Con la interfaz de bloques ya en pantalla, lo primero que debes hacer es conocerla un poco, para ello te propongo que hagas lo siguiente:
Explora visualmente la interfaz de bloques y fíjate que tiene distintas partes que comparten algunas características y otras que son muy diferentes.
Cuando hayas visto detenidamente todo, realiza en tu cuaderno el dibujo de un esquema que muestre las principales zonas de la interfaz de bloques representadas con rectángulos.
Para rematar el ejercicio, por escrito, en tu cuaderno, explica con una frase para qué sirve cada espacio que has marcado.
Para ello, ponle un número a cada rectángulo del esquema que has creado y debajo, aparte, haz una lista con los números ordenados de menor a mayor junto con cada explicación para hacer una leyenda explicativa.
Observa con atención qué categorías de bloques te ofrece este entorno.
Empieza centrándote en las que contienen los denominados “integrados”, pero no te quedes mirándolas fijamente sin hacer nada, ábrelas para ver qué instrucciones tienes a tu disposición que te puedan ayudar a programar tu app.
Cuando se desplieguen los bloques, trata de hacer una selección de aquellas que consideras más útiles y dibújalas en tu cuaderno, a color, si es posible.
Cuando tengas elegidas las opciones más útiles, escribe en tu cuaderno para qué sirven.
Si no estás muy seguro, deja el cursor del ratón un instante sobre el bloque y verás qué pasa.
Como habrás podido comprobar antes, hay bloques muy interesantes, pero nada comparado con los que vienen a continuación.
Oculta los bloques integrados de manera que sus categorías no se vean (sólo tienes que clicar el cuadro que contiene en signo menos a la izquierda del nombre).
Céntrate en los componentes que tienes a la vista.
Compara la lista de componentes que aparece en el “diseñador” con la que puedes ver en el apartado de “bloques”.
Di cuál es su grado de parecido en una escala del 1 al 10, donde 1 significa que no se parece en nada y 10 que las dos tienen los mismos componentes.
Levanta la mano y da tu respuesta verbalmente a la siguiente pregunta:
¿Cuál crees que es la razón de que tenga ese grado de parecido?
Es importante que estés atento a las respuestas de los demás para valorar si la tuya coincide más o menos. Tu profe os desvelará al final la respuesta y entonces comprobarás quién estaba en lo cierto.
Una vez que compruebes si tienen mucho o poco que ver las categorías de componentes con los elementos de tu app, pincha en cada apartado para desplegar los listados de bloques.
Cuando tengas a la vista los bloques, clasifícalos en función de su forma y color.
Para ello, haz una lista en tu cuaderno en la que dibujes un bloque representativo de cada clase.
Para empezar a programar tu app es importante que sepas cuándo usar cada uno de los bloques que has clasificado.
Es por ello que ahora es el momento de que pienses que cada forma y color tienen un significado muy concreto, que debes tratar de averiguar para escribirlo en tu cuaderno.
Para ello, puedes probar a hacer combinaciones de cada clase de bloques con otros para ver a qué conclusiones llegas.
Si no sabes cómo combinar bloques, no te agobies. Es sencillo, solo tienes que seguir tres sencillos pasos:
Despliega la categoría de bloques que te interese y busca el que necesites (si no lo ves bien pincha en la imagen y amplíala).
Para trabajar con los bloques en pantalla, sólo tienes que arrastrarlos hasta soltarlos en el área del “visor”. Mira en la siguiente imagen un ejemplo (si no lo ves bien pincha en la imagen y amplíala):
Si quieres que se combinen unos bloques con otros ya existentes, solo tienes que soltarlos cerca y se unirán automáticamente. En la siguiente imagen tienes un par de ejemplos del momento previo a la combinación (si no lo ves bien pincha en la imagen y amplíala):
Ahora sí es el momento de tratar de programar tu app.
Si tienes en el “visor” algún bloque que no vayas a necesitar, bórralo.
Dedícate a seleccionar y combinar, en el “visor”, los bloques que creas necesarios para dar a los componentes de tu app las instrucciones apropiadas para que cumplan con la función que les has asignado.
Escribe en tu cuaderno las conclusiones a las que llegues.
Si no sabes cómo combinar bloques, no te agobies. Es sencillo, solo tienes que seguir tres sencillos pasos:
Despliega la categoría de bloques que te interese y busca el que necesites (si no lo ves bien pincha en la imagen y amplíala).
Para trabajar con los bloques en pantalla, sólo tienes que arrastrarlos hasta soltarlos en el área del “visor”. Mira en la siguiente imagen un ejemplo (si no lo ves bien pincha en la imagen y amplíala):
Si quieres que se combinen unos bloques con otros ya existentes, solo tienes que soltarlos cerca y se unirán automáticamente. En la siguiente imagen tienes un par de ejemplos del momento previo a la combinación (si no lo ves bien pincha en la imagen y amplíala):
En Scratch has visto que es muy sencillo probar cómo funciona un programa, ya que incluye directamente como parte de su interfaz un área donde se representa el resultado de la combinación de los bloques.
Sin embargo en App Inventor, seguro que echaste de menos esa área nada más abrir la interfaz de programación. Eso es porque se ha organizado de otra forma.
Si pinchas sobre el menú superior denominado “Conectar”, se despliegan varias opciones, entre las que está “AI Companion” y “Emulador”. Ambas sirven para probar tu app antes de validarla.
En esta etapa tan temprana en la que aún no tienes unos conocimientos amplios y sólidos del tema, es posible que hayas cometido errores e incluso que consideres que has fracasado en algunas cosas.
Pero estos tropiezos y errores debes interpretarlos como parte natural y necesaria de tu proceso aprendizaje. ¿Quién no se ha equivocado alguna vez?
Aún así, no debes preocuparte, hay que reconocer que esta parte ha sido difícil. Sin embargo, con lo que vas a aprender a partir de ahora, verás como se despejan todas tus dudas y los tropiezos y errores iniciales se van a transformar en éxitos rotundos.
Para aprender de ello, puedes analizar en qué has fallado y buscar una forma de mejorar ese error. Así la próxima vez que suceda, sabrás como afrontarlo y conseguir hacerlo genial.
Obra publicada con Licencia Creative Commons Reconocimiento Compartir igual 4.0