Sharing up to 80% code for iOS, Android, and Windows platforms, a Retail App Case Study, Roy Cornellisen and Marcel de Vries
•
5 likes•4,974 views
Recommended
More Related Content
Viewers also liked
Viewers also liked (18)
Similar to Sharing up to 80% code for iOS, Android, and Windows platforms, a Retail App Case Study, Roy Cornellisen and Marcel de Vries
Similar to Sharing up to 80% code for iOS, Android, and Windows platforms, a Retail App Case Study, Roy Cornellisen and Marcel de Vries (20)
More from Xamarin
More from Xamarin (20)
Recently uploaded
Recently uploaded (20)
Sharing up to 80% code for iOS, Android, and Windows platforms, a Retail App Case Study, Roy Cornellisen and Marcel de Vries
- 1. Welcome!
- 2. Sharing up to 80% of code building mobile apps for iOS, Android, WP8 and Windows 8 Roy Cornelissen IT Architect, Info Support per, Info Support Marcel de Vries TechnologyManager @marcelv Xamarin Evolve 2013 Roy Cornelissen ITArchitect @roycornelissen
- 9. Key takeaways Demos Architecture Tips & Tricks
- 10. Showcase
- 11. National web site, aimed at selling the “last available seats” for theatre shows for up to 4 days No discount or auction site, but a source for inspiration for a fun night out Order tickets from home, from a terrace or from your hotel room
- 12. Demo
- 13. Mindset Lessons we’ve learned over the years Stuff that actually works in practice Not only theoretically We target iOS, Android and Windows Leaving out Windows can give a different perspective on reuse Showcase: app for a retail startup Currently being rebranded
- 14. What we’ve heard the past few days Many cross platform talks Talks on frameworks This session is about a real app, not just an example Important: we also target Windows Very different UI paradigms, impacts code structure and level of reuse
- 18. Evaluate frameworks MonoCross MvvmCross Roll your own Frameworks can help speed up development but they might also limit your movements by (over)abstraction Keep as light as possible
- 19. Data Serialization Caching Security AuthN/AuthZ Encryption Data Self Destruction Utilities Analytics Logging Device services Platform Agnostic API Application Business Logic Platform UI Design Patterns for Reuse Glue together the application layers
- 20. Navigation frameworks In our experience, navigation frameworks yield leaky abstractions. E.g. PivotView navigation experience is not the same as menu navigation via UINavigationController. Leave UI navigation device specific
- 22. Android Tab bar style navigation with separate activities
- 24. Services Model Controller ViewModel Etc. GPS Storage Motion sensors View Shared? Bridge Shared Platform specific
- 25. Model Implementation We implement the Model as a Singleton Model Implements INotifyPropertyChanged Easy to enlist subscribers Facilitate automatic databinding in XAML Model contains rich features such as filtering and advanced selections Easy to share logic
- 26. Model Implementation public class MainModel : INotifyPropertyChanged { private static MainModel _model; private static object _lockHandle = new object(); // Facilitates Windows Phone app resume public void RestoreState(MainModel state) { _model = state; } public static MainModel Current { get { if (_model == null) { _model = new MainModel(); } return _model; } } public IEnumerable<Event> ActualEvents { get { // E.g. Complex linq stuff } } } // Model Usage: var foo = MainModel.Current.ActualEvents;
- 27. Check your water level Reusable Business Logic Device Specific XAML / ValueConverter Model Property Value Transformation
- 29. public class ISKEController { private static ISKEController _instance; private ISKEDomainServicesoap _proxy; public static ISKEController Current { get { if (_instance == null) { _instance = new ISKEController(); } return _instance; } } private void GetActualEvents (Action<object> OnSuccess, Action<Exception> OnFail) { // do some logic, or service call // use actions to report result or trigger UI action } }
- 30. Shared Controller UIViewController XAML View Activity Web Services S F S F S F Model GetActualEvents (Action<object> OnSuccess, Action<Exception> OnFail) PropertyChanged(“Events”); public void OnFailed(Exception e) { // Do something with error } public void OnSuccess(object data) { // Do something with data // Notify user }
- 31. Demo
- 34. Partial classes & methods
- 35. partial class A { // Half of the implementation } partial class A { // The other half } A.cs A.extra.cs
- 36. partial class A { // Declare the method here partial void DoSomethingEx(); public void DoSomething() { // Some shared logic DoSomethingEx(); } } partial class A { // Provide the implementation here partial void DoSomethingEx() { // Do something iOS specific } }Can be used from shared logic Leaves room for specific implementation Always private and returns void A.cs A.iOS.cs
- 38. Demo
- 39. Services – Use soap? Proxy generation Silverlight tools: it needs to run on Windows too! What about bandwidth?
- 40. Services – Use REST/JSON? WebAPI / ServiceStack More hand coding Cloud: Azure / Parse / Buddy
- 43. Cross platform version control GitHub, BitBucket VisualStudio.com Work items, builds
- 44. Demo
- 45. C# language tricks Leverage your tools
- 46. Abstractions are good But don’t over-abstract Don’t over-engineer Beware of pitfalls…