App Inventor Primeros Pasos

Buenas a todos, vamos a explicar que tenemos dentro de la plataforma que ya vimos en la entrada anterior.
Al acceder ala web http://appinventor.mit.edu/ esta es la pantalla inicial que nos aparece.
Debemos acceder a INVENT, como bien marca la imagen.




Una vez accedemos se nos presenta la siguiente página.
Seleccionamos nuevo e introducimos el nombre de nuestro proyecto

Esta es la siguiente página que se nos presenta, vamos a analizar los elementos básicos para poder movernos  por la aplicación, dejaremos algunos de lado, para no meter demasiada información, los restantes se irán viendo a medida que vallan haciendo falta!

1. Aquí podemos seleccionar nuestro proyecto o crear uno nuevo.
2. Nos logeamos/ deslogeamos.
3. Guardamos nuestro proyecto.
4. Abrimos el editor de bloque(vemos más adelante que és.)
5. “Palette”: Muestra la paleta o librería de componentes que vas a poder utilizar para construir las aplicaciones. Dentro de esta sección puedes encontrar diez categorías. Nosotros estaremos un tiempo con la básica.
6. “Viewer”, que es la representación de la pantalla del teléfono, lo que veas aquí, es lo que verás en la pantalla del teléfono. La forma de construir el diseño consiste en ir arrastrando componentes desde “Palette” a “Viewer”.
7. “Components”. En esta sección puedes ver todos los componentes que tienes en la pantalla, aquí es donde puedes cambiar el nombre a los componentes o eliminar los que tengas en “Viewer”.
8. “Properties”. En esta sección puedes configurar las propiedades de los componentes de la pantalla. Por ejemplo, cambiar los parámetros como el color de los textos, el tamaño y la forma de los botones o el fondo de pantalla, entre otras muchas opciones.
9. La opción "básic" dentro de nuestra "Palette" será la que empezemos a utilizar.

Con el número 4, el editor de bloques.Haciendo click en el, aceptamos la descarga y nos abrirá el editor para empezar a programar.

1. Guardamos el proyecto
2. Haciendo click en new emulator a brimos un telefono virtual con el que podemos ir probando nuetra aplicación.
3. Aqui podemos conectar la aplicación en construcción por medio de Wifi, al emulador creado, resetear la conexiones etc.
4. Damos ZOOM o quitamos a nuestra pantalla
5. Menú de bloques con las herramientas necesarias para definir cómo se comporta la aplicación.

1. My Blocks, donde encontrarás todos los elementos que has arrastrado previamente en la Web de AppInventor. Si te fijas en la columna Components, verás que aparecen los mismos elementos que en la columna My Blocks del Editor de Bloques.

Esto es todo para la primera entrada, en la siguiente ponderemos en practica lo que hemos visto para crear y ver como se desarrolla una aplicación sencilla.