Lis de Veracruz: Arte, Ciencia,

Luz

Introduccin al Desarrollo de
Aplicaciones Mviles con Android

Junio 2012
1
Introduccin al Desarrollo Mvil
2
Introduccin a Android
3
Instalacin del SDK
4
Primera aplicacin
5
Proyecto: Lector de RSS
6
Guas de diseo
7
Publicacin en Google Play
5
Proyecto: Lector de RSS
Proceso de desarrollo
Acceso a contenido web
Parseo de datos XML
Declaracin de vistas
Mostrar los datos en pantalla
Navegacin entre pantallas
Estructura de la Aplicacin
1. Datos / Objetos: Toda la lgica de
la aplicacin: clases, objetos,
accesos a datos, etc.

2. Activities / Fragments: Controlan la
presentacin de los datos en
pantalla.

3. Views / Layouts: La parte grfica de
la aplicacin. Definen el diseo y
presentacin de los datos.
Estructura de la Aplicacin
6
Guas de diseo
Guas de diseo: Estructura bsica de una
App
1. Action Bar: Incluye las principales
acciones que se pueden realizar
en una vista e incluye elementos de
navegacin.

2. View Control: Permite al usuario
cambiar entre diferentes vistas de la
App.

3. Content Area: El rea donde el
contenido es mostrado.

4. Split Action Bar: Permite
redistribuir las acciones en la parte
inferior de la vista (Opcional para
dispositivos pequeos).
Guas de diseo: Action Bar
Guas de diseo: Action bar
1. App Icon: Regularmente es el icono de la aplicacin. Es
posible utilizarlo como apoyo para la navegacin entre vistas.

2. View Control: Permite al usuario cambiar entre diferentes
vistas de la App.

3. Action Icons: Las acciones ms importantes disponibles
para esta vista.

4. Overflow button: Permite incluir ms acciones que por
cuestiones de espacio no se incluyen en el Action Bar.
Guas de diseo: Split Action Bar and Tab
Navigation
1. Main Action Bar

2. Top Bar: Espacio designado para el
View Control cuando la
navegacin es por Tabs.

3. Bottom Bar: El rea designada para
mostrar las acciones cuando se
habilita el Split Action Bar.
Guas de diseo: Dispositivos y pantallas

Flexible: Ajustar el contenido a
diferentes tamaos, altos o
anchos.


Optimizado: Utilizar
eficientemente el espacio
disponible, en especial en
pantallas grandes.


Tamaos y escalas: Proveer
recursos (como imgenes) para
diferentes tamaos y resoluciones
de pantalla.

Guas de diseo: Dispositivos y pantallas
Tamao de la pantalla: En pulgadas.

Resolucin de la pantalla: En pixeles.

Orientacin: Landscape o Portrait.

Densidad de la pantalla: En DPI o Puntos por pulgada Dots
Per Inch.

Medida final del recurso: En DIP/DP o Pixel independiente
de la resolucin Density Independent Pixel.





Guas de diseo: Combinando mltiples
vistas
Guas de diseo: Combinando mltiples
vistas
Guas de diseo: Iconografa
Action Bar:

Representa las funciones mas
importantes que el usuario puede
realizar dentro de la App.

Generalmente son
monocromticos, sin fondo y
planos.

Medidas: 18x18(ldpi),
24x24(mdpi), 36x36(hdpi),
48x48(xhdpi)
Guas de diseo: Iconografa
Launcher:

Es la representacin de la
aplicacin en la pantalla de Home
o en la lista de Aplicaciones.

Medidas: 36x36(ldpi),
48x48(mdpi), 72x72(hdpi),
96x96(xhdpi)
Guas de diseo: Iconografa
Small / Contextual:

Funcionan como acciones sobre
un elemento de una lista o para
indicar un estado de un
elemento.

Solo utilizan un color neutral y
otro no-neutral para indicar dos
diferentes estados.

Medidas: 12x12(ldpi),
16x16(mdpi), 24x24(hdpi),
32x32(xhdpi)
Guas de diseo: Iconografa
Notifications:

Solo si la App lanza
notificaciones, identifica la
notificacin en la barra de estado.

Generalmente deben ser
blancos, sin fondo y planos.

Medidas: 18x18(ldpi),
24x24(mdpi), 36x36(hdpi),
48x48(xhdpi)
6
Publicacin en Google Play
Requisitos para la publicacin en Google
Play
Cuenta en Gmail: Diferente a tu cuenta
personal.

Pago nico para publicar en Google Play:
$25 Dolares

Generar un certificado digital: Utilizando
la herramienta keytool disponible en el
JDK

Firmar digitalmente del APK: A travs de
Eclipse o NetBeans

Contenido: Preparar el apk, los datos y
recursos para la publicacin.

Publicacin


Recursos
SDK:
http://developer.android.com/sdk/index.ht
ml

Gua de Diseo:
http://developer.android.com/design/index.
html

Eclipse IDE:
http://www.eclipse.org/

Android Developers:
http://developer.android.com/index.html
Recursos
Android Asset Studio: http://android-ui-
utils.googlecode.com/hg/asset-
studio/dist/index.html

Action Bar Sherlock:
http://actionbarsherlock.com/index.html

Smart Image View:
http://loopj.com/android-smart-image-view/

Google Play Developer Console:
https://play.google.com/apps/publish/
Preguntas ?
Lis de Veracruz: Arte, Ciencia,
Luz

Direccin de Desarrollo Informtico de Apoyo Acadmico
L.S.C.A. Adair de Jess Castillo Meza
adacastillo@uv.mx

L.I. Francisco Javier Jimnez Jcome
frajimenez@uv.mx