[dotnetspain2016] aumentando nuestra productividad en xamarin
TRANSCRIPT
![Page 1: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/1.jpg)
#dotNetSpain2016
dotNet Spain Conference 2016
![Page 2: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/2.jpg)
#dotNetSpain2016
Javier Suárez RuizPlain Concepts@jsuarezruiz
Aumentando la productividad en el desarrollo Xamarin
![Page 3: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/3.jpg)
#dotNetSpain2016
Patrocinadores
Colaboradores
![Page 4: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/4.jpg)
#dotNetSpain2016
DesarrolloGorilla PlayerContinuous CodingXamarin Inspector
PruebasXamarin Test RecorderXamarin Test Cloud
CIVisual Studio Team ServicesHockeyApp
Agenda
![Page 5: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/5.jpg)
#dotNetSpain2016
Soy Windows Platform Development MVP, Xamarin Certified Developer y formo parte del equipo de Plain Concepts.
Contacto:Blog: geeks.ms/blogs/jsuarezMail:[email protected]: @jsuarezruiz
Javier Suárez Ruiz
![Page 6: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/6.jpg)
#dotNetSpain2016
Aumentando la productividad durante la fase de desarrollo
![Page 7: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/7.jpg)
#dotNetSpain2016
Xamarin: Aplicaciones nativas multiplataforma
![Page 8: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/8.jpg)
#dotNetSpain2016
¿Qué hay de Nuevo en la plataforma Xamarin?
Mejorada la inte-gración con VS
Xamarin.Forms 2.0
iOS 9 & Android M
Tecnologías nuevas en Pre-
view
![Page 9: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/9.jpg)
#dotNetSpain2016
• Integración con iOS 9 y Android Marshmallow• Material Design (AppCompat)
• Optimizaciones en rendimiento• Pre-compiled XAML• Windows 10 (UWP) Preview• Nuevos gestos• Efectos• DataTemplateSelectors• Etc
Xamarin.Forms 2.0
![Page 10: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/10.jpg)
#dotNetSpain2016
• Completamente realizada con Xamarin.Forms.
• Compartiendo una enorme cantidad de código.
• Uso elevado de estilos, plantillas y custom renders.
• También novedades de Xamarin.Forms 2.0 como XAML compilado o ControlTemplates.
Nuestra primera DEMO
![Page 11: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/11.jpg)
#dotNetSpain2016
Seguimos sin contar con editor visual XAML…
Xamarin.Forms 2.0
![Page 12: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/12.jpg)
#dotNetSpain2016
• Permite ver cualquier cambio en una vista XAML al vuelo.
• Podemos ver los resultados en N emuladores o dispositivos físicos.
• Disponible para Xamarin Studio y Visual Studio.
Gorilla Player
![Page 13: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/13.jpg)
#dotNetSpain2016
Podemos utilizar datos de prueba para probar nuestras UI.
Gorilla Player
Obtenemos información de errores de marcado XAML al vuelo!
![Page 14: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/14.jpg)
DEMO Gorilla PlayerPrevisualización de XAML al vuelo!
![Page 15: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/15.jpg)
#dotNetSpain2016
¿Alguna vez has tenido un elemento visual que no aparece, o lo hace donde no esperas?
¿Deseas hacer algun cambio rápido en algun elemento de la UI?
¿Deseas realizar varias pruebas consecutives sobre la App?
Xamarin Inspector
![Page 16: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/16.jpg)
#dotNetSpain2016
Xamarin InspectorPermite inspeccionar el árbol visual de nuestra App, modificar elementos y ejecutar pequeñas expresiones en C# sin necesidad de detener la App.
![Page 17: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/17.jpg)
DEMO Xamarin InspectorInspeccionando la app
![Page 18: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/18.jpg)
#dotNetSpain2016
Los tiempos de compilación y despliegue tiene un alto coste.
¿Cuántas veces has desplegado para ver un simple cambio en un tamaño o márgen?¿Despliegue para cambiar un servicio Fake por real?¿Pruebas con una API Rest?¿Depuración?
Continuous Coding
![Page 19: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/19.jpg)
#dotNetSpain2016
Permite crear un entorno de Desarrollo .NET con Xamarin al vuelo. Sin necesidad de recompilaciones ni despliegues.
Muy útil en fases iniciales tanto de UI como de lógica para realizer multiples pruebas de forma rápida y efectiva.
Se basa en la clase Mono.CSharp.Evaluator para evaluar y ejecutar snippets de código mientras la App esta en ejecución.
La Comunicación es vía HTTP.
Continuous Coding
![Page 20: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/20.jpg)
DEMO Continuous CodingDesarrollo continuo!
![Page 21: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/21.jpg)
#dotNetSpain2016
Pasamos a hablar de calidad. Productividad en pruebas.
![Page 22: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/22.jpg)
#dotNetSpain2016
Retos
• Fragmentación• Complejidad• Ciclos de
Release cortos• Expectación
alta de usuarios
![Page 23: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/23.jpg)
#dotNetSpain2016
En teléfonos, la calidad cuesta
72020356
OSDispositivosIdiomasPaísesTamaños de pantallas
1024K+395727156
OSDispositivosIdiomasPaísesTamaños de pantallaFabricantesConfiguraciones de pantalla
![Page 24: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/24.jpg)
#dotNetSpain2016
Fragmentación Android
![Page 25: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/25.jpg)
#dotNetSpain2016
Diversificación en iOS3D Touch iPhone 6s series
Apple penciliPad Pro
Multi TaskingOnly select iPads
iPads
iPod touchiPhones
Factores de forma
Características iOS 9
![Page 26: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/26.jpg)
#dotNetSpain2016
Cientos de Apis iOS y Android
Web APIs
Integración con Backend
Third party libraries
Memoria, CPU y red
Complejidad de las Apps
![Page 27: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/27.jpg)
#dotNetSpain2016
Creamos pruebas automatizadas, cierto?
Fragmentación
Complejidad de App
Ciclos rápidos de release
Sesiones cortas
Alta expectación
5 versiones iOS
9 Android versions20 dispositivos iOS
1,294 Android brands
24K+ dispositivos Android distintos
35 países (iOS)
57 países (Android)
6 tamaños de pantalla en iOS
Variaciones en red
Variaciones de rendimiento
Cientos de APIs
Memory constraints
Back end3rd party libraries
Requisitos de Autenticación
OWASP
20 idiomas (iOS)9 idiomas (Android)
27 tamaños de pantalla (Android)
Si, pero…
OperadorasOWASP ASVS Disponibilidad de sensores
![Page 28: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/28.jpg)
#dotNetSpain2016
Xamarin UITestEscribe pruebas de UI en C#
Usamos app.Repl() mientras la App esta corriendo
Podemos ejecutar las pruebas en emuladores o dispositivos físicos
Estructurados y organizados de igual forma a un test unitario
![Page 29: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/29.jpg)
#dotNetSpain2016
Ejemplo[Test]public void PerformTest(){ string firstName = “Javier"; string lastName = “Suarez";
app.WaitForElement(c => c.Marked("First name"));
app.Tap(c => c.Marked("First name")); app.EnterText(firstName);
app.Tap(c => c.Marked("Last name")); app.EnterText(lastName);
var control = app.Query(c => c.Marked("Full name")).FirstOrDefault(); Assert.IsNotNull(control);
string expectedValue = string.Format("{0} {1}", firstName, lastName); string actualValue = control.Text;
Assert.IsTrue(expectedValue == actualValue);}
![Page 30: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/30.jpg)
DEMO Xamarin UITest¿Cómo lo hacíamos hasta ahora?
![Page 31: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/31.jpg)
#dotNetSpain2016
Xamarin Test RecorderPermite abrir una aplicación y mediante interacciones con la misma crear pruebas de interfaz de forma sencilla.
Podemos exportar la prueba e incluso lanzarla directamente en Test Cloud.
Preview, disponible para OSX.
![Page 32: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/32.jpg)
DEMO Xamarin Test RecorderCreando pruebas automatizadas de UI
![Page 33: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/33.jpg)
#dotNetSpain2016
Xamarin Test CloudHerramienta disponible en la nube que nos ofrece más de 2000 dispositivos móviles disponibles para poder realizar pruebas en ellos, sin necesidad de realizar su compra.
Pruebas en una enorme cantidad de dispositivos.
Informes con resultados. Posibilidad de compartir con clientes.
![Page 34: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/34.jpg)
#dotNetSpain2016
Xamarin Test Cloud: pruebas en cientos de dispositivos
![Page 35: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/35.jpg)
DEMO Xamarin Test CloudUn vistazo a Xamarin Test Cloud
![Page 36: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/36.jpg)
#dotNetSpain2016
Continuamos hablando de calidad. Productividad en el día a día (CI).
![Page 37: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/37.jpg)
Cosas que pasan… ¿cierto?
![Page 38: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/38.jpg)
#dotNetSpain2016
Integración ContinuaLa integración continua consiste en hacer integraciones automáticas de un Proyecto lo más a menudo posible para así detector fallos cuantos antes.Entendemos por integración la compilación y ejecución de pruebas.
Wikipedia
![Page 39: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/39.jpg)
#dotNetSpain2016
Integración ContinuaWorkflow
Resultados
Repositorio de código
Servidor BUILD
Desarrollador
App BuildEjecutar tests
Unitarios
Commit
CódigoTests
Unitarios1º
2º
3º
![Page 40: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/40.jpg)
#dotNetSpain2016
Visual Studio Team Services + Xamarin + MacInCloudPasaremos diferentes Builds realizando la compilación y pasaremos diferentes pruebas de la App.
Para Windows podemos utilizar la máquina Hosted proporcionada.
Como novedad, para Mac se ofrece tras el partnership con MacInCloud máquina OSX con todo lo necesario preinstalado. Coste de 30$ al mes por agente.
![Page 41: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/41.jpg)
DEMO Team ServicesCI de App Xamarin
![Page 42: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/42.jpg)
#dotNetSpain2016
Sin apenas esfuerzo:• Distribución: Gestión de paquetes y versiones
sencilla y completa.• Gestión avanzada de equipos y usuarios.• Comunicación directa: Posibilidad de feedback.• Multiplataforma e integrado con gran cantidad de
herramientas.
Además:• Reporte de errores y excepciones.
![Page 43: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/43.jpg)
DEMO HockeyAppEntrega Continua de App Xamarin
![Page 44: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/44.jpg)
#dotNetSpain2016
ConclusionesSi desarrollamos con Xamarin.Forms podemos tener un gran aumento de productividad, utilizando Gorilla Player y viendo cambios al vuelo.
Si estamos desarrollando una parte que requiera gran cantidad de feedback, Continuous Coding puede sernos de gran utilidad.
Si tenemos dudas o deseamos realizar consultas rápidas o realizar una inspección de un elemento concreto, Xamarin Inspector.
![Page 45: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/45.jpg)
#dotNetSpain2016
ConclusionesTodo desarrollador con subscripción Xamarin cuenta con 60 minutos de Test Cloud gratis. Aprovechadlos!
Con Xamarin Test Recorder, crear pruebas de comportamiento de nuestra App es más fácil que nunca.
Por último, y no por ello menos importante, podemos tener de forma rápida y sencilla un entorno de integración continua sin necesidad de preparar ni mantener “hierro”.
![Page 46: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/46.jpg)
Q&A
#dotNetSpain2016
http://aka.ms/DOTNETT3S5
![Page 47: [dotNetSpain2016] Aumentando nuestra productividad en Xamarin](https://reader033.vdocuments.pub/reader033/viewer/2022052117/5876bee21a28ab6d5a8b46ad/html5/thumbnails/47.jpg)
No olvides realizar la encuesta¡Gracias!
#dotNetSpain2016
Javier Suárez RuizPlain Concepts@jsuarezruiz http://aka.ms/DOTNETT3S5