Arquitectura Xamarin Nuestra Primera App

BCN Mobile .NET Developers Group

Borja García Cueto @borjagarciacMobile & Core Developer en International Softmachine Systems SL

José Antonio Reyes Guerrero @jareyesguerreroSoftware Architect en International Softmachine Systems SL

Barcelona Mobile .NET Developers Group @bcnmobilegroupBlog: http://bcnmobilegroup.azurewebsites.net/

Con Xamarin.Forms: mas código compartido (controles nativos)

Enfoque tradicional de Xamarin

Shared UI Code

Enfoques Xamarin

.NET + Windows APIs

.NET + iOS APIs | 100% Cobertura

.NET Android APIs | 100% Cobertura

Todo lo que puedes hacer con Objective-C, Swift o Java puedes hacerlo con C# en

Xamarin Studio ó Visual Studio.

Manos a la obra: Nuestra 1ª App

¿Qué vamos a hacer?

¿Cómo lo vamos a hacer?

Cloud First Mobile First+

+

Y en el siguiente Meetup:

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.

To Do List Backend Demo: Windows Azure

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

Recordatorio: Xamarin.Forms

Content MasterDetail Navigation Tabbed Carousel

5 Pages

Stack Absolute Relative Grid ContentView ScrollView Frame

7 Layouts

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

To Do List App Demo: Xamarin.Forms

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

¡Gracias!

BCN Mobile .NET Developers Group