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 en programación.
PRIMEROS PASOS
- Primero dibújalo en papel
- Utiliza tu prototipo de papel
- Tenlo a tu lado
- Abre el MIT App Inventor
- ai2.appinventor.mit.edu
- Selecciona "Iniciar nuevo proyecto" en el menú de Proyectos
PARTES DEL DISEÑADOR
Haz clic en la i naranja para aprender sobre las partes resaltadas. Haz clic en las flechas de la izquierda y la derecha para conocer sobre otras partes del diseñador.
La paleta enumera TODOS los posibles componentes (o 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 adicional delante si están contenidos dentro de otro componente.
El panel de propiedades es donde puedes ver o cambiar 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 ya has añadido todos los componentes de la app, pasarás al Editor de Bloques para empezar con programación.
VARIABLES
Antes de empezar a programar, vamos a aprender sobre variables. Necesitarás usarlas cuando programes el Juego de Reciclaje.
Si estás creando una aplicación móvil, hay veces que necesitas hacer un seguimiento de diferentes tipos de información dentro de tu aplicación. Para eso están las variables.
EL EDITOR DE BLOQUES
- Abre tu proyecto del Juego del Reciclaje en App Inventor
- Ya has añadido todos tus componentes
- Ahora cambia al Editor de Bloques
PARTES DEL EDITOR DE BLOQUES
Haz clic en la i naranja para aprender sobre las partes resaltadas. Haz clic en las flechas de la izquierda y la derecha para conocer sobre otras partes del editor de bloques.
El panel de 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 su espacio de trabajo programación , donde coloca todos sus bloques de código.
Haz clic en un componente y, a continuación, arrastra el bloque que deseas 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.
