¿De dónde se descarga? Visita en primer lugar la web oficial de App Inventor . Necesitarás tener una cuenta Google para acceder al servicio. App Inventor está está compuesto por un conjunto de herramientas que abarcan las diferentes tareas en la construcción de la aplicación:diseño, definición del comportamiento y simulación. Antes de pasar a utilizarlas, habrás de comprobar que cuentas con todo lo requerido. Acude a la página oficial y seleccionaSetup. Pincha en Test your system y chequea tu navegador. Es necesario tener instalado Java y los sistemas operativos soportados son Mac OS X 10.5/10.6, Windows XP/Vista/7, Ubuntu 8+ y Debian 5+. Cuando acabes, pincha enDone? Lets move m ove on! y pasarás a la descarga del software de escritorio App Inventor . En el último paso, escoge si deseas probar tus aplicaciones con tu propio teléfono o utilizar el emulador. Este último simulará un dispositivo Android que podrás manejar a través del ordenador como si de un móvil real se tratara. página oficialhttp://appinventor.mit.edu/explore/learn.html
Documentación del software Aprende en este práctico cómo iniciarte en App Inventor y lánzate al mercado de las apps. Si además requieres más información, te recomendamos que eches mano de los tutoriales que encontrarás en la sección Learn y en Reference Documentation, para conocer en profundidad cada uno de los bloques.
Learn
http://appinventor.mit.edu/explore/content/tutorials.html Reference Documentation
http://appinventor.mit.edu/explore/content/reference-documentation.html
Ejemplo para crear la primer app Tu primera pantalla
Pincha en Screen 1 en la sección Components. En la columna de la derecha se listarán sus propiedades. Establece una imagen de fondo cargándola con BackgroundImage. Para que no se distorsione, es conveniente que utilices un fondo plano o alguno de los tamaños por defecto para este tipo de pantallas. Carga también otra imagen en Iconpara que sirva de gráfico identificativo de la aplicación y marca en Scrollable si deseas permitir el uso del scroll. Ahora, añade un botón arrastrando hacia la pantalla el elemento Basic/Button. Selecciónalo en Components y agrega una imagen desde Image. Elimina el texto por defecto Text for Button 1 que aparece en el recuadro Text y escoge una forma en Shape; puedes decidir entre circular, rectangular u oval. Incluyamos también una caja de texto conBasic/TextBox con la leyenda Pincha sobre el icono. Elementos no visibles
Se denominan no visibles porque no se muestran físicamente en el panel de diseño, como por ejemplo los archivos de sonido. Prueba a agregar un fichero a través de la opción Source en Media/Sound. El procedimiento para agregar
estos elementos es el mismo que para aquellos visibles: arrástralo hacia el visor. Aparecerán listados en la parte inferior del panel, bajo el epígrafe Non-visible components. Otros elementos similares son Camera, Camcorder o Player, al igual que todos los incluidos en la sección LEGO MINDSTORMS. Esta última incluye componentes, registrados bajo la marca Lego, que te permitirán construir juegos de robótica.
Editor de bloques
Antes de continuar introduciendo elementos, vamos a ilustrar el procedimiento para relacionarlos entre sí, utilizando para ello el botón que hemos creado y el fichero de sonido cargado. Pincha en Open the Blocks Editor. Se generará un fichero Java conextensión JNLP que deberás guardar en tu PC. Ábrelo y accederás al editor de bloques. Acude ahora a la pestaña My Blocks y verás la lista de todos los bloques que hayas añadido en el panel de diseño. Selecciona Button 1 y observa sus opciones, que aparecerán en forma de piezas de puzzle. Hay tipos de piezas que indican acciones y otras para componentes. Tu misión es encajarlas para conseguir el comportamiento deseado. Probemos a establecer que al pinchar sobre nuestro botón se reproduzca nuestro fichero música. Para ello, une en el editor los bloques Button1.Click con Sound1.Play y listo.
Utiliza el emulador
Gracias al emulador , podremos desarrollar nuestras aplicaciones incluso si no contamos con un smartphone o es de otra marca, y chequear su correcto funcionamiento. En el editor de bloques, pincha en New emulator y se desplegará un teléfono Android típico. Para conectar el editor con el teléfono, pincha enConnect to Device y selecciona el emulador. La transferencia de información puede llegar a tardar dos o tres minutos, así que ten paciencia. Después, accede al menú de aplicaciones como si de un dispositivo real se tratara y prueba la tuya. El procedimiento para utilizar un móvil Android desde el editor es análogo. Conéctalo al ordenador mediante un puerto USB y, antes de iniciar la simulación, comprueba que tu configuración está habilitada para hacer este tipo de uso del teléfono. Para ello, sigue los pasos que encontrarás en la página oficial de la aplicación. Recuerda que por ahora los archivos se encuentran exclusivamente en tu ordenador.
Consulta de más ejemplos
En este apartado puedes consultar tutoriales desde el diseño y hasta la animación de la app
http://appinventor.mit.edu/explore/ai2/tutorials?
