Taller Xamarin Monkey Conf 2018
Descargar como PPTX, PDF2 recomendaciones12,040 vistas
El taller se centra en el desarrollo de aplicaciones multiplataforma utilizando Xamarin.Forms y machine learning, con un enfoque práctico para crear una aplicación que analiza fotos con Custom Vision. Se discutirán conceptos esenciales como la estructura del proyecto, diseño de vistas, y acceso a APIs nativas en Android, iOS y UWP. El evento brinda la oportunidad de resolver dudas y aprender sobre la integración de características específicas de cada plataforma.
Taller Xamarin Monkey Conf 2018
- 1. Desarrollo de aplicaciones multiplataforma con Xamarin Taller
- 2. Sponsors Sin ellos no sería posible el evento!
- 3. Software Developer at Microsoft • Blog: http://geeks.ms/blogs/jsuarez • Email: javiersuarezruiz@hotmail.com • Twitter: @jsuarezruiz
- 4. Crearemos una aplicación Xamarin.Forms haciendo uso de Machine Learning.Veremos conceptos como: ○ Crear estructura Proyecto. ○ Estructura de proyectos. ○ Diseño de vistas. ○ Acceder a Código espécifico de plataforma. ○ Hacer peticiones Http. La aplicación se realizará paso a paso, en diferentes bloques a lo largo de 2:30h. A lo largo del taller, iremos resolviendo dudas y preguntas. El taller
- 6. La App Crearemos una aplicación Xamarin.Forms para Android, iOS y UWP. Se podrán tomar fotos accediendo a la cámara o bien a la galería. La foto se analizará utilizando Custom Vision para determinar si es un HotDog o no. Se mostrará información adicional con porcentajes en base a datos de Custom Vision (tags, etc).
- 7. No dudéis en preguntar!
- 8. Por si alguien, no tiene material: https://goo.gl/nT7qqL https://goo.gl/Qnt2ME
- 10. Xamarin – Solución completa para el Desarrollo móvil
- 11. Código nativo iOS WindowsAndroid Objective-C Xcode C# Visual Studio Java Android Studio No se comparte código • Diferentes lenguajes & entornos de desarrollo • Diferentes equipos
- 12. Escribe una vez, corre en todos App Generator Lua Javascript Actionscript HTML+CSS Acceso limitado a APIs • Menos rendimiento • Experiencia de usuario más pobre
- 13. El enfoque de Xamarin Código común compartido • Acceso 100% a APIs nativas • Alto rendimiento iOS C# UI Windows C# UIAndroid C# UI Shared C# Mobile
- 14. Xamarin + Xamarin.Forms Enfoque tradicional Con Xamarin.Forms: Más código compartido, nativo iOS C# UI Windows C# UIAndroid C# UI Shared C# Backend Shared UI Code Shared C# Backend
- 15. El enfoque de Xamarin Código común compartido • Acceso 100% a APIs nativas • Alto rendimiento iOS C# UI Windows C# UIAndroid C# UI Shared C# Mobile C# Server Linux/Mono CoreCLRAzure Shared C# Client/Server
- 16. Xamarin ahora gratis e incluido en Visual Studio
- 17. Rendimiento nativo Xamarin.iOS usa la compilación Ahead Of Time (AOT) para crear un binario ARM para la Apple’s App Store. Xamarin.Android toma ventaja de la compilación Just In Time (JIT) en dispositivos Android.
- 18. Open Source – open.xamarin.com
- 20. C# mola
- 22. Windows APIs Microsoft.Phone Microsoft.Networking Windows.Storage Windows.Foundation Microsoft.Devices System.Data System.Windows System.Numerics System.Core System.ServiceMode l System.Net System System.IO System.Linq System.Xml
- 23. iOS – Acceso al 100% de las APIsMapKit UIKit iBeacon CoreGraphics CoreMotion System.Data System.Windows System.Numerics System.Core System.ServiceMode l System.Net System System.IO System.Linq System.Xml
- 24. Android – Acceso al 100%de las APIs Text-to-speech ActionBar Printing Framework Renderscript NFC System.Data System.Windows System.Numerics System.Core System.ServiceMode l System.Net System System.IO System.Linq System.Xml
- 25. Cualquier cosa que puedas hacer con Objective-C, Swift, o Java se puede hacer con C# y Visual Studio con Xamarin.
- 27. LIBRARIES INFRASTRUCTURE .NET STANDARD .NET Standard .NET Standard permite compartir Código, binaries y conceptos entre clients .NET y servidores. • .NET Standard faclita una específicación para cada plataforma para que la implementación sea similar. • Todos los runtime .NET creados por Microsoft están implmenentando el standard.
- 29. Xamarin + Xamarin.Forms Enfoque tradicional de Xamarin Con Xamarin.Forms: Más código compartido, todo nativo iOS C# UI Windows C# UIAndroid C# UI Shared C# Backend Shared UI Code Shared C# Backend
- 30. ¿Qué se incluye? ✓ 40+ páginas, layouts, y controles (code behind o XAML) ✓ Two-way data binding ✓ Navegación ✓ API de animaciones ✓ Dependency Service ✓ Messaging Center Shared C# Backend Shared UI Code
- 31. Layouts Páginas Stack Absolute Relative Grid ContentView ScrollView Frame Content MasterDetai l Navigatio n Tabbed Carousel
- 32. ActivityIndicator BoxView Button DatePicker Editor Entry Image Label ListView Map OpenGLView Picker ProgressBar SearchBar Slider Stepper TableView TimePicker WebView EntryCell ImageCell SwitchCell TextCell ViewCell Controles
- 33. A practicar: Vistas básicas XAML Love!
- 34. IDE Lenguaje Vistas iOS Android Windows Phone Xcode Android Studio Visual Studio ObjectiveC o Swift Java C# Storyboard AXML XAML MVC MVC MVVMPatrón diseño
- 35. IDE Lenguaje Vistas iOS Android Windows Phone Visual Studio Visual Studio Visual Studio C# C# C# Storyboard AXML XAML MVVM MVVM MVVMPatrón diseño
- 37. • Mayor facilidad para mantener, extender y compartir el código. • Más facilidad a la hora de colaborar. • Testing. • Más fácil de diseñar.
- 38. Continuamos: MVVM Enlace a datos y otros conceptos básicos
- 39. Código específico de plataforma ¿Qué ocurre si necesitamos accede a características específicas de la plataforma? UI+APIs UI + APIsUI + APIs Batería GPS Lámpara Notificationes Settings Text To Speech Batería GPS Lámpara Notificationes Settings Text To Speech Batería GPS Lámpara Notificationes Settings Text To Speech
- 40. RAZONES PARA EXTENDER XAMARIN.FORMS Motivos • Modificar aspectos de la UI. • Aprovechar a fondo las capacidades que nos ofrece cada plataforma. • Cubrir ciertas necesidades con nuevos controles o páginas.
- 41. SERVICIOS PERSONALIZADOSDependencyService Podemos utilizar DependencyService para utilizar servicios específicos de cada plataforma Definiremos una interfaz del servicio y luego realizaremos implementaciones del mismo por plataforma ICallService MakeCall(string Phone) Facilitamos una implementación por cada plataforma CallService CallService CallService OpenUrl Intent Uri PhoneCallTask
- 43. Continuamos: Plugins Utiizando Plugin para acceder a la cámara
- 44. Peticiones Http -> 100% compartidas public async Task<TResult> GetAsync<TResult>(string uri) { HttpClient httpClient = CreateHttpClient(); HttpResponseMessage response = await httpClient.GetAsync(uri); string serialized = await response.Content.ReadAsStringAsync(); TResult result = await Task.Run(() => JsonConvert.DeserializeObject<TResult>(serialized, _serializerSettings)); return result; }
- 46. "Tiene botones exquisitos... con mangas largas... es válido para algo casual y para negocios " {f(x) {f(x) Machine Learning “Programando lo inprogramable”
- 47. f(x) Modelo { Machine Learning crea un Uso de estos datos Machine Learning “Programando lo inprogramable” Pero necesita un montón de datos de entrenamiento de ejemplo para predecir correctamente...;)
- 49. Muchas tareas con Machine Learning! Linear Discriminant Analysis Regresión Redes neuronales (Autoencoders, Self-organizing maps, etc.) ML supervisado (Infers label) ML sin supervisión (Infers structure) Modelado de temas Dimensionality Reduction Redes neuronales (MultiLayer Perception, etc.) Modelado de temas Predicción estructurada Árboles de decisión Naïve Bayes Clasificación binaria Multi-class Classification Clustering Detección de anomalía Latent variable models Regresión lineal Regresión logística k-nearest neighbor Support Vector Machines ( K-means Mixture models Hierarchical clustering)
- 50. “Democratizar Machine Learning y AI en general, para los desarrolladores” La meta
- 51. Computer Vision Face Emotion Content Moderator Video Indexer Custom Vision Custom Decision QnA Maker Language Understanding (LUIS) Text Analytics Bing Spell Check Translator Text Speaker Recognition Bing Speech Custom Speech Translator Speech Speech unified service Bing Autosuggest Bing Search Bing Entity Search Bing Statistics add-in Bing Entity Search Bing Visual Search Bing Custom Search
- 52. Vision APIs Procesa y extra información de videos Servicio web personalizable que aprende a reconocer contenido específico en imágenes Moderación asistida de texto e imágenes Distingue entre información de una imagen Detecta, identifica y organiza caras Interpreta imágenes para crear experiencias de búsqueda visual a medida
- 54. Entrenar en el Cloud, correr en cualquier lugar Entrena en Custom Vision Service Despliega y ejecuta donde sea
- 55. Continuamos: Peticiones Http Acceso a customvision.ai
Notas del editor
- #17: Including the Free Community Edition
- #25: The same is true for Android as well.
- #26: Coming up next is bubbles
- #32: Inside of a page are layouts A lot of options from something simple like a stack panel to complex and powerful grids
- #33: You 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 Field On iOS it is mapped to UITextField Android it is EditText Windows Phoen it is a TextBox
- #47: 46
- #48: 47
- #52: Microsoft Build 2016