Está en la página 1de 5

Reto de programación

en App Inventor
Prioridad de paso

Pistas
1

Avanzado 2
Lección

1
Fase 1
Desde tu navegador de internet habitual, dirígete a la dirección URL http://appinventor.mit.edu/explore/
Selecciona la opción Create apps!

Da clic en el botón Comenzar un proyecto nuevo e introduce el nombre del proyecto en el cuadro de diálogo que aparece. El nombre no puede llevar
espacios, acentos o puntos.

2
Lección

1
En la barra de paletas de la sección Diseñador, se encuentra una nombrada Interfaz de usuario con la que puedes crear botones e
importar imágenes que tengas guardadas en la computadora para incluirlas en tu aplicación. Observa la sección Propiedades que se
encuentra del lado derecho del entorno de programación para configurar las características de cada componente que desees integrar a
tu aplicación.

Por ejemplo, para incluir un cuadro de texto que abarque más de una línea en tu aplicación, arrastra la opción Etiqueta al visor. Después, selecciona la
propiedad Texto y escribe la información que necesites mostrar. Ajusta el tamaño de la etiqueta al contenedor para que se vea el texto completo.

3
Fase 2 Lección
Para programar las herramientas que hayas agregado a tu aplicación, en la esquina superior derecha de la ventana, encontrarás el botón
Bloques.
1
Al dar clic, aparecerán las familias de bloques y el editor de códigos. Basta con arrastrar el bloque que necesitas al editor para empezar a
programar los elementos de tu aplicación.

Por ejemplo, puedes programar que se cambie el color de fondo, el tamaño de la letra o el color de texto utilizando el bloque poner Etiqueta
1.ColorDeFondo como. Da clic en la flecha del segundo rectángulo para ver las opciones que tienes.

4
Fase 3 Lección
Para borrar bloques que no necesitas ocupar, únicamente debes ir a la sección Bloques, elegir el bloque a borrar y arrastrarlo al ícono de
bote de basura que se encuentra del lado inferior derecho del entorno.
1
Para borrar imágenes, debes ir a la sección Diseñador, observa la sección Componentes, selecciona la imagen a borrar y pulsar el botón Borrar. También se
puede cambiar el nombre de la imagen en esta parte del Diseñador.

Una vez guardado tu proyecto en la web de App Inventor, prueba tu aplicación en la App MIT AI2 Companion.

También podría gustarte