anexos desarrollo android - riud: página de...

ANEXOS

Desarrollo Android

Para el desarrollo del aplicativo Android se utilizó el IDE propio de google llamado Android

studio, Para poder realizar la configuración correcta son necesarios varios elementos.

Antes que nada, al Android trabajar con un lenguaje base Java pues se verá necesario

instalar los JDK pertinentes a nuestro sistema operativo, estas distribuciones están

disponibles en

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

Figura 43, plataforma Oracle.com

Después de instalado el JDK pertinente al sistema operativo, es necesario realizar la

descarga y configuración del Android Studio, para esto se debe dirigir a la URL

https://developer.android.com/studio/index.html?hl=es-419 donde se encontrar la opción

“Descargar Android Studio”

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.htmlhttps://developer.android.com/studio/index.html?hl=es-419

Figura 44, plataforma androidstudio.com

Después de realizada la instalación procedemos a abrir el Android Studio y crear un nuevo

proyecto. Lo primero que solicitará será el nombre que le queremos dar al proyecto y la ruta

donde será almacenado.

Figura 45, Primera vista de Android studio creación

Después de esto solicitara la versión de Android base con la que se trabajara, en el caso

de este proyecto se trabajara con una versión 4.0.3 o superior.

Figura 46, Android studio selección api

Seguido a esto se seleccionará el tipo de actividad principal con la que se comenzara, se

seleccionara una actividad limpia pues es más cómoda al momento de trabajar proyectos

nuevos.

Figura 47, Android studio selección activity

Por ultimo nos solicitara un nombre para la actividad que se va a crear, se dejara el valor

por defecto configurado y se dará finish.

Figura 48, Android studio nombre de la actividad

Después de una carga de configuración aparecerá la primera pantalla y el esquema de

trabajo de Android, Pero antes de eso es necesario realizar una configuración.

En la barra superior ingresaremos a la sección de “SDK MANAGER”

Figura 49, Android studio SDK MANAGER

Aquí lo importante se encuentra en la pestaña SDK Platforms donde se podrá seleccionar

las versiones de Android con las que se desea trabajar, para poder realizar la descarga y

configuración de sus respectivas APIs,


Seguido a esto se encuentra la pestaña SDK Tools, en la que se encuentra todas las

herramientas que facilitaran el desarrollo del aplicativo, se recomienda descargarlas todas,

pues así se previene el hecho de que pudiese o no llegar a faltar algún plugin en algún

momento.


Después de marcar todo lo necesario se dará click al botón Ok, el cual comenzará con la

descarga e instalación de todos los paquetes, es importante resaltar que estas descargas

pueden tomar mucho tiempo dependiendo de la velocidad del internet, por tanto, se

recomienda realizar este proceso con tiempo pues después de iniciada la descarga el

cancelarla puede implicar fallas en algunos de los plugins instalados.

Instalación de Dependencias: Para Android se usarán dependencias externas que

permitirán un mejor funcionamiento frente a procesos específicos, para realizar la

instalación de dichas dependencias, en la parte izquierda de la ventana del aplicativo se

verá un esquema de carpetas que es el que trae por defecto configurado Android.

Figura 52, Android studio esquema Android de carpetas

Es importante resaltar que organización de carpetas debe estar en base a Android, pues

hay diferentes tipos de organización como proyecto, paquetes, predicciones, Etc. Teniendo

ya este esquema de visualización se desplegarán los elementos de la sección Gradle

Scripts, donde se encontrarán varios archivos.

Figura 53, Android studio gestores de dependencias

Se accederá a la sección de build.gradle (Module: app) y cargara un archivo con

configuraciones propias de Android, se debe ubicar la sección de dependencias y ahí se

realizara la carga de las dependencias que se necesiten.


En este archivo después de que se realice cualquier cambio solicitara una sincronización y

no tomara los nuevos cambios realizados hasta que esta configuración sea ejecutada.


Principales funciones Android:

Notificaciones firebase

Para la configuración de las notificaciones Push de la aplicación, se hace uso de una

herramienta que proporciona google llamada Firebase. Para comenzar nos dirigimos a

https://console.firebase.google.com, al momento de ingresar nos solicitara una cuenta de

Gmail para poder hacer uso de este servicio. Después de autenticado se procederá a crear

un nuevo proyecto

https://console.firebase.google.com/

Figura 56, firebase, creación de proyecto

Para el nombre es bueno tener un nombre general, por ejemplo, “MI SUPER PROYECTO”

y no agregar extensiones innecesarias como “Mi súper proyecto Android” y otro con “mi

súper proyecto IOS” pues el mismo proyecto es soportado para varias plataformas. Seguido

a esto se solicita en qué país o región donde se encuentra ubicada esto buscando dar una

información más precisa de costos o ingresos que pueda tener la aplicación.

A continuación, se solicitará la información sobre, que plataforma usará la notificación,


Al momento de hacer esto solicitara el nombre del aplicativo con su respectivo paquete.


Para obtener esta información es bastante sencillo, se debe volver al proyecto Android e

ingresamos a la carpeta manifest, y al archivo Android Manifest.

Figura 59, Android studio, manifest

Y en este archivo se encuentra que la segunda etiqueta contiene esta información

Se ve que el paquete de mi proyecto específicamente es com.kmacho.juan.nurceapp y eso

es lo que se debe colocar en el campo nombre del paquete. Los demás campos son

opcionales por tanto se dejarán en blanco. A continuación de esto, se descargara un archivo

de configuración llamado google-services.json, este archivo es exclusivo para esta

aplicación así que no servirá para otro proyecto aunque este en el mismo equipo. Este

archivo después de descargado se debe ubicar en el explorador de archivo y copiarlo,

después de copiado se abre nuevamente android studio y cambiamos la configuración de

vista de carpetas por Project.

Figura 60, Android studio, vista de esquema paquetes

Cuando se seleccione esto, se debe dar click derecho a la carpeta App y posteriormente

pegar, se preguntará si desea agregar ese archivo a la carpeta, después de aceptar el

esquema debe quedar se la siguiente manera.

Figura 61, adroid studio Esquema de carpeta App

Nuevamente se deja la configuración de vistas según Android. Ahora se debe acceder a la

sección de agregar dependencias explicada previamente y se cargarán dos paquetes

propios de firebase, para esto en dependencias se agregarán las siguientes líneas.

compile 'com.google.firebase:firebase-core:10.2.6'

compile 'com.google.firebase:firebase-messaging:10.2.6'

se sincroniza el proyecto y ya se encuentra instalado el firebase, ahora, se debe configurar

el servicio de firebase para que se encuentre activo en todo momento, además de construir

es esquema de la notificación que se mostrara. Para esto en Android estudio se creará un

archivo que puede llevar por nombre MyFirebaseMessageService esta clase debe heredar

FirebaseMessagingService al momento de agregar esta herencia se presentara un error

donde puede decir que falta implementar algún método, el cual es onMessageReceived el

cual tiene como parámetro un RemoteMesagge, se realiza la creación de la notificación, en

este caso se realiza con base a las necesidades presentes.

Figura 62, adroid studio modelo de recibir un mensaje

Además de esto hay que crear otra clase que podemos llamar FirebaseInstance que

heredara de FirebaseInstanceIdService, se implementa el método onTokenrefresh() el cual

dará un ID único del dispositivo, con el cual se pueden hacer notificaciones solo a

dispositivos específicos. Esta clase quedaría de la siguiente forma.

Figura 63, adroid studio modelo obtener token

El Log.D mostrara por la consola el Token del dispositivo. Por último, se debe instanciar el

servicio en el manifest. En el archivo manifest se agregarán las siguientes etiquetas,

a

Esto permitirá a las dos clases creadas estar siempre activas aun cuando no se encuentre

abierta la aplicación. Para realizar una prueba, desde firebase se debe acceder a la sección

de GROW y seguido, Notifications.

Figura 64, Firebase manejo de herramientas

Aquí estará un botón que dice mensaje nuevo, al seleccionar este se desplegara la siguiente

vista.

Figura 65, Fire base, envio push prueba

Se Ingresará un mensaje y se seleccionará la app que se desee, en este momento solo

debe aparecer la cargada previamente, se presiona el botón enviar mensaje y de esta forma

en un par de segundo debe llegar la notificación a los dispositivos.

Implementación Maps Android: Buscando poder integrar la navegación de google maps

en el proyecto de android, es necesario realizar algunas configuraciones, lo primero que se

requiere es tener una clave de producto especial para google maps, esto debido a que al

ser una herramienta tan poderosa se debe regular el uso y cantidad de peticiones por

proyecto, para este caso se usara una licencia gratuita. Para esto se debe ingresar a

https://developers.google.com/maps/?hl=es-419

https://developers.google.com/maps/?hl=es-419

Figura 66, google maps Api

Nuevamente solicitará una cuenta Gmail para poder acceder a esta herramienta, después

de autenticado se debe seleccionar el sistema donde se pondrá en producción el mapa. A

continuación, se debe seleccionar la opción “Obten Clave”.

Figura 67, google maps Obtener clave

Al hacer esto se generar una clave de uso exclusivo para el sistema seleccionado, aunque

en cualquier momento se pueden cambiar las configuraciones de la clave que se ha

obtenido.

Ahora en el proyecto de Android estudio, se comenzará la configuración, lo primero será en

el archivo manifest configurar la clave que se acaba de obtener de la plataforma de google,

para esto dentro de las etiquetas aplication se debe crear la siguiente etiqueta.

Seguido a esto en el archivo graddle de dependencias se debe cargar el core de

funcionalidades de Google con la siguiente línea

compile 'com.google.android.gms:play-services-maps:10.2.6'

y al finalizar el archivo se debe agregar

apply plugin: 'com.google.gms.google-services'

ahora después de la sincronización de las dependencias se procederá a crear una nueva

actividad que puede ser en blanco, al momento de haber creado dicha actividad se debe

crear en el layout con una etiqueta mapsView para darle la configuración que se desea,

como, por ejemplo

Ahora en la clase de esta actividad, se debe heredar la funcionalidad de

OnMapReadyCallback lo cual solicitara la implementación de algunos métodos propios de

esta clase. Al realizar la configuración de los métodos, y se debe instanciar la vista del mapa

de esta manera.

mMapView = (MapView) v.findViewById(R.id.miMap);

if (mMapView!=null){

mMapView.onCreate(null);

mMapView.onResume();

mMapView.getMapAsync(this);

}

de esta forma en el momento que se cargue la vista, ya se podrá hacer uso del mapa.

anexos desarrollo android - riud: página de...

Documents