App Inventor para Android

download App Inventor para Android

of 35

description

Tutorial de instalación y puesta en marcha de este Software

Transcript of App Inventor para Android

Aclaro que todas las imgenes son mias, me demore mucho hacindolas, y tratando de explicar paso a paso, gracias por pasar por el post

Al final del post podrn descargar esta aplicacin de reconocimiento de voz

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

Que tal amigos de taringa, en este post les enseare 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 programacin, 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 empezars a ver resultados muy curiosos.

Sorprende a tus amigos con tu propia aplicacin....!!!

La aplicacin 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 telfonos Android con un navegador web, ya sea con un telfono 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 aplicacin.

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

Tu aplicacin aparece en el telfono paso a paso a medida que aades piezas a la misma, para que puedas ir probando tu trabajo. Cuando hayas terminado, puedes empaquetar la aplicacin y producir una aplicacin independiente para instalar.Si no tienes un telfono Android, puedes desarrollar tus aplicaciones utilizando el emulador de Android , es un software que se ejecuta en tu ordenador y se comporta como el telfono.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 usarprimero 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 parmetros 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 panel 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 sealadas 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