Saltar la navegación

Diseñador, ¡por fin nos conocemos!

Rétor dice

Como has podido comprobar ya, la fase de diseño propiamente dicha la vas a abordar con la ayuda de Bitbloq Apps.

Por tanto, lo primero que tienes que saber es qué es exactamente y, además, conocer algunos datos y opciones disponibles. Para ello, a continuación, tienes unas explicaciones que te van a guiar en el proceso.

Posteriormente, mediante la realización de varios ejercicios, aprenderás a manejar sus opciones básicas de cara a poder completar tu compromiso.

En algunos ejercicios encontrarás que existen varias opciones, A, B incluso C. Lo ideal es que completes la B si hay dos y la C si hay tres, pero si ves que te cuesta demasiado puedes hacer las anteriores de cara a no quedarte nunca parado.

1. Componentes básicos de Bitbloq Apps

A continuación se muestran componentes básicos de Bitbloq Apps:

Bitbloq 03

Bitbloq 04

Bitbloq 05

2. Cada componente con su pareja

¿Puedes distinguir un componente de una propiedad? ¿Sabes para qué sirven unos y otras? ¿Los localizarías en Bitbloq Apps?

Estas preguntas y otras, tienen su respuesta si eres capaz de completar aceptablemente este ejercicio.

Opción A: ¿Componente o propiedad?

A ver si puedes poner a cada cual en su sitio, unos son componentes de Bitbloq Apps y otras son algunas de las propiedades configurables de esos componentes. Sólo tienes que arrastrarlos y soltarlos en lugar que creas que les corresponde.

Accede a Bitbloq Apps para localizarlos y asegurar tu respuesta.

Opción B: Clasifica

Cada componente que pongas en el visor de tu app tiene una serie de propiedades que se pueden configurar. Para que practiques un poco cómo se hace te propongo que hagas lo siguiente:

Empareja las siguientes propiedades con los componentes que le correspondan.

Para hacerlo tienes que arrastrar cada propiedad hasta soltarla dentro del cuadro del componente que corresponda.

Ten presente que las propiedades pueden pertenecer a varios componentes y por tanto las puedes arrastrar y soltar cuantas veces quieras (no van a desaparecer de la parte inferior).

Opción C: Razona

En la imagen puedes ver una serie de componentes mezclados con varias propiedades.

La imagen muestra un conjunto de componentes y de propiedades básicos para el diseño de una interfaz gráfica en de App Inventor

Razona qué le ocurre a cada componente cuando se modifica el valor de las propiedades que le corresponden.

3. ¡Te vas a enterar de lo que vale...UN BOTÓN!

Vete a Bitbloq Apps y en el proyecto que tienes creado vas a trabajar los botones y sus propiedades haciendo lo que se indica a continuación.

  1. Elige un botón y cámbiale el color.
  2. Haz que se pueda leer en el interior del botón la palabra “bien”.
  3. Modifica el tamaño del botón de forma que ocupe la mitad de la pantalla.
  4. Desactiva el botón y ocúltalo.
  5. Busca una imagen que te guste y ponla en el interior del botón.
  6. Añade tres botones más a la app que estén en horizontal debajo del que has cambiado.
  7. Cambia la posición del botón que ha quedado a la derecha y lo pones a la izquierda.
  8. Elimina el botón central de los tres que has creado.

Haz una captura de pantalla, con la evidencia de cada uno de tus logros, que te sirva para guardar una imagen de lo que has hecho en cada caso. Pégalas en un documento de registro.

Motus dice ¡Enhorabuena!

¿Te has dado cuenta de la cantidad de cosas que has tenido que hacer para completar las actividades?

Hasta aquí has podido ver multitud de contenidos que sin duda te van a ayudar en tu camino para alcanzar las metas que te has propuesto.

Imagino que el esfuerzo que has hecho ha sido grande, pero creo que entiendes que el aprendizaje continuo lo requiere y estás dispuesto a seguir adelante, ¡ánimo! que continuamos.

Creado con eXeLearning (Ventana nueva)