Embed Size (px)
Citation preview
Por: Andrés Gerardo Fuentes Covarrubias
• 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
• 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)
• 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.
• Repetir los dos pasos anteriores para agregar los paquetes faltantes y las herramientas.
• Cuidar de instalar la herramienta
– Google USB Driver
Windows 32 bits
Windows 64 bits
• Al ejecutar por primera vez el Android – Studio es posible que ocurra el error:
• Configurar la variable de entorno JAVA_HOME
1 2
3
• 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”.
• 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:
• 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
• 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.
• 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.
• Finalmente el IDE creara un esqueleto de aplicación en blanco donde será posible la personalización del código fuente.
• 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
• La pantalla final es esta:
• 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
Instalar AMBAS
• 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.
• 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
1
2
• 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
• Ahora una vez creado el perfil, podemos crear nuestro dispositivo de emulación
1
2
• 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
• Finalmente revise la configuración seleccionada y clic a Finish
• Finalmente ya es posible usar ese perfil de hardware, seleccionarlo y comenzar a diseñar la interfaz gráfica
Mi primer aplicación, “Hola Mundo”
• Agregar un botón y configurar su propiedad text al valor “Inicio”, también centrar la etiqueta “hello_world”
Clic al icono “RUN”
Seleccionar el dispositivo de emulación que creamos previamente
Emulador (Tarda un poco, tener paciencia)
• 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.
• Ahora al presionar el icono “Run” en el Android Studio, seleccionar este dispositivo.
1
2
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.
Manejo de botones, etiquetas y textbox
• Desarrollar una App para modificar el valor de una etiqueta mediante un botón. Al presionar el botón deberá cambiar el valor de una etiqueta de acuerdo al contenido de un textbox. Use una plantilla de proyecto para inicializar el proyecto.
• Crear un nuevo proyecto
• Seleccionar la plantilla de proyecto adecuada para etiqueta, textbox y botón
• Inicialice el nombre de la Actividad principal, el Layout y el titulo de la ventana principal
• Mueva la etiqueta “Hello_World” que ya creo el Android Studio al centro del Layout
• Agregue un Botón
• Agregue un Plain Text
• Cambia el texto de la propiedad “Text” del Botón a “Cambia Texto”
• Cambia el texto de la propiedad “Text” del “Plain Text” a 30 espacios en blanco
1. Definir los objetos a manejar por el código del layout
2. Inicializarlos en OnCreate()
3. Usar los nuevos objetos
1. Definir objetos:
1. Definir los objetos a manejar por el código del layout
2. Inicializarlos en OnCreate()
3. Usar los nuevos objetos
2. Inicializarlos en onCreate:
El método findViewById() nos permite instanciar los controles gráficos del layout que deseamos vincular con los objetos creados en la clase principal de nuestro código fuente.
¿Como saber cual es el id relacionado con un control gráfico? Al marcar el control, en el cuadro propiedades, la propiedad id indica el nombre del control.
1. Definir los objetos a manejar por el código del layout
2. Inicializarlos en OnCreate()
3. Usar los nuevos objetos
3. Usar los nuevos objetos mediante un evento
Cada vez que se desea muestrear el estado de un botón y llevar a cabo una acción se debe definir un “listener”
Celular Galaxy ACE GT-5830L
Andrés Gerardo Fuentes Covarrubias [email protected]
Por facebook: www.facebook.com/Andres.FuentesCovarrubias
