Sie sind auf Seite 1von 35

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


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 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

Das könnte Ihnen auch gefallen