Successfully reported this slideshow.

More Related Content

Mobile Development with Standards and Open Source

  1. 1. mobile development with standards and open source technologies max firtman @firt firt.mobi miércoles 27 de julio de 11
  2. 2. who am I? mobile+web developer mobilexweb.com blog @firt miércoles 27 de julio de 11
  3. 3. where? miércoles 27 de julio de 11
  4. 4. where? buenos aires ~ argentina miércoles 27 de julio de 11
  5. 5. where? buenos aires ~ argentina patagonia soccer meat & wine tango miércoles 27 de julio de 11
  6. 6. where? buenos aires ~ argentina patagonia soccer meat & wine tango miércoles 27 de julio de 11
  7. 7. where? buenos aires ~ argentina true lies tango scene patagonia soccer meat & wine tango miércoles 27 de julio de 11
  8. 8. books Image from my house miércoles 27 de julio de 11
  9. 9. miércoles 27 de julio de 11
  10. 10. many of you have two questions for me miércoles 27 de julio de 11
  11. 11. the first answer is no miércoles 27 de julio de 11
  12. 12. the second answer is yes miércoles 27 de julio de 11
  13. 13. good news! early release available mobilexweb.com miércoles 27 de julio de 11
  14. 14. other projects +40 links, +300 emulators www.mobilexweb.com/emulators typing long URLs on mobile? www.mobiletinyurl.com miércoles 27 de julio de 11
  15. 15. why mobile? miércoles 27 de julio de 11
  16. 16. mobile devices are our flying cars miércoles 27 de julio de 11
  17. 17. mobile is about us miércoles 27 de julio de 11
  18. 18. mobile miércoles 27 de julio de 11
  19. 19. mobile ‣ absolutely personal miércoles 27 de julio de 11
  20. 20. mobile ‣ absolutely personal ‣ +70% population (+5 billions) miércoles 27 de julio de 11
  21. 21. mobile ‣ absolutely personal ‣ +70% population (+5 billions) ‣ make us focus miércoles 27 de julio de 11
  22. 22. mobile ‣ absolutely personal ‣ +70% population (+5 billions) ‣ make us focus ‣ read our context... miércoles 27 de julio de 11
  23. 23. mobile ‣ absolutely personal ‣ +70% population (+5 billions) ‣ make us focus ‣ read our context... ‣ ... always... miércoles 27 de julio de 11
  24. 24. mobile ‣ absolutely personal ‣ +70% population (+5 billions) ‣ make us focus ‣ read our context... ‣ ... always... ‣ ... and everywhere. miércoles 27 de julio de 11
  25. 25. mobile ‣ absolutely personal ‣ +70% population (+5 billions) ‣ make us focus ‣ read our context... ‣ ... always... ‣ ... and everywhere. ‣ our feelings miércoles 27 de julio de 11
  26. 26. then... what is the problem? miércoles 27 de julio de 11
  27. 27. mobile is a minefield Photo by World of Good (Flickr) - Falklands / Malvinas Islands miércoles 27 de julio de 11
  28. 28. lots of questions Photo by wayneandwax (Flickr) miércoles 27 de julio de 11
  29. 29. lots of questions learn we need to miércoles 27 de julio de 11
  30. 30. and learn more... miércoles 27 de julio de 11
  31. 31. lots of platforms miércoles 27 de julio de 11
  32. 32. native vs web miércoles 27 de julio de 11
  33. 33. WAIT! miércoles 27 de julio de 11
  34. 34. Are you sure? miércoles 27 de julio de 11
  35. 35. native code vs javascript miércoles 27 de julio de 11
  36. 36. browser vs installed apps & stores miércoles 27 de julio de 11
  37. 37. when we say mobile web miércoles 27 de julio de 11
  38. 38. when we say mobile web from a developer’s perspective it’s using HTML, CSS and JavaScript to develop mobile apps miércoles 27 de julio de 11
  39. 39. when we say mobile web from a developer’s perspective it’s using HTML, CSS and JavaScript to develop mobile apps (browser or installed) miércoles 27 de julio de 11
  40. 40. let’s see some open source projects & standars miércoles 27 de julio de 11
  41. 41. miércoles 27 de julio de 11
  42. 42. java on mobile miércoles 27 de julio de 11
  43. 43. java on mobile ME miércoles 27 de julio de 11
  44. 44. java on mobile ME ‣ billions of devices miércoles 27 de julio de 11
  45. 45. java on mobile ME ‣ billions of devices ‣ open source miércoles 27 de julio de 11
  46. 46. java on mobile ME ‣ billions of devices ‣ open source ‣ nokia, samsung, lg, sony ericsson miércoles 27 de julio de 11
  47. 47. java on mobile ME ‣ billions of devices ‣ open source ‣ nokia, samsung, lg, sony ericsson ‣ based on JRE 1.3 subset miércoles 27 de julio de 11
  48. 48. java on mobile ME ‣ billions of devices ‣ open source ‣ nokia, samsung, lg, sony ericsson ‣ based on JRE 1.3 subset ‣ yes, 1.3 miércoles 27 de julio de 11
  49. 49. java on mobile ME ‣ billions of devices ‣ open source ‣ nokia, samsung, lg, sony ericsson ‣ based on JRE 1.3 subset ‣ yes, 1.3 ‣ has modern API for touch, accelerometer, SVG miércoles 27 de julio de 11
  50. 50. java on mobile developer.blackberry.com miércoles 27 de julio de 11
  51. 51. java on mobile BlackBerry apps developer.blackberry.com miércoles 27 de julio de 11
  52. 52. java on mobile BlackBerry apps ‣ based on ME developer.blackberry.com miércoles 27 de julio de 11
  53. 53. java on mobile BlackBerry apps ‣ based on ME ‣ platform modern APIs, including database, touch and BBM developer.blackberry.com miércoles 27 de julio de 11
  54. 54. java on mobile BlackBerry apps ‣ based on ME ‣ platform modern APIs, including database, touch and BBM ‣ free tools, eclipse-based developer.blackberry.com miércoles 27 de julio de 11
  55. 55. java on mobile BlackBerry apps ‣ based on ME ‣ platform modern APIs, including database, touch and BBM ‣ free tools, eclipse-based ‣ every BB app is Java developer.blackberry.com miércoles 27 de julio de 11
  56. 56. java on mobile developer.android.com miércoles 27 de julio de 11
  57. 57. java on mobile Android apps developer.android.com miércoles 27 de julio de 11
  58. 58. java on mobile Android apps ‣ not based on SE or ME -> Dalvik VM developer.android.com miércoles 27 de julio de 11
  59. 59. java on mobile Android apps ‣ not based on SE or ME -> Dalvik VM ‣ open source developer.android.com miércoles 27 de julio de 11
  60. 60. java on mobile Android apps ‣ not based on SE or ME -> Dalvik VM ‣ open source ‣ modern APIs, MVC UI developer.android.com miércoles 27 de julio de 11
  61. 61. java on mobile Android apps ‣ not based on SE or ME -> Dalvik VM ‣ open source ‣ modern APIs, MVC UI ‣ free tools, eclipse-based developer.android.com miércoles 27 de julio de 11
  62. 62. java on mobile miércoles 27 de julio de 11
  63. 63. java on mobile others? miércoles 27 de julio de 11
  64. 64. java on mobile others? ‣ no Java VM for iOS, webOS, bada, meego, windows mobile, windows phone miércoles 27 de julio de 11
  65. 65. miércoles 27 de julio de 11
  66. 66. cocos2d miércoles 27 de julio de 11
  67. 67. cocos2d ‣ a game and multimedia app framework miércoles 27 de julio de 11
  68. 68. cocos2d ‣ a game and multimedia app framework ‣ open source miércoles 27 de julio de 11
  69. 69. cocos2d ‣ a game and multimedia app framework ‣ open source ‣ “de facto” standard miércoles 27 de julio de 11
  70. 70. cocos2d ‣ a game and multimedia app framework ‣ open source ‣ “de facto” standard miércoles 27 de julio de 11
  71. 71. cocos2d ‣ a game and multimedia app framework ‣ open source ‣ “de facto” standard miércoles 27 de julio de 11
  72. 72. cocos2d ‣ a game and multimedia app framework ‣ open source ‣ “de facto” standard miércoles 27 de julio de 11
  73. 73. cocos2d miércoles 27 de julio de 11
  74. 74. cocos2d ‣ originally for iOS miércoles 27 de julio de 11
  75. 75. cocos2d ‣ originally for iOS ‣ + 2.500 known games in the AppStore miércoles 27 de julio de 11
  76. 76. cocos2d ‣ originally for iOS ‣ + 2.500 known games in the AppStore ‣ now ported to html5, android, mac os, c++ miércoles 27 de julio de 11
  77. 77. cocos2d ‣ originally for iOS ‣ + 2.500 known games in the AppStore ‣ now ported to html5, android, mac os, c++ www.cocos2d-iphone.org miércoles 27 de julio de 11
  78. 78. adobe flex miércoles 27 de julio de 11
  79. 79. adobe flex miércoles 27 de julio de 11
  80. 80. adobe flex ‣ open source framework miércoles 27 de julio de 11
  81. 81. adobe flex ‣ open source framework ‣ designed for web, desktop and mobile (>= 4.5) miércoles 27 de julio de 11
  82. 82. adobe flex ‣ open source framework ‣ designed for web, desktop and mobile (>= 4.5) ‣ you can get free SDKs to compile apps to: android, iOS and blackberry playbook. miércoles 27 de julio de 11
  83. 83. adobe flex ‣ open source framework ‣ designed for web, desktop and mobile (>= 4.5) ‣ you can get free SDKs to compile apps to: android, iOS and blackberry playbook. www.adobe.com/go/flex miércoles 27 de julio de 11
  84. 84. databases on mobile miércoles 27 de julio de 11
  85. 85. miércoles 27 de julio de 11
  86. 86. ‣ open source database engine miércoles 27 de julio de 11
  87. 87. ‣ open source database engine ‣ most widely deployed SQL db engine (500M) miércoles 27 de julio de 11
  88. 88. ‣ open source database engine ‣ most widely deployed SQL db engine (500M) ‣ available in: iOS, android, webOS, blackberry, symbian, and html5 (websql api) miércoles 27 de julio de 11
  89. 89. miércoles 27 de julio de 11
  90. 90. miércoles 27 de julio de 11
  91. 91. advantages miércoles 27 de julio de 11
  92. 92. advantages miércoles 27 de julio de 11
  93. 93. advantages ‣ well-known technologies miércoles 27 de julio de 11
  94. 94. advantages ‣ well-known technologies ‣ well-known tools, ides, apis miércoles 27 de julio de 11
  95. 95. advantages ‣ well-known technologies ‣ well-known tools, ides, apis ‣ low time to market miércoles 27 de julio de 11
  96. 96. advantages ‣ well-known technologies ‣ well-known tools, ides, apis ‣ low time to market ‣ application stores miércoles 27 de julio de 11
  97. 97. advantages ‣ well-known technologies ‣ well-known tools, ides, apis ‣ low time to market ‣ application stores ‣ standards appearing slowly miércoles 27 de julio de 11
  98. 98. challenges miércoles 27 de julio de 11
  99. 99. challenges miércoles 27 de julio de 11
  100. 100. challenges ‣ we still need porting work miércoles 27 de julio de 11
  101. 101. challenges ‣ we still need porting work ‣ debugging miércoles 27 de julio de 11
  102. 102. challenges ‣ we still need porting work ‣ debugging ‣ performance miércoles 27 de julio de 11
  103. 103. challenges ‣ we still need porting work ‣ debugging ‣ performance ‣ standards miércoles 27 de julio de 11
  104. 104. some projects miércoles 27 de julio de 11
  105. 105. wurfl miércoles 27 de julio de 11
  106. 106. wurfl miércoles 27 de julio de 11
  107. 107. wurfl ‣ open source device description repository (DDR) miércoles 27 de julio de 11
  108. 108. wurfl ‣ open source device description repository (DDR) ‣ used by facebook and google miércoles 27 de julio de 11
  109. 109. wurfl ‣ open source device description repository (DDR) ‣ used by facebook and google ‣ apis available for php, java, .net and as a db miércoles 27 de julio de 11
  110. 110. wurfl ‣ open source device description repository (DDR) ‣ used by facebook and google ‣ apis available for php, java, .net and as a db ‣ +5,000 devices with 500 capabilities info each miércoles 27 de julio de 11
  111. 111. wurfl ‣ open source device description repository (DDR) ‣ used by facebook and google ‣ apis available for php, java, .net and as a db ‣ +5,000 devices with 500 capabilities info each wurfl.sourceforge.net miércoles 27 de julio de 11
  112. 112. miércoles 27 de julio de 11
  113. 113. html5 miércoles 27 de julio de 11
  114. 114. html5 ‣ what is html5? miércoles 27 de julio de 11
  115. 115. html5 ‣ what is html5? ‣ now a w3c set of standards miércoles 27 de julio de 11
  116. 116. html5 ‣ what is html5? ‣ now a w3c set of standards ‣ also an umbrella miércoles 27 de julio de 11
  117. 117. html5 ‣ what is html5? ‣ now a w3c set of standards ‣ also an umbrella ‣ it’s about markup, but it’s also about apis miércoles 27 de julio de 11
  118. 118. html5 miércoles 27 de julio de 11
  119. 119. html5 ‣ multimedia miércoles 27 de julio de 11
  120. 120. html5 ‣ multimedia ‣ offline storage miércoles 27 de julio de 11
  121. 121. html5 ‣ multimedia ‣ offline storage ‣ database miércoles 27 de julio de 11
  122. 122. html5 ‣ multimedia ‣ offline storage ‣ database ‣ geolocation miércoles 27 de julio de 11
  123. 123. html5 ‣ multimedia ‣ offline storage ‣ database ‣ geolocation ‣ animations, transitions and effects miércoles 27 de julio de 11
  124. 124. html5 ‣ multimedia ‣ offline storage ‣ database ‣ geolocation ‣ animations, transitions and effects ‣ accelerometer miércoles 27 de julio de 11
  125. 125. html5 ‣ multimedia ‣ offline storage ‣ database ‣ geolocation ‣ animations, transitions and effects ‣ accelerometer ‣ drawing miércoles 27 de julio de 11
  126. 126. html5 ‣ multimedia ‣ offline storage ‣ database ‣ geolocation ‣ animations, transitions and effects ‣ accelerometer ‣ drawing ‣ .... miércoles 27 de julio de 11
  127. 127. miércoles 27 de julio de 11
  128. 128. wac miércoles 27 de julio de 11
  129. 129. wac ‣ widget sdk miércoles 27 de julio de 11
  130. 130. wac ‣ widget sdk ‣ cross-platform miércoles 27 de julio de 11
  131. 131. wac ‣ widget sdk ‣ cross-platform ‣ apis: camera, accelerometer, file, sms, geolocation, contact, calendar, etc. miércoles 27 de julio de 11
  132. 132. miércoles 27 de julio de 11
  133. 133. miércoles 27 de julio de 11
  134. 134. a cross-platform UI framework for creating webapps for touch- enabled smartphones and tablets miércoles 27 de julio de 11
  135. 135. features miércoles 27 de julio de 11
  136. 136. features ‣ non-intrusive semantic html5 code miércoles 27 de julio de 11
  137. 137. features ‣ non-intrusive semantic html5 code ‣ open sourced miércoles 27 de julio de 11
  138. 138. features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight miércoles 27 de julio de 11
  139. 139. features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight ‣ multiplatform with progressive enhancement miércoles 27 de julio de 11
  140. 140. features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight ‣ multiplatform with progressive enhancement ‣ accessibility support miércoles 27 de julio de 11
  141. 141. features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight ‣ multiplatform with progressive enhancement ‣ accessibility support ‣ customizable miércoles 27 de julio de 11
  142. 142. features ‣ non-intrusive semantic html5 code ‣ open sourced ‣ lightweight ‣ multiplatform with progressive enhancement ‣ accessibility support ‣ customizable ‣ includes javascript api miércoles 27 de julio de 11
  143. 143. miércoles 27 de julio de 11
  144. 144. webworks miércoles 27 de julio de 11
  145. 145. webworks miércoles 27 de julio de 11
  146. 146. webworks ‣ open source framework miércoles 27 de julio de 11
  147. 147. webworks ‣ open source framework ‣ for blackberry smartphones and playbook miércoles 27 de julio de 11
  148. 148. webworks ‣ open source framework ‣ for blackberry smartphones and playbook ‣ creates native java or air apps with web code miércoles 27 de julio de 11
  149. 149. webworks ‣ open source framework ‣ for blackberry smartphones and playbook ‣ creates native java or air apps with web code ‣ apis for accessing BB infrastructure and device services miércoles 27 de julio de 11
  150. 150. webworks ‣ open source framework ‣ for blackberry smartphones and playbook ‣ creates native java or air apps with web code ‣ apis for accessing BB infrastructure and device services ‣ same security model as in native miércoles 27 de julio de 11
  151. 151. miércoles 27 de julio de 11
  152. 152. phonegap miércoles 27 de julio de 11
  153. 153. phonegap ‣ open source framework miércoles 27 de julio de 11
  154. 154. phonegap ‣ open source framework ‣ for iOS, android, blackberry, symbian, webOS, windows phone & bada miércoles 27 de julio de 11
  155. 155. phonegap ‣ open source framework ‣ for iOS, android, blackberry, symbian, webOS, windows phone & bada ‣ creates native or first-class citizens apps miércoles 27 de julio de 11
  156. 156. phonegap ‣ open source framework ‣ for iOS, android, blackberry, symbian, webOS, windows phone & bada ‣ creates native or first-class citizens apps ‣ apis for accessing device’s services miércoles 27 de julio de 11
  157. 157. phonegap ‣ open source framework ‣ for iOS, android, blackberry, symbian, webOS, windows phone & bada ‣ creates native or first-class citizens apps ‣ apis for accessing device’s services ‣ sample projects to compile every app miércoles 27 de julio de 11
  158. 158. phonegap www.phonegap.com miércoles 27 de julio de 11
  159. 159. phonegap ‣ it’s not a compiler www.phonegap.com miércoles 27 de julio de 11
  160. 160. phonegap ‣ it’s not a compiler ‣ it’s not a UI framework www.phonegap.com miércoles 27 de julio de 11
  161. 161. phonegap ‣ it’s not a compiler ‣ it’s not a UI framework ‣ you will need every sdk to compile www.phonegap.com miércoles 27 de julio de 11
  162. 162. phonegap ‣ it’s not a compiler ‣ it’s not a UI framework ‣ you will need every sdk to compile ‣ every device has different rendering engine www.phonegap.com miércoles 27 de julio de 11
  163. 163. phonegap ‣ it’s not a compiler ‣ it’s not a UI framework ‣ you will need every sdk to compile ‣ every device has different rendering engine ‣ we need to use progressive enhancement www.phonegap.com miércoles 27 de julio de 11
  164. 164. some advices miércoles 27 de julio de 11
  165. 165. miércoles 27 de julio de 11
  166. 166. good practices miércoles 27 de julio de 11
  167. 167. don’t be fanatic photo by Kurt Christensen (flickr) miércoles 27 de julio de 11
  168. 168. be multiplatform miércoles 27 de julio de 11
  169. 169. best experience for every context miércoles 27 de julio de 11
  170. 170. you can reach a good experience thank you! firt.mobi firtman@gmail.com twitter: @firt www.mobilexweb.com Pictures)from)freedigitalphotos.net) miércoles 27 de julio de 11

×