Microsoft Virtual Academy - Xamarin iOS y Xamarin Android con Azure Storage

1. Enrique Aguilar Vargas @enriqueaguilar Xamarin iOS y Xamarin Android con Azure Storage (Blobs y Tablas NoSQL)

2. Enrique Aguilar • Xamarin MVP. • Director de la Facultad de Tecnologías de Información de la Universidad De La Salle Bajío México. • Consultor en Implementaciones Móviles en empresas de Manufactura en Guanajuato y Jalisco en México. • Profesor Internacional de Posgrado Invitado por la Universidad Nacional de Ingeniería de Nicaragua en temas de Seguridad de la Información. • Speaker sobre Desarrollo Móvil con más 40 conferencias en México y 20 a nivel Internacional en diferentes lugares de Colombia, Bolivia, Nicaragua y Venezuela.@enriqueaguilar

3. Agenda Xamarin iOS con acceso a Azure Storage – Table (NoSQL) Xamarin iOS con acceso a Azure Storage - Blobs Xamarin Android con acceso a Azure Storage (Table (NoSQL) y Blobs)

4. 1.- Xamarin iOS con acceso a Azure Storage – Table (NoSQL)

5. Xamarin.iOS con Acceso a Azure Storage (Tables) 1.- Se habilitará una tabla desde código en Xamarin para crear la estructura a partir de una clase que defina los elementos de la tabla. 1.1.- Se habilitará el almacenamiento de Azure Storage en el portal. 1.2.- Se creará una aplicación para iOS, su interfaz gráfica y una clase con la estructura que deseamos para la tabla NoSQL en Azure Storage. 2.- Se instanciará a la clase para tener la estructura, se recibirán datos, mismos que se depositarán en la tabla (NoSQL) de Azure Storage. 2.1.- Se recibirán los datos en una instancia de la clase que contiene la estructura de la tabla. 2.2.- Se creará la tabla NoSQL en Azure Storage con los elementos de la clase, además se depositará el contenido definido de ejemplo.

6. Azure Storage • Ideal para la Administración del Centro de Datos • Gama de soluciones para cada necesidad. • La escalabilidad que nunca sobrepasará. • Flexible a medida que cambian las necesidades. • Costos más bajos y pago solo por lo que necesita.

7. Preparar el Almacenamiento en Azure En nuestro portal de Azure agregamos un nuevo Storage de tipo Cuenta de almacenamiento

9. Creamos una app para iOS con un botón y agregamos el paquete Microsoft Azure Storage del repositorio nuget.org Aceptamos los términos de la licencia.

10. Creamos la entidad para la generación de la tabla Creamos un método para crear una alerta

11. Creamos la entidad para la generación de la tabla

18. Demo Xamarin – Azure Storage (Table NoSQL) Aplicación con Xamarin para crear una tabla en base a una entidad, envío de datos a partir de una CloudStorageAccount, CloudTableClient, CloudTable y TableOperation.

20. 2.- Xamarin iOS con acceso a Azure Blobs

21. Xamarin.iOS con Acceso a Azure Storage (Blobs) 1.- Se creará un contenedor de blobs en Azure Storage. 1.1.- Se habilitará el contenedor de Blobs en Azure Storage vía el portal. 2.- Se realizará una aplicación que capture una fotografía vía la cámara de iOS, la cual se enviará al contenedor de blobs en Azure Storage. 2.1.- Se solicitará autorización al usuario para el uso de la cámara. 2.2.- Se definirá una zona en la interfaz para mostrar la salida de la cámara. 2.3.- Se capturará la salida de la cámara en una ImageView.

22. Azure Storage (Blob) Los BLOB (Binary Large Objects, objetos binarios grandes) son elementos utilizados en las bases de datos para almacenar datos de gran tamaño, como imágenes, videos, documentos, etc.

23. Creamos el contenedor de Blobs Podemos subir archivos al contenedor creado.

24. Podemos utilizar el Microsoft Azure Storage Explorer para ver los archivos en el contenedor.

25. 1.- Liberamos espacio en la parte superior, ya que ahí se mostrará la salida de la cámara. 2.- Agregamos un botón que permitirá capturar la imagen de la cámara en iOS. 3.- Agregamos un Image View donde se mostrará la imagen capturada. 4.- Agregamos el botón de Respaldar en Azure Storage. Creamos una app para iOS que tenga lo siguiente:

26. Código Xamarin.iOS – Azure Storage Blob string archivoLocal; AVCaptureDevice dispositivodeCaptura; AVCaptureSession sesiondeCaptura; AVCaptureDeviceInput entradaDispositivo; AVCaptureStillImageOutput salidaImagen; AVCaptureVideoPreviewLayer preview; string ruta; byte[] arregloJpg; async Task autorizacionCamara() { var estatus = AVCaptureDevice.GetAuthorizationStatus(AVMediaType.Video); if (estatus != AVAuthorizationStatus.Authorized) { await AVCaptureDevice.RequestAccessForMediaTypeAsync(AVMediaType.Video); } } using System; using UIKit; using System.Drawing; using System.Threading.Tasks; using AVFoundation; using Foundation; using System.IO; using Microsoft.WindowsAzure.Storage; using Microsoft.WindowsAzure.Storage.Blob;

29. public void ConfiguracionCamara() { sesiondeCaptura = new AVCaptureSession(); preview = new AVCaptureVideoPreviewLayer(sesiondeCaptura) { Frame = new RectangleF(40, 50, 300, 350) }; View.Layer.AddSublayer(preview); dispositivodeCaptura = AVCaptureDevice.DefaultDeviceWithMediaType(AVMediaType.Video); entradaDispositivo = AVCaptureDeviceInput.FromDevice(dispositivodeCaptura); sesiondeCaptura.AddInput(entradaDispositivo); salidaImagen = new AVCaptureStillImageOutput() { OutputSettings = new NSDictionary() }; sesiondeCaptura.AddOutput(salidaImagen); sesiondeCaptura.StartRunning(); } Código Xamarin.iOS – Azure Storage Blob

32. Código Xamarin.iOS – Azure Storage Blob btnCapturar.TouchUpInside += async delegate { var salidadevideo = salidaImagen.ConnectionFromMediaType(AVMediaType.Video); var bufferdevideo = await salidaImagen.CaptureStillImageTaskAsync(salidadevideo); var datosImagen = AVCaptureStillImageOutput.JpegStillToNSData(bufferdevideo); arregloJpg = datosImagen.ToArray(); string rutacarpeta = Environment.GetFolderPath (Environment.SpecialFolder.Personal); string resultado = "Foto"; archivoLocal = resultado + ".jpg"; ruta = Path.Combine(rutacarpeta, archivoLocal); File.WriteAllBytes(ruta, arregloJpg); Imagen.Image = UIImage.FromFile(ruta); };

33. Código Xamarin.iOS – Azure Storage Blob btnCapturar.TouchUpInside += async delegate { var salidadevideo = salidaImagen.ConnectionFromMediaType(AVMediaType.Video); var bufferdevideo = await salidaImagen.CaptureStillImageTaskAsync(salidadevideo); var datosImagen = AVCaptureStillImageOutput.JpegStillToNSData(bufferdevideo); arregloJpg = datosImagen.ToArray(); string rutacarpeta = Environment.GetFolderPath (Environment.SpecialFolder.Personal); string resultado = "Foto"; archivoLocal = resultado + ".jpg"; ruta = Path.Combine(rutacarpeta, archivoLocal); File.WriteAllBytes(ruta, arregloJpg); Imagen.Image = UIImage.FromFile(ruta); };

34. Código Xamarin.iOS – Azure Storage Blob btnRespaldar.TouchUpInside += async delegate { try { CloudStorageAccount cuentaAlmacenamiento = CloudStorageAccount.Parse ("DefaultEndpointsProtocol=https;AccountName=enriqueaguilar;AccountKey=UJ+ q1zwfv7lkb2d/cm8r9ycoc5ZgkNEbuypQYgM001p9E9CWChPtIBfW1A=="); CloudBlobClient clienteBlob = cuentaAlmacenamiento.CreateCloudBlobClient(); CloudBlobContainer contenedor = clienteBlob.GetContainerReference("imagenes"); CloudBlockBlob recursoblob = contenedor.GetBlockBlobReference(archivoLocal); await recursoblob.UploadFromFileAsync(ruta); MessageBox("Guardado en", "Azure Storage - Blob"); } catch (StorageException ex) { MessageBox("Error: ", ex.Message); } };

37. Demo Xamarin – Azure Storage (Blob) Aplicación con Xamarin que toma una fotografía y la envía a un contenedor de Blobs en Azure Storage. a partir de una CloudStorageAccount, CloudBlobClient, CloudBlobContainer y GetBlockBlobReference.

39. 3.- Xamarin Android con acceso a Azure Storage (Blobs y Tables NoSQL)

40. Xamarin.Android con Acceso a Azure Storage Blobs y Tables NoSQL 1.- Se realizará una aplicación para Android que contenga un Mapa y un objeto de tipo Image View. 1.- La aplicación se conectará al Azure Storage en el contenedor de Blobs y a la tabla, descargando la información. 2.- Se generará el código para mostrar la imagen tomada por iOS pero descargada por Android en un ImageView, además los datos de la ubicación despositados en la tabla, permitirán realizar la ubicación con Google Maps de donde se tomó la fotografía. 1.- La imagen descargada de Azure Storage Blob se depositará en una ruta de la aplicación y se mostrará en el Image View. 2.- Los datos recibidos de Azure Storage Table NoSQL permitirán ubicar en el Mapa el lugar donde se tomó la fotografía.

41. Xamarin.Android Ingresamos a la cuenta de Developer de Google para obtener una Clave de API para Google Maps para poder tener acceso a los Mapas.

42. Agregamos la clave de la API en el AndroidManifest.xml

43. Agregamos la clave de la API en el AndroidManifest.xml

44. 1.- Agregamos un Mapa en la zona superior. 2.- Agregamos el botón que descargará la imagen, las coordenadas y que colocará la imagen en un Image View y las coordenadas las enviará al Mapa de Google. 3.- Agregamos un ImageView en la parte central inferior. Creamos una Interfaz Gráfica para Android que tenga la siguiente estructura:

49. Agregamos los componentes de Google Play Services y Geolocator Plugin

50. Xamarin.Android con Acceso a Azure Storage Blobs y Tables NoSQL

66. Demo Xamarin – Azure Storage (Android con acceso a Blob y Table NoSQL) Aplicación con Xamarin para Android que descarga una imagen y la coloca en un ImageView, y descarga la altitud y longitud de una Tabla NoSQL y lo coloca como coordenadas en una Mapa de Google.

69. Enrique Aguilar Vargas @enriqueaguilar Códigos disponibles en: github.com/enriqueaguilarvargas Xamarin iOS y Xamarin Android con Azure Storage (Blobs y Tablas NoSQL)

70. © 2016 Microsoft Corporation. All rights reserved. The text in this document is available under the Creative Commons Attribution 3.0 License, additional terms may apply. All other content contained in this document (including, without limitation, trademarks, logos, images, etc.) are not included within the Creative Commons license grant. This document does not provide you with any legal rights to any intellectual property in any Microsoft product. You may copy and use this document for your internal, reference purposes. This document is provided "as-is." Information and views expressed in this document, including URL and other Internet Web site references, may change without notice. You bear the risk of using it. Some examples are for illustration only and are fictitious. No real association is intended or inferred. Microsoft makes no warranties, express or implied, with respect to the information provided here.

Microsoft Virtual Academy - Xamarin iOS y Xamarin Android con Azure Storage

Más contenido relacionado

Similar a Microsoft Virtual Academy - Xamarin iOS y Xamarin Android con Azure Storage (20)

Último (6)

Microsoft Virtual Academy - Xamarin iOS y Xamarin Android con Azure Storage