Hybrid mobile apps

1. JavascriptCore & Hybrid Mobile Apps Abraham Barrera Desarrollador @abraham_barrera

2. Hybrid Mobile Apps & JavascriptCore Abraham Barrera Desarrollador @abraham_barrera

3. Android Abraham Barrera Desarrollador @abraham_barrera Sucks

4. Hybrid Applications Abraham Barrera Desarrollador @abraham_barrera

5. OX: STRONG & MEEK

6. A designer desk

7. Developer Desk

8. People hates Web

9. People Loves Web

10. Some people hates Objective-C

11. Native Web Merge two worlds

12. Native Web Objective-C Java C++ C# Tech Stack

13. Native Web Objective-C Javascript Java HTML5 C++ CSS3 C# Tech Stack

14. Native Web Cool Transitions / Performance Device Resources Stability Big Storage Support Etc... A Lot of great things Advantages

15. Native Web Cool Transitions / Performance CSS Support Device Resources Easy Prototyping Stability Cross Platform Big Storage Support Faster to update content Etc... A Lot of great things Advantages

16. Native Web Cool Transitions / Performance CSS Support Device Resources Easy Prototyping Stability Cross Platform Big Storage Support Faster to update content Etc... A Lot of great things Advantages

17. How long time?

18. “Hybrid applications.. We recomend” Iphone OS developer guide - 2008 Long

19. http://code.google.com/p/ iphone-google-maps-component/ Great sample !

20. why don't we listened?

21. Our first Applications

22. Hybrid Applications Why? Abraham Barrera Desarrollador @abraham_barrera

23. Our Motivation

24. A Cool Design

25. A Cool Design

26. A Cool Design

27. Yes We're Hackers, We can

29. We're 3 Polyglot

30. We're 3 Polyglot iOS

31. We're 3 Polyglot iOS Coolest Designer We're a hybrid Team

32. Decision Make an embed web Best of both

33. Embed web Applications* Embed web content Hybrid Applications

34. Embed web Applications Bridge Embed web content Native Interpreter Hybrid Applications

35. Embed web Applications Embed web content Native Interpreter Bridge Phonegap JavascriptCore / V8 Hybrid Applications

36. Embed web Applications Embed web content Native Interpreter Bridge Phonegap JavascriptCore / V8 Hybrid Applications

37. Hybrid Applications

41. Embed Web Applications 1. Our Case

42. Native Bridge First Step

43. Native Bridge Social APIS

44. Native Bridge Push Notifications

45. Native Bridge Comment Composser

46. Phonegap Why not?

47. Phonegap Why not? Poor Social Apis, and a lot of things

48. Native Bridge iOS

49. document.location = rhyboo://method?params WebView Native API Native Bridge iOS

50. document.location = rhyboo://method?params WebView Native API Native Bridge iOS

51. See it in Action https://github.com/abrahambarrera/dynlang_june13

52. Native Bridge Android

53. Android Abraham Barrera Desarrollador @abraham_barrera Sucks

54. Android Abraham Barrera Desarrollador @abraham_barrera Sucks The only good thing

55. myBridge.myMethod(params) WebView Native API Native Bridge Android

57. Build a web Application Second step

58. ¿ Frameworks ? Time to Market

59. And others

60. First Conslusion

61. JQMobile (for Desktop browsers) A lot of Code

62. JQMobile (for Desktop browsers) Large size

63. JQMobile (for Desktop browsers) Many fallbacks

64. Android Webview (slow, no websocket) Very Slow

65. Android Webview (slow, no websocket) deaccelerated transitions

66. First Tip

67. use a lightweight framework

68. use a lightweight framework

69. First Big Question

70. How did it Facebook?

71. Decompile: Facebok iOS and Android app

72. They use the best of both worlds

73. Embed web Applications* Embed web content

74. Bridge

75. A lot of pictures (why not CSS3)

76. Second Conclusion

77. CSS3 Don't use Box-Shadow

78. CSS3 Don't use alpha

79. CSS3 Don't use Border Radius

80. Second Tip

81. CSS3 Use transform and translate

82. Webviews Aren't browsers

83. Partial Webviews Use a few webviews

84. Embed Web Content 2. The other way

85. HTML Templates You can use Mustache, JQTempl

86. Page Transitions Managed natively

87. HTTP / Websocket Managed natively

88. REST API Websocket WEBVIEW DEVICE PLATFORM Web Content

89. REST API Websocket WEBVIEW DEVICE PLATFORM Webview is Slow Web Content

90. REST API Websocket Web Content WEBVIEW DEVICE PLATFORM Webview is a bottleneck

91. REST API Websocket Web Content WEBVIEW DEVICE PLATFORM Advantage of native

93. Thanks ! Questions? Abraham Barrera Desarrollador @abraham_barrera

Hybrid mobile apps

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (8)

Similar to Hybrid mobile apps

Similar to Hybrid mobile apps (20)

Recently uploaded

Recently uploaded (20)

Hybrid mobile apps