Xamarin Fest Santo Domingo ( introduccion)

65
DRAFT Aplicaciones con Xamarin Yhorby Matias Microsoft MVP @yhorbymatias [email protected] www.ymatias.com

Transcript of Xamarin Fest Santo Domingo ( introduccion)

Page 1: Xamarin  Fest Santo Domingo ( introduccion)

DRAFTAplicaciones con XamarinYhorby MatiasMicrosoft MVP@[email protected]

www.ymatias.com

Page 2: Xamarin  Fest Santo Domingo ( introduccion)

DRAFTQuíen Soy?• Microsoft MVP.• Software

Developer.• Blogger

Yhorby Matias

Page 3: Xamarin  Fest Santo Domingo ( introduccion)

Mobile es la tendencia

Page 4: Xamarin  Fest Santo Domingo ( introduccion)

iOS app Objective-CXCode

Android app JavaEclipse

Windows app

.NET/C# - HTML/JS - C++Visual Studio

Las plataformas más relevantes

Page 5: Xamarin  Fest Santo Domingo ( introduccion)

La movilidad se está transformando gracias al contexto de las aplicaciones

Las aplicaciones van a requerir acceso a ciertas capacidades del dispositivo

La importancia de lasexperiencias nativas

Page 6: Xamarin  Fest Santo Domingo ( introduccion)

Todo lo que puedes hacer con Objective-C y Java puede ser hecho con C#

iOS and Android apps

Page 7: Xamarin  Fest Santo Domingo ( introduccion)

La visión “.NET y dispositivos”Windows

PhoneWindows Desktop

Windows Store iOS Android

One Tool

Unified Skills

Shared Client Logic

Custom code for views (~20%)

Portable Libraries

C# / .NET Libraries

Page 8: Xamarin  Fest Santo Domingo ( introduccion)

¿Qué es Xamarin?Extensión de Visual Studio• iOS, Android apps dentro

de Visual Studio• Compila código de C# en

aplicaciones nativas• Todas las capacidades de

Visual Studio disponiblesCrea aplicaciones más rápido

• Mismas prácticas• Reutiliza código y binarios

de manera flexible• Interfaces completamente

nativas

Page 9: Xamarin  Fest Santo Domingo ( introduccion)
Page 10: Xamarin  Fest Santo Domingo ( introduccion)

Crea tu UI con Drag and dropApunta a diferentes tamaños de pantalla, resoluciones y versiones de OSDiseños guardados en formatos nativos El mejor diseñador de Android disponible en Visual StudioiOS ya disponible en Visual Studio

Diseño de UI en Visual Studio

Page 11: Xamarin  Fest Santo Domingo ( introduccion)

Depuración y pruebas en un entorno en la nubeEscenarios de pruebas para todos los escenarios de Android y iOSPruebas unitariasMonitoreo de rendimientoResultados de pruebas visuales

Xamarin test cloud

Page 12: Xamarin  Fest Santo Domingo ( introduccion)

Xamarin.iOS hace una compilación Ahead Of Time (AOT) completa para producer un binario ARM ya listo para la Apple’s App Store

Xamarin Android toma la ventaja de la compilación Just In Time (JIT) en el dispositivo Android

Compilación nativa, rendimiento nativo

Page 13: Xamarin  Fest Santo Domingo ( introduccion)

Más reutilización de códigoEstadísticas de reutilización de código con Xamarin:

iOS Android Windows RT Mac OS X

App logic User interface code

70%

30%

86%

14%

85%

15%

88%

12%

Ejemplo basado en la aplicación iCircuit

Page 14: Xamarin  Fest Santo Domingo ( introduccion)

Yhorby [email protected]

Xamarin in depth

Page 15: Xamarin  Fest Santo Domingo ( introduccion)
Page 16: Xamarin  Fest Santo Domingo ( introduccion)

Arquitectura de aplicaciones moviles

Page 17: Xamarin  Fest Santo Domingo ( introduccion)

Enfoques de desarrollo

Page 18: Xamarin  Fest Santo Domingo ( introduccion)
Page 19: Xamarin  Fest Santo Domingo ( introduccion)
Page 20: Xamarin  Fest Santo Domingo ( introduccion)
Page 21: Xamarin  Fest Santo Domingo ( introduccion)
Page 22: Xamarin  Fest Santo Domingo ( introduccion)
Page 23: Xamarin  Fest Santo Domingo ( introduccion)
Page 24: Xamarin  Fest Santo Domingo ( introduccion)
Page 25: Xamarin  Fest Santo Domingo ( introduccion)
Page 26: Xamarin  Fest Santo Domingo ( introduccion)
Page 27: Xamarin  Fest Santo Domingo ( introduccion)
Page 28: Xamarin  Fest Santo Domingo ( introduccion)
Page 29: Xamarin  Fest Santo Domingo ( introduccion)
Page 30: Xamarin  Fest Santo Domingo ( introduccion)
Page 31: Xamarin  Fest Santo Domingo ( introduccion)
Page 32: Xamarin  Fest Santo Domingo ( introduccion)

Advantages and disadvantages of Xamarin Forms.

Page 33: Xamarin  Fest Santo Domingo ( introduccion)

Xamarin Forms is best for.

Page 34: Xamarin  Fest Santo Domingo ( introduccion)

Traditional Xamarin is best for.

Page 35: Xamarin  Fest Santo Domingo ( introduccion)

Desarrollo Xamarin.

Hands On Labs.

Page 36: Xamarin  Fest Santo Domingo ( introduccion)

A basic Xamarin Forms solution using MVVM pattern.

Page 37: Xamarin  Fest Santo Domingo ( introduccion)

Why MVVM pattern?• Maintainability.• Testability.• Extensibility.

Page 38: Xamarin  Fest Santo Domingo ( introduccion)

Lets code !!

Page 39: Xamarin  Fest Santo Domingo ( introduccion)

Step 1

Open VS and create a New solution

Page 40: Xamarin  Fest Santo Domingo ( introduccion)

Step 2

Select the Blank Xaml App (Xamarin.Forms Portable) template

Page 41: Xamarin  Fest Santo Domingo ( introduccion)

Step 3

Visual Studio generates this solution.

Page 42: Xamarin  Fest Santo Domingo ( introduccion)

Step 4In Solution Explorer, in the “MySeries” (Portable) project, delete xaml page that the VS created for you.

Page 43: Xamarin  Fest Santo Domingo ( introduccion)

Step 5

In the MySeries (Portable) project, create 3 new folders: “View”, “Model” and “ViewModel” for implement the MVVM pattern.

Page 44: Xamarin  Fest Santo Domingo ( introduccion)

Step 6

Right click in “View” folder and select Add \ New Item.., in the new windows select Forms Xaml Page, set Name and press Add.

Page 45: Xamarin  Fest Santo Domingo ( introduccion)

Step 7

In xaml, remove all of the template code and replace it with the following code. This code declaratively defines the user interface for the page:

Page 46: Xamarin  Fest Santo Domingo ( introduccion)
Page 47: Xamarin  Fest Santo Domingo ( introduccion)

Step 8 Right click in “Model” folder and select Add \ New Item.., in the new windows select Class, set Name “Series” and press Add.

Page 48: Xamarin  Fest Santo Domingo ( introduccion)

Step 9

In Series.cs, remove all of the template code and replace it with the following code.

Page 49: Xamarin  Fest Santo Domingo ( introduccion)

Step 10Right click in “ViewModel” folder and select Add \ New Item.., in the new windows select Class, set Name “SeriesViewModel” and press Add.

Page 50: Xamarin  Fest Santo Domingo ( introduccion)

Step 11

In SeriesViewModel.cs, remove the main code of the template and replace it with the following code.

Page 51: Xamarin  Fest Santo Domingo ( introduccion)
Page 52: Xamarin  Fest Santo Domingo ( introduccion)
Page 53: Xamarin  Fest Santo Domingo ( introduccion)

Step 12

12. In MySeriesPage.cs, set the BindingContext with our ViewModel (“SeriesViewModel”).

Page 54: Xamarin  Fest Santo Domingo ( introduccion)

Step 13

Finally, in App.cs set the MainPage of the app.

Page 55: Xamarin  Fest Santo Domingo ( introduccion)
Page 56: Xamarin  Fest Santo Domingo ( introduccion)

So Now Run your code !!!

Page 57: Xamarin  Fest Santo Domingo ( introduccion)

Yhorby Matias Microsoft MVP

Cierre

Page 58: Xamarin  Fest Santo Domingo ( introduccion)
Page 59: Xamarin  Fest Santo Domingo ( introduccion)
Page 60: Xamarin  Fest Santo Domingo ( introduccion)

Centros de desarrolladores.

Page 61: Xamarin  Fest Santo Domingo ( introduccion)
Page 62: Xamarin  Fest Santo Domingo ( introduccion)
Page 63: Xamarin  Fest Santo Domingo ( introduccion)
Page 64: Xamarin  Fest Santo Domingo ( introduccion)

Preguntas, Dudas ?

www.ymatias.com | [email protected]

Page 65: Xamarin  Fest Santo Domingo ( introduccion)

!Muchasgracias!

Yhorby Matias @[email protected]

www.ymatias.com