Your SlideShare is downloading. ×
0
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Building Mobile Apps with HTML, CSS, and JavaScript

13,974

Published on

Published in: Technology
3 Comments
18 Likes
Statistics
Notes
No Downloads
Views
Total Views
13,974
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
270
Comments
3
Likes
18
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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 hit 5 billion in July 2010 (up from 720 million in 2000)
    - 15% of phones sold in 2009 were smart phones (17% in 2010Q1 - almost 50% increase over 2009Q1).
    - Mobile broadband subscriptions (3G or better) at 360 million in 2009. Ericsson predicts 3.4B by 2015 and 50B connected devices by 2020.
    - At this rate mobile broadband subscriptions will overtake wired broadband in a year or two.
    - 56% of public Wi‑Fi connections in 2009 were from mobile devices.

  • Unless you’re a telco or a handset manufacturer, your 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)
    - SMS 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 want to drill down on a native vs web for a second because I know that there is a lot of confusion there.
  • Web apps can run 100% offline.
  • 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.

  • 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.
  • PhoneGap support matrix


  • 1) Launch emulator
    2) Put www on desktop
    3) Run wiz
    4) Compile app
    5) Install on emulator
    6) Update markup
    7) Recompile and install
  • 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

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

    ×