Control Semana 5

HERRAMIENTAS DE PROGRAMACIÓN MÓVIL

20/10/2021
DESARROLLO DEL CONTROL:

La Biblioteca Nacional requiere una aplicación que permita, además de tomar la foto de la
portada de un libro, mostrar un gráfico de las ventas realizadas de tres libros best seller.

Elabore el proyecto de aplicación en Android. Diseñe e implemente la aplicación siguiendo el

desarrollo de los ítems que se encuentran a continuación:

1. Desde el menú de la aplicación, incorpore la opción de acceso a cámara, y como

resultado muestre la foto tomada. Considere activar los permisos de acceso
requeridos en el manifest.

2. Incorpore como segunda opción del menú, acceso a un nuevo Activity con un
ListView que muestre tres imágenes de libros best seller. Considere para esta
actividad ejemplos de best seller tomados de internet.

3. Incorpore como tercera opción del menú, acceso a la gráfica que muestre los precios
de los tres best seller.

Desarrollo

Creación de la Aplicación

 Comensamos con una Empty Activity, luego nombramos el proyecto y definimos

lenguaje y el sdk minimo en mi caso Android 4.1.
 Nombre de la Aplicación

 Para cambiar el nombre de la aplicación debemos editar el archivo ”strings.xml” ubicado

en res/values. En mi caso ”Biblioteca Nacional”, este mismo nombre aparecera en el
icono de la aplicación instalada en los terminales, para comprobar podemos revisar el
archivo “AndroidManifest.xml” etiqueta android:label.

Icono de la aplicación
 Para establecer el icono de la aplicación, debemos buscar una imagen idealmente
formato png, en mi caso la obtuve del sitio Biblioteca Nacional, luego la copie y pegue
en Android Studio, directorio drawable. Luego hacemos boton derecho sobre “res, New,
Image Asset”. En Asset Type, selecionamos la imagen resientemente pegada, en la
opción path. Ajustamos tamaño le damos siguiente y finish.

Imágenes para mostrar

 Desde el sitio de la biblioteca nacional, copie 3 libros en formato png y las pegue en el
directorio ”res, raw”. Archivos cambiemoselmundo.png, ellibrodelasalmas.png y
elrodendeltiempo.png

Layout principal

 El layout principal contara con un imageview, el cual mostrara el logo del museo,
además sera layout que soportara el menu principal.o
 Activity Principal - Permisos

 En este activity hay un procedimiento que revisa si la app tiene los permisos respectivos
para usar la camara, de no ser así ejecuta la accion para que el usuario acepte los
permisos. Creamos la variable estatica PERMISSION_REQUEST_CODE y la dejamos
en 1, esto en conjunto con las declaraciones de permisos en el AndroidManifest.xml.

Activity Principal – Menu Principal

 Creamos un directorio del tipo menu, y en este creamos un nuevo Resource File xml.

Activity Principal – Menu Principal

 En el xml recien creado, menuprincipal.xml, mediante las opciones menu e item

creamos nuestro menu. Para darle un icono personalizado al menu principal, lo
hacemos mediante el utilitario Vector Asset. Esto es mediante boton derecho sobre
carpeta res, new, Vector Asset. Precionamos Clip Art, y nos desplegara todos los iconos
que provee android studio.

Activity Principal – Menu Principal

 Para personalizar cada item del menu, utilizamos los iconos povistos por android studio,
mediante android:icon="@android:drawable/ e ingresando la opción requerida.

Activity Principal – Menu Principal

 Mediante la programacion del evento onCreateOptionsMenu asignamos el menu al

layout principal • Mediante la programacion del evento onOptionsItemSelected, y con
switch pasamos por los menus creados y activamos los layout según corresponda.

Manifest

 En el archivo AndroidManiest.xml declaramos cual es layout principal, ademas de

invocar los permisos para usar los recursos del dispositivo, en este caso la camara, el
acceso a lectura y escritura de archivos en el almacenamiento del dispositivo.
 Layout Camara

 El layout de la camara solo contara con un textview que nos indicara la forma para
guardar el archivo en el almacenamiento del dispositivo, y lo mas importante el
imageview que rescatara la imagen tomada por la camara.

Activity Camara

 Declaramos el imageview para poder programar eventos en el layouy además de una

variable para genara el nombre para guardar el archivo en el dispositivo. Mediante
 MediaStore.ACTION_IMAGE_CAPTURE, se despliega la camara, siempre y cuando la
aplicación tenga los permisos correspondientes (programado en el menu principal y los
permisos en el manifest).

Activity Camara

 Programamos el evento onActivityResult para que cuando se tome la foto en la camara

retorne y la despliegue en el imageview.

Activity Camara
 Programamos el evento setOnLongClickListener del imageview para que cuando se
genere una presione por un tiempo en la imagen, esta se almacene en el dispositivo. En
variable “ArChivo” generamos un nombre unico para la imagen, mediante la fecha y la
hora.

Layout Libros

 El layout libros contara solo con un listview que mostrar 3 imágenes de libros best seller.
 Activity Libros

 Desde internet se obtubieron 3 imaganes de best seller y se pegaron en directorio raw

(ver lamina 6). Declaramos una matriz int para obtener los punteros de las imágenes
int[]datoslibros, esta luego se pasara a la clase adaptador que es la que carga el listview
con las imágenes.

Activity Libros – Clase Adaptador

 La clase adaptador, posee un layout que tiene un imageview, esta imageview es la que
muestra cada una de las imágenes de los bestseller dentro del listview.

Activity Libros – Clase Adaptador

 La clase adaptador, toma como entrada la matriz que posee los punteros a las
imágenes en la carpeta raw. Para cada imagene en la matriz la clase adaptador crea
una fila en el listview.

Utilización de Graficos en la aplicación

 Para utilizar graficos en nuestra aplicación de barra o de torta, una de las opciones es
MPAndroidcghart. Para poder utilizar la biblioteca, el repositorio maven, que se muestra
a continuación, se debe incluir en build.gradle (Module: app), incluimos 2 declaraciones
en Gradle Scripts, build.gradle repositories {maven{ url 'https://jitpack.io’ }} y
implementation 'com.github.PhilJay:MPAndroidChart:v3.0.3'.

Layout Precios Libros

 El layout contara con un contenedor y un grafico de tipo torta. Notar que para poder
utilizar el cardview debemos incluir en el gradle implementation
'com.android.support:design:28.0.0'.
 Activity Precio Libros

 Declaramos un variable del tipo PieChar (grafico torta) para poder llamar al grafico y
entregarle los valores. Se crea una procedimiento para cargar la info y personalizarlos,
tanto en tamaño como disposicion de las etiquetas. Los valores se agregan a un arreglo
el cual es vinculado al grafico.

Aplicación
Aplicación
 Bibliografía

[Haga triple clic en cualquier parte de este párrafo para escribir la primera referencia

bibliográfica.]

Instrucciones para la sección de las citas bibliográficas:

Escriba la bibliografía aquí en orden alfabético (empezando por el apellido del primer autor o, de
no haber autor, por la primera palabra del título). Esta página ya está formateada con sangrías
francesas. Incluya sólo las citas bibliográficas a las que haya hecho referencia en su trabajo y
asegúrese de incluir todas las citas bibliográficas a las que se haya referido en el mismo.

Ejemplos de un artículo:

Apellido, A. A., Apellido, B. B., y Apellido, C. C. (año). Título del artículo específico. Título
de la Revista, número de la revista, número de página.
https://doi.org/xx.xxxxxxxxxx

Lee, H. W. (2005). Los factores que influyen en los expatriados. Journal of American Academy of
Business, 6(2), 273-279.

Osorio-Delgado, M. A., Henao-Tamayo, L. J., Velásquez-Cock, J. A., Cañas-Gutiérrez, A. I.,

Restrepo-Múnera, L. M., Gañán-Rojo, P. F., Zuluaga-Gallego, R. O., Ortiz-Trujillo, I C. y
Castro-Herazo, C. I. (2017). Aplicaciones biomédicas de biomateriales poliméricos.
DYNA, 84(201), 241-252. https://doi.org/10.15446/dyna.v84n201.60466

Nota: Si el artículo de la revista no tiene un DOI y proviene de una base de datos de investigación académica,
finalice la referencia después del rango de páginas. No incluya información de la base de datos en la
referencia. La referencia en este caso es la misma que para un artículo de revista impresa. Si el artículo de la
revista no tiene un DOI, pero tiene una URL que resolverá para los lectores (por ejemplo, es de una revista en
línea que no forma parte de una base de datos), incluya la URL del artículo al final de la referencia, en vez del
DOI.

Ejemplos de un texto:

Apellido, N. N. (año). Título del texto. Editorial. http://www.dirección.com

McShane, S. L., y Von Glinow, M. (2004). Organizational behavior: Emerging realities for the
workplace. The McGraw-Hill Companies.

Panza, M. (2019). Números: elementos de matemáticas para filósofos.  Universidad Del Valle.