Web vs Hybrid Mobile Development Choices Jason Grigsby Where 2.0 - PowerPoint PPT Presentation

Native vs Web vs Hybrid Mobile Development Choices Jason Grigsby • Where 2.0 2010 @grigs on Twitter • jason@cloudfour.com cloudfour.com/blog • mobileportand.com

Surprise Story of 2008 Flickr photo by Drift Words: http://www.flickr.com/photos/44124413076@N01/11846265/

Flickr photo by Civisi: http://www.flickr.com/photos/civisi/2611679744/ Web 2.0 iPhone App Store Web-based Apps Native Apps Services & Mashups Few APIs between apps Software as Service No Recurring Revenue Cloud Computing Local Storage

What makes the App Store successful? Carriers App Store Open to anyone Openness Closed, Seek permission who signs agreement Entry Cost Thousands of dollars $99 Revenue Split 60/40 to 50/50 70/30 Restrictions Many Few Releases Difficult, Timely 1 to 2 weeks Micropayments Inconsistent iTunes for every phone

76 million devices http://blog.wired.com/gadgets/2009/02/shoot-is-iphone.html#c148364123 175,000 apps http://www.newsweek.com/id/174266 3 billion downloads http://businessweek.com/@@0M43kIYQYKPISw0A/technology/content/sep2008/tc20080930_257832.htm

Gold Rush was On

Ringtone Apps FYI: It shipped at $2.99. Then Justin sold his iPhone business. http://twitter.com/justin/status/1210786170 http://furbo.org/2008/12/09/ring-tone-apps/ http://furbo.org/2009/02/16/raising-prices/

Throwaway Apps http://www.pinchmedia.com/appstore-secrets/

More Open ≠ No Gatekeeper 96% Approved (what about that 4%?)

4.6 Billion Mobile phone for >1/2 the planet. Flickr photo by Pingnews: http://www.flickr.com/photos/pingnews/370061022/

4.6 Billion in Perspective Source: http://communities-dominate.blogs.com/brands/2007/01/putting_27_bill.html http://communities-dominate.blogs.com/brands/2008/01/when-there-is-a.html

iPhone Only Part of World Wide Market Symbian RIM iPhone Windows Mobile Linux Android WebOS 90000 80878 67500 45000 34346 24889 22500 15027 8126 0 6798 1112 2009 Smartphone Sales — Thousands of Units http://www.gartner.com/it/page.jsp?id=1306513

iPhone Only Part of US Market — Jan 2010 Point Change Platform Market Share (compared to Oct 09) RIM 43.0% 1.7 Apple 25.1% 0.3 Microsoft 15.7% -4.0 Google 7.1% 4.3 Palm 5.7% -2.1 http://www.comscore.com/Press_Events/Press_Releases/2010/3/ comScore_Reports_January_2010_U.S._Mobile_Subscriber_Market_Share

Symbian Windows Mobile Objective C WebOS C Dalvik Java ME Palm Visual Basic C++ .NET Compact BREW Flickr photo by André-Batista: http://www.flickr.com/photo_zoom.gne?id=408700622&size=o

Google Mobile — App Challenges •Pressure from CEO for rapid releases •10+ platforms to support •Over 100 di fg erent builds http://www.flickr.com/photos/83731031@N00/445924458/ • http://www.flickr.com/photos/mcdave/142758127/ http://www.flickr.com/photos/nataliejohnson/290541732/

Fragmentation: This is what the web is supposed to solve. Flickr photo by .Hessam: http://www.flickr.com/photos/essamo/1070527547/

Mobile Web Distribution Carriers App Store Mobile Web Closed, Seek Open to anyone Completely Open Openness permission who signs agreement Thousands of dollars $99 None Entry Cost Revenue Split 60/40 to 50/50 70/30 100% Many Few None Restrictions Difficult, Timely 1 to 2 weeks Instantaneous Releases Inconsistent iTunes for every phone Not yet Micropayments

Ok Hot Shot, How are You Going to Create Super Monkey Ball with HTML? <div id=”bridge” class=”rope”> <div id=”bubble”> <span id=”monkey sprite- replace”> Monkey</span> jquery-banana.js Some Applications Have to Be Native

Five Common Reasons for Native Apps Performance Offline Mode Findability Monetization Device Attributes Flickr photo byboklm: http://www.flickr.com/photos/boklm/486646486/

1. Performance Not for all applications Good enough for many applications Javascript Performance improving Hardware Accelerated CSS Web developers must improve Flickr: Uploaded February 11, 2007 by hawridger

We’ve Become Bandwidth Gluttons | Use YSlow Since 2003: • Web Page Size Tripled • # of Objects Doubled Since 1995: • Web Page Size: 22x • # of Objects: 21x Source: http://www.websiteoptimization.com/speed/tweak/average-web-page/

2. Offline Support • HTML 5 • Client-side Database Storage API • Application Cache • Essentially SQLite in browser • Available on iPhone since 2.0 • Google Gears, Android, Nokia soon?

Gmail Using HTML5 < 10 seconds on EDGE, 3 seconds on 3G

3. Findability 175,000 apps Your app will be easy to find. http://148apps.biz

4. Monetization Flickr photo by Lyza Gardner: http://www.flickr.com/photos/lyza/49545547/

5. Device Attributes Location Camera Address Book Accelerometer Compass

http://code.google.com/p/geo-location-javascript/

Flickr photo by Thomas Purves: http://www.flickr.com/photos/thomaspurves/744225198/

http://phonegap.com http://wiki.phonegap.com/Roadmap

What can you do with Phone Gap? http://www.keypointapp.com/ http://harmoniousapp.com/

Other Hybrid Approaches • Appcelerator Titanium http://www.appcelerator.com/ • QuickConnect http://quickconnect.pbworks.com • Rhomobile http://rhomobile.com • Big 5 http://big5apps.com/

Hybrid Apps? Yes we can

There is no right answer. Understand your options. Pick the best technology (or tech combo) for your needs.

Thank You for Your Time! @grigs on Twitter • jason@cloudfour.com cloudfour.com/blog • mobileportand.com Flickr photo by Pingnews: http://www.flickr.com/photos/pingnews/370061022/