Introducción al desarrollo Android

Contexto Histórico Android

Contexto Histórico

Android es el sistema operativo utilizado en

más de mil millones de teléfonos inteligentes
y tablets.
Contexto Histórico

A cada versión de Android se le ha puesto el

nombre de un dulce, pues se dice por ahí que “nos
endulzan la vida”
Contexto Historico

Si hay una nueva versión de Android eso significa

que ahora es posible realizar algo nuevo en
nuestro dispositivo
Contexto historico

2003 Android Comenzó siendo una

compañía creada por Andy Rubin,
Rich Miner y otros
Andy Rubin
@arubin
Rich Miner
@richminer
Android Inc.
Contexto histórico

Desarrollar un sistema operativo

inteligente, que tuviese en cuenta la
localización y los gustos de su
propietario y actuase en consecuencia.
Contexto Histórico

2005 Google compra la compañía y

el proyecto y deciden poner todo su
esfuerzo para lanzar un buen
producto al mercado
 Primera versión de Android

2008 salió al mercado el

HTC Dream, el primer
smartphone con el sistema
operativo Android 1.0
Apple Pie

Android 1.0
Alpha
Apple Pie
 Febrero 2009 una versión
dedicada a arreglar fallos
y bugs de Android 1.0
Apple Pie.

Android 1.1
Beta
Banana Bread
 Abril 2009

Teclado táctil desplegable

QWERTY con predicción de
escritura en la pantalla

Bluetooth

SDK, el cual permitió el

Android 1.5
desarrollo de aplicaciones
por parte de terceros.

Cupcake
 Septiembre 2009

Cuadro de búsqueda rápida

Diversidad de tamaños de
pantalla

Android 1.6
Android Market

Donut
 Noviembre 2009

Google Maps Navigation

Pantalla de inicio
personalizada

Android 2.0 Dictado por voz

Eclair
 Mayo 2010

Mejora en las funciones

por voz

Zona Wifi portatil

Android 2.2 Mejoras en rendimiento

Dalvik JIT

Eclair Motor JavaScript V8

 Diciembre 2010

Creación de videojuegos,
pues se tiene acceso
completo a gráficos,
controles del dispositivo
y audio

Android 2.3
Implementó sensor NFC

Gestión de Batería

Gingerbread
 Febrero 2011

Diseño para Tabletas

Botones touch

Botón multitask

Android 3.0
Honeycomb
 Octubre 2011

Pantalla inicio
personalizada, carpetas
para aplicaciones

Control de uso de datos

Android 4.0
Ice Cream Sandwich
 Julio 2012

Google Now

Notificaciones
Desplegables

Multiusuario

Android 4.1
Jelly Bean
 Octubre 2013

Ok Google

Teléfono Inteligente
aprender de tus
preferencias

Contactos

Llamadas

Google Maps

Android 4.4
Kit Kat
 Junio 2014

Material Design

Multipantalla

Notificaciones en la
pantalla de bloqueo

Android 5.0
Lollipop
 Agosto 2015

Permisos

Batería

Android 6.0
Marshmallow
 Mayo 2016

Incremeto:

Lenguaje

Notificaciones

Android 7.0 Seguridad

Nougat
Estado actual
1000 millones
usuarios
Más aplicaciones
Mayor número de desarrolladores
Requerimientos para
desarrollar
 Requerimientos para desarrollar
SISTEMA

https://developer.android.com/studio/index.html#Requirements
Requerimientos para desarrollar
SISTEMA

Windows

Microsoft® Windows® 7/8/10 (32 o 64 bits)

Mac

Mac® OS X® 10.8.5 o versiones posteriores hasta 10.11.4 (El Capitan).

Linux

GNOME o KDE de escritorio.

Distribución de 64 bits capaz de ejecutar aplicaciones de 32 bits.

Requerimientos para desarrollar
SISTEMA

● 2 GB de memoria RAM como mínimo; se recomiendan 8.

● 2 GB de espacio mínimo disponible en el disco;

● Resolución de pantalla mínima de 1280 x 800.

● Para el emulador acelerado: Sistema operativo de 64 bits

y procesador Intel® compatible con Intel® VT-x, Intel®
EM64T (Intel® 64) y la funcionalidad Execute Disable (XD)
Bit.
Requerimientos para desarrollar
SOFTWARE

● Java
● Android Studio
● SDK Android
SDK Android

● Versiones de API de Android

● Emuladores para dispositivos

virtuales

● SDK Tools
Android Studio
Android Studio

Basado en IntelliJ IDEA

● Instant run
● Editor de código inteligente
● Diseño para equipos
● Desarrollo para todos los
dispositivos Android
Android Studio

● Instant Run
● Cuando hagas clic en Run o Debug, la función Instant Run de Android Studio aplicará los cambios
en el código y los recursos en tu aplicación en ejecución. Esta interpreta de manera inteligente los
cambios y a menudo los entrega sin reiniciar tu app ni volver a compilar tu APK, para que puedas
ver los efectos de inmediato

● Editor de código inteligente

● Al ofrecer compleción avanzada de código, refactorización y análisis de código, el editor de código
inteligente te permite escribir un código más eficaz, trabajar más rápido y ser más productivo. A
medida que escribes, Android Studio proporciona sugerencias en una lista desplegable.
Simplemente presiona Tab para insertar el código.
●
● Diseño para equipos
● Android Studio se integra con herramientas de control de versión, como
GitHub y Subversion, para que puedas mantener a tu equipo actualizado
respecto de los cambios en proyectos y compilaciones. El sistema de
compilación de código abierto de Gradle te permite adaptar la compilación
Android Studio

● Desarrollo para todos los dispositivos Android

● Android Studio proporciona un entorno unificado en el cual puedes compilar
apps para teléfonos y tablets Android, y para dispositivos Android Wear,
Android TV y Android Auto. Los módulos de código estructurado te permiten
dividir tu proyecto en unidades de funcionalidad que puedes crear, probar y
depurar de manera independiente.
●
Arquitectura de Android
Proyecto de Android

● Librerías de código
● Archivos de recursos y vistas
● Código fuente
● Android Manifest.
Ejecutable APK

● apk es tipo de empaquetado, comprimido zip

● Contiene archivos .dex

● Resources
○ imagenes
○ layouts
○ etc.
Ejecutable APK
Configuración SDK Manager
Configuración Emulador
Creando un “Hola Mundo”
Recordando Importancia de
POJO
Plain Old Java Object
“Un Objeto plano y a la
antigua”
Java POJO

El nombre existe en el marco de la

programación orientada a objetos

Este es utilizado para describir estructuras

de objetos

Java sirve para enfatizar el uso de clases simples

Por qué Android es MVC
Android MVC

Controlador Vista
Modelo
XML vs Editor Gráfico
LinearLayout y
RelativeLayout
 Views
Un view es un objeto que
sirve para dibujar algo en
la pantalla con el cual el
usuario pueda interactuar
https://developer.android.com/reference/andro
id/view/View.html
1 1

2
 3

ViewGroup
Es un objeto que se compone
de otros Views ordenados,
dando como resultado un
Layout
Layouts
ViewGroup

ViewGroup View View

View View View

 LinearLayout

TextView Button
LinearLayout
Es un ViewGroup que
alinea a todos los
hijos en una sola
dirección Vertical u
Horizontal

Horizontal Vertical
RelativeLayout
Es un ViewGroup que
alinea a todos los
hijos en posiciones
relativas

● View
● Padre
Más Layouts

ListView GridView
Widgets básicos
 TextView
Una etiqueta de texto
https://developer.android.com/reference/andro
id/widget/TextView.html
 EditText
Elemento que nos permite
ingresar diferentes tipos
de textos
https://developer.android.com/reference/andro
id/widget/EditText.html
 Button
Es una porción de texto,
imagen o ambos que nos
ayudan a establecer
comunicación con acciones
cuando el usuario lo toca
https://developer.android.com/reference/andro
id/widget/Button.html
Button.
Actions

● onClick

● setOnClickListener
 Toast
Es un mensaje que nos
notifica retroalimentación
sobre alguna acción
realizada
Diseño Responsive
match_parent
ajusta al padre
 hola

wrap_content
ajusta al contenido
 portrait
Dispositivo en posición
vertical
 landscape
Dispositivo en posición
horizontal
 large
Dispositivos más grandes
Material Design
Material Design
Es una guía integral para
el diseño visual, de
movimientos y de
interacción en distintas
plataformas y dispositivos

https://speckycdn-sdm.netdna-ssl.com/wp-conten
t/uploads/2016/04/material-design-motion.gif
 ● Tema nuevo

● Nuevos Widgets

Material Design
● Nuevas
librerías para
animaciones
Material Design
Theme
Obscuro
Material Design
Theme
Claro
Material Design
Theme
Obscuro

@android:style/Theme.Material
Material Design
Theme
Claro

@android:style/Theme.Material.Light

@android:style/Theme.Material.Light.
DarkActionBar
Material Design
Theme
Obscuro

@android:style/Theme.Material
Material Design
Theme
Claro

@android:style/Theme.Material.Light

@android:style/Theme.Material.Light.
DarkActionBar
Theme.AppCompat
Material Design
Theme
Obscuro

Theme.Material
Material Design
Theme
Claro

Theme.AppCompat.Light

Theme.AppCompat.Light.DarkActionBar
styles.xml
 Theme
configuration
colorPrimary
colorPrimaryDark
colorAccent
https://material.google.com/style/color.html
materialpalette.com
colors.xml
Widgets Material Design
Toolbar
https://developer.android.com/reference/android/support/
v7/widget/Toolbar.html
 TextInputLayout
TextInputEditText
https://developer.android.com/reference/android/support/
design/widget/TextInputEditText.html
Raised Button
Floating Action
Button
https://developer.android.com/reference/android/support/
design/widget/FloatingActionButton.html
CardView
https://developer.android.com/reference/android/support/
v7/widget/CardView.html
RecyclerView
https://developer.android.com/reference/android/support/
v7/widget/RecyclerView.html
https://developer.android.com/t
opic/libraries/support-library/
features.html#v7
Activity
 Activity
Es un componente de una
aplicación que nos provee
de una pantalla para que
el usuario interactúe con
ella
Activity

Activity Layout

AndroidManifest.xml
Ciclo de Vida
Ciclo de Vida
Ciclo de Vida
Ciclo de Vida
Ciclo de Vida
Ciclo de Vida
Ciclo de Vida
Internacionalización de
textos
Internacionalización Android strings.xml

<?xml version="1.0" encoding="utf-8"?>

<resources>
<string name="string_tittle">Bienvenidos</string>
<string name="string_message">Hola mundo!</string>
</resources>
Internacionalización Android strings.xml

<?xml version="1.0" encoding="utf-8"?>

<resources>
<string name="string_tittle">Welcome</string>
<string name="string_message">Hello World!</string>
</resources>
Intents
Intents

Cuando queremos unir componentes

en una aplicación usamos intents
Intents
Intents

Activity 1 Activity 2

Explicitos
Intents

Other App

Activity 1
Activity 1

Implicitos
Intents
 Botón Up
vs.
Botón Back
Botón Back
Botón Back
Botón Up
Botón Up
CardView
 CardView
Es un ViewGruop
Nos permite mostrar
información dentro de
tarjetas
Podemos modificar los
bordes y añadir sombras si
así lo queremos
 ● Etiqueta CardView
que proviene del
soporte

● Layout interno
para definir la
CardView estructura de los
elementos

● Elemento ImageView
y dos ImageButton
 Es necesario
añadir la
librería de
CardView soporte en
gradle
RecyclerView
 RecyclerView
Más eficiente que ListView
Floating Action Button
Floating Action
Button
RecyclerView
 RecyclerView
Más eficiente que ListView
 POJO

Clase Adapter
Lista (LinearLayoutManager) Clase ViewHolder

Grid (GridLayoutManager)

Escalonada (StaggeredGridManager)
 RecyclerView
ItemDecoration
BottomBar
 BottomBar
No existe librería nativa
POR EL MOMENTO
https://github.com/roughike/BottomBar
Fragments
Container
Fragments
 ● FragmentManager

Fragments ● Transacciones

● Commits
 CoordinatorLayout,
AppBarLayout y
CollapsingToolbarLayout
 ● Un super poderoso
FrameLayout

CoodinatorLayou ● Ayuda a especificar

t comportamientos
interacciones en los
views hijos

● Vistas flotantes
 ● Es esencialmente un
LinearLayout
vertical

AppBarLayout ● Nos permite manejar

características de
Material Design en
AppBar
 ● Es un Wrapper para
Toolbar el cual
implementa un efecto
CollapsingToolbar collpsable en

Layout
toolbar y los
elementos hijos

● Hijo directo de
AppBarLayout
Imagen Redonda
Imagen Redonda
https://github.com/hdodenhof/CircleImageView
 Transiciones
Material Design
Fade, Slide Explode
 startActivity(A2)

Activity 1 Activity 2

exitTransition() enterTransition()
http://lgvalle.xyz/2015/06/07/material-animations/
http://lgvalle.xyz/2015/06/07/material-animations/
http://lgvalle.xyz/2015/06/07/material-animations/
 ● Es esencialmente un
LinearLayout
vertical

Fade ● Nos permite manejar

características de
Material Design en
AppBar
Comportamientos
Dependientes
https://github.com/zoonooz/simple-view-behavior
Anahí Salgado
@anncode