Your SlideShare is downloading. ×
0
Hold The Cocoa:  Building iPhone Apps with HTML, CSS, and JavaScript Building iPhone Apps with HTML, CSS, and JavaScript <...
Huge & Growing <ul><li>4.8 billion cell phone subscriptions </li></ul><ul><li>Smart phone share at 15% </li></ul><ul><li>5...
Mobile Apps
Types of Mobile Apps <ul><li>Native apps </li></ul><ul><li>Web apps </li></ul><ul><li>Cmd line apps </li></ul>
Types of Mobile Apps <ul><li>Native apps - Fragmentation </li></ul><ul><li>Web apps - Sandboxing </li></ul><ul><li>Cmd lin...
Types of Mobile Apps <ul><li>The approach that is best for you depends on your goals and target market. </li></ul>
Web Apps Win <ul><li>Cheapest to produce </li></ul><ul><li>Most standardized </li></ul><ul><li>Easiest to distribute </li>...
jQTouch <ul><li>jQuery plugin </li></ul><ul><li>Created by @DavidKaneda </li></ul><ul><li>Native CSS3 Animations </li></ul...
jQTouch <ul><li>Demo </li></ul>
Native vs Web
Considerations Native Web Depends Cosmetics X Functionality X Development X Testing X Distribution X Payment X Support X
Hybrid Apps <ul><li>PhoneGap gives developers the  </li></ul><ul><li>best of both worlds. </li></ul>
PhoneGap <ul><li>Open source </li></ul><ul><li>Created by @Nitobi </li></ul><ul><li>Native app wrapper </li></ul><ul><li>M...
Considerations Native Web Depends Cosmetics X Functionality X Development X Testing X Distribution X Payment X Support X
Considerations Native Web+PG Depends Cosmetics X Functionality X Development X Testing X Distribution X Payment X Support X
PhoneGap <ul><li>Demo </li></ul>
Conclusion <ul><li>&quot;If you can build your app with HTML, CSS, and JavaScript, then you probably should.&quot; </li></...
More Info <ul><li>http://jonathanstark.com/book </li></ul><ul><li>http://jonathanstark.com/contact </li></ul><ul><li>http:...
Upcoming SlideShare
Loading in...5
×

Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript

8,020

Published on

Slides from 2010 SXSW presentation.

Published in: Technology, Design
2 Comments
15 Likes
Statistics
Notes
No Downloads
Views
Total Views
8,020
On Slideshare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
120
Comments
2
Likes
15
Embeds 0
No embeds

No notes for slide
  • Hi I’m Jonathan Stark. I’m a software consultant from Providence RI. I do mobile app strategy, design, and development.
  • Preaching to the choir, but I want to start with the big picture. Mobile is huge and its growth is accelerating: - Cell phone subscriptions to hit 5 billion on 2010 - 15% of phones sold in 2009 were smart phones - 56% of public Wi‑Fi connections in 2009 were from mobile devices
  • The entry point into the mobile space is apps
  • There are three types of mobile apps that I think will remain relevant for a long time: - Native apps (e.g. WebEx, SalesForce) - Web apps (e.g. Gmail, Google Calendar) - Command line apps (e.g. Google SMS, Twitter, Aardvark)
  • We could debate the pros and cons of each approach all day long. Ultimately, each has a glaring achilles heel.
  • The right one for you depends on your situation: - Selling iPhone cases in U.S.? Native app - Selling office supplies in North America? Web app - Providing banking services in rural China? SMS app
  • I typically work with corporate clients who are trying to reach a really broad market with their apps. They want to be on iPhone, Android, and Blackberry at least. - Platform is easy to learn, most orgs have web talent in house already.- Web is a proven, stabile platform that works reasonably well across the widest range of devices.- Host your app and email out the links. - No approval process, no multiple app stores, no delay on bug fixes.
  • There are a number of javascript libraries that make building mobile web apps a lot easier. iUI was the first, but my lib of choice is jQTouch.
  • I want to drill down on a native vs web for a second because I know that there is a lot of confusion there.
  • Mention that web apps can run 100% offline.
  • Actually, you don’t have to really pick between native and web. Single code base that can be deployed as a standalone web app AND deployed with addition functionality through the various app stores.
  • Cross platform mobile framework for building native mobile applications with html, css, and javascript.
  • I think this is the most pragmatic approach. If nothing else, it’s the most flexible. And the way things are growing at this point, flexibility is of the utmost importance.
  • Transcript of "Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript"

    1. 1. Hold The Cocoa: Building iPhone Apps with HTML, CSS, and JavaScript Building iPhone Apps with HTML, CSS, and JavaScript <ul><li>Jonathan Stark </li></ul>
    2. 2. Huge & Growing <ul><li>4.8 billion cell phone subscriptions </li></ul><ul><li>Smart phone share at 15% </li></ul><ul><li>56% of public Wi‑Fi connections were from mobile devices </li></ul>
    3. 3. Mobile Apps
    4. 4. Types of Mobile Apps <ul><li>Native apps </li></ul><ul><li>Web apps </li></ul><ul><li>Cmd line apps </li></ul>
    5. 5. Types of Mobile Apps <ul><li>Native apps - Fragmentation </li></ul><ul><li>Web apps - Sandboxing </li></ul><ul><li>Cmd line apps - Discoverability </li></ul>
    6. 6. Types of Mobile Apps <ul><li>The approach that is best for you depends on your goals and target market. </li></ul>
    7. 7. Web Apps Win <ul><li>Cheapest to produce </li></ul><ul><li>Most standardized </li></ul><ul><li>Easiest to distribute </li></ul>
    8. 8. jQTouch <ul><li>jQuery plugin </li></ul><ul><li>Created by @DavidKaneda </li></ul><ul><li>Native CSS3 Animations </li></ul><ul><li>and tons more... </li></ul>
    9. 9. jQTouch <ul><li>Demo </li></ul>
    10. 10. Native vs Web
    11. 11. Considerations Native Web Depends Cosmetics X Functionality X Development X Testing X Distribution X Payment X Support X
    12. 12. Hybrid Apps <ul><li>PhoneGap gives developers the </li></ul><ul><li>best of both worlds. </li></ul>
    13. 13. PhoneGap <ul><li>Open source </li></ul><ul><li>Created by @Nitobi </li></ul><ul><li>Native app wrapper </li></ul><ul><li>Multiple plaforms </li></ul>
    14. 14. Considerations Native Web Depends Cosmetics X Functionality X Development X Testing X Distribution X Payment X Support X
    15. 15. Considerations Native Web+PG Depends Cosmetics X Functionality X Development X Testing X Distribution X Payment X Support X
    16. 16. PhoneGap <ul><li>Demo </li></ul>
    17. 17. Conclusion <ul><li>&quot;If you can build your app with HTML, CSS, and JavaScript, then you probably should.&quot; </li></ul><ul><li>- Jonathan Stark </li></ul>
    18. 18. More Info <ul><li>http://jonathanstark.com/book </li></ul><ul><li>http://jonathanstark.com/contact </li></ul><ul><li>http://jonathanstark.com/sxsw </li></ul>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×