Bilbostack 2014: De web a móvil con Xamarin
-
Upload
asier-marques -
Category
Technology
-
view
442 -
download
4
description
Transcript of Bilbostack 2014: De web a móvil con Xamarin
![Page 1: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/1.jpg)
De web a móvil con Xamarin la experiencia de Simettric
Asier Marqués @asiermarques
![Page 2: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/2.jpg)
Sobre mí
Director en Simettric
Socio tecnológico en 4visionshq.com
Organizador de ElComite.org
linkedin.com/in/asier
tinyurl.com/asierm
![Page 3: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/3.jpg)
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
![Page 4: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/4.jpg)
Opciones
Responsive
WebApp
App
![Page 5: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/5.jpg)
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.
![Page 6: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/6.jpg)
Desarrollar para varias plataformas
Android
iOS
Windows Phone
![Page 7: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/7.jpg)
Desarrollar para varias plataformas
Algunas opciones
- PhoneGap (emulación)
- Titanium 3 (nativo)
- Xamarin (nativo + UI nativa)
![Page 8: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/8.jpg)
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
![Page 9: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/9.jpg)
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.
![Page 10: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/10.jpg)
Appcelerator Titanium 3 - UI
![Page 11: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/11.jpg)
Xamarin
• 100% compilado en cada plataforma
• Programación en C#
• Vista nativa
• La experiencia de trabajo es la natural, en cada plataforma
![Page 12: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/12.jpg)
Xamarin: compilación
![Page 13: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/13.jpg)
Xamarin.Android UI
Simplemente es igual que en Android http://developer.android.com/guide/topics/ui/overview.html
![Page 14: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/14.jpg)
Planteando una app Xamarin.Android
![Page 15: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/15.jpg)
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
![Page 16: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/16.jpg)
MVVM Cross con Xamarin.Android
![Page 17: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/17.jpg)
components.xamarin.com
• MarketPlace de componentes de pago de alta calidad.
• Comunidad de medio millón de desarrolladores profesionales.
![Page 18: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/18.jpg)
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
![Page 19: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/19.jpg)
Demo
![Page 20: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/20.jpg)
Demo – Source Code http://tinyurl.com/asier-xamarin
![Page 21: Bilbostack 2014: De web a móvil con Xamarin](https://reader033.fdocuments.ec/reader033/viewer/2022052316/557b8659d8b42aff318b57cb/html5/thumbnails/21.jpg)
Gracias
@asiermarques