App Inventor

APLICACIÓN PARA ANDROID PAA CONTROLAR PROGRAMA EN ARDUIDO
YEFERSON DANIEL CUELLAR DUQUE
ELECTIVA DE PROFUNIZACIÓN III
JOSE FERNANDO SOTELO CUBILLOS
FACULTAD DE INGENIERIA
TELECOMUNICACIONES
BOGOTÁ 23 DE MAYO DE 2020

UNIVERSIDAD COOPERATIVA DE COLOMBIA
OBJETIVO GENERAL
Diseñar y construir un sistema electrónico controlado remotamente por medio de una

aplicación programada desde android. mediante la tecnología de comunicación inalámbrica
conocida como Bluetooth
OBJETIVOS ESPECÍFICOS
• Investigar que lenguaje de programación es más factible.

• Identificar la manera en la que conecta Android con Arduino.
• Controlar un dispositivo electrónico con un dispositivo móvil.
• Introducir conceptos de robótica aplicados en la carrera.
MARCO TEORICO
APP INVENTOR
es una aplicación que te permite el desarrollo de aplicaciones para Android de forma sencilla
y visual sin ser un desarrollador móvil. No necesitas saber de Java para empezar a utilizar
esta herramienta porque te permite crear una app de forma intuitiva a partir de diferentes
módulos que te permiten predecir el comportamiento de tu aplicación.
Para empezar a utilizarla solo necesitas un navegador web y un teléfono con un sistema
operativo Android conectado al ordenador para visualizar tu aplicación. Aunque si no
posees este último, podrás ver tus avances en un emulador. Trabajarás con dos
herramientas básicas: App Inventor Designer, con la que crearás el interfaz de usuario, es
decir, definirás cómo será la interacción con tu cliente en la aplicación, y App Inventor Blocks
Editor, que definirás el comportamiento de los componentes de tu aplicación.
¿Cómo empiezo el desarrollo de apps con App Inventor?
En primer lugar, deberás entrar a un navegador web y acceder a la url de App Inventor y
crear un nuevo proyecto de app. Seguidamente el navegador web abrirá el Diseñador (App
Inventor Designer) que es la herramienta donde podrás elegir los componentes para tu
aplicación. Los componentes son «las partes» que constituirán tu aplicación, sus
funcionalidades y características. Cada uno de los componentes tiene sus propiedades que
podrás también modificar para adaptar a los resultados que buscas. Por ejemplo, existe un
componente llamado «button» que al incorporarlo a tu aplicación permitirá que al ser
pulsado desarrolle una acción determinada que tu habrás configurado previamente
modificando las propiedades del componente empleado.
La segunda herramienta clave es el Editor de Bloques (App Inventor Blocks Editor). Para
visualizar esta herramienta deberás conectar el teléfono al ordenador mediante un cable
USB. Seguidamente, deberás hacer clic en «Abrir el editor de bloques». Automáticamente,
se te descargará y veremos un archivo llamado AppInventorForAndroidCodeblocks.jnlp que
también deberás abrir. Entonces la aplicación que estás editando, debería aparecer en la
pantalla de tu móvil Android. Con el Editor de Bloques vamos a definir la forma en que los
componentes que has elegido previamente en el Diseñador se comportarán. Le dirás a los
componentes lo que deben hacer y cuándo hacerlo. Por ejemplo, que cuando el usuario
presione un botón determinado, debe reproducirse un sonido y realizarse una acción
determinada.
Finalmente, para que tu aplicación funcione sin estar conectada al App Inventor, deberás
realizar un último paso: empaquetar tu aplicación. Para ello, deberás pulsar Paquete para
Aplicación y crear un archivo .apk. Entonces el Diseñador te ofrecerá tres opciones:
descargar tu app en el teléfono conectado, descargarla en el ordenador como archivo .apk
para su posterior distribución o generar un código de barras que te permita descargar la
app en tu móvil posteriormente.
¡Enhorabuena! Ya puedes con el desarrollo de apps Android con estos sencillos pasos. App
Inventor es una herramienta eficaz con la que podrás lograr el desarrollo de apps móviles
sin la necesidad de un experto. Si de todos modos tu aplicación es demasiado complicada
para crearla con esta herramienta o necesitas que se pueda desarrollar en otros sistemas
operativos te invitamos a que publiques tu proyecto en la plataforma de Yeeply donde más
de 2600 desarrolladores te están esperando.
PROCEDIMIENTO
1. Descargamos la aplicación de app Inventor
Ingresamos a la pagina https://appinventor.mit.edu/ la cual se encuentra disponible en

nuestro buscador de Google, en la parte superior izquierda elegimos a opción de “Crear
aplicación ”, para esto se requiere tener vinculación con un correo de Gmail, aparecerá una
ventana de bienvenida y continuamos para ingresar a nuestro entorno grafico de App
Inventor
2. Crear el proyecto para la aplicación

Elegimos la opción > Mis proyectos > Iniciar nuevo proyecto> colocamos el nombre del
proyecto y damos en continuar
3. Programar el entorno grafico
En la parte superior derecha elegimos la opción de diseño para configurar el entorno gráfico.
En la parte izquierda inferior tenemos las herramientas de diseño y conectividad las

herramientas que se evidencian a continuación las seleccionamos y las dejamos sobre la
pantalla del celular que aparece en el entorno de app inventor
- Connectivity > BluetoothClient

- User interface > ListPicker
Nota: En la parte derecha de la pantalla podemos modificar nuestro diseño, dependiendo

del gusto de cada uno.
Dejamos un espacio en blanco para darle orden a la aplicación seguimos con los siguientes
pasos:
- Layout > HorizontalArrangement // ancho = completo alto = 40 pixeles

- Layout > HorizontalArrangement // ancho = completo alto = 80 pixeles
- Layout > HorizontalArrangement // ancho = 120 alto = 70 pixeles
- User interface > Button ancho = 80 alto = 60 pixeles
- User interface > Button ancho = 80 alto = 60 pixeles
-
4. Ahora programamos en bloques
para dar funciones a los botones que acabamos de diseñar vamos a congurar, de tal
manera que cuando oprimamos ON nos arroje un 1 y cuando oprimamos OFF nos arroje
un 2 para encendido y apagado
Para dar continuidad a lo anterior, vamos a la opción de bloques que aparece en la derecha
superior, luego buscamos el botón 1 y configuramos la siguiente estructura de bloques
Guardamos y procedemos a ejecutar el instalador
5. Procedemos a crear el instalador
En la parte superior elegimos la opción de Construcción y elegimos la opción de salvar

como apk en mi computador posteriormente se descarga en nuestro celular.
6. Montar e APK en el celular

Conectamos el dispositivo móvil al pc y elegimos la opción de conectar como usb
y alojamos el archivo en el celular donde se pueda encontrar fácilmente luego
elegimos la opción de instalar el APK en el celular.
ArduDT.apk
7. Programación Arduino
Se relaciona código de Arduino para programar y conectar por medio de bluetooth la

aplicación programada en el celular con el circuito electrónico, se anexa código abierto y
evidencia de la compilación y funcionamiento. Adicionalmente, se anexa circuito lógico
para la práctica.
int led13=13;
int estado=0;
void setup(){
Serial.begin(9600);
pinMode(led13,OUTPUT);
}
void loop(){
if(Serial.available()>0){
estado = Serial.read();
}
if (estado =='1'){
digitalWrite(led13,HIGH);
}
if(estado=='2'){
digitalWrite(led13,LOW);
}
}
CONCLUSION
Comprensión lógica y física del funcionamiento entre dos dispositivos

electrónicos conectados por medio de una conexión inalámbrica con el fin de
dar solución a la necesidad de resolver dudas que se tienen con respecto a
la programación y configuración de dispositivos
BIBLIOGRAFIA
https://www.youtube.com/watch?v=j-cUDfmtq5g&feature=emb_title
https://www.youtube.com/watch?v=S8q1vbVMV2Q&feature=emb_title
https://appinventor.mit.edu/
https://www.yeeply.com/blog/app-inventor/

App Inventor

Cargado por

Copyright:

Formatos disponibles

App Inventor

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

App Inventor

Cargado por

Copyright:

Formatos disponibles

APLICACIÓN PARA ANDROID PAA CONTROLAR PROGRAMA EN ARDUIDO

YEFERSON DANIEL CUELLAR DUQUE

ELECTIVA DE PROFUNIZACIÓN III

JOSE FERNANDO SOTELO CUBILLOS

BOGOTÁ 23 DE MAYO DE 2020

Diseñar y construir un sistema electrónico controlado remotamente por medio de una

• Investigar que lenguaje de programación es más factible.

¿Cómo empiezo el desarrollo de apps con App Inventor?

1. Descargamos la aplicación de app Inventor

Ingresamos a la pagina https://appinventor.mit.edu/ la cual se encuentra disponible en

2. Crear el proyecto para la aplicación

3. Programar el entorno grafico

En la parte izquierda inferior tenemos las herramientas de diseño y conectividad las

- Connectivity > BluetoothClient

Nota: En la parte derecha de la pantalla podemos modificar nuestro diseño, dependiendo

- Layout > HorizontalArrangement // ancho = completo alto = 40 pixeles

4. Ahora programamos en bloques

Guardamos y procedemos a ejecutar el instalador

5. Procedemos a crear el instalador

En la parte superior elegimos la opción de Construcción y elegimos la opción de salvar

6. Montar e APK en el celular

Se relaciona código de Arduino para programar y conectar por medio de bluetooth la

Comprensión lógica y física del funcionamiento entre dos dispositivos

También podría gustarte