Evolving Mobile Architectures - Developer Version

1. EVOLVING MOBILE ARCHITECTURES Stewart Gleadow @stewgleadow stew@rea-group.com Thursday, 4 July 13

2. Remember the early days of the web? http://www.icehousedesigns.com/webarchive/images/ﬂshbk_COLLAGE2.gif Thursday, 4 July 13

3. What’s Jump-in?›❯ Initial mobile architecture›❯ Evolving Jump-in›❯ Recommendations›❯ Thursday, 4 July 13

5. 77%use another device in front of the television Thursday, 4 July 13

6. Thursday, 4 July 13

8. Build a small team that delivers the product end-to-end. • Design and product • Front-end and back-end • Operations • (plus anything I forgot) Thursday, 4 July 13

9. BUILD MEASURELEARN Thursday, 4 July 13

11. How do you build an app that’s undeﬁned and evolving? Thursday, 4 July 13

12. OR Thursday, 4 July 13

13. AND Thursday, 4 July 13

14. NATIVE HYBRID WEB Thursday, 4 July 13

16. WEB / NATIVE BRIDGE http://commons.wikimedia.org/wiki/File:Pont_du_Gard_HDR.jpg Thursday, 4 July 13

17. Signal from web to native Thursday, 4 July 13

18. <body onload="window.location = 'myapp://ready'"> Signal from web to native Thursday, 4 July 13

19. <body onload="window.location = 'myapp://ready'"> - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType { if ([request.URL.scheme isEqualToString:@"myapp"] && [request.URL.host isEqualToString:@"ready"]) { // We're done, you can display the content now return NO; } ... } Signal from web to native Thursday, 4 July 13

20. Use protocols to formalise the communication Thursday, 4 July 13

21. if ([request.URL.scheme isEqualToString:@"myapp"]) { SEL methodSel = NSSelectorFromString(request.URL.host); struct objc_method_description nativeMethod = protocol_getMethodDescription(@protocol(MyNativeMethods), methodSel, NO, YES); if (nativeMethod != NULL && [self.nativeDelegate respondsToSelector:methodSel] && ![NSObject instancesRespondToSelector:methodSel]) { // Turn into an NSInvocation and invoke it } return NO; } Use protocols to formalise the communication Thursday, 4 July 13

25. Running javascript from native code [webView stringByEvaluatingJavaScriptFromString:@"someFunction()"]; Thursday, 4 July 13

27. ARCHITECTURE MEANS YOU CAN RESPOND TO CHANGE FLEXIBILE HAVING A Thursday, 4 July 13

31. The app is just the tip of the iceberg Thursday, 4 July 13

32. App Backend Thursday, 4 July 13

33. App BackendAPI Decouple your app from the backend Thursday, 4 July 13

34. App BackendAPI Force logic to the API, keep the app simple Thursday, 4 July 13

35. http://www.ﬂickr.com/photos/jakecaptive/3205277810 Forcing logic to the server Thursday, 4 July 13

36. http://www.ﬂickr.com/photos/jakecaptive/3205277810 Forcing logic to the server What if you could only use NSDictionary objects for your domain model? Thursday, 4 July 13

37. How do we build simpler apps and smarter backends? • Principles of REST • Serving data and style • Product-aligned teams Thursday, 4 July 13

38. Populating web views with GRMoustache <div class="person"> <span class=”name”>{{name}}</span> {{#address}} <div class="address"> {{.}} </div> {{/address}} ... and all the other stuff </div> Thursday, 4 July 13

39. Populating web views with GRMoustache NSDictionary *person = @{ @"name": @"Stew", @"address": @"Melbourne" }; GRMustacheTemplate *template = ...; NSString *renderedContent = [template renderObject:person]; [webView loadHTMLString:renderedContent baseURL:...]; Should be populate templates on the client or the server? Thursday, 4 July 13

41. CONCENTRATE ON BUILDING A SIMPLE APP AND A GREAT API Thursday, 4 July 13

42. DON’T LOCK YOURSELF INTO DOING EVERYTHING NATIVELY OR EVERYTHING USING THE WEB Thursday, 4 July 13

43. ARCHITECTURE MEANS YOU CAN RESPOND TO CHANGE FLEXIBILE HAVING A Thursday, 4 July 13

44. Thank you Thursday, 4 July 13

45. EVOLVING MOBILE ARCHITECTURES Stewart Gleadow @stewgleadow stew@rea-group.com Thursday, 4 July 13

Evolving Mobile Architectures - Developer Version

Recomendados

Recomendados

Mais conteúdo relacionado

Mais de sgleadow

Mais de sgleadow (11)

Último

Último (20)

Evolving Mobile Architectures - Developer Version