Este documento describe la experiencia de Simettric al desarrollar aplicaciones móviles multiplataforma usando Xamarin. Explica las opciones de desarrollo móvil como aplicaciones web responsive, aplicaciones nativas y híbridas. Señala que Xamarin permite desarrollo nativo multiplataforma en C# con interfaz nativa en cada plataforma. También cubre temas como MVVM Cross, el Marketplace de Xamarin y herramientas de testing como Xamarin Test Cloud.

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

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

3. 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

4. Opciones
Responsive
WebApp
App

5. 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.

6. Desarrollar para varias plataformas
Android
iOS
Windows Phone

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

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

9. 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.

10. Appcelerator Titanium 3 - UI

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

12. Xamarin: compilación

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

14. Planteando una app Xamarin.Android

15. 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

16. MVVM Cross con Xamarin.Android

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

18. 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

19. Demo

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

21. Gracias
@asiermarques