Slides for my talk about Cross-platform mobile app development with Xamarin at Back2Learn event organized by Cuenca University (Ecuador)

2. Desarrollo de apps móviles multiplataforma
con Xamarin
Luis Beltrán
Microsoft MVP
@darkicebeam

3. Presentación
Investigador en Tomás Bata University in Zlín
Docente en Tecnológico Nacional de México
en Celaya
Microsoft MVP en IA y Tecnologías de
Desarrollador
@darkicebeam
luis@luisbeltran.mx

4. Nuevos retos
Más dispositivos Plataformas emergentes Datos e Inteligencia

5. Desarrollo nativo = Experiencias nativas
Web Services
C#, Swift, Xcode, Java, Kotlin, JavaScript
C#, Swift, JavaScript
C#, Swift, JavaScript
JavaScript
Mobile Apps (Line of Business, Services)
Desktop Apps

6. Enfoque tradicional de desarrollo (SILO)
Tradicionalmente, las aplicaciones tienen bases de código separadas escritas
en su lenguaje nativo, construidas usando herramientas nativas e incorporando
características específicas de plataforma

7. Ventajas
Las aplicaciones tradicionales siguen
las guías de experiencia de usuario de
cada plataforma: estilo de navegación,
diseño de interfaces, configuraciones,
etc.
Los usuarios saben qué esperar y cómo
utilizar una app de forma natural.

8. Desventajas
El desarrollo tradicional de apps toma más tiempo, requiere múltiples equipos,
múltiples entornos de desarrollo y no se puede compartir código.

9. Tecnologías cross-platform
“cross-platform”: Tecnología que permite
escribir lógica de negocios y crear interfaces
de usuario bajo un framework de trabajo
común para construir aplicaciones para iOS,
Android y posiblemente Windows.
“Write once, run anywhere”

10. Opciones actuales
Flutter React Native Xamarin

11. Recomendaciones
• Elige la tecnología cross-platform que más se ajuste a tus necesidades, stack,
conocimientos, reutilización de código.
• No elijas cross-platform si el equipo de desarrollo (colaboradores) no tiene los
conocimientos requeridos.
• Entender que cross-platform no es ideal para todos los escenarios.
• Pon atención especial a tu proveedor de servicios.
• Experimenta cada plataforma de primera mano.

12. Consideraciones
Cross-platform NO sustituye el aprendizaje de los patrones de cada
plataforma
Cross-platform NO es la solución para todo.
Ciertos aspectos deben seguirse gestionando:
Acceso offline
Permisos
Almacenamiento

13. .NET: La plataforma para construer lo que necesites
.NET

14. ¿Qué es Xamarin?

15. Xamarin
Una plataforma de aplicaciones open source de Microsoft para construir apps iOS, Android,
macOS, Windows, watchOS, & tvOS modernas y de alto rendimiento con .NET.

16. Herramientas
Utilizas Visual Studio (for Windows/Mac), C# + XAML y las bibliotecas de .NET
para construr aplicaciones de Xamarin.

18. Xamarin + Xamarin.Forms
Xamarin.Forms
Enfoque Tradicional
iOS C# UI Windows C# UI
Android C# UI
Lógica de C# (Shared) Lógica de C# (Shared)
Xamarin.Forms
Base de código compartido • Acceso 100% a APIs nativos • Alto desempeño

19. Xamarin.iOS
MapKit UIKit SiriKit ARKit CoreML
System.Data System.Windows System.Numerics System.Core System.ServiceModel
System.Net System System.IO System.Linq System.Xml
C#
Todo lo que puedes hacer en Swift y
Objective-C para iOS, lo puedes programar
con Xamarin usando C#
API cubierto al 100% con el beneficio adicional de las
APIs de .NET

20. Xamarin.Android
Fingerprint Bluetooth Picture-in-Picture Geolocation NFC
System.Data System.Windows System.Numerics System.Core System.ServiceModel
System.Net System System.IO System.Linq System.Xml
C#
Todo lo que puedes hacer en Android y Kotlin
para Android, lo puedes programar con
Xamarin usando C#
API cubierto al 100% con el beneficio adicional de las
APIs de .NET

21. APIs de Windows
Windows.Media Windows.Networking Windows.Storage Windows.Foundation Windows.Devices
System.Data System.Windows System.Numerics System.Core System.ServiceModel
System.Net System System.IO System.Linq System.Xml
C#
Las apps de Windows son construidas en C#
usando las APIs nativas

22. Desempeño nativo
Las apps de Xamarin son completamente nativas, tanto en apariencia como en
rendimiento, con el beneficio adicional del código compartido

23. Xamarin.Forms
Un framework mobile para UI
open source de Microsoft para
construir apps iOS, Android & Windows con .NET a partir
de una base única de código compartido.

24. Xamarin.Forms
Xamarin.Forms permite compartir todavía
más elementos que en Xamarin
Tradicional, dado que existe una definición
de UI común.
Esto significa que puedes construir
interfaces de usuario nativas para Android,
iOS y Windows a partir de una base única
de código compartido.

25. Estructura de una solución Xamarin.Forms

26. Páginas y Layouts
Layouts
Pages
Stack Absolute Relative Grid ContentView ScrollView Frame
Content MasterDetail Navigation Tabbed Carousel

27. Views (Controles)

28. Ejemplo de interfaz de usuario en Xamarin.Forms

29. Demo
https://github.com/icebeam7/Back2LearnApp

30. Requisitos de instalación
Xamarin.iOS
• Equipo Mac (o acceso remoto)
• Xcode
• SDK de iOS
Xamarin.Android
• Equipo Windows 10 o Mac
• SDK de Android
Hardware
• 8 GB de RAM (mínimo)
• Soporte a virtualización (en caso de usar emuladores)
• Procesador Core i5 (mínimo)

31. Prueba tus aplicaciones: Emuladores o dispositivos físicos

32. Q & A

33. Invitación: Call for Speakers .NET Conf Latam 2021
https://sessionize.com/dotnetconflatam2021/

34. Invitación: Call for Speakers Global AI Back Together Latinoamérica 2021
https://sessionize.com/global-ai-back-together-latinoamerica-2021/

35. Invitación: Azure Tech Frogs Nenúfar Ep. 02
https://www.facebook.com/azuretechfrogs
https://www.eventbrite.com.mx/e/nenufar-ep-2-tickets-170630579657

36. ¡Muchas gracias por tu atención!
Luis Beltrán
Tomás Bata University in Zlín
Tecnológico Nacional de México en Celaya
luis@luisbeltran.mx luisbeltran.mx @darkicebeam
/icebeam /darkicebeam /luisantoniobeltran
/icebeam7 about.me/luis-beltran

37. Microsoft
Universidad de Cuenca
¡Muchas gracias por participar en este espacio de la Comunidad Microsoft
de la Universidad de Cuenca!
¡¡Hasta pronto!!