anexos desarrollo android - riud: página de...
TRANSCRIPT
-
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,
-
Figura 50, Android studio SDK MANAGER
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.
-
Figura 51, Android studio SDK MANAGER
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.
-
Figura 54, Android studio gestores de dependencias
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.
Figura 55, Android studio gestores de dependencias
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,
-
Figura 57, firebase, creación de proyecto
Al momento de hacer esto solicitara el nombre del aplicativo con su respectivo paquete.
-
Figura 58, firebase, creación de proyecto
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.