App Inventor Para Android 5kg2k

Aclaro que todas las imágenes son mias, me demore mucho haciéndolas, y tratando de explicar paso a paso, gracias por pasar por el post

Al final del post podrán descargar esta aplicación de reconocimiento de voz

link: https://www.youtube.com/watch?v=NeAyAQRnjFA&feature=youtu.be

Que tal amigos de taringa, en este post les enseñare como crear aplicaciones android desde cero, de una forma facil y con una herramienta web muy poderosa, y sin necesidad de programar con codigo...!!! no necesitas saber mucho de programación, solo tener la logica necesaria. Google ha desarrollado un interfaz visual en el que puedes crear aplicaciones sencillas ensamblando piezas como si fuera un rompecabezas. Al principio cuesta un poquito adaptarse, pero cuando lleves una hora viendo ejemplos y trasteando con tu ordenador empezarás a ver resultados muy curiosos. Sorprende a tus amigos con tu propia aplicación....!!! La aplicación que desarrollaremos la podemos usar en conjunto con un arduino uno, y un modulo bluetooth receptor, para encender y apagar los focos de la casa.

Para empezar debemos saber que es App Inventor les dejo el link de la pagina, para poder ingresar basta con tener una cuenta en google. Ingresas con tus mismo datos que ingresas al gmail.

http://ai2.appinventor.mit.edu/ App Inventor te permite desarrollar aplicaciones para los teléfonos Android con un navegador web, ya sea con un teléfono conectado o con un emulador. El servidor de AppInventor almacena tu trabajo y te ayuda a realizar un seguimiento de tus proyectos. Al ingresar a la pagina esta sera la primera pantalla que veras

le dan click en continuar Luego tendremos la interfaz en donde empezaremos a

crear la app Desarrollas aplicaciones trabajando con: - App Inventor Designer, en el que seleccionas los componentes para tu aplicación.

- App Inventor Blocks Editor , donde se montan los bloques del programa que especifican cómo deben comportarse los componentes. Tu montas los bloques de forma visual, son piezas que encajan como piezas de un rompecabezas.

Tu aplicación aparece en el teléfono paso a paso a medida que añades piezas a la misma, para que puedas ir probando tu trabajo. Cuando hayas terminado, puedes empaquetar la aplicación y producir una aplicación independiente para instalar. Si no tienes un teléfono Android, puedes desarrollar tus aplicaciones utilizando el emulador de Android , es

un software que se ejecuta en tu ordenador y se comporta como el teléfono. Antes de poder utilizar App Inventor, es necesario configurar el ordenador e instalar los paquetes de App Inventor en tu ordenador les dejo un video de como preparar el emulador para quienes no tengan un terminal android link: https://www.youtube.com/watch?v=QdiM6XsZ48k

Empezando a crear la app Primero le damos click en projects > start new project

Le damos un nombre al proyecto, y le damos click a ok

nos aparece una ventana como esta

ahora vamos a arrastrar los elementos que vamos a usar primero un layout

En un HorizontalArrangement, los componentes de ubican de manera horizontal dentro de este. En un VerticalArrangement, los componentes se ubican de manera vertical, uno encima del otro los parámetros que podemos cambiar son el ancho y largo

Luego arrastramos un ListPicker, Un label, Y un boton (en este orden)

Cambiamos el nombre de los componentes primero le damos click en el componente, luego en el boton rename, y cambiamos el nombre, en este caso le puse lista dispositivos al presionar este boton nos saldra una lista con todos los dispositivos bluetooth con los que esta vinculado el telefono o tablet

hacemos lo mismo para el boton y para el label

al label, le puse el nombre "estado", y al boton "desconectar" luego vamos a mejorar el diseno de los componentes para ello nos vamos al de propiedades al lado derecho, y en la parte donde dice texto, borramos lo que esta ahi y cambiamos las dimenciones del listpicker y el boton por 80pixeles

luego cambiamos el color del label, boramos lo que dice en el cuadro de texto, y cambiamos las dimesiones a 40x40pixeles nos debe quedar asi:

luego vamos a sensors, y arrastramos un clock

luego vamos a conectivity y arrastramos un bluetoothclient

arrastramos un nuevo layout, en este caso un VerticalArrangement, y cambiamos las propiedades que estan señaladas con flechas verdes

Arrastramos un boton, cambiamos el nombre a foco, y cambiamos las propiedades como muestran las flechas verdes

para mejorar la aplicacion podemos ponerle imagenes a los botones, para ello subimos un par de imagenes

les dejo las imagenes que use

nos debe quedar asi

luego en propiedades, en el bloque de imagen, seleccionamos la imgen que queremos que tenga el boton

hasta ahora tendremos esto

ahora le damos click en el boton BLOCKS, para programar la aplicacion

nos vamos a clock, y seleccionamos

luego nos vamos a control y seleccionamos un if

vamos a bluetooth client y seleccionamos:

luego en estado seleccionamos, set label background color, y le ponemos un color

Para la coneccion bluetooth deben arrastrar los

bloques y ubicarlos como esta en esta imagen

Y para descargar la aplicacion, le dan click en build. y save apk

Los materiales que necesitaremos son: un arduino uno

un modulo bluetooth hc-06

una placa con reles

Ahora vamos con el codigo de arduino

Los diagramas de coneccion Conectar el modulo bluetooth al arduino uno

conectar el led

conectar el foco

link: https://www.youtube.com/watch?v=ez2ZdY3H5i0