1. mobile
development with
standards and
open source
technologies
max firtman
@firt firt.mobi
miércoles 27 de julio de 11

2. who am I?
mobile+web developer
mobilexweb.com blog
@firt
miércoles 27 de julio de 11

3. where?
miércoles 27 de julio de 11

4. where?
buenos aires ~ argentina
miércoles 27 de julio de 11

5. where?
buenos aires ~ argentina
patagonia
soccer
meat & wine
tango
miércoles 27 de julio de 11

6. where?
buenos aires ~ argentina
patagonia
soccer
meat & wine
tango
miércoles 27 de julio de 11

7. where?
buenos aires ~ argentina true lies
tango scene
patagonia
soccer
meat & wine
tango
miércoles 27 de julio de 11

8. books
Image from my house
miércoles 27 de julio de 11

9. miércoles 27 de julio de 11

10. many of you have two
questions for me
miércoles 27 de julio de 11

11. the first answer is no
miércoles 27 de julio de 11

12. the second answer is yes
miércoles 27 de julio de 11

13. good news!
early release available
mobilexweb.com
miércoles 27 de julio de 11

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. why mobile?
miércoles 27 de julio de 11

16. mobile devices are our
flying cars
miércoles 27 de julio de 11

17. mobile is about us
miércoles 27 de julio de 11

18. mobile
miércoles 27 de julio de 11

19. mobile
‣ absolutely personal
miércoles 27 de julio de 11

20. mobile
‣ absolutely personal
‣ +70% population (+5 billions)
miércoles 27 de julio de 11

21. mobile
‣ absolutely personal
‣ +70% population (+5 billions)
‣ make us focus
miércoles 27 de julio de 11

22. mobile
‣ absolutely personal
‣ +70% population (+5 billions)
‣ make us focus
‣ read our context...
miércoles 27 de julio de 11

23. mobile
‣ absolutely personal
‣ +70% population (+5 billions)
‣ make us focus
‣ read our context...
‣ ... always...
miércoles 27 de julio de 11

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. 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. then... what is the
problem?
miércoles 27 de julio de 11

27. mobile is a
minefield
Photo by World of Good (Flickr) - Falklands / Malvinas Islands
miércoles 27 de julio de 11

28. lots of questions
Photo by wayneandwax (Flickr)
miércoles 27 de julio de 11

29. lots of questions learn
we need to
miércoles 27 de julio de 11

30. and learn more...
miércoles 27 de julio de 11

31. lots of platforms
miércoles 27 de julio de 11

32. native
vs
web
miércoles 27 de julio de 11

33. WAIT!
miércoles 27 de julio de 11

34. Are you sure?
miércoles 27 de julio de 11

35. native code
vs
javascript
miércoles 27 de julio de 11

36. browser
vs
installed apps
& stores
miércoles 27 de julio de 11

37. when we say mobile web
miércoles 27 de julio de 11

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. 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. let’s see some
open source projects
& standars
miércoles 27 de julio de 11

41. miércoles 27 de julio de 11

42. java on mobile
miércoles 27 de julio de 11

43. java on mobile
ME
miércoles 27 de julio de 11

44. java on mobile
ME
‣ billions of devices
miércoles 27 de julio de 11

45. java on mobile
ME
‣ billions of devices
‣ open source
miércoles 27 de julio de 11

46. java on mobile
ME
‣ billions of devices
‣ open source
‣ nokia, samsung, lg, sony ericsson
miércoles 27 de julio de 11

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. 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. 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. java on mobile
developer.blackberry.com
miércoles 27 de julio de 11

51. java on mobile
BlackBerry apps
developer.blackberry.com
miércoles 27 de julio de 11

52. java on mobile
BlackBerry apps
‣ based on ME
developer.blackberry.com
miércoles 27 de julio de 11

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. 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. 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. java on mobile
developer.android.com
miércoles 27 de julio de 11

57. java on mobile
Android apps
developer.android.com
miércoles 27 de julio de 11

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. 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. 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. 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. java on mobile
miércoles 27 de julio de 11

63. java on mobile
others?
miércoles 27 de julio de 11

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. miércoles 27 de julio de 11

66. cocos2d
miércoles 27 de julio de 11

67. cocos2d
‣ a game and multimedia app framework
miércoles 27 de julio de 11

68. cocos2d
‣ a game and multimedia app framework
‣ open source
miércoles 27 de julio de 11

69. cocos2d
‣ a game and multimedia app framework
‣ open source
‣ “de facto” standard
miércoles 27 de julio de 11

70. cocos2d
‣ a game and multimedia app framework
‣ open source
‣ “de facto” standard
miércoles 27 de julio de 11

71. cocos2d
‣ a game and multimedia app framework
‣ open source
‣ “de facto” standard
miércoles 27 de julio de 11

72. cocos2d
‣ a game and multimedia app framework
‣ open source
‣ “de facto” standard
miércoles 27 de julio de 11

73. cocos2d
miércoles 27 de julio de 11

74. cocos2d
‣ originally for iOS
miércoles 27 de julio de 11

75. cocos2d
‣ originally for iOS
‣ + 2.500 known games in the AppStore
miércoles 27 de julio de 11

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. 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. adobe flex
miércoles 27 de julio de 11

79. adobe flex
miércoles 27 de julio de 11

80. adobe flex
‣ open source framework
miércoles 27 de julio de 11

81. adobe flex
‣ open source framework
‣ designed for web, desktop and mobile (>= 4.5)
miércoles 27 de julio de 11

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. 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. databases on mobile
miércoles 27 de julio de 11

85. miércoles 27 de julio de 11

86. ‣ open source database engine
miércoles 27 de julio de 11

87. ‣ open source database engine
‣ most widely deployed SQL db engine (500M)
miércoles 27 de julio de 11

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. miércoles 27 de julio de 11

90. miércoles 27 de julio de 11

91. advantages
miércoles 27 de julio de 11

92. advantages
miércoles 27 de julio de 11

93. advantages
‣ well-known technologies
miércoles 27 de julio de 11

94. advantages
‣ well-known technologies
‣ well-known tools, ides, apis
miércoles 27 de julio de 11

95. advantages
‣ well-known technologies
‣ well-known tools, ides, apis
‣ low time to market
miércoles 27 de julio de 11

96. advantages
‣ well-known technologies
‣ well-known tools, ides, apis
‣ low time to market
‣ application stores
miércoles 27 de julio de 11

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. challenges
miércoles 27 de julio de 11

99. challenges
miércoles 27 de julio de 11

100. challenges
‣ we still need porting work
miércoles 27 de julio de 11

101. challenges
‣ we still need porting work
‣ debugging
miércoles 27 de julio de 11

102. challenges
‣ we still need porting work
‣ debugging
‣ performance
miércoles 27 de julio de 11

103. challenges
‣ we still need porting work
‣ debugging
‣ performance
‣ standards
miércoles 27 de julio de 11

104. some projects
miércoles 27 de julio de 11

105. wurfl
miércoles 27 de julio de 11

106. wurfl
miércoles 27 de julio de 11

107. wurfl
‣ open source device description repository (DDR)
miércoles 27 de julio de 11

108. wurfl
‣ open source device description repository (DDR)
‣ used by facebook and google
miércoles 27 de julio de 11

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. 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. 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. miércoles 27 de julio de 11

113. html5
miércoles 27 de julio de 11

114. html5
‣ what is html5?
miércoles 27 de julio de 11

115. html5
‣ what is html5?
‣ now a w3c set of standards
miércoles 27 de julio de 11

116. html5
‣ what is html5?
‣ now a w3c set of standards
‣ also an umbrella
miércoles 27 de julio de 11

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. html5
miércoles 27 de julio de 11

119. html5
‣ multimedia
miércoles 27 de julio de 11

120. html5
‣ multimedia
‣ offline storage
miércoles 27 de julio de 11

121. html5
‣ multimedia
‣ offline storage
‣ database
miércoles 27 de julio de 11

122. html5
‣ multimedia
‣ offline storage
‣ database
‣ geolocation
miércoles 27 de julio de 11

123. html5
‣ multimedia
‣ offline storage
‣ database
‣ geolocation
‣ animations, transitions and effects
miércoles 27 de julio de 11

124. html5
‣ multimedia
‣ offline storage
‣ database
‣ geolocation
‣ animations, transitions and effects
‣ accelerometer
miércoles 27 de julio de 11

125. html5
‣ multimedia
‣ offline storage
‣ database
‣ geolocation
‣ animations, transitions and effects
‣ accelerometer
‣ drawing
miércoles 27 de julio de 11

126. html5
‣ multimedia
‣ offline storage
‣ database
‣ geolocation
‣ animations, transitions and effects
‣ accelerometer
‣ drawing
‣ ....
miércoles 27 de julio de 11

127. miércoles 27 de julio de 11

128. wac
miércoles 27 de julio de 11

129. wac
‣ widget sdk
miércoles 27 de julio de 11

130. wac
‣ widget sdk
‣ cross-platform
miércoles 27 de julio de 11

131. wac
‣ widget sdk
‣ cross-platform
‣ apis: camera, accelerometer, file, sms,
geolocation, contact, calendar, etc.
miércoles 27 de julio de 11

132. miércoles 27 de julio de 11

133. miércoles 27 de julio de 11

134. a cross-platform UI framework
for creating webapps for touch-
enabled smartphones and tablets
miércoles 27 de julio de 11

135. features
miércoles 27 de julio de 11

136. features
‣ non-intrusive semantic html5 code
miércoles 27 de julio de 11

137. features
‣ non-intrusive semantic html5 code
‣ open sourced
miércoles 27 de julio de 11

138. features
‣ non-intrusive semantic html5 code
‣ open sourced
‣ lightweight
miércoles 27 de julio de 11

139. features
‣ non-intrusive semantic html5 code
‣ open sourced
‣ lightweight
‣ multiplatform with progressive enhancement
miércoles 27 de julio de 11

140. features
‣ non-intrusive semantic html5 code
‣ open sourced
‣ lightweight
‣ multiplatform with progressive enhancement
‣ accessibility support
miércoles 27 de julio de 11

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. 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. miércoles 27 de julio de 11

144. webworks
miércoles 27 de julio de 11

145. webworks
miércoles 27 de julio de 11

146. webworks
‣ open source framework
miércoles 27 de julio de 11

147. webworks
‣ open source framework
‣ for blackberry smartphones and playbook
miércoles 27 de julio de 11

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. 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. 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. miércoles 27 de julio de 11

152. phonegap
miércoles 27 de julio de 11

153. phonegap
‣ open source framework
miércoles 27 de julio de 11

154. phonegap
‣ open source framework
‣ for iOS, android, blackberry, symbian, webOS,
windows phone & bada
miércoles 27 de julio de 11

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. 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. 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. phonegap
www.phonegap.com
miércoles 27 de julio de 11

159. phonegap
‣ it’s not a compiler
www.phonegap.com
miércoles 27 de julio de 11

160. phonegap
‣ it’s not a compiler
‣ it’s not a UI framework
www.phonegap.com
miércoles 27 de julio de 11

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. 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. 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. some advices
miércoles 27 de julio de 11

165. miércoles 27 de julio de 11

166. good practices
miércoles 27 de julio de 11

167. don’t be fanatic
photo by Kurt Christensen (flickr)
miércoles 27 de julio de 11

168. be multiplatform
miércoles 27 de julio de 11

169. best experience for every
context
miércoles 27 de julio de 11

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