Taller de

programación de
aplicaciones
Móviles
Profesor: Jorge Astorga
Taller de programación de aplicaciones móviles

PLANIFICACIÓN

1.Tipos de actividades disponibles

2.Actividad de Pantalla Completa
3.Actividad con anuncios de Google Admob
4.Actividad con mapas de Google
Taller de programación de aplicaciones móviles

TIPOS DE ACTIVIDADES DISPONIBLES

Se puede crear una actividad al iniciar un proyecto

nuevo o desde el menú principal
Algunas de estas plantillas son las siguientes:
Taller de programación de aplicaciones móviles

ACTIVIDAD DE PANTALLA COMPLETA

Fullscreen Activity, nos permite crear una actividad

en pantalla completa ocultando la barra de estado.
Es usada para videojuegos, imágenes o videos.
Taller de programación de aplicaciones móviles

CREAR UNA ACTIVIDAD DE PANTALLA COMPLETA CON IMAGEN

• Crear una Fullscreen Activity llamada

“PantallaCompleta” en la opción:
File > New > Activity > Fullscreen Activity
Aparecerá una clase Java y un xml.

• Agregar el recurso de imagen arrastrándolo hacia

la carpeta del proyecto: \app\res\drawable\
Taller de programación de aplicaciones móviles

CREAR UNA ACTIVIDAD DE PANTALLA COMPLETA CON IMAGEN

• En el xml asociado a la actividad y ubicado en

res\layout\ agregar una imagen con el siguiente
código dentro del primer FrameLayout

• En Android:src, seleccionar la imagen cargada

anteriormente “@drawable” es la carpeta e
“imagen_vertical” es el nombre de la imagen.
Taller de programación de aplicaciones móviles

ACTIVIDAD CON ANUNCIOS DE GOOGLE ADMOB

Nos permite agregar avisos publicitarios a nuestra

aplicación a través de Google AdMob
https://admob.google.com/intl/es-419/home/
Taller de programación de aplicaciones móviles

CREAR UNA ACTIVIDAD CON ANUNCIOS DE GOOGLE ADMOB

• Crear una Activity de anuncios de Google

llamada “MainActivity” en la opción:
File > New > Google > Google admob ads activity
• Seleccionar que sea del tipo ad format:
“interstitial”
• Modificar el archivo “AndroidManifest.xml”,
agregando el siguiente código dentro de la
etiqueta <application>
Taller de programación de aplicaciones móviles

CREAR UNA ACTIVIDAD CON ANUNCIOS DE GOOGLE ADMOB

• Modificar el archivo “strings.xml”, modificando la

siguiente variable: “interstitial_ad_unit_id”, con el
valor: ca-app-pub-3940256099942544/1033173712
• Ejecutar la app y al presionar el botón “NEXT LEVEL”,
debe mostrar el siguiente aviso en pantalla:
Taller de programación de aplicaciones móviles

ACTIVIDAD CON MAPAS DE GOOGLE

Nos permite agregar mapas de Google a nuestra

aplicación
Taller de programación de aplicaciones móviles

CREAR UNA ACTIVIDAD CON GOOGLE MAPS

• Crear una Google Maps Activity llamada

“GoogleMaps_01” en la opción:
File > New > Google > Google Maps Activity
• Se va a generar un archivo llamado app\res\
values\google_maps_api.xml
• Debemos agregar una clave proporcionada por
google.
• https://console.developers.google.com/start
Taller de programación de aplicaciones móviles

PASOS PARA CONSEGUIR LA CLAVE DE GOOGLE

• Entrar al siguiente enlace:

• https://console.developers.google.com/start
• Aceptar las condicione>ACEPTAR Y CONTINUAR
• En Panel>CREAR PROYECTO
• Nombre del proyecto: Mi Proyecto
• El resto dejarlo tal cual
• Hacer clic en botón “CREAR”
Taller de programación de aplicaciones móviles

PASOS PARA CONSEGUIR LA CLAVE DE GOOGLE

• Entrar al proyecto>API y servicios> Biblioteca>

Maps SDK for Android>botón “HABILITAR”
• Menu izquierdo>Credenciales>Enlace
“Credenciales en la sección API y servicios”
• Botón +CREAR CREDENCIALES>Clave de API>
Copiar “Tu clave de API”>CERRAR
• Agrega clave al archivo “google_maps_api.xml”
en la variable google_maps_key la clave creada.
Taller de programación de aplicaciones móviles

Resumen

• Aprendimos cómo crear actividades de Pantalla

Completa, como incorporar Anuncios para generar
ingresos y cargar mapas en nuestro proyecto.
• Conocimos admob para la generación de anuncios de
tipo intersticial y banner
• Aprendimos cómo realizar la creación de una clave
para usar el API de Google Maps
Taller de programación de aplicaciones móviles

TEST DE AUTOEVALUACIÓN

1. ¿Para que se puede emplear una actividad de

pantalla Completa?
2. ¿Qué es Google Admob?
3. Que es una API key de Google Maps y como la
obtengo.
Taller de programación de aplicaciones móviles

EJERCICIOS PRÁCTICOS 1

1. Cree un nuevo proyecto llamado “GaleriaImagenes”

2. Agregue 1 actividades en blanco y póngale como
nombre “Principal” y 3 actividades
FullscreenActivity “FullscreenActivity1”,
“FullscreenActivity2”, “FullscreenActivity3”,
respectivamente.
3. Agregue a “Principal” 3 botones que digan “Ir a la
imagen 1”, “Ir a la imagen 2”, “Ir a la imagen 3”,
respectivamente
4. Enlace cada una de las actividades FullscreenActivity
con la principal usando Intent en una función.
Taller de programación de aplicaciones móviles

EJERCICIOS PRÁCTICOS 1

5. Borre el botón Dummy que se crea por defecto en

cada FullscreenActivity desde el java y xml.
6. Cambie el nombre del titulo superior de cada
Activity desde el archivo app\res\values\strings.xml,
con los siguientes valores
7. Nombre de la aplicación: Galeria de Imágenes
8. y el titulo de cada actividad con Imagen 1, Imagen 2
e Imagen 3, respectivamente,
Taller de programación de aplicaciones móviles

EJERCICIOS PRÁCTICOS 1
Taller de programación de aplicaciones móviles

EJERCICIOS PRÁCTICOS 2

1. Generar una app que contenga anuncios de tipo

banner utilizando los anuncios de prueba de Google
y luego creando uno propio desde admob: https://
developers.google.com/admob/android/test-ads
2. Generar una app que muestre en un mapa la
ubicación de su casa y también la ubicación del cft.