Devoxx 2010 presentation on Mobile Development Choices: Native Apps vs Web Apps

1. 1
Max Katz, Exadel
Mobile Development Choices:
Native Apps vs Web Apps

2. Who is this guy?
Senior Systems Engineer, RIA
strategist at Exadel
Working, teaching, consulting on JSF,
RichFaces since inception
Presented at JavaOne, TheServerSide
Java Symposium, JSF Days and other
conferences

3. Author of
Practical RichFaces
(Apress)
Co-author
RichFaces Dzone
Refcard

4. Leading a number of projects:
Tiggr:
Web-based application for creating,
collaborating, and sharing Web and
mobile prototypes
Check it out at:
http://gotiggr.com

5. exadel.org:
Exadel Flamingo – enterprise framework
for connecting Flex/JavaFX to Java EE,
Seam and Spring
Exadel Fiji – wraps any Flash/JavaFX
widget as JSF component
Exadel jsf4birt – wraps BIRT report as JSF
component
Exadel JavaFX Plug-in for Eclipse –
JavaFX Eclipse tooling

6. You can find me at:
blog: http://mkblog.exadel.com
twitter: http://twitter.com/maxkatz

7. Exadel
Products and services company
Founded in 1998, headquarters in
Concord, CA
350+ employees

8. Open source with JBoss

9. Source: Flickr photo by markhillary: http://www.flickr.com/photos/markhillary/514555513/
How did it all
start?

10. Source: http://www.flickr.com/photos/victor_sween/351930091/

11. Mobile devices are very
powerful today, and
getting more powerful
with each new model.

12. Many high-end phones now ship with
1Ghz processor
Large, high-resolution screens
High-resolution camera and HD video
recorder
WiFi, 3G/4G, GPS

13. Source: http://www.flickr.com/photos/samchurchill/4468099718/
HTC EVO 4G

14. Sources: http://blackberry.com, http://samsung.com, http://www.flickr.com/photos/3gstore/4745626595/

15. The number of smartphones is
growing at phenomenal rate.
How many of you have a
smartphone?

16. Over 4 billion
phones in the
world
(that's half the
population)
Source: http://www.flickr.com/photos/wwworks/2222523486/

17. Forecast for total
smartphone
sales in 2010:
250,000,000+
Source: http://www.gartner.com/it/page.jsp?id=1434613
Source: http://www.flickr.com/photos/wwworks/2222523486/

18. By 2013 mobile devices will
overtake PCs as the preferred way
of accessing the Internet.
Source:
http://www.mobilecommercedaily.com/why-a-mobile-strategy-for-retailers-matters-more-than-ever

19. Smartphone?
Source: http://www.flickr.com/photos/sanberdoo/510894918/

20. There are 2 options to deliver
applications:
Native apps or Web apps
That looks like what we have on PCs.
Right?

21. Mobile platforms
Developer skills
Time to market
Performance
Market approval
Perception
Cost
Risk
Installation and update
Porting to new platforms
Integration with device

22. Source: Flickr photo by sridgway: http://www.flickr.com/photos/stephanridgway/4468403556/
What qualifies Exadel?

23. What mobile platforms are
available today?

25. Platforms: Web
Web browser
Android:
multiple browsers
(Android, Firefox, Opera)
iOS:
Safari

26. Modern mobile devices have
powerful browsers
More powerful than on some PCs
HTML5 support

27. What developer skills are needed?
Source:http://www.flickr.com/photos/worldeconomicforum/2889019945/

28. Objective-C Java
Java
JavaC++HTML/JavaScript
.NET

29. Developer Skills: Web
HTML, JavaScript, CSS
Well known technology stack
Web developers are more likely to
pick up mobile Web development
then specific native platform

30. Time to Market

31. Source: Flickr photo by jpctalbot: http://www.flickr.com/photos/laserstars/908946494/
Performance

32. Source: Flickr photo by mckaysavage: http://www.flickr.com/photos/mckaysavage/843953060/
Market Approval
“Steve” can't say no!

33. What about perception?
Source: http://www.flickr.com/photos/h-k-d/3662450210/

37. Source: http://www.flickr.com/photos/bsuter/1254095605/
Cost

38. Risk?
Source: http://www.flickr.com/photos/ladyann/2898038133/

39. Installation and Update
Source: http://www.flickr.com/photos/okubax/3967919035/
Source: http://www.flickr.com/photos/jocke66/4597865558/

40. Just enter the URL or hit Refresh

41. Porting to New Platforms

42. Porting to New Platforms: Native

43. Porting to New Platforms: Web
Update look and feel, layout
Adapt UI for the target platform

44. Integration with device services

45. Integration with device services:
Native
Integration with device services:
Contacts
Calendar
Other applications
Integration with device hardware:
Camera
GPS
Accelerometer
Take advantage of platform's API

46. Integration with phone services:
Web
Very limited, if any.
Location-based services is available
from browser API

47. Running in Off-line Mode: Native
HTML5

48. Connecting to enterprise

49. Connecting to Enterprise: Native
Existing infrastructure is reused
Might need service layer to
communicate between client
(mobile) and server
HTTP, REST, SOAP
Framework like Flamingo

50. Connecting to Enterprise: Web
Pretty much existing infrastructure
can be reused

51. Mobile Frameworks

52. Mobile Frameworks: Native
Objective-C Java Java
HTML/JavaScript .NETJavaC++

53. Mobile Frameworks: Web
jQuery Mobile
PhoneGap
Sencha
Appcelerator
But, can adapt any existing
framework for mobile Web

54. Source: http://www.flickr.com/photos/drachmann/327122302/
Anything I missed?

55. Some other things to
consider
Does everything need a native app?
Probably not.
“App overload”
Do you want users to download an app
for anything they do on mobile
devices?

56. Flick photo by Arts Comments: http://www.flickr.com/photos/artcomments/382732967/
History repeats itself?

57. Go native if:
Games
Access to device
features
High performance
Off-line
Specialized apps
with rich graphics
Targeting just
one platform
For everything else, go
with Web; and if
supporting multiple
platforms is important
Source: http://www.flickr.com/photos/pagedooley/4114167117/

58. There is no right answer.
Flickr photo by faungg: http://www.flickr.com/photos/44534236@N00/3255156612/

59. Thank you!
Don't hesitate to contact with me with
any questions, including RichFaces.
email: max@exadel.com
blog: http://mkblog.exadel.com
twitter: http://twitter.com/maxkatz
prototypes: http://gotiggr.com
open source: http://exadel.org