Hide Notes 

Slide 1: The Junction Advanced iOS Engineering 28 July, 2011 Does WebApp come Native to me? Nadav Wizman iOS Development Leader wiz@onavo.com
Slide 2: •Onavo •OnavoApp’s Evolution •The Challenge •Possibilities •The Spectrum •Conclusion •My Thoughts •Q & A Agenda
Slide 3: So, who is Onavo? Onavo puts smartphone and tablet users in control of their mobile data usage
Slide 4: POC 05/10 BETA 02/11 Launch 04/11 WebApp WebApp Container + Native
Slide 5: OnavoApp’s evolution • App launched 3 months ago. • Winner @ The Next Web Start-up Rally
Slide 6: The Challenge A GOOD product Easy-to-make. Impressive. Familiar. Fast-to-make. As good as others. Pretty. Functional. Best. Worth money. Cross platform. Functional. Wide. Easy-to-update..... Gorgeous. Reallypretty. Free. Easyto-use. Valuable. Easy-to-install. Cheap. Cool. Recommended by Apple. Common. Unique. In The AppStore... Developer User
Slide 7: Categories of “A GOOD product” • UX • Native Abilities • Distribution • Dynamic • Cross Platform • Development The Challenge
Slide 8: The Possibilities WebApp Native Container
Slide 9: “A GOOD product” categories UX Pretty good Still, lacks in loading time and responsiveness WebApp Container Amazing ! Also.. the users expect nothing less. Native
Slide 10: “A GOOD product” categories UX Pretty good Still, lacks in loading time and responsiveness WebApp Container I highly recommend using advanced, wellestablished, amazing frameworks like Amazing ! Sencha Touch or Appcelerator’s Titanium Mobile Also.. the users expect nothing less. Native
Slide 11: “A GOOD product” categories Native Abilities Nope. none. nada. (some pseudo abilities, but not really) WebApp Fully. Native Yes we can! Container
Slide 12: “A GOOD product” categories Native Abilities Nope. none. nada. (some pseudo abilities, but not really) WebApp * Reminder: App Purchase / In-App Fully. Payments are also a Native Abilities Native Yes we can! Container
Slide 13: “A GOOD product” categories Distribution Nope. none. nada. 1,000,000 WebApp users? i don’t see it WebApp Yes, it’s crowded, yes, it’s noisy, and you have to work hard to get noticed - but it’s still THE go-to place for users looking for new apps Native Yes we can! Container * Must read Apple’s guidelines.
Slide 14: “A GOOD product” categories Distribution Nope. none. nada. 1,000,000 WebApp users? i don’t see it WebApp Yes, it’s crowded, yes, it’s noisy, nice solution work There areand you have to to manage iOS hard beta distribution like TestFlight. native to get noticed - but it’s still THE go-to place for users looking for new apps Native Yes we can! Container * Must read Apple’s guidelines.
Slide 15: “A GOOD product” categories Dynamic Change it. now bring it back. now put something new.. WebApp Hardly. Apple’s approve is required on each-and-every update Native Like a charm Container
Slide 16: “A GOOD product” categories Cross Platform Well. no. (keep in mind, iOS is a range of devices Native As far as possible WebApp YES, with a bit more effort Container
Slide 17: “A GOOD product” categories Cross Platform As far as possible WebApp Frameworks Well. no. PhoneGap like Sencha, provide very impressive Cross(keep in mind, iOS Platform. is a range of Native devices appcelerator’s Titanium Mobile translates your web code into different, cross-platform native Apps YES, with a bit more effort Container
Slide 18: “A GOOD product” categories Tools, Community & Support Improving tools & frameworks, substantial developers community... until you get stuck Amazing development, design, debugging tools. VAST amount of developers. A bit of both. major part is still developed as Web. Container *stackoverflow.com is you friend Development WebApp Native
Slide 19: In a nutshell WebApp • Offline! • CACHE-MANIFEST. • Local Storage/DB. • Graphics / effects. • Touch Events. • Rich Content. • Completely Crossplatform.
Slide 20: WebApp In a nutshell Offline Cache CACHE MANIFEST /main/home /main/app.js /settings/home /settings/app.js http://img.example.com/logo.png http://img.example.com/check.png http://img.example.com/cross.png Storage var db = openDatabase("Database_Name", "Database_Version"); database.executeSql("SELECT * FROM thejunction", function(result1) { database.executeSql("DROP TABLE thejunction", function(result2) { alert("My second database query finished executing!"); }); }); localStorage.setItem(‘userName’, ‘TheJunction’); alert(“Hello “ + localStorage.userName); localStorage.removeItem(‘userName’);
Slide 21: Container JS-Native communication In a nutshell ative code can set JS variables and call it’s functions JS code can trigger Native code callback (with params)
Slide 22: Lots of Questions to be asked. Conclusions
Slide 23: My Thoughts Best practices •Read the Guidelines •In-App Analytics •Know your competition •Treat BETA and product differently •iOS is not just iPhone 4 •Go Native
Slide 24: Q&A Nadav Wizman wiz@onavo.com @nadavwiz