Si tienes una idea de aplicación pero no eres programador, App Inventor es tu solución. Con este completo entorno gráfico, podrás desarrollar software para Android de manera muy sencilla.
Si te interesa el mundo de la programación de aplicaciones móviles y buscas una herramienta que te facilite la tarea, App Inventor es para ti. App Inventor es un entorno de desarrollo visual para Android originalmente propuesto por Google y finalmente implementado por el MIT (Massachusetts Institute of Technology) con el apoyo del gigante americano.
Su gran ventaja frente a otras plataformas similares es la potencia de su entorno de trabajo: encontrarás muchas funciones ya definidas en forma de bloques y la flexibilidad a la hora de combinarlas te permitirá potenciar al máximo tu creatividad.
Su carácter gratuito la hace recomendable para todo tipo de usuarios. Eso sí, si quieres exprimir al máximo todas sus posibilidades, necesitarás un cierto tiempo de adaptación y aprendizaje de la herramienta. Lo ideal es que tengas unas mínimas nociones generales sobre programación para poder diseñar más fácilmente el flujo de acciones y comprender en profundidad la utilidad de cada bloque, aunque no será necesario que modifiques el código fuente.
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.
NIVEL:AVANZADO
1. Pon a punto el programa
Visita en primer lugar la web oficial de App Inventor. Necesitarás tener una cuenta Google para acceder al servicio. App Inventor 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 selecciona Setup. 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 en Done? Lets move 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.
2. Panel de diseño
El panel de diseño es accesible desde el navegador. En la página principal, pincha en Invent/Create Mobile Apps. En My Projects, selecciona New e introduce un nombre para el nuevo proyecto. Una vez dentro, explora todas sus opciones.
En Palette/Basic, hallarás utilidades básicas como botones, inserción de imágenes, cuadros de texto, etiquetas… La subsección Media contiene componentes como acceso a la cámara de fotos y vídeo, galería de fotografías, sonido, reproductor de vídeo… Social incluye los elementos necesarios para seleccionar contactos, números de teléfono de la agenda, correos electrónicos…
Sensors, por su parte, nos brinda la oportunidad de utilizar sensores para obtener información tal como la localización geográfica o la orientación del dispositivo. Para conocer algún detalle más sobre cada una de ellas, pincha en el símbolo de la interrogación que encontrarás junto a su título.
3. 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 Icon para 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 con Basic/TextBox con la leyenda Pincha sobre el icono.
Por último, si quieres redistribuir las formas en la pantalla, juega con las opciones de Screen Arrangement. Crea una tabla con TableArragement o establece la alineación horizontal o vertical de varios elementos con HorizontalArrangement y VerticalArrangement, respectivamente.