Integración sistemasembebidosaplicacionesmóviles

39
Por: Andrés Gerardo Fuentes Covarrubias

description

Tutorial de desarrollo de aplicaciones con Android para Sistemas Embebidos con Android Studio y Atmel Studio

Transcript of Integración sistemasembebidosaplicacionesmóviles

Page 1: Integración sistemasembebidosaplicacionesmóviles

Por: Andrés Gerardo Fuentes Covarrubias

Page 2: Integración sistemasembebidosaplicacionesmóviles

• 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

• 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

• 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
Page 6: Integración sistemasembebidosaplicacionesmóviles
Page 7: Integración sistemasembebidosaplicacionesmóviles

• 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

Windows 32 bits

Windows 64 bits

Page 9: Integración sistemasembebidosaplicacionesmóviles

• Al ejecutar por primera vez el Android – Studio es posible que ocurra el error:

Page 10: Integración sistemasembebidosaplicacionesmóviles

• Configurar la variable de entorno JAVA_HOME

Page 11: Integración sistemasembebidosaplicacionesmóviles

1 2

3

Page 12: Integración sistemasembebidosaplicacionesmóviles

• 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

• 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
Page 15: Integración sistemasembebidosaplicacionesmóviles
Page 16: Integración sistemasembebidosaplicacionesmóviles

• 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

• 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

• 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

• 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

• 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

• La pantalla final es esta:

Page 22: Integración sistemasembebidosaplicacionesmóviles

• 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

Instalar AMBAS

Page 24: Integración sistemasembebidosaplicacionesmóviles

• 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

• 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
Page 27: Integración sistemasembebidosaplicacionesmóviles

1

2

Page 28: Integración sistemasembebidosaplicacionesmóviles

• 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

• Ahora una vez creado el perfil, podemos crear nuestro dispositivo de emulación

1

2

Page 30: Integración sistemasembebidosaplicacionesmóviles

• 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

• Finalmente revise la configuración seleccionada y clic a Finish

Page 32: Integración sistemasembebidosaplicacionesmóviles

• 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

• 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

Clic al icono “RUN”

Seleccionar el dispositivo de emulación que creamos previamente

Page 35: Integración sistemasembebidosaplicacionesmóviles

Emulador (Tarda un poco, tener paciencia)

Page 36: Integración sistemasembebidosaplicacionesmóviles

• 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

• Ahora al presionar el icono “Run” en el Android Studio, seleccionar este dispositivo.

1

2

Page 38: Integración sistemasembebidosaplicacionesmóviles

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

Andrés Gerardo Fuentes Covarrubias [email protected]

[email protected]

Por facebook: www.facebook.com/Andres.FuentesCovarrubias