[App Inventor] Login sencillo (Primeros Pasos)

Este primer tutorial nos va a servir como un primer acercamiento con el funcionamiento del App Inventor. Lo que vamos a aprender en este tutorial será:

• Añadir componentes a la vista de diseño de nuestra aplicación.
• Agrupar esos componentes en la pantalla con los componentes de "Disposición en Pantalla" (Screen Arrangement).
• Trabajar con el Blocks Editor: Crear y trabajar con una lista (array) para buscar si existe un elemento dado dentro de dicha lista.
• Mostrar el resultado en pantalla y montarlo en el emulador Android del App Inventor.

¡ATENCIÓN!

ANTES DE EMPEZAR A TRABAJAR: Asegúrate que instalaste las herramientas necesarias para empezar a trabajar con el App Inventor

[App Inventor] Primeros Pasos

Para los que no lo conozcáis, App Inventor es una plataforma de desarrollo, ahora distribuida libremente por Google, que te permite crear aplicaciones para Android de una manera rápida y sencilla. ¡Y sin necesidad de tener grandes nociones de programación ni tener que configurar un engorroso IDE!

¿Qué como funciona? Muy facil...

Tiene una interfaz visual con la que vas arrastrando los distintos controles a la pantalla de lo que va a ser tu aplicación. Un área de texto, una imagen, una etiqueta, un botón, etc... y todo point&click, sin necesidad de picar una sola linea de código.

Pantalla de paleta de controles de App Inventor

Luego, solo tenéis que arrancar el "Blocks Editor" y con unos simples bloques de código a modo de piezas de puzle podemos recoger los distintos eventos de los controles (por ejemplo del botón tendremos el Click) e ir dando las órdenes para realizar distintas acciones.

Una sencilla acción que hará que al pulsar nuestro botón
escriba "¡Hola Mundo!" en la pantalla.

Si os habéis quedado con ganas de más, os recomiendo que os registréis para poder usar esta aplicación, ya que muy pronto en San Binario iremos colgando tutoriales para hacer fantásticas aplicaciones para poner luego a la venta en el Market. Os esperamos! :)

App Inventor