Maestrosdelweb Guia Android

2 CURSO ANDROID
SOBRE LA GUA
Curso Android:
Desarrollo de aplicaciones mviles
Versin 1 / junio 2011
Nivel: Bsico / Intermedio
El Curso Android se encuentra en lnea en:
htp://www.maestrosdelweb.com/editorial/curso-android
Un proyecto de Maestros del Web

Edicin: Stephanie Falla Aroche

Diseo y diagramacin: Ivn E. Mendoza

Autor: Adrin Cataln
Este trabajo se encuentra bajo una licencia Creatve Commons
Atribucin-NoComercial-CompartrIgual 3.0 Unported (CC BY-NC-SA 3.0)
El logotpo de Android es compartdo por Google bajo licencia Creatve Commons por Atribucin.
Contacto
htp://www.maestrosdelweb.com/sito/correo/
Redes sociales
Facebook: htp://www.facebook.com/maestrosdelweb
Twiter: htp://www.twiter.com/maestros
3 CURSO ANDROID
SOBRE EL AUTOR
Adrin Cataln
Guatemalteco, Ingeniero en Sistemas con una Maestra en Tecnologas de Informacin con especialidad
en Seguridad informtca y Redes de Computadoras de la Universidad Galileo.
Es catedrtco de cursos sobre arquitectura de computadoras, mquinas y lenguajes, compiladores,
bases de datos, ingeniera de sofware, desarrollo web, sistemas operatvos, redes, voz sobre IP, seguri-
dad informtca y mtodos forenses en IT.
Desarrollador de sofware, apasionado por aplicaciones web (Ruby On Rails) y mviles (Android), funda-
dor del grupo de tecnologas de Google en Guatemala(GTUG) y co fundador de Elemental Geeks es un
frme creyente del infnito talento hispanoamericano, consciente de la necesidad de fomentarlo y darlo
a conocer.
Puedes comunicarte a travs de redes sociales:
Email: adriancatalan@gmail.com
Facebook: adrian.catalan
Twiter: @ykro
4 CURSO ANDROID
NDICE
1 | Sobre la gua ....................................................................................... 2
2 | Sobre el autor ..................................................................................... 3
3 | Construir un lector de feeds simple ................................................... 5
4 | Aumentar la funcionalidad de un lector de feeds ........................... 23
5 | Trabajando con imgenes (cmara y galera) .................................. 44
6 | Grabacin y reproduccin de vdeo .................................................. 55
7 | Geolocalizacin y utlizacin de mapas de Google .......................... 64
8 | Trabajar con el acelermetro ........................................................... 73
9 | Reproduccin de sonido en un ciclo infnito ................................... 83
10 | Envo de email utlizando Android ................................................... 90
11 | Trabajando con APIs (Facebook y Twiter) ....................................... 99
12 | Conectndonos con Apis de Google ............................................... 117
13 | Comunidades android ................................................................... 134
14 | Otras guas de maestros del web ...................................................135
Construir un lector de
feeds simple
1
captulo
6 CURSO ANDROID
CAPTULO 1
Construir un lector de feeds simple
Bienvenidos al primer captulo del curso sobre Android daremos inicio con el funcionamiento de la
arquitectura de esta plataforma mvil y los bloques bsicos de una aplicacin.
Kernel de Linux
En la base tenemos el kernel 2.6 de Linux, Android lo utliza por su robustez demostrada y por la imple-
mentacin de funciones bsicas para cualquier sistema operatvo, por ejemplo: seguridad, administra-
cin de memoria y procesos, implementacin de conectvidad de red (network stack) y varios interpretes
(drivers) para comunicacin con los dispositvos fsicos(hardware).
Android utliza como base el kernel de Linux pero los dos sistemas no son lo mismo, Android no cuenta
con un sistema natvo de ventanas de Linux ni tene soporte para glibc (libera estndar de C) ni tampoco
es posible utlizar la mayora de aplicaciones de GNU de Linux.
Adems de todo lo ya implementado en el kernel de Linux, Android agrega algunas cosas especfcas
para plataformas mviles como la comunicacin entre procesos (lograda a travs del binder), la forma
de manejar la memoria compartda (ashmem) y la administracin de energa (con wakelocks). De las
caracterstcas nicas del kernel utlizado por Android encuentran ms informacin en Android Kernel
Features
1
.
Libreras y ejecucin
Sobre el kernel, tenemos un conjunto de libreras de C y C++ utlizadas por el sistema para varios fnes
1 htp://elinux.org/Android_Kernel_Features
7 CURSO ANDROID
como el manejo de la pantalla (surface manager), mapas de bits y tpos de letra (Free Type), grfcas en
2D y 3D (SGL y OpenGL), manejo de multmedia (Media Framework), almacenamiento de datos (SQLite)
y un motor para las vistas web y el navegador (WebKit).
Junto a estas libreras, encontramos lo necesario para la ejecucin de las aplicaciones a travs de la
mquina virtual Dalvik. Cada aplicacin utliza una instancia de la mquina virtual ejecutando un archivo
DEX (Dalvik Executable) y el sistema est optmizado para que se ejecuten mltples instancias de la
mquina virtual. Se desarrolla en Java pero no se utliza una mquina virtual de Sun para su ejecucin
ni tampoco archivos CLASS.
Estructura de aplicaciones
Sobre las libreras encontramos una estructura que nos brinda un contexto para desarrollar, este
framework permite a los desarrolladores aprovechar un sistema de vistas ya construido, administrar
notfcaciones y acessar datos a travs de proveedores de contenido entre otras cosas.
Aplicaciones
Las aplicaciones centrales que incluye el sistema por defecto son: telfono, navegador, manejo de
contactos, etc. En esta capa de la arquitectura es donde trabajaremos desarrollando aplicaciones.
Bloques bsicos de una aplicacin
Una vez vista la arquitectura, empezaremos con lo fundamental para desarrollar una aplicacin. Los
8 CURSO ANDROID
componentes bsicos de una aplicacin son: activities, intents, views, services, content
providers y broadcast receivers.
Si dominan bien estos trminos pueden saltar directo al cdigo.

Actvites
1
: son componentes de la interfaz que corresponde a una pantalla. Podemos visualizarlo
como un mazo de cartas en el que tenemos varias cartas pero solamente una est hasta arriba.
Una aplicacin para una lista de cosas por hacer (remember the milk) puede tener una actvidad
para ingresar las cosas por hacer y otra actvidad para mostrar el listado, en conjunto estas actvi-
dades conforman la aplicacin.

Intents
2
: son mensajes que provocan notfcaciones o cambios de estatus, que al ser recibidos por
actvidades o servicios pueden levantar procesos. De esta forma se unen componentes dentro de
la misma aplicacin o de diferentes aplicaciones.

Views
3
: son los componentes de la interfaz de usuario, diferentes vistas pueden agruparse a
travs de grupos logrando una jerarqua, esto se logra a travs de la disposicin de los componen-
tes a travs de un archivo XML.

Services
4
: son componentes que ejecutan operaciones en segundo plano y no tenen una interfaz
1 htp://developer.android.com/guide/topics/fundamentals/actvites.htm
2 htp://developer.android.com/guide/topics/intents/intents-flters.html
3 htp://developer.android.com/guide/topics/ui/index.html
4 htp://developer.android.com/guide/topics/fundamentals/services.html
9 CURSO ANDROID
de usuario. Por ejemplo, al escuchar msica, hay un servicio encargado de la reproduccin que se
ejecuta de fondo y la aplicacin que manipulamos le manda mensajes a este servicio dicindole
que se detenga, pause o reproduzca la siguiente cancin.

Content Providers
1
: representan la abstraccin para almacenar y obtener datos permanentes y
aplicaciones diferentes. El sistema incluye algunos proveedores de contenido tles (audio, video,
etc) y adems pueden desarrollarse nuevos.

Manifest
2
: El archivo AndroidManifest.xml es donde se confgura la aplicacin, se agregan actvi-
dades, se asignan permisos, etc.

Broadcast Receivers: son componentes que responden a avisos y anuncios de difusin (broad-
cast). Estos avisos provienen del sistema (batera baja, una llamada entrante, etc) y de aplicaciones
(pasando avisos de una aplicacin a otra). Aun que no muestran una interfaz de usuario algunas
veces utlizan barras de progreso para mostrar avances. Estos se actvan a travs de mensajes asin-
crnicos llamados intents (mencionados arriba).
Ejemplo: Lector de feeds
La aplicacin que realizaremos es un lector para el feed de Maestros del Web, queremos que al fnalizar
se vea de la siguiente forma:
1 htp://developer.android.com/guide/topics/providers/content-providers.html
2 htp://developer.android.com/guide/topics/manifest/manifest-intro.html
10 CURSO ANDROID
Disposicin inicial
Arrancamos descargando el cdigo base
1
que debe ser importado hacia un proyecto nuevo. En mi caso,
el cdigo descargado lo tengo en el folder /Users/ykro/Desktop/LectorFeedMDWBase:

En este cdigo encontrars algunas cosas de ayuda para el desarrollo del proyecto. Si quisieran iniciar
desde cero, con un proyecto nuevo, lo mnimo que deberan hacer para tenerlo listo es:

Darle permiso a la aplicacin para que pueda accesar a internet
Para hacer esto, vamos al archivo AndroidManifest.xml y justo antes de la etqueta que cierra
manifest colocamos:
<uses-permission android:name=android.permission.INTERNET />
1 htps://github.com/androidMDW/guia1base
11 CURSO ANDROID

Tener un LinearLayout con orientacin vertcal en el archivo de diseo principal.
Para lograr esto, en el archivo /res/layout/main.xml es necesario tener:
<LinearLayout android:id=@+id/LL01 android:layout_width=fll_parent
android:layout_height=fll_parent android:orientation=vertical
xmlns:android=http://schemas.android.com/apk/res/android>
</LinearLayout>

Tener una forma de reconocer XML.
En el cdigo de demo se provee la clase src/com/android/mdw/demo/XMLParser.java. No vamos a repa-
sar el cdigo de cmo se hace el reconocimiento de XML, este parser tene un funcionamiento general
sin embargo para los fnes de esta aplicacin nos interesa que devuelva una lista simplemente enca-
denada (LinkedList de Java) y en cada posicin un diccionario (HashMap de Java) porque de esa forma
vamos a almacenar los datos.
Esto se logra a travs de un mtodo llamado parse() y adicional a esto, en el constructor el XMLParser
debe recibir la direccin del feed que reconocer.
Diseo
Trabajaremos con los siguientes views para lograr el objetvo.

LinearLayout
1
: agrupa los elementos en un solo sentdo (vertcal u horizontal).

ListView
2
: muestra los elementos en un listado vertcal con scroll.

TextView
3
: una etqueta para colocar texto.

Buton
4
: un botn para presiona.
Vamos a colocar primero un LinearLayout con arreglo vertcal y dentro de l dos cosas:
1 htp://developer.android.com/guide/tutorials/views/index.html
2 htp://www.maestrosdelweb.com/editorial/curso-android-construir-lector-de-feeds/
3 htp://developer.android.com/reference/android/widget/TextView.html
4 htp://developer.android.com/reference/android/widget/Buton.html
12 CURSO ANDROID
1 | LinearLayout con arreglo horizontal (para la etqueta y el botn).
2 | ListView para los elementos del feed.
Nuestro archivo /res/layout/main.xml quedara entonces de la siguiente forma:
<?xml version=1.0 encoding=utf-8?>
<LinearLayout android:id=@+id/LL01
android:layout_width=fll_parent android:layout_height=fll_parent
android:orientation=vertical xmlns:android=http://schemas.android.com
/apk/res/android>
<LinearLayout android:id=@+id/LL02
android:orientation=horizontal android:layout_width=wrap_content
android:layout_height=wrap_content>
<TextView android:id=@+id/tvLoadTip
android:layout_width=wrap_content
android:layout_height=wrap_content android:text=Presione
el botn para cargar datos>
</TextView>
<Button android:id=@+id/btnLoad
android:layout_height=wrap_content
android:text=Enviar>
</Button>
</LinearLayout>
<ListView android:id=@+id/lstData
android:layout_height=wrap_content android:padding=5dip>
</ListView>
</LinearLayout>
Es importante notar los identfcadores que colocamos, ya que los utlizaremos ms adelante.
Mostrar datos siguiendo el diseo
13 CURSO ANDROID
Luego de terminado el diseo podemos enfocarnos en el cdigo que nos permitr poblar el ListView
con los elementos del feed que vamos a leer.
Trabajemos ahora en el archivo src/com/android/mdw/demo/Main.java.
Inicialmente encontramos 2 constantes que utlizaremos para guardar la informacin en un HashMap.
static fnal String DATA_TITLE = T;
static fnal String DATA_LINK = L;
Agregamos una estructura de datos esttca para guardar la informacin del feed una vez la fuimos a
traer y reconocimos.
static LinkedList<HashMap<String, String>> data;
En una aplicacin real esto no debera hacerse nunca, todo campo esttco (variable de clase) debe-
ra ser fnal
1
y en este caso no lo es porque lo asignaremos luego de que el parser devuelva la data. La
forma correcta de realizar este almacenamiento voltl es utlizando clases de aplicacin, algo que vere-
mos en prximos captulos y si se quisiera almacenamiento no voltl se tene acceso a base de datos a
travs de SQLite. Haremos tambin una funcin auxiliar que recibe una lista de mapas, y utlizando esta
data crea un adaptador para poblar al ListView del diseo.
private void setData(LinkedList<HashMap<String, String>> data){
SimpleAdapter sAdapter = new SimpleAdapter(getApplicationContext(), data,
android.R.layout.two_line_list_item,
new String[] { DATA_TITLE, DATA_LINK },
new int[] { android.R.id.text1, android.R.id.text2 });
ListView lv = (ListView) fndViewById(R.id.lstData);
lv.setAdapter(sAdapter);
1 htp://en.wikipedia.org/wiki/Final_%28Java%29
14 CURSO ANDROID
}
Nuestro objetvo fnal es tomar una vista (ListView) creada en el diseo y poblarla de datos a travs de
un adaptador . La informacin que representaremos por cada fla del listado es el ttulo del artculo y
el link del mismo. Para nuestro caso vamos a utlizar el adaptador simple (SimpleAdapter) que recibe 5
parmetros.
1 | Un contexto sobre el cual puede trabajar, lo obtenemos llamando a getApplicationCon-
text()
2 | Un Listado de mapas con la data a mostrar, lo recibimos como parmetro en la funcin.
3 | Un Layout para cada fla, en este caso usaremos uno de los predeterminados de Android llamado
android.R.layout.two_line_list_item este nos permite tener elementos con infor-
macin en 2 lneas.
4 | Un arreglo de String con las llaves del diccionario que representarn los datos obtenidos de la
lista especifcada anteriormente.
5 | Un arreglo de int con los identfcadores de los elementos de cada lnea.
Con esta confguracin, el adaptador nos dar elementos de 2 lneas mostrando en la primera el ttulo
del artculo y en la segunda el link del artculo. Esta confguracin resulta muy tl porque todo est
hecho, sin embargo no es personalizable, si queremos cambiar algunas cosas (fondo, color, letra, etc) de
cada elemento sera necesario agregar otro layout para cada fla y si deseamos mostrar ms informa-
cin o no utlizar una lista de mapas entonces sera necesario hacer nuestro propio adaptador (esto lo
haremos en prximos captulos).
Carga de datos
La carga de datos nos tomar cierto tempo, vamos a mostrarle un aviso de que los datos se estn
cargando. Queremos que el aviso se muestre y como tarea de fondo cargue los datos (esto NO es un
servicio) vamos a necesitar de un hilo de ejecucin
1
que haga esta tarea.
1 htp://download.oracle.com/javase/1.5.0/docs/api/java/lang/Thread.html
15 CURSO ANDROID
Android nos presenta la restricciones que no podemos alterar, los elementos de interfaz grfca en un
hilo de ejecucin que no sea el principal por lo que es necesario utlizar un manejador para enviar un
mensaje de un hilo a otro cuando la carga de datos haya terminado. Agregaremos entonces una variable
para el dilogo de progreso es necesaria una variable global porque iniciamos el dilogo en una funcin
y lo ocultamos en otra.
private ProgressDialog progressDialog;
Otra para el manejador de mensajes entre hilos de ejecucin:
private fnal Handler progressHandler = new Handler() {
@SuppressWarnings(unchecked)
public void handleMessage(Message msg) {
if (msg.obj != null) {
data = (LinkedList<HashMap<String, String>>)msg.obj;
setData(data);
}
16 CURSO ANDROID
progressDialog.dismiss();
}
};
Para el manejador, haremos una clase interna y annima
1
este tpo de clases las vern seguido para
agregar funcionalidades que requieren de clases pero su tarea es tan pequea que no vale la pena darle
un nombre (y luego terminar con muchos nombres que se utlizan una sola vez).
Dentro de la clase Handler hemos agregado la anotacin @SuppressWarnings(unchecked)
para evitar una advertencia por la conversin de tpo (type casting) de objeto hacia lista realizada
adelante. Es necesario implementar el mtodo handleMessage(Message msg) y es aqu donde
revisamos si viene un mensaje, lo convertmos a lista, llamamos al mtodo setData previamente def-
nido y cerramos el dilogo de progreso.
Por ltmo, vamos a hacer una funcin auxiliar que inicia la carga de datos, muestra al usuario un dilogo
de que se estn cargando los datos y levanta un thread para lograr la carga.
private void loadData() {
ProgressDialog progressDialog = ProgressDialog.show(
Main.this,
,
Por favor espere mientras se cargan los datos...,
true);
new Thread(new Runnable(){
@Override
public void run() {
XMLParser parser = new XMLParser(feedUrl);
Message msg = progressHandler.obtainMessage();
msg.obj = parser.parse();
progressHandler.sendMessage(msg);
}}).start();
1 htp://www.google.com/url?q=htp%3A%2F%2Fdownload.oracle.com%2Fjavase%2Ftutorial%2Fjava%2FjavaOO%2Fin
nerclasses.html&sa=D&sntz=1&usg=AFQjCNEbFcVxidDxasA0Rg3ED01_7EDHfA
17 CURSO ANDROID
}
Para el dilogo de progreso, le enviamos 4 argumentos:
1 | Contexto, dado por la aplicacin, como esta funcin la vamos a llamar desde una clase interna,
el acceso es con el campo this de la clase Main.
2 | Ttulo, no nos interesa que tenga ttulo el aviso.
3 | Mensaje, le pedimos al usuario que espere.
4 | Indeterminado, no se puede cuantfcar cuanto tempo falta o cuanto progreso se ha logrado
entonces el aviso ser de duracin indeterminada.
Luego tenemos un Thread a partr de otra clase interna y annima que es una instancia de Runnable y
defnimos el mtodo run donde se especifca lo que har el hilo de ejecucin y llamamos al mtodo start
para iniciarlo. En el mtodo run instanciamos un parser nuevo de XML construimos un mensaje a partr
del manejador y se lo enviamos con la data obtenida del parser.
Llamando todo desde la funcin onCreate
Trabajemos dentro de la funcin onCreate la cual se llama cuando la actvidad es creada, primero le
ponemos un bonito ttulo a la ventana.
setTitle(Lector de feed Maestros del Web);
El siguiente paso es asociarle una accin al botn para que cargue los datos, primero obtenemos el
botn haciendo uso de la funcin fndViewById con el identfcador colocado en el diseo para poste-
riormente colocarle las acciones a realizar cuando se presione a travs del mtodo setOnClickListe-
ner. Este mtodo recibe una instancia de la clase OnClickListener, de nuevo vamos a hacer una clase
annima y sobrecargaremos el mtodo onClick.
Button btn = (Button) fndViewById(R.id.btnLoad);
btn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
18 CURSO ANDROID
}
});
Dentro de la funcin onClick validaremos si el ListView ya tene datos, si no los tene los carga-
mos con una llamada a loadData pero si ya los tene vamos a mostrarle un dilogo de alerta al usua-
rio preguntando si est seguro que desea hacerlo.
if (lv.getAdapter() != null) {
AlertDialog.Builder builder = new AlertDialog.Builder(Main.this);
builder.setMessage(ya ha cargado datos, Est seguro de hacerlo de
nuevo?)
.setCancelable(false)
.setPositiveButton(Si, new DialogInterface.OnClickListener()
{
public void onClick(DialogInterface dialog, int
id) {
loadData();
}
})
.setNegativeButton(No, new DialogInterface.OnClickListener()
{
public void onClick(DialogInterface dialog, int
id) {
dialog.cancel();
}
})
.create()
.show();
} else {
loadData();
}
19 CURSO ANDROID
Para crear el dilogo de alerta, encadenamos llamadas a partr de un constructor AlertDialog.
Builder que recibe un contexto y de nuevo utlizamos Main.this.
Estas llamadas encadenadas nos permiten:

Establecer un mensaje (setMessage)

Obligar al usuario a responder y no solo cerrar (setCancelable)

Colocar una accin cuando la respuesta es positva (setPositveButon)

Colocar una accin cuando la respuesta es negatva (setNegatveButon)

Crear el dilogo (create)

Mostrar el dilogo (show)
Las ms complicadas son las llamadas para colocar acciones ante una respuesta positva o negatva.
Ambas requieren de un Listener que se disparara cuando el usuario presione el botn. Dentro del
mtodo onClick de otra clase annima ms, cuando es positvo llamamos a loadData y cuando es
negatvo ocultamos el dilogo.
El cdigo completo queda de esta forma:
Button btn = (Button) fndViewById(R.id.btnLoad);
btn.setOnClickListener(new OnClickListener() {
@Override
if (lv.getAdapter() != null) {
AlertDialog.Builder builder = new AlertDialog.Builder(Main.this);
builder.setMessage(ya ha cargado datos, Est seguro de hacerlo de
nuevo?)
.setCancelable(false)
.setPositiveButton(Si, new
DialogInterface.OnClickListener() {
public void onClick(DialogInterface
dialog, int id) {
20 CURSO ANDROID
loadData();
}
})
.setNegativeButton(No, new
DialogInterface.OnClickListener() {
public void onClick(DialogInterface
dialog, int id) {
dialog.cancel();
}
})
.create()
.show();
} else {
loadData();
}
}
});
Para terminar, queremos aprovechar que contamos con el link de cada artculo y que cuando el usuario
presione algn elemento en nuestra aplicacin pueda visitarse el artculo va el navegador.
lv.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> av, View v, int position, long id)
{
HashMap<String, String> entry = data.get(position);
Intent browserAction = new Intent(Intent.ACTION_VIEW,
Uri.parse(entry.get(DATA_LINK)));
startActivity(browserAction);
}
});
21 CURSO ANDROID
Esto lo conseguimos modifcando el evento de click sobre los tems de la lista (setOnItemClickListener)
primero obteniendo el elemento que ha sido presionado y luego con un intent de ACTION_VIEW
1
este
intent predefnido realiza la accin ms obvia para mostrar datos al usuario, en nuestro caso se le enva
un URI
2
lo que permite visualizarlo con el navegador.
1 htp://developer.android.com/reference/android/content/Intent.html#ACTION_VIEW
2 htp://developer.android.com/reference/android/net/Uri.html
htp://www.forosdelweb.com/f165/ htps://github.com/androidMDW/guia1completo
22 CURSO ANDROID
Conclusin
En esta gua hemos visto varias cosas:

Arquitectura de Android: conocimos la forma en que est construda la arquitectura.

Bloques bsicos de una aplicacin: los elementos principales de una aplicacin de Android.

Manifest: aprendimos la forma y la ubicacin del manifest, archivo para confguracin de la apli-
cacin.

LinearLayout, TextView y Buton: tuvimos un primer acercamiento a los elementos de la UI a
travs de estos 3 controles, una forma de manejar el diseo (layout) y dos controles para la inter-
faz de la aplicacin.

Eventos OnClick: aprendimos a manejar los eventos con listeners y asociar acciones para cuando
el usuario interacta con los elementos de la UI.

Dialogs: iniciamos a trabajar con dilogos para mostrar avisos al usuario, en este caso nicamente
de confrmacin previo a la carga de datos.

Threads y Handlers: el proceso de la carga y parsing de datos fue realizado con un thread extra y
para la comunicacin con el thread principal utlizamos un Message Handler.

Iniciar otras actvites: aprendimos el mecanismo necesario para iniciar otras actvites aun que no
fueran hechas por nosotros.
Aumentar la
funcionalidad de un
lector de feeds
2
captulo
24 CURSO ANDROID
CAPTULO 2
Aumentar la funcionalidad de un lector de feeds
El lector de feed que desarrollaremos en este captulo se diferencia del anterior porque permitremos
al usuario decidir si al presionar sobre un elemento quiere verlo en una vista previa dentro de la apli-
cacin o en el navegador, para esta eleccin agregaremos un men y personalizaremos el View de cada
fla del resultado.
El ejemplo se ver de la siguiente manera:

Disposicin inicial
Empecemos descargando el cdigo
1
que debe ser importado hacia un nuevo proyecto es muy similar
al del captulo anterior, pero revisemos las diferencias:

El XMLParser ahora obtene no solo el link y ttulo de cada artculo, tambin su autor, fecha, descrip-
25 CURSO ANDROID
cin y una imagen.

Para ser ms ordenados, la informacin se guardar utlizando una clase de Java que represente a
cada artculo llamada Element (src/com/android/mdw/demo/Element.java)

La Activity principal (Main) hereda de ListActivity y no de Activity facilitando y
permite caminos cortos para cosas especfcas a una Actvity que muestra un listado de cosas. Por
lo mismo, en el layout es necesario un ListView con el identfcador @android:id/list
Adems, tene las especifcaciones de la gua anterior.

Es necesario darle permiso a la aplicacin para que pueda accesar a Internet, tener un Linear-
Layout con orientacin vertcal en el archivo de diseo principal por trabajar con una LisActvity
tambin necesitamos el ListView con id @android:id/list y tener una forma de reconocer
XML.
Diseo
Trabajamos con Views del captulo anterior como: LinearLayout, ListView, TextView, Buton y agregamos
nuevas Views.

ImageView
1
: muestra una imagen que puede cargarse de diferentes fuentes para el ejemplo
vamos a obtenerla de una direccin de Internet (etqueta img de HTML dentro del artculo) revisar
(2d Graphics
2
).

Menu
3
y MenuItem
4
: en este captulo aprenders cmo hacer un men de opciones en XML, revi-
sar (Menus
5
).
Para el layout principal, repetmos el procedimiento del captulo anterior de nuevo recordando que el
identfcador (android:id) del ListView debe ser @android:id/list.
Adems, necesitaremos 3 Views adicionales:
1 htp://developer.android.com/reference/android/widget/ImageView.html
2 htp://developer.android.com/guide/topics/graphics/2d-graphics.html
3 htp://developer.android.com/reference/android/view/Menu.html
4 htp://developer.android.com/reference/android/view/MenuItem.html
5 htp://developer.android.com/guide/topics/ui/menus.html
26 CURSO ANDROID

Para el men menu.xml

Para la vista previa dentro de la aplicacin showelement.xml

Para cada fla del listado row.xml
Para agregar estos Views, hacemos click derecho sobre la carpeta /res/layout luego New > (nuevo) y
other (otro):

En el dilogo que aparece seleccionamos archivo XML de Android y hacemos click en Next > (siguiente):

27 CURSO ANDROID
Escribimos el nombre del archivo (es importante incluir la extensin XML), en el ejemplo el nombre es
menu.xml y hacemos click en el botn Finish (fnalizar):

Este procedimiento es necesario cada vez que necesitemos un Layout nuevo, para esta aplicacin sern
necesarios 3: menu.xml, row.xml y showelement.xml describiremos a detalle cada uno de ellos.
View para el men: menu.xml
Utliza un elemento men y dos elementos tem para cada opcin, le pondremos a cada tem texto y el
icono que trae por defecto la aplicacin, el archivo XML debe quedar as:

El men debera verse de la siguiente forma:
28 CURSO ANDROID

View para preview: showelement.xml
En esta vista previa mostraremos el ttulo del artculo, el autor y la descripcin, necesitamos varios Text-
View dentro de un LinearLayout con orientacin vertcal, el archivo XML debe quedar as:
La vista previa debera verse de la siguiente forma:

29 CURSO ANDROID
View para la: row.xml
En este captulo en cada una de las flas de la lista no mostraremos dos lneas como en el anterior, ahora
vamos a tener una imagen del elemento y su ttulo agrupados por un LinearLayout con orientacin hori-
zontal, el archivo XML debe quedar de la siguiente forma:
Clases de apoyo
En esta versin del lector de feeds tenemos varias clases que apoyan para facilitar el desarrollo:

Element: guarda los datos de cada artculo en el listado.

MyApp: clase de aplicacin para representar datos voltles dentro de la aplicacin.

MyAdapter: adaptador personalizado que permite mostrar la imagen en cada fla del listado.
Para la vista previa del artculo necesitamos otra Actvity que es otra clase que llamaremos ShowEle-
ment.java para agregar una clase es necesario hacer click derecho sobre com.android.mdw.demo (bajo
src) luego New (nuevo) y por ltmo Class (clase).

Despus colocamos el nombre MyApp para el ejemplo y la superclase (clase de la que hereda) android.
30 CURSO ANDROID
app.Applicaton para el ejemplo y hacemos click en fnalizar.

El proceso es necesario para MyApp, MyAdapter y ShowElement la clase Element va incluida, ahora
veamos el contenido de cada una de estas clases:
Element
Haremos un objeto Element, para aumentar el orden porque ahora guardaremos ms informacin de
cada elemento del listado obtenido del feed. Esta clase est incluida en los archivos de prueba y no es
muy complicada, maneja mtodos para colocar y obtener los atributos de cada elemento como: Ttulo,
Enlace, Autor, Descripcin, Fecha de publicacin, Imagen.
SetImage es el mtodo diferente y se debe a la forma en que obtenemos las imgenes. El parser XML
buscar dentro del contenido del artculo la primera ocurrencia de la etqueta img de HTML y en algu-
nos casos la nica es la foto del autor del artculo.
31 CURSO ANDROID
Tomamos prestada la imagen del avatar de Twiter de @maestros
1
el URL es:
htp://a1.twimg.com/profle_images/82885809/mdw_hr_reasonably_small.png
La URL se recibe como parmetro en este mtodo, si al tratar de obtener la imagen algo fallara entonces
tambin se establece la imagen del avatar de Twiter. Para obtener la imagen en base a un URL se utliza
la ayuda de la funcin loadFromUrl que devuelve un Bitmap
2
.
Este mtodo abre una conexin hacia el URL especifcado, luego decodifca el fujo (stream) de bytes
recibido y en base a ellos construye un objeto Bitmap. El cdigo de la clase Element (ya incluido en el
cdigo base de la gua) es el siguiente:
package com.android.mdw.demo;
import java.io.IOException;
import java.io.InputStream;
import java.net.MalformedURLException;
import java.net.URL;
import java.text.SimpleDateFormat;
import java.util.Date;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
public class Element {
static SimpleDateFormat FORMATTER = new SimpleDateFormat(EEE, dd MMM yyyy
HH:mm:ss Z);
private String title;
private String author;
private String link;
private Bitmap image;
private String description;
private Date date;
public String getTitle() {
return this.title;
1 htp://twiter.com/maestros
2 htp://developer.android.com/reference/android/graphics/Bitmap.html
32 CURSO ANDROID
}
public String getLink() {
return this.link;
}
public String getDescription() {
return this.description;
}
public String getDate() {
return FORMATTER.format(this.date);
}
public Bitmap getImage(){
return this.image;
}
public String getAuthor(){
return this.author;
}
public void setTitle(String title) {
this.title = title.trim();
}
public void setLink(String link) {
this.link = link;
}
public void setDescription(String description) {
this.description = description.trim();
}
public void setDate(String date) {
try {
this.date = FORMATTER.parse(date);
} catch (java.text.ParseException e) {
e.printStackTrace();
}
}
public void setImage(String image){
if (image.contains(autor)) {
image = http://a1.twimg.com/profle_images/82885809
33 CURSO ANDROID
/mdw_hr_reasonably_small.png;
}
try {
this.image = loadFromUrl(new URL(image));
} catch (Exception e) {
try {
this.image = loadFromUrl(new URL(http://a1.twimg.com
/profle_images/82885809/mdw_hr_reasonably_small.png));
} catch (MalformedURLException e1) {}
}
}
public void setAuthor(String author){
this.author = author;
}
public String toString(){
return this.title;
}
private Bitmap loadFromUrl(URL link) {
Bitmap bitmap = null;
InputStream in = null;
try {
in = link.openConnection().getInputStream();
bitmap = BitmapFactory.decodeStream(in, null, null);
in.close();
} catch (IOException e) {}
return bitmap;
}
}
MyApp
En el captulo anterior el listado de artculo los representamos como una lista esttca dentro de la clase
de la actvity principal, mencion que esa no era la forma correcta por que deban utlizarse clases de
aplicacin y para eso utlizaremos MyApp.
34 CURSO ANDROID
No es posible utlizar una variable local o una variable de instancia porque la Actvity
1
es constante-
mente destruida y creada de nuevo. Por ejemplo, al rotar el telfono. A pesar de estar representado
dentro de una clase esta informacin no deja de ser voltl, para almacenamiento permanente es nece-
sario una base de datos de SQLite.
Para decirle a la aplicacin que es de tpo MyApp es necesario editar el manifest AndroidManifest.xml y
en los atributos de la etqueta aplicacin agregar android:name=MyApp
Inicialmente deca:
<application android:icon=@drawable/icon android:label=@string/app_name>
Al modifcarlo debe decir:
<application android:icon=@drawable/icon android:label=@string/app_name
android:name=MyApp>
Dentro de la clase MyApp vamos a guardar dos cosas:

El listado de los artculos

La opcin seleccionada por el usuario para visualizar el artculo (ya sea en una vista previa dentro
de la aplicacin o en el navegador)

Adems de estas dos variables de instancia, vamos a incluir mtodos para guardar y devolver estas
variables (geters y seters). Para representar la opcin elegida por el usuario utlizaremos enteros
dentro de la Actvity principal, estos estn incluidos en el cdigo base y fueron defnidos as:
fnal static int APP_VIEW = 1;
fnal static int BROWSER_VIEW = 2;
Al iniciar la aplicacin, colocaremos el valor de APP_VIEW en el campo que guarda la preferencia del
usuario dentro de la clase de aplicacin, el cdigo de la clase MyApp queda de la siguiente forma:
import java.util.LinkedList;
1 htp://developer.android.com/reference/android/app/Actvity.html
35 CURSO ANDROID
import android.app.Application;
public class MyApp extends Application {
private LinkedList data = null;
private int selectedOption = Main.APP_VIEW;
public LinkedList getData(){
return this.data;
}
public void setData(LinkedList d){
this.data = d;
}
public int getSelectedOption(){
return this.selectedOption;
}
public void setSelectedOption(int selectedOption) {
this.selectedOption = selectedOption;
}
}
MyAdapter
La clase MyAdapter ser una personalizacin de un ArrayAdapter
1
, un adaptador que recibe un arre-
glo (o listado) de elementos. La clase MyAdapter hereda de ArrayAdapter<Element>, dentro de la clase
manejaremos dos variables de instancia, un LayoutInfater
2
esta clase se utlizar para instanciar el
diseo a partr de un archivo de XML hacia un View y adems un listado (LinkedList) de objetos (en este
caso, artculos, representados por la clase Element).
Dentro del constructor, llamamos al padre (super) y asignamos a los campos (variables de instancia).
Adems, dado que queremos personalizar la representacin (rendering) de cada fla, necesitamos
sobrecargar revisar (Override
3
) el mtodo getView.
Dentro de este mtodo, cuando sea necesario instanciamos el archivo de su diseo correspondiente
row.xml y le asignamos valor a sus Views (imagen y texto) a partr de la informacin guardada en el
1 htp://developer.android.com/reference/android/widget/ArrayAdapter.html
2 htp://developer.android.com/reference/android/view/LayoutInfater.html
3 htp://download.oracle.com/javase/tutorial/java/IandI/override.html
36 CURSO ANDROID
listado de artculos.
El cdigo de la clase MyAdapter es el siguiente:
import java.util.LinkedList;
import android.content.Context;
import android.view.LayoutInfater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
public class MyAdapter extends ArrayAdapter {
LayoutInfater inf;
LinkedList objects;
public MyAdapter(Context context, int resource,
int textViewResourceId,
LinkedList objects) {
super(context, resource, textViewResourceId, objects);
this.inf = LayoutInfater.from(context);
this.objects = objects;
}
public View getView(int position, View convertView,
ViewGroup parent){
View row = convertView;
Element currentElement = (Element)objects.get(position);
if (row == null) {
row = inf.infate(R.layout.row, null);
}
ImageView iv = (ImageView) row.fndViewById(R.id.imgElement);
iv.setImageBitmap(currentElement.getImage());
iv.setScaleType(ImageView.ScaleType.FIT_XY);
TextView tv = (TextView) row.fndViewById(R.id.txtElement);
37 CURSO ANDROID
tv.setText(currentElement.getTitle());
return row;
}
}
ShowElement
Por ltmo tenemos la Actvity que nos mostrar la vista previa del artculo seleccionado, cada vez que
se agrega un Actvity es necesario especifcarlo en el manifest AndroidManifest.xml, bajo la etqueta de
aplicacin (<applicaton>) vamos a colocar:
<activity android:name=.ShowElement></activity>
Para pasar la informacin entre las Actvites utlizaremos la informacin extra puede llevar un intent
1

previo a levantar una Actvity. Disponemos de un diccionario que en nuestro caso utlizaremos para
mandar un entero representando la posicin del elemento que queremos visualizar.
Para empezar obtenemos el intent que levanto esta actvity que debera traer la posicin del elemento
a visualizar, si en caso fuera nulo (el intent que levanto esta aplicacin no manda nada) entonces se le
asigna el valor por defecto (esperamos que la posicin sea mayor o igual que 0, entonces para distnguir
un error podemos asignar -1).
Intent it = getIntent();
int position = it.getIntExtra(Main.POSITION_KEY, -1);
Con la posicin recibida, buscamos a travs de la clase de aplicacin MyApp y llamando al mtodo
getData obtenemos el artculo que nos interesa:
MyApp appState = ((MyApp)getApplication());
Element e = appState.getData().get(position);
Luego colocamos esos valores en los campos correspondientes defnidos en su diseo showelement.
xml si en caso no se recibiera una posicin vlida, se regresa a la Actvity principal enviando la posicin
-1 para indicar que hubo un error:
Intent backToMainActivity = new Intent(this, Main.class);
backToMainActivity.putExtra(Main.POSITION_KEY, -1);
1 htp://developer.android.com/reference/android/content/Intent.html#getIntExtra%28java.lang.String,%20int%29
38 CURSO ANDROID
startActivity(backToMainActivity);
Al fnalizar, el cdigo de esta clase es el siguiente:
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TextView;
public class ShowElement extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.showelement);
int position = it.getIntExtra(Main.POSITION_KEY, -1);
if (position != -1) {
MyApp appState = ((MyApp)getApplication());
Element e = appState.getData().get(position);
TextView txtTitle = (TextView)fndViewById(R.id.txtTitle);
txtTitle.setText(e.getTitle());
TextView txtAuthor = (TextView)fndViewById(R.id.txtAuthor);
txtAuthor.setText(por + e.getAuthor());
TextView txtDesc = (TextView)fndViewById(R.id.txtDesc);
txtDesc.setText(e.getDescription());
} else {
Intent backToMainActivity = new Intent(this, Main.class);
backToMainActivity.putExtra(Main.POSITION_KEY, -1);
startActivity(backToMainActivity);
}
}
}
Esas son las clases adicionales luego el trabajo es sobre la Actvity principal: la clase Main.java
39 CURSO ANDROID
Mostrar datos siguiendo el diseo
La funcin auxiliar setData de la gua anterior se ve drstcamente reducida ya que ahora utlizamos
nuestro adaptador y por tener una actvity que hereda de ListActvity la asignacin al ListView lo hace-
mos con setListAdapter.
private void setData(){
this.setListAdapter(new MyAdapter(this, R.layout.row, 0,
appState.getData()));
}
Esta herencia de nuestra Actvity, tambin nos permite colocar la funcin onListItemClick para especi-
fcar la operacin a realizar cuando el usuario presiona click sobre un elemento. Validamos la opcin
seleccionada por el usuario guardada en la clase de aplicacin y dependiendo del caso levantamos un
intent diferente.
protected void onListItemClick(ListView l, View v, int position, long id) {
super.onListItemClick(l, v, position, id);
Intent nextActivity = null;
if (appState.getSelectedOption() == APP_VIEW) {
nextActivity = new Intent(this, ShowElement.class);
nextActivity.putExtra(POSITION_KEY, position);
} else {
LinkedList data = appState.getData();
nextActivity = new Intent(Intent.ACTION_VIEW,
Uri.parse(data.get(position).getLink()));
}
this.startActivity(nextActivity);
}
Permanece la variable de instancia para el dilogo de progreso y el manejador es ligeramente distnto
porque ya no recibe los datos a travs del mensaje.
private fnal Handler progressHandler = new Handler() {
40 CURSO ANDROID
public void handleMessage(Message msg) {
setData();
progressDialog.dismiss();
}
};
Carga de datos
La carga de datos no cambia mucho, seguimos teniendo el dilogo de progreso pero ahora ya no nece-
sitamos mandar los datos reconocidos por el parser a travs del manejador si no puedo guardarlos en
la clase de aplicacin directamente y mando un mensaje vaco.
private void loadData() {
progressDialog = ProgressDialog.show(
Main.this,
,
Por favor espere mientras se cargan los datos...,
true);
new Thread(new Runnable(){
@Override
public void run() {
XMLParser parser = new XMLParser(feedUrl);
appState.setData(parser.parse());
progressHandler.sendEmptyMessage(0);
}}).start();
}
Agregando el men de opciones
Necesitamos indicarle qu hacer cuando el usuario presione la tecla de men en el telfono, como en
este caso construimos el men en un XML solo es necesario crear una instancia.
@Override
41 CURSO ANDROID
public boolean onCreateOptionsMenu(Menu menu) {
MenuInfater infater = getMenuInfater();
infater.infate(R.layout.menu, menu);
return true;
}
Adems, requerimos sobrecargar otra funcin que se dispara cuando el usuario elige alguna de las
opciones del men. Aqu guardaremos en la clase de aplicacin lo que sea que el usuario haya elegido.
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.mmElementApp:
appState.setSelectedOption(APP_VIEW);
break;
case R.id.mmElementBrw:
appState.setSelectedOption(BROWSER_VIEW);
break;
}
return true;
}
Llamando todo desde la funcin onCreate
Dentro del cuerpo de la functon oCreate inicializamos la variable para nuestra clase de aplicacin:
appState = ((MyApp)getApplication());
Validamos si el intent lo levant alguna otra Actvity y si viene un -1 en el mensaje mostramos un error:
int fromShowElement = it.getIntExtra(POSITION_KEY, 0);
if (fromShowElement == -1) {
Toast.makeText(this, Error, imposible visualizar el elemento,
Toast.LENGTH_LONG);
}
42 CURSO ANDROID
La accin sobre el click del botn no cambia mucho, la verifcacin la hemos cambiado y en lugar de ver
si el adaptar ya tene datos revisamos si la clase de aplicacin devuelve algo diferente de null:
LinkedList data = appState.getData();
if (data != null) { }
43 CURSO ANDROID
Conclusin

ListActvity: aprendimos la utlizacin de este tpo de actvidad que nos da algunas ayudas cuando
nuestra actvidad muestra una lista de datos.

ImageView, Menu y MenuItem: en la parte de diseo, manejamos ImageView para mostrar imge-
nes, en el caso de nuestra aplicacin, la imagen se obtene de una direccin de internet y los bytes
recibidos se asignan para mostrarla. Tambin agregamos un men con opciones MenuItems para
elegir y colocar una confguracin muy simple de nuestra aplicacin.

Guardar datos a travs de clases de aplicacin: como un medio de guardar el estado de la aplica-
cin vimos la forma de utlizar una clase creada por nosotros y tambin los mecanismos para guar-
dar y recuperar los datos guardados.

Sobrecargar clases para personalizacin (MyAdapter): con el fn de personalizar la forma en que
se muestran los datos, utlizamos como base una clase ya existente y modifcamos lo necesario
para que el rendering fuera a nuestro gusto.

Incluir Actvites a nuestra aplicacin: la aplicacin puede contener ms de una actvity, vimos lo
necesario para agregar y confgurar en el manifest nuevas actvites.

Enviar datos a travs de intents: utlizamos intents no solo para levantar una nueva Actvity si no
tambin para enviarle datos de una Actvity a otra.

Recibir datos a travs de intents: para lograr la comunicacin entre mis actvites no solo fue nece-
sario enviar los datos si no en la actvity llamada tambin obtenerlos para su utlizacin.
Trabajando con
imgenes (cmara y
galera)
3
captulo
45 CURSO ANDROID
CAPTULO 3
Trabajando con imgenes
(cmara y galera)
En el tercer captulo trabajamos con el hardware de los telfonos y empezaremos con el manejo de la
cmara.
Mostrar una imagen de la cmara o de la galera
La aplicacin que realizaremos nos permitr mostrar una imagen, podemos obtenerla desde la cmara
o desde la galera del telfono. Queremos que al fnalizar se vea as:

Con una imagen cargada se ver de la siguiente forma:
46 CURSO ANDROID

Disposicin inicial
Empezaremos descargando el cdigo
1
que debe importarse hacia un proyecto nuevo. Trabajamos sobre
un telfono con Android y cmara para desarrollar el ejemplo de este artculo. Para el deployment hacia el
telfono es necesario que el sistema operatvo lo reconozca y adems debe colocarse en el manifest como
una propiedad de la etqueta <application> el valor android:debuggable=true.
La etqueta debe lucir de la siguiente forma:
<application android:icon=@drawable/icon android:label=@string/app_name
android:debuggable=true>
En la parte de diseo vamos a empezar con un RelatveLayout, el archivo /res/layout/main.xmldebe
estar as:
47 CURSO ANDROID
Diseo
Trabajamos con otra disposicin de elementos para el diseo llamado RelatveLayout y agregaremos
otros elementos de interfaz de usuario.

RelatveLayout
1
: con este esquema los elementos se colocan en posicin relatva a otros elemen-
tos o hacia el padre.

RadioButon
2
: es un botn de dos estados (marcado y des-marcado) a diferencia del CheckButon
este no permite des-marcarlo y cuando se encuentra en grupo solo uno de los botones del grupo
puede estar marcado a la vez.

RadioGroup
3
: permite agrupar un conjunto de RadioButons para que solo uno a la vez est selec-
cionado.
Nuestro diseo tendr un botn para adquirir la imagen un RadioGroup que contendr a 3 botones y
un ImageView. Los 3 botones sern seleccionar de donde proviene la imagen ya sea de la cmara (como
vista previa o como imagen completa) o de la galera.
El cdigo completo del layout es el siguente:
<button>
</button>
Hemos orientado el botn hacia la derecha y el RadioGroup hacia la izquierda. Luego el ImageView
abajo del RadioGroup.
El diseo de interfaces de usuario en ocasiones se vuelve complicado con eclipse por ello utlizaremos la
herramienta gratuita DroidDraw
4
que permite exportar e importar archivos XML para luego solo colo-
carlos en el archivo de diseo en eclipse, adems tene ejecutables para Windows, Linux y OS X.
1 htp://developer.android.com/reference/android/widget/RelatveLayout.html
2 htp://developer.android.com/reference/android/widget/RadioButon.html
3 htp://developer.android.com/reference/android/widget/RadioGroup.html
4 htp://www.droiddraw.org/
48 CURSO ANDROID

Agregando cdigo para funcionalidad
Defnimos 3 constantes, con dos de ellas vamos a identfcar la accin realizada (tomar una fotografa o
bien seleccionarla de la galera) y con la otra estableceremos un nombre para el archivo donde escribi-
remos la fotografa de tamao completo al tomarla.
private static int TAKE_PICTURE = 1;
private static int SELECT_PICTURE = 2;
private String name = ;
La forma ms sencilla de tomar fotografas es utlizar un intent con ACTION_IMAGE_CAPTURE, accin
que pertenece al Media Store
1
y luego sobrecargar el mtodo onActivityResult para realizar
algo con el archivo recibido de la cmara. Dentro del mtodo onCreate asignaremos a la variable de
instancia name y luego vamos a trabajar sobre la accin al click del botn.
Este nombre, inicializado con una llamada a getExternalStorageDirectory() guardar un
archivo en la tarjeta SD del telfono y el archivo se llamar test.jpg cada vez que grabemos una fotogra-
fa de tamao completo se sobre escribe.
name = Environment.getExternalStorageDirectory() + /test.jpg;
Button btnAction = (Button)fndViewById(R.id.btnPic);
1 htp://developer.android.com/reference/android/provider/MediaStore.html
49 CURSO ANDROID
btnAction.setOnClickListener(new OnClickListener() {
@Override
...
}
}
}
Primero obtenemos los botones de imagen completa y de galera para revisar su estatus ms adelante.
Luego construimos un intent que es necesario si accesamos la cmara con la accin ACTION_IMAGE_
CAPTURE, si accesamos la galera con la accin ACTION_PICK. En el caso de la vista previa (thumb-
nail) no se necesita ms que el intent, el cdigo e iniciar la Actvity correspondiente. Por eso inicializamos
las variables intent y code con los valores necesarios para el caso del thumbnail as de ser el botn selec-
cionado no validamos nada en un if.
RadioButton rbtnFull = (RadioButton)fndViewById(R.id.radbtnFull);
RadioButton rbtnGallery = (RadioButton)fndViewById(R.id.radbtnGall);
Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
Asignamos el cdigo a tomar fotografa, este cdigo junto al intent se utlizarn adelante para iniciar la
Activity.
int code = TAKE_PICTURE;
Si el chequeado es el botn de vista previa no necesitamos agregar nada ms. Si el chequeado es el
botn de imagen completa, adems del intent y cdigo agregamos un URI para guardar all el resultado.
Si el chequeado es el de la galera necesitamos un intent y cdigo distntos que asignamos en la conse-
cuencia del if.
if (rbtnFull.isChecked()) {
Uri output = Uri.fromFile(new File(name));
intent.putExtra(MediaStore.EXTRA_OUTPUT, output);
} else if (rbtnGallery.isChecked()){
intent = new Intent(Intent.ACTION_PICK,
android.provider.MediaStore.Images.Media.INTERNAL_CONTENT_URI);
code = SELECT_PICTURE;
}
50 CURSO ANDROID
Luego, con todo preparado iniciamos la Actvity correspondiente.
startActivityForResult(intent, code);
Adems, es necesario sobrecargar la funcin onActvityResult para indicar que queremos hacer con la
imagen recibida (ya sea de la cmara o de la galera) una vez ha sido seleccionada. Es necesario revisar
si la imagen viene de la cmara TAKE_PICTURE o de la galera SELECT_PICTURE.
@Override protected void onActivityResult(int requestCode, int resultCode,
Intent data) {
if (requestCode == TAKE_PICTURE) {
} else if (requestCode == SELECT_PICTURE){
}
}
Si viene de la cmara, verifcamos si es una vista previa o una foto completa:
if (data != null) {
} else {
}
En el caso de una vista previa, obtenemos el extra data del intent y lo mostramos en el ImageView:
if (data != null) {
} else {
}
En el caso de una fotografa completa, a partr del nombre del archivo ya defnido lo buscamos y crea-
mos el bitmap para el ImageView:
ImageView iv = (ImageView)fndViewById(R.id.imgView);
iv.setImageBitmap(BitmapFactory.decodeFile(name));
51 CURSO ANDROID
Si quisiramos incluir esa imagen en nuestra galera, utlizamos un MediaScannerConnectonClient
1
.
new MediaScannerConnectionClient() {
private MediaScannerConnection msc = null; {
msc = new MediaScannerConnection(getApplicationContext(), this);
msc.connect();
}
public void onMediaScannerConnected() {
msc.scanFile(fleName, null);
}
public void onScanCompleted(String path, Uri uri) {
msc.disconnect();
}
};
Si viene de la galera recibimos el URI de la imagen y construimos un Bitmap a partr de un stream de
bytes:
Uri selectedImage = data.getData();
InputStream is;
try {
is = getContentResolver().openInputStream(selectedImage);
BufferedInputStream bis = new BufferedInputStream(is);
Bitmap bitmap = BitmapFactory.decodeStream(bis);
ImageView iv = (ImageView)fndViewById(R.id.imgView);
iv.setImageBitmap(bitmap);
} catch (FileNotFoundException e) {}
Si estamos utlizando la cmara la vista ser de la siguiente forma:
1 htp://developer.android.com/reference/android/media/MediaScannerConnecton.MediaScannerConnectonClient.
html
52 CURSO ANDROID

Si estamos capturando de la galera ser as:

53 CURSO ANDROID
54 CURSO ANDROID
Conclusin

RelatveLayout, RadioButon y RadioGroup: aprendimos cmo pueden acomodarse componentes
ubicndolos en el diseo con posiciones relatvas con respecto a otros componentes y tambin los
controles necesarios para el manejo de radio butons y su agrupacin.

Utlizacin de intents para utlizar la cmara y accesar la galera: se utlizaron intents para reali-
zar acciones especfcas, la existencia de intents para acciones comunes predefnidas nos facilitan
muchas tareas, en este caso no fue necesario accesar directamente el hardware de la cmara si no
pudimos tomar una fotografa de una manera ms sencilla. Algo similar sucede con el acceso a la
galera de fotos.

Utlizacin de la cmara de fotos: a travs de un ejemplo sencillo, aprendimos como utlizar parte
del hardware del telfono. A partr de aqu podemos trabajar los imgenes guardadas y modifcar-
las o utlizarla para lo que nos interese.
Grabacin y
reproduccin de vdeo
4
captulo
56 CURSO ANDROID
CAPTULO 4
Grabacin y reproduccin de vdeo
En el cuarto captulo seguiremos trabajando con el hardware de los telfonos, ahora aprenderemos
sobre cmo grabar vdeo desde la cmara y reproducirlo.
Capturar vdeo y reproducirlo
La aplicacin que realizaremos nos permitr grabar un vdeo, tener una vista previa mientras se graba
y luego reproducirlo. Queremos que al fnalizar se vea as:

57 CURSO ANDROID
Disposicin inicial
Iniciamos descargando el cdigo
1
que debe ser importado hacia un nuevo proyecto, la confguracin
inicial para este ejemplo tene algunas caracterstcas importantes para revisar:

Confguracin de la rotacin de pantalla: para evitarnos problemas porque cada vez que se mueve
el telfono y rota la pantalla se destruye y re-crea la actvity, en el manifesto le hemos confgurado
que no pueda rotarse con android:screenOrientaton=portrait dentro de la etqueta de la act-
vity principal.

Permisos en el manifesto: por la utlizacin de la cmara para grabar audio y vdeo al SD requeri-
mos de estos cuatro permisos:
<uses-permission android:name=android.permission.CAMERA />
<uses-permission android:name=android.permission.RECORD_AUDIO />
<uses-permission android:name=android.permission.CAMERA />
<uses-permission android:name=android.permission.RECORD_AUDIO />

En el archivo principal de diseo res/layout/main.xml incluimos un LinearLayout.

En la clase de la actvity principal, implementaremos la interfaz SurfaceHolder.Callback para el
manejo del SurfaceView que se agregar ms adelante. Esta interfaz requiere la implementacin
de los siguientes mtodos:
@Override
public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int
arg3) {
}
@Override
public void surfaceCreated(SurfaceHolder arg0) {
}
@Override
public void surfaceDestroyed(SurfaceHolder arg0) {
}
58 CURSO ANDROID
Diseo
Seguimos trabajando sobre un LinearLayout y agregamos un nuevo elemento:

SurfaceView
1
: nos permite tener un espacio dedicado a dibujar los frames del vdeo para la vista
y la reproduccin.
Nuestro diseo tendr tres botones: Grabar, Detener y Reproducir adems del ya mencionado
SurfaceView El cdigo completo del layout es:
<button>
</button>
<button>
</button>
<button>
</button>
Agregando cdigo para funcionalidad
Vamos a defnir 4 variables globales, las primeras dos son para gestonar la grabacin y reproduccin:
private MediaRecorder mediaRecorder = null;
private MediaPlayer mediaPlayer = null;
Tambin tendremos una tercera variable de instancia para el nombre del archivo en el que se va a escri-
bir:
private String fleName = null;
La cuarta variable de instancia para controlar cuando se est grabando:
private boolean recording = false;
De los mtodos heredados por la interface nos interesan 2: surfaceDestroyed donde vamos a liberar los
recursos y surfaceCreated donde vamos a inicializar.
@Override
1 htp://developer.android.com/reference/android/view/SurfaceView.html
59 CURSO ANDROID
public void surfaceDestroyed(SurfaceHolder holder) {
mediaRecorder.release();
mediaPlayer.release();
}
Verifcamos si las variables son nulas (para ejecutar este cdigo slo una vez) y luego de inicializarlas se
coloca el SurfaceHolder como display para la vista previa de la grabacin y para la vista de la reproduc-
cin:
@Override
public void surfaceCreated(SurfaceHolder holder) {
if (mediaRecorder == null) {
mediaRecorder = new MediaRecorder();
mediaRecorder.setPreviewDisplay(holder.getSurface());
}
if (mediaPlayer == null) {
mediaPlayer = new MediaPlayer();
mediaPlayer.setDisplay(holder);
}}
Adicionalmente, se agrega un mtodo para preparar la grabacin confgurando los atributos de la fuente
para audio y vdeo, el formado y el codifcador.
public void prepareRecorder(){
mediaRecorder.setAudioSource(MediaRecorder.AudioSource.MIC);
mediaRecorder.setVideoSource(MediaRecorder.VideoSource.CAMERA);
mediaRecorder.setOutputFormat(MediaRecorder.OutputFormat.MPEG_4);
mediaRecorder.setAudioEncoder(MediaRecorder.AudioEncoder.DEFAULT);
mediaRecorder.setVideoEncoder(MediaRecorder.VideoEncoder.MPEG_4_SP);
}
Dentro del mtodo onCreate realizamos algunas inicializaciones, primero para la variable del nombre
del archivo:
60 CURSO ANDROID
fleName = Environment.getExternalStorageDirectory() + /test.mp4;
Tambin para el SurfaceView donde se reproducir el vdeo:
SurfaceView surface = (SurfaceView)fndViewById(R.id.surface);
SurfaceHolder holder = surface.getHolder();
holder.addCallback(this);
holder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);
Defnimos los botones sobre los que vamos a trabajar en su evento de click:
fnal Button btnRec = (Button)fndViewById(R.id.btnRec);
fnal Button btnStop = (Button)fndViewById(R.id.btnStop);
fnal Button btnPlay = (Button)fndViewById(R.id.btnPlay);
Botn de grabacin: al iniciar deshabilitamos los botones de grabar y reproducir luego habilitamos el
de detener. Llamamos el mtodo que confgura el MediaRecorder y le decimos el archivo de salida. Una
vez confgurado todo llamamos al mtodo prepare que deja todo listo para iniciar la grabacin e inicia-
mos la grabacin y actualizamos el estatus de la variable recording.
btnRec.setOnClickListener(new OnClickListener() {
@Override
btnRec.setEnabled(false);
btnStop.setEnabled(true);
btnPlay.setEnabled(false);
prepareRecorder();
mediaRecorder.setOutputFile(fleName);
try {
mediaRecorder.prepare();
} catch (IllegalStateException e) {
} catch (IOException e) {
} mediaRecorder.start();
recording = true;
}
61 CURSO ANDROID
Botn de reproducir: deshabilitamos los botones de grabar, reproducir y habilitamos el de detener.
Si concluye la reproduccin (porque el video se acab no porque el usuario haya presionado detener)
habilitamos los botones de grabar, reproducir y deshabilitamos el de detener). Luego confguramos el
archivo a partr del cual se reproducir, preparamos el Media Player e iniciamos la reproduccin.
btnPlay.setOnClickListener(new OnClickListener() {
@Override
btnRec.setEnabled(false);
btnStop.setEnabled(true);
btnPlay.setEnabled(false);
mediaPlayer.setOnCompletionListener(new OnCompletionListener() {
@Override
public void onCompletion(MediaPlayer mp) {
btnRec.setEnabled(true);
btnStop.setEnabled(false);
btnPlay.setEnabled(true);
}
});
try {
mediaPlayer.setDataSource(fleName);
mediaPlayer.prepare();
} catch (IllegalStateException e) {
}
mediaPlayer.start();
}
});
62 CURSO ANDROID
63 CURSO ANDROID
Conclusin

SurfaceView: utlizamos este tpo de view que permite el manejo de grfcas y provee una forma
de dibujar, en nuestro caso las imgenes necesarias para la vista previa del video y luego para su
reproduccin.

Manejo y confguracin de Media Recorder: para la captura de video, aprendimos a inicializar,
confgurar y utlizar el Media Recorder.

Manejo y confguracin de Media Player: una vez grabado un video, el Media Player nos sirvi
para reproducirlo.

Utlizacin de la cmara de vdeo: hicimos uso de la cmara de nuevo pero ahora para la grabacin
de video, de una manera similar que en el caso de las fotos (gua anterior) no manejamos direc-
tamente el hardware si no que a travs de las herramientas que nos provee Android utlizamos el
componente sin complicaciones.
Geolocalizacin y
utilizacin de mapas
de Google
5
captulo
65 CURSO ANDROID
CAPTULO 5
Geolocalizacin y utilizacin de mapas de Google
En el quinto captulo seguiremos trabajando con el hardware de los telfonos, ahora nos corresponde
aprovechar el GPS y mostrar la ubicacin actual en un mapa.
La aplicacin que realizaremos nos permitr mostrar la ubicacin y actualizarse cada vez que exista
movimiento. Es importante notar que las pruebas de este captulo al igual que los captulos 4 y 5 son
para realizarlas en un telfono con Android es posible utlizar el emulador con algunos arreglos.
Ejemplo: obtener localizacin, monitorear sus cambios y mostrarla en un mapa a travs de markers.
Queremos que al fnalizar se vea de la siguiente forma:

66 CURSO ANDROID
Disposicin inicial
Iniciamos descargando el cdigo
1
que debe ser importado hacia un nuevo proyecto y que tene algunas
caracterstcas importantes.
Permisos en el Manifest, por el acceso a internet para el mapa y la ubicacin del GPS requerimos estos
2 permisos bajo el tag:
<uses-permission android:name=android.permission.ACCESS_FINE_LOCATION />
Uso de la librera de mapas, tambin en el Manifest bajo el tag:
<uses-library android:name=com.google.android.maps />
En la clase de la actvidad principal, utlizaremos herencia de MapActvity para facilitarnos el manejo
del mapa e implementaremos la interfaz LocatonListener para detectar los cambios en la localizacin.
Por heredar de MapActvity debemos implementar el mtodo:
@Override
protected boolean isRouteDisplayed() {
return false;
}
Por implementar LocatonListener debemos realizar los siguientes mtodos:
@Override
public void onLocationChanged(Location location) {}
@Override
public void onProviderDisabled(String provider) {}
@Override
public void onStatusChanged(String provider, int status, Bundle extras) {}
@Override
public void onProviderEnabled(String provider) {}
67 CURSO ANDROID
Diseo
Utlizaremos una vista especial para el mapa es necesario un key para la utlizacin del servicio de
Google Maps
1
y depende del certfcado utlizado para frmar las aplicaciones, el valor del atributo
android:apiKey que aparece en el cdigo es vlida para mi certfcado.
<com.google.android.maps.MapView
xmlns:android=http://schemas.android.com/apk/res/android
android:id=@+id/mapview
android:layout_width=fll_parent
android:layout_height=fll_parent
android:clickable=true
android:apiKey=0xJ4uwRGDV296srCn4Iiy46oFmd1jecLr07BsAA
/>
Agregando cdigo
La clase de la Actvity para nuestra aplicacin extender de MapActvity para facilitarnos el manejo de la
visualizacin del mapa e implementar LocatonListener para el manejo de las actualizaciones de ubica-
cin.
public class Main extends MapActivity implements LocationListener
De los mtodos disponibles, utlizaremos onProviderDisabled para forzar al usuario a tener el GPS
funcionando antes de que la aplicacin inicie.
@Override
public void onProviderDisabled(String provider) {
Intent intent = new Intent(
android.provider.Settings.ACTION_LOCATION_SOURCE_SETTINGS);
startActivity(intent);
}
Vamos a mostrar un marker en las diferentes ubicaciones detectadas, para ello haremos una clase que
1 htp://code.google.com/android/add-ons/google-apis/mapkey.html
68 CURSO ANDROID
represente este Overlay mostrando la imagen seleccionada. Para este ejemplo se utlizar la imagen del
cono, al defnirla dentro de la misma clase de la Actvity principal entonces ser una clase privada.
class MyOverlay extends Overlay { }
Tendremos una variable de instancia representando el punto donde se colocar el marcador y ser un
parmetro recibido por el constructor:
GeoPoint point;
/* El constructor recibe el punto donde se dibujar el marker */
public MyOverlay(GeoPoint point) {
super();
this.point = point;
}
Sobrecargaremos el mtodo draw para dibujar nuestro marker:
@Override
public boolean draw(Canvas canvas, MapView mapView, boolean shadow, long when)
{
super.draw(canvas, mapView, shadow);
//se traduce el punto geo localizado a un punto en la pantalla
Point scrnPoint = new Point();
mapView.getProjection().toPixels(this.point, scrnPoint);
//se construye un bitmap a partir de la imagen
Bitmap marker = BitmapFactory.decodeResource(getResources(), R.drawable.icon);
//se dibuja la imagen del marker
canvas.drawBitmap(marker, scrnPoint.x - image.getWidth() / 2, scrnPoint.y -
marker.getHeight() / 2, null);
return true;
}
El cdigo completo de la clase para los overlays es el siguiente:
class MyOverlay extends Overlay {
69 CURSO ANDROID
GeoPoint point;
//El constructor recibe el punto donde se dibujar el marker
public MyOverlay(GeoPoint point) {
super();
this.point = point;
}
@Override
public boolean draw(Canvas canvas, MapView mapView, boolean shadow, long when)
{
super.draw(canvas, mapView, shadow);
//se traduce el punto geolocalizado a un punto en la pantalla */
Point scrnPoint = new Point();
mapView.getProjection().toPixels(this.point, scrnPoint);
//se construye un bitmap a partir de la imagen
Bitmap marker = BitmapFactory.decodeResource(getResources(),
R.drawable.icon);
// se dibuja la imagen del marker
canvas.drawBitmap(marker, scrnPoint.x - marker.getWidth() / 2,
scrnPoint.y - marker.getHeight() / 2, null);
return true;
}
}
Para ir dibujando estos markers al principio y cada vez que haya una actualizacin de la ubicacin, utli-
zaremos un mtodo nuevo con la frma:
protected void updateLocation(Location location)
Obtenemos el MapView y de l un MapController:
MapView mapView = (MapView) fndViewById(R.id.mapview);
MapController mapController = mapView.getController();
Construimos un punto a partr de la lattud y longitud del Locaton recibido:
GeoPoint point = new GeoPoint((int) (location.getLatitude() * 1E6), (int)
(location.getLongitude() * 1E6));
70 CURSO ANDROID
Movemos el centro del mapa hacia esta ubicacin:
mapController.animateTo(point);
mapController.setZoom(15);
Posterior a esto, intentaremos hacer geolocalizacin del punto, obtener una direccin a partr de las
coordenadas del punto. Primero instanciamos un objeto Geocoder que responder de acuerdo a la
localidad confgurada en el telfono.
Geocoder geoCoder = new Geocoder(this, Locale.getDefault());
A travs de este Geocoder y con el punto de la ubicacin intentamos obtener alguna direccin asociada
y se lo hacemos saber al usuario por medio de un toast (aviso).
try {
List<Address> addresses = geoCoder.getFromLocation(point.getLatitudeE6() /
1E6, point.getLongitudeE6() / 1E6, 1);
String address = ;
if (addresses.size() > 0) {
for (int i = 0; i < addresses.get(0).getMaxAddressLineIndex(); i++)
address += addresses.get(0).getAddressLine(i) + \n;
}
Toast.makeText(this, address, Toast.LENGTH_SHORT).show();
}
Por ltmo, instanciamos la clase MyOverlay construda previamente para agregar un nuevo marker en
el listado de overlays del mapa e invalidamos la vista para que vuelva a dibujarse todo.
List<Overlay> mapOverlays = mapView.getOverlays();
MyOverlay marker = new MyOverlay(point);
mapOverlays.add(marker);
mapView.invalidate();
En el mtodo onCreate vamos a instanciar un LocatonManager para mostrar el primer marker y solici-
tar actualizaciones:
71 CURSO ANDROID
MapView mapView = (MapView) fndViewById(R.id.mapview);
//habilitamos el control de zoom
mapView.setBuiltInZoomControls(true);
LocationManager locationManager =
(LocationManager)getSystemService(Context.LOCATION_SERVICE);
updateLocation(locationManager.getLastKnownLocation(LocationManager.GPS_
PROVIDER));
/* se actualizar cada minuto y 50 metros de cambio en la localizacin
mientras ms pequeos sean estos valores ms frecuentes sern las
actualizaciones */
locationManager.requestLocationUpdates(LocationManager.GPS_PROVIDER, 6000, 50,
this);
Luego en el mtodo onLocatonChanged llamamos a nuestro mtodo updateLocaton para que dibuje
un nuevo marker cada vez que se actualice la localizacin:
@Override
public void onLocationChanged(Location location) {
updateLocation(location);
}
72 CURSO ANDROID
Conclusin
En este captulo aprendimos sobre:

Cmo manejar un mapa, la necesidad de una vista especial y solicitar un API Key.

Cmo dibujar markers a travs de overlays sobre el mapa, adems personalizamos la imagen del
marker.

Cmo solicitar la ubicacin actual y actualizaciones ante el cambio de ubicacin.
Trabajar con el
acelermetro
6
captulo
74 CURSO ANDROID
CAPTULO 6
Trabajar con el acelermetro
En el sexto captulo seguiremos trabajando con el hardware, ahora nos corresponde aprovechar el
acelermetro y usarlo para detectar movimiento del telfono.
Ejemplo: Utilizando el acelermetro
La aplicacin que realizaremos nos permitr ver en pantalla los valores del acelermetro y mostrar un
aviso cuando se detecte cierto movimiento del telfono.
Es importante notar que el telfono cuenta con varios sensores (acelermetro, orientacin, campo
magntco, luz, etc.) y de ellos vamos a utlizar nicamente uno el del acelermetro. Un acelermetro
1

es un sensor que mide la aceleracin relatva a la cada libre como marco de referencia.

1 htp://es.wikipedia.org/wiki/Aceler%C3%B3metro
75 CURSO ANDROID
En este caso, nuestra interfaz de usuario ser muy sencilla por lo que no utlizaremos ningn cdigo
base.
Diseo
Mostraremos los valores de X, Y y Z del acelermetro, para ello necesitamos 3 etquetas TextView.
<LinearLayout xmlns:android=http://schemas.android.com/apk/res/android
android:orientation=vertical
>
<TextView
android:text=Valor de X
android:id=@+id/txtAccX
/>
<TextView
android:text=Valor de Y
android:id=@+id/txtAccY
/>
<TextView
android:text=Valor de Z
android:id=@+id/txtAccZ
/>
</LinearLayout>
76 CURSO ANDROID
Agregando cdigo
La clase de la Actvity principal para nuestra aplicacin implementar SensorEventListener para el
manejo de las actualizaciones de los sensores, en nuestro caso especfco nos interesa el acelermetro.
public class Main extends Activity implements SensorEventListener
Utlizaremos algunas variables de instancia para el control de los valores de los 3 ejes que mide el acele-
rmetro (valor anterior y valor actual) y otras para guardar el tmestamp de la ltma actualizacin y la
ltma vez que se detect movimiento.
private long last_update = 0, last_movement = 0;
private foat prevX = 0, prevY = 0, prevZ = 0;
private foat curX = 0, curY = 0, curZ = 0;
Al implementar esta interface debemos sobrecargar dos mtodos:
@Override
public void onAccuracyChanged(Sensor sensor, int accuracy) {}
@Override
public void onSensorChanged(SensorEvent event) {}
Vamos a trabajar sobre onSensorChanged nuestro cdigo ser un synchronized statement (ms infor-
macin en la documentacin de Java
1
) para evitar problemas de concurrencia al estar trabajando con
los sensores.
synchronized (this) {
}
A partr del evento recibido como parmetro vamos a obtener el tmestamp de la fecha/hora actual (se
usar ms adelante) y los valores para los 3 ejes del acelermetro (X, Y, Z).
long current_time = event.timestamp;
curX = event.values[0];
curY = event.values[1];
curZ = event.values[2];
Luego, revisamos si este cdigo ya se ha ejecutado alguna vez, es decir, si las variables que guardan los
1 htp://download.oracle.com/javase/tutorial/essental/concurrency/locksync.html
77 CURSO ANDROID
valores anteriores de X, Y y Z tene valores diferentes de cero. Esto debera ejecutarse slo la primera
vez.
if (prevX == 0 && prevY == 0 && prevZ == 0) {
last_update = current_time;
last_movement = current_time;
prevX = curX;
prevY = curY;
prevZ = curZ;
}
Obtenemos la diferencia entre la ltma actualizacin y el tmestamp actual, esto nos servir no solo
para ver que si existe una diferencia de tempos en las mediciones si no tambin para calcular el movi-
miento. Para ello, tomamos la posicin actual (con las 3 coordenadas) y la restamos a la posicin ante-
rior, puede ser que el movimiento sea en distntas direcciones por eso nos es tl el valor absoluto.
long time_difference = current_time - last_update;
if (time_difference > 0) {
foat movement = Math.abs((curX + curY + curZ) - (prevX - prevY - prevZ)) /
time_difference;
...
}
Para decidir en que momento mostramos un aviso Toast indicando el movimiento vamos a usar como
valor de frontera de movimiento mnimo 110^-6; este valor es arbitrario mientras mayor sea, se nece-
sitar ms movimiento y mientras menor sea ms sensible ser el display del aviso.
Manejamos tambin 2 variables para el control de tempo, una para saber la ltma actualizacin (last_
update) y otra para conocer la ltma vez que se registr movimiento last_movement y en esta parte del
cdigo actualizamos su valor segn sea conveniente.
int limit = 1500;
foat min_movement = 1E-6f;
if (movement > min_movement) {
if (current_time - last_movement >= limit) {
Toast.makeText(getApplicationContext(), Hay movimiento de + movement,
78 CURSO ANDROID
Toast.LENGTH_SHORT).show();
}
}
Por ltmo actualizamos los valores de X, Y y Z anteriores para la prxima vez que se registre cambio en
los sensores.
prevX = curX;
prevY = curY;
prevZ = curZ;
Tambin actualizamos los valores de los 3 ejes del acelermetro en las etquetas para visualizarlo en
pantalla.
((TextView) fndViewById(R.id.txtAccX)).setText(Acelermetro X: + curX);
((TextView) fndViewById(R.id.txtAccY)).setText(Acelermetro Y: + curY);
((TextView) fndViewById(R.id.txtAccZ)).setText(Acelermetro Z: + curZ);
El cdigo completo queda de la siguiente forma:
@Override
public void onSensorChanged(SensorEvent event) {
synchronized (this) {
long current_time = event.timestamp;
curX = event.values[0];
curY = event.values[1];
curZ = event.values[2];
if (prevX == 0 && prevY == 0 && prevZ == 0) {
prevX = curX;
prevY = curY;
prevZ = curZ;
}
79 CURSO ANDROID
long time_difference = current_time - last_update;
if (time_difference > 0) {
foat movement = Math.abs((curX + curY + curZ) - (prevX - prevY -
prevZ)) / time_difference;
int limit = 1500;
foat min_movement = 1E-6f;
if (movement > min_movement) {
if (current_time - last_movement >= limit) {
Toast.makeText(getApplicationContext(), Hay movimiento de
+ movement, Toast.LENGTH_SHORT).show();
}
}
prevX = curX;
prevY = curY;
prevZ = curZ;
}
((TextView) fndViewById(R.id.txtAccX)).setText(Acelermetro X: +
curX);
((TextView) fndViewById(R.id.txtAccY)).setText(Acelermetro Y: +
curY);
((TextView) fndViewById(R.id.txtAccZ)).setText(Acelermetro Z: +
curZ);
}
}
Una vez listo esto, es necesario registrar y anular el registro del Listener para el sensor segn corres-
ponda, esto lo haremos en los mtodos onResume y onStop de la actvidad (ms informacin del ciclo
de vida de las Actvites en la documentacin ofcial
1
).
Para el registro, obtenemos primero el servicio del sistema de sensores para asignarlo en un Sensor-
Manager y a partr de l obtenemos el acceso al acelermetro. Al realizar el registro del acelerme-
1 htp://developer.android.com/reference/android/app/Actvity.html
80 CURSO ANDROID
tro es necesario indicar una tasa de lectura de datos, en nuestro caso vamos a utlizar SensorManager.
SENSOR_DELAY_GAME que es la velocidad mnima para que el acelermetro pueda usarse en un juego.
@Override
protected void onResume() {
super.onResume();
SensorManager sm = (SensorManager) getSystemService(SENSOR_SERVICE);
List<Sensor> sensors = sm.getSensorList(Sensor.TYPE_ACCELEROMETER);
if (sensors.size() > 0) {
sm.registerListener(this, sensors.get(0),
SensorManager.SENSOR_DELAY_GAME);
}
}
Para anular el registro nicamente es necesario indicar que la clase actual (que implementa a SensorE-
ventListener) ya no est interesada en recibir actualizaciones de sensores.
@Override
protected void onStop() {
SensorManager sm = (SensorManager) getSystemService(SENSOR_SERVICE);
sm.unregisterListener(this);
super.onStop();
}
Para terminar, en el mtodo onCreate de la Actvity vamos a bloquear la orientacin para que al mover
el telfono la pantalla no se mueva y la interfaz permanezca tal como la vemos.
@Override
setContentView(R.layout.main);
this.setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
}
81 CURSO ANDROID
82 CURSO ANDROID
Conclusin
En esta entrega del curso Android hemos aprendido a trabajar con el acelermetro, uno de los varios
sensores includos en los telfonos, a travs de un Listener, nuestro cdigo de respuesta al evento se
ejecuta cuando hay algn cambio en los sensores y detectamos cuando hay cierto movimiento.
Reproduccin de
sonido en un ciclo
innito
7
captulo
84 CURSO ANDROID
CAPTULO 7
Reproduccin de sonido en un ciclo innito
En el sptmo seguiremos trabajando con el hardware veremos cmo funcionan los servicios en Android.
La aplicacin que realizaremos nos permitr iniciar y detener un servicio, cmo ejemplo este servici se
encargar de reproducir un sonido en un ciclo infnito.

Disposicin inicial
En este caso, nuestra interfaz de usuario ser muy sencilla por lo que no utlizaremos ningn
cdigo base. Para confgurar el servicio es necesario modifcar el Manifest y agregar: <service
android:enabled=true android:name=.ElServicio />
85 CURSO ANDROID
Diseo
El diseo presenta dos botones, uno para detener y otro para iniciar el servicio. Se sugiere utlizar
layouts, en nuestro caso el cdigo completo del layout es:
android:layout_width=match_parent
android:layout_height=match_parent><TextView
android:text=Utilizacin de Servicios
android:gravity=center
android:textSize=20sp
android:padding=20dp/>
<LinearLayout
android:gravity=center>
<Button
android:text=Inicio
android:id=@+id/btnInicio
android:layout_height=wrap_content>
</Button>
<Button
android:text=Detener
android:id=@+id/btnFin>
</Button>
</LinearLayout>
</LinearLayout>
86 CURSO ANDROID
Agregando cdigo
Necesitamos de una clase adicional que represente al servicio, la llamaremos ElServicio y debe heredar
de Service (en android.app). Esta clase debe sobrecargar el mtodo onBind pero en este captulo no
nos interesa que haga algo as que nicamente devolver null.
Para que la clase funcione de la manera deseada, vamos a sobrecargar tres mtodos: onCreate,
onDestroy y onStart, en cada uno de ellos a travs de un toast vamos a verifcar cuando el fujo
pasa por estos puntos.
En onCreate vamos a inicializar lo que har el servicio ms adelante, en nuestro ejemplo utlizare-
mos el media player ya reproducir un sonido, como demo he descargado uno desde soundjay
1
. luego
renombrado a water_droplet por el convenio de nombres que no incluye guiones y por ltmo
colocado en /res/raw/
En onStart vamos a iniciar la reproduccin del sonido y en onDestroy vamos a detener el sonido que
se estaba reproduciendo. En resumen, lo necesario para cada uno de estos mtodos es:

onCreate: Inicializar el Media Player e indicar que funcionar con un loop reproduciendo el sonido.

onDestroy: Detener la reproduccin del sonido

onStart: Iniciar la reproduccin del audio.
Es decir, el cdigo de nuestra clase de servicios completo queda de la siguiente forma:
public class ElServicio extends Service {
private MediaPlayer player;
@Override
public IBinder onBind(Intent intent) {
// TODO Auto-generated method stub
return null;
}
@Override
1 htp://www.soundjay.com/nature/sounds/water-droplet-1.mp3
87 CURSO ANDROID
public void onCreate() {
Toast.makeText(this, Servicio Creado, Toast.LENGTH_LONG).show();
player = MediaPlayer.create(this, R.raw.water_droplet);
player.setLooping(true);
}
@Override
public void onDestroy() {
Toast.makeText(this, Servicio Detenido, Toast.LENGTH_LONG).show();
player.stop();
}
@Override
public void onStart(Intent intent, int startid) {
Toast.makeText(this, Servicio Iniciado, Toast.LENGTH_LONG).show();
player.start();
}
}
Este cdigo del servicio se ejecutar como una tarea en Background es decir podramos cerrar la apli-
cacin y la ejecucin contnuara. Por lo mismo, adicional al servicio, es necesario construir cdigo para
iniciarlo y detenerlo.
Esto lo haremos en nuestra actvidad principal asociando acciones a los botones previamente mencio-
nados en el diseo. Dado que tenemos 2 botones que tendrn el mismo listener en lugar de instanciar
un OnClickListener como una clase annima nuestra Actvidad implementar a OnClickLis-
tener.
public class Main extends Activity implements OnClickListener
Dentro del mtodo onCreate de la actvidad asociamos el listener a los botones.
Button btnInicio = (Button) fndViewById(R.id.btnInicio);
Button btnFin = (Button) fndViewById(R.id.btnFin);
btnInicio.setOnClickListener(this);
btnFin.setOnClickListener(this);
Por ltmo es necesario sobrecargar el mtodo onClick y dentro de l distnguimos que botn fue presio-
nado y realizamos la accin asociada en cada caso.
88 CURSO ANDROID
public void onClick(View src) {
switch (src.getId()) {
case R.id.btnInicio:
startService(new Intent(this, ElServicio.class));
break;
case R.id.btnFin:
stopService(new Intent(this, ElServicio.class));
break;
}
}
89 CURSO ANDROID
Conclusin
En este captulo hemos visto varias cosas sobre los servicios, estos son componentes que representan
ciertas acciones que se ejecutaran durante un tempo muy largo (o indefnido) por lo que funcionan en
segundo plano (background). Para interactuar con los servicios es necesaria una actvidad que lo inicie
y detenga.
Envo de email
utilizando Android
8
captulo
91 CURSO ANDROID
CAPTULO 8
Envo de email utilizando Android
En el octavo captulo veremos cmo enviar emails utlizando Android la aplicacin de ejemplo que reali-
zaremos nos permitr colocar la informacin para un correo electrnico (destnatario, asunto, conte-
nido del correo, adjuntos) y luego enviarlo a travs de la aplicacin de correo electrnico.
Es importante notar que el ejemplo debe ejecutarse en un telfono o bien instalar una aplicacin para
envo de emails en el emulador (por defecto no est instalada pero es relatvamente simple). Queremos
que al fnalizar se vea as:

92 CURSO ANDROID
Disposicin inicial
En este caso, nuestra interfaz de usuario ser muy sencilla por lo que no utlizaremos ningn cdigo
base tampoco realizaremos ninguna confguracin adicional.
Diseo
El diseo presenta los campos necesarios para el envo del mail dentro de un contenedor global (en
este caso utlizamos un LinearLayout) por cada fla tenemos otro contenedor que a su vez dentro tene
2 elementos: una TextView y un EditText eso se repite para la direccin de correo del destnatario, el
asunto y el cuerpo del correo.
Por ltmo, se tene una CheckBox para indicar si se desea enviar un adjunto (el cono de la aplicacin).
El XML complete del diseo es el siguiente:
<LinearLayout android:id=@+id/LinearLayout01
xmlns:android=http://schemas.android.com/apk/res/android>
android:orientation=horizontal>
<TextView android:text=Destinatario
android:id=@+id/txtForEmail></TextView>
<EditText android:layout_width=wrap_content
android:width=170dip
android:id=@+id/etEmail>
93 CURSO ANDROID
</EditText>
</LinearLayout>
<TextView android:text=Asunto
android:id=@+id/txtForSubject></TextView>
android:id=@+id/etSubject>
</EditText>
</LinearLayout>
<TextView android:text=Mensaje
android:id=@+id/txtForBody></TextView>
android:lines=5
android:id=@+id/etBody>
</EditText>
</LinearLayout>
<CheckBox android:text=Enviar cono adjunto
android:id=@+id/chkAttachment
android:layout_height=wrap_content></CheckBox>
94 CURSO ANDROID
<Button android:layout_width=wrap_content
android:id=@+id/btnSend
android:text=Enviar
android:width=150dip>
</Button>
</LinearLayout>
Agregando funcionalidad
Asociaremos todo el cdigo del envo del email al evento de click sobre el botn Enviar:
Button btnSend = (Button) fndViewById(R.id.btnSend);
btnSend.setOnClickListener(new OnClickListener() {
@Override
}
});
Obtenemos primero los elementos del form con los datos el email (destnatario, asunto, cuerpo del mail
y adjunto):
// obtenemos los datos para el envo del correo
EditText etEmail = (EditText) fndViewById(R.id.etEmail);
EditText etSubject = (EditText) fndViewById(R.id.etSubject);
EditText etBody = (EditText) fndViewById(R.id.etBody);
CheckBox chkAttachment = (CheckBox) fndViewById(R.id.chkAttachment);
Luego construimos un intent que luego utlizaremos para levantar la Actvity para el envo del correo,
este debe ser del tpo ACTION_SEND, posteriormente indicamos cul ser el tpo de dato a enviar.
// es necesario un intent que levante la actividad deseada
Intent itSend = new Intent(android.content.Intent.ACTION_SEND);
// vamos a enviar texto plano a menos que el checkbox est marcado
itSend.setType(plain/text);
Colocamos todos los datos obtenidos del form, incluyendo el posible adjunto en caso de que el Check-
Box est marcado.
95 CURSO ANDROID
// colocamos los datos para el envo
itSend.putExtra(android.content.Intent.EXTRA_EMAIL, new String[]{
etEmail.getText().toString()});
itSend.putExtra(android.content.Intent.EXTRA_SUBJECT,
etSubject.getText().toString());
itSend.putExtra(android.content.Intent.EXTRA_TEXT, etBody.getText());
// revisamos si el checkbox est marcado enviamos el cono de la aplicacin
como
adjunto
if (chkAttachment.isChecked()) {
// colocamos el adjunto en el stream
itSend.putExtra(Intent.EXTRA_STREAM, Uri.parse(android.resource:// +
getPackageName() + / + R.drawable.icon));
// indicamos el tipo de dato
itSend.setType(image/png);
}
Por ltmo iniciamos la Actvity para el envo.
startActivity(itSend);
El cdigo completo es el siguiente:
Button btnSend = (Button) fndViewById(R.id.btnSend);
btnSend.setOnClickListener(new OnClickListener() {
@Override
//obtenemos los datos para el envo del correo
EditText etEmail = (EditText) fndViewById(R.id.etEmail);
EditText etSubject = (EditText) fndViewById(R.id.etSubject);
EditText etBody = (EditText) fndViewById(R.id.etBody);
CheckBox chkAttachment = (CheckBox) fndViewById(R.id.chkAttachment);
//es necesario un intent que levante la actividad deseada
Intent itSend = new Intent(android.content.Intent.ACTION_SEND);
96 CURSO ANDROID
//vamos a enviar texto plano a menos que el checkbox est marcado
itSend.setType(plain/text);
//colocamos los datos para el envo
itSend.putExtra(android.content.Intent.EXTRA_EMAIL, new String[]{
etEmail.getText().toString()});
itSend.putExtra(android.content.Intent.EXTRA_SUBJECT,
etSubject.getText().toString());
itSend.putExtra(android.content.Intent.EXTRA_TEXT, etBody.getText());
//revisamos si el checkbox est marcado enviamos el cono de la
aplicacin como adjunto
if (chkAttachment.isChecked()) {
//colocamos el adjunto en el stream
itSend.putExtra(Intent.EXTRA_STREAM, Uri.parse(android.resource://
+ getPackageName() + / + R.drawable.icon));
//indicamos el tipo de dato
itSend.setType(image/png);
}
//iniciamos la actividad
startActivity(itSend);
}
});
97 CURSO ANDROID
98 CURSO ANDROID
Conclusin
En esta ocasin hemos visto la forma de enviar un correo electrnico (incluyendo un adjunto opcional)
todo includo en los extras a travs de un intent utlizado para iniciar la Actvity para el envo del mail.
Trabajando con APIs
(Facebook y Twitter)
9
captulo
100 CURSO ANDROID
CAPTULO 9
Trabajando con APIs (Facebook y Twitter)
En el noveno captulo utlizaremos los APIs de Facebook y Twiter para autentcacin. La aplicacin que
realizaremos nos permitr iniciar sesin y obtener algunos datos.
Queremos que al fnalizar se vea as:

Disposicin inicial
Para realizar la autentcacin es necesario solicitar una aplicacin en Facebook
1
y una aplicacin en
Twiter
2
. En el cdigo completo se incluyen el identfcador de la aplicacin de Facebook de demo del
1 htp://www.facebook.com/developers/createapp.php
2 htps://dev.twiter.com/apps/new
101 CURSO ANDROID
SDK y un token/secret de consumer de una aplicacin de Twiter que han sido expirados y si no los
reemplazan por los suyos la aplicacin no funcionar.
En esta ocasin no utlizaremos cdigo base si no que realizaremos toda la confguracin inicial paso
a paso. Vamos a utlizar el SDK de Facebook para Android que pueden descargar desde GitHub
1
. Para
nuestro ejemplo vamos a tomar no solo el SDK si no tambin algunos archivos del ejemplo simple que
se incluye en el mismo SDK (El botn de inicio de sesin, el manejo y almacenamiento de la sesin y el
listener).
Importamos el proyecto a nuestro workspace:

Seleccionando el directorio con los archivos descargados:
1 htps://github.com/facebook/facebook-android-sdk/
102 CURSO ANDROID

Hacemos un proyecto nuevo, como lo hemos visto en guas anteriores, en mi caso le llamar Manejo-
DeAPIs.
Luego de que est listo el proyecto debemos indicarle que tome la librera del SDK desde otro proyecto,
hacemos click derecho sobre el proyecto y luego en propiedades

103 CURSO ANDROID
En la pantalla de las opciones buscamos la parte de Android:

Hacemos click sobre Add en la parte de Library:

104 CURSO ANDROID
Deber aparecernos el proyecto llamado Facebook, lo seleccionamos y estar lista la referencia:

Para la autentcacin con Twiter hay varias opciones en nuestro caso estaremos utlizando OAuth Sign-
Post
1
y para hacerlo parte de nuestro proyecto necesitamos las libreras de Core y Apache Common,
ambos son archivos JAR descargables
2
, la forma de incluirlas es haciendo click derecho sobre el proyecto,
luego Build Path y por ltmo Add External Archives.

1 htp://code.google.com/p/oauth-signpost/
2 htp://code.google.com/p/oauth-signpost/downloads/list
105 CURSO ANDROID
Por ltmo, vamos a confgurar algunas cosas en el Manifest necesitamos permisos para internet:
Para la autentcacin de Twiter utlizaremos un intent flter que permita que el callback luego de la
autorizacin sea nuestra aplicacin, para ello usamos el tag de data con un esquema y un host defnido
por nosotros, es decir, el URL de callback ser mdw://twitter
<intent-flter>
<action android:name=android.intent.action.VIEW></action>
<category android:name=android.intent.category.DEFAULT></category>
<category android:name=android.intent.category.BROWSABLE></category>
<data android:scheme=mdw android:host=twitter></data>
</intent-flter>
Diseo
El diseo tendr 2 botones para iniciar/cerrar sesin y 2 etquetas para mostrar el status. En el caso de
Facebook, vamos a utlizar el botn incluido en el ejemplo del SDK implementado en una clase llamada
LoginButon.
>
<com.facebook.android.LoginButton
android:id=@+id/btnFbLogin
android:src=@drawable/login_button
/>
<TextView
android:text=Facebook status: sesin no iniciada
106 CURSO ANDROID
android:id=@+id/txtFbStatus
android:layout_width=fll_parent></TextView>
<View
android:layout_height=1dip
android:background=#FFFFFF
/>
<Button
android:text=Twitter
android:id=@+id/btnTwLogin
android:layout_height=wrap_content></Button>
<TextView
android:text=Twitter status: sesin no iniciada
android:id=@+id/txtTwStatus
android:layout_width=fll_parent></TextView>
</LinearLayout>
Agregando cdigo
Inicialmente, vamos a defnir algunas variables globales dentro de nuestra Actvity. El manejo del botn
de autorizar/de-autorizar de Twiter lo haremos nosotros (el de Facebook tene una implementacin
en el cdigo importado que vamos a aprovechar) para ellos lo declaramos como una variable global y
declaramos los 2 listeners que utlizaremos.
private Button btnTwLogin;
private OnClickListener twitter_auth, twitter_clearauth;
Adems requerimos de banderas para chequear el estatus de autentcacin y etquetas para mostrar el
mismo.
private TextView txtFbStatus, txtTwStatus;
private boolean twitter_active = false, facebook_active = false;
Las petciones para interactuar con el Graph API de Facebook son asincrnicas y las realizamos a travs
de una instancia de la clase AsyncFacebookRunner.
107 CURSO ANDROID
private AsyncFacebookRunner mAsyncRunner;
Tambin defnimos el identfcador de la aplicacin de Facebook (recuerden cambiarlo por el la aplica-
cin que ustedes solicitaron).
public static fnal String APP_ID = 175729095772478;
Para la parte de autentcacin con Twiter, necesitamos un provider y un consumer confgurados con
los URLs (no cambian), el consumer key (es necesario cambiarlo por el de ustedes) y el consumer secret
(tambin es necesario cambiarlo por la aplicacin que ustedes solicitaron).
private static CommonsHttpOAuthProvider provider =
new CommonsHttpOAuthProvider(
https://api.twitter.com/oauth/request_token,
https://api.twitter.com/oauth/access_token,
https://api.twitter.com/oauth/authorize);
private static CommonsHttpOAuthConsumer consumer =
new CommonsHttpOAuthConsumer(
7iEjG84wItGvXaIZFXAyZg,
sZKCJaUN8BgmYy4r9Z7h1I4BEHV8aAd6Ujw3hofQ4k);
Una vez realizada la autorizacin del usuario con su cuenta de Twiter, recibimos de vuelta un key y un
secret de acceso y es necesario guardarlos para cualquier futura interaccin.
private static String ACCESS_KEY = null;
private static String ACCESS_SECRET = null;
Estas ltmas 4 variables son esttcas debido al funcionamiento de la librera OAuth SignPost en algunas
ocasiones se pierden los valores luego de autentcar y previo a recibir el acceso entonces puede guar-
darse temporalmente y luego restaurarse o utlizarse variables esttcas, en este caso hemos tomado la
segunda forma de solucionarlo.
Cuando el usuario se autentque con sus credenciales de Facebook, haremos una petcin al Graph API
para obtener sus datos (identfcador y nombre), esta requisicin es asincrnica y requiere un Request-
Listener (parte del SDK de Facebook) para realizar alguna accin una vez se ha recibido respuesta.
108 CURSO ANDROID
Vamos a encapsular en un mtodo esta llamada y en concreto nos concentramos en el mtodo onCom-
plete del Listener para realizar lo que queremos. La respuesta recibida en JSON es necesario recono-
cerla (parsing) y luego enviar los valores que nos interesan (ID y nombre) al hilo de ejecucin(thread)
principal para que modifque la vista(nicamente l, el thread principal, puede hacer este cambio en el
contenido del TextView) .
private void updateFbStatus(){
mAsyncRunner.request(me, new RequestListener() {
@Override
public void onMalformedURLException(MalformedURLException e, Object
state) {}
@Override
public void onIOException(IOException e, Object state) {}
@Override
public void onFileNotFoundException(FileNotFoundException e, Object
state) {}
@Override
public void onFacebookError(FacebookError e, Object state) {}
@Override
public void onComplete(String response, Object state) {
try {
JSONObject json = Util.parseJson(response);
fnal String id = json.getString(id);
fnal String name = json.getString(name);
Main.this.runOnUiThread(new Runnable() {
@Override
public void run() {
txtFbStatus.setText(Facebook status: sesin
iniciada como + name + con el id + id);
}
});
} catch (JSONException e) {
} catch (FacebookError e) {
109 CURSO ANDROID
}
}
});
}
Adems de este mtodo, vamos a trabajar en onCreate. Primero obtenemos botones y etquetas (Text-
View) de status tanto de Facebook como de Twiter.
LoginButton mLoginButton = (LoginButton) fndViewById(R.id.btnFbLogin);
btnTwLogin = (Button)fndViewById(R.id.btnTwLogin);
txtTwStatus = (TextView) this.fndViewById(R.id.txtTwStatus);
txtFbStatus = (TextView) this.fndViewById(R.id.txtFbStatus);
Luego, construimos nuestro objeto Facebook (parte del SDK descargado) y a partr de l un objeto Asyn-
cFacebookRunner que vamos a utlizar para las petciones al GraphAPI.
Facebook mFacebook = new Facebook(APP_ID);
mAsyncRunner = new AsyncFacebookRunner(mFacebook);
Vamos a guardar las credenciales de Twiter como preferencias de la aplicacin (funciona como un
diccionario, key/value), ms adelante vemos la forma de guardarlas al realizar la autentcacin, en
onCreate vamos a recuperarlas y si no existen tenemos un valor por defecto que es un String vaco. Si
existen las credenciales entonces habilitamos la variable boolean twiter_actve.
SharedPreferences prefs = PreferenceManager.getDefaultSharedPreferences(this);
String stored_keys = prefs.getString(KEY, );
String stored_secret = prefs.getString(SECRET, );
if (!stored_keys.equals() && !stored_secret.equals()) {
twitter_active = true;
}
Realizamos un proceso similar para el caso de Facebook, aqu es ms sencillo porque no es tarea nuestra
la administracin de las credenciales, nos apoyamos en el cdigo del ejemplo del SDK. Restauramos la
sesin y luego validamos la misma, en base a esto habilitamos la bandera facebook_actve y si la sesin
est actva entonces mostraremos los datos del usuario llamando a updateFbStatus().
SessionStore.restore(mFacebook, this);
facebook_active = mFacebook.isSessionValid();
110 CURSO ANDROID
if (facebook_active) {
updateFbStatus();
}
Para el manejo del inicio de sesin de Facebook es necesario un Listener para autentcacin y otro
para cuando se fnaliza sesin. Para el primero (AuthListener) es necesario sobrecargar mtodos depen-
diendo si tuvo xito o no, en caso de tener xito llamamos a updateFbStatus y en caso de fallar reporta-
mos el error a travs del TextView de estatus.
SessionEvents.addAuthListener(new AuthListener() {
@Override
public void onAuthSucceed() {
updateFbStatus();
}
@Override
public void onAuthFail(String error) {
txtFbStatus.setText(Facebook status: imposible iniciar sesin +
error);
}
});
En el caso del listener para fnalizar la sesin, necesitamos sobrecargar mtodos para el inicio y fnaliza-
cin del proceso de cierre de sesin, le reportaremos al usuario estos eventos a travs del TextView de
estatus.
SessionEvents.addLogoutListener(new LogoutListener() {
@Override
public void onLogoutFinish() {
txtFbStatus.setText(Facebook status: sesin no iniciada);
}
@Override
public void onLogoutBegin() {
txtFbStatus.setText(Facebook status: cerrando sesin...);
111 CURSO ANDROID
}
});
Finalizamos con la inicializacin el botn de login de Facebook:
mLoginButton.init(this, mFacebook);
Para la parte de Twiter manejaremos 2 Listeners para el evento del click, esta vez vamos a defnirlos
y asignarles nombre en vez de usar clases internas y annimas porque los asignaremos varias veces
(dependiendo del estado de la autentcacin).
El primer listener, el utlizado cuando aun no se inicia sesin, requiere que al darle click al botn obtenga
el requestToken y a travs de un intent con el URL recibido levante una actvidad (el navegador) y mues-
tre al usuario la pantalla de Twiter solicitando su aprobacin.
twitter_auth = new OnClickListener() {
@Override
txtTwStatus.setText(Twitter status: iniciando sesin);
try {
String authUrl = provider.retrieveRequestToken(consumer,
mdw://twitter);
startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(authUrl)));
} catch (OAuthMessageSignerException e) {
} catch (OAuthNotAuthorizedException e) {
} catch (OAuthExpectationFailedException e) {
} catch (OAuthCommunicationException e) {
}
}
};
112 CURSO ANDROID
El segundo listener, una vez ya ha ocurrido la autentcacin, borrar las credenciales guardadas en los
SharedPreferences.
twitter_auth = new OnClickListener() {
@Override
txtTwStatus.setText(Twitter status: iniciando sesin);
try {
String authUrl = provider.retrieveRequestToken(consumer,
mdw://twitter);
startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(authUrl)));
}
}
};
Es importante notar que las credenciales recibidas de Twiter (key y secret) no expiran y son vlidas
mientras el usuario no revoque los permisos de la aplicacin, lo que hacemos al desautorizar es borrar
las credenciales guardadas por lo que la siguiente vez que presionemos el botn solicitaremos nuevas.
Para terminar el mtodo onCreate revisamos el valor de twiter_actve y actualizamos el texto del botn
y del TextView de estatus.
if (twitter_active) {
txtTwStatus.setText(Twitter status: sesin iniciada );
btnTwLogin.setText(Deautorizar twitter);
113 CURSO ANDROID
btnTwLogin.setOnClickListener(twitter_clearauth);
} else {
btnTwLogin.setText(Autorizar twitter);
btnTwLogin.setOnClickListener(twitter_auth);
}
Adems del trabajo realizado en OnCreate, necesitamos modifcar OnResume, una vez autorizado el
uso de la aplicacin de Twiter por parte del usuario, al recibir el redirect al callback nuestra aplicacin
lo recibir por el intent-flter colocado previamente y se ejecutar el mtodo OnResume.
Para distnguir si la ejecucin es por cualquier interrupcin de la aplicacin o porque ya nos autentca-
mos con Twiter revisamos la data del intent y que esta sea un URI de la forma que defnimos (mdw://
twiter), si ese fuera el caso entonces recibimos token y secret de acceso y lo guardamos.
provider.retrieveAccessToken(consumer,verifer);
ACCESS_KEY = consumer.getToken();
ACCESS_SECRET = consumer.getTokenSecret();
Para almacenar las credenciales de forma persistente utlizaremos SharedPreferences
1
es necesario
obtener un editor, guardar la data y luego realizar commit.
SharedPreferences prefs = PreferenceManager.getDefaultSharedPreferences(this);
SharedPreferences.Editor editor = prefs.edit();
editor.putString(KEY, ACCESS_KEY);
editor.putString(SECRET, ACCESS_SECRET);
editor.commit();
Luego actualizamos el TextView del estado, el texto del botn y la accin asociada al mismo.
TextView txtTwStatus = (TextView) this.fndViewById(R.id.txtTwStatus);
Adicional a esto y fuera de la condicin de que el intent tenga data, es posible que el mtodo onResume
sea llamado y los valores del TextView de status de Facebook se hayan perdido entonces es necesario
1 htp://developer.android.com/reference/android/content/SharedPreferences.html
114 CURSO ANDROID
revisarlo.
updateFbStatus();
}
El mtodo completo onResume queda de la siguiente forma:
@Override
public void onResume() {
super.onResume();
Uri uri = this.getIntent().getData();
if (uri != null && uri.toString().startsWith(mdw://twitter)) {
String verifer = uri.getQueryParameter(OAuth.OAUTH_VERIFIER);
try {
provider.retrieveAccessToken(consumer,verifer);
ACCESS_KEY = consumer.getToken();
ACCESS_SECRET = consumer.getTokenSecret();
SharedPreferences prefs =
PreferenceManager.getDefaultSharedPreferences(this);
SharedPreferences.Editor editor = prefs.edit();
editor.putString(KEY, ACCESS_KEY);
editor.putString(SECRET, ACCESS_SECRET);
editor.commit();
TextView txtTwStatus = (TextView)
this.fndViewById(R.id.txtTwStatus);
115 CURSO ANDROID
}
}
updateFbStatus();
}
}
116 CURSO ANDROID
Conclusin
En este captulo hemos visto varias cosas:

Utlizacin de un proyecto como librera (SDK de Facebook para Android), es posible crear un
proyecto sin Actvites si no nicamente con cdigo para ser utlizado por terceros. En este caso,
nosotros aprovechamos este cdigo creado por alguien ms para nuestra aplicacin.

Uso de libreras externas a travs de archivos JAR que se vuelven parte del proyecto, en nuestra
aplicacin de demo de esta forma incluimos OAuth SignPost.

Conexin con APIs de terceros (Facebook & Twiter) para lograr la autentcacin, vimos dos opcio-
nes que podemos manejar para poder identfcar a los usuarios de nuestras aplicaciones. La libre-
ra de OAuth SignPost es posible utlizarla tambin con algunos otros proveedores que trabajan
tambin con OAuth.
Conectndonos con
Apis de Google
10
captulo
118 CURSO ANDROID
CAPTULO 10
Conectndonos con Apis de Google
En el decimo captulo seguimos trabajando con APIs esta vez utlizaremos conexin con 2 APIs de Google:
el de traduccin y el de bsqueda de vdeos en YouTube.
Conexin con APIs de Google
La aplicacin que realizaremos nos permitr realizar la traduccin de un texto pequeo de espaol a
ingls y adems realizar una bsqueda en YouTube.
Queremos que al fnalizar se vea as:

119 CURSO ANDROID
Disposicin inicial
El tpo de requisiciones que realizaremos a estos APIs no necesita de autentcacin entonces no nece-
sitamos validar ningn tpo de credenciales. Si quisiramos, por ejemplo, subir un video a YouTube s
sera necesario autentcarnos.
Para no realizar el trabajo desde cero nos apoyaremos en 2 libreras, una para cada API:

Pgina del proyecto: google-api-translate-java
1

Cdigo fuente disponible en Github para descargar
2

Pgina del proyecto: google-api-java-client
3

La librera para descargar
4
Vamos a usar esta librera en este demo sin preocuparnos mucho del tamao fnal de la aplicacin,
al usarla en un ambiente de produccin es muy importante utlizar ProGuard para reducir el tamao,
encuentran instrucciones detalladas en htp://code.google.com/p/google-api-java-client/wiki/Setup
Vamos a importar varias libreras al proyecto, no utlizaremos cdigo base de nuevo para seguir paso a
paso la confguracin:

Para la parte de traduccin, es un nico archivo llamado: google-api-translate-java-0.95

Para la parte de YouTube, del archivo zip que descargamos vamos a elegir 4 archivos, esta
descarga trae varias libreras y sus fuentes, la descripcin la encuentran en htp://code.google.
com/p/google-api-java-client/wiki/Setup nosotros vamos a utlizar del directorio raz.

google-api-client-1.4.1-beta

google-api-client-googleapis-1.4.1-beta
Adems, para la conexin HTTP y el parsing de JSON otras 2 de las dependencias: del archivo descar-
gado de google-api-java-client dentro de la carpeta dependencies necesitamos:

guava-r09
1 htp://google-api-translate-java.googlecode.com/fles/google-api-translate-java-0.95.jar
2 htp://github.com/richmidwinter/google-api-translate-java
3 htp://code.google.com/p/google-api-java-client/
4 htp://google-api-java-client.googlecode.com/fles/google-api-java-client-1.4.1-beta.zip
120 CURSO ANDROID

jackson-core-asl-1.6.7
Para incluir nuestras libreras necesitamos hacer click derecho sobre el proyecto, luego propiedades:

Buscamos la pestaa de Java Build Path y de los botones del lado derecho hacemos click en Add
External JARs:

121 CURSO ANDROID
Seleccionamos todas los archivos JAR de las libreras ya descritas y estamos listos:

Por ltmo, vamos a confgurar algunas cosas en el Manifest necesitamos permisos para Internet:
122 CURSO ANDROID
Diseo
El diseo tendr 2 partes, para la traduccin utlizaremos un TextView que le indique al usuario que
hacer
<TextView
android:text=Ingrese el texto a traducir
/>
Luego un LinearLayout para mostrar en fla un EditText para recibir la cadena a traducir y un botn para
realizar la traduccin:
<LinearLayout android:layout_width=match_parent
android:layout_height=wrap_content android:id=@+id/linearLayout1>
<EditText android:id=@+id/etTextToTranslate
android:hint=hola mundo!
android:layout_height=wrap_content></EditText>
<Button android:text=Traducir
android:id=@+id/btnTranslate
</LinearLayout>
Por ltmo otro TextView que muestre el resultado.
<TextView android:id=@+id/txtTranslatedText
android:textSize=20dp></TextView>
Separamos de la siguiente seccin a travs de una lnea horizontal:
<View
123 CURSO ANDROID
/>
Para la siguiente seccin, la de bsqueda en YouTube de manera similar que el caso anterior indicamos
al usuario a travs de un TextView que debe ingresar el parmetro de bsqueda:
<TextView
android:text=Ingrese texto a buscar en YouTube
/>
Luego, con otro LinearLayout horizontal que dentro tene un EditText esperamos la cadena que ser el
parmetro de bsqueda y un botn para realizar la bsqueda:
<EditText android:id=@+id/etQueryText
android:hint=Android sdk
<Button android:text=Buscar
android:id=@+id/btnSearch
</LinearLayout>
Terminamos con un ListView para mostrar el resultado de la bsqueda:
<ListView android:layout_height=wrap_content
android:id=@+id/lstVideo
android:layout_width=match_parent></ListView>
El diseo completo queda de la siguiente forma:
124 CURSO ANDROID
>
<TextView
android:text=Ingrese el texto a traducir
/>
<EditText android:id=@+id/etTextToTranslate
android:hint=hola mundo!
<Button android:text=Traducir
android:id=@+id/btnTranslate
</LinearLayout>
<TextView android:id=@+id/txtTranslatedText
android:textSize=20dp></TextView>
<View
/>
<TextView
125 CURSO ANDROID
android:text=Ingrese texto a buscar en YouTube
/>
<EditText android:id=@+id/etQueryText
android:hint=Android sdk
<Button android:text=Buscar
android:id=@+id/btnSearch
</LinearLayout>
<ListView android:layout_height=wrap_content
android:id=@+id/lstVideo
android:layout_width=match_parent></ListView>
</LinearLayout>
Agregando cdigo
Para el manejo de la respuesta de YouTube (en JSON) vamos a construir clases de Java que represen-
ten esta respuesta de tal forma que el proceso de parsing sea ms sencillo. Estas clases sern internas
y esttcas (ms informacin en download.oracle.com
1
) dentro de la clase de nuestra Actvity principal.
Construiremos 3 clases:
Una para representar el resultado completo del request, una lista de tems se llamar VideoFeed.
public static class VideoFeed {
@Key List<Video> items;
}
Otra para representar cada tem del resultado, del que nos interesa el ttulo(atributo ttle) y el URL del
video (atributo player contene el URL por defecto y el mvil), se llamar Video. Esta clase adems
1 htp://download.oracle.com/javase/tutorial/java/javaOO/nested.html
126 CURSO ANDROID
implementar el mtodo toString para mostrar el ttulo en un ListView ms adelante.
public static class Video {
@Key String title;
@Key Player player;
public String toString(){
return this.title;
}
}
Una para representar el player utlizado en el caso anterior y que contene la URL que vamos a utlizar
para mostrar el video cuando el usuario haga click sobre el ttulo se llamar: Player.
public static class Player {
@Key String mobile;
}
La funcionalidad de la aplicacin la trabajaremos dentro del mtodo onCreate, en especfco en el
mtodo onClick de Listeners asociados a los botones. Para la seccin de traduccin, primero le indica-
mos a Google desde que URL vamos a usar su API de Translate:
Translate.setHttpReferrer(www.ejemplo.com);
Luego, vamos a traer lo que ingres el usuario en el EditText y escondemos el teclado para tener libre la
pantalla para ver nuestra aplicacin.
EditText etTextToTranslate = (EditText)fndViewById(R.id.etTextToTranslate);
String textToTranslate = etTextToTranslate.getText().toString();
InputMethodManager imm =
(InputMethodManager)getSystemService(Context.INPUT_METHOD_SERVICE);
imm.hideSoftInputFromWindow(etTextToTranslate.getWindowToken(), 0);
Con esta cadena, usamos la librera para acceder al API de traduccin indicando que el idioma fuente es
espaol y el idioma objetvo es ingls.
String translatedText = Translate.execute(textToTranslate, Language.SPANISH,
Language.ENGLISH);
Una vez recibida la respuesta, la mostramos al usuario en un TextView:
TextView txt = (TextView)fndViewById(R.id.txtTranslatedText);
127 CURSO ANDROID
txt.setText(translatedText);
Para la seccin de la bsqueda en YouTube iniciamos obteniendo el parmetro de bsqueda y ocultando
el teclado.
EditText etQueryText = (EditText)fndViewById(R.id.etQueryText);
String queryText = etQueryText.getText().toString();
imm.hideSoftInputFromWindow(etQueryText.getWindowToken(), 0);
Utlizando este parmetro de bsqueda, preparamos el URL del request, indicamos que la respuesta la
queremos en JSON y que la cantdad mxima de resultados ser 5.
GenericUrl url = new GenericUrl(https://gdata.youtube.com/feeds
/api/videos?alt=jsonc&max-results=5&q= + queryText);
Preparamos la requisicin que requiere de transporte htp y el parser de JSON:
HttpTransport transport = new NetHttpTransport();
fnal JsonFactory jsonFactory = new JacksonFactory();
Usando la instancia recin creada de HtpTransport, vamos a construir un RequestFactory indicndole
el tpo de parser y los encabezados para el request.
HttpRequestFactory factory = transport.createRequestFactory(new
HttpRequestInitializer() {
@Override
public void initialize(HttpRequest request) {
//indicamos el parser a utilizar
JsonCParser parser = new JsonCParser();
parser.jsonFactory = jsonFactory;
request.addParser(parser);
//indicamos el nombre de la aplicacin y la versin de gData
//JSON es soportado solo en versin 2 de gData
GoogleHeaders headers = new GoogleHeaders();
headers.setApplicationName(Maestros-Del-Web-Android/1.0);
128 CURSO ANDROID
headers.gdataVersion = 2;
request.headers = headers;
}
});
Con los parmetros listos, construimos el request, lo ejecutamos y lo hacemos el parsing (reconocemos)
indicando la clase VideoFeed previamente construida como resultado que deseamos.
HttpRequest request = factory.buildGetRequest(url);
fnal VideoFeed feed = request.execute().parseAs(VideoFeed.class);
El resultado guardado en esta variable feed (un listado de tems Video) lo utlizaremos para construir un
ArrayAdapter que luego se lo asociamos a nuestro ListView para poder visualizar el resultado en forma
de listado en la aplicacin.
ArrayAdapter<Video> adpList = new ArrayAdapter<Video>(
getApplicationContext(),
android.R.layout.simple_list_item_1,
feed.items);
ListView videoList = (ListView)fndViewById(R.id.lstVideo);
videoList.setAdapter(adpList);
Para fnalizar, queremos que al presionar sobre el ttulo de cualquier video del resultado podemos verlo,
para esto hacemos uso del mtodo setOnItemClickListener del ListView y en el mtodo onItemClick
obtenemos de la lista el elemento seleccionado y de l la URL mvil que tene asociada.
Con esta URL iniciamos una actvidad que nos llevar a poder visualizar el video.
Video item = feed.items.get(position);
startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse(item.player.mobile)));
El cdigo del mtodo onCreate queda de la siguiente forma:
@Override
setContentView(R.layout.main);
129 CURSO ANDROID
Button btnTranslate = (Button) fndViewById(R.id.btnTranslate);
Button btnSearch = (Button) fndViewById(R.id.btnSearch);
btnTranslate.setOnClickListener(new OnClickListener() {
@Override
Translate.setHttpReferrer(www.ejemplo.com);
try {
EditText etTextToTranslate =
(EditText)fndViewById(R.id.etTextToTranslate);
String textToTranslate = etTextToTranslate.getText().toString();
imm.hideSoftInputFromWindow(etTextToTranslate.getWindowToken(),
0);
String translatedText = Translate.execute(textToTranslate,
Language.SPANISH, Language.ENGLISH);
TextView txt = (TextView)fndViewById(R.id.txtTranslatedText);
txt.setText(translatedText);
} catch (Exception e) {
}
}
});
btnSearch.setOnClickListener(new OnClickListener() {
@Override
EditText etQueryText = (EditText)fndViewById(R.id.etQueryText);
String queryText = etQueryText.getText().toString();
imm.hideSoftInputFromWindow(etQueryText.getWindowToken(), 0);
HttpTransport transport = new NetHttpTransport();
GenericUrl url = new GenericUrl(https://gdata.youtube.com/feeds
/api/videos?alt=jsonc&max-results=2&q= + queryText);
fnal JsonFactory jsonFactory = new JacksonFactory();
130 CURSO ANDROID
HttpRequestFactory factory = transport.createRequestFactory(new
HttpRequestInitializer() {
@Override
public void initialize(HttpRequest request) {
JsonCParser parser = new JsonCParser();
parser.jsonFactory = jsonFactory;
request.addParser(parser);
GoogleHeaders headers = new GoogleHeaders();
headers.setApplicationName(Maestros-Del-Web-Android/1.0);
headers.gdataVersion = 2;
request.headers = headers;
}});
try {
HttpRequest request = factory.buildGetRequest(url);
fnal VideoFeed feed =
request.execute().parseAs(VideoFeed.class);
ListView videoList = (ListView)fndViewById(R.id.lstVideo);
ArrayAdapter<Video> adpList = new ArrayAdapter<Video>
(getApplicationContext(),android.R.layout.simple_list_item_1,feed.items);
videoList.setAdapter(adpList);
videoList.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0,
View arg1, int position, long arg3) {
Video item = feed.items.get(position);
startActivity(new Intent(Intent.ACTION_VIEW,
Uri.parse(item.player.mobile)));
}});
}}
});
}
Al ejecutar nuestra aplicacin, probamos individualmente cada una de las 2 partes, primero la traduc-
131 CURSO ANDROID
cin:

Luego la bsqueda en YouTube:
132 CURSO ANDROID
htp://www.forosdelweb.com/f165/

htps://github.com/androidMDW/guia10completo
133 CURSO ANDROID
Conclusin
En este captulo hemos aprendido a trabajar con 2 de los muchos APIs de google (htp://code.google.
com/more/table/) a travs del uso de libreras desarrolladas por terceros. Para la parte de traduccin
utlizamos una librera especfca (no olviden que este API est prximo a morir htp://code.google.com/
apis/language/translate/overview.html) y para la parte de YouTube usamos una librera que permite
conexin tambin a Lattude, Buzz, Books, Moderator y ms (htp://code.google.com/p/google-api-
java-client/wiki/APILibraries).
134 CURSO ANDROID
COMUNIDADES ANDROID
Curso Android
El objetvo del Curso Android
1
era introducirte en el desarrollar para Android, pasamos de lo general
(Actvites, Intents, UI) a cosas ms especfcas (cmara, fotos, videos, mapas, sensores, servicios, emails
y APIs) y que cada uno se lance a desarrollar con mucho entusiasmo.
Android sigue creciendo y junto a l los desarrolladores que apuestan por esta plataforma, sigue a @
maestros
2
y @forosdelweb
3
para seguir aprendiendo sobre Android y sobre otras tecnologas que
estn marcando tendencias.
Ms comunidades Android
And.roid.es
htp://and.roid.es/
La comunidad espaola And.roid.es fue creada en octubre del 2008 por Luis
Moreno (@carthesian) y Israel Ferrer
4
(@rallat) quienes han organizado varios
eventos como: and.roid.es Community Meetup
5
, Androides Barcelona y Barce-
lona GTUG.
Cultura Android Guatemala
htp://cultura-androidgt.org/
Comunidad de entusiastas guatemaltecos creada por Adrin Cataln
6
(@ykaro)
que fomentan la utlizacin y desarrollo de la plataforma mvil Android. Realizan
reuniones con el objetvo de promover el desarrollo y en su blog encontrars infor-
macin sobre desarrollo y novedades.
1 htp://www.maestrosdelweb.com/editorial/curso-android/
2 htp://twiter.com/maestros
3 htp://twiter.com/forosdelweb
4 htp://www.maestrosdelweb.com/editorial/israel-ferrer-camacho
5 htp://and.roid.es/meetup
6 htp://www.maestrosdelweb.com/autores/acatalan/
135 CURSO ANDROID
Droid.cl
htp://droid.cl/
Comunidad chilena del sistema operatvo Android en donde encontrars informa-
cin sobre las aplicaciones, dispositvos y las ltmas notcias sobre Android.
Android Per
htp://www.android-peru.com/
El objetvo de Android-Peru.com es fomentar el desarrollo de Android en el Per y
Latnoamrica compartr experiencias, problemas y proyectos.
AndroidTitlan
htp://androidttlan.org/
Es una comunidad Latnoamericana creada por ngel Espinoza, Community Mana-
ger de Google Technologies User Group Mxico City y el desarrollador de tecno-
loga mvil Enrique Daz. AndroidTitlan quiere decir Lugar de los Androids o
Regin de los Andorids y tene como objetvo principal fomenta el desarrollo
para la plataforma mvil Android SDK.
136 CURSO ANDROID
OTRAS GUAS DE MAESTROS DEL WEB
Guas online
Aprende a utlizar el API de Google Maps para el
desarrollo de tus proyectos con mapas
Visita la Gua Mapas
htp://bit.ly/guiamapas
Utliza las herramientas sociales en Internet para
crear proyectos de comunicacin independientes.
Visita Adictos a la comunicacin
htp://mdw.li/guiacomunica
Aprende las oportunidades, retos y estrategias
que toda persona debe conocer al momento de
emprender.
Visita la Gua Startup
htp://mdw.li/gkTDom
Crea tu propia aplicacin para dispositvos mvi-
les basados en iOS, y descubre las posibilidades
de trabajo que este mercado ofrece a los desarro-
lladores.
Visita la Gua iPhone
htp://bit.ly/ManualiPhone
ASP.NET es un modelo de desarrollo Web unif-
cado creado por Microsof para el desarrollo de
sitos y aplicaciones web dinmicas con un mnimo
de cdigo. ASP.NET
Visita la Gua ASP.NET
htp://mdw.li/guiaaspnet
Zend Framework es un framework de cdigo
abierto para desarrollar aplicaciones y servicios
web con PHP 5.
Visita la Gua Zend
htp://mdw.li/guiazend
137 CURSO ANDROID
Tendencias en la creacin de videos, herramien-
tas, consejos y referencias en la produccin de
videos para la web.
Visita la Gua de Produccin de Vdeo
htp://bit.ly/produccionvideo

Maestrosdelweb Guia Android

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Maestrosdelweb Guia Android

Încărcat de

Drepturi de autor:

Formate disponibile

2 CURSO ANDROID

} else if (requestCode == SELECT_PICTURE){

S-ar putea să vă placă și