Crear una aplicación con App Inventor consta de dos partes. Primero se diseña el aspecto de la aplicación y luego se le dice a la aplicación lo que tiene que hacer codificándola.
PRIMEROS PASOS
- Primero dibújelo en papel
- Utiliza tu prototipo de papel
- Tenerlo al lado
- Abrir el MIT App Inventor
- ai2.appinventor.mit.edu
- Seleccione "Iniciar nuevo proyecto" en el menú Proyectos
PARTES DEL DISEÑADOR
Haga clic en la i naranja naranja para conocer las partes resaltadas. Haz clic en las flechas de la izquierda y la derecha para conocer otras partes del Diseñador.
En Paleta enumera TODOS los posibles componentes (partes) que puedes añadir a tu aplicación.
Están agrupados por cajones o pestañas. Basta con hacer clic en un cajón para abrirlo.
El Visor muestra el aspecto de la aplicación después de arrastrar componentes desde la Paleta.
Los componentes no visibles no aparecen en la pantalla de la aplicación, pero siguen siendo partes importantes de la misma.
El panel de componentes muestra todos los componentes que se han añadido a la aplicación.
Tienen un espacio extra delante si están contenidos dentro de otro componente.
La página Panel de propiedades es donde se ven o cambian las diferentes características de cada componente.
El panel multimedia es donde puedes subir archivos como imágenes y sonidos para utilizarlos en tu aplicación. Basta con arrastrar y soltar los archivos en el panel multimedia.
¡ES HORA DE PROBARLO!
ACTIVIDAD 1: DISEÑAR UNA APP
Ahora que has añadido todos los componentes de la aplicación, pasarás al Editor de bloques para empezar a codificar la aplicación.
VARIABLES
Antes de empezar a codificar, vamos a aprender sobre las variables. Necesitarás usarlas cuando codifiques el Juego del Reciclaje.
Si usted está haciendo una aplicación móvil, hay veces que usted necesita realizar un seguimiento de la información diferente dentro de su aplicación. Para eso están las variables.
EL EDITOR DE BLOQUES
- Abra su proyecto Recycle Game en App Inventor
- Has añadido todos tus componentes
- Ahora cambia al Editor de Bloques
PARTES DEL EDITOR DE BLOQUES
Haga clic en la i naranja naranja para conocer las partes resaltadas. Haga clic en las flechas de la izquierda y la derecha para conocer otras partes del Editor de bloques.
En Bloques muestra todos los bloques disponibles.
Los bloques integrados forman parte de todas las aplicaciones.
Cada componente tiene también su propio conjunto de bloques de código.
El Visor es tu espacio de trabajo de codificación, donde colocas todos tus bloques de código.
Haga clic en un componente y, a continuación, arrastre el bloque que desee al Visor.
La Mochila te permite guardar tus bloques de código para reutilizarlos en otros proyectos.
Arrastra los bloques que hagas a la mochila. Puedes abrir otro proyecto y arrastrarlos fuera para reutilizarlos.
Comprueba las advertencias en amarillo y los errores en rojo antes de ejecutar tu aplicación.
Puede acercar y alejar la imagen y restablecer el zoom del Visor.
Puedes eliminar los bloques que no utilices arrastrándolos a la papelera para borrarlos.
