![Page 1: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/1.jpg)
Por: Andrés Gerardo Fuentes Covarrubias
![Page 2: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/2.jpg)
• Introducción al desarrollo de aplicaciones móviles con Java
• Desarrollo e implantación de la primer aplicación
• Integración de sensores y actuadores básicos mediante Arduino
• Integración Embebida mediante técnicas de interconexión serial local
![Page 3: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/3.jpg)
• Prerrequisitos: – Instalación de Java SDK
– Instalación de Android SDK
– Copia de Android Studio al Directorio Raíz
• Los archivos a utilizar son los siguientes: – installer_r22.6.1-windows (Android SDK)
– jdk-8u25-windows-i586 (Java SDK)
– android-studio (Copiar el directorio al Raíz)
![Page 4: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/4.jpg)
• Después de instalar el A-SDK mediante el archivo correspondiente, ejecutar la aplicación para proceder a la instalación de las API y las imágenes de los perfiles de hardware, así como las herramientas.
![Page 5: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/5.jpg)
![Page 6: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/6.jpg)
![Page 7: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/7.jpg)
• Repetir los dos pasos anteriores para agregar los paquetes faltantes y las herramientas.
• Cuidar de instalar la herramienta
– Google USB Driver
![Page 8: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/8.jpg)
Windows 32 bits
Windows 64 bits
![Page 9: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/9.jpg)
• Al ejecutar por primera vez el Android – Studio es posible que ocurra el error:
![Page 10: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/10.jpg)
• Configurar la variable de entorno JAVA_HOME
![Page 11: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/11.jpg)
1 2
3
![Page 12: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/12.jpg)
• Lo ideal es depurar la aplicación en un dispositivo móvil real, de no ser posible hacerlo entonces se puede depurar en el emulador. Para depurar en móvil, activar esa opción en “Ajustes”.
![Page 13: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/13.jpg)
• Al correr por primera vez Android Studio es necesario configurar la localidad (directorio) donde se encuentra instalado el SDK, es se hace solo por primera vez:
![Page 14: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/14.jpg)
![Page 15: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/15.jpg)
![Page 16: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/16.jpg)
• Darle nombre a nuestra aplicación, hay que observar que en la mayoría de los SDK es obligatorio que el nombre inicie con una letra Mayúscula
![Page 17: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/17.jpg)
• Ahora seleccionar el dispositivo y la API para la que se desarrollará la aplicación. En su caso, es deseable que se seleccione para una API menor que el dispositivo destino ya que así será posible correr la APP en otros dispositivos también.
![Page 18: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/18.jpg)
• Ahora hay que seleccionar el tipo de “Layout” o vista que tendrá nuestra aplicación, esto solo selecciona un esqueleto de vista, después es posible cambiar esto.
![Page 19: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/19.jpg)
• Finalmente el IDE creara un esqueleto de aplicación en blanco donde será posible la personalización del código fuente.
![Page 20: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/20.jpg)
• Una vez finalizada la creación del proyecto Android Studio procederá a bajar librerías y builds del sitio en línea para crear el esqueleto del proyecto, es necesario tener un buen enlace de internet, ya que el proceso será mas rápido en función de la velocidad de acceso de nuestra conexión.
Hay que esperar y ser paciente porque el proceso puede tardar un poco, dependiendo de la velocidad de acceso
![Page 21: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/21.jpg)
• La pantalla final es esta:
![Page 22: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/22.jpg)
• Si observamos bien, en la pantalla anterior se produjo un error el cual ha sido marcado en la diapositiva anterior con dos flechas color azul. Esto es debido a que no fue instalado el repositorio de soporte para Android Studio, para corregirlo, correr el SDK Manager de nuevo e instalar el repositorio. Para hacer esto se debe tener conexión a internet
![Page 23: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/23.jpg)
Instalar AMBAS
![Page 24: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/24.jpg)
• Ahora podemos seleccionar la vista de diseño gráfico que se adapte mejor al dispositivo que usaremos para depurar, por ejemplo para este tutorial se seleccionó el Samsung Galaxy GT-S5830L con una pantalla de 3.5 pulgadas y resolución de 320x480 pixeles. Si no conoce las características, estas pueden consultarse en internet mediante un buscador.
![Page 25: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/25.jpg)
• Usar el icono de selección de dispositivo, si ninguno de los de la lista se adapta, entonces usar uno genérico, si de ellos tampoco se adapta ninguno, entonces definir uno propio
![Page 26: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/26.jpg)
![Page 27: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/27.jpg)
1
2
![Page 28: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/28.jpg)
• Llenar todas las características mas importantes del dispositivo si no se conocen consultarlas en internet mediante un buscador, finalmente clic al botón Finish
![Page 29: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/29.jpg)
• Ahora una vez creado el perfil, podemos crear nuestro dispositivo de emulación
1
2
![Page 30: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/30.jpg)
• Solo podrán seleccionarse imágenes previamente instaladas mediante en SDK Manager, si no se encuentra la que se necesita, entonces correr el SDK Manager de nuevo, instalarla y comenzar de nuevo a crear el dispositivo de emulación
1
2
![Page 31: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/31.jpg)
• Finalmente revise la configuración seleccionada y clic a Finish
![Page 32: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/32.jpg)
• Finalmente ya es posible usar ese perfil de hardware, seleccionarlo y comenzar a diseñar la interfaz gráfica
![Page 33: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/33.jpg)
• Agregar un botón y configurar su propiedad text al valor “Inicio”, también centrar la etiqueta “hello_world”
![Page 34: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/34.jpg)
Clic al icono “RUN”
Seleccionar el dispositivo de emulación que creamos previamente
![Page 35: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/35.jpg)
Emulador (Tarda un poco, tener paciencia)
![Page 36: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/36.jpg)
• Primero deberá tenerse instalado el driver USB para ADB del celular, ese se instala automáticamente al conectar el celular al USB, sino cuenta Windows con el driver, bajárselo de la pagina de la marca del celular por internet e instalarlo.
![Page 37: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/37.jpg)
• Ahora al presionar el icono “Run” en el Android Studio, seleccionar este dispositivo.
1
2
![Page 38: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/38.jpg)
Celular Galaxy ACE GT-5830L (Mucho mas rápido depurar directo en el celular)
Se soporta giro del layout y auto-escalado de los controles gráficos. La aplicación queda instalada en el teléfono automáticamente.
![Page 39: Integración sistemasembebidosaplicacionesmóviles](https://reader036.vdocuments.site/reader036/viewer/2022081404/559b58611a28ab2b298b4896/html5/thumbnails/39.jpg)
Andrés Gerardo Fuentes Covarrubias [email protected]
Por facebook: www.facebook.com/Andres.FuentesCovarrubias