Programacion de Aplicaciones Móviles

DESARROLLO DE APLICACIONES MOVILES

LABORATORIO N° 15

Creación de Notificaciones Push

Alumno(s): Nota

Grupo: Ciclo: III

Requiere No
Excelente Bueno Puntaje
Criterio de Evaluación mejora acept.
(4pts) (3pts) Logrado
(2pts) (0pts)
Reconoce clases para la creación de
3
notificaciones básicas en Android
Configura las opciones de de creación de
3
notificación para Android Studio
Crea notificaciones push que hagan uso de
6
servicios http (Firebase)
Cumple con los ejercicios y desarrollo de tareas
3
propuestas
Desarrollo de conclusiones que aporten una
2
actitud critica sobre los temas aprendidos
Evidencia avance en laboratorio 3

Guía de Laboratorio Prof. Dennis Apaza Pág. 1

Programacion de Aplicaciones Móviles

Laboratorio 15: Notificaciones y Notificaciones Push

Objetivos:

 Crea notificaciones basicas

 Reconoce las configuraciones que se pueden aplicar en notificaciones
 Crea y configura notificaciones push

Seguridad:

 Ubicar maletines y/o mochilas en el gabinete al final de aula de Laboratorio o en los casilleros
asignados al estudiante.
 No ingresar con líquidos, ni comida al aula de Laboratorio.
 Al culminar la sesión de laboratorio apagar correctamente la computadora y la pantalla, y ordenar
las sillas utilizadas.

Equipos y Materiales:

 Una computadora con:

 Windows 7 o superior
 VMware Workstation 10+ o VMware Player 7+

Guía de Laboratorio Prof. Dennis Apaza Pág. 2

Programacion de Aplicaciones Móviles

Procedimiento:

1. Abra Android Studio.

2. Cree un nuevo proyecto con actividad de tipo Emtpy y las siguientes características:
a. Application name: NotificacionesV4
b. Minimun SDK: API 16 (recomendado por la IDE)
3. Todas las demás características por defecto.

Creacion de Diseño

4. Pege dos imágenes a su proyecto: imagen.png y imgnotificacion.png (64x64)

5. Modifique el diseño de activity_main.xml como se muestra

6. Se creara una funcion para la creacion de notificaciones basadas en APIs mayores o guales a
Oreo (26 a mas)

7. Abra el archivo String.xml y agrege los siguientes recursos

<string name="channel_name">Canal de Notificacion</string>
<string name="channel_description">Permite crear un canal de comunicacion</string>
<string name="channel_id">1</string>

Guía de Laboratorio Prof. Dennis Apaza Pág. 3

Programacion de Aplicaciones Móviles

8. APIs modernas(Oreo en adelante) requieren crear un canal de comunicación entre la

notificacion y el sistema operativo de Android, por eso se creara una funcion que cree dicho
canal y permita registrar el canal para aperturar el envio de notificaciones. Abra
MainActivity.kt y cree el metodo crearCanalNotificacion()

9. Cree una variable de acceso global

var ID = 1

10. Se creara y configurara ahora la notificacion utilizando la clase NotificactionCompat. En

MainActivity.kt cree el metodo notificacionOreo()

NOTA: Agrege las recomendaciones que le sugiera la IDE : Add permission

POST_NOTIFICATIONS y Add permission Check.

11. Asigne el metodo notificacionOreo a la propiedad onClick del boton “Crear Notificacion”
presente en activity_main.xml

12. Ejecute su proyecto y verifique la generacion de la notificacion. Presione tecla HOME y haga
clic en la notificacion creada, verifique que al hacer click se muestra la actividad principal.

Guía de Laboratorio Prof. Dennis Apaza Pág. 4

Programacion de Aplicaciones Móviles

13. Modifique la propiedad .setAutoCancel(false) y vuelva a ejecutar su proyecto. Comente los

cambios que realizo esta configuracion

14. Agrege la propiedad .setOngoing(true) y vuelva a ejecutar su proyecto. Comente los cambios
que realizo esta configuracion

Notificaciones Push

15. Se usara los servicios de Cloud Messaging(FCM) para crear una comunicación cliente-
servidor, pero para esto se debe tener instaladas las herramientas de Google Service
16. Se usara los servicios de oneSignal para el envio de notificaciones push
17. Haga clic en Menu ToolsSDK Manager, clic en la pestaña SDK Tools e instale el servicio
de Google Play

Guía de Laboratorio Prof. Dennis Apaza Pág. 5

Programacion de Aplicaciones Móviles

18. Cree una cuenta en Firebase y luego registrese con la misma cuenta en oneSignal

19. Una vez que este logeado en Firebase con un usuario autenticado se pasara a crear un
proyecto:
a. Haga clic en Añadir Proyecto

b. Configure el nombre de proyecto: NotificacionesV4, se autogenerara el ID del

proyecto, haga clic en Continuar. En la siguiente pantalla de Google Analytics haga
clic en Continuar. En la siguiente pantalla elija la opcion de Default Account for
Firebase y clic en Crear Proyecto. Espere que termine la creación del proyecto

Guía de Laboratorio Prof. Dennis Apaza Pág. 6

Programacion de Aplicaciones Móviles

c. Haga clic en el simbolo de Android para configurar el proyecto para esta plataforma

d. Se solicitara el nombre del paquete con el que se creo el proyecto en Android Studio.
De su proyecto copie el contenido de la propiedad package y pegue este valor el
asistente de Firebase. Haga clic en Registrar Aplicación

Guía de Laboratorio Prof. Dennis Apaza Pág. 7

Programacion de Aplicaciones Móviles

e. Haga clic en Siguiente y haga cic en Descargar google-services.json.

f. Ahora en Android Studio coloque su proyecto en modo de extructura Project, y en la

carpeta app, copie el archivo descargado

Guía de Laboratorio Prof. Dennis Apaza Pág. 8

Programacion de Aplicaciones Móviles

g. Haga clic en Siguiente y configure según indica el asistente. En

build.gradle(Project: app) de proyecto y antes de las lineas de plugins agrege las
lineas de codigo que se muestran. Debe quedar como muestra la imagen
buildscript {
dependencies {
classpath 'com.google.gms:google-services:4.3.15'
}
}

h. Ahora en build.gradle(Module: app), agrege la siguiente linea 4 (id

'com.google.gms.google-services') y linea 41 (implementation
platform('com.google.firebase:firebase-bom:32.1.1'))

i. Haga clic en Siguiente y finalmente haga clic en Ir a la consola

Guía de Laboratorio Prof. Dennis Apaza Pág. 9

Programacion de Aplicaciones Móviles

20. Una vez terminado el asistente haga clic en el nombre del proyecto y haga clic en la tuerca de
configuracion y elija configuracion del proyecto

21. Elija la pestaña de Mensajeria en la Nube(Cloud Messaging. En la seccion API de Cloud

Messaging(heredada) haga clic en los 3 puntos y seleccione Administrar cuentas de
servicio

22. Haga clic en HABILITAR de Cloud Messaging

Guía de Laboratorio Prof. Dennis Apaza Pág. 10

Programacion de Aplicaciones Móviles

23. Retorne a la vista previa y actualice la pagina, debe mostrarse el token generado

24. Acceda ahora a la pagina oneSignal y con su cuenta ya registrada haga clic en el boton de
New App / Web SIte . Y en la ventana mostrada coloque como nombre de APP:
notificacionesv4

25. Elija la plataforma de desarrollo, para nuestro caso Android y clic en NEXT

Guía de Laboratorio Prof. Dennis Apaza Pág. 11

Programacion de Aplicaciones Móviles

26. Copie los datos del punto 23(Datos de firebase) , y coloque y copie los datos de Datos del
servidor y ID del remitente como se muestra. Haga clic en NEXT

27. Seleccione la plataforma de desarrollo SDK a Native Android y clic en Save & Continue

Guía de Laboratorio Prof. Dennis Apaza Pág. 12

Programacion de Aplicaciones Móviles

28. Verifique el ID generado para el proyecto y deje la ventana del navegador abierta

29. Dirijase a Android Studio y abra el archivo build.gradle(Project) y en:

a. El grupo de buildscriptdependencies agrege la etiqueta: classpath
'gradle.plugin.com.onesignal:onesignal-gradle-plugin:[0.12.9, 0.99.99]'

30. Abra el archivo build.gradle de module y en:

a. En el grupo de plugings agrege el siguiente ID (linea 5)  id
'com.onesignal.androidsdk.onesignal-gradle-plugin'

b. El grupo de dependencies agrege la etiqueta (linea 43): implementation

'com.onesignal:OneSignal:[4.0.0, 4.99.99]'

31. En gradle.properties agrege la linea 24 (android.enableJetifier=true)

Guía de Laboratorio Prof. Dennis Apaza Pág. 13

Programacion de Aplicaciones Móviles

32. Dirijase a MainActivity.kt y en el metodo onCreate coloque la funcion de recepcion de la

notificacion como se muestra. Importe la clase necesaria(linea 14, linea 21 agrege el ID de su
proyecto el cual esta en la pagina de OneSignal según el punto 28 de esta guia, lineas 27 a
32)

33. Ejecute su proyecto de Android Studio y Vuelva en su navegador a la pagina de configuracion

de oneSignal y haga clic en Check Suscribers Users. Verifique que se comunica la
aplicacion

34. Si todo esta configurado correctamente debe mostrarle el mensaje de confirmacion como se
muestra arriba. Haga clic en DONE

35. Ahora se pasara a probar el envio de las notificaciones. Para esto cabe recordar que a partir
de Oreo o superior, toda notificacion debe definir un canal de recepcion. Para configurar este
canal de recepcion en oneSignal se debe generar un grupo, ya que a un grupo creado se
asigna un canal de envio.

Guía de Laboratorio Prof. Dennis Apaza Pág. 14

Programacion de Aplicaciones Móviles

36. Haga clic en la opcion de Messages y haga clic en New MessageNew Push

37. Coloque un Nombre de mensaje, Titulo y Mensaje para probar el envio de la notificacion
como se muestra en la imagen

38. Deje todo por defecto y configure el ultimo paso para que se envie instantaneamente y haga
clic en Review and Send

Guía de Laboratorio Prof. Dennis Apaza Pág. 15

Programacion de Aplicaciones Móviles

39. Se mostrara un cuadro de confirmacion, haga clic en SEND MESSAGE

40. Verifique que puede recibir notificaciones tanto en versiones antiguas como mas actuales de
android

Guía de Laboratorio Prof. Dennis Apaza Pág. 16

Programacion de Aplicaciones Móviles

TAREA

 Investigue como crear notificaciones de vista expandida.

 Implemente un ejemplo funcional de la notificacion creada
 Adjunte capturas del codigo implementado y de la ejecucion del proyecto
 Modifique todo lo que pueda las notificaciones para que se vean mas atractivas(modificar el
icono, sonido, etc)

Guía de Laboratorio Prof. Dennis Apaza Pág. 17

Programacion de Aplicaciones Móviles

OBSERVACIONES (5 mínimo):
(Las observaciones son las notas aclaratorias, objeciones y problemas que se pudo presentar en el desarrollo del
laboratorio)

CONCLUSIONES (5 mínimo):
(Las conclusiones son una opinión personal sobre tu trabajo, explicar como resolviste las dudas o problemas
presentados en el laboratorio. Ademas de aportar una opinión critica de lo realizado)

Guía de Laboratorio Prof. Dennis Apaza Pág. 18