Recommended
Recommended
More Related Content
Similar to Azure Machine Learning In Xamarin.Forms: Build a Picture Analyzer App
Similar to Azure Machine Learning In Xamarin.Forms: Build a Picture Analyzer App (20)
Recently uploaded
Recently uploaded (20)
Azure Machine Learning In Xamarin.Forms: Build a Picture Analyzer App
- 1. Azure Machine Learning In Xamarin.Forms Juan R. Martí Mercado
- 2. Juan R. Martí Mercado Google Developers Group Lead Organiz Polybits Co-Organizer PRPass… Try to help Pastries Junky! Women Techmakers Organizer
- 3. Woman Tech Makers – Telling Our Story
- 4. Machine Learning & AI
- 5. Machine Learning & AI is on a rising!
- 7. Vision API
- 10. Demo Time!
- 12. What are we going to create? Picture Analyzer • Select a picture from our phone • Connect to Azure Cognitive Services • Obtain and Display The Tags
- 14. 1. Create API Key In Azure
- 17. DON’T SHARE YOUR KEYS!!!!!!
- 19. Create a Xamarin Project
- 20. Create Our Initial Interface
- 21. Include Packages • Xam.Plugin.Media • By James Montemagno • Project.Oxford.Vision • By Microsoft
- 22. Create Image Description Function
- 23. Create Select Picture Function
- 24. Connect the Button Handler
- 25. Tadddaaa!!!
- 26. Thank You!
- 27. Where to find me? Twitter - /jmarti326 Meetup - /gdgpuertorico New Blog – juanmarti.io E-Mail - jmarti.dev@gmail.com
- 28. Resources • GitHub - /jmarti326/Picture-Analyzer • Computer Vision API - http://bit.ly/2sBtryy
Editor's Notes
- Platforms such as Slack, Facebook Messenger, Pandorabots, Telegram, Botkit, Wit.ai and Microsoft’s Bot Framework
- <ContentPage.Content> <Grid> <Grid.RowDefinitions> <RowDefinition/> <RowDefinition/> <RowDefinition/> <RowDefinition/> </Grid.RowDefinitions> <Image x:Name="MyImage" Grid.Row="0" Margin="24"/> <ActivityIndicator x:Name="MyActivityIndicator" Grid.Row="1"/> <ScrollView Grid.Row="2"> <Label x:Name="MyLabel" FontSize="20"/> </ScrollView> <Button x:Name="MyButton" Grid.Row="3" Text="Select a Picutre"/> </Grid> </ContentPage.Content>
- private async Task<AnalysisResult> GetImageDescription(Stream imageStream) { VisionServiceClient visionClient = new VisionServiceClient( "ee8f52426e87468cbff5ab0f4c19bc8f", "https://eastus2.api.cognitive.microsoft.com/vision/v1.0"); VisualFeature[] features = { VisualFeature.Tags }; return await visionClient.AnalyzeImageAsync(imageStream, features.ToList(), null); } using System.IO; using System.Threading.Tasks; using Microsoft.ProjectOxford.Vision.Contract; using Xamarin.Forms; using Microsoft.ProjectOxford.Vision; using System.Linq;
- private async Task SelectPicture() { if (CrossMedia.Current.IsPickPhotoSupported) { var image = await CrossMedia.Current.PickPhotoAsync(); MyImage.Source = ImageSource.FromStream(() => { return image.GetStream(); }); MyActivityIndicator.IsRunning = true; try { var result = await GetImageDescription(image.GetStream()); MyLabel.Text = ""; foreach (var tag in result.Tags) { MyLabel.Text += tag.Name + "\n"; } } catch (ClientException ex) { MyLabel.Text = ex.Message; } MyActivityIndicator.IsRunning = false; } }
- async void Handle_Clicked(object sender, System.EventArgs e) { await SelectPicture(); }