El documento describe la experiencia de Simettric al desarrollar aplicaciones móviles multiplataforma usando Xamarin. Explica que Xamarin permite compilar de forma nativa para cada plataforma (Android, iOS, Windows) usando C# y obtener una interfaz de usuario nativa, lo que proporciona una experiencia de desarrollo natural para cada plataforma. También menciona el uso de MVVM Cross para abstraer el código y lograr una alta reusabilidad entre plataformas.

2. De web a móvil con Xamarin
la experiencia de Simettric
Asier Marqués
@asiermarques

3. Sobre mí
Director en Simettric
Socio tecnológico en 4visionshq.com
Organizador de ElComite.org
linkedin.com/in/asier
tinyurl.com/asierm

4. De desarrollo web a móvil
• Nuestro servicio debe ser accesible desde
móvil
• Nuestro servicio debe poder ser consumido
desde un canal de apps móviles
• Nuestro servicio debe tener una buena
experiencia móvil

5. Opciones
Responsive
WebApp
App

6. Apps
 Nuestro servicio está literalmente a mano del usuario.
 “Nos posiciona” el producto o servicio en el store del
móvil del usuario.
 No tenemos tantos límites de navegador (sobre todo
en almacenamiento).
• Desarrollar para varias plataformas y versiones es
costoso.

7. Desarrollar para varias plataformas
Android
iOS
Windows Phone

8. Desarrollar para varias plataformas
Algunas opciones
- PhoneGap (emulación)
- Titanium 3 (nativo)
- Xamarin (nativo + UI nativa)

9. Phonegap
7 plataformas
Programación en HTML5 y JavaScript
Curva de aprendizaje reducida
• Emulación
• Rendimiento
• Experiencia de trabajo alejado de la
plataforma

10. Appcelerator Titanium 3
Programación en Javascript y JSS
Compilación nativa, aunque parcial
Marketplace
• La lógica de negocio es en Javascript e
interpretada
• La experiencia de trabajo no es 100% natural con
respecto a la plataforma.

11. Appcelerator Titanium 3 - UI

12. Xamarin
• 100% compilado en cada plataforma
• Programación en C#
• Vista nativa
• La experiencia de trabajo es la natural, en
cada plataforma

13. Xamarin: compilación

14. Xamarin.Android UI
Simplemente es igual que en Android
http://developer.android.com/guide/topics/ui/overview.html

15. Planteando una app Xamarin.Android

16. MVVM Cross
Implementación del patrón Model View
ViewModel.
Abstraemos el código al máximo.
Open Source
• No está bien soportado en Xamarin Studio
para MacOSX

17. MVVM Cross con Xamarin.Android

18. components.xamarin.com
• MarketPlace de componentes de pago de alta
calidad.
• Comunidad de medio millón de
desarrolladores profesionales.

19. xamarin.com/test-cloud
• Permite testar tu app en múltiples dispositivos
• Soporte integración continua
• Soporta Calaba.sh para BDD
• Se puede probar cualquier aplicación, no
necesariamente aplicaciones desarrolladas en
Xamarin

20. Demo

21. Demo – Source Code
http://tinyurl.com/asier-xamarin

22. Gracias
@asiermarques