Download - Introduccion a xamarin

PowerPoint Presentation

Apps iOS, Android, Mac, & Windows Mobile Apps nativas en C# con Xamarin

www.hjr.com.mx

MCSD en desarrollo de apps para Windows StoreCertificado Xamarin en desarrollo multiplataformaMicrosoft Student Partner (Gold en 2012-2013)3 aos desarrollando para Windows Phone2 aos con Xamarin Android/IOS

www.hjr.com.mxXamarin

DISEO DESARROLLO - INTEGRACIN

PRUEBAS

MONITOREO

APRENDIZAJE

www.hjr.com.mxXamarin is your complete mobile solution.

Xamarin Platform is usually what you hear about which is building native iOS, Android, Mac, and Windows Apps all in C#

However Xamarin offers a wide range of products for developers to go mobile including Test Cloud, Insights, and a way to learn all of mobile with University.Build 2015 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.9/11/2015 8:22 PM3

Nativo?

www.hjr.com.mxWhat makes up a Native mobile application? I am sure you have heard the native thrown around, but what does that really mean?4

Interfaces de usuarioAcceso a APIs nativas

Rendimiento nativo

www.hjr.com.mxA native app needs a lot of things, but three important ones stick out:Native User Interface: Apps need to look and act correct per platform.Full SDK Access: As a developer we need to add the latest and greatest featuresNative Performance: Needs to be fast and fluid 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.9/11/20155

Arquitectura de apps mviles

www.hjr.com.mxSo we know what we want how do we get there? Lets talk about the state of mobile development.6

Enfoque aisladoiOSWindowsAndroidObjective-CXcodeC#Visual StudioJavaAndroid StudioSin cdigo compartido Mltiples lenguajes & ambientes de desarrollo Mltiples equipos

www.hjr.com.mxVarios equiposVarios origenes de cdigoCaro y lentoPositivo = se entregan buenas apps a los usuarios de las plataformasNegativo= Desarrollo obstaculizado por mltiples bases de cdigo y la fragmentacin7

Escribe una vez, ejecuta en cualquier lugar

App Generator

LuaJavascriptActionscriptHTML+CSS

Acceso limitado a las APIs nativas Rendimiento lento Experiencia de usuario pobre

www.hjr.com.mxUsuarios infelicesDesarrolladores infelicesAumento en las apps abandonadasLimitado en lo que se puede implementar

2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.9/11/20158

Usando Xamarin solamenteBase C# compartida 100% de acceso a APIs nativas Alto rendimiento

iOS C# UI Windows C# UIAndroid C# UIC# Mvil compartido

www.hjr.com.mxUI native por plataformas, aprovechando C#C# + XAMLC# + XMLC# + XIBUna base de lgica compartida, iOS, Android, Mac, Windows Phone, Windows Store, Windows

Build 2015 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.9/11/2015 8:22 PM9

Xamarin + Xamarin.FormsXamarin TradicionalXamarin.Forms:Ms cdigo compartido Todo nativo iOS C# UI Windows C# UIAndroid C# UI

Backend C# compartido

IU Compartida Backend C# compartido

www.hjr.com.mxXamarin recently introduced Xamarin.Forms a new library for cross platform user interface. We will touch up on this later, but this enables you to be highly productive, share code, but build out UI on each platform and access platform APIs.

With Xamarin.Forms you now have a nice Shared UI Code layer, but still access to platform APIsYou can start from native, pick a few screens, or start with forms, and replace with native later

10

XamarinBase C# compartida 100% APIs nativas Alto Rendimiento iOS C# UI Windows C# UIAndroid C# UIC# Mvil compartido

C# Servidor

Linux/MonoCoreCLR

AzureC# compartido Cliente/Servidor

www.hjr.com.mxWith Xamarin it just isnt your front end in C# it is your full backend server as well. With Azure or even on Linux running Mono or the CoreCLR your app is fully C# end to end!Build 2015 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.9/11/2015 8:22 PM11

Porqu C#?

www.hjr.com.mxLets talk a bit about C# and why it is awesome.12

C# es asombroso

Soporte a LINQTrabajo sencillo con XMLManejo de eventos y delegados

www.hjr.com.mxJson.NET ofrece conversiones simples entre una cadena JSON y objetos .NETJSON fcilmente

www.hjr.com.mxUse your favorite libraries like Json.NET!

14

Clases y Mtodos

www.hjr.com.mxHere is an example of creating a class with a method to get names1 Line with LINQ to execute this commandTake advantage of C# features and set properties easily

15

Async/AwaitEscribe cdigo simple de mantener

www.hjr.com.mxThe async and await keywords in C# 5.0 now available to Xamarin developers make asynchronous programming incredibly pleasant. You end up with code that is much more linear and much easier to understand. The compiler does a lot of magic for you which simplifies your code and your life.

16

Mtodos nativos simplificados con Async/AwaitC# con XamarinObjective-C

www.hjr.com.mxWith Xamarin we even extend native methods with C# FeaturesHere there is no need for a callback block, simply await on the animation to finish before continuing on17

Diferencias Android ItemClickC# con XamarinJava

C# & Async con Xamarin

www.hjr.com.mxHere we can see how easy it is just to do a += for an event and not have to implement a bunch of listeners every time. Easy to read, string.Format, using args, etc.In fact we can make this call Async/Await by just adding async to the delegate!

18

Porqu Xamarin?

www.hjr.com.mx

Escribe todo con C#C# ahora se ejecuta en 2.6+ miles de millones de dispositivos

www.hjr.com.mx

Ms de una dcada de experiencia empresarialPrimera liberacin deXamarin.MacLanzado el Programa de Socios(PartnerProgram)200,000DesarrolladoresXamarinFundadoPrimera liberacin deXamarin.AndroidXamarin.iOS lanzado (originalmente conocido como MonoTouch)Fundacin de Ximian

200120032009201120122013

MonoEs lanzadoXimian compradopor NovellXamarin 2.0Component StoreXamarin Test CloudEvolve 2013Sociedad con Microsoft500,000Desarrolladores100+ Socios100+ Componentes

2014

//Xamarin 32000Sociedad con SAPSoporte a Fire TVSociedad con SalesforceVisionario en el Gartner Magic QuadrantSoporte a Google GlassSocio Visual Studio del aoSoporte a Android WearXamarin Evolve 2014800,000Desarrolladores200+ Socios200+ Componentes2015

1 Million de desarrolladoresSociedad con IBMSoporte para Visual Studio 2015Sociedad con OracleSoporte para Apple WatchSoporte para C# 61,100,000Desarrolladores230+ Socios300+ ComponentesXamarin InsightsXamarin University

www.hjr.com.mx

21

Con Xamarin, los desarrolladores combinan todos los beneficios de productividad de C#, Visual Studio y Windows Azure con la flexibilidad de construir rpido para mltiples dispositivosSociedad entre Microsoft y Xamarin

S. Somasegar, Vice Presidente Corporativo, Microsoft

www.hjr.com.mxMajor announcement at the end of 2013:Truly Portable Class LibrariesSupport for VS 2013Special offers for MSDN Subscribers20 City Roadshow!Another partnership at the end of 2014:Support for VS 2015 + Community EditionSpecial MSDN OffersStarter Edition Support for Visual Studio

22

IBM MobileFirst SDK para XamarinAdd-Ons para Xamarin Studio y Visual StudioXamarin.com/IBMIBM y Xamarin

www.hjr.com.mxIBM MobileFirst SDK for Xamarin: A pre-built software library that Xamarin and IBM developers can embed in their mobile apps to connect, secure and manage the apps using IBM Worklight, a part of the IBM MobileFirst portfolio.

IBM MobileFirst Add-Ons for Xamarin Studio and Visual Studio: Extensions that enable developers to configure and access the IBM Worklight server from a single environment.

23

Backend robusto para Apps mvilesOracle Mobile Cloud Services para XamarinNotificaciones PushAutenticacinAPIsAlmacenamiento de datos!Y Mas!Xamarin.com/OracleOracle y Xamarin

www.hjr.com.mx

24

Funcionamiento de Xamarin

www.hjr.com.mxAPIs WindowsMicrosoft.PhoneMicrosoft.NetworkingWindows.StorageWindows.FoundationMicrosoft.Devices

System.DataSystem.WindowsSystem.NumericsSystem.CoreSystem.ServiceModelSystem.NetSystemSystem.IOSystem.LinqSystem.XmlC#

www.hjr.com.mxIf you have ever developed for a Windows Platform before these .NET namespaces might look familiar.

However, if we go to a new platform such as Windows Phone or Store we have a new SDK to use and a new set of namespaces.

26

iOS Cobertura 100% de APIsMapKitUIKitiBeaconCoreGraphicsCoreMotion


www.hjr.com.mxYou can think of iOS and Android development the same with Xamarin. You can see we have all of our .NET namespaces and libraries, but Xamarin give us 100% api coverage of each iOS API in its SDK that we access view C#.


Android Cobertura 100% de APIsText-to-speechActionBarPrinting FrameworkRenderscriptNFC


www.hjr.com.mxThe same is true for Android as well.


Cualquier cosa que se pueda hacer en Objective-C, Swift, o Javase puede hacer con C# y Visual Studio con Xamarin.

www.hjr.com.mx


Xamarin.iOS hace una compilacin Ahead Of Time (AOT) para producir un binario ARM para la Apple App Store.Rendimiento nativoXamarin.Android aprovecha la compilacin Just In Time (JIT) compilation en el dispositivo Android.

www.hjr.com.mxThere is no compromise on performance.Xamarin apps look and feel native because they are native.

30

Siempre al daSoporte el mismo da:iOS 5iOS 6iOS 7iOS 7.1iOS 8Soporte completo para:Apple WatchGoogle GlassAndroid WearAmazon Fire TVY muchos ms

www.hjr.com.mxApple has a developer preview where Xamarin has alphas ready. Google does not offer this. Android versions are usually 4 to 8 weeks out for a stable release, but alphas and betas are usually earlier. Xamarin realizes how important having iOS ready because within 24 hours a large portion of iOS users upgradeAndroid on the other hand is much different. After 4 months on the market Android 4.4 only had 1% adoption

31

Compartiendo cdigo

www.hjr.com.mx1 AssemblyMltiples Plataformas

Incluye:Xamarin.iOS y Xamarin.AndroidLibrera de clases portable

www.hjr.com.mx

NuGet

www.hjr.com.mxUse all of your favorite libraries from NuGet or share and distribute your own!34

Proyectos compartidos

www.hjr.com.mxCantidad de cdigo compartidoMaciOSAndroidWindows PhoneiCircuitTouch Draw

www.hjr.com.mxiCircuit is made by Frank Krueger, a long time Mono & Xamarin developer. Sharing code lead to 70 to 90% code reuse across platforms speeding up developmentReal-time circuit simulator and editor used to design analog and digital circuitshttp://praeclarum.org/post/42378027611/icircuit-code-reuse-part-cinq

36

Experiencia en el desarrollo

www.hjr.com.mx

Integracin con Visual Studio

www.hjr.com.mxSingle Solution for iOS, Android, and Windows

Leverage Entire Microsoft Ecosystem:ReSharperTeam Foundation ServerAzureASP.NETFavorite Code Coverage and Profiling Tools

Starter Compatible

Visual Studio 2012, 2013, and 2015 including Community Edition38

Xamarin Studio Mac o PC

www.hjr.com.mxXamarin Studio is available for Android development on the PC. Xamarin Studio on Mac offers: Android, iOS and Mac developmentWorld Class IDE with great features:Code AnalysisUpload to Test FlightGit & Subversion IntegrationCode CompletionCode NavigationEasy transition from Visual StudioThe same Solution & Projects open in BOTH Xamarin Studio and Visual Studio!39

Diseador AndroidDisponible en:Xamarin Studio Visual Studio

Crear la IU con drag & drop

Mltiples tamaos de pantalla, resoluciones y versiones de Android

Layouts en el formato XML estndar de Android

www.hjr.com.mxDiseador para Xamarin iOSPrimer diseador en el mundo para iOS disponible en Xamarin Studio y Visual Studio

Utiliza una estructura similar a los diseadores de Visual Studio

Soporta todos los elementos del UIKit

Edita componentes personalizados y de terceros

Pre visualizacin de cambios en las propiedades al momento

www.hjr.com.mxXamarin Component StoreConstruye apps ms rpido

Agrega componentes de alta calidad directamente desde Visual Studio y Xamarin Studio

Controles de IU multiplataforma, Servicios de nube y componentes de back end empresariales a unos pocos click de distancia

www.hjr.com.mxXamarin.com/prebuiltPlantillas pre construidas

My ShoppeConecta con clientesStore ApplicationMomentsPhoto Sharing App

www.hjr.com.mxIf you are looking to get started will a full baked application simply head over to Xamarins pre-built page featuring these apps and many more!43

http://bit.ly/XIEF1

www.hjr.com.mxVamos a dar un vistazo

www.hjr.com.mxConstruye interfaces para iOS, Android, y Windows Phone desde una sola base de cdigo C#.Conoce Xamarin.Forms

www.hjr.com.mxXamarin Forms is a new set of APIs allowing you to quickly and easily write shared User Interface code that is still rendered natively on each platform, while still providing direct access to the underlying SDKs if you need it.

46

Xamarin + Xamarin.FormsXamarin tradicionalCon Xamarin.Forms:Ms cdigo compartido, todo es nativo iOS C# UI Windows C# UIAndroid C# UI


Interfaz de usuario compartidaBackend C# compartido

www.hjr.com.mxWe see here the Xamarin approach we talked about earlierThis enables you to be highly productive, share code, but build out UI on each platform and access platform APIsWith Xamarin.Forms you now have a nice Shared UI Code layer, but still access to platform APIsYou can start from native, pick a few screens, or start with forms, and replace with native later

47

Incluye 40+ Pginas, layouts y controles (Construidos desde cdigo o XAML) Two-way data binding Navegacin API de animaciones Servicio de dependencia Centro de mensajes


IU compartida

www.hjr.com.mxXamarin.Forms is much more that just a framework and includes everything you need to get up and running to build out full native applications.

If you are used to MVVM type of development you will feel right at home.48

IU nativa de una base compartida

www.hjr.com.mxHere is a quick example of a login page:

Notice the data binding on the Entries Text fields. Additionally, there is a LoginCommand.

Each has a native user interface49

Xamarin.Forms es mejor para:Xamarin.iOS / Xamarin.Android es mejor para:Apps de entrada de datos

Prototipos y pruebas de concepto

Apps que requieren poca funcionalidad especfica de las plataformas

Apps donde compartir el cdigo es mas importante que la interfaz de usuario

xamarin.com/formsxamarin.com/platformApps que requieren interaccin especializada

Apps con diseo muy trabajado

Apps que usen APIs especificas de las plataformas

Apps donde la interfaz de usuario es muy importante

Qu tipo de Xamarin es el mejor para tu app?

www.hjr.com.mxPick what is right for you!

Xamarin has this nifty guide to help you decide to go traditional or with Xamarin.Forms50

LayoutsPginasStackAbsoluteRelativeGridContentViewScrollViewFrame

ContentMasterDetailNavigationTabbedCarousel

www.hjr.com.mxFirst you have a set of pages for each screen of your applicationThere are things like Content, and MasterDetail which gives you a nice flyoutWith a tabbed view you get the correct look on each platformiOS on bottom, Android on top, and on WP you have a Pivot control

Inside of a page are layoutsA lot of options from something simple like a stack panel to complex and powerful grids

51

ActivityIndicatorBoxViewButtonDatePickerEditorEntryImageLabelListViewMapOpenGLViewPickerProgressBarSearchBarSliderStepperTableViewTimePickerWebViewEntryCellImageCellSwitchCellTextCellViewCellControles

www.hjr.com.mxYou have more than 40 controls, layouts, and pages to mix and match from.These are all of the controls you have out of the box, you can of course create your own.What is unique is you get the native control and have access to it.Consider an Entry FieldOn iOS it is mapped to UITextFieldAndroid it is EditTextWindows Phone it is a TextBox52

Xamarin.Forms

www.hjr.com.mxXamarin.Forms also has a great ecosystem of controls from vendors you might know!53

ExtensibilidadIncluye Vistas a la medidad donde sea

No solo las paginas de Xamarin.Forms se pueden mezclar con pantallas a la medida, se pueden incluir vistas a la medida en Xamarin.iOS y Xamarin.Android dentro de pginas Xamarin.Forms .

Ejecuta APIs de plataforma va Servicios compartidos

Need platform-specific functionality within a Xamarin.Forms page, such as querying the accelerometer? Weve included services that quickly and easily abstract platform-specific API calls to keep you writing as much shared code as possible.

Easy migration to the Xamarin Platform

When your native platform integration requirements outgrow Xamarin.Forms, your shared code is easily migrated to Xamarin.iOS and Xamarin.Android using the full Xamarin platform.

www.hjr.com.mxWith Xamarin.Forms you can easily extend and embed custom views, mix and match screens, called native apis, or even easily migrate to a traditional app and share your backend logic.54

Plugins para Xamarin

www.hjr.com.mxA unique aspect of Xamarin.Forms is an abstraction over the user interface, but what about the platform specific functionality that makes these devices so special?

That is where plugins for Xamarin come in.55


www.hjr.com.mxWhat is this stuff that we talk about up here?56

Cdigo especfico de la plataformaQu pasara si no tuvieramos que escribir este cdigo?

Qe pasara si puedieramos accede a el desde la base compartida?

IU+APIsIU + APIsIU + APIsBateraGPSLucesNotificacionesConfiguracinTexto a vozBateraGPSLucesNotificacionesConfiguracinTexto a vozBateraGPSLucesNotificacionesConfiguracinTexto a voz

www.hjr.com.mxThis is the platform specific code no matter how you are developing traditional Xamarin or with Xamarin.Forms.

However, many platform APIs are the same bit of functionality, but with different APIs.

What if we had 1 API?57

TextToSpeechSpeak(Hola Mundo!);

AVSpeechSynthesizerSpeechSynthesizer

www.hjr.com.mxFor instance text to speech, what if we could just say Speak and it would speak text with the underlying API.58

Plugins para Xamarin Common API

github.com/xamarin/plugins

www.hjr.com.mxThis is what Plugins for Xamarin are for! 1 API for all common APIs:

CameraGPSSettingsNotificationsBatteryAnd so much more!59

Pruebas mviles

www.hjr.com.mxRetosFragmentacin de dispositivosComplejidad de la AppCiclos de liberacin rpidosSesiones pequeasExpectativas muy altas del usuario mvil

www.hjr.com.mxWell there are several challenges that we must overcome as mobile developers including.61

8En mviles la calidad es difcil52020356VersionesDispositivosIdiomasRegionesTamaos de pantalla919K+395727156VersionesDispositivosIdiomasRegionesTamaos de pantallaManufacturerosConfiguraciones de pantalla

www.hjr.com.mxFirst lets take a look at the shear number of configurations there are between iOS and Android. As iOS progresses this number is only set to increase, and on Android it is already a HUGE number of configurations to even think about testing.

iOS: 7, 7.1, 8, 8.1, 8.262

www.hjr.com.mxOpenSignal is a global app that publishes an annual report on Android device fragmentation based on the distinct Android device types that download their app. This is their August 2014 data, with an astonishing 19,000 device types using their app, up by 60% from just last year.

Different device operating systems, form factors, screen sizes, resolutions, chip sets, and manufacturer modifications make it difficult to know that your app will work well on all devices

63

www.hjr.com.mxLooking at just a few of the screen sizes of Samsung devices you couldnt even fit all of them on the screen, so how do you handle this problem?

64

Miles de APIs para IOS y Android APIs web pblicas

Integracin de BackendLibreras de tercerosRestricciones de memoria, CPU y red

Complejidad de la app

www.hjr.com.mxThe fragmentation isnt just in the devices, but as we start to build on our applications you soon found out they are ever increasingly complex.65

Tap

Scroll

Swipe

Pinch

Multi Finger

Text Entry

Rotation

GPS

With a simple command you can simulate all of your users interactions to build out a great test suite that can be run over and over again.66

Introduccin a Xamarin.UITest

Crea pruebas de interfaz de usuario con C#

Sbelo a Test Cloud o ejectalo contra un dispositivo o simulador

Ejectalo directamente desde Visual Studio o Xamarin Studio

Funciona con cualquier app: Nativa, Hibrida o Xamarin

www.hjr.com.mxThis is where Xamarin.UITest comes in to help with this shift. Xamarin.UITest is a framework that ties in directly to the Nunit testing framework to write the UI tests. You can even run them directly against a simulator for free to do regression tests on your applications.

Freely available for testing on a Simulator*

xamarin.com/testcloud

www.hjr.com.mxTake test scripts and test again thousands of physical devices!

All Xamarin subscribers get free device time! Check store.xamarin.com for details.68

Seguimiento y reporte de errores

www.hjr.com.mxxamarin.com/insights

www.hjr.com.mxXamarin Insights is a new product from Xamarin, currently in preview for all of your apps to handle crash reporting and analytics.70

Xamarin Insights Monitoreo en tiempo real

Soporta

Xamarin.iOS Xamarin.Android Xamarin.Mac Windows Phone Windows Store Windows Desktop

www.hjr.com.mxXamarin.Insights, currently in preview, enables us to support all of our apps from a full cross platform API.71

Xamarin Insights Report

Reportes automticos de cualquier excepcin no capturada sea manejada o nativa.

Reporta tus propias excepciones capturadas, con una simple API multiplataforma.

www.hjr.com.mx

72

Xamarin Insights Track

Rastrea cualquier evento que ocurra en tu aplicacin.

Rastrea el rendimiento de que tanto tarda una tarea en ejecutarse

www.hjr.com.mx

73

Xamarin Insights Identify

Combina el rastreo de eventos con la identificacin de usuarios para resolver problemas mas rpido.

www.hjr.com.mx

74

Integracin simple con los servicios populares de notificaciones de misin crtica Xamarin Insights Integrate

www.hjr.com.mxXamarin.Insights, currently in preview, enables us to support all of our apps from a full cross platform API.75

Recursos

www.hjr.com.mx

Empieza hoyxamarin.com

Get started today with free 30 day trial of Xamarin at xamarin.com77

Free 30 Day Trial - xamarin.com/universityUnrivaled Mobile Development TrainingLive unlimited mobile development training from mobile experts, in your time-zone, on your schedule, and as often as you'd like.

78

Contenido adicional

www.hjr.com.mxXamarin Evolve 2014Sold Out!!1,200Conference Attendees700Trainees70+Sessions & TrainingWatch Sessions & Highlights: http://xamarin.com/evolve/

www.hjr.com.mx

www.hjr.com.mxhttps://xamarin.com/c-sharp-shirt

www.hjr.com.mxhttp://bit.ly/XIEF1

www.hjr.com.mxBlog: http://www.hjr.com.mx/Twitter: @HJR046LinkedIn: https://mx.linkedin.com/in/humbertojMail: [email protected]: http://bit.ly/XAMARINDF

Contacto

www.hjr.com.mx

84

Gracias! Preguntas?

www.hjr.com.mx
