Rock'in with Russ & Xamarin Forms (FBI Deck)

1. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved1 Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Rockin with Russ, Raygun, App Studio & Xamarin Forms Russ Fustino, MVP CEO Fustino Brothers, Inc @RussFustino [email protected] 1www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

2. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved A little about me Former Developer Evangelist for Microsoft, Xamarin, Raygun and ComponentOne CEO, Fustino Brothers, Inc Publisher of Several Windows 8, Windows Phone 8, iOS, and Android Apps MVP Microsoft Platform Developer Publisher of Jethro Tull App, Endorsed www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

3. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved What a journey this has been! Sept 23, 2012 May 7, 2015Nov 1, 2014 www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

4. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved More Info. App Studio Version released 6www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

5. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved What were the Challenges? What can I salvage from the Windows App Studio Version? Windows version had Carousel navigation, how about iOS and Android? Windows version handled images automatically Background Image on ContentPage does not work, stretched on Android Xamarin Forms WebView Control did not have a enable JavaScript property File IO was in a different project location for each platform and had multiple copies of each image How to leverage XAML for Phone vs Tablet and Portrait vs Landscape? Most of the components in the store were for iOS an Android, but not XF? How would I know if my app is crashing and what it was from? www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

6. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Agenda App Studio What could I salvage for cross platform? Xamarin Forms: Navigation Images Custom Renderers Embedded Resources XAML, Building for Phone and Tablet Third party controls and plugins Dependency Injection Submission Challenges Improving app quality by using Raygun Error reporting www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

8. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Native apps vs Hybrid apps? www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

9. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved 95% code sharing Xamarin Forms www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

10. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Xamarin Forms Project Structure www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

12. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved How are we going to Navigate in this App? Download Forms Gallery Demo on Xamarin Site www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

13. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Images Android version choked using image cell and large images for thumbnails Use Aspect=AspectFit, AspectFill or Fill property on Image control Use small images for Thumbnails - Discography, ListView was dying in Android Expand Java Heap to 1G in Android project settings Thin out all images (save as web) Make all images .PNG because they are optimized in iOS www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

14. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Android Settings www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

15. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Images as Embedded Resources Make as many images as embedded as you can, this reduces the number of places for same image in the project from 3 to 1 What a difference this made on speed Downside: Made the app too big (over 90 Meg for Android and over 120 Meg for iOS) Anything over 50 Meg for Android on Google Play, needs expansion files for submission Anything over 100 Meg for iOS will not install over Cellular, just Wi-Fi We ended up moving most of the images to a server for the Discography Details. This got the app down to around 25 meg for Android and 50 meg for iOS. www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

16. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Background Stretched Image Solved! This link was our saving grace for the stretched and tiled background image problems we were seeing. http://java.dzone.com/articles/using-full-size-none- stretched Portrait and Landscape solved www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

17. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Custom Renderers Custom renderers extend the control to platform specific use Example of Custom renderer I updated this forum post w my sample.. https://forums.xamarin.com/discussion/21784/xamarin-forms-webview- control-in-windows-phone-8-1-app iOS url with % formatting like the amazon searches was not working in iOS to the native browser, but it works in the WebView! Adding back button support in Android now Does not integrate with YouTube nor Flick nor Twitter Apps via URL. ITunes it does. www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

18. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved XAML Table and Phone view in the same set of XAML Cannot have more than one view for a context page StackPanels within a StackPanel or Grid is fine, you just cant have multiple root views www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

20. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Phone, Tablet, Portrait and Landscape www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

21. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Android Tablets Does this really work for Android tablets? if (Device.Idiom == TargetIdiom.Tablet) It did not, for Nexus 7 and 9 emulators as well as a Toshiba 7inch AT7-C Tablets that did work : HP 10 Plus 10.1-Inch 16 GB Tablet (Silver) Kindle Fire 7 inch Tablet, displays as Tablet too. You need 10 and 7 inch screen shots for submitting apps, and there are no emulators of that size that I could find. www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

22. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Third Party Controls/Plugins Xamarin Plugins: https://github.com/jamesmontemagno/Xamarin.Plugins Mr. Gestures on NuGet http://mrgestures.com/ www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

23. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Dependency Injection PCL Platform specific code www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

24. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Submission Challenges Android Google Play Need to use Android in app purchase process for payments Amazon Store Need to provide proof we had the rights to use Jethro Tull as the name of the app. iOS App Store We had to remove all competitive platforms for Music. Only iTunes is available. Had to remove Xbox, Google Play, Amazon Music. App Store We had to remove use of Apple Logo and iTunes Logo as part of our design iOS Xamarin instructions have been updated iOS approval is slow 7-10 days! www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

25. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved How did I improve app quality? www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

26. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Find Bugs Before your Users do. www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

27. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Why is this important? Did you ever send screenshots? Its only part of the story. Real Time Notifications, Saves Time Saves Money Retain customers Convert trials Only 1% of your users even tell you that something is wrong If I only had stack trace, that would be gold Error grouping is essential, provides sanity for not exploding my inbox email Bottom line I need to improve developer productivity and reduce cost www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

28. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Raygun Platforms www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

29. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Raygun Dashboard 180 day retention period www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

30. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Grouping on Errors Its not the message that counts, its the cause Use stack trace data to group Raygun tends to err on side of the error not in the same group You can merge groups. IE, stack traces are different, but its the same underlining problem www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

31. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved If an error is serious, you will know www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

32. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Global Dashboard www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

33. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Affected Users www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

34. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Stack Trace is Gold www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

35. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Custom Tags www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

36. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Monthly online seminars! 2nd Monday of month on Business and Apps Register at: www.meetup.com/InBusinessLinksNetwork- FustinoBrothersInc/ Past presentations http://www.inbusinessseo.net/tps-blog 40www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

37. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Summary Navigation Images Custom Renderers Embedded Resources XAML Third party controls and plugins Building for Phone and Tablet Dependency Injection Find bugs before your users do! Dashboard Affected Users www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

38. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Xamarin www.Xamarin.com Raygun www.Raygun.io Xamarin Forms: http://xamarin.com/forms Windows App Studio: http://appstudio.windows.com If you liked this session: @RussFustino @Raygunio @XamarinHQ @FustinoBrothers #MicrosoftAppStudio www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

39. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Resources Some useful plugins for Xamarin (Device, Settings, etc..): https://github.com/jamesmontemagno/xamarin.plugins Affected user tracking: https://github.com/MindscapeHQ/raygun4net#affected-user- tracking Tags: https://github.com/MindscapeHQ/raygun4net#tags-and- custom-data .NET Platforms: https://raygun.io/docs/languages/net www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

40. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Resources Language support: https://raygun.io/docs/languages Plugins: https://raygun.io/docs/plugins/ Workflow: https://raygun.io/docs/workflow/ Raygun blog: https://raygun.io/blog/ Case Studies: https://raygun.io/blog/case-studies/ Dependency Injection: http://developer.xamarin.com/guides/cross- platform/xamarin-forms/dependency-service/ www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

41. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Xamarin Updated Publishing Publishing IOS: (uses app uploader now) http://developer.xamarin.com/guides/ios/deployment,_testing,_ and_metrics/app_distribution_overview/publishing_to_the_app _store/ Common Bug on IOS Publishing https://forums.xamarin.com/discussion/40388/disallowed- paths-itunesmetadata-plist-found-at-when-submitting-to-app- store/p1 Publishing Android http://developer.xamarin.com/guides/android/deployment,_testi ng,_and_metrics/publishing_an_application www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

42. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Resources Xamarin Forms Gallery (Navigation) http://developer.xamarin.com/guides/cross-platform/xamarin- forms/controls/pages/ What is a Xamarin plugin? http://motzcod.es/post/104507063997/what-exactly-is-a-plugin- for-xamarin How to create a plugin? http://blog.xamarin.com/creating-reusable-plugins-for- xamarin.forms/ 302 Error on Tour dates feed Bugzilla https://bugzilla.xamarin.com/show_bug.cgi?id=27265 www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

43. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Resources Mr. Gestures on NuGet http://mrgestures.com/ Background images that dont stretch http://java.dzone.com/articles/using-full-size-none-stretched Circle Images https://www.nuget.org/packages/Xam.Plugins.Forms.Image Circle XAML View for Custom Cells https://gist.github.com/jamesmontemagno/a70ffa4a3d1697 2a3369 www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

44. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Resources HP 10 Plus 10.1-Inch 16 GB Tablet (Silver) - $239 http://www.amazon.com/HP-Plus-10-1-Inch-Tablet- Silver/dp/B00LPC3W1Q/ref=sr_1_1?ie=UTF8&qid=1 431503402&sr=8-1&keywords=HP+10+Plus+10.1- Inch+16+GB+Tablet+%28Silver%29 www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

45. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Resources Excel 2003 Add-in: XML Tools Add-in http://www.microsoft.com/en- us/download/details.aspx?id=3108 Good link for splash screen on android: http://forums.xamarin.com/discussion/19362/xamarin-forms- splashscreen-in-android For the Build/iOS Bundle Signing set "Identity: Developer (Automatic)" and "Provisioning Profile: Automatic". Was getting error cant find in keychain http://forums.xamarin.com/discussion/25768/iphone-code- signing-key-other-developer-name-xxxxx-not-found-in-keychain www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

46. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Resources Android https://developers.google.com/android-publisher/ http://www.appbrain.com/stats/android-market-app-categories https://play.google.com/about/developer-content-policy.html https://support.google.com/googleplay/android- developer/answer/113474 IOS https://developer.apple.com/app-store/review/guidelines/ https://developer.apple.com/app-store/ https://developer.apple.com/library/ios/documentation/LanguagesUtiliti es/Conceptual/iTunesConnect_Guide/Appendices/Properties.html#//a pple_ref/doc/uid/TP40011225-CH26-SW2 www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

47. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Resources Android in app billing:(Which has a sample app) http://components.xamarin.com/view/xamarin.inappbilling Dependency service: http://developer.xamarin.com/guides/cross-platform/xamarin- forms/dependency-service/ Getting Started Xamarin.InAppPurchase: https://components.xamarin.com/gettingstarted/xamarin.inapppurchase Email validation http://blog.xamarin.com/behaviors-in-xamarin.forms/ Plug-ins https://github.com/jamesmontemagno/Xamarin.Plugins www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

48. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved FBI: Learn, Knowledge-Base, Reward Powerful Apps! Its Easy to Connect With Us 52www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

49. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Connect online At Your Computer- If Available Use a Headset Enter This link: https://www.startmeeting.com/wall/679-256-129 Click/Tap "Join- - Complete your Name and eMail Address - Then "Submit - The System will Guide from There - Mike Symbol Click/Tap the Green Icon to Red Test your speaker/mike. If headset doesn't work, or if connection is lost - try "Rejoin www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

50. Fustino Brothers, Inc. We Build Powerful Apps! Theme: Learn, Knowledge-Base, Reward All Rights Reserved Join In By Phone Join-In using a land line / mobile phone Dial - (530) 881-1212 When prompted enter access code followed by the "pound" key. 679-256-129# (be sure to enter the "#" hashtag symbol) 54www.FustinoBrothers.com | @FustinoBrothers FBI: 850.366.3232 | Fax: 1.856.267.1568

Software

Rock'in with Russ & Xamarin Forms (FBI Deck)