El documento describe el proceso de creación de una aplicación móvil utilizando Xamarin.Forms, destacando la importancia del desarrollo en la nube y la integración con servicios de Azure. Se detalla la configuración del entorno de desarrollo y los componentes necesarios para el backend, así como los elementos de la interfaz de usuario que se pueden utilizar. También se mencionan conceptos clave como MVVM, inyección de dependencias y trabajo offline con bases de datos SQLite.

1. Arquitectura Xamarin
Nuestra Primera App
BCNMobile.NET
DevelopersGroup

2. Borja García Cueto
@borjagarciac
Mobile & Core Developer en International Softmachine Systems SL
José Antonio Reyes Guerrero
@jareyesguerrero
Software Architect en International Softmachine Systems SL
Barcelona Mobile .NET Developers Group
@bcnmobilegroup
Blog: http://bcnmobilegroup.azurewebsites.net/

3. Con Xamarin.Forms:
mas código compartido (controles nativos)
Enfoque tradicional de Xamarin
Shared UI Code
Enfoques Xamarin

4. .NET + Windows APIs

5. .NET + iOS APIs | 100% Cobertura

6. .NET Android APIs | 100% Cobertura

7. Todo lo que puedes hacer con Objective-C,
Swift o Java puedes hacerlo con C# en
Xamarin Studio ó Visual Studio.

8. Manos a la obra:
Nuestra 1ª App

9. ¿Qué vamos a hacer?

10. ¿Cómo lo vamos a hacer?
Cloud First Mobile First+
+
Y en el siguiente Meetup:

11. Receta: Ingredientes para nuestra primera App
Rico,
Rico…
• Cuenta en Windows Azure.
• Cuenta en Xamarin.
• Desarrollo del Backend: Visual Studio con Azure SDK.
• Entorno de desarrollo para Xamarin (IDE):
• Windows: Visual Studio (+2010)
Xamarin Studio.
• Max OS X: Xamarin Studio.
• SDK’s de desarrollo de Xamarin instalados.

12. To Do List Backend
Demo: Windows Azure

13. Receta - Pasos: Backend en Azure Mobile Services
• Acceder al portal: manage.windowsazure.com
• Crear Mobile Services:
• Base de datos SQL gratuita.
• Región: Norte de Europa.
• Backend: C#
• Abrir Visual Studio:
• Crear nuevo proyecto, seleccionando de las plantillas el template
Servicio móvil de Azure.
• El proyecto creado por defecto es el Backend que utilizaremos para la
demo (To Do List).
• Publicar el backend en Azure.
Al trabajo
con alegría

14. Recordatorio:
Xamarin.Forms

15. Content MasterDetail Navigation Tabbed Carousel
5 Pages

16. Stack Absolute Relative Grid ContentView ScrollView Frame
7 Layouts

17. ActivityIndicator BoxView Button DatePicker Editor
Entry Image Label ListView Map
OpenGLView Picker ProgressBar SearchBar Slider
Stepper TableView TimePicker WebView EntryCell
ImageCell SwitchCell TextCell ViewCell
24 Controls

18. To Do List App
Demo: Xamarin.Forms

19. Receta - Ingredientes: App con Xamarin.Forms
• Trabajo offline: base de datos SQLite.
• Inyección de dependencias: autofac.
• Mappings: Automapper.
• MVVM: por defecto en Xamarin.Forms.
(Xamarin clásico: MVVMCross).
• Navegación por VM: para hacer un MVVM puro
necesitamos poder realizar la navegación entra
pantallas mediante los ViewModels, no a través de las
vistas. (*) Factory
Con
fundamento

20. ¡Gracias!
BCNMobile.NET
DevelopersGroup