Android

Prácticas de laboratorio para el desarrollo de aplicaciones móviles para la plataforma Android para el departamento de
computación de la UNAN-León. Práctica de laboratorio 1
Práctica 1
Descripción breve: En esta práctica de
laboratorio, realizaremos la configuración
necesaria para empezar con el desarrollo de
aplicaciones móviles para la plataforma
Android, vamos a interactuar con el entorno
de desarrollo y a crear nuestra primera
aplicación.
Prácticas de laboratorio para el desarrollo de aplicaciones móviles para la plataforma Android para departamento de
Objetivos
En esta práctica vamos a realizar la instalación y configuración del entorno de desarrollo de

Android Studio y aprenderemos a compilar nuestra primera aplicación con el fin de
familiarizarnos con los componentes del IDE.
Duración:
2 horas.
Introducción:
Android es el sistema operativo móvil con más popularidad y que sigue creciendo a pasos
agigantados por lo cual en el presente curso es de gran importancia que aprendamos a
desarrollar aplicaciones para dispositivos con sistema operativo Android. Es por ello que
dedicaremos la siguiente practica para conocer y configurar el entorno de desarrollo
integrado (IDE), basado en IntelliJ IDEA de la compañía JetBrains, que proporciona
varias mejoras con respecto al plugin ADT (Android Developer Tools) para Eclipse.
Android Studio presentado por Google el 16 de mayo del 2013 en el congreso de

desarrolladores Google I/O, con el objetivo de crear un entorno dedicado en exclusiva a
la programación de aplicaciones para dispositivos Android. Se trata pues de una
alternativa real a Eclipse, el IDE recomendado por Google hasta la fecha, pero que
presentaba problemas debido a su lentitud en el desarrollo de versiones que solucionaran
las carencias actuales (es indispensable recordar que Eclipse es una plataforma de
desarrollo, diseñada para ser extendida a través de plugins). Son muchas
las características positivas que trae Android Studio, entre las cuales destacan:
• Estructura simple y organizada para los proyectos.
• Entorno de desarrollo más robusto, pero más simple, fácil e intuitivo.
• Permite visualizar en vivo el aspecto de nuestra aplicación con respecto al estilo.
• Brinda plantillas para diferentes elementos de programación como uso de Mapas.
• Fácil creación de proyectos para cada uno de los dispositivos que emplean Android
como Sistema Operativo.
• Facilidad para hacer debug en las aplicaciones y para realizar testing.
1
Desarrollo
Realizaremos la configuración necesaria para empezar con el desarrollo de aplicaciones

móviles para la plataforma Android. Esto implicara la realización de una serie de pasos que
consiste en instalar Java Development Kit (JDK) y el entorno de desarrollo integrado de
Android Studio (IDE) que también incluye el Kit de desarrollo de software de Android Studio.
Empieza por verificar si ya tienes instalada alguna versión del JDK, simplemente abre el
símbolo del sistema (cmd) y escribe el siguiente comando: java -version.
Figura 1: Verificando si tenemos alguna version verrsión de JDK instalada en nuestro equipo
Si muestra información como la de la imagen anterior es que tienes instala una versión de
JDK, en caso contrario procederemos a descargar e instalar el JDK desde la web de Oracle.
La versión minina como requisito que debemos tener instalada es la 7.
1) Ingresa la página web de Oracle y descarga e instala el JDK correspondiente a la versión

de tu sistema operativo desde la siguiente url:
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html .
En la página se mostrará el titulo según la versión de JDK que desean descargar y en la

parte inferior aparecerá una tabla con los siguientes datos de los productos disponibles es
importante verificar que coincida con nuestro sistema operativo, el segundo dato es el
tamaño o peso del archivo y por último en enlace para la descarga, antes de dar click en el
enlace, se debe Aceptar la licencia de acuerdo, sino nos les va permitir descargar el JDK.
2
Figura 2: Paquetes JDK de acuerdo a la versión de nuestro sistema operativo.
2) A continuación descargaremos Android Studio en su versión más reciente ingresando

a la página web de desarrolladores desde el siguiente enlace:
https://developer.android.com/studio/index.html y pulsando en el botón Descargar Android
Studio, en el momento que se elaboró este documento la versión más reciente es 3.0
Figura 3: Enlace de descarga de Android Studio.
3
3) Ejecutamos el instalador y damos click en el botón Next de la pantalla de bienvenida que

muestra el asistente.
Figura 4: Pantalla de bienvenida del asistente de instalacion.
4) Seleccionamos los componentes a instalar dejamos los componentes (Android Studio

y Android Virtual Device) marcados por defecto y damos click en Next.
Figura 5: Menu de seleccion de componentes.
4
5) Especificamos la ruta de instalación de Android Studio y damos click en Next.
Figura 6:Indicacion de ruta donde se instalara Android Studio.
6) Damos click en Next para que empiece la instalación de Android Studio.
Figura 7: El asistente de instalación creara la carpeta donde se agregaran los accesos directos.
5
Esperamos a que se complete la instalación.
Figura 8: Indicador del proceso de instalación.
7) Una vez completado el proceso anterior se muestra la siguiente pantalla indicándonos

que se ha completado correctamente la instalación en nuestro equipo. Damos click en botón
finish. Dejemos marcada la opción Start Android Studio para que se inicie el IDE a
continuación.
Figura 9: Proceso instalación finalizado.

6
8) Cuando demos finish en la pantalla anterior se mostrará la pantalla de carga que

normalmente aparece cada vez que se inicia Android Studio.
Figura 10: Bienvenida del asistente de configuración del entorno de desarrollo.
9) A continuación, se muestra una pantalla de bienvenida del asistente que nos ayudara a
configurar nuestro entorno de desarrollo. Damos click en Next.
Figura 11: Carga inicial del entorno de desarrollo.
7
10) A continuación, el asistente nos pide que seleccionemos la configuración dejamos la

Standard. Damos click en el botón Next.
Figura 12: Selección del tipo de configuración para Android Studio.
11) Acontinuación, el asistente nos pide que elijamos un tema, elegimos el tema de nuestra
preferencia y damos click en Next.
Figura 13: Selección del tema del entorno de desarrollo.
8
12) A continuación, se nos muestra una pantalla donde podemos verificar las
configuraciones realizadas y también se nos da información de los componentes a
descargar necesarios para empezar con el desarrollo de aplicaciones.
Figura 14: Resumen de configuraciones de instalación.
Esperamos a que se termine la descarga de todos los componentes.
Figura 15: Descarga de componentes.
9
13) Una vez terminada la instalación de los componentes damos click en el botón Finish.
Figura 16: Descarga de componentes finalizada.
10
Conociendo la estructura de un proyecto Android.
Para empezar a comprender la estructura de un proyecto Android lo haremos creando

nuestra primera aplicación. A continuación, se muestran los pasos generales para la
creación de nuestro primer proyecto Android.
1) Ejecutamos Android Studio y después de la carga inicial que realiza el asistente nos
muestra la siguiente pantalla, donde seleccionaremos Start a new Android Studio Project.
Figura 17: Interfaz para la selección de creación de un nuevo proyecto o abrir uno existente.
2) A continuación, indicaremos el nombre de la aplicación, el dominio de nuestra empresa

y la ruta donde se creará nuestro proyecto.
Para esta práctica estableceremos los siguientes datos:

- Application name: MiPrimeraAplicacionAndroid
- Company domain: androidunaleon.edu.ni
- En el campo Project location indicamos la ruta de nuestra preferencia.
11
Figura 18: Creación del proyecto Android.
Nota: Dejamos desmarcadas las opciones donde se incluye el soporte para C++ y
Kotlin.
Dejamos marcada la opción Phone and Tablet, ya que nuestro desarrollo está
orientado a los dispositivos como lo son teléfonos y Tables. La API mínima que vamos
a seleccionar es la 16 (Jelly Bean) ya que al especificar esta versión nuestra aplicación
estará disponible para que sea compatible aproximadamente el 99.2 por ciento de
dispositivos. Damos click en Next.
12
Figura 19: Selección del tipo de dispositivo y versión mínima para la cual desarrollaremos
nuestra aplicación.
Al dar click en la opción Help me choose, podemos ver una comparativa de la
distribución de versiones de Android.
Figura 20: Tabla de referencia de distribucion de versiones del sistema operativo Android.
13
1) A continuación, el asistente nos indicara que agreguemos una actividad nuestro proyecto,
seleccionamos Empty Activity para que se cree el esqueleto básico de nuestra actividad
dentro del proyecto. Damos click en el botón Next.
Figura 21: Plantillas disponibles para nuestras actividades.
2) A continuación, indicaremos el nombre de nuestra actividad para este caso dejamos el

nombre que ha establecido por defecto el asistente, dejamos seleccionada la opción Gerate
layout File para que se genere el layout de diseño asociado a nuestra actividad y
Backward compatibility con el fin de que nuestra actividad tenga soporte de
compatibilidad con versiones anteriores (Appcompat). Este proceso generara las clases y
archivos xml necesarios para la creación de nuestra primera interfaz.
Damos click en Finish para que el asistente cree nuestro proyecto.
14
Figura 22: Campos para indicar el nombre de la Activity y su la layout asociado.

Ya tenemos finalmente creado nuestro proyecto con los archivos necesarios y la estructura
adecuada creada por Android Studio.
Figura 23: Interfaz del entorno de desarrollo.

15
Conociendo la estructura de un proyecto realizado con Android Studio.
En la siguiente imagen podemos ver todos los directorio y archivos creados por Android
Studio. El IDE ha creado una estructura modular con el fin de mantener ordenados los
archivos que componen nuestro proyecto.
Figura 24: Estructura de directorios del proyecto.
16
En subdirectorio manifests se encuentra el archivo AndroidManifest.xml este archivo es

muy importante ya que en él se encuentra la declaración de las actividades que forma parte
nuestra aplicación, permisos, servicios y versión de SDK. Nuestro archivo
AndroidManifest.xml tiene la siguiente apariencia.
Figura 25: Contenido del archivo AndroidManifest.
En el directorio java se encuentran los paquetes y todas nuestras clases java relacionadas
a nuestras actividades, a cómo podemos en la figura siguiente podemos ver que se
encuentra el paquete creado al iniciar nuestro proyecto el cual incluye nuestra actividad
MainActivity.
17
En el directorio res encontramos los recursos necesarios para nuestra aplicación.
En la carpeta drawable almacenaremos imágenes en formato jpg o png.
La carpeta layout contiene los archivos de diseño de nuestras actividades.
La carpeta mipmap contiene los iconos de la aplicación con sus diferentes

resoluciones. Anteriormente se encontraban en el directorio drawable, pero en las
últimas versiones de Android Studio han sido movidos al directorio mipmap.
La carpeta values contiene los valores de nuestro proyecto, definiendo los nombres
de las variables que serán referenciadas más tarde en el código.
18
Figura 26: Contenido del directorio res.
Dentro del directorio Gradle Scripts se encuentran los archivos Gradle utilizados en la
compilación de nuestro proyecto, Gradle es un sistema de compilación que reúne en un
uno solo las mejores prestaciones de otros sistemas de compilación. Está basado en
JVM (Java Virtual Machine), lo que significa que puedes escribir tu propio script en java, y
que Android Studio lo entenderá y lo usará.
El primer archivo build.gradle define configuraciones de compilación que se aplican a todos

los módulos del proyecto. De forma predeterminada, el archivo de nivel superior usa el
19
bloque buildscript {} para definir los repositorios y las dependencias de Gradle comunes a
todos los módulos del proyecto.
El segundo archivo build.gradle permite configurar ajustes de compilación para el módulo

específico en el que se encuentra. La configuración de esos ajustes de compilación te
permite proporcionar opciones de empaquetado personalizadas, como tipos de compilación
y tipos de productos adicionales, y anular las configuraciones en el manifiesto de la app o
en el archivo build.gradle de nivel superior.
El archivo local.properties configura propiedades del entorno local para el sistema de

compilación, como la ruta de acceso para la instalación del SDK. Dado que Android Studio
genera automáticamente el contenido de este archivo y es específico para el entorno del
programador local, no debes modificar este archivo manualmente ni incluirlo en tu sistema
de control de versión.
Figura 27: Contenido del modulo Gradle Scripts.
20
Creación de un emulador con Android Studio.
Android Studio nos permite simular un dispositivo y lo muestra en nuestro equipo de

desarrollo donde podemos probar nuestras apps, sin necesidad de un dispositivo físico.
A continuación, crearemos un dispositivo virtual (AVD o Android Virtual Device). Para ello
bastará con seguir los siguientes pasos:
1) En primer lugar, seleccionaremos el icono , denominado AVD Manager, que podrá

encontrarse en la barra de herramientas del editor Android Studio
Figura 28: Al dar click en el icono de AVD Manager el IDE nos permite la gestión de los dispositivos virtuales.
21
2) Una vez seleccionado dicho icono se nos mostrar la siguiente pantalla, donde
elegiremos la opción Create Virtual Device.
Figura 29: Pantalla de bienvenida del asistente de creación de dispositivos virtuales.
3) Después de haber realizado el paso anterior, se nos muestra la ventana de selección de

hardware para el emulador (es posible emular las características reales de una gran
cantidad de dispositivos simplemente seleccionándolo en la lista disponible). Además,
permite la creación de un perfil personalizado, e incluso elegir uno existente. Mas adelante
conoceremos otra opción existente para la emulación de dispositivos como él es
Genymotion. En nuestro caso elegimos la opción Phone de la de la categoría de
dispositivos, también seleccionamos como dispositivo a emular un Nexus One. Damos
click en Next una vez hemos seleccionado el dispositivo con las características que
queremos emular.
22
Figura 30: Interfaz de selección del dispositivo con las características que necesitamos emular.
4) A continuación, se deberá seleccionar la imagen del sistema (versión del sistema

operativo de Android) con el fin de indicar la versión donde se va a realizar la aplicación.
Para nuestro caso seleccionaremos Nougat (Android 7.0). Damos click en Next.
Figura 31: Interfaz de selección de la versión que vamos a emular en el dispositivo.
23
5) Para finalizar, mostrará un resumen de las características del emulador configurado,

permitiendo entre otras cosas:
• La modificación de la memoria RAM asignada

• Habilitar la emulación GPU para la implementación de OpenGL ES (opción Use Host
GPU)
• El Almacenamiento interno y externo
• Emulación de cámara
• Conexión de red
• La cantidad de memoria para las aplicaciones que se ejecuten en el emulador (Memory
and Storage > VM heap):
Damos click en Finish.
Figura 32: La interfaz nos permite verificar y modificar las caracteristicas del dispositivo virtual.
24
6) Después de realizar el paso anterior se nos muestra la siguiente pantalla donde se nos
indica la lista de nuestros dispositivos virtuales que incluye el que hemos creado siguiendo
los pasos anteriores. Demos click en el botón para que arranque nuestro dispositivo.
Figura 33: Listado de dispositivos virtuales creados.

A continuación, podemos ver nuestro dispositivo virtual corriendo.
Figura 34: Dispositivo virtual
25
Ejecutando nuestra aplicación en emulador.

A continuación, corremos nuestra aplicación en el dispositivo virtual creando en el paso
anterior.
Damos click en el icono que se encuentra en la barra de herramientas del IDE.
Figura 35: Ejecutar aplicación.
26
A continuación, se nos muestra la lista de dispositivo disponibles para correr nuestra

aplicación como podemos ver se encuentra el dispositivo virtual creado anteriormente
damos click en OK, y esperamos que el compilador inicie la aplicación en el Emulador.
Figura 36: Lista de dispositivos disponibles para lanzar nuestra aplicación.
27
A como podemos observar nuestra aplicación ya se ha instalado en nuestro dispositivo

virtual.
Figura 37: Aplicación instalada en el emulador.
Con esto hemos finalizado el primer laboratorio donde hemos abordado la instalación de
Android Studio y la creación de nuestra primera aplicación Android.
Referencias
https://developer.android.com/studio/index.html?hl=es-419
https://developer.android.com/studio/install.html
https://developer.android.com/studio/build/index.html
https://developer.android.com/studio/run/emulator.html?hl=es-419
28

Android

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

Android

Cargado por

Copyright:

Formatos disponibles

Prácticas de laboratorio para el desarrollo de aplicaciones móviles para la plataforma Android para el departamento de

computación de la UNAN-León. Práctica de laboratorio 1

En esta práctica vamos a realizar la instalación y configuración del entorno de desarrollo de

Android Studio presentado por Google el 16 de mayo del 2013 en el congreso de

• Estructura simple y organizada para los proyectos.

• Entorno de desarrollo más robusto, pero más simple, fácil e intuitivo.

• Permite visualizar en vivo el aspecto de nuestra aplicación con respecto al estilo.

• Brinda plantillas para diferentes elementos de programación como uso de Mapas.

• Facilidad para hacer debug en las aplicaciones y para realizar testing.

Realizaremos la configuración necesaria para empezar con el desarrollo de aplicaciones

1) Ingresa la página web de Oracle y descarga e instala el JDK correspondiente a la versión

En la página se mostrará el titulo según la versión de JDK que desean descargar y en la

Figura 2: Paquetes JDK de acuerdo a la versión de nuestro sistema operativo.

2) A continuación descargaremos Android Studio en su versión más reciente ingresando

Figura 3: Enlace de descarga de Android Studio.

3) Ejecutamos el instalador y damos click en el botón Next de la pantalla de bienvenida que

Figura 4: Pantalla de bienvenida del asistente de instalacion.

4) Seleccionamos los componentes a instalar dejamos los componentes (Android Studio

Figura 5: Menu de seleccion de componentes.

5) Especificamos la ruta de instalación de Android Studio y damos click en Next.

Figura 6:Indicacion de ruta donde se instalara Android Studio.

6) Damos click en Next para que empiece la instalación de Android Studio.

Esperamos a que se complete la instalación.

Figura 8: Indicador del proceso de instalación.

7) Una vez completado el proceso anterior se muestra la siguiente pantalla indicándonos

Figura 9: Proceso instalación finalizado.

8) Cuando demos finish en la pantalla anterior se mostrará la pantalla de carga que

Figura 10: Bienvenida del asistente de configuración del entorno de desarrollo.

Figura 11: Carga inicial del entorno de desarrollo.

10) A continuación, el asistente nos pide que seleccionemos la configuración dejamos la

Figura 12: Selección del tipo de configuración para Android Studio.

Figura 13: Selección del tema del entorno de desarrollo.

Figura 14: Resumen de configuraciones de instalación.

Esperamos a que se termine la descarga de todos los componentes.

Figura 15: Descarga de componentes.

Figura 16: Descarga de componentes finalizada.

Conociendo la estructura de un proyecto Android.

Para empezar a comprender la estructura de un proyecto Android lo haremos creando

2) A continuación, indicaremos el nombre de la aplicación, el dominio de nuestra empresa

Para esta práctica estableceremos los siguientes datos:

Figura 18: Creación del proyecto Android.

Figura 21: Plantillas disponibles para nuestras actividades.

2) A continuación, indicaremos el nombre de nuestra actividad para este caso dejamos el

Damos click en Finish para que el asistente cree nuestro proyecto.

Figura 22: Campos para indicar el nombre de la Activity y su la layout asociado.

Figura 23: Interfaz del entorno de desarrollo.

Conociendo la estructura de un proyecto realizado con Android Studio.

Figura 24: Estructura de directorios del proyecto.

En subdirectorio manifests se encuentra el archivo AndroidManifest.xml este archivo es

Figura 25: Contenido del archivo AndroidManifest.

En el directorio res encontramos los recursos necesarios para nuestra aplicación.

En la carpeta drawable almacenaremos imágenes en formato jpg o png.

La carpeta layout contiene los archivos de diseño de nuestras actividades.

La carpeta mipmap contiene los iconos de la aplicación con sus diferentes

Figura 26: Contenido del directorio res.

El primer archivo build.gradle define configuraciones de compilación que se aplican a todos

El segundo archivo build.gradle permite configurar ajustes de compilación para el módulo

El archivo local.properties configura propiedades del entorno local para el sistema de

Figura 27: Contenido del modulo Gradle Scripts.

Creación de un emulador con Android Studio.

Android Studio nos permite simular un dispositivo y lo muestra en nuestro equipo de

1) En primer lugar, seleccionaremos el icono , denominado AVD Manager, que podrá

Figura 29: Pantalla de bienvenida del asistente de creación de dispositivos virtuales.