23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Creando una aplicacin con App Inventor

App Inventor es una aplicacin web que permite a los usuarios crear aplicaciones para Android de forma muy simple y rpida, utilizando por un lado un editor grfico para colocar botones, dibujos, textos, deslizadores, etc y por otro lado un sistema de diagrama de bloques donde uno va conectando bloques entre si para generar la aplicacin. Realmente excelente.Hoy voy a mostrarles como desarrollar una aplicacin para manejar tres leds a travs de un telfono con Android haciendo uso del Bluetooth. Para esto necesitaremos: Un telfono con Android. Una placa Arduino, cualquiera. Un adaptador bluetooth para Arduino.
http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/ 1/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Algunos leds. Fernet (Branca). Primero vamos a programar nuestro Arduino. En este caso, voy a querer encender y apagar tres leds a travs de mi telfono, enviando datos a travs de ondas de radio (Bluetooth), tal como vimos en este post anterior. Mi idea entonces, es programar el Arduino para que establezca una conexin serie de 9600bps y desde alli reciba comandos, luego estos comandos sern interpretados para encender o apagar las salidas digitales, este es mi cdigo:

S t r i n gr e a d S t r i n g ; v o i ds e t u p ( ){ S e r i a l . b e g i n ( 9 6 0 0 ) ; / / S a l i d a sd i g i t a l e s p i n M o d e ( 2 ,O U T P U T ) ; p i n M o d e ( 3 ,O U T P U T ) ; p i n M o d e ( 4 ,O U T P U T ) ; } v o i dl o o p ( ){ w h i l e( S e r i a l . a v a i l a b l e ( ) ){ d e l a y ( 1 0 ) ; i f( S e r i a l . a v a i l a b l e ( )> 0 ){ c h a rc=S e r i a l . r e a d ( ) ; r e a d S t r i n g+ =c ; } } i f( r e a d S t r i n g . l e n g t h ( )> 0 ){ i f ( r e a d S t r i n g= =" 2 o n " ){ S e r i a l . p r i n t ( " E n c e n d e rp i n2 " ) ; d i g i t a l W r i t e ( 2 ,H I G H ) ; } i f ( r e a d S t r i n g= =" 2 o f f " ){

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

S e r i a l . p r i n t ( " A p a g a rp i n2 " ) ; d i g i t a l W r i t e ( 2 ,L O W ) ; } i f ( r e a d S t r i n g= =" 3 o n " ){ S e r i a l . p r i n t ( " E n c e n d e rp i n3 " ) ; d i g i t a l W r i t e ( 3 ,H I G H ) ; } i f ( r e a d S t r i n g= =" 3 o f f " ){ S e r i a l . p r i n t ( " A p a g a rp i n3 " ) ; d i g i t a l W r i t e ( 3 ,L O W ) ; } i f ( r e a d S t r i n g= =" 4 o n " ){ S e r i a l . p r i n t ( " E n c e n d e rp i n4 " ) ; d i g i t a l W r i t e ( 4 ,H I G H ) ; } i f ( r e a d S t r i n g= =" 4 o f f " ){ S e r i a l . p r i n t ( " A p a g a rp i n4 " ) ; d i g i t a l W r i t e ( 4 ,L O W ) ; } r e a d S t r i n g = " " ; } }

Como pueden ver el cdigo es bien sencillo, recibiendo los comandos que estan en cada if, realiza el encendido o apagado correspondiente siguiendo la siguiente informacin: 2on: enciende el led colocado en la salida digital nmero 2. 2off: apaga el led colocado en la salida digital nmero 2. 3on: enciende el led colocado en la salida digital nmero 3. 3off: apaga el led colocado en la salida digital nmero 3. 4on: enciende el led colocado en la salida digital nmero 4. 4off: apaga el led colocado en la salida digital nmero 4.

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

3/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Este cdigo lo quemamos al microcontrolador y procedemos a crear nuestra aplicacin en App Inventor.

Primero ingresamos a http://www.appinventor.mit.edu/ y damos click en Invent para crear una nueva aplicacin.

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

4/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Primero coloqu un Cliente Bluetooth, luego los botones primarios para conectarse al adaptador bluetooth y para salir, y luego
http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/ 5/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

dos botones para cada salida, as encendemos y apagamos cada una. Luego de hacer esto, clickeamos en Open the Blocks Editor, nos descargar un archivo jnlp que debemos abrir con Java Web Start. Luego de unos segundos nos cargar una ide de desarrollo, donde colocaremos cada bloque para formar nuestra aplicacin, en mi caso queda as:

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

6/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

7/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Lo primero que hice fue declarar una constante con la Mac Address de mi dispositivo (el adaptador bluetooth para Arduino), luego cree las instancias Click para cada boton. Una vez creados los bloques, podemos probar el funcionamiento utilizando la herramienta de emulacin, con el smartphone conectado, lo seleccionamos de la lista y appinventor cargar nuestra aplicacin en ese instante para poder probarla. Si nos gust, podemos cerrar el editor de bloques y descargarnos nuestro apk desde la aplicacin web.

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

8/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Por ltimo les dejo un video de la aplicacin controlando el Arduino Nano v3.0

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

9/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Para los vagos: Ac tienen el apk compilado y el cdigo para quemar al Arduino: homeAutomation Esta entrada fue publicada en Android, App Inventor, Arduino Nano, Arduino UNO, Bluetooth y etiquetada Android, App Inventor, arduino bluetooth, Arduino Nano, arduino uno, Bluetooth, Conexion inalambrica , Domotica por nico. Guarda enlace permanente [http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/] .
43 PENSAMIENTOS EN CREANDO UNA APLICACIN CON APP INVENTOR

alfonso
http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/ 10/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

en 20 noviembre, 2012 en 3:12 dijo:

Disculpa por que en el boton de conectar tienes al final que le envie como texto 0AB

nico en 20 noviembre, 2012 en 12:26 dijo:

Hola, Se necesita si o si enviar una pequea cadena de datos, como yo envi 0AB, se puede enviar otra cosa sin problemas

roger en 8 junio, 2013 en 19:59 dijo:

hola buenas tardes, estoi aciendo tu programa y me aparece un error en la soncronizacion, me dice k hay un error de BLUETOOTH_ADMIN me podria ayudar a solucionarlo

Oscar Garay en 22 septiembre, 2013 en 15:52 dijo:

Tengo el mismo problema! Necesito solucionarlo, cmo hago que me funcione???

Solaun en 2 enero, 2013 en 15:39 dijo:

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Hola; Muy buen aporte. Mi idea es hacer algo parecido pero con la tarjeta Ethernet de arduino, para poder controlarlo desde 3g. No s como hacer que me los datos que enve desde mi telefono mediante una apk propia, me los interprete la tarjeta de ethernet de arduino. Se podra hacer? Gracias y saludos

Jorge en 8 marzo, 2013 en 2:38 dijo:

Hola amigo me podrias dar bien el serial de tu arduino con serial o nomeclantura o clave te lo agradeceria

crixus en 14 abril, 2013 en 13:20 dijo:

oye y respecto al baudaje del celular en donde se configura o ya es por defult de 9600

nico en 14 abril, 2013 en 21:55 dijo:

Por default es 9600.

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

12/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Alberto en 4 mayo, 2013 en 14:32 dijo:

Hola, amigo ya pase el programa al arduino1 y me instale la aplicacion apk en un movil android, pero al intentar correr la aplicacion me sale un error. Me podrias indicar que podria estar mal???

Antonio Moreno en 5 mayo, 2013 en 1:35 dijo:

Hola que tal, muy interesante tu tutorial, eh checado tus otros tutoriales y me surgio una duda relacionada con este tuto, crees que sea posible o has tratado leer un mensaje del arduino en android, por ejemplo mandar el mensaje de Led prendido desde el arduino y poder visualizarlo en android???? espero tu respuesta, gracias

nico en 6 mayo, 2013 en 22:06 dijo:

Si, no sera un problema!

david en 22 octubre, 2013 en 10:43 dijo:

yo trat de hacerlo pero no pude, solo me llegan desde el arduino al celular signos de interrogacin dentro de un rombo. sabes porque me puede pasar eso??

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

13/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

marandd en 29 octubre, 2013 en 21:07 dijo:

Amigo sera que me podrias apoyar en este mismo tema, es qeu tengo el interes de poder recibir en Android alguna cadena de Arduino, Saludos desde Mexico

Vctor en 13 mayo, 2013 en 19:54 dijo:

Hola, muy bueno el tutorial lo quiero realizar pero como saber cual es la mac del dispositivo (el adaptador bluetooth para Arduino) ya que afuera no sale. gracias

Max en 16 mayo, 2013 en 9:56 dijo:

el numero mac te figura en el modulo, dice MAC NO xx-xx-xx-xx-xx-xx

Pablo en 15 mayo, 2013 en 16:00 dijo:

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

14/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Muy Buenas y saludos. Ante todo felicitarte por el pedazo post!!.He realizado paso por paso y solo puedo decir que funciona perfectamente. Acaban de incorporar una herramienta nueva en appinventor. El slider. Seria muy interesante integrarla en el post ya que de este modo, no solo podrs encender y apagar leds, si no tambin poder usar la funcin PWM de modo que se pueda subir y bajar la intensidad de los leds.

Alberto Fras en 24 noviembre, 2013 en 19:16 dijo:

Yo tambien quisiera saber como hacerle con lo del slider, tengo un proyecto que es exactamente eso que mencionas, ayuda plz

roger en 8 junio, 2013 en 19:59 dijo:

hola buenas tardes, estoi aciendo tu programa y me aparece un error en la soncronizacion, me dice k hay un error de BLUETOOTH_ADMIN me podria ayudar a solucionarlo

Rafa en 23 junio, 2013 en 13:40 dijo:

Intento importar el archivo .apk desde el app inventor pero me sale el error donde dice que no es un archivo .zip. Lo he descomprimido y que quitado el archivo del programa del arduino y he creado otro comprimido del tipo .zip con el .apk solo pero, me sigue dando el mismo error. que puedo hacer?.
http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/ 15/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Muchas gracias.

nico en 23 junio, 2013 en 14:48 dijo:

Hola, el APK es para meter en el telfono, no para el AppInventor

luis p en 23 junio, 2013 en 15:06 dijo:

Hola me gust mucho tu post pero me gustara saber como tendra que hacer para encender y apagar un lesd con un mismo botn en app inventor

PicTrance en 23 junio, 2013 en 22:51 dijo:

Hola, una pregunta. sabes como configurar el bluetooth en android para que enve caracteres en codificacin UTF-8? es que necesito enviar caracteres especiales de nuestra lengua espaola , , , , , .etc. y la codificacin ASCII es de 7 bits por eso no se envan estos caracteres.
http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/ 16/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

alguna sugerencia que me puedas dar? saludos.

PicTrance en 23 junio, 2013 en 22:55 dijo:

Hola otra vez lo que quise decir es que si sabes configurar el bluetooth en App inventor para enviar caracteres en codificacin UTF-8 para enviar caracteres especiales de nuestra lengua espaola , , , , , .etc. y la codificacin ASCII es de 7 bits, que es por default ala hora de enviar caracteres por el bluettoth, por eso no se envan estos caracteres. alguna sugerencia que me puedas dar? saludos.

Jos No en 2 julio, 2013 en 0:44 dijo:

Que buen proyecto, a penas empiezo en esto del arduino, pero quisiera hacer un vehiculo (ya tengo listo el hardwareoruga) para ser controlado por un celular, quisiera saber que mdulo bt tienes, pues no s cul adquirir? y como soy nuevo en esto me da temor volver a comprar lo que no es. Gracias.
http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/ 17/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

nico en 2 julio, 2013 en 4:23 dijo:

Hola! Yo compr el mio en Dealextreme, http://dx.com/p/jy-mcu-arduino-bluetooth-wireless-serial-port-module104299

alx en 13 julio, 2013 en 21:03 dijo:

podria alguien ayudarme? quiero realizar una aplicacion para controlar un carro por bluetooth con android, pero aun no tengo el modulo bluetooth para realizar pruebas, mi idea es hacer otra aplicacion en otro celular que reciva el dato que la aplicacion de control envia para indicar hacia donde va o que boton se presiono, pero aun soy bastante novato y no encuentro un buen tutorial. si no es muchha molestia le pido su ayuda. de antemano gracias.

Gianluca en 27 julio, 2013 en 15:20 dijo:

Ya conecte todo,el celular me reconoce el dispositivo usb y todo pero cuando entro a la app y pongo conectar,error 504,debe ser un problema con la MAC que esta indicada en la app,como hago para cambiarla?

jose en 30 julio, 2013 en 3:27 dijo:

tienes que instalar el app inventor. y hacer el programa para que puedas modificar la mac ya que ese
http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/ 18/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

programa esta con la mac del ejemplo

Gianluca en 4 agosto, 2013 en 21:34 dijo:

Ya la arme con el app inventor la compile y la sub al telfono,ya se enlaza pero los leds no hacen nada y los botones quedan pulsados y no puedo volver a tocarlos,no me pasaras el proyecto pero desde el app inventor,por que no puedo hacer nada con la que hice yo,lo nico que tengo que hacer es cambiar la MAC que pusiste. Saludos.

Carlos Serna en 7 agosto, 2013 en 5:16 dijo:

Disculpa, esta comunicacion podria se lo contrario? es decir, un ejemplo, que un boton (pulsador) se accione y este a su vez manda una seal al arduino, y el arduino mediante bluetooth manda la seal a un movil android para que prenda un foquito en la pantalla x cosa, cres que se pueda? ando en busca de eso para un proyecto ya he preguntado a muchos pero nadie me responde je bueno, de antemano gracias y exelente tu video

david en 22 octubre, 2013 en 10:45 dijo:

pudiste hacerlo?, yo necesito hacer lo mismo ahora y no me resulta :/

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

19/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Cristian en 19 agosto, 2013 en 19:43 dijo:

sabes como se podra hacer lo mismo pero omitiendo la MAC pues la idea es poder trabajarlo con distintos dispositivos y no hacer una aplicacion para cada dispositivo, lo has intentado antes

juan en 24 agosto, 2013 en 4:46 dijo:

buenas, necesito ayuda para encender y apagar todos los leds a la vez, con un botn de encender todo y otro de apagar todo, gracias.

Paco en 27 agosto, 2013 en 22:04 dijo:

Gracias por el tutorial, est perfecto para el que simplemente quiere saber manejar el bluetooth sin tener 10 pantallas y miles de botones y funciones. Ahora ando buscando otro tutorial que explique como acceder a la lista de dispositivos BT que ya estn sincronizados con mi telefono y poder elegir en vez de introducir la MAC dentro del cdigo. Saludos y gracias.

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

20/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Alvaro en 1 octubre, 2013 en 20:00 dijo:

Admirable el trabajo, muy buena la web. Sigue asi. Saludos desde Mendoza

Ultra noob en 15 octubre, 2013 en 20:42 dijo:

Disculpa, como puedo hacer para leer el dato en la aplicacion, enviarle un dato de arduino y lo reciba en la app ??

Alan arreola en 25 octubre, 2013 en 3:19 dijo:

Tengo una pregunta como sera la comunicacin de arduino aL celular. Lo he intentado pero no eh podido. Necesito ayuda, el mdulo que debo usa es el hc-05. Me podras mostrar un ejemplo?

Lunita en 20 noviembre, 2013 en 18:33 dijo:

Hola, yo quiero hacer una aplicacion que encienda un led pero no por bluethoot sino por wifi como puedo hacerlo?

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

21/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

Eduardo en 23 noviembre, 2013 en 20:31 dijo:

Hola que tal espero que estes bien yo quisiera saber como se podria adartar esa aplicacion de blutooth adentro del mismo arduino lo que quiero decir que en vez de que sace el 1 logico (prenda el led) ese uno logico sirva para iniciar un proceso adentro del mismo arduino por favor ayuda

Hector Villegas en 2 diciembre, 2013 en 3:31 dijo:

Hola amigo, te lo agradeceria muchisimo, podrias pasarme tu aplicacion que hiciste, la vdd se me ha complicado mucho el crear mi aplicacion. Por favor

Lucas Fuentes en 2 diciembre, 2013 en 15:54 dijo:

Me gustaria saber si no podrian decirme como hacer para que el boton conectar , haga aparecer una ventana que muestre los dispositivos bluetooth disponibles exactamente como se muestra en Mobot BT Car esa aplicacion lanza todos los dispositivos bluetooth disponibles y te deja elegir

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

22/23

23/1/2014

Creando una aplicacin con App Inventor | Proyectos Arduino

leonardo en 9 diciembre, 2013 en 14:47 dijo:

hola desarrolle el appinventor con la MAC de mi dispositivo y se conecta perfectamente instale el programa en el arduino uno y no marca ningun error pero no punciona utilizo RN41

Carlos en 22 diciembre, 2013 en 4:40 dijo:

Hola he probado tu cdigo y va perfecto. Una pregunta . Se podra poner un texbox1 y un texbox2 para visualizar los datos que envas al arduino y otro para recibir los que enva por el mismo puerto bluetooth. He buscado ejemplos pero no encuentro como poder hacer ese bloque.Me gustaria recibir datos en app inventor como si fuera una terminal tipo blueterm. Es posible hacerlo con los bloques que hay?. Gracias y un saludo. Gracias a personas como tu este mundo de bits cada vez avanza ms rpido.

http://www.proyectosarduino.com.ar/creando-una-aplicacion-con-app-inventor/

23/23