• Save
Multiplatform, Promises and HTML5
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Multiplatform, Promises and HTML5

on

  • 582 views

Video and slides synchronized, mp3 and slide download available at http://bit.ly/ZWoOFl. ...

Video and slides synchronized, mp3 and slide download available at http://bit.ly/ZWoOFl.

Max Firtman discusses the present mobile ecosystem, why cross-platform is the key to success, HTML5 APIs, challenges with HTML5, when HTML5 is a proper solutions and other. Filmed at qconsf.com.

Max Firtman is a mobile+web developer, trainer, speaker and writer. He is Adobe Community Champion and founder of ITMaster Professional Training. He wrote many books, including "Programming the Mobile Web" and "jQuery Mobile: Up and Running" published by O'Reilly Media. He has a blog about mobile web development at www.mobilexweb.com and he maintains the website www.mobilehtml5.org.

Statistics

Views

Total Views
582
Views on SlideShare
582
Embed Views
0

Actions

Likes
1
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Multiplatform, Promises and HTML5 Presentation Transcript

  • 1. Nov, 7th, 2012 San Francisco, USA Max Firtman @firt MULTIPLATFORM, PROMISES AND HTML5Wednesday, November 7, 12
  • 2. Watch the video with slide synchronization on InfoQ.com! http://www.infoq.com/presentations /Mobile-Multiplatform-HTML5 InfoQ.com: News & Community Site• 750,000 unique visitors/month• Published in 4 languages (English, Chinese, Japanese and Brazilian Portuguese)• Post content from our QCon conferences• News 15-20 / week• Articles 3-4 / week• Presentations (videos) 12-15 / week• Interviews 2-3 / week• Books 1 / month
  • 3. Presented at QCon San Francisco www.qconsf.comPurpose of QCon- to empower software development by facilitating the spread ofknowledge and innovationStrategy - practitioner-driven conference designed for YOU: influencers ofchange and innovation in your teams- speakers and topics driving the evolution and innovation- connecting and catalyzing the influencers and innovatorsHighlights- attended by more than 12,000 delegates since 2007- held in 9 cities worldwide
  • 4. who am I?Wednesday, November 7, 12
  • 5. who am I? @firt mobile+web developerWednesday, November 7, 12
  • 6. where?Wednesday, November 7, 12
  • 7. speakerWednesday, November 7, 12
  • 8. Wednesday, November 7, 12
  • 9. books Image from my houseWednesday, November 7, 12
  • 10. Wednesday, November 7, 12
  • 11. Wednesday, November 7, 12
  • 12. Wednesday, November 7, 12
  • 13. 50% off Code: AUTHD at oreilly.comWednesday, November 7, 12
  • 14. Wednesday, November 7, 12
  • 15. Let’s startWednesday, November 7, 12
  • 16. the trackWednesday, November 7, 12
  • 17. Cross Platform mobile 10.30 Maximiliano Firtman Multiplatform, promises and HTML5 11.40 James Pearce Building social apps for all mobile platforms 13.30 Pete LePage The Mobile Web Developer’s Tool belt 14.40 Christophe Coenraets Cross-Platform Mobile Apps with PhoneGap 16.00 Robert Shilston Developing the FT web appWednesday, November 7, 12
  • 18. how many...?Wednesday, November 7, 12
  • 19. why mobile?Wednesday, November 7, 12
  • 20. why cross platform?Wednesday, November 7, 12
  • 21. mobile is a minefield Photo by World of Good (Flickr) Malvinas / Falklands IslandsWednesday, November 7, 12
  • 22. lots of platformsWednesday, November 7, 12
  • 23. Wednesday, November 7, 12
  • 24. Hey you! I have a BlackBerryWednesday, November 7, 12
  • 25. Hey you! I have a NokiaWednesday, November 7, 12
  • 26. Hey you! I have a Windows PhoneWednesday, November 7, 12
  • 27. Hey you! I have a SurfaceWednesday, November 7, 12
  • 28. Hey you! I’m using FirefoxWednesday, November 7, 12
  • 29. Hey you! I have a TouchPad and browse with Internet Explorer!Wednesday, November 7, 12
  • 30. DiscriminationWednesday, November 7, 12
  • 31. FrustrationWednesday, November 7, 12
  • 32. Wednesday, November 7, 12
  • 33. market shareWednesday, November 7, 12
  • 34. cross platformWednesday, November 7, 12
  • 35. Wednesday, November 7, 12
  • 36. cross form-factorWednesday, November 7, 12
  • 37. Wednesday, November 7, 12
  • 38. Wednesday, November 7, 12
  • 39. Wednesday, November 7, 12
  • 40. Source: informationweekWednesday, November 7, 12
  • 41. cross versionWednesday, November 7, 12
  • 42. http://developer.android.com/about/dashboardsWednesday, November 7, 12
  • 43. Wednesday, November 7, 12
  • 44. cross form-factorWednesday, November 7, 12
  • 45. QQVGA WVGA FWXGA QVGA FWVGA Sq.HD WQVGA VGA XGA FWQVGA DVGA WXGA LQVGA WDVGA WUXGA HVGA QHD QXGA nHD WSVGA WQXGA HDWednesday, November 7, 12
  • 46. Wednesday, November 7, 12
  • 47. Wednesday, November 7, 12
  • 48. Wednesday, November 7, 12
  • 49. Wednesday, November 7, 12
  • 50. Wednesday, November 7, 12
  • 51. Wednesday, November 7, 12
  • 52. Wednesday, November 7, 12
  • 53. Wednesday, November 7, 12
  • 54. Wednesday, November 7, 12
  • 55. Give me a break! Gold museum, Bogotá, ColombiaWednesday, November 7, 12
  • 56. mobile apps 1. distribution channel 2. development platform 3. native vs. web?Wednesday, November 7, 12
  • 57. distributionWednesday, November 7, 12
  • 58. distribution ‣ web: browser - urlWednesday, November 7, 12
  • 59. distribution ‣ web: browser - url ‣ installed webappWednesday, November 7, 12
  • 60. distribution ‣ web: browser - url ‣ installed webapp ‣ appsWednesday, November 7, 12
  • 61. development Native SDKs Cross-compilers/runtimeWednesday, November 7, 12
  • 62. development ‣ web: browser - url Native SDKs Cross-compilers/runtimeWednesday, November 7, 12
  • 63. development ‣ web: browser - url ‣ installed webapp Native SDKs Cross-compilers/runtimeWednesday, November 7, 12
  • 64. development ‣ web: browser - url ‣ installed webapp ‣ apps Native SDKs Cross-compilers/runtimeWednesday, November 7, 12
  • 65. native sdksWednesday, November 7, 12
  • 66. native sdks ‣ no cross platformWednesday, November 7, 12
  • 67. native sdks ‣ no cross platform ‣ no code sharingWednesday, November 7, 12
  • 68. native sdks ‣ no cross platform ‣ no code sharing ‣ high costWednesday, November 7, 12
  • 69. native sdks ‣ no cross platform ‣ no code sharing ‣ high cost ‣ high performanceWednesday, November 7, 12
  • 70. native sdks ‣ no cross platform ‣ no code sharing ‣ high cost ‣ high performance ‣ high flexibilityWednesday, November 7, 12
  • 71. cross compilers / runtimesWednesday, November 7, 12
  • 72. cross compilers / runtimes ‣ medium cross platformWednesday, November 7, 12
  • 73. cross compilers / runtimes ‣ medium cross platform ‣ code sharingWednesday, November 7, 12
  • 74. cross compilers / runtimes ‣ medium cross platform ‣ code sharing ‣ lot of promisesWednesday, November 7, 12
  • 75. cross compilers / runtimes ‣ medium cross platform ‣ code sharing ‣ lot of promises ‣ performance analysisWednesday, November 7, 12
  • 76. cross compilers / runtimes ‣ medium cross platform ‣ code sharing ‣ lot of promises ‣ performance analysis ‣ risk analysisWednesday, November 7, 12
  • 77. cross compilers / runtimes ...Wednesday, November 7, 12
  • 78. native vs webWednesday, November 7, 12
  • 79. native code vs javascriptWednesday, November 7, 12
  • 80. native ui elements vs html/cssWednesday, November 7, 12
  • 81. browser vs installed apps & storesWednesday, November 7, 12
  • 82. Wednesday, November 7, 12
  • 83. Photo by Ben Millett (Flickr)Wednesday, November 7, 12
  • 84. Are you sure? Photo by Ricky David (Flickr)Wednesday, November 7, 12
  • 85. What is ?Wednesday, November 7, 12
  • 86. html5Wednesday, November 7, 12
  • 87. html5Wednesday, November 7, 12
  • 88. advantagesWednesday, November 7, 12
  • 89. advantages ‣ multiplataformaWednesday, November 7, 12
  • 90. advantages ‣ multiplataforma ‣ apisWednesday, November 7, 12
  • 91. advantages ‣ multiplataforma ‣ apis ‣ know howWednesday, November 7, 12
  • 92. advantages ‣ multiplataforma ‣ apis ‣ know how ‣ “future friendly”Wednesday, November 7, 12
  • 93. disadvantagesWednesday, November 7, 12
  • 94. disadvantages ‣ multiplataformWednesday, November 7, 12
  • 95. disadvantages ‣ multiplataform ‣ underestimationWednesday, November 7, 12
  • 96. disadvantages ‣ multiplataform ‣ underestimation ‣ performanceWednesday, November 7, 12
  • 97. disadvantages ‣ multiplataform ‣ underestimation ‣ performance ‣ native uiWednesday, November 7, 12
  • 98. typeof html5 != booleanWednesday, November 7, 12
  • 99. some features safeWednesday, November 7, 12
  • 100. some features only on few platformsWednesday, November 7, 12
  • 101. some features experimentalWednesday, November 7, 12
  • 102. some features with prefixesWednesday, November 7, 12
  • 103. Wednesday, November 7, 12
  • 104. second class developersWednesday, November 7, 12
  • 105. second class developers ‣ vague, non-existent or outdated infoWednesday, November 7, 12
  • 106. second class developers ‣ vague, non-existent or outdated info ‣ new features discovered by third-partiesWednesday, November 7, 12
  • 107. second class developers ‣ vague, non-existent or outdated info ‣ new features discovered by third-parties ‣ lack of samplesWednesday, November 7, 12
  • 108. second class developers ‣ vague, non-existent or outdated info ‣ new features discovered by third-parties ‣ lack of samples ‣ no developer tools on some platformsWednesday, November 7, 12
  • 109. mobile html5 is slowPicture from Simon Howden freedigitalphotos.net!Wednesday, November 7, 12
  • 110. performanceWednesday, November 7, 12
  • 111. performance ‣ do we need jQuery?Wednesday, November 7, 12
  • 112. performance ‣ do we need jQuery? ‣ performance best practicesWednesday, November 7, 12
  • 113. performance ‣ do we need jQuery? ‣ performance best practices ‣ JIT compilersWednesday, November 7, 12
  • 114. performance ‣ do we need jQuery? ‣ performance best practices ‣ JIT compilers ‣ hardware accelerationWednesday, November 7, 12
  • 115. battery consumptionWW 2012 – Session: Mobile Web Performance April 16–20, 2012, Lyon, Fra 50 45 40 Energy (Joules) 35 30 25 20 15 10 5 0 live.com microsoft weather picasa baidu facebook imdb youtube go.com wall st. journal blogger 3G setup nytimes tumblr wikipedia apple ebay amazon gmail yahoo cnn bbc engadget natgeo wordpress aol Figure 6: Energy consumption of top websites Web site Comment % Battery Traffic (bytes) life Upload Download The resulting numbers are shown in Figure 6. Note that the e m.gmail.com inbox 0.41 9050 12048 bars are so small that they are barely visible. m.picasa.com m.aol.com Who Killed My Battery ~ mobilexweb.com/go/battery user albums portal home 0.43 0.59 8223 11927 15475 37085 The left most column in Figure 6 shows the energy neede set up a 3G connection and download a few bytes without any m.amazon.com product page 0.48 9523 26838 ditional processing. Since all navigation requests must setup a mobile.nytimes.com US home page 0.53 15386 66336 touch.facebook.com facebook wall 0.65 30214 81040 connection we treat this measurement as a baseline where th mw.weather.com Stanford weather 0.62 38253 134531 teresting differences between web sites are above this line. apple.com home page Wednesday, November 7, 12 1.41 86888 716835 Figure 6 is generated from the mobile versions of the
  • 116. battery consumption Apple has no mobile website Amazon consumes 17% energy in a non used JS jQuery.js ~ 4 joules (0,02%) ~5000 jQuery parsings per charge Who Killed My Battery ~ mobilexweb.com/go/batteryWednesday, November 7, 12
  • 117. Wednesday, November 7, 12
  • 118. now the fun partWednesday, November 7, 12
  • 119. html5 websites => url installed webapps => url and store? native webapps (aka hybrid) => storeWednesday, November 7, 12
  • 120. native webapps BlackBerry WebWorksWednesday, November 7, 12
  • 121. native webapps Windows 8 HTML5 devWednesday, November 7, 12
  • 122. native webapps firefox appsWednesday, November 7, 12
  • 123. native webapps chrome appsWednesday, November 7, 12
  • 124. native webappsWednesday, November 7, 12
  • 125. Wednesday, November 7, 12
  • 126. Wednesday, November 7, 12
  • 127. Wednesday, November 7, 12
  • 128. Wednesday, November 7, 12
  • 129. Wednesday, November 7, 12
  • 130. Wednesday, November 7, 12
  • 131. Wednesday, November 7, 12
  • 132. live demos!Wednesday, November 7, 12
  • 133. so...Wednesday, November 7, 12
  • 134. conclusionsWednesday, November 7, 12
  • 135. conclusions ‣ Multiplatform is a key for successWednesday, November 7, 12
  • 136. conclusions ‣ Multiplatform is a key for success ‣ HTML5 is good for cross platform on some situationsWednesday, November 7, 12
  • 137. conclusions ‣ Multiplatform is a key for success ‣ HTML5 is good for cross platform on some situations ‣ HTML5 is not a heavenWednesday, November 7, 12
  • 138. conclusions ‣ Multiplatform is a key for success ‣ HTML5 is good for cross platform on some situations ‣ HTML5 is not a heaven ‣ write once, deploy anywhere is... a promiseWednesday, November 7, 12
  • 139. conclusions ‣ Multiplatform is a key for success ‣ HTML5 is good for cross platform on some situations ‣ HTML5 is not a heaven ‣ write once, deploy anywhere is... a promise ‣ However, it’s better than 10 SDKs or than create only elite usersWednesday, November 7, 12
  • 140. conclusions ‣ Multiplatform is a key for success ‣ HTML5 is good for cross platform on some situations ‣ HTML5 is not a heaven ‣ write once, deploy anywhere is... a promise ‣ However, it’s better than 10 SDKs or than create only elite users ‣ On some situations you will need native SDKsWednesday, November 7, 12
  • 141. conclusions ‣ Multiplatform is a key for success ‣ HTML5 is good for cross platform on some situations ‣ HTML5 is not a heaven ‣ write once, deploy anywhere is... a promise ‣ However, it’s better than 10 SDKs or than create only elite users ‣ On some situations you will need native SDKs ‣ Some problems will be gone in the futureWednesday, November 7, 12
  • 142. conclusions ‣ Multiplatform is a key for success ‣ HTML5 is good for cross platform on some situations ‣ HTML5 is not a heaven ‣ write once, deploy anywhere is... a promise ‣ However, it’s better than 10 SDKs or than create only elite users ‣ On some situations you will need native SDKs ‣ Some problems will be gone in the future ‣ Use the best technology for every situationWednesday, November 7, 12
  • 143. some last advicesWednesday, November 7, 12
  • 144. Wednesday, November 7, 12
  • 145. performance, performanceWednesday, November 7, 12
  • 146. good practicesWednesday, November 7, 12
  • 147. don’t be fanatic photo by Kurt Christensen (flickr)Wednesday, November 7, 12
  • 148. be multiplatformWednesday, November 7, 12
  • 149. be futurefriend.lyWednesday, November 7, 12
  • 150. you can reach a good thanks! experience firt.mobi firtman@gmail.com twitter: @firt www.mobilexweb.com Pictures)from)freedigitalphotos.net)Wednesday, November 7, 12