martes, 16 de agosto de 2016

App Inventor



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

Como crear su propia App en Android para controlar Arduino (Bluetooth) Tutorial

Crear una Aplicación en Android para controlar vía remota el Arduino, usando el Bluetooth, explicación paso a paso para hacerlo con app inventor.

LISTA DE MATERIALES ( www.dinastiatecnologica.com )
(1) Modulo bluetooth HC-06
(1) Arduino UNO R3
(1) Mini Protoboard
(1) Jumper de conexión
(1) Telefono Android
Invítale un Café al Profe García
This entry was posted in ArduinoProyectos de Robótica and tagged ,. Bookmark the permalink.

1 comentario:

  1. https://nextecno.com/flipagram-para-pc/
    Crear una Aplicación en Android para controlar vía remota el Arduino, usando el Bluetooth, explicación paso a paso para hacerlo con app inventor.

    ResponderEliminar