Tutorial Introduccion a ANDROID STUDIO

33
Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0 1 Tutorial de Introducción El presente manual es una referencia teórica/practica para la introducción a la programación en sistemas Android, básicamente desde el entorno de desarrollo tecnológico Android Studio Este manual fue desarrollado exclusivamente como guía de educación, siendo su uso permitido para tales efectos y sin fines de lucro. El material teórico y práctico fue revisado por el Ing. Remmy Fuentes T.

description

Tutorial introductorio a Android Studio

Transcript of Tutorial Introduccion a ANDROID STUDIO

Page 1: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

1

Tutorial de

Introducción

El presente manual es una referencia teórica/practica para la introducción a la programación en sistemas

Android, básicamente desde el entorno de desarrollo tecnológico Android Studio

Este manual fue desarrollado exclusivamente como guía de educación, siendo su uso permitido para tales

efectos y sin fines de lucro.

El material teórico y práctico fue revisado por el Ing. Remmy Fuentes T.

Page 2: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

2

CAPÍTULO 1

Introducción

El 16 de mayo de 2013 Google lanzó una nueva plataforma de desarrollo de aplicaciones

para dispositivos smartphones y tablets con Android1 llamada Android Studio. Este nuevo

IDE se desarrolla para sustituir por completo al entorno nativo de desarrollo Eclipse con su

correspondiente SDK para desarrollo de aplicaciones Android.

Android Studio está basado en IntelliJ IDEA un IDE para Java de Jetbrains. Google, por lo

tanto, no ha desarrollado un IDE desde cero, pero sí ha adaptado este IDE para el desarrollo

de aplicaciones para Android.

Android Studio incluye multitud de características que lo hacen muy interesante para usarlo

en vez de Eclipse, alguna de ellas:

Editor WYSIWYG, Live Coding, diseño en tiempo real Rendering App.

Consola Developer - consejos de optimización, asistencia para la traducción,

seguimiento de referencia, campañas y promociones, métricas de uso.

Provisión para versiones beta y escalonadas Rollout.

Soluciones rápidas y refactorización específica de Android.

Herramientas para capturar el rendimiento, facilidad de uso, compatibilidad de

versiones.

Capacidades ProGuard y aplicación de firma.

1 Android es un sistema operativo basado en el kernel de Linux diseñado principalmente para dispositivos

móviles con pantalla táctil, como teléfonos inteligentes o tabletas, y también para relojes inteligentes,

televisores y automóviles, inicialmente desarrollado por Android Inc., que Google respaldó económicamente

y más tarde compró esta empresa en 2005.9 Android fue presentado en 2007 junto la fundación del Open

Handset Alliance: un consorcio de compañías de hardware, software y telecomunicaciones para avanzar en

los estándares abiertos de los dispositivos móviles.10 El primer móvil con el sistema operativo Android fue el

HTC Dream y se vendió en octubre de 2008

Page 3: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

3

Asistentes basados en plantilla para crear diseños y componentes comunes Android.

Un editor de diseño avanzado, que le permite arrastrar y soltar componentes a la

interfaz de usuario y pre visualizar diseños para múltiples configuraciones de

pantalla a la vez.

Integración con Google Cloud Messaging.

Android Studio está en continua revisión y aún está en versión beta (Early Access

Preview)

Tras comparar Eclipse y Android Studio, hemos de reconocer que este nuevo IDE

específico para desarrollo de aplicaciones para dispositivos con Android tiene muchas

posibilidades de sustituir a Eclipse para este menester.

Además Android Studio incluye una utilidad para importar proyectos ya realizados en

Eclipse.

Instalar Android Studio en Microsoft Windows 8

El primer paso es descargar e instalar el JDK (Java SE Development Kit) de JAVA, que

nos brindara el entorno de desarrollo y la capacidad de correr las aplicaciones y el IDE de

Android.

http://www.oracle.com/technetwork/es/java/javase/downloads/index.html

Instalamos el JDK siguiendo la rutina estándar para instalar un programa en Windows

como administrador.

Como segundo paso, descargamos el fichero de instalación de Android Studio, de la

siguiente URL:

http://developer.android.com/intl/es/sdk/installing/studio.html

PASO 1: Procedemos a instalar el ANDROID STUDIO no ejecutarlo aún, se debe agregar

las variables de entorno, caso contrario aparecerá el siguiente dialogo de error:

Page 4: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

4

PASO 2: Para corregir el error seguimos el siguiente procedimiento, presionamos la tecla

Windows y buscamos “editar las variables de entorno del sistema” y hacemos clic en

“Editar Variables de entorno del sistema”

Page 5: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

5

Page 6: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

6

Y en variables del sistema presionamos en nueva:

Nombre: JAVA_HOME

Valor: la ruta de tu instalación del JDK

Una vez realizada la declaración de la variable de entorno, procedemos a ejecutar el

Android Studio.

Page 7: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

7

OJO: por defecto los proyectos se guardaran en

C:\Users\Nombre_de_Usuario\AndroidStudioProjects\

PASO 3: Por defecto el Android studio instala el último SDK2 disponible, pero es

importante descargar versiones anteriores para realizar las pruebas y tratar de programar,

ahora vamos a Añadir las Plataformas Android (APIs), una vez completados los pasos

anteriores vamos a descargar las versiones de Android disponibles y agregar los

componentes.

2 Un kit de desarrollo de software o SDK (siglas en inglés de software development kit) es generalmente un

conjunto de herramientas de desarrollo de software que le permite al programador crear aplicaciones para un

sistema concreto, por ejemplo ciertos paquetes de software, frameworks, plataformas de hardware,

computadoras, videoconsolas, sistemas operativos, etc.

Es algo tan sencillo como una interfaz de programación de aplicaciones o API (del inglés application

programing interface) creada para permitir el uso de cierto lenguaje de programación, o puede, también,

incluir hardware sofisticado para comunicarse con un determinado sistema embebido. Las herramientas más

comunes incluyen soporte para la detección de errores de programación como un entorno de desarrollo

integrado o IDE (del inglés Integrated Development Environment) y otras utilidades. Los SDK

frecuentemente incluyen, también, códigos de ejemplo y notas técnicas de soporte u otra documentación de

soporte para ayudar a clarificar ciertos puntos del material de

Page 8: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

8

Pulsando sobre el icono SDKManager

Page 9: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

9

Se iniciara el SDK Manager, el listado se carga por completo (si existe una conexión activa

a Internet), en ese momento se verán las carpetas correspondientes a todas las versiones de

cada distribución del sistema operativo Android, en función de la versión para la que

queramos desarrollar, marcar la casilla correspondiente y pulsar en la parte inferior “Install

packages…” para comenzar con la descarga.

Page 10: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

10

Si se tiene ya un comprimido con los SDK este deberá ser extraído en la raíz de instalación

del Android Studio:

La carpeta SDK deberá tener un contenido similar a:

Page 11: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

11

PASO 4: Configurar el emulador Android. Un Emulador es una recreación de un

dispositivo físico en un software, de este modo podremos correr o ejecutar nuestro

programa para probarlo y depurarlo sin necesidad de un dispositivo físico.

Ventajas: Podemos emular cualquier versión de Android, imaginemos que tenemos un

móvil viejo y queremos probar una aplicación en una versión más moderna, por ejemplo la

KitKat, o viceversa, en un emulador podemos simularlo sin problemas.

Inconvenientes: Podremos emular o simular un dispositivo Android, pero... ¿podemos

simular los sensores del dispositivo? pues la respuesta es sí, pero no todos los sensores. Por

ejemplo, podremos simular un GPS, pero no podremos simular el acelerómetro o el sensor

de luz.... si podemos simular llamadas de teléfono, una tarjeta SD, los emuladores son más

lentos a la hora de realizar una tarea que requiera mucha carga (consultas a bases de datos,

mapa, etc.).

Recuerda, que antes de subir nuestra aplicación a GooglePlay deberás también probarla en

un terminal Físico, a veces nos funciona todo bien en el emulador y luego en un terminal

físico da problemas.

Así que resumiendo, para probar y depurar nuestras aplicaciones tenemos dos opciones: o

instalarlas en un terminal físico, conectando el equipo o en el emulador virtual

usando AVD Manager.

Page 12: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

12

Emulador Android usando ADV Manager, hacemos clic sobre AVD manager

Page 13: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

13

Page 14: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

14

El proceso de creación del emulador es bastante intuitivo, el AVD Name es el nombre con

la que vas a identificar el emulador en la lista de emuladores ya creados, Device es una lista

donde se encuentran los dispositivos con la información de Hardware (resolución de

pantalla, RAM, sensores, cámaras...) por defecto tenemos los dispositivos Nexus de google,

cuando selecciones uno, automáticamente se ajustan los demás valores (bastante útil). Otra

cosa muy importante es seleccionar el Target que es la API con el que vas a correr este

Emulador, recuerda que el API es la versión de Android.

Page 15: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

15

Corremos el emulador Android en nuestro PC. Como ves es una ventana dentro de

Windows (como si fuese otro programa) con un teclado con los botones típicos de un

dispositivo Android, pegado a lo que sería la pantalla del dispositivo a su Izquierda.

Page 16: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

16

Page 17: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

17

Page 18: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

18

Otra cosa muy interesante existe una serie de botones para realizar otras funciones en el

Emulador, por ejemplo rotar la pantalla que sería con F11 y otras funciones que las

detallamos en la siguiente tabla:

Hasta acá ya tenemos todo listo para comenzar a programar, pero antes debemos conocer

la estructura de un programa en ANDROID

Page 19: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

19

PASO 5: Conociendo la estructura de un programa en ANDROID

Comenzaremos por lo más básico, la estructura de una APP de Android, para luego crear

proyectos desde cero, importar otros y ver el resto de los elementos del proyecto.

El ejemplo que vamos a analizar es el típico “Hola Mundo” suele ser la primera toma de

contacto con el lenguaje de programación, proyecto por defecto.

Los proyectos de Android siguen siempre una estructura fija de carpetas que debemos

mantener. Podemos observarla fácilmente usando la vista de Package Explorer. Lo básico

es conocer 4 elementos.

Vamos con nuestro primer proyecto:

Page 20: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

20

El DSK mínimo, es importante, es el API base para nuestra aplicación.

Page 21: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

21

Las actividades, son los frames donde iremos programando.

Page 22: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

22

Configuramos los detalles para nuestra actividad principal, se puede colocar los nombres

que el usuario desee.

Hacemos clic en Finish y el Android Studio comienza a crear el proyecto

Page 23: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

23

Pasaremos a conocer los elementos principales:

La carpeta Android de fuentes (src)

La primera carpeta que nos encontramos es “src”. Contiene el código fuente organizado en

paquetes. En esta carpeta será donde colocaremos las clases java que programemos y que

darán el funcionamiento a nuestra aplicación.

Page 24: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

24

Drawable: Todos los contenidos de imágenes, jpg, png bitmap, iconos.

Page 25: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

25

En Layaout: los archivos XML, estos definen la capa de interfaz de la APP, aquí se definen

dónde van los botones, cajas de texto e imágenes, todo bajo código, la gran ventaja de

Android studio es que esta capa la podemos editar de forma visual, sin la necesidad de ir

agregando etiquetas de objetos XML.

Para ingresar al modo de diseño gráfico, obsérvese la siguiente ventana, hacemos clic sobre

la pestaña Desing y observaremos una barra de herramientas que contiene los objetos con

los que podemos interactuar en el API seleccionado al momento de crear nuestro proyecto.

Para agregar los elementos simplemente hacemos un drag & drop

Page 26: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

26

Escogemos el objeto de texto plano y lo arrastramos hasta el layaout modelo,

Page 27: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

27

Editamos las propiedades del objeto, empleando la barra de propiedades, marcamos el

objeto y en el lado derecho del IDE encontramos sus características, propiedades y

funcionalidades de cada objeto, observe la figura siguiente para darse una idea.

Page 28: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

28

Page 29: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

29

Finalmente, para terminar de conocer las estructuras básicas, tenemos el manifest.xml, en

este archivo se detallan las características principales de la APP, sus módulos, permisos de

usuario, idiomas, iconos, etc.

Con esa estructura básica uno puede desarrollar las aplicaciones, pero los demás archivos

pueden darnos mayores funcionalidades y a su debido tiempo es bueno tratar de conocerlos

y estudiarlos a fondo.

Page 30: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

30

La carpeta Android de archivos generados (build/generated)

En ella se colocan AUTOMÁTICAMENTE los archivos que el compilador genera en sus

repasos. Lo importante es lo que llamamos "el archivo de recursos R" (res). Lo que

tenemos que tener muy, muy claro “es que es una carpeta que no tendremos que tocar

para nada, si lo hacemos las aplicaciones no pueden correr”

La carpeta Android de recursos (res)

Esta carpeta, junto con la carpeta de fuentes es la que más vamos a usar. Contiene todos los

recursos que necesita la aplicación como definición de pantallas, iconos, gráficos, cadenas

de texto localizadas...

Todos los archivos que se coloquen aquí serán indexados AUTOMÁTICAMENTE por el

compilador y se genera el fichero de recursos “R” que nos permitirá acceder a ellos de una

forma rápida y sencilla. Debido a la gran variedad de archivos que puede almacenar, está

dividida en subcarpetas:

“dibujarán”, es decir, iconos, imágenes, fondos, definición de botones...

o tienen cabida en el resto de carpetas2.

localización de varios idiomas...

método Resources.getXml().

Page 31: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

31

Como has visto arriba hay varias carpetas Drawable seguidas de otras letras, esto es porque

puedes poner la misma imagen con distintas resoluciones para los distintos tamaños de

pantallas, de esto hablaremos también más adelante.

PASO 5: Vamos a ejecutar la APP, hasta acá hemos visto la estructura del programa y lo

único que queremos hacer es ver en pantalla el HOLA MUNDO, recuerde que el emulador

se encuentra corriendo:

En la ventana principal del Android studio, buscamos la pestaña Run o el botón play

Page 32: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

32

Page 33: Tutorial Introduccion a ANDROID STUDIO

Materia: Redes y Servicios de comunicación II Docente: Ing. Remmy Fuentes T. [email protected] @RemmyFuentes Tipo de documento: Tutorial 1.0

33

Esperamos un momento y en la pantalla del emulador obtendremos la salida de nuestro

primer programa: