O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Llevando tu startup a las tres principales plataformas móviles

4.286 visualizações

Publicada em

Charla sobre Xamarin en la TLP Innova 2015, explicando las ventajas de la plataforma sobre otras opciones y ejemplos de como usar Xamarin para crear apps móviles nativas en iOS, Android y Windows

Publicada em: Software
  • Seja o primeiro a comentar

Llevando tu startup a las tres principales plataformas móviles

  1. 1. Llevando tu startup a las tres principales plataformas móviles Con Xamarin, C# yVisual Studio 2015
  2. 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. 3. Un problema para las empresas… da igual el tamaño: Grandes corporaciones, PYMES, Startups Pero una ventaja para los consumidores!
  4. 4. ¿Cual escoger?
  5. 5. ¿Cual escoger? C# C++ HTML/XAML … ObjC Java C++ Axml Windows Phone – Sistema móvil de más rápido crecimiento Windows – SO más distribuido en el mundo iOS– considerado el sistema móvil con ROI más alto Android– SO Móvil más vendido en el mundo Devs Clientes
  6. 6. ENFOQUES: MÍNIMO DENOMINADOR COMÚN
  7. 7. ENFOQUES: REPETIR ELTRABAJO Objective-C Swift Java C++ C# C++
  8. 8. ENFOQUES: XAMARIN Compartir código... ...pero sin abandonar las peculiaridades
  9. 9. Experiencia única en el dispositivo del cliente Agilidad en el desarrollo, mantenimiento y ROI Experiencia de usuario Experiencia de desarrollo EL SANTO GRIAL
  10. 10. 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
  11. 11. iOS C# UI ANDROID AXML UI WINDOWS XAML UI
  12. 12. iOS C# UI ANDROID AXML UI WINDOWS XAML UIShared UI Code C#/XAML
  13. 13. Xamarin.iOS realiza una compilación Ahead Of Time (AOT) para crear un binario ARM para la App Store. Xamarin.Android usa la compilación Just In Time (JIT).
  14. 14. APIsWindows
  15. 15. APIs iOS | 100% de Convergencia
  16. 16. APIs Android | 100% de Convergencia
  17. 17. Es decir, cualquier cosa que puedas hacer en Objective-C, Swift, o Java se puede hacer en C# con Xamarin usandoVisual Studio
  18. 18. Xamarin Studio PC o Mac Visual Studio Plugin VS 2010/2012/2013
  19. 19. Integración con Visual Studio Una única solución: • iOS • Android • Windows Phone • Windows Store Acceso al ecosistema Microsoft: • ReSharper • Team Foundation Server • Acceso a herramientas de análisis y testing
  20. 20. Integración con Visual Studio Debug en: • Emuladores • Dispositivos Integrado en la ToolBar • Status • Logs • Listado de dispositivos Just Click Start Debugging!
  21. 21. Xamarin Host Necesita un Mac Ejecución desde Visual Studio Desde Visual Studio Dispositivos Emuladores Emuladores nativos Dispositivos Visual Studio
  22. 22. DEMO Lets do XamarinVoodoo
  23. 23. Desarrollo nativo IDE Lenguaje Vistas iOS Android Windows Phone Xcode Android Studio Visual Studio ObjectiveC o Swift Java C# Storyboard AXML XAML MVC MVC MVVMPatrón diseño
  24. 24. Desarrollo xamarin IDE Lenguaje Vistas iOS Android Windows Phone Visual Studio Visual Studio Visual Studio C# C# C# Storyboard AXML XAML MVVM MVVM MVVMPatrón diseño
  25. 25. Solución xamarin PCL Vistas Servicios de plataforma Vistas Servicios de plataforma Vistas Servicios de plataforma ViewModels Servicios comunes MVVM
  26. 26. ¿PCL? •1 Librería •Multiples Plataformas •Incluyendo: •Xamarin.Android •Xamarin.iOS
  27. 27. ¿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.
  28. 28. ¿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
  29. 29. ¿MVVM en xamarin? modelview viewmodel Propiedades Commandos Enlaces Servicios PCL
  30. 30. ¿MVVM en xamarin? mvvmcross • Cross Platform MVVM Development Framework • Gratuito, Open Source • Soporta • WP 7, 8, 8.1 • WPF • WinRT • Xamarin.Android • Xamarin.iOS • Xamarin.Mac • AKA Mvx • Standard de facto en el desarrollo Xamarin classic
  31. 31. PCL
  32. 32. DEMO CONQUERTHEWORLD!
  33. 33. Para terminar… iOS 5+ API Level 6+ (Android 1.6+) Windows Phone 7+
  34. 34. Para terminar… AXML XAML C#
  35. 35. ¡Gracias! ¿Preguntas? Yeray Julián Ferreiro Mobile Developer @ DevsDNA jyeray@devsdna.com @josueyeray

×