Este documento describe una presentación sobre el desarrollo de aplicaciones móviles multiplataforma con Xamarin.Forms. Explica que Xamarin permite crear interfaces de usuario nativas para iOS, Android y Windows usando C# y Visual Studio. También describe los beneficios de desarrollo ágil y experiencia de usuario consistente entre plataformas. Finalmente, muestra un ejemplo práctico de aplicación con Xamarin.Forms.

1. Taller Xamarin.FormsTLP
Innova
Con Xamarin, C# yVisual Studio 2015

2. Arrrrrrrr
Yeray Julián Ferreiro
Mobile Developer @ DevsDNA
jyeray@devsdna.com
@josueyeray
Microsoft MVPWindows Platform
C# Corner MVP
Xamarin Community Speaker
Nokia Developer Champion

3. Arrrrrrrr
Ciani Afonso
Mobile Developer @ DevsDNA
cafonso@devsdna.com
@cianitwiter
AppCampus 2013 Winner

4. Experiencia única en el
dispositivo del cliente
Agilidad en el desarrollo,
mantenimiento y ROI
Experiencia
de usuario
Experiencia de desarrollo
EL SANTO GRIAL

5. 2000
Se funda
Ximian
2001
Comienza
Mono
2003
Ximian
es adquirida
Por Novell
2009
Se lanza el
Primer product
iOS
2011
Se funda
Xamarin
Primera
Release de
Xamarin.An
droid
2012
Primera
Release de
Xamarin.Mac
Launch
Partner
Program
2013
Xamarin 2.0
Component
Store
Evolve 2013
Xamarin Test
Cloud
Microsoft
Partnership
2014
.NET Launch
iPhone
Android
Windows Phone

6. iOS
C# UI
ANDROID
AXML UI
WINDOWS XAML
UIShared UI Code C#/XAML

7. Es decir, cualquier cosa que puedas hacer en Objective-C,
Swift, o Java
se puede hacer en C# con Xamarin usandoVisual Studio

8. ¿MVVM?
• MVVM Son las siglas de Model View ViewModel:
• Model: Nuestros Servicios/backend/base de datos.
• View: La vista, escrita en XAML en WPF, con la que el usuario
interactua.
• ViewModel: El contenedor de la lógica de nuestro aplicación,
encargado de comunicarse con el Model para obtener o persistir
datos y con la View para mostrar o recibir datos del usuario.

9. ¿MVVM?
• Patrón de diseño de la capa de presentación.
• Presentado en 2005 por Josh Grossman, ingeniero del equipo Avalon en Microsoft.
• Su origen es incierto. Muchas veces se habla de MVVM como un patron emergente,
aparecido en el equipo de desarrollo original de Blend a partir de los trabajos en
enlaces a datos.
• A diferencia de otros patrones como MVP o PM, MVVM está íntimamente ligado al
XAML, por lo que su introducción es menos abstracta.
• Firme objetivo: abstraer la lógica de aplicación de la representación visual de la
misma.
• Mayor capacidad de testeo de la lógica
• Independencia entre el diseñador y el desarrollador

10. ¿MVVM en xamarin?
modelview viewmodel
Propiedades
Commandos
Enlaces
Servicios
PCL

11. DEMO
CONQUERTHEWORLD!

12. ¡Gracias!
¿Preguntas?
Yeray Julián Ferreiro
Mobile Developer @ DevsDNA
jyeray@devsdna.com
@josueyeray
Ciani Afonso
Mobile Developer @ DevsDNA
cafonso@devsdna.com
@cianitwiter